@rainbow-robotics/muscat-plugin-kit 1.3.8-dev.3 → 1.10.1-dev.0

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

@@ -1,74 +1,74 @@
-import type { Meta, StoryObj } from "@storybook/react";
-
-import {
-  RBDialog,
-  RBDialogContent,
-  RBDialogDescription,
-  RBDialogFooter,
-  RBDialogHeader,
-  RBDialogTitle,
-  RBDialogTrigger,
-  RBLabelButton,
-} from "@repo/rb-components/new_components";
-
-const meta = {
-  tags: ["autodocs"],
-  argTypes: {
-    showCloseButton: {
-      control: "boolean",
-    },
-    size: {
-      control: { type: "select" },
-      options: ["sm", "md", "lg"],
-    },
-  },
-  args: {
-    showCloseButton: true,
-    size: "lg",
-  },
-  component: RBDialogContent,
-} satisfies Meta<typeof RBDialogContent>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Playground: Story = {
-  render: (args) => (
-    <div>
-      <RBDialog>
-        <RBDialogTrigger asChild>
-          <RBLabelButton size="sm" variant="solid">
-            Open Dialog
-          </RBLabelButton>
-        </RBDialogTrigger>
-
-        <RBDialogContent {...args}>
-          <RBDialogHeader>
-            <RBDialogTitle>타이틀</RBDialogTitle>
-            <RBDialogDescription>설명 영역</RBDialogDescription>
-          </RBDialogHeader>
-
-          <div className="text-fg-default px-4 py-2 text-sm">
-            다이얼로그 본문 콘텐츠 영역입니다.
-          </div>
-
-          <RBDialogFooter>
-            <div className="flex flex-1 items-center justify-start gap-1">
-              <RBLabelButton variant="outlined" size="xs2">
-                버튼
-              </RBLabelButton>
-            </div>
-            <div className="flex items-center gap-1">
-              <RBLabelButton variant="outlined" size="xs2">
-                버튼
-              </RBLabelButton>
-              <RBLabelButton variant="brand" size="xs2">
-                버튼
-              </RBLabelButton>
-            </div>
-          </RBDialogFooter>
-        </RBDialogContent>
-      </RBDialog>
-    </div>
-  ),
-};
+import type { Meta, StoryObj } from "@storybook/react";
+
+import {
+  RBDialog,
+  RBDialogContent,
+  RBDialogDescription,
+  RBDialogFooter,
+  RBDialogHeader,
+  RBDialogTitle,
+  RBDialogTrigger,
+  RBLabelButton,
+} from "@repo/rb-components/new_components";
+
+const meta = {
+  tags: ["autodocs"],
+  argTypes: {
+    showCloseButton: {
+      control: "boolean",
+    },
+    size: {
+      control: { type: "select" },
+      options: ["sm", "md", "lg"],
+    },
+  },
+  args: {
+    showCloseButton: true,
+    size: "lg",
+  },
+  component: RBDialogContent,
+} satisfies Meta<typeof RBDialogContent>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Playground: Story = {
+  render: (args) => (
+    <div>
+      <RBDialog>
+        <RBDialogTrigger asChild>
+          <RBLabelButton size="sm" variant="solid">
+            Open Dialog
+          </RBLabelButton>
+        </RBDialogTrigger>
+
+        <RBDialogContent {...args}>
+          <RBDialogHeader>
+            <RBDialogTitle>타이틀</RBDialogTitle>
+            <RBDialogDescription>설명 영역</RBDialogDescription>
+          </RBDialogHeader>
+
+          <div className="text-fg-default px-4 py-2 text-sm">
+            다이얼로그 본문 콘텐츠 영역입니다.
+          </div>
+
+          <RBDialogFooter>
+            <div className="flex flex-1 items-center justify-start gap-1">
+              <RBLabelButton variant="outlined" size="xs2">
+                버튼
+              </RBLabelButton>
+            </div>
+            <div className="flex items-center gap-1">
+              <RBLabelButton variant="outlined" size="xs2">
+                버튼
+              </RBLabelButton>
+              <RBLabelButton variant="brand" size="xs2">
+                버튼
+              </RBLabelButton>
+            </div>
+          </RBDialogFooter>
+        </RBDialogContent>
+      </RBDialog>
+    </div>
+  ),
+};

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

