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

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

@@ -1,135 +1,135 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { useState } from "react";
-
-import { VStack } from "@repo/rb-components";
-import {
-  RBMenubar,
-  RBMenubarCheckboxItem,
-  RBMenubarContent,
-  RBMenubarItem,
-  RBMenubarMenu,
-  RBMenubarSeparator,
-  RBMenubarShortcut,
-  RBMenubarSub,
-  RBMenubarSubContent,
-  RBMenubarSubTrigger,
-  RBMenubarTrigger,
-} from "@repo/rb-components/new_components";
-
-const meta = {
-  tags: ["autodocs"],
-  component: RBMenubar,
-} satisfies Meta<typeof RBMenubar>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-const PlaygroundStory = () => {
-  const [showToolbar, setShowToolbar] = useState(true);
-  const [showStatusBar, setShowStatusBar] = useState(false);
-
-  return (
-    <VStack className="bg-alt-1 min-h-[420px] items-center justify-center rounded-2xl p-8">
-      <RBMenubar>
-        <RBMenubarMenu>
-          <RBMenubarTrigger>File</RBMenubarTrigger>
-          <RBMenubarContent>
-            <RBMenubarCheckboxItem
-              checked={showToolbar}
-              onCheckedChange={(next) => setShowToolbar(next === true)}
-            >
-              <span className="flex-1 truncate">Show Toolbar</span>
-              <RBMenubarShortcut>⌘T</RBMenubarShortcut>
-            </RBMenubarCheckboxItem>
-
-            <RBMenubarCheckboxItem
-              checked={showStatusBar}
-              onCheckedChange={(next) => setShowStatusBar(next === true)}
-            >
-              <span className="flex-1 truncate">Show Status Bar</span>
-              <RBMenubarShortcut>⌘S</RBMenubarShortcut>
-            </RBMenubarCheckboxItem>
-
-            <RBMenubarSeparator />
-
-            <RBMenubarItem>
-              <span className="flex-1 truncate">New Tab</span>
-              <RBMenubarShortcut>⌘T</RBMenubarShortcut>
-            </RBMenubarItem>
-            <RBMenubarItem>
-              <span className="flex-1 truncate">New Window</span>
-              <RBMenubarShortcut>⌘N</RBMenubarShortcut>
-            </RBMenubarItem>
-            <RBMenubarItem>
-              <span className="flex-1 truncate">New Incognito Window</span>
-            </RBMenubarItem>
-
-            <RBMenubarSeparator />
-
-            <RBMenubarSub>
-              <RBMenubarSubTrigger>
-                <span className="flex-1 truncate">Share</span>
-              </RBMenubarSubTrigger>
-              <RBMenubarSubContent>
-                <RBMenubarItem>
-                  <span className="flex-1 truncate">Email link</span>
-                </RBMenubarItem>
-                <RBMenubarItem>
-                  <span className="flex-1 truncate">Messages</span>
-                </RBMenubarItem>
-                <RBMenubarItem variant="destructive">
-                  <span className="flex-1 truncate">Notes</span>
-                </RBMenubarItem>
-              </RBMenubarSubContent>
-            </RBMenubarSub>
-
-            <RBMenubarSeparator />
-
-            <RBMenubarItem disabled>
-              <span className="flex-1 truncate">Print</span>
-              <RBMenubarShortcut>⌘P</RBMenubarShortcut>
-            </RBMenubarItem>
-          </RBMenubarContent>
-        </RBMenubarMenu>
-
-        <RBMenubarMenu>
-          <RBMenubarTrigger>Edit</RBMenubarTrigger>
-          <RBMenubarContent>
-            <RBMenubarItem>
-              <span className="flex-1 truncate">Menubar Item Text</span>
-              <RBMenubarShortcut>⌘P</RBMenubarShortcut>
-            </RBMenubarItem>
-            <RBMenubarItem>
-              <span className="flex-1 truncate">Menubar Item Text</span>
-              <RBMenubarShortcut>⌘P</RBMenubarShortcut>
-            </RBMenubarItem>
-          </RBMenubarContent>
-        </RBMenubarMenu>
-
-        <RBMenubarMenu>
-          <RBMenubarTrigger>View</RBMenubarTrigger>
-          <RBMenubarContent>
-            <RBMenubarItem>
-              <span className="flex-1 truncate">Menubar Item Text</span>
-              <RBMenubarShortcut>⌘P</RBMenubarShortcut>
-            </RBMenubarItem>
-          </RBMenubarContent>
-        </RBMenubarMenu>
-
-        <RBMenubarMenu>
-          <RBMenubarTrigger>Profiles</RBMenubarTrigger>
-          <RBMenubarContent>
-            <RBMenubarItem variant="destructive">
-              <span className="flex-1 truncate">Menubar Item Text</span>
-              <RBMenubarShortcut>⌘P</RBMenubarShortcut>
-            </RBMenubarItem>
-          </RBMenubarContent>
-        </RBMenubarMenu>
-      </RBMenubar>
-    </VStack>
-  );
-};
-
-export const Playground: Story = {
-  render: () => <PlaygroundStory />,
-};
+import type { Meta, StoryObj } from "@storybook/react";
+import { useState } from "react";
+
+import { VStack } from "@repo/rb-components";
+import {
+  RBMenubar,
+  RBMenubarCheckboxItem,
+  RBMenubarContent,
+  RBMenubarItem,
+  RBMenubarMenu,
+  RBMenubarSeparator,
+  RBMenubarShortcut,
+  RBMenubarSub,
+  RBMenubarSubContent,
+  RBMenubarSubTrigger,
+  RBMenubarTrigger,
+} from "@repo/rb-components/new_components";
+
+const meta = {
+  tags: ["autodocs"],
+  component: RBMenubar,
+} satisfies Meta<typeof RBMenubar>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+const PlaygroundStory = () => {
+  const [showToolbar, setShowToolbar] = useState(true);
+  const [showStatusBar, setShowStatusBar] = useState(false);
+
+  return (
+    <VStack className="bg-alt-1 min-h-[420px] items-center justify-center rounded-2xl p-8">
+      <RBMenubar>
+        <RBMenubarMenu>
+          <RBMenubarTrigger>File</RBMenubarTrigger>
+          <RBMenubarContent>
+            <RBMenubarCheckboxItem
+              checked={showToolbar}
+              onCheckedChange={(next) => setShowToolbar(next === true)}
+            >
+              <span className="flex-1 truncate">Show Toolbar</span>
+              <RBMenubarShortcut>⌘T</RBMenubarShortcut>
+            </RBMenubarCheckboxItem>
+
+            <RBMenubarCheckboxItem
+              checked={showStatusBar}
+              onCheckedChange={(next) => setShowStatusBar(next === true)}
+            >
+              <span className="flex-1 truncate">Show Status Bar</span>
+              <RBMenubarShortcut>⌘S</RBMenubarShortcut>
+            </RBMenubarCheckboxItem>
+
+            <RBMenubarSeparator />
+
+            <RBMenubarItem>
+              <span className="flex-1 truncate">New Tab</span>
+              <RBMenubarShortcut>⌘T</RBMenubarShortcut>
+            </RBMenubarItem>
+            <RBMenubarItem>
+              <span className="flex-1 truncate">New Window</span>
+              <RBMenubarShortcut>⌘N</RBMenubarShortcut>
+            </RBMenubarItem>
+            <RBMenubarItem>
+              <span className="flex-1 truncate">New Incognito Window</span>
+            </RBMenubarItem>
+
+            <RBMenubarSeparator />
+
+            <RBMenubarSub>
+              <RBMenubarSubTrigger>
+                <span className="flex-1 truncate">Share</span>
+              </RBMenubarSubTrigger>
+              <RBMenubarSubContent>
+                <RBMenubarItem>
+                  <span className="flex-1 truncate">Email link</span>
+                </RBMenubarItem>
+                <RBMenubarItem>
+                  <span className="flex-1 truncate">Messages</span>
+                </RBMenubarItem>
+                <RBMenubarItem variant="destructive">
+                  <span className="flex-1 truncate">Notes</span>
+                </RBMenubarItem>
+              </RBMenubarSubContent>
+            </RBMenubarSub>
+
+            <RBMenubarSeparator />
+
+            <RBMenubarItem disabled>
+              <span className="flex-1 truncate">Print</span>
+              <RBMenubarShortcut>⌘P</RBMenubarShortcut>
+            </RBMenubarItem>
+          </RBMenubarContent>
+        </RBMenubarMenu>
+
+        <RBMenubarMenu>
+          <RBMenubarTrigger>Edit</RBMenubarTrigger>
+          <RBMenubarContent>
+            <RBMenubarItem>
+              <span className="flex-1 truncate">Menubar Item Text</span>
+              <RBMenubarShortcut>⌘P</RBMenubarShortcut>
+            </RBMenubarItem>
+            <RBMenubarItem>
+              <span className="flex-1 truncate">Menubar Item Text</span>
+              <RBMenubarShortcut>⌘P</RBMenubarShortcut>
+            </RBMenubarItem>
+          </RBMenubarContent>
+        </RBMenubarMenu>
+
+        <RBMenubarMenu>
+          <RBMenubarTrigger>View</RBMenubarTrigger>
+          <RBMenubarContent>
+            <RBMenubarItem>
+              <span className="flex-1 truncate">Menubar Item Text</span>
+              <RBMenubarShortcut>⌘P</RBMenubarShortcut>
+            </RBMenubarItem>
+          </RBMenubarContent>
+        </RBMenubarMenu>
+
+        <RBMenubarMenu>
+          <RBMenubarTrigger>Profiles</RBMenubarTrigger>
+          <RBMenubarContent>
+            <RBMenubarItem variant="destructive">
+              <span className="flex-1 truncate">Menubar Item Text</span>
+              <RBMenubarShortcut>⌘P</RBMenubarShortcut>
+            </RBMenubarItem>
+          </RBMenubarContent>
+        </RBMenubarMenu>
+      </RBMenubar>
+    </VStack>
+  );
+};
+
+export const Playground: Story = {
+  render: () => <PlaygroundStory />,
+};

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

