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

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

@@ -1,51 +1,51 @@
-import { useEffect, useState } from "react";
-import type { Meta, StoryObj } from "@storybook/react";
-
-import { RBIcons, RBToggle } from "@repo/rb-components/new_components";
-
-const meta = {
-  component: RBToggle,
-  tags: ["autodocs"],
-  argTypes: {
-    className: { control: false, table: { disable: true } },
-    children: { control: false, table: { disable: true } },
-    defaultPressed: { control: "boolean" },
-    disabled: { control: "boolean" },
-    onPressedChange: { control: false, table: { disable: true } },
-    pressed: { control: false, table: { disable: true } },
-    size: {
-      control: { type: "select" },
-      options: ["default", "sm", "lg"],
-    },
-    variant: {
-      control: { type: "select" },
-      options: ["default", "outline"],
-    },
-  },
-  args: {
-    defaultPressed: false,
-    disabled: false,
-    size: "default",
-    variant: "default",
-  },
-} satisfies Meta<typeof RBToggle>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Playground: Story = {
-  render: function Render(args) {
-    const [pressed, setPressed] = useState(Boolean(args.defaultPressed));
-
-    useEffect(() => {
-      setPressed(Boolean(args.defaultPressed));
-    }, [args.defaultPressed]);
-
-    return (
-      <RBToggle {...args} pressed={pressed} onPressedChange={setPressed}>
-        <RBIcons.SvgPlusBold />
-        Text
-      </RBToggle>
-    );
-  },
-};
+import { useEffect, useState } from "react";
+import type { Meta, StoryObj } from "@storybook/react";
+
+import { RBIcons, RBToggle } from "@repo/rb-components/new_components";
+
+const meta = {
+  component: RBToggle,
+  tags: ["autodocs"],
+  argTypes: {
+    className: { control: false, table: { disable: true } },
+    children: { control: false, table: { disable: true } },
+    defaultPressed: { control: "boolean" },
+    disabled: { control: "boolean" },
+    onPressedChange: { control: false, table: { disable: true } },
+    pressed: { control: false, table: { disable: true } },
+    size: {
+      control: { type: "select" },
+      options: ["default", "sm", "lg"],
+    },
+    variant: {
+      control: { type: "select" },
+      options: ["default", "outline"],
+    },
+  },
+  args: {
+    defaultPressed: false,
+    disabled: false,
+    size: "default",
+    variant: "default",
+  },
+} satisfies Meta<typeof RBToggle>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Playground: Story = {
+  render: function Render(args) {
+    const [pressed, setPressed] = useState(Boolean(args.defaultPressed));
+
+    useEffect(() => {
+      setPressed(Boolean(args.defaultPressed));
+    }, [args.defaultPressed]);
+
+    return (
+      <RBToggle {...args} pressed={pressed} onPressedChange={setPressed}>
+        <RBIcons.SvgPlusBold />
+        Text
+      </RBToggle>
+    );
+  },
+};

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

