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

package/cli/storybook-dist/_stories-src/nx-icons/NxIcons.stories.tsx

@@ -1,48 +1,48 @@
-import type React from "react";
-import type { Meta, StoryObj } from "@storybook/react";
-import * as Icons from "@nexus/assets/icons";
-import { copyClipboard } from "@repo/rb-utils/browserUtils";
-
-const meta: Meta = {
-  title: "muscat/nx-icons",
-};
-
-export default meta;
-
-type Story = StoryObj;
-
-const handleCopy = (text: string) => {
-  copyClipboard({ text });
-  alert("복사가 완료되었습니다.");
-};
-
-const toIconUsage = (name: string) => `<${name} className="size-5" />`;
-
-const IconGrid = () => {
-  const entries = Object.entries(Icons).filter(
-    ([, Comp]) => typeof Comp === "function",
-  ) as Array<[string, React.ComponentType<React.SVGAttributes<SVGSVGElement>>]>;
-
-  return (
-    <div className="grid grid-cols-3 gap-3 md:grid-cols-6 xl:grid-cols-8">
-      {entries.map(([name, Icon]) => (
-        <button
-          key={name}
-          type="button"
-          className="border-default bg-default text-default flex cursor-copy flex-col items-center gap-2 rounded-lg border p-3"
-          onClick={() => handleCopy(toIconUsage(name))}
-          title={`Copy ${toIconUsage(name)}`}
-        >
-          <Icon className="size-5" />
-          <span className="text-subtle text-center text-sm break-all">
-            {toIconUsage(name)}
-          </span>
-        </button>
-      ))}
-    </div>
-  );
-};
-
-export const Preview: Story = {
-  render: () => <IconGrid />,
-};
+import type React from "react";
+import type { Meta, StoryObj } from "@storybook/react";
+import * as Icons from "@nexus/assets/icons";
+import { copyClipboard } from "@repo/rb-utils/browserUtils";
+
+const meta: Meta = {
+  title: "muscat/nx-icons",
+};
+
+export default meta;
+
+type Story = StoryObj;
+
+const handleCopy = (text: string) => {
+  copyClipboard({ text });
+  alert("복사가 완료되었습니다.");
+};
+
+const toIconUsage = (name: string) => `<${name} className="size-5" />`;
+
+const IconGrid = () => {
+  const entries = Object.entries(Icons).filter(
+    ([, Comp]) => typeof Comp === "function",
+  ) as Array<[string, React.ComponentType<React.SVGAttributes<SVGSVGElement>>]>;
+
+  return (
+    <div className="grid grid-cols-3 gap-3 md:grid-cols-6 xl:grid-cols-8">
+      {entries.map(([name, Icon]) => (
+        <button
+          key={name}
+          type="button"
+          className="border-default bg-default text-default flex cursor-copy flex-col items-center gap-2 rounded-lg border p-3"
+          onClick={() => handleCopy(toIconUsage(name))}
+          title={`Copy ${toIconUsage(name)}`}
+        >
+          <Icon className="size-5" />
+          <span className="text-subtle text-center text-sm break-all">
+            {toIconUsage(name)}
+          </span>
+        </button>
+      ))}
+    </div>
+  );
+};
+
+export const Preview: Story = {
+  render: () => <IconGrid />,
+};

package/cli/storybook-dist/_stories-src/nx-inputs/NxNumberInput.stories.tsx

