@rainbow-robotics/muscat-plugin-kit 1.3.8-dev.3 → 1.10.1-dev.1

package/cli/storybook-dist/_stories-src/RBBattery/RBBattery.stories.tsx

@@ -1,74 +1,74 @@
-import type { Meta, StoryFn, StoryObj } from "@storybook/react";
-import { RBBattery } from "@repo/rb-components/new_components";
-
-type StoryComponent = StoryObj<typeof RBBattery>;
-type StoryTemplate = StoryFn<typeof RBBattery>;
-
-const Template: StoryTemplate = (args) => {
-  const percent =
-    args.showPercentLabel && args.percent == null ? 0 : args.percent;
-
-  return <RBBattery {...args} percent={percent} />;
-};
-
-export default {
-  component: RBBattery,
-  tags: ["autodocs"],
-  argTypes: {
-    status: {
-      control: { type: "select" },
-      table: { type: { summary: '"critical" | "low" | "normal" | "full"' } },
-      options: ["critical", "low", "normal", "full"],
-    },
-    size: {
-      control: { type: "select" },
-      options: ["xs", "sm", "md", "lg"],
-      table: {
-        type: { summary: '"xs" | "sm" | "md" | "lg"' },
-      },
-    },
-    borderColor: {
-      control: { type: "color" },
-      description: "배터리 보더 오버레이 색상을 직접 지정합니다.",
-      table: { type: { summary: "string" } },
-    },
-    showPercentLabel: {
-      control: { type: "boolean" },
-      description: "true면 배터리 아이콘 오른쪽에 `percent` 라벨을 표시합니다.",
-      table: { type: { summary: "boolean" } },
-    },
-    wrapperClassName: {
-      control: { type: "text" },
-      description:
-        "아이콘+라벨 전체 wrapper에 추가되는 클래스입니다. 간격/정렬 조정용입니다.",
-      table: { type: { summary: "string" } },
-    },
-    percentLabelClassName: {
-      control: { type: "text" },
-      description:
-        "퍼센트 텍스트 라벨에만 적용되는 클래스입니다. 색상/타이포 조정용입니다.",
-      table: { type: { summary: "string" } },
-    },
-  },
-  args: {
-    size: "md",
-    status: undefined,
-    percent: undefined,
-    charging: false,
-    borderColor: undefined,
-    showPercentLabel: false,
-  },
-} as Meta<typeof RBBattery>;
-
-export const Default: StoryComponent = {
-  args: {},
-  render: Template,
-};
-
-export const WithPercentLabel: StoryComponent = {
-  args: {
-    percent: 72,
-    showPercentLabel: true,
-  },
-  render: Template,
-};
+import type { Meta, StoryFn, StoryObj } from "@storybook/react";
+import { RBBattery } from "@repo/rb-components/new_components";
+
+type StoryComponent = StoryObj<typeof RBBattery>;
+type StoryTemplate = StoryFn<typeof RBBattery>;
+
+const Template: StoryTemplate = (args) => {
+  const percent =
+    args.showPercentLabel && args.percent == null ? 0 : args.percent;
+
+  return <RBBattery {...args} percent={percent} />;
+};
+
+export default {
+  component: RBBattery,
+  tags: ["autodocs"],
+  argTypes: {
+    status: {
+      control: { type: "select" },
+      table: { type: { summary: '"critical" | "low" | "normal" | "full"' } },
+      options: ["critical", "low", "normal", "full"],
+    },
+    size: {
+      control: { type: "select" },
+      options: ["xs", "sm", "md", "lg"],
+      table: {
+        type: { summary: '"xs" | "sm" | "md" | "lg"' },
+      },
+    },
+    borderColor: {
+      control: { type: "color" },
+      description: "배터리 보더 오버레이 색상을 직접 지정합니다.",
+      table: { type: { summary: "string" } },
+    },
+    showPercentLabel: {
+      control: { type: "boolean" },
+      description: "true면 배터리 아이콘 오른쪽에 `percent` 라벨을 표시합니다.",
+      table: { type: { summary: "boolean" } },
+    },
+    wrapperClassName: {
+      control: { type: "text" },
+      description:
+        "아이콘+라벨 전체 wrapper에 추가되는 클래스입니다. 간격/정렬 조정용입니다.",
+      table: { type: { summary: "string" } },
+    },
+    percentLabelClassName: {
+      control: { type: "text" },
+      description:
+        "퍼센트 텍스트 라벨에만 적용되는 클래스입니다. 색상/타이포 조정용입니다.",
+      table: { type: { summary: "string" } },
+    },
+  },
+  args: {
+    size: "md",
+    status: undefined,
+    percent: undefined,
+    charging: false,
+    borderColor: undefined,
+    showPercentLabel: false,
+  },
+} as Meta<typeof RBBattery>;
+
+export const Default: StoryComponent = {
+  args: {},
+  render: Template,
+};
+
+export const WithPercentLabel: StoryComponent = {
+  args: {
+    percent: 72,
+    showPercentLabel: true,
+  },
+  render: Template,
+};

