Change uppercase directories to lowercase

Author: kciter

.github/workflows/chromatic.yaml

@@ -1,42 +1,42 @@
-name: 'Chromatic'
+# name: 'Chromatic'
 
 # on:
 #   push:
 #     branches:
 #       - main
 #   pull_request:
 
-concurrency:
-  group: ${{ github.workflow }}-${{ github.ref }}
-  cancel-in-progress: true
+# concurrency:
+#   group: ${{ github.workflow }}-${{ github.ref }}
+#   cancel-in-progress: true
 
-jobs:
-  chromatic-deployment:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
+# jobs:
+#   chromatic-deployment:
+#     runs-on: ubuntu-latest
+#     steps:
+#       - name: Checkout
+#         uses: actions/checkout@v4
+#         with:
+#           fetch-depth: 0
 
-      - name: Setup pnpm
-        uses: pnpm/action-setup@v4
-        with:
-          run_install: false
+#       - name: Setup pnpm
+#         uses: pnpm/action-setup@v4
+#         with:
+#           run_install: false
 
-      - name: Setup Node
-        uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: 'pnpm'
+#       - name: Setup Node
+#         uses: actions/setup-node@v4
+#         with:
+#           node-version-file: '.nvmrc'
+#           cache: 'pnpm'
 
-      - name: Install dependencies
-        run: pnpm install --frozen-lockfile
+#       - name: Install dependencies
+#         run: pnpm install --frozen-lockfile
 
-      - name: Publish to Chromatic
-        uses: chromaui/action@v1
-        with:
-          token: ${{ secrets.GITHUB_TOKEN }}
-          projectToken: TODO
-          exitOnceUploaded: true
-          exitZeroOnChanges: true
+#       - name: Publish to Chromatic
+#         uses: chromaui/action@v1
+#         with:
+#           token: ${{ secrets.GITHUB_TOKEN }}
+#           projectToken: TODO
+#           exitOnceUploaded: true
+#           exitZeroOnChanges: true

packages/archtype/src/box/box.view.tsx

@@ -0,0 +1,19 @@
+import { View } from "rune-ts";
+import type { As, RuneElement } from "@rune-ui/types";
+import { createHtml } from "@rune-ui/jsx";
+
+export type RuneUIBoxProps<T extends As> = RuneElement<T> & {
+  as?: T;
+  children?: View[] | string;
+};
+
+export class Box<T extends As = "div"> extends View<RuneUIBoxProps<T>> {
+  override template() {
+    const { as, children, ...rest } = this.data as RuneUIBoxProps<T> & {
+      as: keyof HTMLElementTagNameMap;
+    };
+
+    const Tag = (as || "div") as keyof JSX.IntrinsicElements;
+    return <Tag {...rest}>{children}</Tag>;
+  }
+}

packages/archtype/src/box/index.ts

@@ -0,0 +1 @@
+export * from "./box.view";

packages/archtype/src/button/button.anatomy.ts

@@ -0,0 +1,11 @@
+import { createAnatomy } from "@rune-ui/anatomy";
+
+export const buttonAnatomy = createAnatomy("button").parts(
+  "root", // 전체 버튼 컴포넌트
+  "inner", // 버튼 내부 요소
+  "label", // 버튼 레이블
+  "leftIcon", // 왼쪽 아이콘
+  "rightIcon" // 오른쪽 아이콘
+);
+
+export const buttonParts = buttonAnatomy.build();

packages/archtype/src/button/button.view.tsx

@@ -0,0 +1,93 @@
+import { RuneChildren, RuneElement, RuneView } from "@rune-ui/types";
+import { createHtml } from "@rune-ui/jsx";
+import { View } from "rune-ts";
+import { buttonParts } from "./button.anatomy";
+
+// Button 컴포넌트의 루트
+export interface RuneUIButtonRootProps extends RuneElement<"button"> {
+  children?: RuneChildren;
+}
+
+export class ButtonRoot extends View<RuneUIButtonRootProps> {
+  override template() {
+    const { children, ...rest } = this.data;
+    return (
+      <button {...rest} {...buttonParts.root.attrs}>
+        {children}
+      </button>
+    );
+  }
+}
+
+// Button 컴포넌트의 내부
+export interface RuneUIButtonInnerProps extends RuneElement<"span"> {
+  children?: RuneChildren;
+}
+
+export class ButtonInner extends View<RuneUIButtonInnerProps> {
+  override template() {
+    const { children, ...rest } = this.data;
+
+    return (
+      <span {...rest} {...buttonParts.inner.attrs}>
+        {children}
+      </span>
+    );
+  }
+}
+
+// Button 컴포넌트의 왼쪽 아이콘
+export interface RuneUIButtonLeftIconProps extends RuneElement<"span"> {
+  icon: RuneView;
+}
+
+export class ButtonLeftIcon extends View<RuneUIButtonLeftIconProps> {
+  override template() {
+    const { icon, ...rest } = this.data;
+    return (
+      <span {...rest} {...buttonParts.leftIcon.attrs}>
+        {icon}
+      </span>
+    );
+  }
+}
+
+// Button 컴포넌트의 레이블
+export interface RuneUIButtonLabelProps extends RuneElement<"span"> {
+  children?: RuneChildren;
+}
+
+export class ButtonLabel extends View<RuneUIButtonLabelProps> {
+  override template() {
+    const { children, ...rest } = this.data;
+    return (
+      <span {...rest} {...buttonParts.label.attrs}>
+        {children}
+      </span>
+    );
+  }
+}
+
+// Button 컴포넌트의 오른쪽 아이콘
+export interface RuneUIButtonRightIconProps extends RuneElement<"span"> {
+  icon: RuneView;
+}
+
+export class ButtonRightIcon extends View<RuneUIButtonRightIconProps> {
+  override template() {
+    const { icon, ...rest } = this.data;
+    return (
+      <span {...rest} {...buttonParts.rightIcon.attrs}>
+        {icon}
+      </span>
+    );
+  }
+}
+
+export const Button = {
+  Root: ButtonRoot,
+  Inner: ButtonInner,
+  LeftIcon: ButtonLeftIcon,
+  Label: ButtonLabel,
+  RightIcon: ButtonRightIcon,
+};

packages/archtype/src/button/index.ts

@@ -0,0 +1,2 @@
+export * from "./button.anatomy";
+export * from "./button.view";