@anker-in/headless-ui 1.1.28-alpha.1768202456200 → 1.1.29

package/dist/cjs/stories/ThreeDCarousel.stories.js

@@ -0,0 +1,118 @@
+"use strict";var l=Object.create;var r=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var u=(e,t)=>{for(var a in t)r(e,a,{get:t[a],enumerable:!0})},c=(e,t,a,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of p(t))!h.call(e,s)&&s!==a&&r(e,s,{get:()=>t[s],enumerable:!(i=d(t,s))||i.enumerable});return e};var b=(e,t,a)=>(a=e!=null?l(m(e)):{},c(t||!e||!e.__esModule?r(a,"default",{value:e,enumerable:!0}):a,e)),_=e=>c(r({},"__esModule",{value:!0}),e);var D={};u(D,{CustomTitle:()=>k,Default:()=>y,SingleItem:()=>v,TwoItems:()=>T,WithCustomClass:()=>x,WithoutMobileImages:()=>w,default:()=>f});module.exports=_(D);var L=require("react"),n=b(require("../biz-components/ThreeDCarousel/index.js"));const g={title:"Biz Components/ThreeDCarousel",component:n.default,parameters:{layout:"fullscreen",docs:{description:{component:`
+3D \u8F6E\u64AD\u7EC4\u4EF6\uFF0C\u652F\u6301\u684C\u9762\u7AEF 3D \u89C6\u89C9\u6548\u679C\u548C\u79FB\u52A8\u7AEF\u6ED1\u52A8\u5C55\u793A\u3002\u9002\u7528\u4E8E\u4EA7\u54C1\u5C55\u793A\u3001\u56FE\u7247\u753B\u5ECA\u7B49\u573A\u666F\u3002
+
+## \u529F\u80FD\u7279\u6027
+
+- **\u684C\u9762\u7AEF 3D \u6548\u679C**\uFF1A\u4F7F\u7528 Swiper Coverflow \u6548\u679C\uFF0C\u63D0\u4F9B\u6C89\u6D78\u5F0F 3D \u89C6\u89C9\u4F53\u9A8C
+- **\u54CD\u5E94\u5F0F\u8BBE\u8BA1**\uFF1A\u684C\u9762\u7AEF\u548C\u79FB\u52A8\u7AEF\u4F7F\u7528\u4E0D\u540C\u7684\u5E03\u5C40\u548C\u4EA4\u4E92\u65B9\u5F0F
+- **\u5FAA\u73AF\u64AD\u653E**\uFF1A\u652F\u6301\u65E0\u9650\u5FAA\u73AF\u6ED1\u52A8
+- **\u54CD\u5E94\u5F0F\u65AD\u70B9**\uFF1A\u6839\u636E\u4E0D\u540C\u5C4F\u5E55\u5C3A\u5BF8\u81EA\u52A8\u8C03\u6574 3D \u6548\u679C\u53C2\u6570
+- **\u56FE\u7247\u81EA\u9002\u5E94**\uFF1A\u652F\u6301\u684C\u9762\u7AEF\u548C\u79FB\u52A8\u7AEF\u72EC\u7ACB\u56FE\u7247\u8D44\u6E90
+
+## \u53EF\u7528\u7684\u8BED\u4E49\u5316 CSS \u7C7B\u540D
+
+\u7EC4\u4EF6\u4F7F\u7528 BEM \u547D\u540D\u89C4\u8303\uFF0C\u63D0\u4F9B\u5B8C\u6574\u7684\u8BED\u4E49\u5316\u7C7B\u540D\u65B9\u4FBF\u6837\u5F0F\u5B9A\u5236\uFF1A
+
+### \u6839\u5BB9\u5668
+- \`.three-d-carousel\` - \u7EC4\u4EF6\u6839\u5143\u7D20
+- \`.three-d-carousel__title\` - \u6807\u9898\u5143\u7D20
+
+### \u684C\u9762\u7AEF\u5E03\u5C40
+- \`.three-d-carousel__desktop\` - \u684C\u9762\u7AEF\u5BB9\u5668
+- \`.three-d-carousel__swiper\` - Swiper \u5B9E\u4F8B
+- \`.three-d-carousel__slide\` - \u5355\u4E2A\u6ED1\u5757
+- \`.three-d-carousel__image\` - \u56FE\u7247\u5143\u7D20
+- \`.three-d-carousel__nav-controls\` - \u5BFC\u822A\u63A7\u5236\u5BB9\u5668
+- \`.three-d-carousel__nav-button\` - \u5BFC\u822A\u6309\u94AE
+- \`.three-d-carousel__nav-button--prev\` - \u4E0A\u4E00\u5F20\u6309\u94AE
+- \`.three-d-carousel__nav-button--next\` - \u4E0B\u4E00\u5F20\u6309\u94AE
+- \`.three-d-carousel__nav-icon\` - \u5BFC\u822A\u56FE\u6807
+
+### \u79FB\u52A8\u7AEF\u5E03\u5C40
+- \`.three-d-carousel__mobile\` - \u79FB\u52A8\u7AEF\u5BB9\u5668
+- \`.three-d-carousel__swiper-mobile\` - \u79FB\u52A8\u7AEF Swiper \u5B9E\u4F8B
+- \`.three-d-carousel__slide-mobile\` - \u79FB\u52A8\u7AEF\u6ED1\u5757
+- \`.three-d-carousel__image-mobile\` - \u79FB\u52A8\u7AEF\u56FE\u7247
+
+### \u81EA\u5B9A\u4E49\u6837\u5F0F\u793A\u4F8B
+
+\`\`\`css
+/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u6309\u94AE\u6837\u5F0F */
+.three-d-carousel__nav-button {
+  opacity: 0.8;
+  transition: opacity 0.3s ease;
+}
+
+.three-d-carousel__nav-button:hover {
+  opacity: 1;
+}
+
+/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */
+.three-d-carousel__title {
+  font-size: 3rem;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u56FE\u6807\u989C\u8272 */
+.three-d-carousel__nav-icon {
+  color: #667eea;
+}
+
+.three-d-carousel__nav-icon:hover {
+  color: #764ba2;
+}
+\`\`\`
+        `}}},tags:["autodocs"]};var f=g;const o={title:"Conquer Every Mess",items:[{imageUrl:{alt:"Vacuum cleaner demonstration scene 1 - Desktop view",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718",mimeType:"image/png",width:1648,height:960},mobImageUrl:{alt:"Vacuum cleaner demonstration scene 1 - Mobile view",url:"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762",thumbnailURL:"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762",mimeType:"image/png",width:592,height:720},title:"Text/Heading/h3",description:"Text/Body/t1",buttonText:"Learn More",buttonLink:null},{imageUrl:{alt:"Vacuum cleaner demonstration scene 2 - Desktop view",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924",mimeType:"image/png",width:1648,height:960},mobImageUrl:{alt:"Vacuum cleaner demonstration scene 2 - Mobile view",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954",mimeType:"image/png",width:592,height:720},title:"Text/Heading/h3",description:"Text/Body/t1",buttonText:"Learn More",buttonLink:null},{imageUrl:{alt:"Vacuum cleaner demonstration scene 3 - Desktop view",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983",mimeType:"image/png",width:1648,height:960},mobImageUrl:{alt:"Vacuum cleaner demonstration scene 3 - Mobile view",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000",mimeType:"image/png",width:592,height:720},title:"Text/Heading/h3",description:"Text/Body/t1",buttonText:"Learn More",buttonLink:null},{imageUrl:{alt:"Vacuum cleaner demonstration scene 4 - Desktop view",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037",mimeType:"image/png",width:1648,height:960},mobImageUrl:{alt:"Vacuum cleaner demonstration scene 4 - Mobile view",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058",mimeType:"image/png",width:592,height:720},title:"Text/Heading/h3",description:"Text/Body/t1",buttonText:"Learn More",buttonLink:null}]},y={args:{data:o},parameters:{docs:{description:{story:"\u9ED8\u8BA4\u573A\u666F\uFF0C\u5C55\u793A\u4E09\u4E2A\u6E05\u6D01\u573A\u666F\u7684 3D \u8F6E\u64AD\u6548\u679C\u3002\u684C\u9762\u7AEF\u652F\u6301\u70B9\u51FB\u5BFC\u822A\u6309\u94AE\u6216\u70B9\u51FB\u5E7B\u706F\u7247\u5207\u6362\uFF0C\u79FB\u52A8\u7AEF\u652F\u6301\u6ED1\u52A8\u5207\u6362\u3002"}}}},v={args:{data:{...o,items:[o.items[0]]}},parameters:{docs:{description:{story:"\u53EA\u6709\u4E00\u4E2A\u9879\u76EE\u7684\u60C5\u51B5\u3002\u4ECD\u7136\u53EF\u4EE5\u5FAA\u73AF\u6D4F\u89C8\u3002"}}}},T={args:{data:{...o,items:o.items.slice(0,2)}},parameters:{docs:{description:{story:"\u4E24\u4E2A\u9879\u76EE\u7684\u573A\u666F\uFF0C3D \u6548\u679C\u4F9D\u7136\u751F\u6548\u3002"}}}},w={args:{data:{...o,items:o.items.map(({mobImageUrl:e,...t})=>({...t,mobImageUrl:null}))}},parameters:{docs:{description:{story:"\u6CA1\u6709\u63D0\u4F9B\u79FB\u52A8\u7AEF\u4E13\u7528\u56FE\u7247\uFF0C\u5C06\u81EA\u52A8\u4F7F\u7528\u684C\u9762\u7AEF\u56FE\u7247\u8D44\u6E90\u3002"}}}},x={args:{data:o,className:"bg-gradient-to-b from-gray-900 to-black py-20"},parameters:{docs:{description:{story:`
+\u901A\u8FC7 className \u5C5E\u6027\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u5916\u89C2\u3002\u8BE5\u793A\u4F8B\u6DFB\u52A0\u4E86\u6E10\u53D8\u80CC\u666F\u548C\u5185\u8FB9\u8DDD\u3002
+
+**\u53EF\u7528\u7684\u8BED\u4E49\u5316 CSS \u7C7B\u540D\uFF1A**
+
+\`\`\`css
+/* \u6839\u5BB9\u5668 */
+.three-d-carousel { }
+.three-d-carousel__title { }
+
+/* \u684C\u9762\u7AEF\u5E03\u5C40 */
+.three-d-carousel__desktop { }
+.three-d-carousel__swiper { }
+.three-d-carousel__slide { }
+.three-d-carousel__image { }
+.three-d-carousel__nav-controls { }
+.three-d-carousel__nav-button { }
+.three-d-carousel__nav-button--prev { }
+.three-d-carousel__nav-button--next { }
+.three-d-carousel__nav-icon { }
+
+/* \u79FB\u52A8\u7AEF\u5E03\u5C40 */
+.three-d-carousel__mobile { }
+.three-d-carousel__swiper-mobile { }
+.three-d-carousel__slide-mobile { }
+.three-d-carousel__image-mobile { }
+\`\`\`
+
+**\u4F7F\u7528\u793A\u4F8B\uFF1A**
+
+\`\`\`css
+/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u6309\u94AE\u6837\u5F0F */
+.three-d-carousel__nav-button {
+  opacity: 0.8;
+  transition: opacity 0.3s ease;
+}
+
+.three-d-carousel__nav-button:hover {
+  opacity: 1;
+}
+
+/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */
+.three-d-carousel__title {
+  font-size: 3rem;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+\`\`\`
+        `}}}},k={args:{data:{...o,title:'Experience <span class="text-blue-400">Revolutionary</span> Cleaning'}},parameters:{docs:{description:{story:"\u4F7F\u7528 HTML \u6807\u7B7E\u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F\u3002\u6807\u9898\u652F\u6301 HTML \u5185\u5BB9\uFF0C\u53EF\u4EE5\u6DFB\u52A0\u6837\u5F0F\u548C\u683C\u5F0F\u3002"}}}};
+//# sourceMappingURL=ThreeDCarousel.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/ThreeDCarousel.stories.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport ThreeDCarousel from '../biz-components/ThreeDCarousel/index.js'\nimport type { ThreeDCarouselProps } from '../biz-components/ThreeDCarousel/types.js'\n\nconst meta = {\n  title: 'Biz Components/ThreeDCarousel',\n  component: ThreeDCarousel,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: `\n3D \u8F6E\u64AD\u7EC4\u4EF6\uFF0C\u652F\u6301\u684C\u9762\u7AEF 3D \u89C6\u89C9\u6548\u679C\u548C\u79FB\u52A8\u7AEF\u6ED1\u52A8\u5C55\u793A\u3002\u9002\u7528\u4E8E\u4EA7\u54C1\u5C55\u793A\u3001\u56FE\u7247\u753B\u5ECA\u7B49\u573A\u666F\u3002\n\n## \u529F\u80FD\u7279\u6027\n\n- **\u684C\u9762\u7AEF 3D \u6548\u679C**\uFF1A\u4F7F\u7528 Swiper Coverflow \u6548\u679C\uFF0C\u63D0\u4F9B\u6C89\u6D78\u5F0F 3D \u89C6\u89C9\u4F53\u9A8C\n- **\u54CD\u5E94\u5F0F\u8BBE\u8BA1**\uFF1A\u684C\u9762\u7AEF\u548C\u79FB\u52A8\u7AEF\u4F7F\u7528\u4E0D\u540C\u7684\u5E03\u5C40\u548C\u4EA4\u4E92\u65B9\u5F0F\n- **\u5FAA\u73AF\u64AD\u653E**\uFF1A\u652F\u6301\u65E0\u9650\u5FAA\u73AF\u6ED1\u52A8\n- **\u54CD\u5E94\u5F0F\u65AD\u70B9**\uFF1A\u6839\u636E\u4E0D\u540C\u5C4F\u5E55\u5C3A\u5BF8\u81EA\u52A8\u8C03\u6574 3D \u6548\u679C\u53C2\u6570\n- **\u56FE\u7247\u81EA\u9002\u5E94**\uFF1A\u652F\u6301\u684C\u9762\u7AEF\u548C\u79FB\u52A8\u7AEF\u72EC\u7ACB\u56FE\u7247\u8D44\u6E90\n\n## \u53EF\u7528\u7684\u8BED\u4E49\u5316 CSS \u7C7B\u540D\n\n\u7EC4\u4EF6\u4F7F\u7528 BEM \u547D\u540D\u89C4\u8303\uFF0C\u63D0\u4F9B\u5B8C\u6574\u7684\u8BED\u4E49\u5316\u7C7B\u540D\u65B9\u4FBF\u6837\u5F0F\u5B9A\u5236\uFF1A\n\n### \u6839\u5BB9\u5668\n- \\`.three-d-carousel\\` - \u7EC4\u4EF6\u6839\u5143\u7D20\n- \\`.three-d-carousel__title\\` - \u6807\u9898\u5143\u7D20\n\n### \u684C\u9762\u7AEF\u5E03\u5C40\n- \\`.three-d-carousel__desktop\\` - \u684C\u9762\u7AEF\u5BB9\u5668\n- \\`.three-d-carousel__swiper\\` - Swiper \u5B9E\u4F8B\n- \\`.three-d-carousel__slide\\` - \u5355\u4E2A\u6ED1\u5757\n- \\`.three-d-carousel__image\\` - \u56FE\u7247\u5143\u7D20\n- \\`.three-d-carousel__nav-controls\\` - \u5BFC\u822A\u63A7\u5236\u5BB9\u5668\n- \\`.three-d-carousel__nav-button\\` - \u5BFC\u822A\u6309\u94AE\n- \\`.three-d-carousel__nav-button--prev\\` - \u4E0A\u4E00\u5F20\u6309\u94AE\n- \\`.three-d-carousel__nav-button--next\\` - \u4E0B\u4E00\u5F20\u6309\u94AE\n- \\`.three-d-carousel__nav-icon\\` - \u5BFC\u822A\u56FE\u6807\n\n### \u79FB\u52A8\u7AEF\u5E03\u5C40\n- \\`.three-d-carousel__mobile\\` - \u79FB\u52A8\u7AEF\u5BB9\u5668\n- \\`.three-d-carousel__swiper-mobile\\` - \u79FB\u52A8\u7AEF Swiper \u5B9E\u4F8B\n- \\`.three-d-carousel__slide-mobile\\` - \u79FB\u52A8\u7AEF\u6ED1\u5757\n- \\`.three-d-carousel__image-mobile\\` - \u79FB\u52A8\u7AEF\u56FE\u7247\n\n### \u81EA\u5B9A\u4E49\u6837\u5F0F\u793A\u4F8B\n\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u6309\u94AE\u6837\u5F0F */\n.three-d-carousel__nav-button {\n  opacity: 0.8;\n  transition: opacity 0.3s ease;\n}\n\n.three-d-carousel__nav-button:hover {\n  opacity: 1;\n}\n\n/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */\n.three-d-carousel__title {\n  font-size: 3rem;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u56FE\u6807\u989C\u8272 */\n.three-d-carousel__nav-icon {\n  color: #667eea;\n}\n\n.three-d-carousel__nav-icon:hover {\n  color: #764ba2;\n}\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof ThreeDCarousel>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData: ThreeDCarouselProps['data'] = {\n  title: 'Conquer Every Mess',\n  items: [\n    {\n      imageUrl: {\n        alt: 'Vacuum cleaner demonstration scene 1 - Desktop view',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718',\n        mimeType: 'image/png',\n        width: 1648,\n        height: 960,\n      },\n      mobImageUrl: {\n        alt: 'Vacuum cleaner demonstration scene 1 - Mobile view',\n        url: 'https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762',\n        mimeType: 'image/png',\n        width: 592,\n        height: 720,\n      },\n      title: 'Text/Heading/h3',\n      description: 'Text/Body/t1',\n      buttonText: 'Learn More',\n      buttonLink: null,\n    },\n    {\n      imageUrl: {\n        alt: 'Vacuum cleaner demonstration scene 2 - Desktop view',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924',\n        mimeType: 'image/png',\n        width: 1648,\n        height: 960,\n      },\n      mobImageUrl: {\n        alt: 'Vacuum cleaner demonstration scene 2 - Mobile view',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954',\n        mimeType: 'image/png',\n        width: 592,\n        height: 720,\n      },\n      title: 'Text/Heading/h3',\n      description: 'Text/Body/t1',\n      buttonText: 'Learn More',\n      buttonLink: null,\n    },\n    {\n      imageUrl: {\n        alt: 'Vacuum cleaner demonstration scene 3 - Desktop view',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983',\n        mimeType: 'image/png',\n        width: 1648,\n        height: 960,\n      },\n      mobImageUrl: {\n        alt: 'Vacuum cleaner demonstration scene 3 - Mobile view',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000',\n        mimeType: 'image/png',\n        width: 592,\n        height: 720,\n      },\n      title: 'Text/Heading/h3',\n      description: 'Text/Body/t1',\n      buttonText: 'Learn More',\n      buttonLink: null,\n    },\n    {\n      imageUrl: {\n        alt: 'Vacuum cleaner demonstration scene 4 - Desktop view',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037',\n        mimeType: 'image/png',\n        width: 1648,\n        height: 960,\n      },\n      mobImageUrl: {\n        alt: 'Vacuum cleaner demonstration scene 4 - Mobile view',\n        url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058',\n        mimeType: 'image/png',\n        width: 592,\n        height: 720,\n      },\n      title: 'Text/Heading/h3',\n      description: 'Text/Body/t1',\n      buttonText: 'Learn More',\n      buttonLink: null,\n    },\n  ],\n}\n\nexport const Default: Story = {\n  args: {\n    data: defaultData,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u9ED8\u8BA4\u573A\u666F\uFF0C\u5C55\u793A\u4E09\u4E2A\u6E05\u6D01\u573A\u666F\u7684 3D \u8F6E\u64AD\u6548\u679C\u3002\u684C\u9762\u7AEF\u652F\u6301\u70B9\u51FB\u5BFC\u822A\u6309\u94AE\u6216\u70B9\u51FB\u5E7B\u706F\u7247\u5207\u6362\uFF0C\u79FB\u52A8\u7AEF\u652F\u6301\u6ED1\u52A8\u5207\u6362\u3002',\n      },\n    },\n  },\n}\n\nexport const SingleItem: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: [defaultData.items[0]],\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u53EA\u6709\u4E00\u4E2A\u9879\u76EE\u7684\u60C5\u51B5\u3002\u4ECD\u7136\u53EF\u4EE5\u5FAA\u73AF\u6D4F\u89C8\u3002',\n      },\n    },\n  },\n}\n\nexport const TwoItems: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.slice(0, 2),\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u4E24\u4E2A\u9879\u76EE\u7684\u573A\u666F\uFF0C3D \u6548\u679C\u4F9D\u7136\u751F\u6548\u3002',\n      },\n    },\n  },\n}\n\nexport const WithoutMobileImages: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.map(({ mobImageUrl: _mobImageUrl, ...item }) => ({\n        ...item,\n        mobImageUrl: null,\n      })),\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u6CA1\u6709\u63D0\u4F9B\u79FB\u52A8\u7AEF\u4E13\u7528\u56FE\u7247\uFF0C\u5C06\u81EA\u52A8\u4F7F\u7528\u684C\u9762\u7AEF\u56FE\u7247\u8D44\u6E90\u3002',\n      },\n    },\n  },\n}\n\nexport const WithCustomClass: Story = {\n  args: {\n    data: defaultData,\n    className: 'bg-gradient-to-b from-gray-900 to-black py-20',\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: `\n\u901A\u8FC7 className \u5C5E\u6027\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u5916\u89C2\u3002\u8BE5\u793A\u4F8B\u6DFB\u52A0\u4E86\u6E10\u53D8\u80CC\u666F\u548C\u5185\u8FB9\u8DDD\u3002\n\n**\u53EF\u7528\u7684\u8BED\u4E49\u5316 CSS \u7C7B\u540D\uFF1A**\n\n\\`\\`\\`css\n/* \u6839\u5BB9\u5668 */\n.three-d-carousel { }\n.three-d-carousel__title { }\n\n/* \u684C\u9762\u7AEF\u5E03\u5C40 */\n.three-d-carousel__desktop { }\n.three-d-carousel__swiper { }\n.three-d-carousel__slide { }\n.three-d-carousel__image { }\n.three-d-carousel__nav-controls { }\n.three-d-carousel__nav-button { }\n.three-d-carousel__nav-button--prev { }\n.three-d-carousel__nav-button--next { }\n.three-d-carousel__nav-icon { }\n\n/* \u79FB\u52A8\u7AEF\u5E03\u5C40 */\n.three-d-carousel__mobile { }\n.three-d-carousel__swiper-mobile { }\n.three-d-carousel__slide-mobile { }\n.three-d-carousel__image-mobile { }\n\\`\\`\\`\n\n**\u4F7F\u7528\u793A\u4F8B\uFF1A**\n\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u6309\u94AE\u6837\u5F0F */\n.three-d-carousel__nav-button {\n  opacity: 0.8;\n  transition: opacity 0.3s ease;\n}\n\n.three-d-carousel__nav-button:hover {\n  opacity: 1;\n}\n\n/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */\n.three-d-carousel__title {\n  font-size: 3rem;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n}\n\nexport const CustomTitle: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      title: 'Experience <span class=\"text-blue-400\">Revolutionary</span> Cleaning',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u4F7F\u7528 HTML \u6807\u7B7E\u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F\u3002\u6807\u9898\u652F\u6301 HTML \u5185\u5BB9\uFF0C\u53EF\u4EE5\u6DFB\u52A0\u6837\u5F0F\u548C\u683C\u5F0F\u3002',\n      },\n    },\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,YAAAC,EAAA,eAAAC,EAAA,aAAAC,EAAA,oBAAAC,EAAA,wBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAT,GAAA,IAAAU,EAAkB,iBAElBC,EAA2B,wDAG3B,MAAMC,EAAO,CACX,MAAO,gCACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAmEb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQI,EAIf,MAAME,EAA2C,CAC/C,MAAO,qBACP,MAAO,CACL,CACE,SAAU,CACR,IAAK,sDACL,IAAK,qHACL,aACE,qHACF,SAAU,YACV,MAAO,KACP,OAAQ,GACV,EACA,YAAa,CACX,IAAK,qDACL,IAAK,sHACL,aACE,sHACF,SAAU,YACV,MAAO,IACP,OAAQ,GACV,EACA,MAAO,kBACP,YAAa,eACb,WAAY,aACZ,WAAY,IACd,EACA,CACE,SAAU,CACR,IAAK,sDACL,IAAK,qHACL,aACE,qHACF,SAAU,YACV,MAAO,KACP,OAAQ,GACV,EACA,YAAa,CACX,IAAK,qDACL,IAAK,sHACL,aACE,sHACF,SAAU,YACV,MAAO,IACP,OAAQ,GACV,EACA,MAAO,kBACP,YAAa,eACb,WAAY,aACZ,WAAY,IACd,EACA,CACE,SAAU,CACR,IAAK,sDACL,IAAK,qHACL,aACE,qHACF,SAAU,YACV,MAAO,KACP,OAAQ,GACV,EACA,YAAa,CACX,IAAK,qDACL,IAAK,sHACL,aACE,sHACF,SAAU,YACV,MAAO,IACP,OAAQ,GACV,EACA,MAAO,kBACP,YAAa,eACb,WAAY,aACZ,WAAY,IACd,EACA,CACE,SAAU,CACR,IAAK,sDACL,IAAK,qHACL,aACE,qHACF,SAAU,YACV,MAAO,KACP,OAAQ,GACV,EACA,YAAa,CACX,IAAK,qDACL,IAAK,sHACL,aACE,sHACF,SAAU,YACV,MAAO,IACP,OAAQ,GACV,EACA,MAAO,kBACP,YAAa,eACb,WAAY,aACZ,WAAY,IACd,CACF,CACF,EAEaX,EAAiB,CAC5B,KAAM,CACJ,KAAMW,CACR,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO,4SACT,CACF,CACF,CACF,EAEaV,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,GAAGU,EACH,MAAO,CAACA,EAAY,MAAM,CAAC,CAAC,CAC9B,CACF,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO,oHACT,CACF,CACF,CACF,EAEaT,EAAkB,CAC7B,KAAM,CACJ,KAAM,CACJ,GAAGS,EACH,MAAOA,EAAY,MAAM,MAAM,EAAG,CAAC,CACrC,CACF,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO,+FACT,CACF,CACF,CACF,EAEaP,EAA6B,CACxC,KAAM,CACJ,KAAM,CACJ,GAAGO,EACH,MAAOA,EAAY,MAAM,IAAI,CAAC,CAAE,YAAaC,EAAc,GAAGC,CAAK,KAAO,CACxE,GAAGA,EACH,YAAa,IACf,EAAE,CACJ,CACF,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO,wJACT,CACF,CACF,CACF,EAEaV,EAAyB,CACpC,KAAM,CACJ,KAAMQ,EACN,UAAW,+CACb,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAmDT,CACF,CACF,CACF,EAEaZ,EAAqB,CAChC,KAAM,CACJ,KAAM,CACJ,GAAGY,EACH,MAAO,sEACT,CACF,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO,4LACT,CACF,CACF,CACF",
+  "names": ["ThreeDCarousel_stories_exports", "__export", "CustomTitle", "Default", "SingleItem", "TwoItems", "WithCustomClass", "WithoutMobileImages", "ThreeDCarousel_stories_default", "__toCommonJS", "import_react", "import_ThreeDCarousel", "meta", "ThreeDCarousel", "defaultData", "_mobImageUrl", "item"]
+}

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