package/cli/storybook-dist/_stories-src/RBButton/RBCheckIconButton.stories.tsx

@@ -1,28 +1,28 @@
-import type { Meta, StoryFn, StoryObj } from "@storybook/react";
-import { RBCheckIconButton, RBIcons } from "@repo/rb-components/new_components";
-
-type StoryComponent = StoryObj<typeof RBCheckIconButton>;
-type StoryTemplate = StoryFn<typeof RBCheckIconButton>;
-
-const Template: StoryTemplate = (args) => <RBCheckIconButton {...args} />;
-
-export default {
-  component: RBCheckIconButton,
-  tags: ["autodocs"],
-  argTypes: {
-    size: {
-      control: { type: "select" },
-      options: ["xs", "xs2"],
-    },
-    icon: { control: false },
-    children: { control: false },
-  },
-  args: {
-    size: "xs",
-    icon: <RBIcons.SvgPlusBold />,
-    disabled: false,
-  },
-  render: Template,
-} as Meta<typeof RBCheckIconButton>;
-
-export const Default: StoryComponent = {};
+import type { Meta, StoryFn, StoryObj } from "@storybook/react";
+import { RBCheckIconButton, RBIcons } from "@repo/rb-components/new_components";
+
+type StoryComponent = StoryObj<typeof RBCheckIconButton>;
+type StoryTemplate = StoryFn<typeof RBCheckIconButton>;
+
+const Template: StoryTemplate = (args) => <RBCheckIconButton {...args} />;
+
+export default {
+  component: RBCheckIconButton,
+  tags: ["autodocs"],
+  argTypes: {
+    size: {
+      control: { type: "select" },
+      options: ["xs", "xs2"],
+    },
+    icon: { control: false },
+    children: { control: false },
+  },
+  args: {
+    size: "xs",
+    icon: <RBIcons.SvgPlusBold />,
+    disabled: false,
+  },
+  render: Template,
+} as Meta<typeof RBCheckIconButton>;
+
+export const Default: StoryComponent = {};

package/cli/storybook-dist/_stories-src/RBButton/RBCheckLabelButton.stories.tsx

