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

package/cli/storybook-dist/_stories-src/RBInput/RBSideNumberInput.stories.tsx

@@ -1,90 +1,90 @@
-import type { Meta, StoryFn, StoryObj } from "@storybook/react";
-import {
-  RBSideNumberInput,
-  RBTextField,
-} from "@repo/rb-components/new_components";
-
-type StoryComponent = StoryObj<typeof RBSideNumberInput>;
-type StoryTemplate = StoryFn<typeof RBSideNumberInput>;
-
-const Template: StoryTemplate = (args) => <RBSideNumberInput {...args} />;
-
-export default {
-  component: RBSideNumberInput,
-  tags: ["autodocs"],
-  argTypes: {
-    size: {
-      control: { type: "select" },
-      options: ["xs2", "sm", "md", "lg"],
-      table: { type: { summary: '"xs2" | "sm" | "md" | "lg"' } },
-    },
-    variant: {
-      control: { type: "select" },
-      options: ["default", "success"],
-      table: {
-        type: {
-          summary: '"default" | "success"',
-        },
-      },
-    },
-    step: {
-      control: { type: "number" },
-    },
-    increaseStep: {
-      control: { type: "number" },
-    },
-    decreaseStep: {
-      control: { type: "number" },
-    },
-    min: {
-      control: { type: "number" },
-    },
-    max: {
-      control: { type: "number" },
-    },
-    maxLength: {
-      control: { type: "number" },
-    },
-    digit: {
-      control: { type: "number" },
-    },
-    isDirect: {
-      control: { type: "boolean" },
-    },
-    detectDobleClick: {
-      control: { type: "boolean" },
-    },
-    type: {
-      control: { type: "select" },
-      options: ["number", "nx-number"],
-    },
-    disabled: { control: { type: "boolean" } },
-    inputDisabled: { control: { type: "boolean" } },
-    readOnly: { control: { type: "boolean" } },
-  },
-  args: {
-    size: "md",
-    variant: "default",
-    defaultValue: 0.5,
-    step: 0.1,
-    isDirect: true,
-    detectDobleClick: false,
-  },
-  render: Template,
-} as Meta<typeof RBSideNumberInput>;
-
-export const Default: StoryComponent = {};
-
-export const WithTextField: StoryComponent = {
-  render: (args) => (
-    <RBTextField
-      label="Node Name"
-      description="노드 이름을 입력하세요."
-      required
-      helperText="중복되지 않는 이름을 사용하세요."
-      helperTone="default"
-    >
-      <RBSideNumberInput {...args} />
-    </RBTextField>
-  ),
-};
+import type { Meta, StoryFn, StoryObj } from "@storybook/react";
+import {
+  RBSideNumberInput,
+  RBTextField,
+} from "@repo/rb-components/new_components";
+
+type StoryComponent = StoryObj<typeof RBSideNumberInput>;
+type StoryTemplate = StoryFn<typeof RBSideNumberInput>;
+
+const Template: StoryTemplate = (args) => <RBSideNumberInput {...args} />;
+
+export default {
+  component: RBSideNumberInput,
+  tags: ["autodocs"],
+  argTypes: {
+    size: {
+      control: { type: "select" },
+      options: ["xs2", "sm", "md", "lg"],
+      table: { type: { summary: '"xs2" | "sm" | "md" | "lg"' } },
+    },
+    variant: {
+      control: { type: "select" },
+      options: ["default", "success"],
+      table: {
+        type: {
+          summary: '"default" | "success"',
+        },
+      },
+    },
+    step: {
+      control: { type: "number" },
+    },
+    increaseStep: {
+      control: { type: "number" },
+    },
+    decreaseStep: {
+      control: { type: "number" },
+    },
+    min: {
+      control: { type: "number" },
+    },
+    max: {
+      control: { type: "number" },
+    },
+    maxLength: {
+      control: { type: "number" },
+    },
+    digit: {
+      control: { type: "number" },
+    },
+    isDirect: {
+      control: { type: "boolean" },
+    },
+    detectDobleClick: {
+      control: { type: "boolean" },
+    },
+    type: {
+      control: { type: "select" },
+      options: ["number", "nx-number"],
+    },
+    disabled: { control: { type: "boolean" } },
+    inputDisabled: { control: { type: "boolean" } },
+    readOnly: { control: { type: "boolean" } },
+  },
+  args: {
+    size: "md",
+    variant: "default",
+    defaultValue: 0.5,
+    step: 0.1,
+    isDirect: true,
+    detectDobleClick: false,
+  },
+  render: Template,
+} as Meta<typeof RBSideNumberInput>;
+
+export const Default: StoryComponent = {};
+
+export const WithTextField: StoryComponent = {
+  render: (args) => (
+    <RBTextField
+      label="Node Name"
+      description="노드 이름을 입력하세요."
+      required
+      helperText="중복되지 않는 이름을 사용하세요."
+      helperTone="default"
+    >
+      <RBSideNumberInput {...args} />
+    </RBTextField>
+  ),
+};

