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

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

@@ -1,27 +1,27 @@
-import type { Meta, StoryObj, StoryFn } from "@storybook/react";
-import NxAvatar from "@nexus/components/shared/avatars/NxAvatar";
-
-type StoryComponent = StoryObj<typeof NxAvatar>;
-type StoryTemplate = StoryFn<typeof NxAvatar>;
-
-// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
-export default {
-  component: NxAvatar,
-  tags: ["autodocs"],
-} as Meta<typeof NxAvatar>;
-
-const Template: StoryTemplate = (args) => {
-  return <NxAvatar {...args} />;
-};
-
-export const Default: StoryComponent = {
-  parameters: {
-    docs: {
-      description: {
-        story: "",
-      },
-    },
-  },
-  args: { imgSize: "3rem" },
-  render: Template,
-};
+import type { Meta, StoryObj, StoryFn } from "@storybook/react";
+import NxAvatar from "@nexus/components/shared/avatars/NxAvatar";
+
+type StoryComponent = StoryObj<typeof NxAvatar>;
+type StoryTemplate = StoryFn<typeof NxAvatar>;
+
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
+export default {
+  component: NxAvatar,
+  tags: ["autodocs"],
+} as Meta<typeof NxAvatar>;
+
+const Template: StoryTemplate = (args) => {
+  return <NxAvatar {...args} />;
+};
+
+export const Default: StoryComponent = {
+  parameters: {
+    docs: {
+      description: {
+        story: "",
+      },
+    },
+  },
+  args: { imgSize: "3rem" },
+  render: Template,
+};

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

@@ -1,28 +1,28 @@
-import type { Meta, StoryObj, StoryFn } from "@storybook/react";
-import NxPagination from "@nexus/components/shared/pagination/NxPagination";
-import { Pagination } from "@sb/index";
-
-type StoryComponent = StoryObj<typeof Pagination>;
-type StoryTemplate = StoryFn<typeof NxPagination>;
-
-// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
-export default {
-  component: Pagination,
-  tags: ["autodocs"],
-} as Meta<typeof Pagination>;
-
-const Template: StoryTemplate = (args) => {
-  return <NxPagination {...args} />;
-};
-
-export const Default: StoryComponent = {
-  parameters: {
-    docs: {
-      description: {
-        story: "",
-      },
-    },
-  },
-  args: {},
-  render: Template,
-};
+import type { Meta, StoryObj, StoryFn } from "@storybook/react";
+import NxPagination from "@nexus/components/shared/pagination/NxPagination";
+import { Pagination } from "@sb/index";
+
+type StoryComponent = StoryObj<typeof Pagination>;
+type StoryTemplate = StoryFn<typeof NxPagination>;
+
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
+export default {
+  component: Pagination,
+  tags: ["autodocs"],
+} as Meta<typeof Pagination>;
+
+const Template: StoryTemplate = (args) => {
+  return <NxPagination {...args} />;
+};
+
+export const Default: StoryComponent = {
+  parameters: {
+    docs: {
+      description: {
+        story: "",
+      },
+    },
+  },
+  args: {},
+  render: Template,
+};

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

@@ -1,46 +1,46 @@
-import type { Meta, StoryObj, StoryFn } from "@storybook/react";
-import { RBAccordion } from "@repo/rb-components/new_components";
-
-type StoryComponent = StoryObj<typeof RBAccordion>;
-type StoryTemplate = StoryFn<typeof RBAccordion>;
-
-// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
-export default {
-  component: RBAccordion,
-  tags: ["autodocs"],
-  argTypes: {
-    type: {
-      control: { type: "select" },
-      options: ["transparent", "fill"],
-      table: { type: { summary: '"transparent" | "fill"' } },
-    },
-  },
-} as Meta<typeof RBAccordion>;
-
-const Template: StoryTemplate = (args) => {
-  return (
-    <div className="w-64">
-      <RBAccordion {...args} />
-    </div>
-  );
-};
-
-export const Default: StoryComponent = {
-  parameters: {
-    docs: {
-      description: {
-        story: "",
-      },
-    },
-  },
-  args: {
-    type: "transparent",
-    title: "Accordion Title",
-    children: (
-      <div className="typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center">
-        Accordion Content
-      </div>
-    ),
-  },
-  render: Template,
-};
+import type { Meta, StoryObj, StoryFn } from "@storybook/react";
+import { RBAccordion } from "@repo/rb-components/new_components";
+
+type StoryComponent = StoryObj<typeof RBAccordion>;
+type StoryTemplate = StoryFn<typeof RBAccordion>;
+
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
+export default {
+  component: RBAccordion,
+  tags: ["autodocs"],
+  argTypes: {
+    type: {
+      control: { type: "select" },
+      options: ["transparent", "fill"],
+      table: { type: { summary: '"transparent" | "fill"' } },
+    },
+  },
+} as Meta<typeof RBAccordion>;
+
+const Template: StoryTemplate = (args) => {
+  return (
+    <div className="w-64">
+      <RBAccordion {...args} />
+    </div>
+  );
+};
+
+export const Default: StoryComponent = {
+  parameters: {
+    docs: {
+      description: {
+        story: "",
+      },
+    },
+  },
+  args: {
+    type: "transparent",
+    title: "Accordion Title",
+    children: (
+      <div className="typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center">
+        Accordion Content
+      </div>
+    ),
+  },
+  render: Template,
+};

