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

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

@@ -1,36 +1,36 @@
-import type { Meta, StoryFn, StoryObj } from "@storybook/react";
-import { RBLight } from "@repo/rb-components/new_components";
-import { lightColors, lightSizes } from "@repo/rb-components/new_components";
-
-type StoryComponent = StoryObj<typeof RBLight>;
-type StoryTemplate = StoryFn<typeof RBLight>;
-
-const Template: StoryTemplate = (args) => <RBLight {...args} />;
-
-export default {
-  component: RBLight,
-  tags: ["autodocs"],
-  render: Template,
-  argTypes: {
-    color: {
-      control: { type: "select" },
-      options: lightColors,
-      table: {
-        type: { summary: lightColors.map((c) => `"${c}"`).join(" | ") },
-      },
-    },
-    size: {
-      control: { type: "select" },
-      options: lightSizes,
-      table: {
-        type: { summary: lightSizes.map((s) => `"${s}"`).join(" | ") },
-      },
-    },
-  },
-  args: {
-    color: "green",
-    size: "md",
-  },
-} as Meta<typeof RBLight>;
-
-export const Playground: StoryComponent = {};
+import type { Meta, StoryFn, StoryObj } from "@storybook/react";
+import { RBLight } from "@repo/rb-components/new_components";
+import { lightColors, lightSizes } from "@repo/rb-components/new_components";
+
+type StoryComponent = StoryObj<typeof RBLight>;
+type StoryTemplate = StoryFn<typeof RBLight>;
+
+const Template: StoryTemplate = (args) => <RBLight {...args} />;
+
+export default {
+  component: RBLight,
+  tags: ["autodocs"],
+  render: Template,
+  argTypes: {
+    color: {
+      control: { type: "select" },
+      options: lightColors,
+      table: {
+        type: { summary: lightColors.map((c) => `"${c}"`).join(" | ") },
+      },
+    },
+    size: {
+      control: { type: "select" },
+      options: lightSizes,
+      table: {
+        type: { summary: lightSizes.map((s) => `"${s}"`).join(" | ") },
+      },
+    },
+  },
+  args: {
+    color: "green",
+    size: "md",
+  },
+} as Meta<typeof RBLight>;
+
+export const Playground: StoryComponent = {};

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

@@ -1,49 +1,49 @@
-import { useEffect, useState } from "react";
-import type { Meta, StoryObj, StoryFn } from "@storybook/react";
-import { RBPagination } from "@repo/rb-components/new_components";
-
-type StoryComponent = StoryObj<typeof RBPagination>;
-type StoryTemplate = StoryFn<typeof RBPagination>;
-
-// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
-export default {
-  component: RBPagination,
-  tags: ["autodocs"],
-} as Meta<typeof RBPagination>;
-
-const Template: StoryTemplate = (args) => {
-  const [currPage, setCurrPage] = useState(args.currPage ?? 1);
-
-  useEffect(() => {
-    setCurrPage(args.currPage ?? 1);
-  }, [args.currPage]);
-
-  return (
-    <RBPagination
-      {...args}
-      currPage={currPage}
-      handlePageChange={(page) => {
-        setCurrPage(page);
-        args.handlePageChange?.(page);
-      }}
-    />
-  );
-};
-
-export const Default: StoryComponent = {
-  parameters: {
-    docs: {
-      description: {
-        story: "",
-      },
-    },
-  },
-  args: {
-    currPage: 1,
-    listSize: 1,
-    pageSize: 10,
-    totalCount: 100,
-    handlePageChange: () => {},
-  },
-  render: Template,
-};
+import { useEffect, useState } from "react";
+import type { Meta, StoryObj, StoryFn } from "@storybook/react";
+import { RBPagination } from "@repo/rb-components/new_components";
+
+type StoryComponent = StoryObj<typeof RBPagination>;
+type StoryTemplate = StoryFn<typeof RBPagination>;
+
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
+export default {
+  component: RBPagination,
+  tags: ["autodocs"],
+} as Meta<typeof RBPagination>;
+
+const Template: StoryTemplate = (args) => {
+  const [currPage, setCurrPage] = useState(args.currPage ?? 1);
+
+  useEffect(() => {
+    setCurrPage(args.currPage ?? 1);
+  }, [args.currPage]);
+
+  return (
+    <RBPagination
+      {...args}
+      currPage={currPage}
+      handlePageChange={(page) => {
+        setCurrPage(page);
+        args.handlePageChange?.(page);
+      }}
+    />
+  );
+};
+
+export const Default: StoryComponent = {
+  parameters: {
+    docs: {
+      description: {
+        story: "",
+      },
+    },
+  },
+  args: {
+    currPage: 1,
+    listSize: 1,
+    pageSize: 10,
+    totalCount: 100,
+    handlePageChange: () => {},
+  },
+  render: Template,
+};

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