@@ -0,0 +1,38 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<Omit<import("../biz-components/AccordionCards/index.js").AccordionCardsType & import("react").RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
+        className?: string;
+        data?: Record<string, any>;
+    }, "ref"> & import("react").RefAttributes<any>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Round: Story;
+export declare const CustomLayout: () => import("react/jsx-runtime").JSX.Element;
+export declare const Autoplay: {
+    args: {
+        data: {
+            products: {
+                title: string;
+                img: {
+                    url: string;
+                };
+                subTitle: string;
+            }[];
+            shape: string;
+            itemShape: string;
+            theme: string;
+        };
+        autoplay: {
+            enabled: boolean;
+            loop: boolean;
+            interval: number;
+        };
+    };
+};

package/dist/cjs/stories/accordionCards.stories.js

@@ -0,0 +1,2 @@
+"use strict";var c=Object.create;var r=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var h=(e,t)=>{for(var o in t)r(e,o,{get:t[o],enumerable:!0})},d=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of f(t))!g.call(e,s)&&s!==o&&r(e,s,{get:()=>t[s],enumerable:!(n=u(t,s))||n.enumerable});return e};var y=(e,t,o)=>(o=e!=null?c(m(e)):{},d(t||!e||!e.__esModule?r(o,"default",{value:e,enumerable:!0}):o,e)),b=e=>d(r({},"__esModule",{value:!0}),e);var M={};h(M,{Autoplay:()=>k,CustomLayout:()=>v,Default:()=>S,Round:()=>A,default:()=>C});module.exports=b(M);var p=require("react/jsx-runtime"),i=y(require("../biz-components/AccordionCards/index.js")),l=require("../components/container.js");const _={title:"Biz-Components/AccordionCards",component:i.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var C=_;const a=[{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."}],S={args:{data:{products:a,primaryButton:"Learn More",theme:"dark",shape:"round",itemShape:"round"}}},A={args:{data:{products:a,shape:"round",itemShape:"round",primaryButton:"Learn More"}}},v=()=>(0,p.jsx)("div",{className:"py-10",children:(0,p.jsx)(l.Container,{children:(0,p.jsx)(i.default,{data:{products:a,shape:"round",itemShape:"round",primaryButton:"Learn More",theme:"dark"}})})}),k={args:{data:{products:a,shape:"round",itemShape:"round",theme:"dark"},autoplay:{enabled:!0,loop:!0,interval:1500}}};
+//# sourceMappingURL=accordionCards.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/accordionCards.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport AccordionCards from '../biz-components/AccordionCards/index.js'\nimport { Container } from '../components/container.js'\n\nconst meta = {\n  title: 'Biz-Components/AccordionCards',\n  component: AccordionCards,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof AccordionCards>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mock = [\n  {\n    title: 'Apple Charging Solutions',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    },\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    },\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    },\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    },\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      products: mock,\n      primaryButton: 'Learn More',\n      theme: 'dark',\n      shape: 'round',\n      itemShape: 'round',\n    },\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      products: mock,\n      shape: 'round',\n      itemShape: 'round',\n      primaryButton: 'Learn More',\n    },\n  },\n}\n\nexport const CustomLayout = () => {\n  return (\n    <div className=\"py-10\">\n      <Container>\n        <AccordionCards\n          data={{ products: mock, shape: 'round', itemShape: 'round', primaryButton: 'Learn More', theme: 'dark' }}\n        />\n      </Container>\n    </div>\n  )\n}\n\nexport const Autoplay = {\n  args: {\n    data: {\n      products: mock,\n      shape: 'round',\n      itemShape: 'round',\n      theme: 'dark',\n    },\n    autoplay: { enabled: true, loop: true, interval: 1500 },\n  },\n}"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,EAAA,iBAAAC,EAAA,YAAAC,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GA0EQ,IAAAQ,EAAA,6BAzERC,EAA2B,wDAC3BC,EAA0B,sCAE1B,MAAMC,EAAO,CACX,MAAO,gCACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAON,EAAQK,EAGf,MAAME,EAAO,CACX,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,CACF,EAEaT,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,SAAUS,EACV,cAAe,aACf,MAAO,OACP,MAAO,QACP,UAAW,OACb,CACF,CACF,EAEaR,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,SAAUQ,EACV,MAAO,QACP,UAAW,QACX,cAAe,YACjB,CACF,CACF,EAEaV,EAAe,OAExB,OAAC,OAAI,UAAU,QACb,mBAAC,aACC,mBAAC,EAAAS,QAAA,CACC,KAAM,CAAE,SAAUC,EAAM,MAAO,QAAS,UAAW,QAAS,cAAe,aAAc,MAAO,MAAO,EACzG,EACF,EACF,EAISX,EAAW,CACtB,KAAM,CACJ,KAAM,CACJ,SAAUW,EACV,MAAO,QACP,UAAW,QACX,MAAO,MACT,EACA,SAAU,CAAE,QAAS,GAAM,KAAM,GAAM,SAAU,IAAK,CACxD,CACF",
+  "names": ["accordionCards_stories_exports", "__export", "Autoplay", "CustomLayout", "Default", "Round", "accordionCards_stories_default", "__toCommonJS", "import_jsx_runtime", "import_AccordionCards", "import_container", "meta", "AccordionCards", "mock"]
+}

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

@@ -0,0 +1,27 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("class-variance-authority").VariantProps<(props?: ({
+        variant?: "default" | "destructive" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+        status?: "success" | "error" | "warning" | "info";
+        closable?: boolean;
+    } & React.RefAttributes<HTMLDivElement>>;
+    subcomponents: {
+        AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+        AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/cjs/stories/alert.stories.js

@@ -0,0 +1,2 @@
+"use strict";var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var m=(o,t)=>{for(var i in t)c(o,i,{get:t[i],enumerable:!0})},y=(o,t,i,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of a(t))!l.call(o,s)&&s!==i&&c(o,s,{get:()=>t[s],enumerable:!(n=p(t,s))||n.enumerable});return o};var f=o=>y(c({},"__esModule",{value:!0}),o);var b={};m(b,{Default:()=>A,default:()=>d});module.exports=f(b);var r=require("react/jsx-runtime"),e=require("../components/index.js"),S=require("react");const u={title:"Components/Alert",component:e.Alert,subcomponents:{AlertTitle:e.AlertTitle,AlertDescription:e.AlertDescription},parameters:{layout:"centered",docs:{description:{component:"Alert component"}}},tags:["autodocs"]};var d=u;const A={args:{status:"success",closable:!0,children:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.AlertTitle,{children:"Success"}),(0,r.jsx)(e.AlertDescription,{children:"This is related to general message notifications with supporting text descriptions."})]})}};
+//# sourceMappingURL=alert.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/alert.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Alert, AlertDescription, AlertTitle } from '../components/index.js'\nimport React from 'react'\n\nconst meta = {\n  title: 'Components/Alert',\n  component: Alert,\n  subcomponents: {\n    AlertTitle,\n    AlertDescription,\n  },\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: 'Alert component',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Alert>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    status: 'success',\n    closable: true,\n    children: (\n      <>\n        <AlertTitle>Success</AlertTitle>\n        <AlertDescription>\n          This is related to general message notifications with supporting text descriptions.\n        </AlertDescription>\n      </>\n    ),\n  },\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAgCM,IAAAK,EAAA,6BA9BNC,EAAoD,kCACpDC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,mBACP,UAAW,QACX,cAAe,CACb,wBACA,mCACF,EACA,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,iBACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQK,EAIR,MAAMN,EAAiB,CAC5B,KAAM,CACJ,OAAQ,UACR,SAAU,GACV,YACE,oBACE,oBAAC,cAAW,mBAAO,KACnB,OAAC,oBAAiB,+FAElB,GACF,CAEJ,CACF",
+  "names": ["alert_stories_exports", "__export", "Default", "alert_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "meta"]
+}

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