@@ -1,99 +1,99 @@
-import type { Meta, StoryObj } from "@storybook/react";
-
-import { VStack } from "@repo/rb-components";
-import {
-  RBLabelButton,
-  RBDrawer,
-  RBDrawerBody,
-  RBDrawerContent,
-  RBDrawerDescription,
-  RBDrawerFooter,
-  RBDrawerHeader,
-  RBDrawerTitle,
-  RBDrawerTrigger,
-} from "@repo/rb-components/new_components";
-
-const meta = {
-  tags: ["autodocs"],
-  argTypes: {
-    showCloseButton: {
-      control: "boolean",
-    },
-    showHandle: {
-      control: "boolean",
-    },
-    side: {
-      control: { type: "select" },
-      options: ["top", "bottom", "right", "left"],
-    },
-  },
-  args: {
-    side: "bottom",
-    showHandle: true,
-    showCloseButton: false,
-  },
-  component: RBDrawerContent,
-} satisfies Meta<typeof RBDrawerContent>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-const DrawerBodyContent = ({
-  side,
-}: {
-  side: "top" | "bottom" | "right" | "left";
-}) => {
-  const isVertical = side === "top" || side === "bottom";
-
-  return (
-    <>
-      <RBDrawerHeader className={isVertical ? "items-center text-center" : ""}>
-        <RBDrawerTitle className="typo-title-01-medium">
-          Title Text
-        </RBDrawerTitle>
-        <RBDrawerDescription>This is a drawer description.</RBDrawerDescription>
-      </RBDrawerHeader>
-
-      <RBDrawerBody>
-        <div className="border-information bg-fill-information-subtlest text-fg-default typo-compact-sm-normal flex h-16 w-full items-center justify-center border border-dashed px-4 text-center">
-          <span className={isVertical ? "" : "w-full text-left"}>
-            Slot (swap it with your content)
-          </span>
-        </div>
-      </RBDrawerBody>
-
-      <RBDrawerFooter>
-        <RBLabelButton size="sm" variant="solid" className="w-full">
-          버튼 라벨
-        </RBLabelButton>
-        <RBLabelButton size="sm" variant="outlined" className="w-full">
-          버튼 라벨
-        </RBLabelButton>
-      </RBDrawerFooter>
-    </>
-  );
-};
-
-export const Playground: Story = {
-  render: (args) => (
-    <VStack className="bg-alt-1 min-h-[700px] items-center justify-center rounded-2xl p-8">
-      <RBDrawer defaultOpen side={args.side}>
-        <RBDrawerTrigger asChild>
-          <RBLabelButton size="sm" variant="solid">
-            Open Drawer
-          </RBLabelButton>
-        </RBDrawerTrigger>
-        <RBDrawerContent
-          {...args}
-          className={
-            args.side === "top" || args.side === "bottom"
-              ? "w-full"
-              : "h-full w-96"
-          }
-        >
-          <DrawerBodyContent side={args.side} />
-        </RBDrawerContent>
-      </RBDrawer>
-    </VStack>
-  ),
-};
+import type { Meta, StoryObj } from "@storybook/react";
+
+import { VStack } from "@repo/rb-components";
+import {
+  RBLabelButton,
+  RBDrawer,
+  RBDrawerBody,
+  RBDrawerContent,
+  RBDrawerDescription,
+  RBDrawerFooter,
+  RBDrawerHeader,
+  RBDrawerTitle,
+  RBDrawerTrigger,
+} from "@repo/rb-components/new_components";
+
+const meta = {
+  tags: ["autodocs"],
+  argTypes: {
+    showCloseButton: {
+      control: "boolean",
+    },
+    showHandle: {
+      control: "boolean",
+    },
+    side: {
+      control: { type: "select" },
+      options: ["top", "bottom", "right", "left"],
+    },
+  },
+  args: {
+    side: "bottom",
+    showHandle: true,
+    showCloseButton: false,
+  },
+  component: RBDrawerContent,
+} satisfies Meta<typeof RBDrawerContent>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+const DrawerBodyContent = ({
+  side,
+}: {
+  side: "top" | "bottom" | "right" | "left";
+}) => {
+  const isVertical = side === "top" || side === "bottom";
+
+  return (
+    <>
+      <RBDrawerHeader className={isVertical ? "items-center text-center" : ""}>
+        <RBDrawerTitle className="typo-title-01-medium">
+          Title Text
+        </RBDrawerTitle>
+        <RBDrawerDescription>This is a drawer description.</RBDrawerDescription>
+      </RBDrawerHeader>
+
+      <RBDrawerBody>
+        <div className="border-information bg-fill-information-subtlest text-fg-default typo-compact-sm-normal flex h-16 w-full items-center justify-center border border-dashed px-4 text-center">
+          <span className={isVertical ? "" : "w-full text-left"}>
+            Slot (swap it with your content)
+          </span>
+        </div>
+      </RBDrawerBody>
+
+      <RBDrawerFooter>
+        <RBLabelButton size="sm" variant="solid" className="w-full">
+          버튼 라벨
+        </RBLabelButton>
+        <RBLabelButton size="sm" variant="outlined" className="w-full">
+          버튼 라벨
+        </RBLabelButton>
+      </RBDrawerFooter>
+    </>
+  );
+};
+
+export const Playground: Story = {
+  render: (args) => (
+    <VStack className="bg-alt-1 min-h-[700px] items-center justify-center rounded-2xl p-8">
+      <RBDrawer defaultOpen side={args.side}>
+        <RBDrawerTrigger asChild>
+          <RBLabelButton size="sm" variant="solid">
+            Open Drawer
+          </RBLabelButton>
+        </RBDrawerTrigger>
+        <RBDrawerContent
+          {...args}
+          className={
+            args.side === "top" || args.side === "bottom"
+              ? "w-full"
+              : "h-full w-96"
+          }
+        >
+          <DrawerBodyContent side={args.side} />
+        </RBDrawerContent>
+      </RBDrawer>
+    </VStack>
+  ),
+};

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