package/cli/storybook-dist/_stories-src/RBInput/RBText/RBTextArea.stories.tsx

@@ -1,45 +1,45 @@
-import type { Meta, StoryFn, StoryObj } from "@storybook/react";
-import { RBTextField, RBTextArea } from "@repo/rb-components/new_components";
-
-type StoryComponent = StoryObj<typeof RBTextArea>;
-type StoryTemplate = StoryFn<typeof RBTextArea>;
-
-const Template: StoryTemplate = (args) => (
-  <div className="bg-alt-2 py-10">
-    <RBTextArea {...args} />
-  </div>
-);
-
-export default {
-  component: RBTextArea,
-  tags: ["autodocs"],
-  argTypes: {
-    variant: {
-      control: { type: "select" },
-      options: ["default", "success"],
-      table: { type: { summary: '"default" | "success"' } },
-    },
-  },
-  args: {
-    variant: "default",
-    disabled: false,
-    readOnly: false,
-  },
-  render: Template,
-} as Meta<typeof RBTextArea>;
-
-export const Default: StoryComponent = {};
-
-export const WithTextField: StoryComponent = {
-  render: (args) => (
-    <RBTextField
-      label="Description"
-      description="상세 설명을 입력하세요."
-      required
-      helperText="최대 500자까지 입력할 수 있습니다."
-      helperTone="default"
-    >
-      <RBTextArea {...args} placeholder="내용을 입력해주세요." />
-    </RBTextField>
-  ),
-};
+import type { Meta, StoryFn, StoryObj } from "@storybook/react";
+import { RBTextField, RBTextArea } from "@repo/rb-components/new_components";
+
+type StoryComponent = StoryObj<typeof RBTextArea>;
+type StoryTemplate = StoryFn<typeof RBTextArea>;
+
+const Template: StoryTemplate = (args) => (
+  <div className="bg-alt-2 py-10">
+    <RBTextArea {...args} />
+  </div>
+);
+
+export default {
+  component: RBTextArea,
+  tags: ["autodocs"],
+  argTypes: {
+    variant: {
+      control: { type: "select" },
+      options: ["default", "success"],
+      table: { type: { summary: '"default" | "success"' } },
+    },
+  },
+  args: {
+    variant: "default",
+    disabled: false,
+    readOnly: false,
+  },
+  render: Template,
+} as Meta<typeof RBTextArea>;
+
+export const Default: StoryComponent = {};
+
+export const WithTextField: StoryComponent = {
+  render: (args) => (
+    <RBTextField
+      label="Description"
+      description="상세 설명을 입력하세요."
+      required
+      helperText="최대 500자까지 입력할 수 있습니다."
+      helperTone="default"
+    >
+      <RBTextArea {...args} placeholder="내용을 입력해주세요." />
+    </RBTextField>
+  ),
+};

package/cli/storybook-dist/_stories-src/RBInput/RBText/RBTextInput.stories.tsx