@@ -0,0 +1,39 @@
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        asChild?: boolean;
+        className?: string;
+        style?: React.CSSProperties;
+        onClick?: Function;
+        isAdaptation?: boolean;
+        minSize?: number;
+        maxSize?: number;
+        textClassName?: string;
+    } & import("class-variance-authority").VariantProps<(props?: ({
+        size?: "small" | "medium" | "large" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & Omit<import("@radix-ui/react-avatar").AvatarProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    tags: string[];
+    subcomponents: any;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        size: {
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default meta;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const AvatarType: () => import("react/jsx-runtime").JSX.Element;
+export declare const AvatarSize: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/stories/avatar.stories.js

@@ -0,0 +1,2 @@
+"use strict";var i=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var n=Object.prototype.hasOwnProperty;var v=(r,e)=>{for(var o in e)i(r,o,{get:e[o],enumerable:!0})},d=(r,e,o,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of p(e))!n.call(r,s)&&s!==o&&i(r,s,{get:()=>e[s],enumerable:!(c=m(e,s))||c.enumerable});return r};var A=r=>d(i({},"__esModule",{value:!0}),r);var b={};v(b,{AvatarSize:()=>z,AvatarType:()=>h,Default:()=>f,default:()=>u});module.exports=A(b);var t=require("react/jsx-runtime"),l=require("@storybook/icons"),a=require("../components/index.js");const g={title:"Components/Avatar",component:a.Avatar,tags:["autodocs"],subcomponents:{AvatarImage:a.AvatarImage,AvatarFallback:a.AvatarFallback},parameters:{layout:"centered",docs:{description:{component:"avatar\u7EC4\u4EF6,\u57FA\u4E8E@radix-ui/react-avatar,https://www.radix-ui.com/primitives/docs/components/avatar"}}},argTypes:{size:{description:"\u5C3A\u5BF8",table:{defaultValue:{summary:"small"}}}}};var u=g;const f=()=>(0,t.jsxs)(a.Avatar,{size:"large",children:[(0,t.jsx)(a.AvatarImage,{src:"https://github.com/shadcn.png",alt:"@shadcn"}),(0,t.jsx)(a.AvatarFallback,{children:"Za"})]}),h=()=>(0,t.jsxs)("div",{className:"flex items-center gap-4",children:[(0,t.jsxs)(a.Avatar,{size:"large",children:[(0,t.jsx)(a.AvatarImage,{src:"https://github.com/shadcn.png",alt:"@shadcn"}),(0,t.jsx)(a.AvatarFallback,{children:"CN"})]}),(0,t.jsx)(a.Avatar,{size:"large",children:(0,t.jsx)(l.UserIcon,{className:"size-6"})}),(0,t.jsx)(a.Avatar,{size:"large",children:"Za"})]}),z=()=>(0,t.jsxs)("div",{className:"flex items-center gap-4",children:[(0,t.jsx)(a.Avatar,{children:"Za"}),(0,t.jsx)(a.Avatar,{size:"medium",children:"Za"}),(0,t.jsx)(a.Avatar,{size:"large",children:"Za"})]});
+//# sourceMappingURL=avatar.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/avatar.stories.tsx"],
+  "sourcesContent": ["import type { Meta } from '@storybook/react'\nimport { UserIcon } from '@storybook/icons'\nimport { Avatar, AvatarImage, AvatarFallback } from '../components/index.js'\n\nconst meta = {\n  title: 'Components/Avatar',\n  component: Avatar,\n  tags: ['autodocs'],\n  subcomponents: { AvatarImage, AvatarFallback } as any,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: 'avatar\u7EC4\u4EF6,\u57FA\u4E8E@radix-ui/react-avatar,https://www.radix-ui.com/primitives/docs/components/avatar',\n      },\n    },\n  },\n  argTypes: {\n    size: {\n      description: '\u5C3A\u5BF8',\n      table: {\n        defaultValue: { summary: 'small' },\n      },\n    },\n  },\n} satisfies Meta<typeof Avatar>\n\nexport default meta\n\nexport const Default = () => (\n  <Avatar size=\"large\">\n    <AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n    <AvatarFallback>Za</AvatarFallback>\n  </Avatar>\n)\n\nexport const AvatarType = () => (\n  <div className=\"flex items-center gap-4\">\n    <Avatar size=\"large\">\n      <AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n      <AvatarFallback>CN</AvatarFallback>\n    </Avatar>\n    <Avatar size=\"large\">\n      <UserIcon className=\"size-6\" />\n    </Avatar>\n    <Avatar size=\"large\">Za</Avatar>\n  </div>\n)\n\nexport const AvatarSize = () => (\n  <div className=\"flex items-center gap-4\">\n    <Avatar>Za</Avatar>\n    <Avatar size=\"medium\">Za</Avatar>\n    <Avatar size=\"large\">Za</Avatar>\n  </div>\n)\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,EAAA,eAAAC,EAAA,YAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GA8BE,IAAAO,EAAA,6BA7BFC,EAAyB,4BACzBC,EAAoD,kCAEpD,MAAMC,EAAO,CACX,MAAO,oBACP,UAAW,SACX,KAAM,CAAC,UAAU,EACjB,cAAe,CAAE,0BAAa,+BAAe,EAC7C,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,kHACb,CACF,CACF,EACA,SAAU,CACR,KAAM,CACJ,YAAa,eACb,MAAO,CACL,aAAc,CAAE,QAAS,OAAQ,CACnC,CACF,CACF,CACF,EAEA,IAAOL,EAAQK,EAER,MAAMN,EAAU,OACrB,QAAC,UAAO,KAAK,QACX,oBAAC,eAAY,IAAI,gCAAgC,IAAI,UAAU,KAC/D,OAAC,kBAAe,cAAE,GACpB,EAGWD,EAAa,OACxB,QAAC,OAAI,UAAU,0BACb,qBAAC,UAAO,KAAK,QACX,oBAAC,eAAY,IAAI,gCAAgC,IAAI,UAAU,KAC/D,OAAC,kBAAe,cAAE,GACpB,KACA,OAAC,UAAO,KAAK,QACX,mBAAC,YAAS,UAAU,SAAS,EAC/B,KACA,OAAC,UAAO,KAAK,QAAQ,cAAE,GACzB,EAGWD,EAAa,OACxB,QAAC,OAAI,UAAU,0BACb,oBAAC,UAAO,cAAE,KACV,OAAC,UAAO,KAAK,SAAS,cAAE,KACxB,OAAC,UAAO,KAAK,QAAQ,cAAE,GACzB",
+  "names": ["avatar_stories_exports", "__export", "AvatarSize", "AvatarType", "Default", "avatar_stories_default", "__toCommonJS", "import_jsx_runtime", "import_icons", "import_components", "meta"]
+}

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

@@ -0,0 +1,31 @@
+import type { StoryObj } from '@storybook/react';
+import { Badge } from '../components/index.js';
+declare const meta: {
+    title: string;
+    component: typeof Badge;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        size: "lg";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Examples: Story;

package/dist/cjs/stories/badge.stories.js

@@ -0,0 +1,2 @@
+"use strict";var r=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var d=(t,e)=>{for(var a in e)r(t,a,{get:e[a],enumerable:!0})},i=(t,e,a,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of y(e))!c.call(t,o)&&o!==a&&r(t,o,{get:()=>e[o],enumerable:!(l=m(e,o))||l.enumerable});return t};var n=t=>i(r({},"__esModule",{value:!0}),t);var B={};d(B,{Default:()=>u,Examples:()=>x,default:()=>f});module.exports=n(B);var p=require("react/jsx-runtime"),s=require("../components/index.js"),b=require("react");const g={title:"Components/Badge",component:s.Badge,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["sm","lg"],description:"Badge \u5C3A\u5BF8",table:{defaultValue:{summary:"lg"}}}},args:{size:"lg"}};var f=g;const u={args:{children:"New"}},x={render(){return(0,p.jsx)("div",{className:"flex flex-col space-y-4",children:(0,p.jsx)(s.Badge,{children:"New"})})}};
+//# sourceMappingURL=badge.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/badge.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Badge } from '../components/index.js'\nimport React from 'react'\n\nconst meta = {\n  title: 'Components/Badge',\n  component: Badge,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: {\n        type: 'select',\n      },\n      options: ['sm', 'lg'],\n      description: 'Badge \u5C3A\u5BF8',\n      table: {\n        defaultValue: { summary: 'lg' },\n      },\n    },\n  },\n  args: {\n    size: 'lg',\n  },\n} satisfies Meta<typeof Badge>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    children: 'New',\n  },\n}\n\nexport const Examples: Story = {\n  render() {\n    return (\n      <div className=\"flex flex-col space-y-4\">\n        <Badge>New</Badge>\n      </div>\n    )\n  },\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,aAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GA2CQ,IAAAM,EAAA,6BAzCRC,EAAsB,kCACtBC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,mBACP,UAAW,QACX,WAAY,CACV,OAAQ,UACV,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,KAAM,IAAI,EACpB,YAAa,qBACb,MAAO,CACL,aAAc,CAAE,QAAS,IAAK,CAChC,CACF,CACF,EACA,KAAM,CACJ,KAAM,IACR,CACF,EAEA,IAAOL,EAAQK,EAIR,MAAMP,EAAiB,CAC5B,KAAM,CACJ,SAAU,KACZ,CACF,EAEaC,EAAkB,CAC7B,QAAS,CACP,SACE,OAAC,OAAI,UAAU,0BACb,mBAAC,SAAM,eAAG,EACZ,CAEJ,CACF",
+  "names": ["badge_stories_exports", "__export", "Default", "Examples", "badge_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "meta"]
+}

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

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Tabs from '../biz-components/Tabs/index.js';
+declare const meta: Meta<typeof Tabs>;
+export default meta;
+type Story = StoryObj<typeof Tabs>;
+export declare const Default: Story;
+export declare const Dark: Story;

package/dist/cjs/stories/bizTabs.stories.js

@@ -0,0 +1,2 @@
+"use strict";var b=Object.create;var o=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var h=(t,e)=>{for(var a in e)o(t,a,{get:e[a],enumerable:!0})},p=(t,e,a,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of l(e))!f.call(t,s)&&s!==a&&o(t,s,{get:()=>e[s],enumerable:!(r=c(e,s))||r.enumerable});return t};var u=(t,e,a)=>(a=t!=null?b(y(t)):{},p(e||!t||!t.__esModule?o(a,"default",{value:t,enumerable:!0}):a,t)),T=t=>p(o({},"__esModule",{value:!0}),t);var D={};h(D,{Dark:()=>k,Default:()=>S,default:()=>g});module.exports=T(D);var m=u(require("../biz-components/Tabs/index.js"));const d={title:"Biz-Components/Tabs",component:m.default,tags:["autodocs"]};var g=d;const n={tabName:"\u7545\u9500\u5546\u54C1",tabContent:[{blockType:"ShelfDisplay",primaryButton:"Learn More",secondaryButton:"Shop Now",products:[{img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/B25M2111_Richimage_TD01_US_V11.png?v=1745726871",price:"\uFFE599",title:"\u5546\u54C11",basePrice:"\uFFE5199",subTitle:"\u526F\u6807\u98981",tagItems:["\u70ED\u5356"]}],itemShape:"square",theme:"dark"}]},i={tabName:"\u6298\u6263\u5546\u54C1",tabContent:[{blockType:"ShelfDisplay",primaryButton:"Learn More",secondaryButton:"Shop Now",products:[{img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/A2147113_TD01_V2_1.png?v=1745389222",price:"\uFFE5199",title:"\u5546\u54C11",basePrice:"\uFFE5199",subTitle:"\u526F\u6807\u98981",tagItems:["\u6298\u6263"]}],itemShape:"square",theme:"dark"}]},S={args:{data:{shape:"square",align:"left",tabs:[n,i]}}},k={args:{data:{theme:"dark",shape:"square",align:"center",tabs:[n,i]},className:"mx-auto"}};
+//# sourceMappingURL=bizTabs.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/bizTabs.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Tabs from '../biz-components/Tabs/index.js'\nimport type { TabsProps } from '../biz-components/Tabs/types'\n\nconst meta: Meta<typeof Tabs> = {\n  title: 'Biz-Components/Tabs',\n  component: Tabs,\n  tags: ['autodocs'],\n}\n\nexport default meta\n\ntype Story = StoryObj<typeof Tabs>\n\nconst shelfDisplayTab1 = {\n  tabName: '\u7545\u9500\u5546\u54C1',\n  tabContent: [\n    {\n      blockType: 'ShelfDisplay',\n      primaryButton: 'Learn More',\n      secondaryButton: 'Shop Now',\n      products: [\n        {\n          img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/B25M2111_Richimage_TD01_US_V11.png?v=1745726871',\n          price: '\uFFE599',\n          title: '\u5546\u54C11',\n          basePrice: '\uFFE5199',\n          subTitle: '\u526F\u6807\u98981',\n          tagItems: ['\u70ED\u5356'],\n        },\n      ],\n      itemShape: 'square',\n      theme: 'dark',\n    },\n  ],\n}\n\nconst shelfDisplayTab2 = {\n  tabName: '\u6298\u6263\u5546\u54C1',\n  tabContent: [\n    {\n      blockType: 'ShelfDisplay',\n      primaryButton: 'Learn More',\n      secondaryButton: 'Shop Now',\n      products: [\n        {\n          img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/A2147113_TD01_V2_1.png?v=1745389222',\n          price: '\uFFE5199',\n          title: '\u5546\u54C11',\n          basePrice: '\uFFE5199',\n          subTitle: '\u526F\u6807\u98981',\n          tagItems: ['\u6298\u6263'],\n        },\n      ],\n      itemShape: 'square',\n      theme: 'dark',\n    },\n  ],\n}\n\nexport const Default: Story = {\n  args: {\n    data: {\n      shape: 'square',\n      align: 'left',\n      tabs: [shelfDisplayTab1, shelfDisplayTab2],\n    },\n  } as unknown as TabsProps,\n}\n\nexport const Dark: Story = {\n  args: {\n    data: {\n      theme: 'dark',\n      shape: 'square',\n      align: 'center',\n      tabs: [shelfDisplayTab1, shelfDisplayTab2],\n    },\n    className: 'mx-auto',\n  } as unknown as TabsProps,\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,YAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAiB,8CAGjB,MAAMC,EAA0B,CAC9B,MAAO,sBACP,UAAW,EAAAC,QACX,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAIf,MAAME,EAAmB,CACvB,QAAS,2BACT,WAAY,CACV,CACE,UAAW,eACX,cAAe,aACf,gBAAiB,WACjB,SAAU,CACR,CACE,IAAK,yGACL,MAAO,WACP,MAAO,gBACP,UAAW,YACX,SAAU,sBACV,SAAU,CAAC,cAAI,CACjB,CACF,EACA,UAAW,SACX,MAAO,MACT,CACF,CACF,EAEMC,EAAmB,CACvB,QAAS,2BACT,WAAY,CACV,CACE,UAAW,eACX,cAAe,aACf,gBAAiB,WACjB,SAAU,CACR,CACE,IAAK,6FACL,MAAO,YACP,MAAO,gBACP,UAAW,YACX,SAAU,sBACV,SAAU,CAAC,cAAI,CACjB,CACF,EACA,UAAW,SACX,MAAO,MACT,CACF,CACF,EAEaP,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,SACP,MAAO,OACP,KAAM,CAACM,EAAkBC,CAAgB,CAC3C,CACF,CACF,EAEaR,EAAc,CACzB,KAAM,CACJ,KAAM,CACJ,MAAO,OACP,MAAO,SACP,MAAO,SACP,KAAM,CAACO,EAAkBC,CAAgB,CAC3C,EACA,UAAW,SACb,CACF",
+  "names": ["bizTabs_stories_exports", "__export", "Dark", "Default", "bizTabs_stories_default", "__toCommonJS", "import_Tabs", "meta", "Tabs", "shelfDisplayTab1", "shelfDisplayTab2"]
+}

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Board from '../components/board.js';
+declare const meta: Meta<typeof Board>;
+export default meta;
+type Story = StoryObj<typeof Board>;
+export declare const Default: Story;