@@ -1,103 +1,103 @@
-import type { Meta, StoryObj, StoryFn } from "@storybook/react";
-import NxNumberInput from "@nexus/components/shared/inputs/NxNumberInput";
-import { SideNumberInput } from "@sb/index";
-
-type StoryComponent = StoryObj<typeof SideNumberInput>;
-type StoryTemplate = StoryFn<typeof NxNumberInput>;
-
-// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
-export default {
-  component: NxNumberInput,
-  tags: ["autodocs"],
-  argTypes: {
-    value: {
-      type: "string",
-    },
-    step: {
-      type: "number",
-    },
-    increaseStep: {
-      type: "number",
-    },
-    decreaseStep: {
-      type: "number",
-    },
-    error: {
-      type: "boolean",
-    },
-    maxLength: {
-      control: "text",
-      description: "string | number",
-    },
-    digit: {
-      type: "number",
-    },
-    isDirect: {
-      control: { type: "boolean" },
-      description: "직접 입력 허용 여부",
-      table: {
-        defaultValue: { summary: "true" },
-      },
-    },
-    detectDobleClick: {
-      control: { type: "boolean" },
-      description: "더블 클릭 감지 여부",
-      table: {
-        defaultValue: { summary: "false" },
-      },
-    },
-    readOnly: {
-      type: "boolean",
-    },
-    increaseElement: {
-      description: "증가 버튼에 표시될 아이콘 컴포넌트",
-      control: false,
-      table: {
-        type: {
-          summary: "ReactElement",
-        },
-      },
-    },
-    decreaseElement: {
-      description: "감소 버튼에 표시될 아이콘 컴포넌트",
-      control: false,
-      table: {
-        type: {
-          summary: "ReactElement",
-        },
-      },
-    },
-    handleChange: {
-      action: "onChange",
-      description: "값이 변경될 때 호출되는 함수",
-      table: {
-        type: {
-          summary:
-            "(value: string, name?: string, option?: ChangeOption) => void",
-          detail: `
-- value: 변경된 값
-- name?: 입력 필드(input) name 값
-- option?: up/down 버튼을 눌렀을 경우 전달
-  - type: 'up' | 'down'
-`.trim(),
-        },
-      },
-    },
-  },
-} as Meta<typeof SideNumberInput>;
-
-const Template: StoryTemplate = (args) => {
-  return <NxNumberInput {...args} />;
-};
-
-export const Default: StoryComponent = {
-  parameters: {
-    docs: {
-      description: {
-        story: "",
-      },
-    },
-  },
-  args: {},
-  render: Template,
-};
+import type { Meta, StoryObj, StoryFn } from "@storybook/react";
+import NxNumberInput from "@nexus/components/shared/inputs/NxNumberInput";
+import { SideNumberInput } from "@sb/index";
+
+type StoryComponent = StoryObj<typeof SideNumberInput>;
+type StoryTemplate = StoryFn<typeof NxNumberInput>;
+
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
+export default {
+  component: NxNumberInput,
+  tags: ["autodocs"],
+  argTypes: {
+    value: {
+      type: "string",
+    },
+    step: {
+      type: "number",
+    },
+    increaseStep: {
+      type: "number",
+    },
+    decreaseStep: {
+      type: "number",
+    },
+    error: {
+      type: "boolean",
+    },
+    maxLength: {
+      control: "text",
+      description: "string | number",
+    },
+    digit: {
+      type: "number",
+    },
+    isDirect: {
+      control: { type: "boolean" },
+      description: "직접 입력 허용 여부",
+      table: {
+        defaultValue: { summary: "true" },
+      },
+    },
+    detectDobleClick: {
+      control: { type: "boolean" },
+      description: "더블 클릭 감지 여부",
+      table: {
+        defaultValue: { summary: "false" },
+      },
+    },
+    readOnly: {
+      type: "boolean",
+    },
+    increaseElement: {
+      description: "증가 버튼에 표시될 아이콘 컴포넌트",
+      control: false,
+      table: {
+        type: {
+          summary: "ReactElement",
+        },
+      },
+    },
+    decreaseElement: {
+      description: "감소 버튼에 표시될 아이콘 컴포넌트",
+      control: false,
+      table: {
+        type: {
+          summary: "ReactElement",
+        },
+      },
+    },
+    handleChange: {
+      action: "onChange",
+      description: "값이 변경될 때 호출되는 함수",
+      table: {
+        type: {
+          summary:
+            "(value: string, name?: string, option?: ChangeOption) => void",
+          detail: `
+- value: 변경된 값
+- name?: 입력 필드(input) name 값
+- option?: up/down 버튼을 눌렀을 경우 전달
+  - type: 'up' | 'down'
+`.trim(),
+        },
+      },
+    },
+  },
+} as Meta<typeof SideNumberInput>;
+
+const Template: StoryTemplate = (args) => {
+  return <NxNumberInput {...args} />;
+};
+
+export const Default: StoryComponent = {
+  parameters: {
+    docs: {
+      description: {
+        story: "",
+      },
+    },
+  },
+  args: {},
+  render: Template,
+};

package/cli/storybook-dist/_stories-src/nx-inputs/NxRangeInput.stories.tsx