@@ -1,69 +1,69 @@
-import type { Meta, StoryFn, StoryObj } from "@storybook/react";
-
-import {
-  RBPopover,
-  RBPopoverContent,
-  RBPopoverPlacements,
-  RBPopoverTrigger,
-  type RBPopoverPlacement,
-} from "@repo/rb-components/new_components";
-
-type StoryArgs = {
-  place: RBPopoverPlacement;
-  arrow: boolean;
-};
-
-type StoryComponent = StoryObj<StoryArgs>;
-type StoryTemplate = StoryFn<StoryArgs>;
-
-export default {
-  component: RBPopover,
-  tags: ["autodocs"],
-  args: {
-    place: "bottom-center",
-    arrow: false,
-  },
-  argTypes: {
-    place: {
-      control: "select",
-      options: RBPopoverPlacements,
-    },
-    arrow: {
-      control: "boolean",
-    },
-  },
-} as Meta<StoryArgs>;
-
-const Template: StoryTemplate = ({ place, arrow }: StoryArgs) => {
-  return (
-    <div className="flex items-center justify-center overflow-hidden">
-      <RBPopover>
-        <RBPopoverTrigger asChild>
-          <button className="text-fg-default border-danger border-1">
-            Open Popover
-          </button>
-        </RBPopoverTrigger>
-
-        <RBPopoverContent
-          place={place}
-          arrow={arrow}
-          className="text-fg-default py-2_5 min-h-32 min-w-64 px-3"
-        >
-          Popover Content
-        </RBPopoverContent>
-      </RBPopover>
-    </div>
-  );
-};
-
-export const Default: StoryComponent = {
-  parameters: {
-    docs: {
-      description: {
-        story: "",
-      },
-    },
-  },
-  args: {},
-  render: Template,
-};
+import type { Meta, StoryFn, StoryObj } from "@storybook/react";
+
+import {
+  RBPopover,
+  RBPopoverContent,
+  RBPopoverPlacements,
+  RBPopoverTrigger,
+  type RBPopoverPlacement,
+} from "@repo/rb-components/new_components";
+
+type StoryArgs = {
+  place: RBPopoverPlacement;
+  arrow: boolean;
+};
+
+type StoryComponent = StoryObj<StoryArgs>;
+type StoryTemplate = StoryFn<StoryArgs>;
+
+export default {
+  component: RBPopover,
+  tags: ["autodocs"],
+  args: {
+    place: "bottom-center",
+    arrow: false,
+  },
+  argTypes: {
+    place: {
+      control: "select",
+      options: RBPopoverPlacements,
+    },
+    arrow: {
+      control: "boolean",
+    },
+  },
+} as Meta<StoryArgs>;
+
+const Template: StoryTemplate = ({ place, arrow }: StoryArgs) => {
+  return (
+    <div className="flex items-center justify-center overflow-hidden">
+      <RBPopover>
+        <RBPopoverTrigger asChild>
+          <button className="text-fg-default border-danger border-1">
+            Open Popover
+          </button>
+        </RBPopoverTrigger>
+
+        <RBPopoverContent
+          place={place}
+          arrow={arrow}
+          className="text-fg-default py-2_5 min-h-32 min-w-64 px-3"
+        >
+          Popover Content
+        </RBPopoverContent>
+      </RBPopover>
+    </div>
+  );
+};
+
+export const Default: StoryComponent = {
+  parameters: {
+    docs: {
+      description: {
+        story: "",
+      },
+    },
+  },
+  args: {},
+  render: Template,
+};

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