@@ -1,89 +1,89 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { HStack, VStack } from "@repo/rb-components";
-
-import {
-  RBCard,
-  RBCardContent,
-  RBCardDescription,
-  RBCardFooter,
-  RBCardHeader,
-  RBCardHeaderText,
-  RBLabelButton,
-  RBCardTitle,
-  RBTextLabel,
-  RBTextInput,
-} from "@repo/rb-components/new_components";
-
-const meta = {
-  component: RBCard,
-  tags: ["autodocs"],
-  argTypes: {
-    size: {
-      control: { type: "select" },
-      options: ["sm", "md"],
-      table: { type: { summary: '"sm" | "md"' } },
-    },
-  },
-  args: {
-    size: "md",
-  },
-} satisfies Meta<typeof RBCard>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Playground: Story = {
-  render: ({ size }) => {
-    return (
-      <RBCard size={size}>
-        <RBCardHeader>
-          <RBCardHeaderText>
-            <RBCardTitle>Title Text</RBCardTitle>
-            <RBCardDescription>This is a card description.</RBCardDescription>
-          </RBCardHeaderText>
-        </RBCardHeader>
-
-        <RBCardContent>
-          <VStack className="w-full gap-6">
-            <VStack className="w-full gap-2">
-              <RBTextLabel label="Email" />
-              <RBTextInput
-                defaultValue="m@example.com"
-                type="email"
-                size="sm"
-                className="w-full"
-              />
-            </VStack>
-            <VStack className="w-full gap-2">
-              <HStack className="w-full items-start justify-between">
-                <RBTextLabel label="Password" className="w-auto" />
-                <span className="text-fg-default typo-compact-xs-normal whitespace-nowrap">
-                  Forgot your password?
-                </span>
-              </HStack>
-              <RBTextInput
-                defaultValue="Placeholder"
-                type="password"
-                size="sm"
-                className="w-full"
-              />
-            </VStack>
-            <p className="text-fg-default typo-body-xs-normal">
-              The card component supports a size prop that can be set to
-              &quot;sm&quot; for a more compact appearance.
-            </p>
-          </VStack>
-        </RBCardContent>
-
-        <RBCardFooter>
-          <RBLabelButton size="sm" variant="solid" className="w-full">
-            Login
-          </RBLabelButton>
-          <RBLabelButton size="sm" variant="outlined" className="w-full">
-            Login with Google
-          </RBLabelButton>
-        </RBCardFooter>
-      </RBCard>
-    );
-  },
-};
+import type { Meta, StoryObj } from "@storybook/react";
+import { HStack, VStack } from "@repo/rb-components";
+
+import {
+  RBCard,
+  RBCardContent,
+  RBCardDescription,
+  RBCardFooter,
+  RBCardHeader,
+  RBCardHeaderText,
+  RBLabelButton,
+  RBCardTitle,
+  RBTextLabel,
+  RBTextInput,
+} from "@repo/rb-components/new_components";
+
+const meta = {
+  component: RBCard,
+  tags: ["autodocs"],
+  argTypes: {
+    size: {
+      control: { type: "select" },
+      options: ["sm", "md"],
+      table: { type: { summary: '"sm" | "md"' } },
+    },
+  },
+  args: {
+    size: "md",
+  },
+} satisfies Meta<typeof RBCard>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Playground: Story = {
+  render: ({ size }) => {
+    return (
+      <RBCard size={size}>
+        <RBCardHeader>
+          <RBCardHeaderText>
+            <RBCardTitle>Title Text</RBCardTitle>
+            <RBCardDescription>This is a card description.</RBCardDescription>
+          </RBCardHeaderText>
+        </RBCardHeader>
+
+        <RBCardContent>
+          <VStack className="w-full gap-6">
+            <VStack className="w-full gap-2">
+              <RBTextLabel label="Email" />
+              <RBTextInput
+                defaultValue="m@example.com"
+                type="email"
+                size="sm"
+                className="w-full"
+              />
+            </VStack>
+            <VStack className="w-full gap-2">
+              <HStack className="w-full items-start justify-between">
+                <RBTextLabel label="Password" className="w-auto" />
+                <span className="text-fg-default typo-compact-xs-normal whitespace-nowrap">
+                  Forgot your password?
+                </span>
+              </HStack>
+              <RBTextInput
+                defaultValue="Placeholder"
+                type="password"
+                size="sm"
+                className="w-full"
+              />
+            </VStack>
+            <p className="text-fg-default typo-body-xs-normal">
+              The card component supports a size prop that can be set to
+              &quot;sm&quot; for a more compact appearance.
+            </p>
+          </VStack>
+        </RBCardContent>
+
+        <RBCardFooter>
+          <RBLabelButton size="sm" variant="solid" className="w-full">
+            Login
+          </RBLabelButton>
+          <RBLabelButton size="sm" variant="outlined" className="w-full">
+            Login with Google
+          </RBLabelButton>
+        </RBCardFooter>
+      </RBCard>
+    );
+  },
+};

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

