@pondipondi/mimas 0.1.5 → 0.2.1

package/dist/stories/Mimas/Crumbs/BubbleInput.stories.d.ts

@@ -0,0 +1,42 @@
+import type { BubbleInputProps } from "@/components";
+import type { StoryObj } from "@storybook/react";
+declare function BubbleInputStory({ defaultValue, ...props }: Omit<BubbleInputProps, "value" | "onChange"> & {
+    defaultValue?: number;
+}): import("react/jsx-runtime").JSX.Element;
+declare const meta: {
+    component: typeof BubbleInputStory;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        palette: {
+            control: "select";
+            options: ("red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "slate" | "gray" | "zinc" | "neutral" | "stone")[];
+        };
+    };
+    args: {
+        min: number;
+        max: any;
+        increment: number;
+        targetBubbleCount: number;
+        palette: "violet";
+        className: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** An unbounded range — try clicking the rightmost bubble a few times to see the window slide. */
+export declare const Playground: Story;
+/** Bounded to [0, 8] — the window stops sliding and clamps once it hits either edge. */
+export declare const Bounded: Story;
+/** `min=0, max=1, increment=1` swaps to a two-state tick/cross view. */
+export declare const BooleanView: Story;
+/** A larger step and a custom label formatter. */
+export declare const CustomIncrement: Story;
+/** A tighter window of 3 bubbles instead of the default 5. */
+export declare const NarrowWindow: Story;
+/** Width is just a normal className — the slot pitch stretches to fill it, bubble size stays fixed. */
+export declare const Widths: Story;
+/** Every bundled palette side by side. */
+export declare const Palettes: Story;

package/dist/stories/Mimas/Crumbs/Button.stories.d.ts

@@ -1,7 +1,8 @@
-import { Button } from "@/components";
 import type { StoryObj } from "@storybook/react";
 declare const meta: {
-    component: typeof Button;
+    component: import("react").ForwardRefExoticComponent<import("../../../components/crumbs/button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>> & {
+        _rabbet: true;
+    };
     parameters: {
         layout: string;
     };
@@ -31,7 +32,7 @@ declare const meta: {
     args: {
         size: "large";
         colour: "base";
-        text: string;
+        children: string;
         width: "fit";
         corners: "round";
     };
@@ -39,3 +40,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Primary: Story;
+export declare const Icon: Story;

package/dist/stories/Mimas/Crumbs/Checkbox.stories.d.ts

@@ -0,0 +1,313 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    component: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-checkbox").CheckboxProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
+        size: {
+            small: {
+                outer: string;
+                input: string;
+            };
+            medium: {
+                outer: string;
+                input: string;
+            };
+            large: {
+                outer: string;
+                input: string;
+            };
+        };
+        corners: {
+            sharp: {
+                input: string;
+            };
+            round: {
+                input: string;
+            };
+            circle: {
+                input: string;
+            };
+        };
+        leftCorners: {
+            none: {};
+            sharp: {
+                input: string;
+            };
+            round: {
+                input: string;
+            };
+            circle: {
+                input: string;
+            };
+        };
+    }, {
+        outer: string;
+        input: string;
+    }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+        size: {
+            small: {
+                outer: string;
+                input: string;
+            };
+            medium: {
+                outer: string;
+                input: string;
+            };
+            large: {
+                outer: string;
+                input: string;
+            };
+        };
+        corners: {
+            sharp: {
+                input: string;
+            };
+            round: {
+                input: string;
+            };
+            circle: {
+                input: string;
+            };
+        };
+        leftCorners: {
+            none: {};
+            sharp: {
+                input: string;
+            };
+            round: {
+                input: string;
+            };
+            circle: {
+                input: string;
+            };
+        };
+    }, {
+        size: {
+            small: {
+                outer: string;
+                input: string;
+            };
+            medium: {
+                outer: string;
+                input: string;
+            };
+            large: {
+                outer: string;
+                input: string;
+            };
+        };
+        corners: {
+            sharp: {
+                input: string;
+            };
+            round: {
+                input: string;
+            };
+            circle: {
+                input: string;
+            };
+        };
+        leftCorners: {
+            none: {};
+            sharp: {
+                input: string;
+            };
+            round: {
+                input: string;
+            };
+            circle: {
+                input: string;
+            };
+        };
+    }>, {
+        size: {
+            small: {
+                outer: string;
+                input: string;
+            };
+            medium: {
+                outer: string;
+                input: string;
+            };
+            large: {
+                outer: string;
+                input: string;
+            };
+        };
+        corners: {
+            sharp: {
+                input: string;
+            };
+            round: {
+                input: string;
+            };
+            circle: {
+                input: string;
+            };
+        };
+        leftCorners: {
+            none: {};
+            sharp: {
+                input: string;
+            };
+            round: {
+                input: string;
+            };
+            circle: {
+                input: string;
+            };
+        };
+    }, {
+        outer: string;
+        input: string;
+    }, import("tailwind-variants").TVReturnType<{
+        size: {
+            small: {
+                outer: string;
+                input: string;
+            };
+            medium: {
+                outer: string;
+                input: string;
+            };
+            large: {
+                outer: string;
+                input: string;
+            };
+        };
+        corners: {
+            sharp: {
+                input: string;
+            };
+            round: {
+                input: string;
+            };
+            circle: {
+                input: string;
+            };
+        };
+        leftCorners: {
+            none: {};
+            sharp: {
+                input: string;
+            };
+            round: {
+                input: string;
+            };
+            circle: {
+                input: string;
+            };
+        };
+    }, {
+        outer: string;
+        input: string;
+    }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+        size: {
+            small: {
+                outer: string;
+                input: string;
+            };
+            medium: {
+                outer: string;
+                input: string;
+            };
+            large: {
+                outer: string;
+                input: string;
+            };
+        };
+        corners: {
+            sharp: {
+                input: string;
+            };
+            round: {
+                input: string;
+            };
+            circle: {
+                input: string;
+            };
+        };
+        leftCorners: {
+            none: {};
+            sharp: {
+                input: string;
+            };
+            round: {
+                input: string;
+            };
+            circle: {
+                input: string;
+            };
+        };
+    }, {
+        size: {
+            small: {
+                outer: string;
+                input: string;
+            };
+            medium: {
+                outer: string;
+                input: string;
+            };
+            large: {
+                outer: string;
+                input: string;
+            };
+        };
+        corners: {
+            sharp: {
+                input: string;
+            };
+            round: {
+                input: string;
+            };
+            circle: {
+                input: string;
+            };
+        };
+        leftCorners: {
+            none: {};
+            sharp: {
+                input: string;
+            };
+            round: {
+                input: string;
+            };
+            circle: {
+                input: string;
+            };
+        };
+    }>, unknown, unknown, undefined>>> & {
+        icon?: import("react").ReactNode;
+    } & import("react").RefAttributes<HTMLButtonElement>> & {
+        _rabbet: true;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        corners: {
+            control: "radio";
+            options: string[];
+        };
+        size: {
+            control: "radio";
+            options: string[];
+        };
+    };
+    args: {
+        corners: "round";
+        size: "medium";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Basic: Story;
+/** The same `sharp / round / circle` scale as Button. */
+export declare const Corners: Story;
+export declare const Sizes: Story;
+/** Unchecked, checked, disabled, and disabled-checked. */
+export declare const States: Story;
+/** The indicator icon can be swapped, e.g. for an indeterminate state. */
+export declare const CustomIcon: Story;
+/** A typical labelled checklist. */
+export declare const Checklist: Story;