@anker-in/headless-ui 1.0.10-temp-onclick → 1.0.10-temp-21

package/dist/cjs/src/stories/button.stories.d.ts

@@ -0,0 +1,48 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../components/button.js").ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        hoverEffect: {
+            description: string;
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
+    args: {
+        variant: "primary";
+        size: "base";
+        children: string;
+        asChild: false;
+        disabled: false;
+        loading: false;
+        hoverEffect: "none";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Link: Story;
+export declare const WithIcon: Story;
+export declare const Aschild: Story;
+export declare const Spinner: Story;

package/dist/cjs/src/stories/checkbox.stories.d.ts

@@ -0,0 +1,46 @@
+import type { StoryObj } from '@storybook/react/*';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../components/checkbox.js").CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        size: "base";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Sizes: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Disabled: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/src/stories/container.stories.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { Container } from '../components/index.js';
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<{
+        asChild?: boolean;
+        children?: React.ReactNode;
+        className?: string;
+        type?: "default" | "home" | "none";
+    } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        type: {
+            description: string;
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
+    args: {
+        type: "default";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Container>;
+export declare const Default: Story;

package/dist/cjs/src/stories/dialog.stories.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Dialog } from '../components/index.js';
+import type { StoryObj } from '@storybook/react/*';
+declare const meta: {
+    title: string;
+    component: React.FC<import("@radix-ui/react-dialog").DialogProps>;
+    subcomponents: any;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof Dialog>;
+export declare const Default: Story;

package/dist/cjs/src/stories/grid.stories.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import { Container } from '../components/index.js';
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<{
+        asChild?: boolean;
+        children?: React.ReactNode;
+        className?: string;
+        type?: "default" | "home" | "none";
+    } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    subcomponents: any;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        type: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        type: "default";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Container>;
+export declare const Default: Story;

package/dist/cjs/src/stories/heading.stories.d.ts

@@ -0,0 +1,82 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../components/heading.js").HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: (string | number)[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        weight: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        align: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            table: {
+                defaultValue: {
+                    summary: undefined;
+                };
+            };
+        };
+        color: {
+            control: {
+                type: "color";
+            };
+        };
+        as: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        html: {
+            type: "string";
+            description: string;
+        };
+    };
+    args: {
+        as: "h1";
+        size: "none";
+        weight: "normal";
+        align: "left";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const All: Story;

package/dist/cjs/src/stories/input-number.stories.d.ts

@@ -0,0 +1,51 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        className?: string;
+        tips?: string;
+        status?: "default" | "success" | "warning" | "error" | null;
+        value?: number;
+        defaultValue?: number;
+        step?: number;
+        min?: number;
+        max?: number;
+        disabled?: boolean;
+        readonly?: boolean;
+        style?: React.CSSProperties;
+        onChange?: (value: number) => void;
+        onBlur?: (value: number, e: import("react").FocusEvent) => void;
+        onEnter?: (value: number, e: import("react").KeyboardEvent) => void;
+    } & import("class-variance-authority").VariantProps<(props?: ({
+        status?: "default" | "success" | "warning" | "error" | null | undefined;
+        disabled?: boolean | null | undefined;
+    } & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string> & import("../helpers/component-props.js").ComponentPropsWithout<"div", import("../helpers/component-props.js").RemovedProps> & import("react").RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        status: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        className: {
+            control: false;
+        };
+    };
+    args: {
+        onBlur: undefined;
+        onEnter: undefined;
+        onChange: undefined;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/cjs/src/stories/input.stories.d.ts

@@ -0,0 +1,35 @@
+import type { StoryObj } from '@storybook/react';
+import type { ComponentType } from 'react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../components/input.js").InputProps & React.RefAttributes<HTMLInputElement>>;
+    subcomponents: {
+        InputSlot: ComponentType<unknown>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
+    args: {
+        size: "base";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithButton: Story;
+export declare const WithIcon: Story;

package/dist/cjs/src/stories/picture.stories.d.ts

@@ -0,0 +1,18 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ imgClassName, source, quality, deviceSizes, ...rest }: import("../components/picture.js").PictureProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const NotMatchDomain: Story;

package/dist/cjs/src/stories/popover.stories.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.FC<import("@radix-ui/react-popover").PopoverProps>;
+    subcomponents: any;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/src/stories/radio.stories.d.ts

@@ -0,0 +1,39 @@
+import type { StoryObj } from '@storybook/react/*';
+import { RadioGroup } from '../components/index.js';
+import React, { type ComponentType } from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../components/radio.js").RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+    subcomponents: {
+        RadioGroupItem: ComponentType<unknown>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        size: "base";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof RadioGroup>;
+export declare const Default: Story;

package/dist/cjs/src/stories/skeleton.stories.d.ts

@@ -0,0 +1,20 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../components/skeleton.js").SkeletonProps & React.RefAttributes<HTMLSpanElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Multiple: Story;
+export declare const WithText: Story;

package/dist/cjs/src/stories/text.stories.d.ts

@@ -0,0 +1,94 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../components/text.js").TextProps & React.RefAttributes<HTMLSpanElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            description: string;
+            options: (string | number)[];
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        weight: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        align: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            table: {
+                defaultValue: {
+                    summary: undefined;
+                };
+            };
+        };
+        color: {
+            control: {
+                type: "color";
+            };
+        };
+        as: {
+            control: {
+                type: "select";
+            };
+            description: string;
+            options: string[];
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        lineHeights: {
+            control: {
+                type: "select";
+            };
+            description: string;
+            options: string[];
+        };
+        html: {
+            type: "string";
+            description: string;
+        };
+    };
+    args: {
+        size: "none";
+        weight: "normal";
+        align: "left";
+        lineHeights: "normal";
+        html: string;
+        as: "p";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Sizes: Story;
+export declare const weight: Story;
+export declare const LineHeights: Story;
+export declare const Html: Story;

package/dist/cjs/stories/creativeModule.stories.d.ts

@@ -2,7 +2,8 @@ declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<Omit<{
         data: {
-            products: import("../biz-components/CreativeModule/index.js").CreativeModuleDataType[];
+            shape?: "rounded" | "square";
+            productsTab: import("../biz-components/CreativeModule/index.js").CreativeModuleDataType[];
         };
         className?: string;
     }, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {

package/dist/cjs/stories/creativeModule.stories.js

@@ -1,2 +1,2 @@
-"use strict";var i=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var r=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var p=(t,e)=>{for(var d in e)i(t,d,{get:e[d],enumerable:!0})},n=(t,e,d,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of r(e))!c.call(t,a)&&a!==d&&i(t,a,{get:()=>e[a],enumerable:!(o=f(e,a))||o.enumerable});return t};var u=t=>n(i({},"__esModule",{value:!0}),t);var h={};p(h,{Default:()=>v,default:()=>_});module.exports=u(h);var l=require("react/jsx-runtime"),s=require("../biz-components/index.js");const m={title:"Biz-Components/CreativeModule",component:s.CreativeModule,tags:["autodocs"],parameters:{layout:"centered"}};var _=m;const g={products:[{title:"Creative Module",description:"Creative Module",shape:"rounded",span:8,img:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/fdf5df46-fd39-4f58-8f22-ce0ca9060dff_A3035Z11_Rich_image_TD01_US_V1_3840x_4223056c-ac1e-4240-b485-e9547bd03de0.jpg?v=1753674542",alt:"Creative Module"},mobileImg:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/fdf5df46-fd39-4f58-8f22-ce0ca9060dff_A3035Z11_Rich_image_TD01_US_V1_3840x_4223056c-ac1e-4240-b485-e9547bd03de0.jpg?v=1753674542",alt:"Creative Module"}},{title:"Creative Module",description:"Creative Module",shape:"rounded",span:4,img:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/2a8dcd1e-d7e2-495a-90d3-2c875e7fdb31_Frame_6.png?v=1753670889",alt:"Creative Module"},mobileImg:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/2a8dcd1e-d7e2-495a-90d3-2c875e7fdb31_Frame_6.png?v=1753670889",alt:"Creative Module"}},{title:"Creative Module",description:"Creative Module",shape:"rounded",span:4,img:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/40626a76-013f-4fb1-aead-2efa567fc7fa_20250617-103321_3840x_46ed02ba-b7a0-48a1-8ca0-45042163e62f.jpg?v=1753670282",alt:"Creative Module"},mobileImg:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/2a8dcd1e-d7e2-495a-90d3-2c875e7fdb31_Frame_6.png?v=1753670889",alt:"Creative Module"}},{title:"Creative Module",description:"Creative Module",shape:"rounded",span:4,img:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/40626a76-013f-4fb1-aead-2efa567fc7fa_20250617-103321_3840x_46ed02ba-b7a0-48a1-8ca0-45042163e62f.jpg?v=1753670282",alt:"Creative Module"},mobileImg:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/2a8dcd1e-d7e2-495a-90d3-2c875e7fdb31_Frame_6.png?v=1753670889",alt:"Creative Module"}}]},v=()=>(0,l.jsx)(s.CreativeModule,{data:g});
+"use strict";var i=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var r=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var p=(t,e)=>{for(var d in e)i(t,d,{get:e[d],enumerable:!0})},n=(t,e,d,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of r(e))!c.call(t,a)&&a!==d&&i(t,a,{get:()=>e[a],enumerable:!(o=f(e,a))||o.enumerable});return t};var u=t=>n(i({},"__esModule",{value:!0}),t);var h={};p(h,{Default:()=>v,default:()=>_});module.exports=u(h);var l=require("react/jsx-runtime"),s=require("../biz-components/index.js");const m={title:"Biz-Components/CreativeModule",component:s.CreativeModule,tags:["autodocs"],parameters:{layout:"centered"}};var _=m;const g={productsTab:[{title:"Creative Module",description:"Creative Module",shape:"rounded",span:8,img:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/fdf5df46-fd39-4f58-8f22-ce0ca9060dff_A3035Z11_Rich_image_TD01_US_V1_3840x_4223056c-ac1e-4240-b485-e9547bd03de0.jpg?v=1753674542",alt:"Creative Module"},mobileImg:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/fdf5df46-fd39-4f58-8f22-ce0ca9060dff_A3035Z11_Rich_image_TD01_US_V1_3840x_4223056c-ac1e-4240-b485-e9547bd03de0.jpg?v=1753674542",alt:"Creative Module"}},{title:"Creative Module",description:"Creative Module",shape:"rounded",span:4,img:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/2a8dcd1e-d7e2-495a-90d3-2c875e7fdb31_Frame_6.png?v=1753670889",alt:"Creative Module"},mobileImg:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/2a8dcd1e-d7e2-495a-90d3-2c875e7fdb31_Frame_6.png?v=1753670889",alt:"Creative Module"}},{title:"Creative Module",description:"Creative Module",shape:"rounded",span:4,img:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/40626a76-013f-4fb1-aead-2efa567fc7fa_20250617-103321_3840x_46ed02ba-b7a0-48a1-8ca0-45042163e62f.jpg?v=1753670282",alt:"Creative Module"},mobileImg:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/2a8dcd1e-d7e2-495a-90d3-2c875e7fdb31_Frame_6.png?v=1753670889",alt:"Creative Module"}},{title:"Creative Module",description:"Creative Module",shape:"rounded",span:4,img:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/40626a76-013f-4fb1-aead-2efa567fc7fa_20250617-103321_3840x_46ed02ba-b7a0-48a1-8ca0-45042163e62f.jpg?v=1753670282",alt:"Creative Module"},mobileImg:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/2a8dcd1e-d7e2-495a-90d3-2c875e7fdb31_Frame_6.png?v=1753670889",alt:"Creative Module"}}]},v=()=>(0,l.jsx)(s.CreativeModule,{data:g});
 //# sourceMappingURL=creativeModule.stories.js.map

