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

package/cli/storybook-dist/_stories-src/RBShadcn/RBSheet/RBSheet.stories.tsx

@@ -1,91 +1,91 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { VStack } from "@repo/rb-components";
-
-import {
-  RBLabelButton,
-  RBSheet,
-  RBSheetContent,
-  RBSheetDescription,
-  RBSheetFooter,
-  RBSheetHeader,
-  RBSheetTitle,
-  RBSheetTrigger,
-  RBTextField,
-  RBTextInput,
-} from "@repo/rb-components/new_components";
-
-const meta = {
-  tags: ["autodocs"],
-  argTypes: {
-    showCloseButton: {
-      control: "boolean",
-    },
-    side: {
-      control: { type: "select" },
-      options: ["right", "left", "bottom", "top"],
-    },
-  },
-  args: {
-    showCloseButton: true,
-    side: "right",
-  },
-  component: RBSheetContent,
-} satisfies Meta<typeof RBSheetContent>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Playground: Story = {
-  render: (args) => (
-    <div>
-      <RBSheet defaultOpen>
-        <RBSheetTrigger asChild>
-          <RBLabelButton size="sm" variant="solid">
-            Open Sheet
-          </RBLabelButton>
-        </RBSheetTrigger>
-        <RBSheetContent
-          {...args}
-          className={
-            args.side === "top" || args.side === "bottom" ? "w-full" : "w-96"
-          }
-        >
-          <RBSheetHeader>
-            <RBSheetTitle>Edit profile</RBSheetTitle>
-            <RBSheetDescription>
-              Make changes to your profile here. Click save when you&apos;re
-              done.
-            </RBSheetDescription>
-          </RBSheetHeader>
-
-          <VStack className="flex-1 gap-6">
-            <RBTextField
-              label="Name"
-              required
-              className="gap-1_5 flex flex-col"
-            >
-              <RBTextInput size="sm" className="w-full" />
-            </RBTextField>
-
-            <RBTextField
-              label="Username"
-              required
-              className="flex flex-col gap-1.5"
-            >
-              <RBTextInput size="sm" className="w-full" />
-            </RBTextField>
-          </VStack>
-
-          <RBSheetFooter>
-            <RBLabelButton size="sm" variant="solid" className="w-full">
-              Save changes
-            </RBLabelButton>
-            <RBLabelButton size="sm" variant="outlined" className="w-full">
-              Cancel
-            </RBLabelButton>
-          </RBSheetFooter>
-        </RBSheetContent>
-      </RBSheet>
-    </div>
-  ),
-};
+import type { Meta, StoryObj } from "@storybook/react";
+import { VStack } from "@repo/rb-components";
+
+import {
+  RBLabelButton,
+  RBSheet,
+  RBSheetContent,
+  RBSheetDescription,
+  RBSheetFooter,
+  RBSheetHeader,
+  RBSheetTitle,
+  RBSheetTrigger,
+  RBTextField,
+  RBTextInput,
+} from "@repo/rb-components/new_components";
+
+const meta = {
+  tags: ["autodocs"],
+  argTypes: {
+    showCloseButton: {
+      control: "boolean",
+    },
+    side: {
+      control: { type: "select" },
+      options: ["right", "left", "bottom", "top"],
+    },
+  },
+  args: {
+    showCloseButton: true,
+    side: "right",
+  },
+  component: RBSheetContent,
+} satisfies Meta<typeof RBSheetContent>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Playground: Story = {
+  render: (args) => (
+    <div>
+      <RBSheet defaultOpen>
+        <RBSheetTrigger asChild>
+          <RBLabelButton size="sm" variant="solid">
+            Open Sheet
+          </RBLabelButton>
+        </RBSheetTrigger>
+        <RBSheetContent
+          {...args}
+          className={
+            args.side === "top" || args.side === "bottom" ? "w-full" : "w-96"
+          }
+        >
+          <RBSheetHeader>
+            <RBSheetTitle>Edit profile</RBSheetTitle>
+            <RBSheetDescription>
+              Make changes to your profile here. Click save when you&apos;re
+              done.
+            </RBSheetDescription>
+          </RBSheetHeader>
+
+          <VStack className="flex-1 gap-6">
+            <RBTextField
+              label="Name"
+              required
+              className="gap-1_5 flex flex-col"
+            >
+              <RBTextInput size="sm" className="w-full" />
+            </RBTextField>
+
+            <RBTextField
+              label="Username"
+              required
+              className="flex flex-col gap-1.5"
+            >
+              <RBTextInput size="sm" className="w-full" />
+            </RBTextField>
+          </VStack>
+
+          <RBSheetFooter>
+            <RBLabelButton size="sm" variant="solid" className="w-full">
+              Save changes
+            </RBLabelButton>
+            <RBLabelButton size="sm" variant="outlined" className="w-full">
+              Cancel
+            </RBLabelButton>
+          </RBSheetFooter>
+        </RBSheetContent>
+      </RBSheet>
+    </div>
+  ),
+};

