npm - @anker-in/headless-ui - Versions diffs - 0.0.27-alpha.9 → 0.0.27-alpha.90 - Mend

@anker-in/headless-ui 0.0.27-alpha.9 → 0.0.27-alpha.90

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (673) hide show

package/dist/cjs/stories/shelfDisplay.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/shelfDisplay.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport ShelfDisplay from '../biz-components/ShelfDisplay'\n\nconst meta = {\n  title: 'Biz-Components/ShelfDisplay',\n  component: ShelfDisplay,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof ShelfDisplay>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    products: mockItems,\n    className: 'p-4',\n    primaryButton:\"Learn More\",\n    secondaryButton:\"Shop Now\",\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    products: mockItems,\n    className: 'p-4',\n    shape: 'round',\n    itemShape: 'round',\n    primaryButton:\"Learn More\",\n    secondaryButton:\"Shop Now\",\n  },\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAyB,6CAEzB,MAAMC,EAAO,CACX,MAAO,8BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAGf,MAAME,EAAY,CAChB,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,CACF,EAEaP,EAAiB,CAC5B,KAAM,CACJ,SAAUO,EACV,UAAW,MACX,cAAc,aACd,gBAAgB,UAClB,CACF,EAEaN,EAAe,CAC1B,KAAM,CACJ,SAAUM,EACV,UAAW,MACX,MAAO,QACP,UAAW,QACX,cAAc,aACd,gBAAgB,UAClB,CACF",
-  "names": ["shelfDisplay_stories_exports", "__export", "Default", "Round", "shelfDisplay_stories_default", "__toCommonJS", "import_ShelfDisplay", "meta", "ShelfDisplay", "mockItems"]
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport ShelfDisplay from '../biz-components/ShelfDisplay/index.js'\nimport { gsap } from 'gsap'\nimport { useGSAP } from '@gsap/react'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport { SplitText } from 'gsap/dist/SplitText'\n\nconst meta = {\n  title: 'Biz-Components/ShelfDisplay',\n  component: ShelfDisplay,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof ShelfDisplay>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n    },\n  },\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n    },\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      productsCard: mockItems,\n      primaryButton: 'Learn More',\n      secondaryButton: 'Shop Now',\n    },\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      productsCard: mockItems,\n      shape: 'round',\n      itemShape: 'round',\n      primaryButton: 'Learn More',\n      secondaryButton: 'Shop Now',\n    },\n    className: 'p-4',\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAyB,sDACzBC,EAAqB,gBACrBC,EAAwB,uBACxBC,EAA8B,mCAC9BC,EAA0B,+BAE1B,MAAMC,EAAO,CACX,MAAO,8BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOR,EAAQO,EAGf,MAAME,EAAY,CAChB,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,CACH,IAAK,8HACP,CACF,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,CACH,IAAK,8HACP,CACF,CACF,EAEaX,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,aAAcW,EACd,cAAe,aACf,gBAAiB,UACnB,EACA,UAAW,KACb,CACF,EAEaV,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,aAAcU,EACd,MAAO,QACP,UAAW,QACX,cAAe,aACf,gBAAiB,UACnB,EACA,UAAW,KACb,CACF",
+  "names": ["shelfDisplay_stories_exports", "__export", "Default", "Round", "shelfDisplay_stories_default", "__toCommonJS", "import_ShelfDisplay", "import_gsap", "import_react", "import_ScrollTrigger", "import_SplitText", "meta", "ShelfDisplay", "mockItems"]
 }

package/dist/cjs/stories/skeleton.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var l=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(t,o)=>{for(var r in o)l(t,r,{get:o[r],enumerable:!0})},m=(t,o,r,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of c(o))!d.call(t,s)&&s!==r&&l(t,s,{get:()=>o[s],enumerable:!(n=i(o,s))||n.enumerable});return t};var y=t=>m(l({},"__esModule",{value:!0}),t);var g={};p(g,{Default:()=>h,Multiple:()=>x,WithText:()=>S,default:()=>u});module.exports=y(g);var e=require("react/jsx-runtime"),a=require("../components/index.js"),b=require("react");const f={title:"Components/Skeleton",component:a.Skeleton,parameters:{layout:"centered",docs:{description:{component:"\u9AA8\u67B6\u5C4F\u7EC4\u4EF6,\u7528\u6765\u5728\u6570\u636E\u52A0\u8F7D\u65F6\u5C55\u793A\u4E00\u4E2A\u5360\u4F4D\u56FE, \u53EF\u4EE5\u5305\u5728dom \u5916\u4F7F\u7528\uFF0C\u901A\u8FC7loading \u63A7\u5236\u663E\u793A\u9690\u85CF, \u4E5F\u53EF\u4EE5\u5355\u72EC\u4F7F\u7528\uFF0C\u901A\u8FC7\u81EA\u5B9A\u4E49class\u63A7\u5236\u6837\u5F0F, \u7EC4\u5408\u6210\u60F3\u8981\u7684\u5E03\u5C40"}}},tags:["autodocs"]};var u=f;const h={args:{loading:!0,children:(0,e.jsx)("div",{className:"h-14 rounded-3xl overflow-hidden px-4 py-4 w-full",children:"Fog creeps across moors, hills, and rivers. It adds an eerie charm to the landscape, but also complicates driving."})}},x={render(){return(0,e.jsxs)("div",{className:"flex flex-col items-center justify-center",children:[(0,e.jsxs)("div",{className:"flex w-full justify-between",children:[(0,e.jsx)(a.Skeleton,{className:"size-12 rounded-full"}),(0,e.jsx)(a.Skeleton,{className:"h-12 w-[70%] "})]}),(0,e.jsx)(a.Skeleton,{className:"mt-2 h-40 w-[200px]"})]})}},S={render(){return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.Skeleton,{loading:!0,children:"Rainfall is a constant companion. Umbrellas are practically a national accessory. Expect drizzles, showers, and downpours, often accompanied by gray skies."}),(0,e.jsx)("hr",{}),(0,e.jsx)(a.Skeleton,{loading:!1,children:"Rainfall is a constant companion. Umbrellas are practically a national accessory. Expect drizzles, showers, and downpours, often accompanied by gray skies."})]})}};
+"use strict";var l=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(t,o)=>{for(var r in o)l(t,r,{get:o[r],enumerable:!0})},m=(t,o,r,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of c(o))!d.call(t,s)&&s!==r&&l(t,s,{get:()=>o[s],enumerable:!(n=i(o,s))||n.enumerable});return t};var f=t=>m(l({},"__esModule",{value:!0}),t);var g={};p(g,{Default:()=>h,Multiple:()=>x,WithText:()=>S,default:()=>u});module.exports=f(g);var e=require("react/jsx-runtime"),a=require("../components/index.js"),b=require("react");const y={title:"Components/Skeleton",component:a.Skeleton,parameters:{layout:"centered",docs:{description:{component:"\u9AA8\u67B6\u5C4F\u7EC4\u4EF6,\u7528\u6765\u5728\u6570\u636E\u52A0\u8F7D\u65F6\u5C55\u793A\u4E00\u4E2A\u5360\u4F4D\u56FE, \u53EF\u4EE5\u5305\u5728dom \u5916\u4F7F\u7528\uFF0C\u901A\u8FC7loading \u63A7\u5236\u663E\u793A\u9690\u85CF, \u4E5F\u53EF\u4EE5\u5355\u72EC\u4F7F\u7528\uFF0C\u901A\u8FC7\u81EA\u5B9A\u4E49class\u63A7\u5236\u6837\u5F0F, \u7EC4\u5408\u6210\u60F3\u8981\u7684\u5E03\u5C40"}}},tags:["autodocs"]};var u=y;const h={args:{loading:!0,children:(0,e.jsx)("div",{className:"h-14 w-full overflow-hidden rounded-3xl p-4",children:"Fog creeps across moors, hills, and rivers. It adds an eerie charm to the landscape, but also complicates driving."})}},x={render(){return(0,e.jsxs)("div",{className:"flex flex-col items-center justify-center",children:[(0,e.jsxs)("div",{className:"flex w-full justify-between",children:[(0,e.jsx)(a.Skeleton,{className:"size-12 rounded-full"}),(0,e.jsx)(a.Skeleton,{className:"h-12 w-[70%] "})]}),(0,e.jsx)(a.Skeleton,{className:"mt-2 h-40 w-[200px]"})]})}},S={render(){return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.Skeleton,{loading:!0,children:"Rainfall is a constant companion. Umbrellas are practically a national accessory. Expect drizzles, showers, and downpours, often accompanied by gray skies."}),(0,e.jsx)("hr",{}),(0,e.jsx)(a.Skeleton,{loading:!1,children:"Rainfall is a constant companion. Umbrellas are practically a national accessory. Expect drizzles, showers, and downpours, often accompanied by gray skies."})]})}};
 //# sourceMappingURL=skeleton.stories.js.map