@@ -1,116 +1,116 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { CheckIcon } from "lucide-react";
-import { useState, type ComponentProps } from "react";
-
-import {
-  RBIcons,
-  RBCommand,
-  RBCommandEmpty,
-  RBCommandGroup,
-  RBCommandInput,
-  RBCommandItem,
-  RBCommandList,
-  RBCommandSelected,
-  RBCommandSeparator,
-  RBCommandShortcut,
-} from "@repo/rb-components/new_components";
-
-const meta = {
-  component: RBCommand,
-  tags: ["autodocs"],
-} satisfies Meta<typeof RBCommand>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-type RBCommandProps = ComponentProps<typeof RBCommand>;
-
-export const Suggestions: Story = {
-  render: function Render(args: RBCommandProps) {
-    const [selectedItem, setSelectedItem] = useState<string | null>(null);
-    const placeholder = selectedItem
-      ? `${selectedItem} 선택됨`
-      : "플레이스홀더";
-
-    return (
-      <RBCommand {...args} className={`w-96 ${args.className ?? ""}`}>
-        <RBCommandInput placeholder={placeholder} />
-        <RBCommandList>
-          <RBCommandGroup heading="Suggestions">
-            <RBCommandItem onSelect={() => setSelectedItem("Calendar")}>
-              <RBIcons.SvgInformationRegular />
-              Calendar
-              {selectedItem === "Calendar" && (
-                <RBCommandSelected>
-                  <CheckIcon />
-                </RBCommandSelected>
-              )}
-            </RBCommandItem>
-            <RBCommandItem onSelect={() => setSelectedItem("Search Emoji")}>
-              <RBIcons.SvgInformationRegular />
-              Search Emoji
-              {selectedItem === "Search Emoji" && (
-                <RBCommandSelected>
-                  <CheckIcon />
-                </RBCommandSelected>
-              )}
-            </RBCommandItem>
-            <RBCommandItem onSelect={() => setSelectedItem("Calculator")}>
-              <RBIcons.SvgInformationRegular />
-              Calculator
-              {selectedItem === "Calculator" && (
-                <RBCommandSelected>
-                  <CheckIcon />
-                </RBCommandSelected>
-              )}
-            </RBCommandItem>
-          </RBCommandGroup>
-          <RBCommandSeparator className="w-full" />
-          <RBCommandGroup heading="Settings">
-            <RBCommandItem onSelect={() => setSelectedItem("Profile")}>
-              <RBIcons.SvgInformationRegular />
-              Profile
-              {selectedItem === "Profile" && (
-                <RBCommandSelected>
-                  <CheckIcon />
-                </RBCommandSelected>
-              )}
-              <RBCommandShortcut>⌘P</RBCommandShortcut>
-            </RBCommandItem>
-            <RBCommandItem onSelect={() => setSelectedItem("Billing")}>
-              <RBIcons.SvgInformationRegular />
-              Billing
-              {selectedItem === "Billing" && (
-                <RBCommandSelected>
-                  <CheckIcon />
-                </RBCommandSelected>
-              )}
-              <RBCommandShortcut>⌘B</RBCommandShortcut>
-            </RBCommandItem>
-            <RBCommandItem onSelect={() => setSelectedItem("Settings")}>
-              <RBIcons.SvgInformationRegular />
-              Settings
-              {selectedItem === "Settings" && (
-                <RBCommandSelected>
-                  <CheckIcon />
-                </RBCommandSelected>
-              )}
-              <RBCommandShortcut>⌘S</RBCommandShortcut>
-            </RBCommandItem>
-          </RBCommandGroup>
-        </RBCommandList>
-      </RBCommand>
-    );
-  },
-};
-
-export const EmptyState: Story = {
-  render: () => (
-    <RBCommand className="h-60 w-96">
-      <RBCommandInput placeholder="플레이스홀더" />
-      <RBCommandList className="flex flex-1 flex-col items-center justify-center p-0">
-        <RBCommandEmpty>No results found.</RBCommandEmpty>
-      </RBCommandList>
-    </RBCommand>
-  ),
-};
+import type { Meta, StoryObj } from "@storybook/react";
+import { CheckIcon } from "lucide-react";
+import { useState, type ComponentProps } from "react";
+
+import {
+  RBIcons,
+  RBCommand,
+  RBCommandEmpty,
+  RBCommandGroup,
+  RBCommandInput,
+  RBCommandItem,
+  RBCommandList,
+  RBCommandSelected,
+  RBCommandSeparator,
+  RBCommandShortcut,
+} from "@repo/rb-components/new_components";
+
+const meta = {
+  component: RBCommand,
+  tags: ["autodocs"],
+} satisfies Meta<typeof RBCommand>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+type RBCommandProps = ComponentProps<typeof RBCommand>;
+
+export const Suggestions: Story = {
+  render: function Render(args: RBCommandProps) {
+    const [selectedItem, setSelectedItem] = useState<string | null>(null);
+    const placeholder = selectedItem
+      ? `${selectedItem} 선택됨`
+      : "플레이스홀더";
+
+    return (
+      <RBCommand {...args} className={`w-96 ${args.className ?? ""}`}>
+        <RBCommandInput placeholder={placeholder} />
+        <RBCommandList>
+          <RBCommandGroup heading="Suggestions">
+            <RBCommandItem onSelect={() => setSelectedItem("Calendar")}>
+              <RBIcons.SvgInformationRegular />
+              Calendar
+              {selectedItem === "Calendar" && (
+                <RBCommandSelected>
+                  <CheckIcon />
+                </RBCommandSelected>
+              )}
+            </RBCommandItem>
+            <RBCommandItem onSelect={() => setSelectedItem("Search Emoji")}>
+              <RBIcons.SvgInformationRegular />
+              Search Emoji
+              {selectedItem === "Search Emoji" && (
+                <RBCommandSelected>
+                  <CheckIcon />
+                </RBCommandSelected>
+              )}
+            </RBCommandItem>
+            <RBCommandItem onSelect={() => setSelectedItem("Calculator")}>
+              <RBIcons.SvgInformationRegular />
+              Calculator
+              {selectedItem === "Calculator" && (
+                <RBCommandSelected>
+                  <CheckIcon />
+                </RBCommandSelected>
+              )}
+            </RBCommandItem>
+          </RBCommandGroup>
+          <RBCommandSeparator className="w-full" />
+          <RBCommandGroup heading="Settings">
+            <RBCommandItem onSelect={() => setSelectedItem("Profile")}>
+              <RBIcons.SvgInformationRegular />
+              Profile
+              {selectedItem === "Profile" && (
+                <RBCommandSelected>
+                  <CheckIcon />
+                </RBCommandSelected>
+              )}
+              <RBCommandShortcut>⌘P</RBCommandShortcut>
+            </RBCommandItem>
+            <RBCommandItem onSelect={() => setSelectedItem("Billing")}>
+              <RBIcons.SvgInformationRegular />
+              Billing
+              {selectedItem === "Billing" && (
+                <RBCommandSelected>
+                  <CheckIcon />
+                </RBCommandSelected>
+              )}
+              <RBCommandShortcut>⌘B</RBCommandShortcut>
+            </RBCommandItem>
+            <RBCommandItem onSelect={() => setSelectedItem("Settings")}>
+              <RBIcons.SvgInformationRegular />
+              Settings
+              {selectedItem === "Settings" && (
+                <RBCommandSelected>
+                  <CheckIcon />
+                </RBCommandSelected>
+              )}
+              <RBCommandShortcut>⌘S</RBCommandShortcut>
+            </RBCommandItem>
+          </RBCommandGroup>
+        </RBCommandList>
+      </RBCommand>
+    );
+  },
+};
+
+export const EmptyState: Story = {
+  render: () => (
+    <RBCommand className="h-60 w-96">
+      <RBCommandInput placeholder="플레이스홀더" />
+      <RBCommandList className="flex flex-1 flex-col items-center justify-center p-0">
+        <RBCommandEmpty>No results found.</RBCommandEmpty>
+      </RBCommandList>
+    </RBCommand>
+  ),
+};