package/dist/cjs/stories/board.stories.js

@@ -0,0 +1,2 @@
+"use strict";var m=Object.create;var a=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,B=Object.prototype.hasOwnProperty;var S=(o,t)=>{for(var r in t)a(o,r,{get:t[r],enumerable:!0})},d=(o,t,r,y)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of s(t))!B.call(o,e)&&e!==r&&a(o,e,{get:()=>t[e],enumerable:!(y=n(t,e))||y.enumerable});return o};var b=(o,t,r)=>(r=o!=null?m(c(o)):{},d(t||!o||!o.__esModule?a(r,"default",{value:o,enumerable:!0}):r,o)),l=o=>d(a({},"__esModule",{value:!0}),o);var O={};S(O,{Default:()=>M,default:()=>u});module.exports=l(O);var f=require("react/jsx-runtime"),p=b(require("../components/board.js"));const i={title:"Components/Board",component:p.default,tags:["autodocs"]};var u=i;const M={render:()=>(0,f.jsx)(p.default,{})};
+//# sourceMappingURL=board.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/board.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Board from '../components/board.js'\n\nconst meta: Meta<typeof Board> = {\n  title: 'Components/Board',\n  component: Board,\n  tags: ['autodocs'],\n}\n\nexport default meta\n\ntype Story = StoryObj<typeof Board>\n\nexport const Default: Story = {\n  render: () => <Board />,\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAcgB,IAAAK,EAAA,6BAbhBC,EAAkB,qCAElB,MAAMC,EAA2B,CAC/B,MAAO,mBACP,UAAW,EAAAC,QACX,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQI,EAIR,MAAML,EAAiB,CAC5B,OAAQ,OAAM,OAAC,EAAAM,QAAA,EAAM,CACvB",
+  "names": ["board_stories_exports", "__export", "Default", "board_stories_default", "__toCommonJS", "import_jsx_runtime", "import_board", "meta", "Board"]
+}

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