@@ -1,84 +1,84 @@
-import { useState } from "react";
-import type { Meta, StoryObj } from "@storybook/react";
-
-import {
-  RBIcons,
-  RBToggleGroup,
-  RBToggleGroupItem,
-} from "@repo/rb-components/new_components";
-
-type ToggleGroupStoryArgs = {
-  orientation?: "horizontal" | "vertical";
-  separated?: boolean;
-  stretched?: boolean;
-};
-
-const meta: Meta<ToggleGroupStoryArgs> = {
-  component: RBToggleGroup,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "centered",
-  },
-  argTypes: {
-    orientation: {
-      control: "select",
-      options: ["horizontal", "vertical"],
-    },
-    separated: {
-      control: "boolean",
-    },
-    stretched: {
-      control: "boolean",
-    },
-  },
-  args: {
-    orientation: "horizontal",
-    separated: false,
-    stretched: false,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<ToggleGroupStoryArgs>;
-
-export const Playground: Story = {
-  args: {
-    orientation: "horizontal",
-    separated: false,
-    stretched: false,
-  },
-  render: function Render(args) {
-    const [value, setValue] = useState<string>("left");
-
-    return (
-      <RBToggleGroup
-        type="single"
-        orientation={args.orientation}
-        separated={args.separated}
-        stretched={args.stretched}
-        value={value}
-        onValueChange={(nextValue: string) => {
-          if (nextValue) setValue(nextValue);
-        }}
-        className={args.stretched ? "w-[360px]" : undefined}
-      >
-        <RBToggleGroupItem
-          value="left"
-          aria-label="왼쪽 정렬"
-          icon={<RBIcons.SvgListChecksBold />}
-        />
-        <RBToggleGroupItem
-          value="center"
-          aria-label="가운데 정렬"
-          icon={<RBIcons.SvgBulletSolid />}
-        />
-        <RBToggleGroupItem
-          value="right"
-          aria-label="오른쪽 정렬"
-          icon={<RBIcons.SvgBoardSolid />}
-        />
-      </RBToggleGroup>
-    );
-  },
-};
+import { useState } from "react";
+import type { Meta, StoryObj } from "@storybook/react";
+
+import {
+  RBIcons,
+  RBToggleGroup,
+  RBToggleGroupItem,
+} from "@repo/rb-components/new_components";
+
+type ToggleGroupStoryArgs = {
+  orientation?: "horizontal" | "vertical";
+  separated?: boolean;
+  stretched?: boolean;
+};
+
+const meta: Meta<ToggleGroupStoryArgs> = {
+  component: RBToggleGroup,
+  tags: ["autodocs"],
+  parameters: {
+    layout: "centered",
+  },
+  argTypes: {
+    orientation: {
+      control: "select",
+      options: ["horizontal", "vertical"],
+    },
+    separated: {
+      control: "boolean",
+    },
+    stretched: {
+      control: "boolean",
+    },
+  },
+  args: {
+    orientation: "horizontal",
+    separated: false,
+    stretched: false,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<ToggleGroupStoryArgs>;
+
+export const Playground: Story = {
+  args: {
+    orientation: "horizontal",
+    separated: false,
+    stretched: false,
+  },
+  render: function Render(args) {
+    const [value, setValue] = useState<string>("left");
+
+    return (
+      <RBToggleGroup
+        type="single"
+        orientation={args.orientation}
+        separated={args.separated}
+        stretched={args.stretched}
+        value={value}
+        onValueChange={(nextValue: string) => {
+          if (nextValue) setValue(nextValue);
+        }}
+        className={args.stretched ? "w-[360px]" : undefined}
+      >
+        <RBToggleGroupItem
+          value="left"
+          aria-label="왼쪽 정렬"
+          icon={<RBIcons.SvgListChecksBold />}
+        />
+        <RBToggleGroupItem
+          value="center"
+          aria-label="가운데 정렬"
+          icon={<RBIcons.SvgBulletSolid />}
+        />
+        <RBToggleGroupItem
+          value="right"
+          aria-label="오른쪽 정렬"
+          icon={<RBIcons.SvgBoardSolid />}
+        />
+      </RBToggleGroup>
+    );
+  },
+};

package/cli/storybook-dist/_stories-src/RBTab/RBChipTab.stories.tsx

@@ -1,102 +1,102 @@
-import { useEffect, useState } from "react";
-import type { Meta, StoryObj, StoryFn } from "@storybook/react";
-
-import { RBChipTab } from "@repo/rb-components/new_components";
-import type { ChipTabProps } from "@repo/rb-components/new_components";
-
-type StoryComponent = StoryObj<typeof RBChipTab>;
-type StoryTemplate = StoryFn<typeof RBChipTab>;
-
-const baseTabItems: ChipTabProps["tabItems"] = Array.from({ length: 8 }).map(
-  (_, i) => ({
-    key: i + 1,
-    label: "Menu",
-  }),
-);
-
-const Template: StoryTemplate = (args) => {
-  const items = args.tabItems ?? baseTabItems;
-  const [activeKey, setActiveKey] = useState<string | number>(
-    args.activeKey ?? items?.[0]?.key ?? 1,
-  );
-
-  useEffect(() => {
-    setActiveKey(args.activeKey ?? items?.[0]?.key ?? 1);
-  }, [args.activeKey, items]);
-
-  const handleChange = (key: string | number, name?: string) => {
-    setActiveKey(key);
-    args.handleChange?.(key, name as string);
-  };
-
-  return (
-    <RBChipTab {...args} activeKey={activeKey} handleChange={handleChange} />
-  );
-};
-
-export default {
-  component: RBChipTab,
-  tags: ["autodocs"],
-  argTypes: {
-    className: { control: { type: "text" } },
-    size: {
-      control: { type: "select" },
-      options: ["sm", "md", "lg"],
-      table: { type: { summary: '"sm" | "md" | "lg"' } },
-    },
-    tabItems: { control: { type: "object" } },
-    activeKey: { control: { type: "number" } },
-    name: { control: { type: "text" } },
-    slider: { control: false },
-    disabled: { control: { type: "boolean" } },
-    destroyInactiveTabPanel: { control: { type: "boolean" } },
-    tabNavScrollRef: { table: { disable: true } },
-    swipeContent: { control: { type: "boolean" } },
-    rippleOption: { control: { type: "object" } },
-    tabBtnClassName: { control: { type: "text" } },
-    useDefaultItemStyle: { table: { disable: true } },
-    tabNavClassName: { control: { type: "text" } },
-    handleChange: { table: { disable: true } },
-    onClick: { table: { disable: true } },
-  },
-  args: {
-    size: "md",
-    tabItems: baseTabItems,
-    disabled: false,
-    destroyInactiveTabPanel: true,
-    activeKey: 1,
-  },
-  render: Template,
-} as Meta<typeof RBChipTab>;
-
-export const Default: StoryComponent = {};
-
-export const WithContent: StoryComponent = {
-  args: {
-    activeKey: 1,
-    tabItems: [
-      {
-        key: 1,
-        label: "Overview",
-        children: (
-          <div className="bg-bg-alt-2 text-fg-default rounded-md p-4">
-            Overview content
-          </div>
-        ),
-      },
-      {
-        key: 2,
-        label: "Sensors",
-        children: (
-          <div className="bg-bg-alt-2 text-fg-default rounded-md p-4">
-            Sensors content
-          </div>
-        ),
-      },
-      {
-        key: 3,
-        label: "Logs",
-      },
-    ],
-  },
-};
+import { useEffect, useState } from "react";
+import type { Meta, StoryObj, StoryFn } from "@storybook/react";
+
+import { RBChipTab } from "@repo/rb-components/new_components";
+import type { ChipTabProps } from "@repo/rb-components/new_components";
+
+type StoryComponent = StoryObj<typeof RBChipTab>;
+type StoryTemplate = StoryFn<typeof RBChipTab>;
+
+const baseTabItems: ChipTabProps["tabItems"] = Array.from({ length: 8 }).map(
+  (_, i) => ({
+    key: i + 1,
+    label: "Menu",
+  }),
+);
+
+const Template: StoryTemplate = (args) => {
+  const items = args.tabItems ?? baseTabItems;
+  const [activeKey, setActiveKey] = useState<string | number>(
+    args.activeKey ?? items?.[0]?.key ?? 1,
+  );
+
+  useEffect(() => {
+    setActiveKey(args.activeKey ?? items?.[0]?.key ?? 1);
+  }, [args.activeKey, items]);
+
+  const handleChange = (key: string | number, name?: string) => {
+    setActiveKey(key);
+    args.handleChange?.(key, name as string);
+  };
+
+  return (
+    <RBChipTab {...args} activeKey={activeKey} handleChange={handleChange} />
+  );
+};
+
+export default {
+  component: RBChipTab,
+  tags: ["autodocs"],
+  argTypes: {
+    className: { control: { type: "text" } },
+    size: {
+      control: { type: "select" },
+      options: ["sm", "md", "lg"],
+      table: { type: { summary: '"sm" | "md" | "lg"' } },
+    },
+    tabItems: { control: { type: "object" } },
+    activeKey: { control: { type: "number" } },
+    name: { control: { type: "text" } },
+    slider: { control: false },
+    disabled: { control: { type: "boolean" } },
+    destroyInactiveTabPanel: { control: { type: "boolean" } },
+    tabNavScrollRef: { table: { disable: true } },
+    swipeContent: { control: { type: "boolean" } },
+    rippleOption: { control: { type: "object" } },
+    tabBtnClassName: { control: { type: "text" } },
+    useDefaultItemStyle: { table: { disable: true } },
+    tabNavClassName: { control: { type: "text" } },
+    handleChange: { table: { disable: true } },
+    onClick: { table: { disable: true } },
+  },
+  args: {
+    size: "md",
+    tabItems: baseTabItems,
+    disabled: false,
+    destroyInactiveTabPanel: true,
+    activeKey: 1,
+  },
+  render: Template,
+} as Meta<typeof RBChipTab>;
+
+export const Default: StoryComponent = {};
+
+export const WithContent: StoryComponent = {
+  args: {
+    activeKey: 1,
+    tabItems: [
+      {
+        key: 1,
+        label: "Overview",
+        children: (
+          <div className="bg-bg-alt-2 text-fg-default rounded-md p-4">
+            Overview content
+          </div>
+        ),
+      },
+      {
+        key: 2,
+        label: "Sensors",
+        children: (
+          <div className="bg-bg-alt-2 text-fg-default rounded-md p-4">
+            Sensors content
+          </div>
+        ),
+      },
+      {
+        key: 3,
+        label: "Logs",
+      },
+    ],
+  },
+};

package/cli/storybook-dist/_stories-src/RBTab/RBChipsBoxTab.stories.tsx

@@ -1,78 +1,78 @@
-import { useEffect, useState } from "react";
-import type { Meta, StoryFn, StoryObj } from "@storybook/react";
-
-import { RBChipsBoxTab } from "@repo/rb-components/new_components";
-import type { ChipsBoxTabProps } from "@repo/rb-components/new_components";
-
-type StoryComponent = StoryObj<typeof RBChipsBoxTab>;
-type StoryTemplate = StoryFn<typeof RBChipsBoxTab>;
-
-const baseTabItems: ChipsBoxTabProps["tabItems"] = Array.from({
-  length: 8,
-}).map((_, i) => ({
-  key: i + 1,
-  label: "Menu",
-}));
-
-const Template: StoryTemplate = (args) => {
-  const items = args.tabItems ?? baseTabItems;
-  const [activeKey, setActiveKey] = useState<string | number>(
-    args.activeKey ?? items?.[0]?.key ?? 1,
-  );
-
-  useEffect(() => {
-    setActiveKey(args.activeKey ?? items?.[0]?.key ?? 1);
-  }, [args.activeKey, items]);
-
-  const handleChange = (key: string | number, name?: string) => {
-    setActiveKey(key);
-    args.handleChange?.(key, name as string);
-  };
-
-  return (
-    <div className="w-72">
-      <RBChipsBoxTab
-        {...args}
-        activeKey={activeKey}
-        handleChange={handleChange}
-      />
-    </div>
-  );
-};
-
-export default {
-  component: RBChipsBoxTab,
-  tags: ["autodocs"],
-  argTypes: {
-    className: { control: { type: "text" } },
-    size: {
-      control: { type: "select" },
-      options: ["xs", "xs2"],
-      table: { type: { summary: '"xs" | "xs2"' } },
-    },
-    tabItems: { control: { type: "object" } },
-    activeKey: { control: { type: "number" } },
-    name: { control: { type: "text" } },
-    slider: { control: false },
-    disabled: { control: { type: "boolean" } },
-    destroyInactiveTabPanel: { control: { type: "boolean" } },
-    tabNavScrollRef: { table: { disable: true } },
-    swipeContent: { control: { type: "boolean" } },
-    rippleOption: { control: { type: "object" } },
-    tabBtnClassName: { control: { type: "text" } },
-    useDefaultItemStyle: { table: { disable: true } },
-    tabNavClassName: { table: { disable: true } },
-    handleChange: { table: { disable: true } },
-    onClick: { table: { disable: true } },
-  },
-  args: {
-    size: "xs",
-    tabItems: baseTabItems,
-    disabled: false,
-    destroyInactiveTabPanel: true,
-    activeKey: 1,
-  },
-  render: Template,
-} as Meta<typeof RBChipsBoxTab>;
-
-export const Default: StoryComponent = {};
+import { useEffect, useState } from "react";
+import type { Meta, StoryFn, StoryObj } from "@storybook/react";
+
+import { RBChipsBoxTab } from "@repo/rb-components/new_components";
+import type { ChipsBoxTabProps } from "@repo/rb-components/new_components";
+
+type StoryComponent = StoryObj<typeof RBChipsBoxTab>;
+type StoryTemplate = StoryFn<typeof RBChipsBoxTab>;
+
+const baseTabItems: ChipsBoxTabProps["tabItems"] = Array.from({
+  length: 8,
+}).map((_, i) => ({
+  key: i + 1,
+  label: "Menu",
+}));
+
+const Template: StoryTemplate = (args) => {
+  const items = args.tabItems ?? baseTabItems;
+  const [activeKey, setActiveKey] = useState<string | number>(
+    args.activeKey ?? items?.[0]?.key ?? 1,
+  );
+
+  useEffect(() => {
+    setActiveKey(args.activeKey ?? items?.[0]?.key ?? 1);
+  }, [args.activeKey, items]);
+
+  const handleChange = (key: string | number, name?: string) => {
+    setActiveKey(key);
+    args.handleChange?.(key, name as string);
+  };
+
+  return (
+    <div className="w-72">
+      <RBChipsBoxTab
+        {...args}
+        activeKey={activeKey}
+        handleChange={handleChange}
+      />
+    </div>
+  );
+};
+
+export default {
+  component: RBChipsBoxTab,
+  tags: ["autodocs"],
+  argTypes: {
+    className: { control: { type: "text" } },
+    size: {
+      control: { type: "select" },
+      options: ["xs", "xs2"],
+      table: { type: { summary: '"xs" | "xs2"' } },
+    },
+    tabItems: { control: { type: "object" } },
+    activeKey: { control: { type: "number" } },
+    name: { control: { type: "text" } },
+    slider: { control: false },
+    disabled: { control: { type: "boolean" } },
+    destroyInactiveTabPanel: { control: { type: "boolean" } },
+    tabNavScrollRef: { table: { disable: true } },
+    swipeContent: { control: { type: "boolean" } },
+    rippleOption: { control: { type: "object" } },
+    tabBtnClassName: { control: { type: "text" } },
+    useDefaultItemStyle: { table: { disable: true } },
+    tabNavClassName: { table: { disable: true } },
+    handleChange: { table: { disable: true } },
+    onClick: { table: { disable: true } },
+  },
+  args: {
+    size: "xs",
+    tabItems: baseTabItems,
+    disabled: false,
+    destroyInactiveTabPanel: true,
+    activeKey: 1,
+  },
+  render: Template,
+} as Meta<typeof RBChipsBoxTab>;
+
+export const Default: StoryComponent = {};