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

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

@@ -1,117 +1,117 @@
-import { useState } from "react";
-import type { ComponentProps, ReactElement } from "react";
-import type { Meta, StoryFn, StoryObj } from "@storybook/react";
-
-import { RBSimpleToast } from "@repo/rb-components/new_components";
-import {
-  RBToastContainer,
-  toast,
-  type ToastType,
-  type ToastVariant,
-} from "@repo/rb-modules/RBToast";
-
-type StoryArgs = ComponentProps<typeof RBToastContainer> & {
-  variant: ToastVariant;
-  type: ToastType;
-  icon?: ReactElement;
-  actionLabel?: string;
-  handleActionClick?: () => void;
-  closeOnActionClick?: boolean;
-};
-
-type StoryComponent = StoryObj<StoryArgs>;
-type StoryTemplate = StoryFn<StoryArgs>;
-
-// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
-export default {
-  component: RBToastContainer,
-  tags: ["autodocs"],
-  args: {
-    position: "top-left",
-    type: "basic",
-    variant: "default",
-    actionLabel: "",
-    closeOnActionClick: true,
-  },
-  argTypes: {
-    position: {
-      control: { type: "select" },
-      options: [
-        "top-center",
-        "top-left",
-        "top-right",
-        "bottom-center",
-        "bottom-left",
-        "bottom-right",
-      ],
-    },
-    variant: {
-      control: { type: "select" },
-      options: ["default", "danger", "warning", "caution", "success", "copy"],
-    },
-    type: {
-      control: { type: "select" },
-      options: ["basic", "alert"],
-    },
-    icon: { control: false },
-    actionLabel: {
-      control: { type: "text" },
-      description: "액션 버튼 라벨",
-    },
-    handleActionClick: {
-      control: false,
-      description: "액션 버튼 클릭 시 실행할 함수",
-    },
-    closeOnActionClick: {
-      control: { type: "boolean" },
-      description: "액션 버튼 클릭 뒤 토스트를 닫을지 여부",
-    },
-  },
-} as Meta<StoryArgs>;
-
-const Template: StoryTemplate = (args) => {
-  const [count, setCount] = useState(0);
-
-  const handleClick = () => {
-    setCount(count + 1);
-    toast.openToast({
-      title: `Toast Title ${count}`,
-      content: `This is a toast message long test long test long test long test long test long test.`,
-      icon: args.icon,
-      actionLabel: args.actionLabel || undefined,
-      handleActionClick: args.actionLabel
-        ? () => console.info("toast action clicked")
-        : undefined,
-      closeOnActionClick: args.closeOnActionClick,
-      type: args.type as ToastType,
-      variant: args.variant as ToastVariant,
-      position: args.position,
-      duration: args.duration,
-    });
-  };
-
-  return (
-    <div className="border-danger flex h-100 flex-col items-center justify-center border-1">
-      <RBToastContainer
-        position={args.position}
-        duration={args.duration}
-        toastComponent={RBSimpleToast}
-      />
-      <button onClick={handleClick} className="text-fg-default">
-        open toast
-      </button>
-    </div>
-  );
-};
-
-export const Default: StoryComponent = {
-  parameters: {
-    docs: {
-      description: {
-        story: "",
-      },
-    },
-  },
-  args: {},
-  render: Template,
-};
+import { useState } from "react";
+import type { ComponentProps, ReactElement } from "react";
+import type { Meta, StoryFn, StoryObj } from "@storybook/react";
+
+import { RBSimpleToast } from "@repo/rb-components/new_components";
+import {
+  RBToastContainer,
+  toast,
+  type ToastType,
+  type ToastVariant,
+} from "@repo/rb-modules/RBToast";
+
+type StoryArgs = ComponentProps<typeof RBToastContainer> & {
+  variant: ToastVariant;
+  type: ToastType;
+  icon?: ReactElement;
+  actionLabel?: string;
+  handleActionClick?: () => void;
+  closeOnActionClick?: boolean;
+};
+
+type StoryComponent = StoryObj<StoryArgs>;
+type StoryTemplate = StoryFn<StoryArgs>;
+
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
+export default {
+  component: RBToastContainer,
+  tags: ["autodocs"],
+  args: {
+    position: "top-left",
+    type: "basic",
+    variant: "default",
+    actionLabel: "",
+    closeOnActionClick: true,
+  },
+  argTypes: {
+    position: {
+      control: { type: "select" },
+      options: [
+        "top-center",
+        "top-left",
+        "top-right",
+        "bottom-center",
+        "bottom-left",
+        "bottom-right",
+      ],
+    },
+    variant: {
+      control: { type: "select" },
+      options: ["default", "danger", "warning", "caution", "success", "copy"],
+    },
+    type: {
+      control: { type: "select" },
+      options: ["basic", "alert"],
+    },
+    icon: { control: false },
+    actionLabel: {
+      control: { type: "text" },
+      description: "액션 버튼 라벨",
+    },
+    handleActionClick: {
+      control: false,
+      description: "액션 버튼 클릭 시 실행할 함수",
+    },
+    closeOnActionClick: {
+      control: { type: "boolean" },
+      description: "액션 버튼 클릭 뒤 토스트를 닫을지 여부",
+    },
+  },
+} as Meta<StoryArgs>;
+
+const Template: StoryTemplate = (args) => {
+  const [count, setCount] = useState(0);
+
+  const handleClick = () => {
+    setCount(count + 1);
+    toast.openToast({
+      title: `Toast Title ${count}`,
+      content: `This is a toast message long test long test long test long test long test long test.`,
+      icon: args.icon,
+      actionLabel: args.actionLabel || undefined,
+      handleActionClick: args.actionLabel
+        ? () => console.info("toast action clicked")
+        : undefined,
+      closeOnActionClick: args.closeOnActionClick,
+      type: args.type as ToastType,
+      variant: args.variant as ToastVariant,
+      position: args.position,
+      duration: args.duration,
+    });
+  };
+
+  return (
+    <div className="border-danger flex h-100 flex-col items-center justify-center border-1">
+      <RBToastContainer
+        position={args.position}
+        duration={args.duration}
+        toastComponent={RBSimpleToast}
+      />
+      <button onClick={handleClick} className="text-fg-default">
+        open toast
+      </button>
+    </div>
+  );
+};
+
+export const Default: StoryComponent = {
+  parameters: {
+    docs: {
+      description: {
+        story: "",
+      },
+    },
+  },
+  args: {},
+  render: Template,
+};

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