package/cli/storybook-dist/_stories-src/RBShadcn/RBSlider/RBSlider.stories.tsx

@@ -1,38 +1,38 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { VStack } from "@repo/rb-components";
-
-import { RBSlider } from "@repo/rb-components/new_components";
-
-const meta = {
-  component: RBSlider,
-  tags: ["autodocs"],
-  argTypes: {
-    className: { control: false, table: { disable: true } },
-    trackClassName: { control: false, table: { disable: true } },
-    rangeClassName: { control: false, table: { disable: true } },
-    thumbClassName: { control: false, table: { disable: true } },
-    min: { control: { type: "number" } },
-    max: { control: { type: "number" } },
-    step: { control: { type: "number" } },
-    disabled: { control: "boolean" },
-    defaultValue: { control: { type: "object" } },
-  },
-  args: {
-    min: 0,
-    max: 100,
-    step: 1,
-    disabled: false,
-    defaultValue: [64],
-  },
-} satisfies Meta<typeof RBSlider>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Playground: Story = {
-  render: (args) => (
-    <VStack className="w-80 gap-4">
-      <RBSlider {...args} />
-    </VStack>
-  ),
-};
+import type { Meta, StoryObj } from "@storybook/react";
+import { VStack } from "@repo/rb-components";
+
+import { RBSlider } from "@repo/rb-components/new_components";
+
+const meta = {
+  component: RBSlider,
+  tags: ["autodocs"],
+  argTypes: {
+    className: { control: false, table: { disable: true } },
+    trackClassName: { control: false, table: { disable: true } },
+    rangeClassName: { control: false, table: { disable: true } },
+    thumbClassName: { control: false, table: { disable: true } },
+    min: { control: { type: "number" } },
+    max: { control: { type: "number" } },
+    step: { control: { type: "number" } },
+    disabled: { control: "boolean" },
+    defaultValue: { control: { type: "object" } },
+  },
+  args: {
+    min: 0,
+    max: 100,
+    step: 1,
+    disabled: false,
+    defaultValue: [64],
+  },
+} satisfies Meta<typeof RBSlider>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Playground: Story = {
+  render: (args) => (
+    <VStack className="w-80 gap-4">
+      <RBSlider {...args} />
+    </VStack>
+  ),
+};

package/cli/storybook-dist/_stories-src/RBShadcn/RBSwitch/RBSwitch.stories.tsx