@@ -1,49 +1,49 @@
-import type { Meta, StoryObj } from "@storybook/react";
-
-import {
-  RBResizable,
-  RBResizableHandle,
-  RBResizablePanel,
-} from "@repo/rb-components/new_components";
-
-const meta = {
-  tags: ["autodocs"],
-  component: RBResizable,
-  parameters: {
-    layout: "centered",
-  },
-  argTypes: {
-    direction: {
-      control: "select",
-      options: ["horizontal", "vertical"],
-    },
-  },
-} satisfies Meta<typeof RBResizable>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-const panelBaseClassName =
-  "flex h-full items-center justify-center text-base font-medium text-fg-default";
-
-export const Overview: Story = {
-  args: {
-    direction: "horizontal",
-  },
-  render: ({ direction }) => (
-    <div className="relative h-[520px] w-[520px] overflow-hidden p-5">
-      <div className="flex h-full items-center justify-center">
-        <RBResizable direction={direction} className="h-[480px] w-[480px]">
-          <RBResizablePanel>
-            <div className={panelBaseClassName}>One</div>
-          </RBResizablePanel>
-          <RBResizableHandle />
-          <RBResizablePanel>
-            <div className={panelBaseClassName}>Two</div>
-          </RBResizablePanel>
-        </RBResizable>
-      </div>
-    </div>
-  ),
-};
+import type { Meta, StoryObj } from "@storybook/react";
+
+import {
+  RBResizable,
+  RBResizableHandle,
+  RBResizablePanel,
+} from "@repo/rb-components/new_components";
+
+const meta = {
+  tags: ["autodocs"],
+  component: RBResizable,
+  parameters: {
+    layout: "centered",
+  },
+  argTypes: {
+    direction: {
+      control: "select",
+      options: ["horizontal", "vertical"],
+    },
+  },
+} satisfies Meta<typeof RBResizable>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+const panelBaseClassName =
+  "flex h-full items-center justify-center text-base font-medium text-fg-default";
+
+export const Overview: Story = {
+  args: {
+    direction: "horizontal",
+  },
+  render: ({ direction }) => (
+    <div className="relative h-[520px] w-[520px] overflow-hidden p-5">
+      <div className="flex h-full items-center justify-center">
+        <RBResizable direction={direction} className="h-[480px] w-[480px]">
+          <RBResizablePanel>
+            <div className={panelBaseClassName}>One</div>
+          </RBResizablePanel>
+          <RBResizableHandle />
+          <RBResizablePanel>
+            <div className={panelBaseClassName}>Two</div>
+          </RBResizablePanel>
+        </RBResizable>
+      </div>
+    </div>
+  ),
+};