@@ -1,84 +1,84 @@
-import type { ChangeEvent } from "react";
-import { useState } from "react";
-import type { Meta, StoryFn, StoryObj } from "@storybook/react";
-import { RBCheckLabelButton } from "@repo/rb-components/new_components";
-
-type StoryComponent = StoryObj<typeof RBCheckLabelButton>;
-type StoryTemplate = StoryFn<typeof RBCheckLabelButton>;
-
-const Template: StoryTemplate = (args) => <RBCheckLabelButton {...args} />;
-
-export default {
-  component: RBCheckLabelButton,
-  tags: ["autodocs"],
-  argTypes: {
-    size: {
-      control: { type: "select" },
-      options: ["xs", "xs2"],
-    },
-    leadingIcon: { control: false },
-    trailingIcon: { control: false },
-  },
-  args: {
-    children: "버튼 라벨",
-    size: "xs",
-    disabled: false,
-  },
-  render: Template,
-} as Meta<typeof RBCheckLabelButton>;
-
-export const Default: StoryComponent = {};
-
-export const Multiple: StoryComponent = {
-  render: (args) => {
-    const [selected, setSelected] = useState<Array<string | number>>([
-      "button-1",
-    ]);
-
-    const handleChange =
-      (value: string) => (e: ChangeEvent<HTMLInputElement>) => {
-        setSelected((prev) =>
-          e.target.checked
-            ? prev.includes(value)
-              ? prev
-              : [...prev, value]
-            : prev.filter((item) => item !== value),
-        );
-      };
-
-    return (
-      <div className="flex flex-col gap-3">
-        <div className="flex items-start gap-2">
-          <RBCheckLabelButton
-            {...args}
-            value={selected}
-            checkValue="button-1"
-            onChange={handleChange("button-1")}
-          >
-            버튼 1
-          </RBCheckLabelButton>
-          <RBCheckLabelButton
-            {...args}
-            value={selected}
-            checkValue="button-2"
-            onChange={handleChange("button-2")}
-          >
-            버튼 2
-          </RBCheckLabelButton>
-          <RBCheckLabelButton
-            {...args}
-            className="w-20"
-            value={selected}
-            checkValue="button-3"
-            onChange={handleChange("button-3")}
-          >
-            버튼 3
-          </RBCheckLabelButton>
-        </div>
-        <div className="text-default text-xs">
-          selected: {JSON.stringify(selected)}
-        </div>
-      </div>
-    );
-  },
-};
+import type { ChangeEvent } from "react";
+import { useState } from "react";
+import type { Meta, StoryFn, StoryObj } from "@storybook/react";
+import { RBCheckLabelButton } from "@repo/rb-components/new_components";
+
+type StoryComponent = StoryObj<typeof RBCheckLabelButton>;
+type StoryTemplate = StoryFn<typeof RBCheckLabelButton>;
+
+const Template: StoryTemplate = (args) => <RBCheckLabelButton {...args} />;
+
+export default {
+  component: RBCheckLabelButton,
+  tags: ["autodocs"],
+  argTypes: {
+    size: {
+      control: { type: "select" },
+      options: ["xs", "xs2"],
+    },
+    leadingIcon: { control: false },
+    trailingIcon: { control: false },
+  },
+  args: {
+    children: "버튼 라벨",
+    size: "xs",
+    disabled: false,
+  },
+  render: Template,
+} as Meta<typeof RBCheckLabelButton>;
+
+export const Default: StoryComponent = {};
+
+export const Multiple: StoryComponent = {
+  render: (args) => {
+    const [selected, setSelected] = useState<Array<string | number>>([
+      "button-1",
+    ]);
+
+    const handleChange =
+      (value: string) => (e: ChangeEvent<HTMLInputElement>) => {
+        setSelected((prev) =>
+          e.target.checked
+            ? prev.includes(value)
+              ? prev
+              : [...prev, value]
+            : prev.filter((item) => item !== value),
+        );
+      };
+
+    return (
+      <div className="flex flex-col gap-3">
+        <div className="flex items-start gap-2">
+          <RBCheckLabelButton
+            {...args}
+            value={selected}
+            checkValue="button-1"
+            onChange={handleChange("button-1")}
+          >
+            버튼 1
+          </RBCheckLabelButton>
+          <RBCheckLabelButton
+            {...args}
+            value={selected}
+            checkValue="button-2"
+            onChange={handleChange("button-2")}
+          >
+            버튼 2
+          </RBCheckLabelButton>
+          <RBCheckLabelButton
+            {...args}
+            className="w-20"
+            value={selected}
+            checkValue="button-3"
+            onChange={handleChange("button-3")}
+          >
+            버튼 3
+          </RBCheckLabelButton>
+        </div>
+        <div className="text-default text-xs">
+          selected: {JSON.stringify(selected)}
+        </div>
+      </div>
+    );
+  },
+};

package/cli/storybook-dist/_stories-src/RBButton/RBIconButton.stories.tsx