@@ -0,0 +1,16 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<Omit<import("../biz-components/BrandEquity/types.js").BrandEquityProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
+        className?: string;
+        data?: Record<string, any>;
+    }, "ref"> & import("react").RefAttributes<any>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const CustomBackground: Story;

package/dist/cjs/stories/brandEquity.stories.js

@@ -0,0 +1,2 @@
+"use strict";var f=Object.create;var r=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var d=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var m=(e,t)=>{for(var a in t)r(e,a,{get:t[a],enumerable:!0})},o=(e,t,a,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of l(t))!b.call(e,s)&&s!==a&&r(e,s,{get:()=>t[s],enumerable:!(i=p(t,s))||i.enumerable});return e};var y=(e,t,a)=>(a=e!=null?f(d(e)):{},o(t||!e||!e.__esModule?r(a,"default",{value:e,enumerable:!0}):a,e)),u=e=>o(r({},"__esModule",{value:!0}),e);var w={};m(w,{CustomBackground:()=>B,Default:()=>g,default:()=>v});module.exports=u(w);var n=y(require("../biz-components/BrandEquity/BrandEquity.js"));const h={title:"Biz-Components/BrandEquity",component:n.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var v=h;const c=[{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Hassle-Free Warranty"},title:"Hassle-Free Warranty",description:"Comprehensive warranty protection on all purchases."},{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Our Happy Customers"},title:"Our Happy Customers",description:"Join millions of satisfied Anker users worldwide."},{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Anker credits rewards"},title:"Anker credits rewards",description:"Buy more, save more, and earn more."},{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Pay with Ease"},title:"Pay with Ease",description:"Pay immediately or in installments with Affirm."},{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"30-day money-back guarantee"},title:"30-day money-back guarantee",description:"Return within 30 days for a full refund."},{avatarList:[{avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/25954496272e3aad27d750494d4748ca_c591cb1a-5f47-42d9-b356-0acd9e87fed0.png?v=1744612103"}},{avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ee5edd6de20a7af2f30f2fa976d779c9_6ddc29a7-c287-4afc-909c-383fe1f1a74b.png?v=1744612102"}},{avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b0b7c87fb0819b6cd109bf4b0d865006_e0f7c15a-7d1a-45e7-aee3-783e681a3864.png?v=1744612102"}},{avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"}}],type:"avatar",title:"We are Here to Help",description:"Contact our expert team via email or live chat for assistance."}],g={args:{data:{title:"Brand Equity",items:c},className:"bg-[#eeeeee] p-4"}},B={args:{data:{items:c,itemShape:"round"},className:"bg-gray-900 p-4"}};
+//# sourceMappingURL=brandEquity.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/brandEquity.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport BrandEquity from '../biz-components/BrandEquity/BrandEquity.js'\nimport type { BrandEquityItemProps } from '../biz-components/BrandEquity/types.js'\n\nconst meta = {\n  title: 'Biz-Components/BrandEquity',\n  component: BrandEquity,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof BrandEquity>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    icon: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n      alt: 'Hassle-Free Warranty',\n    },\n    title: 'Hassle-Free Warranty',\n    description: 'Comprehensive warranty protection on all purchases.',\n  },\n  {\n    icon: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n      alt: 'Our Happy Customers',\n    },\n    title: 'Our Happy Customers',\n    description: 'Join millions of satisfied Anker users worldwide.',\n  },\n  {\n    icon: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n      alt: 'Anker credits rewards',\n    },\n    title: 'Anker credits rewards',\n    description: 'Buy more, save more, and earn more.',\n  },\n  {\n    icon: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n      alt: 'Pay with Ease',\n    },\n    title: 'Pay with Ease',\n    description: 'Pay immediately or in installments with Affirm.',\n  },\n  {\n    icon: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n      alt: '30-day money-back guarantee',\n    },\n    title: '30-day money-back guarantee',\n    description: 'Return within 30 days for a full refund.',\n  },\n  {\n    avatarList: [\n      {\n        avatar: {\n          url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/25954496272e3aad27d750494d4748ca_c591cb1a-5f47-42d9-b356-0acd9e87fed0.png?v=1744612103',\n        },\n      },\n      {\n        avatar: {\n          url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ee5edd6de20a7af2f30f2fa976d779c9_6ddc29a7-c287-4afc-909c-383fe1f1a74b.png?v=1744612102',\n        },\n      },\n      {\n        avatar: {\n          url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b0b7c87fb0819b6cd109bf4b0d865006_e0f7c15a-7d1a-45e7-aee3-783e681a3864.png?v=1744612102',\n        },\n      },\n      {\n        avatar: {\n          url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n        },\n      },\n    ],\n    type: 'avatar',\n    title: 'We are Here to Help',\n    description: 'Contact our expert team via email or live chat for assistance.',\n  },\n] satisfies BrandEquityItemProps[]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      title: 'Brand Equity',\n      items: mockItems,\n    },\n    className: 'bg-[#eeeeee] p-4',\n  },\n}\n\nexport const CustomBackground: Story = {\n  args: {\n    data: {\n      items: mockItems,\n      itemShape: 'round',\n    },\n    className: 'bg-gray-900 p-4',\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,EAAA,YAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAwB,2DAGxB,MAAMC,EAAO,CACX,MAAO,6BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAGf,MAAME,EAAY,CAChB,CACE,KAAM,CACJ,IAAK,gJACL,IAAK,sBACP,EACA,MAAO,uBACP,YAAa,qDACf,EACA,CACE,KAAM,CACJ,IAAK,gJACL,IAAK,qBACP,EACA,MAAO,sBACP,YAAa,mDACf,EACA,CACE,KAAM,CACJ,IAAK,gJACL,IAAK,uBACP,EACA,MAAO,wBACP,YAAa,qCACf,EACA,CACE,KAAM,CACJ,IAAK,gJACL,IAAK,eACP,EACA,MAAO,gBACP,YAAa,iDACf,EACA,CACE,KAAM,CACJ,IAAK,gJACL,IAAK,6BACP,EACA,MAAO,8BACP,YAAa,0CACf,EACA,CACE,WAAY,CACV,CACE,OAAQ,CACN,IAAK,+IACP,CACF,EACA,CACE,OAAQ,CACN,IAAK,+IACP,CACF,EACA,CACE,OAAQ,CACN,IAAK,+IACP,CACF,EACA,CACE,OAAQ,CACN,IAAK,0GACP,CACF,CACF,EACA,KAAM,SACN,MAAO,sBACP,YAAa,gEACf,CACF,EAEaN,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,eACP,MAAOM,CACT,EACA,UAAW,kBACb,CACF,EAEaP,EAA0B,CACrC,KAAM,CACJ,KAAM,CACJ,MAAOO,EACP,UAAW,OACb,EACA,UAAW,iBACb,CACF",
+  "names": ["brandEquity_stories_exports", "__export", "CustomBackground", "Default", "brandEquity_stories_default", "__toCommonJS", "import_BrandEquity", "meta", "BrandEquity", "mockItems"]
+}

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