@@ -1,112 +1,112 @@
-import { useEffect, useState, type ComponentProps } from "react";
-import type { Meta, StoryObj } from "@storybook/react";
-
-import { VStack } from "@repo/rb-components";
-import { RBSwitch, RBSwitchField } from "@repo/rb-components/new_components";
-
-type SwitchStoryArgs = ComponentProps<typeof RBSwitch> & {
-  defaultChecked: boolean;
-};
-
-type WithTextStoryArgs = ComponentProps<typeof RBSwitchField> &
-  ComponentProps<typeof RBSwitch> & {
-    defaultChecked: boolean;
-  };
-
-const meta: Meta<SwitchStoryArgs> = {
-  component: RBSwitch,
-  tags: ["autodocs"],
-  argTypes: {
-    checked: { control: false, table: { disable: true } },
-    defaultChecked: { control: "boolean" },
-    size: {
-      control: { type: "select" },
-      options: ["default", "sm"],
-    },
-    invalid: { control: "boolean" },
-    disabled: { control: "boolean" },
-  },
-  args: {
-    defaultChecked: false,
-    disabled: false,
-    invalid: false,
-    size: "default",
-  },
-};
-
-export default meta;
-type Story = StoryObj<SwitchStoryArgs>;
-type WithTextStory = StoryObj<WithTextStoryArgs>;
-
-export const Playground: Story = {
-  render: function Render(args) {
-    const [checked, setChecked] = useState(Boolean(args.defaultChecked));
-
-    useEffect(() => {
-      setChecked(Boolean(args.defaultChecked));
-    }, [args.defaultChecked]);
-
-    return (
-      <VStack className="w-80 gap-4">
-        <RBSwitch {...args} checked={checked} onCheckedChange={setChecked} />
-      </VStack>
-    );
-  },
-};
-
-export const WithText: WithTextStory = {
-  args: {
-    controlPlacement: "start",
-    defaultChecked: false,
-    description: "This is a switch description.",
-    disabled: false,
-    invalid: false,
-    label: "Switch Text",
-    size: "default",
-    type: "default",
-  },
-  argTypes: {
-    controlPlacement: {
-      control: { type: "select" },
-      options: ["start", "end"],
-    },
-    description: { control: "text" },
-    descriptionClassName: { control: false, table: { disable: true } },
-    label: { control: "text" },
-    labelClassName: { control: false, table: { disable: true } },
-    type: {
-      control: { type: "select" },
-      options: ["default", "box"],
-    },
-  },
-  render: function Render(args) {
-    const [checked, setChecked] = useState(Boolean(args.defaultChecked));
-
-    useEffect(() => {
-      setChecked(Boolean(args.defaultChecked));
-    }, [args.defaultChecked]);
-
-    return (
-      <VStack className="w-80 gap-4">
-        <RBSwitchField
-          controlPlacement={args.controlPlacement}
-          description={args.description}
-          descriptionClassName={args.descriptionClassName}
-          invalid={args.invalid}
-          label={args.label}
-          labelClassName={args.labelClassName}
-          size={args.size}
-          type={args.type}
-        >
-          <RBSwitch
-            checked={checked}
-            disabled={args.disabled}
-            invalid={args.invalid}
-            size={args.size}
-            onCheckedChange={setChecked}
-          />
-        </RBSwitchField>
-      </VStack>
-    );
-  },
-};
+import { useEffect, useState, type ComponentProps } from "react";
+import type { Meta, StoryObj } from "@storybook/react";
+
+import { VStack } from "@repo/rb-components";
+import { RBSwitch, RBSwitchField } from "@repo/rb-components/new_components";
+
+type SwitchStoryArgs = ComponentProps<typeof RBSwitch> & {
+  defaultChecked: boolean;
+};
+
+type WithTextStoryArgs = ComponentProps<typeof RBSwitchField> &
+  ComponentProps<typeof RBSwitch> & {
+    defaultChecked: boolean;
+  };
+
+const meta: Meta<SwitchStoryArgs> = {
+  component: RBSwitch,
+  tags: ["autodocs"],
+  argTypes: {
+    checked: { control: false, table: { disable: true } },
+    defaultChecked: { control: "boolean" },
+    size: {
+      control: { type: "select" },
+      options: ["default", "sm"],
+    },
+    invalid: { control: "boolean" },
+    disabled: { control: "boolean" },
+  },
+  args: {
+    defaultChecked: false,
+    disabled: false,
+    invalid: false,
+    size: "default",
+  },
+};
+
+export default meta;
+type Story = StoryObj<SwitchStoryArgs>;
+type WithTextStory = StoryObj<WithTextStoryArgs>;
+
+export const Playground: Story = {
+  render: function Render(args) {
+    const [checked, setChecked] = useState(Boolean(args.defaultChecked));
+
+    useEffect(() => {
+      setChecked(Boolean(args.defaultChecked));
+    }, [args.defaultChecked]);
+
+    return (
+      <VStack className="w-80 gap-4">
+        <RBSwitch {...args} checked={checked} onCheckedChange={setChecked} />
+      </VStack>
+    );
+  },
+};
+
+export const WithText: WithTextStory = {
+  args: {
+    controlPlacement: "start",
+    defaultChecked: false,
+    description: "This is a switch description.",
+    disabled: false,
+    invalid: false,
+    label: "Switch Text",
+    size: "default",
+    type: "default",
+  },
+  argTypes: {
+    controlPlacement: {
+      control: { type: "select" },
+      options: ["start", "end"],
+    },
+    description: { control: "text" },
+    descriptionClassName: { control: false, table: { disable: true } },
+    label: { control: "text" },
+    labelClassName: { control: false, table: { disable: true } },
+    type: {
+      control: { type: "select" },
+      options: ["default", "box"],
+    },
+  },
+  render: function Render(args) {
+    const [checked, setChecked] = useState(Boolean(args.defaultChecked));
+
+    useEffect(() => {
+      setChecked(Boolean(args.defaultChecked));
+    }, [args.defaultChecked]);
+
+    return (
+      <VStack className="w-80 gap-4">
+        <RBSwitchField
+          controlPlacement={args.controlPlacement}
+          description={args.description}
+          descriptionClassName={args.descriptionClassName}
+          invalid={args.invalid}
+          label={args.label}
+          labelClassName={args.labelClassName}
+          size={args.size}
+          type={args.type}
+        >
+          <RBSwitch
+            checked={checked}
+            disabled={args.disabled}
+            invalid={args.invalid}
+            size={args.size}
+            onCheckedChange={setChecked}
+          />
+        </RBSwitchField>
+      </VStack>
+    );
+  },
+};