@@ -1,50 +1,50 @@
-import type { Meta, StoryFn, StoryObj } from "@storybook/react";
-import { RBTextField, RBTextInput } from "@repo/rb-components/new_components";
-
-type StoryComponent = StoryObj<typeof RBTextInput>;
-type StoryTemplate = StoryFn<typeof RBTextInput>;
-
-const Template: StoryTemplate = (args) => (
-  <div className="bg-alt-2 py-10">
-    <RBTextInput {...args} />
-  </div>
-);
-
-export default {
-  component: RBTextInput,
-  tags: ["autodocs"],
-  argTypes: {
-    size: {
-      control: { type: "select" },
-      options: ["xs2", "sm", "md", "lg"],
-      table: { type: { summary: '"xs2" | "sm" | "md" | "lg"' } },
-    },
-    variant: {
-      control: { type: "select" },
-      options: ["default", "success"],
-      table: { type: { summary: '"default" | "success"' } },
-    },
-  },
-  args: {
-    variant: "default",
-    disabled: false,
-    readOnly: false,
-  },
-  render: Template,
-} as Meta<typeof RBTextInput>;
-
-export const Default: StoryComponent = {};
-
-export const WithTextField: StoryComponent = {
-  render: (args) => (
-    <RBTextField
-      label="Node Name"
-      description="노드 이름을 입력하세요."
-      required
-      helperText="중복되지 않는 이름을 사용하세요."
-      helperTone="default"
-    >
-      <RBTextInput {...args} placeholder="node_053" />
-    </RBTextField>
-  ),
-};
+import type { Meta, StoryFn, StoryObj } from "@storybook/react";
+import { RBTextField, RBTextInput } from "@repo/rb-components/new_components";
+
+type StoryComponent = StoryObj<typeof RBTextInput>;
+type StoryTemplate = StoryFn<typeof RBTextInput>;
+
+const Template: StoryTemplate = (args) => (
+  <div className="bg-alt-2 py-10">
+    <RBTextInput {...args} />
+  </div>
+);
+
+export default {
+  component: RBTextInput,
+  tags: ["autodocs"],
+  argTypes: {
+    size: {
+      control: { type: "select" },
+      options: ["xs2", "sm", "md", "lg"],
+      table: { type: { summary: '"xs2" | "sm" | "md" | "lg"' } },
+    },
+    variant: {
+      control: { type: "select" },
+      options: ["default", "success"],
+      table: { type: { summary: '"default" | "success"' } },
+    },
+  },
+  args: {
+    variant: "default",
+    disabled: false,
+    readOnly: false,
+  },
+  render: Template,
+} as Meta<typeof RBTextInput>;
+
+export const Default: StoryComponent = {};
+
+export const WithTextField: StoryComponent = {
+  render: (args) => (
+    <RBTextField
+      label="Node Name"
+      description="노드 이름을 입력하세요."
+      required
+      helperText="중복되지 않는 이름을 사용하세요."
+      helperTone="default"
+    >
+      <RBTextInput {...args} placeholder="node_053" />
+    </RBTextField>
+  ),
+};

package/cli/storybook-dist/_stories-src/RBInput/RBTextField.stories.tsx