@@ -1,50 +1,50 @@
-import type { Meta, StoryObj, StoryFn } from "@storybook/react";
-import { RBTooltip } from "@repo/rb-components/new_components";
-
-type StoryComponent = StoryObj<typeof RBTooltip>;
-type StoryTemplate = StoryFn<typeof RBTooltip>;
-
-const count = 0;
-
-export default {
-  component: RBTooltip,
-  tags: ["autodocs"],
-  argTypes: {
-    place: {
-      control: "radio",
-      options: ["top", "left", "bottom", "right"],
-      defaultValue: "bottom",
-    },
-    tooltipColor: {
-      control: "color",
-    },
-    tooltipTextColor: {
-      control: "color",
-    },
-  },
-} as Meta<typeof RBTooltip>;
-
-// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
-const Template: StoryTemplate = (args) => {
-  return (
-    <div className="flex items-center justify-center p-30">
-      <button
-        className="text-fg-default border-danger border-1"
-        id={`${args.anchorId}${count}`}
-      >
-        Tooltip
-      </button>
-      <RBTooltip {...args} anchorId={`${args.anchorId}${count}`} />
-    </div>
-  );
-};
-
-export const Default: StoryComponent = {
-  args: {
-    anchorId: "tooltip-anchor",
-    children: "Tooltip Content",
-    events: ["hover"],
-    place: "top",
-  },
-  render: Template,
-};
+import type { Meta, StoryObj, StoryFn } from "@storybook/react";
+import { RBTooltip } from "@repo/rb-components/new_components";
+
+type StoryComponent = StoryObj<typeof RBTooltip>;
+type StoryTemplate = StoryFn<typeof RBTooltip>;
+
+const count = 0;
+
+export default {
+  component: RBTooltip,
+  tags: ["autodocs"],
+  argTypes: {
+    place: {
+      control: "radio",
+      options: ["top", "left", "bottom", "right"],
+      defaultValue: "bottom",
+    },
+    tooltipColor: {
+      control: "color",
+    },
+    tooltipTextColor: {
+      control: "color",
+    },
+  },
+} as Meta<typeof RBTooltip>;
+
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
+const Template: StoryTemplate = (args) => {
+  return (
+    <div className="flex items-center justify-center p-30">
+      <button
+        className="text-fg-default border-danger border-1"
+        id={`${args.anchorId}${count}`}
+      >
+        Tooltip
+      </button>
+      <RBTooltip {...args} anchorId={`${args.anchorId}${count}`} />
+    </div>
+  );
+};
+
+export const Default: StoryComponent = {
+  args: {
+    anchorId: "tooltip-anchor",
+    children: "Tooltip Content",
+    events: ["hover"],
+    place: "top",
+  },
+  render: Template,
+};

package/cli/storybook-dist/_stories-src/loading/RBSpinner.stories.tsx

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

package/cli/storybook-dist/_stories-src/nx-button/NxButton.stories.tsx