@@ -1,57 +1,57 @@
-import type { Meta, StoryFn, StoryObj } from "@storybook/react";
-import { RBIconButton, RBIcons } from "@repo/rb-components/new_components";
-
-type StoryComponent = StoryObj<typeof RBIconButton>;
-type StoryTemplate = StoryFn<typeof RBIconButton>;
-
-const Template: StoryTemplate = (args) => <RBIconButton {...args} />;
-
-export default {
-  component: RBIconButton,
-  tags: ["autodocs"],
-  argTypes: {
-    size: {
-      control: { type: "select" },
-      options: ["3xs", "2xs", "xs", "xs2", "sm", "md"],
-      table: {
-        type: { summary: '"3xs" | "2xs" | "xs" | "xs2" | "sm" | "md"' },
-      },
-    },
-    variant: {
-      control: { type: "select" },
-      options: [
-        "transparent",
-        "outlined",
-        "soft",
-        "solid",
-        "inverse",
-        "inverseSoft",
-        "brand",
-        "circle",
-      ],
-      table: {
-        type: {
-          summary:
-            '"transparent" | "outlined" | "soft" | "solid" | "inverse" | "inverseSoft" | "brand" | "circle"',
-        },
-      },
-    },
-    type: {
-      control: { type: "select" },
-      options: ["button", "submit", "reset"],
-      table: { type: { summary: '"button" | "submit" | "reset"' } },
-    },
-    icon: { control: false },
-    children: { control: false },
-  },
-  args: {
-    icon: <RBIcons.SvgPlusBold />,
-    size: "sm",
-    variant: "solid",
-    type: "button",
-    disabled: false,
-  },
-  render: Template,
-} as Meta<typeof RBIconButton>;
-
-export const Default: StoryComponent = {};
+import type { Meta, StoryFn, StoryObj } from "@storybook/react";
+import { RBIconButton, RBIcons } from "@repo/rb-components/new_components";
+
+type StoryComponent = StoryObj<typeof RBIconButton>;
+type StoryTemplate = StoryFn<typeof RBIconButton>;
+
+const Template: StoryTemplate = (args) => <RBIconButton {...args} />;
+
+export default {
+  component: RBIconButton,
+  tags: ["autodocs"],
+  argTypes: {
+    size: {
+      control: { type: "select" },
+      options: ["3xs", "2xs", "xs", "xs2", "sm", "md"],
+      table: {
+        type: { summary: '"3xs" | "2xs" | "xs" | "xs2" | "sm" | "md"' },
+      },
+    },
+    variant: {
+      control: { type: "select" },
+      options: [
+        "transparent",
+        "outlined",
+        "soft",
+        "solid",
+        "inverse",
+        "inverseSoft",
+        "brand",
+        "circle",
+      ],
+      table: {
+        type: {
+          summary:
+            '"transparent" | "outlined" | "soft" | "solid" | "inverse" | "inverseSoft" | "brand" | "circle"',
+        },
+      },
+    },
+    type: {
+      control: { type: "select" },
+      options: ["button", "submit", "reset"],
+      table: { type: { summary: '"button" | "submit" | "reset"' } },
+    },
+    icon: { control: false },
+    children: { control: false },
+  },
+  args: {
+    icon: <RBIcons.SvgPlusBold />,
+    size: "sm",
+    variant: "solid",
+    type: "button",
+    disabled: false,
+  },
+  render: Template,
+} as Meta<typeof RBIconButton>;
+
+export const Default: StoryComponent = {};

package/cli/storybook-dist/_stories-src/RBButton/RBInlineLabelButton.stories.tsx

@@ -1,41 +1,41 @@
-import type { Meta, StoryFn, StoryObj } from "@storybook/react";
-import { RBInlineLabelButton } from "@repo/rb-components/new_components";
-
-type StoryComponent = StoryObj<typeof RBInlineLabelButton>;
-type StoryTemplate = StoryFn<typeof RBInlineLabelButton>;
-
-const Template: StoryTemplate = (args) => <RBInlineLabelButton {...args} />;
-
-export default {
-  component: RBInlineLabelButton,
-  tags: ["autodocs"],
-  argTypes: {
-    size: {
-      control: { type: "select" },
-      options: ["xs", "sm", "md"],
-      table: { type: { summary: '"xs" | "sm" | "md"' } },
-    },
-    variant: {
-      control: { type: "select" },
-      options: ["default", "brand"],
-      table: { type: { summary: '"default" | "brand"' } },
-    },
-    type: {
-      control: { type: "select" },
-      options: ["button", "submit"],
-      table: { type: { summary: '"button" | "submit"' } },
-    },
-    leadingIcon: { control: false },
-    trailingIcon: { control: false },
-  },
-  args: {
-    children: "버튼 라벨",
-    size: "sm",
-    variant: "default",
-    type: "button",
-    disabled: false,
-  },
-  render: Template,
-} as Meta<typeof RBInlineLabelButton>;
-
-export const Default: StoryComponent = {};
+import type { Meta, StoryFn, StoryObj } from "@storybook/react";
+import { RBInlineLabelButton } from "@repo/rb-components/new_components";
+
+type StoryComponent = StoryObj<typeof RBInlineLabelButton>;
+type StoryTemplate = StoryFn<typeof RBInlineLabelButton>;
+
+const Template: StoryTemplate = (args) => <RBInlineLabelButton {...args} />;
+
+export default {
+  component: RBInlineLabelButton,
+  tags: ["autodocs"],
+  argTypes: {
+    size: {
+      control: { type: "select" },
+      options: ["xs", "sm", "md"],
+      table: { type: { summary: '"xs" | "sm" | "md"' } },
+    },
+    variant: {
+      control: { type: "select" },
+      options: ["default", "brand"],
+      table: { type: { summary: '"default" | "brand"' } },
+    },
+    type: {
+      control: { type: "select" },
+      options: ["button", "submit"],
+      table: { type: { summary: '"button" | "submit"' } },
+    },
+    leadingIcon: { control: false },
+    trailingIcon: { control: false },
+  },
+  args: {
+    children: "버튼 라벨",
+    size: "sm",
+    variant: "default",
+    type: "button",
+    disabled: false,
+  },
+  render: Template,
+} as Meta<typeof RBInlineLabelButton>;
+
+export const Default: StoryComponent = {};