@@ -1,27 +1,27 @@
-import type { Meta, StoryObj, StoryFn } from "@storybook/react";
-import NxRangeInput from "@nexus/components/shared/inputs/NxRangeInput";
-
-type StoryComponent = StoryObj<typeof NxRangeInput>;
-type StoryTemplate = StoryFn<typeof NxRangeInput>;
-
-// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
-export default {
-  component: NxRangeInput,
-  tags: ["autodocs"],
-} as Meta<typeof NxRangeInput>;
-
-const Template: StoryTemplate = (args) => {
-  return <NxRangeInput {...args} />;
-};
-
-export const Default: StoryComponent = {
-  parameters: {
-    docs: {
-      description: {
-        story: "",
-      },
-    },
-  },
-  args: {},
-  render: Template,
-};
+import type { Meta, StoryObj, StoryFn } from "@storybook/react";
+import NxRangeInput from "@nexus/components/shared/inputs/NxRangeInput";
+
+type StoryComponent = StoryObj<typeof NxRangeInput>;
+type StoryTemplate = StoryFn<typeof NxRangeInput>;
+
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
+export default {
+  component: NxRangeInput,
+  tags: ["autodocs"],
+} as Meta<typeof NxRangeInput>;
+
+const Template: StoryTemplate = (args) => {
+  return <NxRangeInput {...args} />;
+};
+
+export const Default: StoryComponent = {
+  parameters: {
+    docs: {
+      description: {
+        story: "",
+      },
+    },
+  },
+  args: {},
+  render: Template,
+};

package/cli/storybook-dist/_stories-src/nx-inputs/NxSelectBox.stories.tsx

@@ -1,67 +1,67 @@
-import type { Meta, StoryObj, StoryFn } from "@storybook/react";
-import NxSelectBox from "@nexus/components/shared/inputs/NxSelectBox";
-import { SelectBox, Option } from "@sb/index";
-
-type StoryComponent = StoryObj<typeof SelectBox>;
-type StoryTemplate = StoryFn<typeof NxSelectBox>;
-
-// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
-export default {
-  component: NxSelectBox,
-  tags: ["autodocs"],
-  argTypes: {
-    value: {
-      control: "text",
-      description: "string | number",
-    },
-    children: {
-      control: false,
-      description: "Option 컴포넌트를 children으로 전달",
-    },
-    keepDropDown: {
-      type: "boolean",
-      description: "Option 선택 후 DropBox를 닫을지 유지할지 여부",
-    },
-    error: {
-      type: "boolean",
-    },
-    onChange: {
-      action: "onChange",
-      description: "값이 변경될 때 호출되는 함수",
-      table: {
-        type: {
-          summary: `(
-              e: ChangeEvent<HTMLInputElement> | { target: HTMLInputElement },
-            ) => void`,
-          detail: `
-- e: 변경된 value의 ChangeEvent. e.target.value로 변경하려는 value값을 가져옴
-`.trim(),
-        },
-      },
-    },
-  },
-} as Meta<typeof SelectBox>;
-
-const Template: StoryTemplate = (args) => {
-  return (
-    <NxSelectBox {...args}>
-      <Option value="a">Option A</Option>
-      <Option value="b">Option B</Option>
-      <Option value="c" disabled>
-        Option C
-      </Option>
-    </NxSelectBox>
-  );
-};
-
-export const Default: StoryComponent = {
-  parameters: {
-    docs: {
-      description: {
-        story: "",
-      },
-    },
-  },
-  args: { value: "a" },
-  render: Template,
-};
+import type { Meta, StoryObj, StoryFn } from "@storybook/react";
+import NxSelectBox from "@nexus/components/shared/inputs/NxSelectBox";
+import { SelectBox, Option } from "@sb/index";
+
+type StoryComponent = StoryObj<typeof SelectBox>;
+type StoryTemplate = StoryFn<typeof NxSelectBox>;
+
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
+export default {
+  component: NxSelectBox,
+  tags: ["autodocs"],
+  argTypes: {
+    value: {
+      control: "text",
+      description: "string | number",
+    },
+    children: {
+      control: false,
+      description: "Option 컴포넌트를 children으로 전달",
+    },
+    keepDropDown: {
+      type: "boolean",
+      description: "Option 선택 후 DropBox를 닫을지 유지할지 여부",
+    },
+    error: {
+      type: "boolean",
+    },
+    onChange: {
+      action: "onChange",
+      description: "값이 변경될 때 호출되는 함수",
+      table: {
+        type: {
+          summary: `(
+              e: ChangeEvent<HTMLInputElement> | { target: HTMLInputElement },
+            ) => void`,
+          detail: `
+- e: 변경된 value의 ChangeEvent. e.target.value로 변경하려는 value값을 가져옴
+`.trim(),
+        },
+      },
+    },
+  },
+} as Meta<typeof SelectBox>;
+
+const Template: StoryTemplate = (args) => {
+  return (
+    <NxSelectBox {...args}>
+      <Option value="a">Option A</Option>
+      <Option value="b">Option B</Option>
+      <Option value="c" disabled>
+        Option C
+      </Option>
+    </NxSelectBox>
+  );
+};
+
+export const Default: StoryComponent = {
+  parameters: {
+    docs: {
+      description: {
+        story: "",
+      },
+    },
+  },
+  args: { value: "a" },
+  render: Template,
+};