@@ -1,123 +1,123 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { useState } from "react";
-
-import { VStack } from "@repo/rb-components";
-import {
-  RBIcons,
-  RBLabelButton,
-  RBDropdownMenu,
-  RBDropdownMenuCheckboxItem,
-  RBDropdownMenuContent,
-  RBDropdownMenuItem,
-  RBDropdownMenuLabel,
-  RBDropdownMenuSeparator,
-  RBDropdownMenuShortcut,
-  RBDropdownMenuSub,
-  RBDropdownMenuSubContent,
-  RBDropdownMenuSubTrigger,
-  RBDropdownMenuTrigger,
-} from "@repo/rb-components/new_components";
-
-const meta = {
-  tags: ["autodocs"],
-  component: RBDropdownMenu,
-} satisfies Meta<typeof RBDropdownMenu>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Playground: Story = {
-  render: () => {
-    const [bookmarked, setBookmarked] = useState(true);
-    const [notifications, setNotifications] = useState(false);
-
-    return (
-      <VStack className="bg-alt-1 min-h-[420px] items-center justify-center rounded-2xl p-8">
-        <RBDropdownMenu>
-          <RBDropdownMenuTrigger asChild>
-            <RBLabelButton size="sm" variant="outlined">
-              Open
-            </RBLabelButton>
-          </RBDropdownMenuTrigger>
-          <RBDropdownMenuContent className="w-40" sideOffset={8}>
-            <RBDropdownMenuLabel>My Account</RBDropdownMenuLabel>
-            <RBDropdownMenuSeparator />
-
-            <RBDropdownMenuCheckboxItem
-              checked={bookmarked}
-              onCheckedChange={(next) => setBookmarked(next === true)}
-            >
-              <span className="flex-1 truncate">Bookmarked</span>
-              <RBDropdownMenuShortcut>⌘B</RBDropdownMenuShortcut>
-            </RBDropdownMenuCheckboxItem>
-            <RBDropdownMenuCheckboxItem
-              checked={notifications}
-              onCheckedChange={(next) => setNotifications(next === true)}
-            >
-              <span className="flex-1 truncate">Notifications</span>
-              <RBDropdownMenuShortcut>⌘N</RBDropdownMenuShortcut>
-            </RBDropdownMenuCheckboxItem>
-
-            <RBDropdownMenuSeparator />
-
-            <RBDropdownMenuItem>
-              <RBIcons.SvgFolderOpenRegular className="size-4" />
-              <span className="flex-1 truncate">Profile</span>
-              <RBDropdownMenuShortcut>⇧⌘P</RBDropdownMenuShortcut>
-            </RBDropdownMenuItem>
-
-            <RBDropdownMenuItem>
-              <RBIcons.SvgFolderOpenRegular className="size-4" />
-              <span className="flex-1 truncate">Billing</span>
-              <RBDropdownMenuShortcut>⌘B</RBDropdownMenuShortcut>
-            </RBDropdownMenuItem>
-
-            <RBDropdownMenuItem>
-              <RBIcons.SvgFolderOpenRegular className="size-4" />
-              <span className="flex-1 truncate">Settings</span>
-              <RBDropdownMenuShortcut>⌘S</RBDropdownMenuShortcut>
-            </RBDropdownMenuItem>
-
-            <RBDropdownMenuSeparator />
-
-            <RBDropdownMenuItem>
-              <span className="flex-1 truncate">Team</span>
-            </RBDropdownMenuItem>
-
-            <RBDropdownMenuSub>
-              <RBDropdownMenuSubTrigger>
-                <span className="flex-1 truncate">Invite users</span>
-              </RBDropdownMenuSubTrigger>
-              <RBDropdownMenuSubContent className="w-56">
-                <RBDropdownMenuItem>Email</RBDropdownMenuItem>
-                <RBDropdownMenuItem>Message</RBDropdownMenuItem>
-                <RBDropdownMenuSub>
-                  <RBDropdownMenuSubTrigger>
-                    <span className="flex-1 truncate">More options</span>
-                  </RBDropdownMenuSubTrigger>
-                </RBDropdownMenuSub>
-              </RBDropdownMenuSubContent>
-            </RBDropdownMenuSub>
-
-            <RBDropdownMenuItem>
-              <span className="flex-1 truncate">New Team</span>
-              <RBDropdownMenuShortcut>⌘+T</RBDropdownMenuShortcut>
-            </RBDropdownMenuItem>
-
-            <RBDropdownMenuItem disabled>
-              <span className="flex-1 truncate">API</span>
-            </RBDropdownMenuItem>
-
-            <RBDropdownMenuSeparator />
-
-            <RBDropdownMenuItem variant="destructive">
-              <RBIcons.SvgFolderOpenRegular className="size-4" />
-              <span className="flex-1 truncate">Log out</span>
-              <RBDropdownMenuShortcut>⌘Q</RBDropdownMenuShortcut>
-            </RBDropdownMenuItem>
-          </RBDropdownMenuContent>
-        </RBDropdownMenu>
-      </VStack>
-    );
-  },
-};
+import type { Meta, StoryObj } from "@storybook/react";
+import { useState } from "react";
+
+import { VStack } from "@repo/rb-components";
+import {
+  RBIcons,
+  RBLabelButton,
+  RBDropdownMenu,
+  RBDropdownMenuCheckboxItem,
+  RBDropdownMenuContent,
+  RBDropdownMenuItem,
+  RBDropdownMenuLabel,
+  RBDropdownMenuSeparator,
+  RBDropdownMenuShortcut,
+  RBDropdownMenuSub,
+  RBDropdownMenuSubContent,
+  RBDropdownMenuSubTrigger,
+  RBDropdownMenuTrigger,
+} from "@repo/rb-components/new_components";
+
+const meta = {
+  tags: ["autodocs"],
+  component: RBDropdownMenu,
+} satisfies Meta<typeof RBDropdownMenu>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Playground: Story = {
+  render: () => {
+    const [bookmarked, setBookmarked] = useState(true);
+    const [notifications, setNotifications] = useState(false);
+
+    return (
+      <VStack className="bg-alt-1 min-h-[420px] items-center justify-center rounded-2xl p-8">
+        <RBDropdownMenu>
+          <RBDropdownMenuTrigger asChild>
+            <RBLabelButton size="sm" variant="outlined">
+              Open
+            </RBLabelButton>
+          </RBDropdownMenuTrigger>
+          <RBDropdownMenuContent className="w-40" sideOffset={8}>
+            <RBDropdownMenuLabel>My Account</RBDropdownMenuLabel>
+            <RBDropdownMenuSeparator />
+
+            <RBDropdownMenuCheckboxItem
+              checked={bookmarked}
+              onCheckedChange={(next) => setBookmarked(next === true)}
+            >
+              <span className="flex-1 truncate">Bookmarked</span>
+              <RBDropdownMenuShortcut>⌘B</RBDropdownMenuShortcut>
+            </RBDropdownMenuCheckboxItem>
+            <RBDropdownMenuCheckboxItem
+              checked={notifications}
+              onCheckedChange={(next) => setNotifications(next === true)}
+            >
+              <span className="flex-1 truncate">Notifications</span>
+              <RBDropdownMenuShortcut>⌘N</RBDropdownMenuShortcut>
+            </RBDropdownMenuCheckboxItem>
+
+            <RBDropdownMenuSeparator />
+
+            <RBDropdownMenuItem>
+              <RBIcons.SvgFolderOpenRegular className="size-4" />
+              <span className="flex-1 truncate">Profile</span>
+              <RBDropdownMenuShortcut>⇧⌘P</RBDropdownMenuShortcut>
+            </RBDropdownMenuItem>
+
+            <RBDropdownMenuItem>
+              <RBIcons.SvgFolderOpenRegular className="size-4" />
+              <span className="flex-1 truncate">Billing</span>
+              <RBDropdownMenuShortcut>⌘B</RBDropdownMenuShortcut>
+            </RBDropdownMenuItem>
+
+            <RBDropdownMenuItem>
+              <RBIcons.SvgFolderOpenRegular className="size-4" />
+              <span className="flex-1 truncate">Settings</span>
+              <RBDropdownMenuShortcut>⌘S</RBDropdownMenuShortcut>
+            </RBDropdownMenuItem>
+
+            <RBDropdownMenuSeparator />
+
+            <RBDropdownMenuItem>
+              <span className="flex-1 truncate">Team</span>
+            </RBDropdownMenuItem>
+
+            <RBDropdownMenuSub>
+              <RBDropdownMenuSubTrigger>
+                <span className="flex-1 truncate">Invite users</span>
+              </RBDropdownMenuSubTrigger>
+              <RBDropdownMenuSubContent className="w-56">
+                <RBDropdownMenuItem>Email</RBDropdownMenuItem>
+                <RBDropdownMenuItem>Message</RBDropdownMenuItem>
+                <RBDropdownMenuSub>
+                  <RBDropdownMenuSubTrigger>
+                    <span className="flex-1 truncate">More options</span>
+                  </RBDropdownMenuSubTrigger>
+                </RBDropdownMenuSub>
+              </RBDropdownMenuSubContent>
+            </RBDropdownMenuSub>
+
+            <RBDropdownMenuItem>
+              <span className="flex-1 truncate">New Team</span>
+              <RBDropdownMenuShortcut>⌘+T</RBDropdownMenuShortcut>
+            </RBDropdownMenuItem>
+
+            <RBDropdownMenuItem disabled>
+              <span className="flex-1 truncate">API</span>
+            </RBDropdownMenuItem>
+
+            <RBDropdownMenuSeparator />
+
+            <RBDropdownMenuItem variant="destructive">
+              <RBIcons.SvgFolderOpenRegular className="size-4" />
+              <span className="flex-1 truncate">Log out</span>
+              <RBDropdownMenuShortcut>⌘Q</RBDropdownMenuShortcut>
+            </RBDropdownMenuItem>
+          </RBDropdownMenuContent>
+        </RBDropdownMenu>
+      </VStack>
+    );
+  },
+};