@@ -1,102 +1,102 @@
-import type { Meta, StoryObj } from "@storybook/react";
-
-import {
-  Option,
-  RBSelectBox,
-  RBSideNumberInput,
-  RBTextArea,
-  RBTextField,
-  RBTextInput,
-} from "@repo/rb-components/new_components";
-
-type StoryComponent = StoryObj<typeof RBTextField>;
-
-export default {
-  component: RBTextField,
-  tags: ["autodocs"],
-  args: {
-    label: "Node Name",
-    description: "노드 이름을 입력하세요.",
-    required: false,
-    helperText: "중복되지 않는 이름을 사용하세요.",
-    helperTone: "default",
-  },
-  argTypes: {
-    helperTone: {
-      control: { type: "select" },
-      options: ["default", "error", "success"],
-      table: { type: { summary: '"default" | "error" | "success"' } },
-    },
-  },
-  decorators: [
-    (Story) => (
-      <div className="w-[360px]">
-        <Story />
-      </div>
-    ),
-  ],
-} as Meta<typeof RBTextField>;
-
-export const WithTextInput: StoryComponent = {
-  render: (args) => (
-    <RBTextField {...args}>
-      <RBTextInput placeholder="node_053" />
-    </RBTextField>
-  ),
-};
-
-export const WithTextArea: StoryComponent = {
-  args: {
-    label: "Description",
-    description: "상세 설명을 입력하세요.",
-    helperText: "최대 500자까지 입력할 수 있습니다.",
-  },
-  render: (args) => (
-    <RBTextField {...args}>
-      <RBTextArea placeholder="내용을 입력해주세요." />
-    </RBTextField>
-  ),
-};
-
-export const WithSideNumberInput: StoryComponent = {
-  args: {
-    label: "Threshold",
-    description: "숫자 값을 입력하세요.",
-    helperText: "증가/감소 버튼으로도 조절할 수 있습니다.",
-  },
-  render: (args) => (
-    <RBTextField {...args}>
-      <RBSideNumberInput value="0.5" step={0.1} isDirect />
-    </RBTextField>
-  ),
-};
-
-export const WithSelectBox: StoryComponent = {
-  args: {
-    label: "Category",
-    description: "옵션을 선택하세요.",
-    helperText: "필요한 분류를 선택해주세요.",
-  },
-  render: (args) => (
-    <RBTextField {...args}>
-      <RBSelectBox placeholder="카테고리 선택">
-        <Option value="sensor">Sensor</Option>
-        <Option value="network">Network</Option>
-        <Option value="power">Power</Option>
-      </RBSelectBox>
-    </RBTextField>
-  ),
-};
-
-export const Error: StoryComponent = {
-  args: {
-    helperText: "이미 사용 중인 이름입니다.",
-    helperTone: "error",
-    required: true,
-  },
-  render: (args) => (
-    <RBTextField {...args}>
-      <RBTextInput placeholder="node_053" />
-    </RBTextField>
-  ),
-};
+import type { Meta, StoryObj } from "@storybook/react";
+
+import {
+  Option,
+  RBSelectBox,
+  RBSideNumberInput,
+  RBTextArea,
+  RBTextField,
+  RBTextInput,
+} from "@repo/rb-components/new_components";
+
+type StoryComponent = StoryObj<typeof RBTextField>;
+
+export default {
+  component: RBTextField,
+  tags: ["autodocs"],
+  args: {
+    label: "Node Name",
+    description: "노드 이름을 입력하세요.",
+    required: false,
+    helperText: "중복되지 않는 이름을 사용하세요.",
+    helperTone: "default",
+  },
+  argTypes: {
+    helperTone: {
+      control: { type: "select" },
+      options: ["default", "error", "success"],
+      table: { type: { summary: '"default" | "error" | "success"' } },
+    },
+  },
+  decorators: [
+    (Story) => (
+      <div className="w-[360px]">
+        <Story />
+      </div>
+    ),
+  ],
+} as Meta<typeof RBTextField>;
+
+export const WithTextInput: StoryComponent = {
+  render: (args) => (
+    <RBTextField {...args}>
+      <RBTextInput placeholder="node_053" />
+    </RBTextField>
+  ),
+};
+
+export const WithTextArea: StoryComponent = {
+  args: {
+    label: "Description",
+    description: "상세 설명을 입력하세요.",
+    helperText: "최대 500자까지 입력할 수 있습니다.",
+  },
+  render: (args) => (
+    <RBTextField {...args}>
+      <RBTextArea placeholder="내용을 입력해주세요." />
+    </RBTextField>
+  ),
+};
+
+export const WithSideNumberInput: StoryComponent = {
+  args: {
+    label: "Threshold",
+    description: "숫자 값을 입력하세요.",
+    helperText: "증가/감소 버튼으로도 조절할 수 있습니다.",
+  },
+  render: (args) => (
+    <RBTextField {...args}>
+      <RBSideNumberInput value="0.5" step={0.1} isDirect />
+    </RBTextField>
+  ),
+};
+
+export const WithSelectBox: StoryComponent = {
+  args: {
+    label: "Category",
+    description: "옵션을 선택하세요.",
+    helperText: "필요한 분류를 선택해주세요.",
+  },
+  render: (args) => (
+    <RBTextField {...args}>
+      <RBSelectBox placeholder="카테고리 선택">
+        <Option value="sensor">Sensor</Option>
+        <Option value="network">Network</Option>
+        <Option value="power">Power</Option>
+      </RBSelectBox>
+    </RBTextField>
+  ),
+};
+
+export const Error: StoryComponent = {
+  args: {
+    helperText: "이미 사용 중인 이름입니다.",
+    helperTone: "error",
+    required: true,
+  },
+  render: (args) => (
+    <RBTextField {...args}>
+      <RBTextInput placeholder="node_053" />
+    </RBTextField>
+  ),
+};

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

@@ -1,31 +1,31 @@
-import type { Meta, StoryObj, StoryFn } from "@storybook/react";
-import { RBJoyStick } from "@repo/rb-components/new_components";
-
-type StoryComponent = StoryObj<typeof RBJoyStick>;
-type StoryTemplate = StoryFn<typeof RBJoyStick>;
-
-// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
-export default {
-  component: RBJoyStick,
-  tags: ["autodocs"],
-} as Meta<typeof RBJoyStick>;
-
-const Template: StoryTemplate = (args) => {
-  return (
-    <div className="bg-fill-subtler p-10">
-      <RBJoyStick {...args} />
-    </div>
-  );
-};
-
-export const Default: StoryComponent = {
-  parameters: {
-    docs: {
-      description: {
-        story: "",
-      },
-    },
-  },
-  args: {},
-  render: Template,
-};
+import type { Meta, StoryObj, StoryFn } from "@storybook/react";
+import { RBJoyStick } from "@repo/rb-components/new_components";
+
+type StoryComponent = StoryObj<typeof RBJoyStick>;
+type StoryTemplate = StoryFn<typeof RBJoyStick>;
+
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
+export default {
+  component: RBJoyStick,
+  tags: ["autodocs"],
+} as Meta<typeof RBJoyStick>;
+
+const Template: StoryTemplate = (args) => {
+  return (
+    <div className="bg-fill-subtler p-10">
+      <RBJoyStick {...args} />
+    </div>
+  );
+};
+
+export const Default: StoryComponent = {
+  parameters: {
+    docs: {
+      description: {
+        story: "",
+      },
+    },
+  },
+  args: {},
+  render: Template,
+};