package/dist/cjs/stories/creativeModule.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/creativeModule.stories.tsx"],
-  "sourcesContent": ["import type { Meta } from '@storybook/react'\nimport { CreativeModule } from '../biz-components/index.js'\n\nconst meta = {\n  title: 'Biz-Components/CreativeModule',\n  component: CreativeModule,\n  tags: ['autodocs'],\n  parameters: {\n    layout: 'centered',\n  },\n} satisfies Meta<typeof CreativeModule>\n\nexport default meta\n\nconst data = {\n  products: [\n    {\n      title: 'Creative Module',\n      description: 'Creative Module',\n      shape: 'rounded',\n      span: 8,\n      img: {\n        url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/fdf5df46-fd39-4f58-8f22-ce0ca9060dff_A3035Z11_Rich_image_TD01_US_V1_3840x_4223056c-ac1e-4240-b485-e9547bd03de0.jpg?v=1753674542',\n        alt: 'Creative Module',\n      },\n      mobileImg: {\n        url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/fdf5df46-fd39-4f58-8f22-ce0ca9060dff_A3035Z11_Rich_image_TD01_US_V1_3840x_4223056c-ac1e-4240-b485-e9547bd03de0.jpg?v=1753674542',\n        alt: 'Creative Module',\n      },\n    },\n    {\n      title: 'Creative Module',\n      description: 'Creative Module',\n      shape: 'rounded',\n      span: 4,\n      img: {\n        url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/2a8dcd1e-d7e2-495a-90d3-2c875e7fdb31_Frame_6.png?v=1753670889',\n        alt: 'Creative Module',\n      },\n      mobileImg: {\n        url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/2a8dcd1e-d7e2-495a-90d3-2c875e7fdb31_Frame_6.png?v=1753670889',\n        alt: 'Creative Module',\n      },\n    },\n    {\n      title: 'Creative Module',\n      description: 'Creative Module',\n      shape: 'rounded',\n      span: 4,\n      img: {\n        url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/40626a76-013f-4fb1-aead-2efa567fc7fa_20250617-103321_3840x_46ed02ba-b7a0-48a1-8ca0-45042163e62f.jpg?v=1753670282',\n        alt: 'Creative Module',\n      },\n      mobileImg: {\n        url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/2a8dcd1e-d7e2-495a-90d3-2c875e7fdb31_Frame_6.png?v=1753670889',\n        alt: 'Creative Module',\n      },\n    },\n    {\n      title: 'Creative Module',\n      description: 'Creative Module',\n      shape: 'rounded',\n      span: 4,\n      img: {\n        url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/40626a76-013f-4fb1-aead-2efa567fc7fa_20250617-103321_3840x_46ed02ba-b7a0-48a1-8ca0-45042163e62f.jpg?v=1753670282',\n        alt: 'Creative Module',\n      },\n      mobileImg: {\n        url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/2a8dcd1e-d7e2-495a-90d3-2c875e7fdb31_Frame_6.png?v=1753670889',\n        alt: 'Creative Module',\n      },\n    },\n  ],\n} as {\n  products: {\n    title: string\n    description: string\n    theme: 'light' | 'dark'\n    shape: 'rounded' | 'square'\n    span: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\n    img: {\n      url: string\n      alt: string\n    }\n    mobileImg: {\n      url: string\n      alt: string\n    }\n  }[]\n}\n\nexport const Default = () => <CreativeModule data={data} />\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GA2F6B,IAAAK,EAAA,6BA1F7BC,EAA+B,sCAE/B,MAAMC,EAAO,CACX,MAAO,gCACP,UAAW,iBACX,KAAM,CAAC,UAAU,EACjB,WAAY,CACV,OAAQ,UACV,CACF,EAEA,IAAOJ,EAAQI,EAEf,MAAMC,EAAO,CACX,SAAU,CACR,CACE,MAAO,kBACP,YAAa,kBACb,MAAO,UACP,KAAM,EACN,IAAK,CACH,IAAK,yLACL,IAAK,iBACP,EACA,UAAW,CACT,IAAK,yLACL,IAAK,iBACP,CACF,EACA,CACE,MAAO,kBACP,YAAa,kBACb,MAAO,UACP,KAAM,EACN,IAAK,CACH,IAAK,uHACL,IAAK,iBACP,EACA,UAAW,CACT,IAAK,uHACL,IAAK,iBACP,CACF,EACA,CACE,MAAO,kBACP,YAAa,kBACb,MAAO,UACP,KAAM,EACN,IAAK,CACH,IAAK,0KACL,IAAK,iBACP,EACA,UAAW,CACT,IAAK,uHACL,IAAK,iBACP,CACF,EACA,CACE,MAAO,kBACP,YAAa,kBACb,MAAO,UACP,KAAM,EACN,IAAK,CACH,IAAK,0KACL,IAAK,iBACP,EACA,UAAW,CACT,IAAK,uHACL,IAAK,iBACP,CACF,CACF,CACF,EAkBaN,EAAU,OAAM,OAAC,kBAAe,KAAMM,EAAM",
+  "sourcesContent": ["import type { Meta } from '@storybook/react'\nimport { CreativeModule } from '../biz-components/index.js'\n\nconst meta = {\n  title: 'Biz-Components/CreativeModule',\n  component: CreativeModule,\n  tags: ['autodocs'],\n  parameters: {\n    layout: 'centered',\n  },\n} satisfies Meta<typeof CreativeModule>\n\nexport default meta\n\nconst data = {\n  productsTab: [\n    {\n      title: 'Creative Module',\n      description: 'Creative Module',\n      shape: 'rounded',\n      span: 8,\n      img: {\n        url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/fdf5df46-fd39-4f58-8f22-ce0ca9060dff_A3035Z11_Rich_image_TD01_US_V1_3840x_4223056c-ac1e-4240-b485-e9547bd03de0.jpg?v=1753674542',\n        alt: 'Creative Module',\n      },\n      mobileImg: {\n        url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/fdf5df46-fd39-4f58-8f22-ce0ca9060dff_A3035Z11_Rich_image_TD01_US_V1_3840x_4223056c-ac1e-4240-b485-e9547bd03de0.jpg?v=1753674542',\n        alt: 'Creative Module',\n      },\n    },\n    {\n      title: 'Creative Module',\n      description: 'Creative Module',\n      shape: 'rounded',\n      span: 4,\n      img: {\n        url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/2a8dcd1e-d7e2-495a-90d3-2c875e7fdb31_Frame_6.png?v=1753670889',\n        alt: 'Creative Module',\n      },\n      mobileImg: {\n        url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/2a8dcd1e-d7e2-495a-90d3-2c875e7fdb31_Frame_6.png?v=1753670889',\n        alt: 'Creative Module',\n      },\n    },\n    {\n      title: 'Creative Module',\n      description: 'Creative Module',\n      shape: 'rounded',\n      span: 4,\n      img: {\n        url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/40626a76-013f-4fb1-aead-2efa567fc7fa_20250617-103321_3840x_46ed02ba-b7a0-48a1-8ca0-45042163e62f.jpg?v=1753670282',\n        alt: 'Creative Module',\n      },\n      mobileImg: {\n        url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/2a8dcd1e-d7e2-495a-90d3-2c875e7fdb31_Frame_6.png?v=1753670889',\n        alt: 'Creative Module',\n      },\n    },\n    {\n      title: 'Creative Module',\n      description: 'Creative Module',\n      shape: 'rounded',\n      span: 4,\n      img: {\n        url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/40626a76-013f-4fb1-aead-2efa567fc7fa_20250617-103321_3840x_46ed02ba-b7a0-48a1-8ca0-45042163e62f.jpg?v=1753670282',\n        alt: 'Creative Module',\n      },\n      mobileImg: {\n        url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/2a8dcd1e-d7e2-495a-90d3-2c875e7fdb31_Frame_6.png?v=1753670889',\n        alt: 'Creative Module',\n      },\n    },\n  ],\n} as {\n  productsTab: {\n    title: string\n    description: string\n    theme: 'light' | 'dark'\n    shape: 'rounded' | 'square'\n    span: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\n    img: {\n      url: string\n      alt: string\n    }\n    mobileImg: {\n      url: string\n      alt: string\n    }\n  }[]\n}\n\nexport const Default = () => <CreativeModule data={data} />\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GA2F6B,IAAAK,EAAA,6BA1F7BC,EAA+B,sCAE/B,MAAMC,EAAO,CACX,MAAO,gCACP,UAAW,iBACX,KAAM,CAAC,UAAU,EACjB,WAAY,CACV,OAAQ,UACV,CACF,EAEA,IAAOJ,EAAQI,EAEf,MAAMC,EAAO,CACX,YAAa,CACX,CACE,MAAO,kBACP,YAAa,kBACb,MAAO,UACP,KAAM,EACN,IAAK,CACH,IAAK,yLACL,IAAK,iBACP,EACA,UAAW,CACT,IAAK,yLACL,IAAK,iBACP,CACF,EACA,CACE,MAAO,kBACP,YAAa,kBACb,MAAO,UACP,KAAM,EACN,IAAK,CACH,IAAK,uHACL,IAAK,iBACP,EACA,UAAW,CACT,IAAK,uHACL,IAAK,iBACP,CACF,EACA,CACE,MAAO,kBACP,YAAa,kBACb,MAAO,UACP,KAAM,EACN,IAAK,CACH,IAAK,0KACL,IAAK,iBACP,EACA,UAAW,CACT,IAAK,uHACL,IAAK,iBACP,CACF,EACA,CACE,MAAO,kBACP,YAAa,kBACb,MAAO,UACP,KAAM,EACN,IAAK,CACH,IAAK,0KACL,IAAK,iBACP,EACA,UAAW,CACT,IAAK,uHACL,IAAK,iBACP,CACF,CACF,CACF,EAkBaN,EAAU,OAAM,OAAC,kBAAe,KAAMM,EAAM",
   "names": ["creativeModule_stories_exports", "__export", "Default", "creativeModule_stories_default", "__toCommonJS", "import_jsx_runtime", "import_biz_components", "meta", "data"]
 }

package/dist/cjs/stories/shelf.stories.d.ts

@@ -0,0 +1,17 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: {
+        (props: Omit<import("../biz-components/Shelf/types.js").ShelfProps, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
+            className?: string;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;