package/dist/cjs/stories/skeleton.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/skeleton.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Skeleton } from '../components/index.js'\nimport React from 'react'\n\nconst meta = {\n  title: 'Components/Skeleton',\n  component: Skeleton,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component:\n          '\u9AA8\u67B6\u5C4F\u7EC4\u4EF6,\u7528\u6765\u5728\u6570\u636E\u52A0\u8F7D\u65F6\u5C55\u793A\u4E00\u4E2A\u5360\u4F4D\u56FE, \u53EF\u4EE5\u5305\u5728dom \u5916\u4F7F\u7528\uFF0C\u901A\u8FC7loading \u63A7\u5236\u663E\u793A\u9690\u85CF, \u4E5F\u53EF\u4EE5\u5355\u72EC\u4F7F\u7528\uFF0C\u901A\u8FC7\u81EA\u5B9A\u4E49class\u63A7\u5236\u6837\u5F0F, \u7EC4\u5408\u6210\u60F3\u8981\u7684\u5E03\u5C40',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Skeleton>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    loading: true,\n    children: (\n      <div className=\"h-14 rounded-3xl overflow-hidden px-4 py-4 w-full\">\n        Fog creeps across moors, hills, and rivers. It adds an eerie charm to the landscape, but also complicates\n        driving.\n      </div>\n    ),\n  },\n}\n\nexport const Multiple: Story = {\n  render() {\n    return (\n      <div className=\"flex flex-col items-center justify-center\">\n        <div className=\"flex w-full justify-between\">\n          <Skeleton className=\"size-12 rounded-full\" />\n          <Skeleton className=\"h-12 w-[70%] \" />\n        </div>\n        <Skeleton className=\"mt-2 h-40 w-[200px]\" />\n      </div>\n    )\n  },\n}\n\nexport const WithText: Story = {\n  render() {\n    return (\n      <>\n        <Skeleton loading={true}>\n          Rainfall is a constant companion. Umbrellas are practically a national accessory. Expect drizzles, showers,\n          and downpours, often accompanied by gray skies.\n        </Skeleton>\n        <hr />\n        <Skeleton loading={false}>\n          Rainfall is a constant companion. Umbrellas are practically a national accessory. Expect drizzles, showers,\n          and downpours, often accompanied by gray skies.\n        </Skeleton>\n      </>\n    )\n  },\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,aAAAC,EAAA,aAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GA4BM,IAAAO,EAAA,6BA1BNC,EAAyB,kCACzBC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,sBACP,UAAW,WACX,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UACE,wYACJ,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQK,EAIR,MAAMR,EAAiB,CAC5B,KAAM,CACJ,QAAS,GACT,YACE,OAAC,OAAI,UAAU,oDAAoD,8HAGnE,CAEJ,CACF,EAEaC,EAAkB,CAC7B,QAAS,CACP,SACE,QAAC,OAAI,UAAU,4CACb,qBAAC,OAAI,UAAU,8BACb,oBAAC,YAAS,UAAU,uBAAuB,KAC3C,OAAC,YAAS,UAAU,gBAAgB,GACtC,KACA,OAAC,YAAS,UAAU,sBAAsB,GAC5C,CAEJ,CACF,EAEaC,EAAkB,CAC7B,QAAS,CACP,SACE,oBACE,oBAAC,YAAS,QAAS,GAAM,uKAGzB,KACA,OAAC,OAAG,KACJ,OAAC,YAAS,QAAS,GAAO,uKAG1B,GACF,CAEJ,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Skeleton } from '../components/index.js'\nimport React from 'react'\n\nconst meta = {\n  title: 'Components/Skeleton',\n  component: Skeleton,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component:\n          '\u9AA8\u67B6\u5C4F\u7EC4\u4EF6,\u7528\u6765\u5728\u6570\u636E\u52A0\u8F7D\u65F6\u5C55\u793A\u4E00\u4E2A\u5360\u4F4D\u56FE, \u53EF\u4EE5\u5305\u5728dom \u5916\u4F7F\u7528\uFF0C\u901A\u8FC7loading \u63A7\u5236\u663E\u793A\u9690\u85CF, \u4E5F\u53EF\u4EE5\u5355\u72EC\u4F7F\u7528\uFF0C\u901A\u8FC7\u81EA\u5B9A\u4E49class\u63A7\u5236\u6837\u5F0F, \u7EC4\u5408\u6210\u60F3\u8981\u7684\u5E03\u5C40',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Skeleton>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    loading: true,\n    children: (\n      <div className=\"h-14 w-full overflow-hidden rounded-3xl p-4\">\n        Fog creeps across moors, hills, and rivers. It adds an eerie charm to the landscape, but also complicates\n        driving.\n      </div>\n    ),\n  },\n}\n\nexport const Multiple: Story = {\n  render() {\n    return (\n      <div className=\"flex flex-col items-center justify-center\">\n        <div className=\"flex w-full justify-between\">\n          <Skeleton className=\"size-12 rounded-full\" />\n          <Skeleton className=\"h-12 w-[70%] \" />\n        </div>\n        <Skeleton className=\"mt-2 h-40 w-[200px]\" />\n      </div>\n    )\n  },\n}\n\nexport const WithText: Story = {\n  render() {\n    return (\n      <>\n        <Skeleton loading={true}>\n          Rainfall is a constant companion. Umbrellas are practically a national accessory. Expect drizzles, showers,\n          and downpours, often accompanied by gray skies.\n        </Skeleton>\n        <hr />\n        <Skeleton loading={false}>\n          Rainfall is a constant companion. Umbrellas are practically a national accessory. Expect drizzles, showers,\n          and downpours, often accompanied by gray skies.\n        </Skeleton>\n      </>\n    )\n  },\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,aAAAC,EAAA,aAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GA4BM,IAAAO,EAAA,6BA1BNC,EAAyB,kCACzBC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,sBACP,UAAW,WACX,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UACE,wYACJ,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQK,EAIR,MAAMR,EAAiB,CAC5B,KAAM,CACJ,QAAS,GACT,YACE,OAAC,OAAI,UAAU,8CAA8C,8HAG7D,CAEJ,CACF,EAEaC,EAAkB,CAC7B,QAAS,CACP,SACE,QAAC,OAAI,UAAU,4CACb,qBAAC,OAAI,UAAU,8BACb,oBAAC,YAAS,UAAU,uBAAuB,KAC3C,OAAC,YAAS,UAAU,gBAAgB,GACtC,KACA,OAAC,YAAS,UAAU,sBAAsB,GAC5C,CAEJ,CACF,EAEaC,EAAkB,CAC7B,QAAS,CACP,SACE,oBACE,oBAAC,YAAS,QAAS,GAAM,uKAGzB,KACA,OAAC,OAAG,KACJ,OAAC,YAAS,QAAS,GAAO,uKAG1B,GACF,CAEJ,CACF",
   "names": ["skeleton_stories_exports", "__export", "Default", "Multiple", "WithText", "skeleton_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "meta"]
 }

package/dist/cjs/stories/slogan.stories.d.ts CHANGED Viewed

@@ -3,7 +3,10 @@ import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
     component: {
-        (props: Omit<import("../biz-components/Slogan/types").SloganProps & React.RefAttributes<HTMLDivElement>, keyof import("../shared/Styles").StylesProps> & Partial<import("../shared/Styles").StylesProps>): import("react/jsx-runtime").JSX.Element;
+        (props: Omit<import("../biz-components/Slogan/types.js").SloganProps & React.RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
+            className?: string;
+            data?: Record<string, any>;
+        }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     parameters: {

package/dist/cjs/stories/slogan.stories.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var a=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var b=(o,e)=>{for(var t in e)a(o,t,{get:e[t],enumerable:!0})},p=(o,e,t,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of g(e))!f.call(o,r)&&r!==t&&a(o,r,{get:()=>e[r],enumerable:!(s=i(e,r))||s.enumerable});return o};var y=o=>p(a({},"__esModule",{value:!0}),o);var x={};b(x,{CustomClassName:()=>S,CustomStyle:()=>M,Default:()=>c,SingleFeature:()=>h,TitleOnly:()=>u,TwoFeatures:()=>C,default:()=>m});module.exports=y(x);var l=require("react/jsx-runtime"),N=require("react"),n=require("../biz-components/index");const d={title:"Biz Components/Slogan",component:n.Slogan,parameters:{layout:"fullscreen"},tags:["autodocs"]};var m=d;const c={args:{title:"The World's No.1 Mobile Charging Brand*",features:["47%<br/>R&D Employees","100 Million<br/>Global Customers","Pioneering in Charging<br/>Technology for 12 Years"]}},u={args:{title:"The World's No.1 Mobile Charging Brand*"}},h={args:{title:"The World's No.1 Mobile Charging Brand*",features:["47%<br/>R&D Employees"]}},C={args:{title:"The World's No.1 Mobile Charging Brand*",features:["47%<br/>R&D Employees","100 Million<br/>Global Customers"]}},S={args:{title:"The World's No.1 Mobile Charging Brand*",features:["47%<br/>R&D Employees","100 Million<br/>Global Customers","Pioneering in Charging<br/>Technology for 12 Years"],className:"bg-gray-100"}},M=()=>(0,l.jsx)(n.Slogan,{title:"The World's No.1 Mobile Charging Brand*",features:["47%<br/>R&D Employees","100 Million<br/>Global Customers","Pioneering in Charging<br/>Technology for 12 Years"],className:"bg-gray-100",style:`
+"use strict";var a=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var f=(t,e)=>{for(var r in e)a(t,r,{get:e[r],enumerable:!0})},b=(t,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of g(e))!d.call(t,o)&&o!==r&&a(t,o,{get:()=>e[o],enumerable:!(i=s(e,o))||i.enumerable});return t};var p=t=>b(a({},"__esModule",{value:!0}),t);var x={};f(x,{CustomClassName:()=>S,CustomStyle:()=>M,Default:()=>c,SingleFeature:()=>h,TitleOnly:()=>u,TwoFeatures:()=>C,default:()=>m});module.exports=p(x);var n=require("react/jsx-runtime"),N=require("react"),l=require("../biz-components/index.js");const y={title:"Biz Components/Slogan",component:l.Slogan,parameters:{layout:"fullscreen"},tags:["autodocs"]};var m=y;const c={args:{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"},{title:"Pioneering in Charging<br/>Technology for 12 Years"}]}}},u={args:{data:{title:"The World's No.1 Mobile Charging Brand*"}}},h={args:{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"}]}}},C={args:{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"}]}}},S={args:{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"},{title:"Pioneering in Charging<br/>Technology for 12 Years"}]},className:"bg-gray-100"}},M=()=>(0,n.jsx)(l.Slogan,{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"},{title:"Pioneering in Charging<br/>Technology for 12 Years"}]},className:"bg-gray-100",style:`
         .slogan-title{
           background: linear-gradient(90deg, #ff0000, #00ff00, #0000ff);

package/dist/cjs/stories/slogan.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/slogan.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Slogan } from '../biz-components/index'\n\nconst meta = {\n  title: 'Biz Components/Slogan',\n  component: Slogan,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Slogan>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    title: \"The World's No.1 Mobile Charging Brand*\",\n    features: [\n      '47%<br/>R&D Employees',\n      '100 Million<br/>Global Customers',\n      'Pioneering in Charging<br/>Technology for 12 Years'\n    ],\n\n  }\n}\n\nexport const TitleOnly: Story = {\n  args: {\n    title: \"The World's No.1 Mobile Charging Brand*\"\n  }\n}\n\nexport const SingleFeature: Story = {\n  args: {\n    title: \"The World's No.1 Mobile Charging Brand*\",\n    features: [\n      '47%<br/>R&D Employees'\n    ]\n  }\n}\n\nexport const TwoFeatures: Story = {\n  args: {\n    title: \"The World's No.1 Mobile Charging Brand*\",\n    features: [\n      '47%<br/>R&D Employees',\n      '100 Million<br/>Global Customers'\n    ]\n  }\n}\n\nexport const CustomClassName: Story = {\n  args: {\n    title: \"The World's No.1 Mobile Charging Brand*\",\n    features: [\n      '47%<br/>R&D Employees',\n      '100 Million<br/>Global Customers',\n      'Pioneering in Charging<br/>Technology for 12 Years'\n    ],\n    className: 'bg-gray-100'\n  }\n}\n\nexport const CustomStyle = () => {\n  return (<Slogan\n    title=\"The World's No.1 Mobile Charging Brand*\"\n    features={['47%<br/>R&D Employees', '100 Million<br/>Global Customers', 'Pioneering in Charging<br/>Technology for 12 Years']}\n    className=\"bg-gray-100\"\n    style={`\n        \n        .slogan-title{\n          background: linear-gradient(90deg, #ff0000, #00ff00, #0000ff);\n          -webkit-background-clip: text;\n          background-clip: text;\n          color: transparent;\n          animation: fadeIn 1s ease-in forwards;\n        }\n\n        @keyframes fadeIn {\n          from {\n            opacity: 0;\n          }\n          to {\n            opacity: 1;\n          }\n        }\n        .slogan-feature-text {\n          background-color: #f0f0f0;\n          padding: 10px;\n          border-radius: 10px;\n          animation: fadeIn 1s ease-in forwards;\n        }\n      `}\n  />)\n}\n\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,EAAA,gBAAAC,EAAA,YAAAC,EAAA,kBAAAC,EAAA,cAAAC,EAAA,gBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAT,GAmEU,IAAAU,EAAA,6BAnEVC,EAAkB,iBAElBC,EAAuB,mCAEvB,MAAMC,EAAO,CACX,MAAO,wBACP,UAAW,SACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQK,EAIR,MAAMT,EAAiB,CAC5B,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,wBACA,mCACA,oDACF,CAEF,CACF,EAEaE,EAAmB,CAC9B,KAAM,CACJ,MAAO,yCACT,CACF,EAEaD,EAAuB,CAClC,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,uBACF,CACF,CACF,EAEaE,EAAqB,CAChC,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,wBACA,kCACF,CACF,CACF,EAEaL,EAAyB,CACpC,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,wBACA,mCACA,oDACF,EACA,UAAW,aACb,CACF,EAEaC,EAAc,OACjB,OAAC,UACP,MAAM,0CACN,SAAU,CAAC,wBAAyB,mCAAoC,oDAAoD,EAC5H,UAAU,cACV,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,QAyBT",
+  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Slogan } from '../biz-components/index.js'\n\nconst meta = {\n  title: 'Biz Components/Slogan',\n  component: Slogan,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Slogan>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n        {\n          title: '100 Million<br/>Global Customers',\n        },\n        {\n          title: 'Pioneering in Charging<br/>Technology for 12 Years',\n        },\n      ],\n    },\n  },\n}\n\nexport const TitleOnly: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n    },\n  },\n}\n\nexport const SingleFeature: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n      ],\n    },\n  },\n}\n\nexport const TwoFeatures: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n        {\n          title: '100 Million<br/>Global Customers',\n        },\n      ],\n    },\n  },\n}\n\nexport const CustomClassName: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n        {\n          title: '100 Million<br/>Global Customers',\n        },\n        {\n          title: 'Pioneering in Charging<br/>Technology for 12 Years',\n        },\n      ],\n    },\n    className: 'bg-gray-100',\n  },\n}\n\nexport const CustomStyle = () => {\n  return (\n    <Slogan\n      data={{\n        title: \"The World's No.1 Mobile Charging Brand*\",\n        features: [\n          {\n            title: '47%<br/>R&D Employees',\n          },\n          {\n            title: '100 Million<br/>Global Customers',\n          },\n          {\n            title: 'Pioneering in Charging<br/>Technology for 12 Years',\n          },\n        ],\n      }}\n      className=\"bg-gray-100\"\n      style={`\n        \n        .slogan-title{\n          background: linear-gradient(90deg, #ff0000, #00ff00, #0000ff);\n          -webkit-background-clip: text;\n          background-clip: text;\n          color: transparent;\n          animation: fadeIn 1s ease-in forwards;\n        }\n\n        @keyframes fadeIn {\n          from {\n            opacity: 0;\n          }\n          to {\n            opacity: 1;\n          }\n        }\n        .slogan-feature-text {\n          background-color: #f0f0f0;\n          padding: 10px;\n          border-radius: 10px;\n          animation: fadeIn 1s ease-in forwards;\n        }\n      `}\n    />\n  )\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,EAAA,gBAAAC,EAAA,YAAAC,EAAA,kBAAAC,EAAA,cAAAC,EAAA,gBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAT,GA+FI,IAAAU,EAAA,6BA/FJC,EAAkB,iBAElBC,EAAuB,sCAEvB,MAAMC,EAAO,CACX,MAAO,wBACP,UAAW,SACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQK,EAIR,MAAMT,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,EACA,CACE,MAAO,oDACT,CACF,CACF,CACF,CACF,EAEaE,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,MAAO,yCACT,CACF,CACF,EAEaD,EAAuB,CAClC,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,CACF,CACF,CACF,CACF,EAEaE,EAAqB,CAChC,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,CACF,CACF,CACF,CACF,EAEaL,EAAyB,CACpC,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,EACA,CACE,MAAO,oDACT,CACF,CACF,EACA,UAAW,aACb,CACF,EAEaC,EAAc,OAEvB,OAAC,UACC,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,EACA,CACE,MAAO,oDACT,CACF,CACF,EACA,UAAU,cACV,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,QAyBT",
   "names": ["slogan_stories_exports", "__export", "CustomClassName", "CustomStyle", "Default", "SingleFeature", "TitleOnly", "TwoFeatures", "slogan_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_biz_components", "meta"]
 }

package/dist/cjs/stories/tabs.stories.d.ts CHANGED Viewed

@@ -4,7 +4,8 @@ import React, { type ComponentType } from 'react';
 declare const meta: {
     title: string;
     component: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-        algin?: "left" | "center" | "right";
+        align?: import("../types/props.js").Align;
+        shape?: import("../types/props.js").Shape;
     } & React.RefAttributes<HTMLDivElement>>;
     subcomponents: {
         TabsList: ComponentType<unknown>;
@@ -65,6 +66,13 @@ declare const meta: {
         is?: string | undefined | undefined;
         exportparts?: string | undefined | undefined;
         part?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | undefined | undefined;
+        popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+        popoverTarget?: string | undefined | undefined;
+        onToggle?: React.ToggleEventHandler<HTMLDivElement> | undefined;
+        onBeforeToggle?: React.ToggleEventHandler<HTMLDivElement> | undefined;
+        inert?: boolean | undefined | undefined;
+        tw?: string | undefined;
         "aria-activedescendant"?: string | undefined | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -121,7 +129,7 @@ declare const meta: {
         children?: React.ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
-        } | undefined | undefined;
+        } | undefined;
         onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
         onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
         onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -190,8 +198,6 @@ declare const meta: {
         onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
         onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
         onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onResize?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onResizeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
         onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
         onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
         onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
@@ -282,11 +288,18 @@ declare const meta: {
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
         onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+        onTransitionCancel?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+        onTransitionCancelCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+        onTransitionRun?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+        onTransitionRunCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+        onTransitionStart?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+        onTransitionStartCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
         key?: React.Key | null | undefined;
         orientation?: "horizontal" | "vertical" | undefined;
         onValueChange?: ((value: string) => void) | undefined;
         activationMode?: "automatic" | "manual" | undefined;
-        algin?: "left" | "center" | "right" | undefined;
+        align?: import("../types/props.js").Align | undefined;
+        shape?: import("../types/props.js").Shape | undefined;
         ref?: React.LegacyRef<HTMLDivElement> | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
     parameters: {
@@ -300,7 +313,7 @@ declare const meta: {
     tags: string[];
     args: {
         defaultValue: string;
-        algin: "left";
+        align: "left";
     };
     argTypes: {
         defaultValue: {
@@ -318,7 +331,7 @@ declare const meta: {
             };
             options: string[];
         };
-        algin: {
+        align: {
             description: string;
         };
         onValueChange: {

package/dist/cjs/stories/tabs.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var r=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var d=(a,s)=>{for(var o in s)r(a,o,{get:s[o],enumerable:!0})},T=(a,s,o,l)=>{if(s&&typeof s=="object"||typeof s=="function")for(let n of i(s))!b.call(a,n)&&n!==o&&r(a,n,{get:()=>s[n],enumerable:!(l=u(s,n))||l.enumerable});return a};var c=a=>T(r({},"__esModule",{value:!0}),a);var S={};d(S,{AlignCenter:()=>v,AlignRight:()=>y,Default:()=>p,Disabled:()=>C,default:()=>m});module.exports=c(S);var t=require("react/jsx-runtime"),e=require("../components/index.js"),f=require("react");const g={title:"Components/Tabs",component:e.Tabs,subcomponents:{TabsList:e.TabsList,TabsTrigger:e.TabsTrigger,TabsContent:e.TabsContent},decorators:[a=>(0,t.jsx)("div",{style:{margin:"2em"},children:(0,t.jsx)(a,{})})],parameters:{layout:"fullscreen",docs:{description:{component:"Tab\u9009\u9879\u5361\uFF0C\u63D0\u4F9B\u53EF\u8BBF\u95EE\u7684\u6807\u7B7E\u754C\u9762\uFF0C\u57FA\u4E8E@radix-ui/react-tabs"}}},tags:["autodocs"],args:{defaultValue:"bestSeller",algin:"left"},argTypes:{defaultValue:{description:"\u9ED8\u8BA4\u9009\u4E2D\u7684\u6807\u7B7E\u9875\u503C",control:"text",table:{summary:"bestSeller",readonly:!0}},value:{description:"\u5F53\u524D\u9009\u4E2D\u7684\u6807\u7B7E\u9875\u503C\uFF08\u53D7\u63A7\u6A21\u5F0F\uFF09",control:{type:"radio"},options:["bestSeller","discountProducts","bundleDeals","recommend"]},algin:{description:"\u5BF9\u9F50\u65B9\u5411"},onValueChange:{description:"\u6807\u7B7E\u9875\u503C\u53D8\u5316\u65F6\u7684\u56DE\u8C03\u51FD\u6570",action:"changed",type:"function"},orientation:{control:{type:"inline-radio"},options:["horizontal","vertical"],description:"\u6807\u7B7E\u9875\u5E03\u5C40\u65B9\u5411",table:{defaultValue:{summary:"horizontal"}}},dir:{control:{type:"inline-radio"},options:["ltr","rtl"],description:"\u6587\u672C\u65B9\u5411",table:{defaultValue:{summary:"ltr"}}}}};var m=g;const p={render:a=>(0,t.jsxs)(e.Tabs,{...a,children:[(0,t.jsxs)(e.TabsList,{children:[(0,t.jsx)(e.TabsTrigger,{value:"bestSeller",children:"Best Seller"}),(0,t.jsx)(e.TabsTrigger,{value:"discountProducts",children:"Discount products"}),(0,t.jsx)(e.TabsTrigger,{value:"bundleDeals",children:"Bundle Deals"}),(0,t.jsx)(e.TabsTrigger,{value:"recommend",children:"Recommend"})]}),(0,t.jsx)(e.TabsContent,{value:"bestSeller",children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"discountProducts",children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"bundleDeals",children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"recommend",children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})]})},v={args:{algin:"center"},render:a=>(0,t.jsxs)(e.Tabs,{...a,children:[(0,t.jsxs)(e.TabsList,{children:[(0,t.jsx)(e.TabsTrigger,{value:"bestSeller",children:"Best Seller"}),(0,t.jsx)(e.TabsTrigger,{value:"discountProducts",children:"Discount products"}),(0,t.jsx)(e.TabsTrigger,{value:"bundleDeals",children:"Bundle Deals"}),(0,t.jsx)(e.TabsTrigger,{value:"recommend",children:"Recommend"})]}),(0,t.jsx)(e.TabsContent,{value:"bestSeller",children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"discountProducts",children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"bundleDeals",children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"recommend",children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})]})},y={args:{algin:"right"},render:a=>(0,t.jsxs)(e.Tabs,{...a,children:[(0,t.jsxs)(e.TabsList,{children:[(0,t.jsx)(e.TabsTrigger,{value:"bestSeller",children:"Best Seller"}),(0,t.jsx)(e.TabsTrigger,{value:"discountProducts",children:"Discount products"}),(0,t.jsx)(e.TabsTrigger,{value:"bundleDeals",children:"Bundle Deals"}),(0,t.jsx)(e.TabsTrigger,{value:"recommend",children:"Recommend"})]}),(0,t.jsx)(e.TabsContent,{value:"bestSeller",children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"discountProducts",children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"bundleDeals",children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"recommend",children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})]})},C={args:{defaultValue:""},render:a=>(0,t.jsxs)(e.Tabs,{...a,children:[(0,t.jsxs)(e.TabsList,{children:[(0,t.jsx)(e.TabsTrigger,{disabled:!0,value:"bestSeller",children:"Best Seller"}),(0,t.jsx)(e.TabsTrigger,{value:"discountProducts",children:"Discount products"}),(0,t.jsx)(e.TabsTrigger,{value:"bundleDeals",children:"Bundle Deals"}),(0,t.jsx)(e.TabsTrigger,{value:"recommend",children:"Recommend"})]}),(0,t.jsx)(e.TabsContent,{value:"bestSeller",children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"discountProducts",children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"bundleDeals",children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"}),(0,t.jsx)(e.TabsContent,{value:"recommend",children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})]})};
+"use strict";var r=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var i=Object.prototype.hasOwnProperty;var b=(a,s)=>{for(var o in s)r(a,o,{get:s[o],enumerable:!0})},d=(a,s,o,l)=>{if(s&&typeof s=="object"||typeof s=="function")for(let n of T(s))!i.call(a,n)&&n!==o&&r(a,n,{get:()=>s[n],enumerable:!(l=u(s,n))||l.enumerable});return a};var c=a=>d(r({},"__esModule",{value:!0}),a);var x={};b(x,{AlignCenter:()=>v,AlignRight:()=>y,Default:()=>p,Disabled:()=>C,default:()=>m});module.exports=c(x);var t=require("react/jsx-runtime"),e=require("../components/index.js"),D=require("react");const g={title:"Components/Tabs",component:e.Tabs,subcomponents:{TabsList:e.TabsList,TabsTrigger:e.TabsTrigger,TabsContent:e.TabsContent},decorators:[a=>(0,t.jsx)("div",{style:{margin:"2em"},children:(0,t.jsx)(a,{})})],parameters:{layout:"fullscreen",docs:{description:{component:"Tab\u9009\u9879\u5361\uFF0C\u63D0\u4F9B\u53EF\u8BBF\u95EE\u7684\u6807\u7B7E\u754C\u9762\uFF0C\u57FA\u4E8E@radix-ui/react-tabs"}}},tags:["autodocs"],args:{defaultValue:"bestSeller",align:"left"},argTypes:{defaultValue:{description:"\u9ED8\u8BA4\u9009\u4E2D\u7684\u6807\u7B7E\u9875\u503C",control:"text",table:{summary:"bestSeller",readonly:!0}},value:{description:"\u5F53\u524D\u9009\u4E2D\u7684\u6807\u7B7E\u9875\u503C\uFF08\u53D7\u63A7\u6A21\u5F0F\uFF09",control:{type:"radio"},options:["bestSeller","discountProducts","bundleDeals","recommend"]},align:{description:"\u5BF9\u9F50\u65B9\u5411"},onValueChange:{description:"\u6807\u7B7E\u9875\u503C\u53D8\u5316\u65F6\u7684\u56DE\u8C03\u51FD\u6570",action:"changed",type:"function"},orientation:{control:{type:"inline-radio"},options:["horizontal","vertical"],description:"\u6807\u7B7E\u9875\u5E03\u5C40\u65B9\u5411",table:{defaultValue:{summary:"horizontal"}}},dir:{control:{type:"inline-radio"},options:["ltr","rtl"],description:"\u6587\u672C\u65B9\u5411",table:{defaultValue:{summary:"ltr"}}}}};var m=g;const p={render:a=>(0,t.jsxs)(e.Tabs,{...a,children:[(0,t.jsxs)(e.TabsList,{children:[(0,t.jsx)(e.TabsTrigger,{value:"bestSeller",children:"Best Seller"}),(0,t.jsx)(e.TabsTrigger,{value:"discountProducts",children:"Discount products"}),(0,t.jsx)(e.TabsTrigger,{value:"bundleDeals",children:"Bundle Deals"}),(0,t.jsx)(e.TabsTrigger,{value:"recommend",children:"Recommend"})]}),(0,t.jsx)(e.TabsContent,{value:"bestSeller",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"})})," ",(0,t.jsx)(e.TabsContent,{value:"discountProducts",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"})})," ",(0,t.jsx)(e.TabsContent,{value:"bundleDeals",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"})})," ",(0,t.jsx)(e.TabsContent,{value:"recommend",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})})]})},v={args:{align:"center"},render:a=>(0,t.jsxs)(e.Tabs,{...a,children:[(0,t.jsxs)(e.TabsList,{children:[(0,t.jsx)(e.TabsTrigger,{value:"bestSeller",children:"Best Seller"}),(0,t.jsx)(e.TabsTrigger,{value:"discountProducts",children:"Discount products"}),(0,t.jsx)(e.TabsTrigger,{value:"bundleDeals",children:"Bundle Deals"}),(0,t.jsx)(e.TabsTrigger,{value:"recommend",children:"Recommend"})]}),(0,t.jsx)(e.TabsContent,{value:"bestSeller",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"})})," ",(0,t.jsx)(e.TabsContent,{value:"discountProducts",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"})})," ",(0,t.jsx)(e.TabsContent,{value:"bundleDeals",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"})})," ",(0,t.jsx)(e.TabsContent,{value:"recommend",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})})]})},y={args:{align:"right"},render:a=>(0,t.jsxs)(e.Tabs,{...a,children:[(0,t.jsxs)(e.TabsList,{children:[(0,t.jsx)(e.TabsTrigger,{value:"bestSeller",children:"Best Seller"}),(0,t.jsx)(e.TabsTrigger,{value:"discountProducts",children:"Discount products"}),(0,t.jsx)(e.TabsTrigger,{value:"bundleDeals",children:"Bundle Deals"}),(0,t.jsx)(e.TabsTrigger,{value:"recommend",children:"Recommend"})]}),(0,t.jsx)(e.TabsContent,{value:"bestSeller",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"})})," ",(0,t.jsx)(e.TabsContent,{value:"discountProducts",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"})})," ",(0,t.jsx)(e.TabsContent,{value:"bundleDeals",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"})})," ",(0,t.jsx)(e.TabsContent,{value:"recommend",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})})]})},C={args:{defaultValue:""},render:a=>(0,t.jsxs)(e.Tabs,{...a,children:[(0,t.jsxs)(e.TabsList,{children:[(0,t.jsx)(e.TabsTrigger,{disabled:!0,value:"bestSeller",children:"Best Seller"}),(0,t.jsx)(e.TabsTrigger,{value:"discountProducts",children:"Discount products"}),(0,t.jsx)(e.TabsTrigger,{value:"bundleDeals",children:"Bundle Deals"}),(0,t.jsx)(e.TabsTrigger,{value:"recommend",children:"Recommend"})]}),(0,t.jsx)(e.TabsContent,{value:"bestSeller",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"})})," ",(0,t.jsx)(e.TabsContent,{value:"discountProducts",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"})})," ",(0,t.jsx)(e.TabsContent,{value:"bundleDeals",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"})})," ",(0,t.jsx)(e.TabsContent,{value:"recommend",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})})]})};
 //# sourceMappingURL=tabs.stories.js.map

package/dist/cjs/stories/tabs.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/tabs.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '../components/index.js'\n\nimport React, { type ComponentType } from 'react'\n\nconst meta = {\n  title: 'Components/Tabs',\n  component: Tabs,\n  subcomponents: {\n    TabsList: TabsList as ComponentType<unknown>,\n    TabsTrigger: TabsTrigger as ComponentType<unknown>,\n    TabsContent: TabsContent as ComponentType<unknown>,\n  },\n  decorators: [\n    Story => (\n      <div style={{ margin: '2em' }}>\n        <Story />\n      </div>\n    ),\n  ],\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: 'Tab\u9009\u9879\u5361\uFF0C\u63D0\u4F9B\u53EF\u8BBF\u95EE\u7684\u6807\u7B7E\u754C\u9762\uFF0C\u57FA\u4E8E@radix-ui/react-tabs',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  args: {\n    defaultValue: 'bestSeller',\n    algin: 'left',\n  },\n  argTypes: {\n    defaultValue: {\n      description: '\u9ED8\u8BA4\u9009\u4E2D\u7684\u6807\u7B7E\u9875\u503C',\n      control: 'text',\n      table: {\n        summary: 'bestSeller',\n        readonly: true,\n      },\n    },\n    value: {\n      description: '\u5F53\u524D\u9009\u4E2D\u7684\u6807\u7B7E\u9875\u503C\uFF08\u53D7\u63A7\u6A21\u5F0F\uFF09',\n      control: {\n        type: 'radio',\n      },\n      options: ['bestSeller', 'discountProducts', 'bundleDeals', 'recommend'],\n    },\n    algin: {\n      description: '\u5BF9\u9F50\u65B9\u5411',\n    },\n    onValueChange: {\n      description: '\u6807\u7B7E\u9875\u503C\u53D8\u5316\u65F6\u7684\u56DE\u8C03\u51FD\u6570',\n      action: 'changed',\n      type: 'function',\n    },\n    orientation: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['horizontal', 'vertical'],\n      description: '\u6807\u7B7E\u9875\u5E03\u5C40\u65B9\u5411',\n      table: {\n        defaultValue: {\n          summary: 'horizontal',\n        },\n      },\n    },\n    dir: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['ltr', 'rtl'],\n      description: '\u6587\u672C\u65B9\u5411',\n      table: {\n        defaultValue: {\n          summary: 'ltr',\n        },\n      },\n    },\n    // activationMode: {\n    //   control: {\n    //     type: 'select',\n    //   },\n    //   options: ['automatic', 'manual'],\n    //   description: '\u6FC0\u6D3B\u6A21\u5F0F\uFF08automatic: \u81EA\u52A8\u6FC0\u6D3B, manual: \u624B\u52A8\u6FC0\u6D3B\uFF09',\n    //   table: {\n    //     defaultValue: {\n    //       summary: 'automatic',\n    //     },\n    //   },\n    // },\n  },\n} satisfies Meta<typeof Tabs>\n\nexport default meta\n\ntype Story = StoryObj<typeof Tabs>\n\nexport const Default: Story = {\n  render: args => (\n    <Tabs {...args}>\n      <TabsList>\n        <TabsTrigger value=\"bestSeller\">Best Seller</TabsTrigger>\n        <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n        <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n        <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n      </TabsList>\n      <TabsContent value=\"bestSeller\">\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"discountProducts\">\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"bundleDeals\">\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"recommend\">\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n    </Tabs>\n  ),\n}\n\nexport const AlignCenter: Story = {\n  args: {\n    algin: 'center',\n  },\n  render: args => (\n    <Tabs {...args}>\n      <TabsList>\n        <TabsTrigger value=\"bestSeller\">Best Seller</TabsTrigger>\n        <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n        <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n        <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n      </TabsList>\n      <TabsContent value=\"bestSeller\">\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"discountProducts\">\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"bundleDeals\">\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"recommend\">\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n    </Tabs>\n  ),\n}\n\nexport const AlignRight: Story = {\n  args: {\n    algin: 'right',\n  },\n  render: args => (\n    <Tabs {...args}>\n      <TabsList>\n        <TabsTrigger value=\"bestSeller\">Best Seller</TabsTrigger>\n        <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n        <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n        <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n      </TabsList>\n      <TabsContent value=\"bestSeller\">\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"discountProducts\">\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"bundleDeals\">\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"recommend\">\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n    </Tabs>\n  ),\n}\n\nexport const Disabled: Story = {\n  args: {\n    defaultValue: '',\n  },\n  render: args => (\n    <Tabs {...args}>\n      <TabsList>\n        <TabsTrigger disabled value=\"bestSeller\">\n          Best Seller\n        </TabsTrigger>\n        <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n        <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n        <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n      </TabsList>\n      <TabsContent value=\"bestSeller\">\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"discountProducts\">\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"bundleDeals\">\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n      <TabsContent value=\"recommend\">\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</TabsContent>\n    </Tabs>\n  ),\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Tabs, TabsList, TabsTrigger, TabsContent, Text } from '../components/index.js'\n\nimport React, { type ComponentType } from 'react'\n\nconst meta = {\n  title: 'Components/Tabs',\n  component: Tabs,\n  subcomponents: {\n    TabsList: TabsList as ComponentType<unknown>,\n    TabsTrigger: TabsTrigger as ComponentType<unknown>,\n    TabsContent: TabsContent as ComponentType<unknown>,\n  },\n  decorators: [\n    Story => (\n      <div style={{ margin: '2em' }}>\n        <Story />\n      </div>\n    ),\n  ],\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: 'Tab\u9009\u9879\u5361\uFF0C\u63D0\u4F9B\u53EF\u8BBF\u95EE\u7684\u6807\u7B7E\u754C\u9762\uFF0C\u57FA\u4E8E@radix-ui/react-tabs',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  args: {\n    defaultValue: 'bestSeller',\n    align: 'left',\n  },\n  argTypes: {\n    defaultValue: {\n      description: '\u9ED8\u8BA4\u9009\u4E2D\u7684\u6807\u7B7E\u9875\u503C',\n      control: 'text',\n      table: {\n        summary: 'bestSeller',\n        readonly: true,\n      },\n    },\n    value: {\n      description: '\u5F53\u524D\u9009\u4E2D\u7684\u6807\u7B7E\u9875\u503C\uFF08\u53D7\u63A7\u6A21\u5F0F\uFF09',\n      control: {\n        type: 'radio',\n      },\n      options: ['bestSeller', 'discountProducts', 'bundleDeals', 'recommend'],\n    },\n    align: {\n      description: '\u5BF9\u9F50\u65B9\u5411',\n    },\n    onValueChange: {\n      description: '\u6807\u7B7E\u9875\u503C\u53D8\u5316\u65F6\u7684\u56DE\u8C03\u51FD\u6570',\n      action: 'changed',\n      type: 'function',\n    },\n    orientation: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['horizontal', 'vertical'],\n      description: '\u6807\u7B7E\u9875\u5E03\u5C40\u65B9\u5411',\n      table: {\n        defaultValue: {\n          summary: 'horizontal',\n        },\n      },\n    },\n    dir: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['ltr', 'rtl'],\n      description: '\u6587\u672C\u65B9\u5411',\n      table: {\n        defaultValue: {\n          summary: 'ltr',\n        },\n      },\n    },\n    // activationMode: {\n    //   control: {\n    //     type: 'select',\n    //   },\n    //   options: ['automatic', 'manual'],\n    //   description: '\u6FC0\u6D3B\u6A21\u5F0F\uFF08automatic: \u81EA\u52A8\u6FC0\u6D3B, manual: \u624B\u52A8\u6FC0\u6D3B\uFF09',\n    //   table: {\n    //     defaultValue: {\n    //       summary: 'automatic',\n    //     },\n    //   },\n    // },\n  },\n} satisfies Meta<typeof Tabs>\n\nexport default meta\n\ntype Story = StoryObj<typeof Tabs>\n\nexport const Default: Story = {\n  render: args => (\n    <Tabs {...args}>\n      <TabsList>\n        <TabsTrigger value=\"bestSeller\">Best Seller</TabsTrigger>\n        <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n        <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n        <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n      </TabsList>\n      <TabsContent value=\"bestSeller\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>{' '}\n      <TabsContent value=\"discountProducts\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>{' '}\n      <TabsContent value=\"bundleDeals\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>{' '}\n      <TabsContent value=\"recommend\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>\n    </Tabs>\n  ),\n}\n\nexport const AlignCenter: Story = {\n  args: {\n    align: 'center',\n  },\n  render: args => (\n    <Tabs {...args}>\n      <TabsList>\n        <TabsTrigger value=\"bestSeller\">Best Seller</TabsTrigger>\n        <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n        <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n        <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n      </TabsList>\n      <TabsContent value=\"bestSeller\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>{' '}\n      <TabsContent value=\"discountProducts\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>{' '}\n      <TabsContent value=\"bundleDeals\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>{' '}\n      <TabsContent value=\"recommend\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>\n    </Tabs>\n  ),\n}\n\nexport const AlignRight: Story = {\n  args: {\n    align: 'right',\n  },\n  render: args => (\n    <Tabs {...args}>\n      <TabsList>\n        <TabsTrigger value=\"bestSeller\">Best Seller</TabsTrigger>\n        <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n        <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n        <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n      </TabsList>\n      <TabsContent value=\"bestSeller\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>{' '}\n      <TabsContent value=\"discountProducts\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>{' '}\n      <TabsContent value=\"bundleDeals\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>{' '}\n      <TabsContent value=\"recommend\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>\n    </Tabs>\n  ),\n}\n\nexport const Disabled: Story = {\n  args: {\n    defaultValue: '',\n  },\n  render: args => (\n    <Tabs {...args}>\n      <TabsList>\n        <TabsTrigger disabled value=\"bestSeller\">\n          Best Seller\n        </TabsTrigger>\n        <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n        <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n        <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n      </TabsList>\n      <TabsContent value=\"bestSeller\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>{' '}\n      <TabsContent value=\"discountProducts\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>{' '}\n      <TabsContent value=\"bundleDeals\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>{' '}\n      <TabsContent value=\"recommend\">\n        <Text>\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</Text>\n      </TabsContent>\n    </Tabs>\n  ),\n}\n"],
+  "mappings": "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",
   "names": ["tabs_stories_exports", "__export", "AlignCenter", "AlignRight", "Default", "Disabled", "tabs_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "meta", "Story", "args"]
 }

package/dist/cjs/stories/text.stories.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ 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>>;
+    component: React.ForwardRefExoticComponent<import("../index.js").TextProps & React.RefAttributes<HTMLSpanElement>>;
     parameters: {
         layout: string;
         docs: {

package/dist/cjs/stories/text.stories.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var i=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var d=(r,o)=>{for(var a in o)i(r,a,{get:o[a],enumerable:!0})},f=(r,o,a,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of p(o))!c.call(r,l)&&l!==a&&i(r,l,{get:()=>o[l],enumerable:!(n=s(o,l))||n.enumerable});return r};var m=r=>f(i({},"__esModule",{value:!0}),r);var T={};d(T,{Default:()=>h,Html:()=>b,Sizes:()=>g,default:()=>y,weight:()=>x});module.exports=m(T);var e=require("react/jsx-runtime"),t=require("../components/index.js"),z=require("react");const u={title:"Typography/Text",component:t.Text,parameters:{layout:"padded",docs:{description:{component:"\u6587\u672C\u7EC4\u4EF6, \u7528\u4E8E\u5C55\u793A\u6587\u672C\u5185\u5BB9."}}},tags:["autodocs"],argTypes:{size:{control:{type:"select"},description:"\u6587\u672C\u5C3A\u5BF8 3: \u6B63\u6587, 2: \u8865\u5145\u6587\u672C, 1: \u5C0F\u6807\u9898",options:[1,2,3],table:{defaultValue:{summary:"3"}}},weight:{control:{type:"select"},options:["light","normal","medium","semibold","bold"],table:{defaultValue:{summary:"normal"}}},align:{control:{type:"select"},options:["left","center","right"],table:{defaultValue:{summary:void 0}}},color:{control:{type:"color"}},as:{control:{type:"select"},description:"html \u6807\u7B7E\u7C7B\u578B, div\u548Cp\u4F1A\u9ED8\u8BA4\u5360\u6EE1\u6574\u884C",options:["div","label","p","span"],table:{defaultValue:{summary:"span"}}},html:{type:"string",description:"\u76F8\u5F53\u4E8E dangerouslySetInnerHTML"}},args:{size:3,weight:"normal",align:"left",html:"",as:"p"}};var y=u;const h={args:{children:" The quick brown fox jumps over the lazy dog.",size:3,weight:"normal"}},g={render(){return(0,e.jsxs)("div",{className:"flex flex-col",children:[(0,e.jsx)(t.Text,{size:1,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(t.Text,{size:2,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(t.Text,{size:3,children:"The quick brown fox jumps over the lazy dog."})]})}},x={render(){return(0,e.jsxs)("div",{className:"flex flex-col",children:[(0,e.jsx)(t.Text,{weight:"light",children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(t.Text,{weight:"normal",children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(t.Text,{weight:"medium",children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(t.Text,{weight:"bold",children:"The quick brown fox jumps over the lazy dog."})]})}},b={render(){return(0,e.jsx)(t.Text,{html:`The <span style='font-size:20px;font:bold; -webkit-background-clip: text; background: linear-gradient(
+"use strict";var a=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var m=(r,o)=>{for(var i in o)a(r,i,{get:o[i],enumerable:!0})},c=(r,o,i,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of d(o))!p.call(r,l)&&l!==i&&a(r,l,{get:()=>o[l],enumerable:!(n=s(o,l))||n.enumerable});return r};var f=r=>c(a({},"__esModule",{value:!0}),r);var T={};m(T,{Default:()=>u,Html:()=>b,Sizes:()=>g,default:()=>y,weight:()=>x});module.exports=f(T);var e=require("react/jsx-runtime"),t=require("../components/index.js"),w=require("react");const h={title:"Typography/Text",component:t.Text,parameters:{layout:"padded",docs:{description:{component:"\u6587\u672C\u7EC4\u4EF6, \u7528\u4E8E\u5C55\u793A\u6587\u672C\u5185\u5BB9."}}},tags:["autodocs"],argTypes:{size:{control:{type:"select"},description:"\u6587\u672C\u5C3A\u5BF8 3: \u6B63\u6587, 2: \u8865\u5145\u6587\u672C, 1: \u5C0F\u6807\u9898",options:[1,2,3],table:{defaultValue:{summary:"3"}}},weight:{control:{type:"select"},options:["light","normal","medium","semibold","bold"],table:{defaultValue:{summary:"normal"}}},align:{control:{type:"select"},options:["left","center","right"],table:{defaultValue:{summary:void 0}}},color:{control:{type:"color"}},as:{control:{type:"select"},description:"html \u6807\u7B7E\u7C7B\u578B, div\u548Cp\u4F1A\u9ED8\u8BA4\u5360\u6EE1\u6574\u884C",options:["div","label","p","span"],table:{defaultValue:{summary:"span"}}},html:{type:"string",description:"\u76F8\u5F53\u4E8E dangerouslySetInnerHTML"}},args:{size:3,weight:"normal",align:"left",html:"",as:"p"}};var y=h;const u={args:{children:" The quick brown fox jumps over the lazy dog.",size:3,weight:"normal"}},g={render(){return(0,e.jsxs)("div",{className:"flex flex-col",children:[(0,e.jsx)(t.Text,{size:1,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(t.Text,{size:2,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(t.Text,{size:3,children:"The quick brown fox jumps over the lazy dog."})]})}},x={render(){return(0,e.jsxs)("div",{className:"flex flex-col",children:[(0,e.jsx)(t.Text,{weight:"light",children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(t.Text,{weight:"normal",children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(t.Text,{weight:"medium",children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(t.Text,{weight:"semibold",children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(t.Text,{weight:"bold",children:"The quick brown fox jumps over the lazy dog."})]})}},b={render(){return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(t.Text,{children:"\u652F\u6301html \u683C\u5F0F \u548Cpayload cms JSON \u683C\u5F0F \u7684\u5BCC\u6587\u672C"}),(0,e.jsx)("hr",{}),(0,e.jsx)(t.Text,{html:`The <span style='font-size:20px;font:bold; -webkit-background-clip: text; background: linear-gradient(
       to right,
       #00ff00,   /* \u7EFF\u8272 */
       #00ff99,   /* \u6D45\u7EFF\u8272 */
@@ -6,5 +6,5 @@
       #0099ff,   /* \u6D45\u84DD\u8272 */
       #8000ff,   /* \u7D2B\u8272 */
       #ff00ff    /* \u7C89\u8272 */
-    );color: transparent;background-clip: text;'>quick brown fox</span> <br/> jumps over the lazy dog.`})}};
+    );color: transparent;background-clip: text;'>quick brown fox</span> <br/> jumps over the lazy dog.`}),(0,e.jsx)("hr",{}),(0,e.jsx)(t.Text,{html:{root:{type:"root",format:"",indent:0,version:1,children:[{tag:"h1",type:"heading",format:"",indent:0,version:1,children:[{mode:"normal",text:"React to Every Noise as You Go",type:"text",style:"",detail:0,format:0,version:1}],direction:"ltr"},{tag:"h3",type:"heading",format:"",indent:0,version:1,children:[{mode:"normal",text:"Reserve for Only $1, Get $70 Off",type:"text",style:"",detail:0,format:0,version:1}],direction:"ltr"}],direction:"ltr"}}})]})}};
 //# sourceMappingURL=text.stories.js.map

package/dist/cjs/stories/text.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/text.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Text } from '../components/index.js'\nimport React from 'react'\n\nconst meta = {\n  title: 'Typography/Text',\n  component: Text,\n  parameters: {\n    layout: 'padded',\n    docs: {\n      description: {\n        component: '\u6587\u672C\u7EC4\u4EF6, \u7528\u4E8E\u5C55\u793A\u6587\u672C\u5185\u5BB9.',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: {\n        type: 'select',\n      },\n      description: '\u6587\u672C\u5C3A\u5BF8 3: \u6B63\u6587, 2: \u8865\u5145\u6587\u672C, 1: \u5C0F\u6807\u9898',\n      options: [1, 2, 3],\n      table: {\n        defaultValue: { summary: '3' },\n      },\n    },\n    weight: {\n      control: {\n        type: 'select',\n      },\n      options: ['light', 'normal', 'medium', 'semibold', 'bold'],\n      table: {\n        defaultValue: { summary: 'normal' },\n      },\n    },\n    align: {\n      control: {\n        type: 'select',\n      },\n      options: ['left', 'center', 'right'],\n      table: {\n        defaultValue: { summary: undefined },\n      },\n    },\n    color: {\n      control: {\n        type: 'color',\n      },\n    },\n    as: {\n      control: {\n        type: 'select',\n      },\n      description: 'html \u6807\u7B7E\u7C7B\u578B, div\u548Cp\u4F1A\u9ED8\u8BA4\u5360\u6EE1\u6574\u884C',\n      options: ['div', 'label', 'p', 'span'],\n      table: {\n        defaultValue: { summary: 'span' },\n      },\n    },\n    html: {\n      type: 'string',\n      description: '\u76F8\u5F53\u4E8E dangerouslySetInnerHTML',\n    },\n  },\n  args: {\n    size: 3,\n    weight: 'normal',\n    align: 'left',\n    html: '',\n    as: 'p',\n  },\n} satisfies Meta<typeof Text>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    children: ' The quick brown fox jumps over the lazy dog.',\n    size: 3,\n    weight: 'normal',\n  },\n}\n\nexport const Sizes: Story = {\n  render() {\n    return (\n      <div className=\"flex flex-col\">\n        <Text size={1}>The quick brown fox jumps over the lazy dog.</Text>\n        <Text size={2}>The quick brown fox jumps over the lazy dog.</Text>\n        <Text size={3}>The quick brown fox jumps over the lazy dog.</Text>\n      </div>\n    )\n  },\n}\n\nexport const weight: Story = {\n  render() {\n    return (\n      <div className=\"flex flex-col\">\n        <Text weight=\"light\">The quick brown fox jumps over the lazy dog.</Text>\n        <Text weight=\"normal\">The quick brown fox jumps over the lazy dog.</Text>\n        <Text weight=\"medium\">The quick brown fox jumps over the lazy dog.</Text>\n        <Text weight=\"bold\">The quick brown fox jumps over the lazy dog.</Text>\n      </div>\n    )\n  },\n}\n\n\n\nexport const Html: Story = {\n  render() {\n    return (\n      <Text\n        html={`The <span style='font-size:20px;font:bold; -webkit-background-clip: text; background: linear-gradient(\n      to right, \n      #00ff00,   /* \u7EFF\u8272 */\n      #00ff99,   /* \u6D45\u7EFF\u8272 */\n      #00ffff,   /* \u9752\u8272 */\n      #0099ff,   /* \u6D45\u84DD\u8272 */\n      #8000ff,   /* \u7D2B\u8272 */\n      #ff00ff    /* \u7C89\u8272 */\n    );color: transparent;background-clip: text;'>quick brown fox</span> <br/> jumps over the lazy dog.`}\n      />\n    )\n  },\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,SAAAC,EAAA,UAAAC,EAAA,YAAAC,EAAA,WAAAC,IAAA,eAAAC,EAAAP,GAyFM,IAAAQ,EAAA,6BAvFNC,EAAqB,kCACrBC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,kBACP,UAAW,OACX,WAAY,CACV,OAAQ,SACR,KAAM,CACJ,YAAa,CACX,UAAW,6EACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,YAAa,+FACb,QAAS,CAAC,EAAG,EAAG,CAAC,EACjB,MAAO,CACL,aAAc,CAAE,QAAS,GAAI,CAC/B,CACF,EACA,OAAQ,CACN,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,QAAS,SAAU,SAAU,WAAY,MAAM,EACzD,MAAO,CACL,aAAc,CAAE,QAAS,QAAS,CACpC,CACF,EACA,MAAO,CACL,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,OAAQ,SAAU,OAAO,EACnC,MAAO,CACL,aAAc,CAAE,QAAS,MAAU,CACrC,CACF,EACA,MAAO,CACL,QAAS,CACP,KAAM,OACR,CACF,EACA,GAAI,CACF,QAAS,CACP,KAAM,QACR,EACA,YAAa,sFACb,QAAS,CAAC,MAAO,QAAS,IAAK,MAAM,EACrC,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,CACF,EACA,KAAM,CACJ,KAAM,SACN,YAAa,4CACf,CACF,EACA,KAAM,CACJ,KAAM,EACN,OAAQ,SACR,MAAO,OACP,KAAM,GACN,GAAI,GACN,CACF,EAEA,IAAON,EAAQM,EAGR,MAAMT,EAAiB,CAC5B,KAAM,CACJ,SAAU,gDACV,KAAM,EACN,OAAQ,QACV,CACF,EAEaE,EAAe,CAC1B,QAAS,CACP,SACE,QAAC,OAAI,UAAU,gBACb,oBAAC,QAAK,KAAM,EAAG,wDAA4C,KAC3D,OAAC,QAAK,KAAM,EAAG,wDAA4C,KAC3D,OAAC,QAAK,KAAM,EAAG,wDAA4C,GAC7D,CAEJ,CACF,EAEaE,EAAgB,CAC3B,QAAS,CACP,SACE,QAAC,OAAI,UAAU,gBACb,oBAAC,QAAK,OAAO,QAAQ,wDAA4C,KACjE,OAAC,QAAK,OAAO,SAAS,wDAA4C,KAClE,OAAC,QAAK,OAAO,SAAS,wDAA4C,KAClE,OAAC,QAAK,OAAO,OAAO,wDAA4C,GAClE,CAEJ,CACF,EAIaH,EAAc,CACzB,QAAS,CACP,SACE,OAAC,QACC,KAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wGASR,CAEJ,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Text } from '../components/index.js'\nimport React from 'react'\n\nconst meta = {\n  title: 'Typography/Text',\n  component: Text,\n  parameters: {\n    layout: 'padded',\n    docs: {\n      description: {\n        component: '\u6587\u672C\u7EC4\u4EF6, \u7528\u4E8E\u5C55\u793A\u6587\u672C\u5185\u5BB9.',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: {\n        type: 'select',\n      },\n      description: '\u6587\u672C\u5C3A\u5BF8 3: \u6B63\u6587, 2: \u8865\u5145\u6587\u672C, 1: \u5C0F\u6807\u9898',\n      options: [1, 2, 3],\n      table: {\n        defaultValue: { summary: '3' },\n      },\n    },\n    weight: {\n      control: {\n        type: 'select',\n      },\n      options: ['light', 'normal', 'medium', 'semibold', 'bold'],\n      table: {\n        defaultValue: { summary: 'normal' },\n      },\n    },\n    align: {\n      control: {\n        type: 'select',\n      },\n      options: ['left', 'center', 'right'],\n      table: {\n        defaultValue: { summary: undefined },\n      },\n    },\n    color: {\n      control: {\n        type: 'color',\n      },\n    },\n    as: {\n      control: {\n        type: 'select',\n      },\n      description: 'html \u6807\u7B7E\u7C7B\u578B, div\u548Cp\u4F1A\u9ED8\u8BA4\u5360\u6EE1\u6574\u884C',\n      options: ['div', 'label', 'p', 'span'],\n      table: {\n        defaultValue: { summary: 'span' },\n      },\n    },\n    html: {\n      type: 'string',\n      description: '\u76F8\u5F53\u4E8E dangerouslySetInnerHTML',\n    },\n  },\n  args: {\n    size: 3,\n    weight: 'normal',\n    align: 'left',\n    html: '',\n    as: 'p',\n  },\n} satisfies Meta<typeof Text>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    children: ' The quick brown fox jumps over the lazy dog.',\n    size: 3,\n    weight: 'normal',\n  },\n}\n\nexport const Sizes: Story = {\n  render() {\n    return (\n      <div className=\"flex flex-col\">\n        <Text size={1}>The quick brown fox jumps over the lazy dog.</Text>\n        <Text size={2}>The quick brown fox jumps over the lazy dog.</Text>\n        <Text size={3}>The quick brown fox jumps over the lazy dog.</Text>\n      </div>\n    )\n  },\n}\n\nexport const weight: Story = {\n  render() {\n    return (\n      <div className=\"flex flex-col\">\n        <Text weight=\"light\">The quick brown fox jumps over the lazy dog.</Text>\n        <Text weight=\"normal\">The quick brown fox jumps over the lazy dog.</Text>\n        <Text weight=\"medium\">The quick brown fox jumps over the lazy dog.</Text>\n        <Text weight=\"semibold\">The quick brown fox jumps over the lazy dog.</Text>\n        <Text weight=\"bold\">The quick brown fox jumps over the lazy dog.</Text>\n      </div>\n    )\n  },\n}\n\nexport const Html: Story = {\n  render() {\n    return (\n      <>\n        <Text>\u652F\u6301html \u683C\u5F0F \u548Cpayload cms JSON \u683C\u5F0F \u7684\u5BCC\u6587\u672C</Text>\n        <hr />\n        <Text\n          html={`The <span style='font-size:20px;font:bold; -webkit-background-clip: text; background: linear-gradient(\n      to right, \n      #00ff00,   /* \u7EFF\u8272 */\n      #00ff99,   /* \u6D45\u7EFF\u8272 */\n      #00ffff,   /* \u9752\u8272 */\n      #0099ff,   /* \u6D45\u84DD\u8272 */\n      #8000ff,   /* \u7D2B\u8272 */\n      #ff00ff    /* \u7C89\u8272 */\n    );color: transparent;background-clip: text;'>quick brown fox</span> <br/> jumps over the lazy dog.`}\n        />\n        <hr />\n        <Text\n          html={\n            {\n              root: {\n                type: 'root',\n                format: '',\n                indent: 0,\n                version: 1,\n                children: [\n                  {\n                    tag: 'h1',\n                    type: 'heading',\n                    format: '',\n                    indent: 0,\n                    version: 1,\n                    children: [\n                      {\n                        mode: 'normal',\n                        text: 'React to Every Noise as You Go',\n                        type: 'text',\n                        style: '',\n                        detail: 0,\n                        format: 0,\n                        version: 1,\n                      },\n                    ],\n                    direction: 'ltr',\n                  },\n                  {\n                    tag: 'h3',\n                    type: 'heading',\n                    format: '',\n                    indent: 0,\n                    version: 1,\n                    children: [\n                      {\n                        mode: 'normal',\n                        text: 'Reserve for Only $1, Get $70 Off',\n                        type: 'text',\n                        style: '',\n                        detail: 0,\n                        format: 0,\n                        version: 1,\n                      },\n                    ],\n                    direction: 'ltr',\n                  },\n                ],\n                direction: 'ltr',\n              },\n            } as any\n          }\n        />\n      </>\n    )\n  },\n}\n"],
+  "mappings": "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",
   "names": ["text_stories_exports", "__export", "Default", "Html", "Sizes", "text_stories_default", "weight", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "meta"]
 }

package/dist/cjs/types/props.d.ts CHANGED Viewed

@@ -2,4 +2,32 @@ export interface ComponentCommonProps {
     style?: string;
     event?: any;
     condition?: any;
+    className?: string;
+    id?: string;
+    key?: string;
 }
+export type Img = {
+    url: string;
+    alt?: string;
+};
+export type Video = {
+    url: string;
+};
+export type Theme = 'light' | 'dark';
+export type Shape = 'rounded' | 'square';
+export type Align = 'left' | 'center' | 'right';
+export type Media = {
+    alt: string;
+    url: string;
+    thumbnailURL: string;
+    mimeType: 'video/mp4' | 'image/jpeg' | 'image/png' | 'image/webp';
+    width?: number;
+    height?: number;
+    focalX?: number;
+    focalY?: number;
+};
+export type GSAPContext = {
+    gsap?: any;
+    ScrollTrigger?: any;
+    SplitText?: any;
+};

package/dist/cjs/types/props.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var i=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var s=(o,n,r,t)=>{if(n&&typeof n=="object"||typeof n=="function")for(let e of m(n))!p.call(o,e)&&e!==r&&i(o,e,{get:()=>n[e],enumerable:!(t=a(n,e))||t.enumerable});return o};var y=o=>s(i({},"__esModule",{value:!0}),o);var c={};module.exports=y(c);
+"use strict";var i=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var o=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var m=(t,e,p,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of o(e))!a.call(t,r)&&r!==p&&i(t,r,{get:()=>e[r],enumerable:!(n=g(e,r))||n.enumerable});return t};var l=t=>m(i({},"__esModule",{value:!0}),t);var s={};module.exports=l(s);
 //# sourceMappingURL=props.js.map

package/dist/cjs/types/props.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/types/props.ts"],
-  "sourcesContent": ["export interface ComponentCommonProps  {\n    style?: string\n    event?: any\n    condition?: any\n}"],
+  "sourcesContent": ["export interface ComponentCommonProps {\n  style?: string\n  event?: any\n  condition?: any\n  className?: string\n  id?: string\n  key?: string\n}\n\nexport type Img = {\n  url: string\n  alt?: string\n}\n\nexport type Video = {\n  url: string\n}\n\nexport type Theme = 'light' | 'dark'\nexport type Shape = 'rounded' | 'square'\nexport type Align = 'left' | 'center' | 'right'\n\nexport type Media = {\n  alt: string\n  url: string\n  thumbnailURL: string\n  mimeType: 'video/mp4' | 'image/jpeg' | 'image/png' | 'image/webp'\n  width?: number\n  height?: number\n  focalX?: number\n  focalY?: number\n}\n\nexport type GSAPContext = {\n  gsap?: any\n  ScrollTrigger?: any\n  SplitText?: any\n}\n"],
   "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
   "names": ["props_exports", "__toCommonJS"]
 }

package/dist/esm/biz-components/AccordionCards/index.d.ts CHANGED Viewed

@@ -1,25 +1,28 @@
+/** Hook：监听窗口宽度 */
+type ItemType = {
+    /** 标题文本 */
+    title: string;
+    /** 图片*/
+    img: {
+        url: string;
+    };
+    /** 内容节点 */
+    subTitle: string;
+    link?: string;
+};
 type AccordionCardsType = {
-    products: Array<{
-        /** 标题文本 */
-        title: string;
-        /** 图片*/
-        img: string;
-        /** 内容节点 */
-        subTitle: string;
-    }>;
     className?: string;
-    /** 按钮形状 */
-    shape?: 'round' | 'square';
-    /** 卡片形状 */
-    itemShape?: 'round' | 'square';
-    /** 主按钮配置 */
-    primaryButton?: string;
-    /** 按钮事件*/
-    event?: {
-        primaryButton?: {
-            onClick: (v: any) => void;
-        };
+    data: {
+        key?: string;
+        title?: string;
+        products: Array<ItemType>;
+        /** 按钮形状 */
+        shape?: 'round' | 'square';
+        /** 卡片形状 */
+        itemShape?: 'round' | 'square';
+        /** 主按钮配置 */
+        primaryButton?: string;
     };
 };
-declare const AccordionCards: ({ products, className, shape, itemShape, event, primaryButton, }: AccordionCardsType) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionCards: ({ data, className }: AccordionCardsType) => import("react/jsx-runtime").JSX.Element;
 export default AccordionCards;

package/dist/esm/biz-components/AccordionCards/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as c}from"react/jsx-runtime";import{cn as s}from"../../helpers/utils";import h from"../../components/picture";import W from"../../components/button";import{useState as u,useEffect as b,useRef as x}from"react";function C(){const[i,l]=u(window?.innerWidth||0);return b(()=>{const d=()=>l(window?.innerWidth||0);return window?.addEventListener("resize",d),()=>window?.removeEventListener("resize",d)},[]),i<=768}const L=({products:i=[],className:l="",shape:d="square",itemShape:F="square",event:w,primaryButton:g=""})=>{const y=C(),[E,m]=u(null),[k,f]=u({}),p=x([]),a=x({}),N=(t,e)=>{e&&(p.current[t]=e)},v=t=>{const e={...a.current,[t]:!0};f(e),a.current=e};return b(()=>{const t=p.current;return t?.forEach((e,n)=>{e.addEventListener("transitionend",()=>v(n))}),()=>{t?.forEach((e,n)=>{e.removeEventListener("transitionend",()=>v(n))})}},[]),y?r("div",{className:s("flex gap-4 overflow-x-auto w-full h-[400px]",l),children:i?.map((t,e)=>r("div",{className:"grow-0 shrink-0 basis-[296px] bg-[#FFFFFF] border border-solid border-[#dddddd]",children:r(h,{className:"w-full h-full object-cover [&_img]:h-full [&_img]:object-cover",source:t?.img})},e))}):r("div",{className:s("h-[336px] gap-4 flex w-full overflow-hidden laptop:h-[448px] desktop:h-[560px]",l),children:i?.map((t,e)=>{const n=E===e;return c("div",{style:{flex:n?6:1,transition:"all 0.3s ease-in-out"},ref:o=>o&&N(e,o),className:s("relative overflow-hidden cursor-pointer",F==="round"?"rounded-2xl":""),onMouseEnter:()=>m(e),onMouseLeave:()=>{m(null);const o={...a.current,[e]:!1};f(o),a.current=o},children:[r(h,{source:t?.img,className:"w-full h-full object-cover [&_img]:h-full [&_img]:object-cover"}),k?.[e]?c("div",{className:s("absolute left-0 right-0 bottom-0 px-6 pb-6 overflow-hidden flex justify-between items-end","transition-all duration-[50ms] delay-[300ms]",n?"opacity-100":"opacity-0"),children:[c("div",{className:"mr-1 flex-1 overflow-hidden",children:[r("p",{className:"mb-1 text-xl font-bold text-[#FFFFFF] laptop:text-2xl desktop:text-[32px]",children:t?.title}),r("h3",{className:"text-sm font-medium text-[#FFFFFF] desktop:text-lg",children:t?.subTitle})]}),r(W,{size:"sm",hoverEffect:"slide",variant:"secondary",onClick:()=>w?.primaryButton?.onClick?.(t),className:s("mb-1.5 overflow-hidden bg-transparent text-[#FFFFFF] font-bold text-sm desktop:text-base",d==="round"?"rounded-2xl":""),children:g})]}):null]},e)})})};var z=L;export{z as default};
+"use client";import{Fragment as C,jsx as r,jsxs as l}from"react/jsx-runtime";import T from"../Title/index.js";import{cn as s}from"../../helpers/utils.js";import F from"../../components/picture.js";import v from"../../components/button.js";import B from"../SwiperBox/index.js";import{useState as b,useEffect as E,useRef as a}from"react";const S=({data:o,className:d=""})=>{const[c,x]=b(0),[h,y]=b({0:!0}),u=a([]),m=a({0:!0}),i=a(!1),w=(t,e)=>{e&&(u.current[t]=e)},p=t=>{m.current?.[t]&&(i.current=!1,y({[t]:!0}))};E(()=>{const t=u.current;return t?.forEach((e,n)=>{n?(e.style.flex="1 1 0%",e.style.transition="all 0.6s"):(e.style.flex="5 1 0%",e.style.transition="all 0.6s"),e.addEventListener("transitionend",()=>{p(n)})}),()=>{t?.forEach((e,n)=>{e.removeEventListener("transitionend",()=>p(n))})}},[]);const g=({data:t,configuration:e})=>l("div",{className:s("relative w-full shrink-0 grow-0 overflow-hidden border border-solid border-[#dddddd] bg-[#FFFFFF]",e?.itemShape==="round"?"rounded-2xl":""),children:[r(F,{className:"size-full object-cover [&_img]:h-full [&_img]:object-cover",source:t?.img?.url}),l("div",{className:s("absolute inset-x-0 bottom-0 flex flex-col overflow-hidden px-4 pb-4"),children:[l("div",{className:"tablet:mb-6 mb-4 flex-1 overflow-hidden",children:[r("p",{className:"text-2xl font-bold leading-[1.2] text-[#FFFFFF]",children:t?.title}),r("h3",{className:"line-clamp-2 text-sm font-semibold text-[#FFFFFF]",children:t?.subTitle})]}),r(v,{size:"sm",hoverEffect:"slide",variant:"secondary",className:s("w-[116px] overflow-hidden border-[#FFFFFF] bg-transparent text-sm font-bold text-[#FFFFFF]",e?.shape==="round"?"rounded-2xl":""),children:r("a",{href:t.link,children:e?.primaryButton})})]})]});return l(C,{children:[o?.title&&r(T,{data:{title:o?.title}}),r("div",{className:"laptop:block hidden",children:r("div",{className:s("lg-desktop:h-[560px] desktop:h-[448px] flex h-[336px] w-full gap-4 overflow-hidden",d),children:o?.products?.map((t,e)=>{const n=c===e,k=n?5:1,N=h?.[e]&&n;return l("div",{style:{flex:k},ref:f=>{f&&w(e,f)},className:s("relative cursor-pointer overflow-hidden",o?.itemShape==="round"?"rounded-2xl":""),onClick:()=>{c===e||i.current||(i.current=!0,m.current={[e]:!0},x(e))},children:[r(F,{source:t?.img?.url,className:"size-full object-cover [&_img]:h-full [&_img]:object-cover"}),l("div",{className:s("absolute inset-x-0 bottom-0 flex translate-x-4 items-end justify-between overflow-hidden px-8 pb-8",N?"w-full translate-x-0 opacity-100 transition-transform ease-out":"w-0 opacity-0"),children:[l("div",{className:"mr-16 flex-1 overflow-hidden",children:[r("p",{className:"laptop:text-2xl desktop:text-[32px] mb-1 text-xl font-bold text-[#FFFFFF]",children:t?.title}),r("h3",{className:"desktop:text-lg line-clamp-2 text-sm font-medium text-[#FFFFFF]",children:t?.subTitle})]}),r(v,{size:"sm",hoverEffect:"slide",variant:"secondary",className:s("desktop:text-base mb-1.5 overflow-hidden border-[#FFFFFF] bg-transparent text-sm font-bold text-[#FFFFFF]",o?.shape==="round"?"rounded-2xl":""),children:r("a",{href:t?.link,children:o?.primaryButton})})]})]},e)})})}),r("div",{className:"laptop:hidden block",children:r(B,{className:s("h-[400px] !overflow-visible",d),id:"AccordionCards"+o?.key,data:{list:o?.products,configuration:{shape:o?.shape,itemShape:o?.itemShape,primaryButton:o?.primaryButton}},Slide:g,breakpoints:{0:{spaceBetween:"12px",freeMode:!1,slidesPerView:1},374:{spaceBetween:"12px",freeMode:!1,slidesPerView:1.2},768:{spaceBetween:"12px",freeMode:!1,slidesPerView:2.3}}})})]})};var H=S;export{H as default};
 //# sourceMappingURL=index.js.map