package/cli/storybook-dist/_stories-src/RBAccordion/RBAccordionGroup.stories.tsx

@@ -1,73 +1,73 @@
-import type { Meta, StoryObj, StoryFn } from "@storybook/react";
-import { RBAccordionGroup } from "@repo/rb-components/new_components";
-
-type StoryComponent = StoryObj<typeof RBAccordionGroup>;
-type StoryTemplate = StoryFn<typeof RBAccordionGroup>;
-
-// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
-export default {
-  component: RBAccordionGroup,
-  tags: ["autodocs"],
-  argTypes: {
-    type: {
-      control: { type: "select" },
-      options: ["transparent", "fill"],
-      table: { type: { summary: '"transparent" | "fill"' } },
-    },
-  },
-} as Meta<typeof RBAccordionGroup>;
-
-const Template: StoryTemplate = (args) => {
-  return (
-    <div className="w-64">
-      <RBAccordionGroup {...args} />;
-    </div>
-  );
-};
-
-export const Default: StoryComponent = {
-  parameters: {
-    docs: {
-      description: {
-        story: "",
-      },
-    },
-  },
-  args: {
-    list: [
-      {
-        title: "Accordion Title",
-        children: (
-          <div className="typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center">
-            Accordion Content
-          </div>
-        ),
-      },
-      {
-        title: "Accordion Title",
-        children: (
-          <div className="typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center">
-            Accordion Content
-          </div>
-        ),
-      },
-      {
-        title: "Accordion Title",
-        children: (
-          <div className="typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center">
-            Accordion Content
-          </div>
-        ),
-      },
-      {
-        title: "Accordion Title",
-        children: (
-          <div className="typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center">
-            Accordion Content
-          </div>
-        ),
-      },
-    ],
-  },
-  render: Template,
-};
+import type { Meta, StoryObj, StoryFn } from "@storybook/react";
+import { RBAccordionGroup } from "@repo/rb-components/new_components";
+
+type StoryComponent = StoryObj<typeof RBAccordionGroup>;
+type StoryTemplate = StoryFn<typeof RBAccordionGroup>;
+
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
+export default {
+  component: RBAccordionGroup,
+  tags: ["autodocs"],
+  argTypes: {
+    type: {
+      control: { type: "select" },
+      options: ["transparent", "fill"],
+      table: { type: { summary: '"transparent" | "fill"' } },
+    },
+  },
+} as Meta<typeof RBAccordionGroup>;
+
+const Template: StoryTemplate = (args) => {
+  return (
+    <div className="w-64">
+      <RBAccordionGroup {...args} />;
+    </div>
+  );
+};
+
+export const Default: StoryComponent = {
+  parameters: {
+    docs: {
+      description: {
+        story: "",
+      },
+    },
+  },
+  args: {
+    list: [
+      {
+        title: "Accordion Title",
+        children: (
+          <div className="typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center">
+            Accordion Content
+          </div>
+        ),
+      },
+      {
+        title: "Accordion Title",
+        children: (
+          <div className="typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center">
+            Accordion Content
+          </div>
+        ),
+      },
+      {
+        title: "Accordion Title",
+        children: (
+          <div className="typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center">
+            Accordion Content
+          </div>
+        ),
+      },
+      {
+        title: "Accordion Title",
+        children: (
+          <div className="typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center">
+            Accordion Content
+          </div>
+        ),
+      },
+    ],
+  },
+  render: Template,
+};

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