package/cli/storybook-dist/_stories-src/RBShadcn/RBTabs/RBTabs.stories.tsx

@@ -1,75 +1,75 @@
-import type { Meta, StoryObj } from "@storybook/react";
-
-import {
-  RBTabs,
-  RBTabsList,
-  RBTabsTrigger,
-} from "@repo/rb-components/new_components";
-
-const meta = {
-  tags: ["autodocs"],
-  component: RBTabs,
-  parameters: {
-    layout: "centered",
-  },
-  argTypes: {
-    size: {
-      control: "select",
-      options: ["sm", "xs"],
-      table: {
-        type: {
-          summary: '"sm" | "xs"',
-        },
-      },
-    },
-    variant: {
-      control: "select",
-      options: ["default", "line"],
-      table: {
-        type: {
-          summary: '"default" | "line"',
-        },
-      },
-    },
-    orientation: {
-      control: "select",
-      options: ["horizontal", "vertical"],
-      description: "line variant 는 horizontal orientation 만 지원",
-      table: {
-        type: {
-          summary: '"horizontal" | "vertical"',
-        },
-      },
-    },
-  },
-} satisfies Meta<typeof RBTabs>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Playground: Story = {
-  args: {
-    size: "sm",
-    variant: "default",
-    orientation: "horizontal",
-  },
-  render: ({ orientation, size, variant }) => {
-    const resolvedOrientation = variant === "line" ? "horizontal" : orientation;
-
-    return (
-      <RBTabs
-        defaultValue="tab-1"
-        variant={variant}
-        size={size}
-        orientation={resolvedOrientation}
-      >
-        <RBTabsList>
-          <RBTabsTrigger value="tab-1">Tabs Text</RBTabsTrigger>
-          <RBTabsTrigger value="tab-2">Tabs Text</RBTabsTrigger>
-          <RBTabsTrigger value="tab-3">Tabs Text</RBTabsTrigger>
-        </RBTabsList>
-      </RBTabs>
-    );
-  },
-};
+import type { Meta, StoryObj } from "@storybook/react";
+
+import {
+  RBTabs,
+  RBTabsList,
+  RBTabsTrigger,
+} from "@repo/rb-components/new_components";
+
+const meta = {
+  tags: ["autodocs"],
+  component: RBTabs,
+  parameters: {
+    layout: "centered",
+  },
+  argTypes: {
+    size: {
+      control: "select",
+      options: ["sm", "xs"],
+      table: {
+        type: {
+          summary: '"sm" | "xs"',
+        },
+      },
+    },
+    variant: {
+      control: "select",
+      options: ["default", "line"],
+      table: {
+        type: {
+          summary: '"default" | "line"',
+        },
+      },
+    },
+    orientation: {
+      control: "select",
+      options: ["horizontal", "vertical"],
+      description: "line variant 는 horizontal orientation 만 지원",
+      table: {
+        type: {
+          summary: '"horizontal" | "vertical"',
+        },
+      },
+    },
+  },
+} satisfies Meta<typeof RBTabs>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Playground: Story = {
+  args: {
+    size: "sm",
+    variant: "default",
+    orientation: "horizontal",
+  },
+  render: ({ orientation, size, variant }) => {
+    const resolvedOrientation = variant === "line" ? "horizontal" : orientation;
+
+    return (
+      <RBTabs
+        defaultValue="tab-1"
+        variant={variant}
+        size={size}
+        orientation={resolvedOrientation}
+      >
+        <RBTabsList>
+          <RBTabsTrigger value="tab-1">Tabs Text</RBTabsTrigger>
+          <RBTabsTrigger value="tab-2">Tabs Text</RBTabsTrigger>
+          <RBTabsTrigger value="tab-3">Tabs Text</RBTabsTrigger>
+        </RBTabsList>
+      </RBTabs>
+    );
+  },
+};