package/cli/storybook-dist/_stories-src/nx-inputs/NxSlideRange.stories.tsx

@@ -1,45 +1,45 @@
-import type { Meta, StoryObj, StoryFn } from "@storybook/react";
-import NxSlideRange from "@nexus/components/shared/inputs/NxSlideRange";
-import { ShadSlider } from "@repo/rb-components/shadcn/ui";
-
-type StoryComponent = StoryObj<typeof ShadSlider>;
-type StoryTemplate = StoryFn<typeof NxSlideRange>;
-
-// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
-export default {
-  component: NxSlideRange,
-  tags: ["autodocs"],
-  argTypes: {
-    min: {
-      control: "number",
-    },
-    max: {
-      control: "number",
-    },
-    trackClassName: {
-      type: "string",
-    },
-    rangeClassName: {
-      type: "string",
-    },
-    thumbClassName: {
-      type: "string",
-    },
-  },
-} as Meta<typeof ShadSlider>;
-
-const Template: StoryTemplate = (args) => {
-  return <NxSlideRange {...args} />;
-};
-
-export const Default: StoryComponent = {
-  parameters: {
-    docs: {
-      description: {
-        story: "",
-      },
-    },
-  },
-  args: { min: 0, max: 100 },
-  render: Template,
-};
+import type { Meta, StoryObj, StoryFn } from "@storybook/react";
+import NxSlideRange from "@nexus/components/shared/inputs/NxSlideRange";
+import { ShadSlider } from "@repo/rb-components/shadcn/ui";
+
+type StoryComponent = StoryObj<typeof ShadSlider>;
+type StoryTemplate = StoryFn<typeof NxSlideRange>;
+
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
+export default {
+  component: NxSlideRange,
+  tags: ["autodocs"],
+  argTypes: {
+    min: {
+      control: "number",
+    },
+    max: {
+      control: "number",
+    },
+    trackClassName: {
+      type: "string",
+    },
+    rangeClassName: {
+      type: "string",
+    },
+    thumbClassName: {
+      type: "string",
+    },
+  },
+} as Meta<typeof ShadSlider>;
+
+const Template: StoryTemplate = (args) => {
+  return <NxSlideRange {...args} />;
+};
+
+export const Default: StoryComponent = {
+  parameters: {
+    docs: {
+      description: {
+        story: "",
+      },
+    },
+  },
+  args: { min: 0, max: 100 },
+  render: Template,
+};

package/cli/storybook-dist/_stories-src/nx-inputs/NxSwitch.stories.tsx

@@ -1,27 +1,27 @@
-import type { Meta, StoryObj, StoryFn } from "@storybook/react";
-import NxSwitch from "@nexus/components/shared/inputs/NxSwitch";
-
-type StoryComponent = StoryObj<typeof NxSwitch>;
-type StoryTemplate = StoryFn<typeof NxSwitch>;
-
-// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
-export default {
-  component: NxSwitch,
-  tags: ["autodocs"],
-} as Meta<typeof NxSwitch>;
-
-const Template: StoryTemplate = (args) => {
-  return <NxSwitch {...args} />;
-};
-
-export const Default: StoryComponent = {
-  parameters: {
-    docs: {
-      description: {
-        story: "",
-      },
-    },
-  },
-  args: {},
-  render: Template,
-};
+import type { Meta, StoryObj, StoryFn } from "@storybook/react";
+import NxSwitch from "@nexus/components/shared/inputs/NxSwitch";
+
+type StoryComponent = StoryObj<typeof NxSwitch>;
+type StoryTemplate = StoryFn<typeof NxSwitch>;
+
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
+export default {
+  component: NxSwitch,
+  tags: ["autodocs"],
+} as Meta<typeof NxSwitch>;
+
+const Template: StoryTemplate = (args) => {
+  return <NxSwitch {...args} />;
+};
+
+export const Default: StoryComponent = {
+  parameters: {
+    docs: {
+      description: {
+        story: "",
+      },
+    },
+  },
+  args: {},
+  render: Template,
+};