@@ -0,0 +1,12 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("../components/brand-strip.js").BrandStripProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/cjs/stories/brandStrip.stories.js

@@ -0,0 +1,2 @@
+"use strict";var p=Object.create;var r=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty;var g=(t,o)=>{for(var e in o)r(t,e,{get:o[e],enumerable:!0})},m=(t,o,e,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of f(o))!c.call(t,n)&&n!==e&&r(t,n,{get:()=>o[n],enumerable:!(s=l(o,n))||s.enumerable});return t};var u=(t,o,e)=>(e=t!=null?p(y(t)):{},m(o||!t||!t.__esModule?r(e,"default",{value:t,enumerable:!0}):e,t)),d=t=>m(r({},"__esModule",{value:!0}),t);var B={};g(B,{Default:()=>k,default:()=>x});module.exports=d(B);var i=u(require("../components/brand-strip.js"));const w={title:"Components/BrandStrip",component:i.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var x=w;const a=(t,o="#0B6CFF")=>`data:image/svg+xml,${encodeURIComponent(`<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 ${Math.max(120,t.length*11)} 32'><text x='0' y='22' font-family="Inter, Arial, sans-serif" font-size='20' font-weight='700' fill='${o}'>${t}</text></svg>`)}`,S=[{name:"ANKER",logo:a("ANKER","#0B6CFF"),link:"https://www.anker.com"},{name:"ANKER SOLIX",logo:a("ANKER SOLIX","#111827"),link:"https://www.anker.com/solix"},{name:"eufy",logo:a("eufy","#00A5A5"),link:"https://us.eufy.com"},{name:"eufy Make",logo:a("eufy Make","#0B6CFF"),link:"https://us.eufy.com"},{name:"soundcore",logo:a("soundcore","#101828"),link:"https://us.soundcore.com"}],k={args:{data:S}};
+//# sourceMappingURL=brandStrip.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/brandStrip.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport BrandStrip, { type BrandStripItem } from '../components/brand-strip.js'\n\nconst meta = {\n  title: 'Components/BrandStrip',\n  component: BrandStrip,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof BrandStrip>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst createTextLogo = (label: string, color: string = '#0B6CFF') =>\n  `data:image/svg+xml,${encodeURIComponent(\n    `<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 ${Math.max(\n      120,\n      label.length * 11\n    )} 32'><text x='0' y='22' font-family=\"Inter, Arial, sans-serif\" font-size='20' font-weight='700' fill='${color}'>${label}</text></svg>`\n  )}`\n\nconst demoBrands: BrandStripItem[] = [\n  { name: 'ANKER', logo: createTextLogo('ANKER', '#0B6CFF'), link: 'https://www.anker.com' },\n  { name: 'ANKER SOLIX', logo: createTextLogo('ANKER SOLIX', '#111827'), link: 'https://www.anker.com/solix' },\n  { name: 'eufy', logo: createTextLogo('eufy', '#00A5A5'), link: 'https://us.eufy.com' },\n  { name: 'eufy Make', logo: createTextLogo('eufy Make', '#0B6CFF'), link: 'https://us.eufy.com' },\n  { name: 'soundcore', logo: createTextLogo('soundcore', '#101828'), link: 'https://us.soundcore.com' },\n]\n\nexport const Default: Story = {\n  args: {\n    data: demoBrands,\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GACA,IAAAK,EAAgD,2CAEhD,MAAMC,EAAO,CACX,MAAO,wBACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAGf,MAAME,EAAiB,CAACC,EAAeC,EAAgB,YACrD,sBAAsB,mBACpB,wDAAwD,KAAK,IAC3D,IACAD,EAAM,OAAS,EACjB,CAAC,yGAAyGC,CAAK,KAAKD,CAAK,eAC3H,CAAC,GAEGE,EAA+B,CACnC,CAAE,KAAM,QAAS,KAAMH,EAAe,QAAS,SAAS,EAAG,KAAM,uBAAwB,EACzF,CAAE,KAAM,cAAe,KAAMA,EAAe,cAAe,SAAS,EAAG,KAAM,6BAA8B,EAC3G,CAAE,KAAM,OAAQ,KAAMA,EAAe,OAAQ,SAAS,EAAG,KAAM,qBAAsB,EACrF,CAAE,KAAM,YAAa,KAAMA,EAAe,YAAa,SAAS,EAAG,KAAM,qBAAsB,EAC/F,CAAE,KAAM,YAAa,KAAMA,EAAe,YAAa,SAAS,EAAG,KAAM,0BAA2B,CACtG,EAEaN,EAAiB,CAC5B,KAAM,CACJ,KAAMS,CACR,CACF",
+  "names": ["brandStrip_stories_exports", "__export", "Default", "brandStrip_stories_default", "__toCommonJS", "import_brand_strip", "meta", "BrandStrip", "createTextLogo", "label", "color", "demoBrands"]
+}

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