@@ -1,93 +1,93 @@
-import type { Meta, StoryFn, StoryObj } from "@storybook/react";
-import { RBBadge } from "@repo/rb-components/new_components";
-import {
-  SvgDangerSolid,
-  SvgWarningSolid,
-  SvgChargingSolid,
-  SvgInfoSolid,
-  SvgBugBeetleSolid,
-  SvgLogSolid,
-} from "@repo/rb-components/new_components/assets/icons";
-
-type StoryComponent = StoryObj<typeof RBBadge>;
-type StoryTemplate = StoryFn<typeof RBBadge>;
-
-const colorIcons = {
-  red: <SvgDangerSolid className="size-3 shrink-0" />,
-  orange: <SvgWarningSolid className="size-3 shrink-0" />,
-  green: <SvgChargingSolid className="size-3 shrink-0" />,
-  blue: <SvgInfoSolid className="size-3 shrink-0" />,
-  purple: <SvgBugBeetleSolid className="size-3 shrink-0" />,
-  gray: <SvgLogSolid className="size-3 shrink-0" />,
-  "gray-subtle": <SvgLogSolid className="size-3 shrink-0" />,
-} as const;
-
-const Template: StoryTemplate = (args) => {
-  const children =
-    args.children ?? (args.type === "number" ? "8" : "Badge Label");
-
-  return (
-    <RBBadge
-      {...args}
-      leadingIcon={
-        args.type === "transparent"
-          ? (args.leadingIcon ?? colorIcons[args.color ?? "red"])
-          : undefined
-      }
-    >
-      {children}
-    </RBBadge>
-  );
-};
-
-export default {
-  component: RBBadge,
-  tags: ["autodocs"],
-  render: Template,
-  argTypes: {
-    type: {
-      control: { type: "select" },
-      options: ["number", "capsule", "transparent"],
-      table: { type: { summary: '"number" | "capsule" | "transparent"' } },
-    },
-    numberVariant: {
-      control: { type: "select" },
-      options: ["solid", "soft", "outlined", "ghost"],
-      table: {
-        type: { summary: '"solid" | "soft" | "outlined" | "ghost"' },
-      },
-    },
-    color: {
-      control: { type: "select" },
-      options: [
-        "red",
-        "orange",
-        "green",
-        "blue",
-        "purple",
-        "gray",
-        "gray-subtle",
-      ],
-      table: {
-        type: {
-          summary:
-            '"red" | "orange" | "green" | "blue" | "purple" | "gray" | "gray-subtle"',
-        },
-      },
-    },
-    leadingIcon: {
-      control: false,
-      table: {
-        type: { summary: "ReactNode" },
-      },
-    },
-    children: { control: { type: "text" } },
-  },
-  args: {
-    type: "number",
-    numberVariant: "solid",
-    color: "red",
-  },
-} as Meta<typeof RBBadge>;
-
-export const Playground: StoryComponent = {};
+import type { Meta, StoryFn, StoryObj } from "@storybook/react";
+import { RBBadge } from "@repo/rb-components/new_components";
+import {
+  SvgDangerSolid,
+  SvgWarningSolid,
+  SvgChargingSolid,
+  SvgInfoSolid,
+  SvgBugBeetleSolid,
+  SvgLogSolid,
+} from "@repo/rb-components/new_components/assets/icons";
+
+type StoryComponent = StoryObj<typeof RBBadge>;
+type StoryTemplate = StoryFn<typeof RBBadge>;
+
+const colorIcons = {
+  red: <SvgDangerSolid className="size-3 shrink-0" />,
+  orange: <SvgWarningSolid className="size-3 shrink-0" />,
+  green: <SvgChargingSolid className="size-3 shrink-0" />,
+  blue: <SvgInfoSolid className="size-3 shrink-0" />,
+  purple: <SvgBugBeetleSolid className="size-3 shrink-0" />,
+  gray: <SvgLogSolid className="size-3 shrink-0" />,
+  "gray-subtle": <SvgLogSolid className="size-3 shrink-0" />,
+} as const;
+
+const Template: StoryTemplate = (args) => {
+  const children =
+    args.children ?? (args.type === "number" ? "8" : "Badge Label");
+
+  return (
+    <RBBadge
+      {...args}
+      leadingIcon={
+        args.type === "transparent"
+          ? (args.leadingIcon ?? colorIcons[args.color ?? "red"])
+          : undefined
+      }
+    >
+      {children}
+    </RBBadge>
+  );
+};
+
+export default {
+  component: RBBadge,
+  tags: ["autodocs"],
+  render: Template,
+  argTypes: {
+    type: {
+      control: { type: "select" },
+      options: ["number", "capsule", "transparent"],
+      table: { type: { summary: '"number" | "capsule" | "transparent"' } },
+    },
+    numberVariant: {
+      control: { type: "select" },
+      options: ["solid", "soft", "outlined", "ghost"],
+      table: {
+        type: { summary: '"solid" | "soft" | "outlined" | "ghost"' },
+      },
+    },
+    color: {
+      control: { type: "select" },
+      options: [
+        "red",
+        "orange",
+        "green",
+        "blue",
+        "purple",
+        "gray",
+        "gray-subtle",
+      ],
+      table: {
+        type: {
+          summary:
+            '"red" | "orange" | "green" | "blue" | "purple" | "gray" | "gray-subtle"',
+        },
+      },
+    },
+    leadingIcon: {
+      control: false,
+      table: {
+        type: { summary: "ReactNode" },
+      },
+    },
+    children: { control: { type: "text" } },
+  },
+  args: {
+    type: "number",
+    numberVariant: "solid",
+    color: "red",
+  },
+} as Meta<typeof RBBadge>;
+
+export const Playground: StoryComponent = {};