@@ -1,54 +1,54 @@
-import type { Meta, StoryObj, StoryFn } from "@storybook/react";
-import NxButton from "@nexus/components/shared/button/NxButton";
-
-type StoryComponent = StoryObj<typeof NxButton>;
-type StoryTemplate = StoryFn<typeof NxButton>;
-
-// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
-export default {
-  component: NxButton,
-  tags: ["autodocs"],
-  argTypes: {
-    children: {
-      control: "text",
-      description: "버튼에 표시될 내용",
-      table: {
-        type: {
-          summary: "string | ReactNode",
-        },
-      },
-    },
-    size: {
-      control: { type: "select" },
-      options: ["default", "sm", "lg", "icon"],
-      description: "버튼 크기",
-      table: {
-        type: {
-          summary: `"default" | "sm" | "lg" | "icon"`,
-        },
-        defaultValue: {
-          summary: "default",
-        },
-      },
-    },
-  },
-} as Meta<typeof NxButton>;
-
-const Template: StoryTemplate = (args) => {
-  return <NxButton {...args} />;
-};
-
-export const Default: StoryComponent = {
-  parameters: {
-    docs: {
-      description: {
-        story: "",
-      },
-    },
-  },
-  args: {
-    children: "NexusButton",
-    size: "default",
-  },
-  render: Template,
-};
+import type { Meta, StoryObj, StoryFn } from "@storybook/react";
+import NxButton from "@nexus/components/shared/button/NxButton";
+
+type StoryComponent = StoryObj<typeof NxButton>;
+type StoryTemplate = StoryFn<typeof NxButton>;
+
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
+export default {
+  component: NxButton,
+  tags: ["autodocs"],
+  argTypes: {
+    children: {
+      control: "text",
+      description: "버튼에 표시될 내용",
+      table: {
+        type: {
+          summary: "string | ReactNode",
+        },
+      },
+    },
+    size: {
+      control: { type: "select" },
+      options: ["default", "sm", "lg", "icon"],
+      description: "버튼 크기",
+      table: {
+        type: {
+          summary: `"default" | "sm" | "lg" | "icon"`,
+        },
+        defaultValue: {
+          summary: "default",
+        },
+      },
+    },
+  },
+} as Meta<typeof NxButton>;
+
+const Template: StoryTemplate = (args) => {
+  return <NxButton {...args} />;
+};
+
+export const Default: StoryComponent = {
+  parameters: {
+    docs: {
+      description: {
+        story: "",
+      },
+    },
+  },
+  args: {
+    children: "NexusButton",
+    size: "default",
+  },
+  render: Template,
+};

package/cli/storybook-dist/_stories-src/nx-button/NxPointerHoldButton.stories.tsx

@@ -1,57 +1,57 @@
-import type { Meta, StoryObj, StoryFn } from "@storybook/react";
-import NxPointerHoldButton from "@nexus/components/shared/button/NxPointerHoldButton";
-
-type StoryComponent = StoryObj<typeof NxPointerHoldButton>;
-type StoryTemplate = StoryFn<typeof NxPointerHoldButton>;
-
-// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
-export default {
-  component: NxPointerHoldButton,
-  tags: ["autodocs"],
-  argTypes: {
-    children: {
-      control: "text",
-      description: "버튼에 표시될 내용",
-      table: {
-        type: {
-          summary: "string | ReactNode",
-        },
-      },
-    },
-    size: {
-      control: { type: "select" },
-      options: ["default", "sm", "lg", "icon"],
-      description: "버튼 크기",
-      table: {
-        type: {
-          summary: `"default" | "sm" | "lg" | "icon"`,
-        },
-        defaultValue: {
-          summary: "default",
-        },
-      },
-    },
-    disabled: {
-      type: "boolean",
-    },
-  },
-} as Meta<typeof NxPointerHoldButton>;
-
-const Template: StoryTemplate = (args) => {
-  return <NxPointerHoldButton {...args} />;
-};
-
-export const Default: StoryComponent = {
-  parameters: {
-    docs: {
-      description: {
-        story: "",
-      },
-    },
-  },
-  args: {
-    children: "Hold Button",
-    size: "sm",
-  },
-  render: Template,
-};
+import type { Meta, StoryObj, StoryFn } from "@storybook/react";
+import NxPointerHoldButton from "@nexus/components/shared/button/NxPointerHoldButton";
+
+type StoryComponent = StoryObj<typeof NxPointerHoldButton>;
+type StoryTemplate = StoryFn<typeof NxPointerHoldButton>;
+
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
+export default {
+  component: NxPointerHoldButton,
+  tags: ["autodocs"],
+  argTypes: {
+    children: {
+      control: "text",
+      description: "버튼에 표시될 내용",
+      table: {
+        type: {
+          summary: "string | ReactNode",
+        },
+      },
+    },
+    size: {
+      control: { type: "select" },
+      options: ["default", "sm", "lg", "icon"],
+      description: "버튼 크기",
+      table: {
+        type: {
+          summary: `"default" | "sm" | "lg" | "icon"`,
+        },
+        defaultValue: {
+          summary: "default",
+        },
+      },
+    },
+    disabled: {
+      type: "boolean",
+    },
+  },
+} as Meta<typeof NxPointerHoldButton>;
+
+const Template: StoryTemplate = (args) => {
+  return <NxPointerHoldButton {...args} />;
+};
+
+export const Default: StoryComponent = {
+  parameters: {
+    docs: {
+      description: {
+        story: "",
+      },
+    },
+  },
+  args: {
+    children: "Hold Button",
+    size: "sm",
+  },
+  render: Template,
+};