@@ -0,0 +1,56 @@
+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;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        hoverEffect: {
+            description: string;
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
+    args: {
+        variant: "primary";
+        size: "base";
+        children: string;
+        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 Loading: Story;
+export declare const Aschild: Story;
+export declare const Spinner: Story;
+export declare const AsLinkTag: Story;

package/dist/cjs/stories/button.stories.js

@@ -0,0 +1,2 @@
+"use strict";var s=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var g=(o,t)=>{for(var r in t)s(o,r,{get:t[r],enumerable:!0})},m=(o,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of p(t))!d.call(o,a)&&a!==r&&s(o,a,{get:()=>t[a],enumerable:!(n=l(t,a))||n.enumerable});return o};var y=o=>m(s({},"__esModule",{value:!0}),o);var w={};g(w,{AsLinkTag:()=>k,Aschild:()=>M,Link:()=>x,Loading:()=>u,Primary:()=>v,Secondary:()=>z,Spinner:()=>b,WithIcon:()=>S,default:()=>f});module.exports=y(w);var e=require("react/jsx-runtime"),i=require("@storybook/icons"),c=require("../components/index.js"),B=require("react");const h={title:"Components/Button",component:c.Button,parameters:{layout:"centered",docs:{description:{component:"\u6309\u94AE\u7EC4\u4EF6, \u5206\u4E3A\u591A\u79CD\u53D8\u4F53\u548C\u5927\u5C0F, \u652F\u6301 loading \u72B6\u6001\u548C\u56FE\u6807, \u9ED8\u8BA4\u5927\u5C0F\u662Flg, \u81EA\u5E26\u54CD\u5E94\u5F0F\u5C3A\u5BF8"}}},tags:["autodocs"],argTypes:{variant:{control:{type:"select"},options:["primary","secondary","link","ghost"],description:"\u6309\u94AE\u7C7B\u578B, \u63A8\u8350\u4F7F\u7528 primary , secondary \u548C link ; ghost \u5C06\u4F1A\u5E9F\u5F03\uFF0C\u8BF7\u4F7F\u7528 secondary\uFF0C \u4EE3\u66FF"},size:{control:{type:"select"},options:["sm","base","lg","icon"],description:"\u6309\u94AE\u5927\u5C0F \u9ED8\u8BA4\u662F lg, \u53EF\u9009\u503C: sm, base, lg, icon"},hoverEffect:{description:"hover \u72B6\u6001\u4E0B\u7684\u52A8\u753B\u6548\u679C\uFF0C\u4EC5\u5728variant\u662Fprimary \u548C secondary \u65F6\u751F\u6548",control:{type:"select"},options:["none","slide"]}},args:{variant:"primary",size:"base",children:"Button",disabled:!1,loading:!1,hoverEffect:"none"}};var f=h;const v={args:{size:"lg",children:"Primary"}},z={args:{size:"lg",variant:"secondary",children:"Secondary"}},x={args:{size:"lg",variant:"link",children:"Link"}},S={args:{size:"lg",children:(0,e.jsxs)(e.Fragment,{children:["WithIcon ",(0,e.jsx)(i.SearchIcon,{className:"ml-2"})]})}},u={args:{size:"lg",loading:!0}},M={args:{size:"lg",asChild:!0,children:(0,e.jsx)("a",{href:"http://example.com",children:"as a a tag"})}},b={args:{size:"lg",loading:!0,spinner:(0,e.jsxs)("div",{className:"flex animate-pulse flex-row font-bold text-neutral-900",children:[(0,e.jsx)("svg",{viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","p-id":"2625",width:"1rem",className:"align-middle",children:(0,e.jsx)("path",{d:"M511.882596 287.998081h-0.361244a31.998984 31.998984 0 0 1-31.659415-31.977309v-0.361244c0-0.104761 0.115598-11.722364 0.115598-63.658399V96.000564a31.998984 31.998984 0 1 1 64.001581 0V192.001129c0 52.586273-0.111986 63.88237-0.119211 64.337537a32.002596 32.002596 0 0 1-31.977309 31.659415zM511.998194 959.99842a31.998984 31.998984 0 0 1-31.998984-31.998984v-96.379871c0-51.610915-0.111986-63.174332-0.115598-63.286318s0-0.242033 0-0.361243a31.998984 31.998984 0 0 1 63.997968-0.314283c0 0.455167 0.11921 11.711527 0.11921 64.034093v96.307622a31.998984 31.998984 0 0 1-32.002596 31.998984zM330.899406 363.021212a31.897836 31.897836 0 0 1-22.866739-9.612699c-0.075861-0.075861-8.207461-8.370021-44.931515-45.094076L195.198137 240.429485a31.998984 31.998984 0 0 1 45.256635-45.253022L308.336112 263.057803c37.182834 37.182834 45.090463 45.253022 45.41197 45.578141A31.998984 31.998984 0 0 1 330.899406 363.021212zM806.137421 838.11473a31.901448 31.901448 0 0 1-22.628318-9.374279L715.624151 760.859111c-36.724054-36.724054-45.018214-44.859267-45.097687-44.93874a31.998984 31.998984 0 0 1 44.77618-45.729864c0.32512 0.317895 8.395308 8.229136 45.578142 45.411969l67.88134 67.88134a31.998984 31.998984 0 0 1-22.624705 54.630914zM224.000113 838.11473a31.901448 31.901448 0 0 0 22.628317-9.374279l67.88134-67.88134c36.724054-36.724054 45.021826-44.859267 45.097688-44.93874a31.998984 31.998984 0 0 0-44.776181-45.729864c-0.32512 0.317895-8.395308 8.229136-45.578142 45.411969l-67.88134 67.884953a31.998984 31.998984 0 0 0 22.628318 54.627301zM255.948523 544.058589h-0.361244c-0.104761 0-11.722364-0.115598-63.658399-0.115598H95.942765a31.998984 31.998984 0 1 1 0-64.00158h95.996952c52.586273 0 63.88237 0.111986 64.337538 0.11921a31.998984 31.998984 0 0 1 31.659414 31.97731v0.361244a32.002596 32.002596 0 0 1-31.988146 31.659414zM767.939492 544.058589a32.002596 32.002596 0 0 1-31.995372-31.666639v-0.361244a31.998984 31.998984 0 0 1 31.659415-31.970085c0.455167 0 11.754876-0.11921 64.34115-0.11921h96.000564a31.998984 31.998984 0 0 1 0 64.00158H831.944685c-51.936034 0-63.553638 0.111986-63.665624 0.115598h-0.335957zM692.999446 363.0176a31.998984 31.998984 0 0 1-22.863126-54.381656c0.317895-0.32512 8.229136-8.395308 45.41197-45.578141l67.88134-67.884953A31.998984 31.998984 0 1 1 828.693489 240.429485l-67.892177 67.88134c-31.020013 31.023625-41.644196 41.759794-44.241539 44.393262l-0.697201 0.722488a31.908673 31.908673 0 0 1-22.863126 9.591025z",fill:"","p-id":"2626"})}),"\xA0loading..."]})}},k={args:{size:"lg",as:"a",href:"http://example.com",children:"learn more"}};
+//# sourceMappingURL=button.stories.js.map