@anker-in/headless-ui 1.0.19 → 1.0.20-alpha.1761027154344

package/dist/esm/stories/tabs.stories.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Tabs as r,TabsList as l,TabsTrigger as t,TabsContent as a,Text as s}from"../components/index.js";import"react";const u={title:"Components/Tabs",component:r,subcomponents:{TabsList:l,TabsTrigger:t,TabsContent:a},decorators:[n=>e("div",{style:{margin:"2em"},children:e(n,{})})],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 d=u;const c={render:n=>o(r,{...n,children:[o(l,{children:[e(t,{value:"bestSeller",children:"Best Seller"}),e(t,{value:"discountProducts",children:"Discount products"}),e(t,{value:"bundleDeals",children:"Bundle Deals"}),e(t,{value:"recommend",children:"Recommend"})]}),e(a,{value:"bestSeller",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"discountProducts",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"bundleDeals",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"recommend",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})})]})},g={args:{align:"center"},render:n=>o(r,{...n,children:[o(l,{children:[e(t,{value:"bestSeller",children:"Best Seller"}),e(t,{value:"discountProducts",children:"Discount products"}),e(t,{value:"bundleDeals",children:"Bundle Deals"}),e(t,{value:"recommend",children:"Recommend"})]}),e(a,{value:"bestSeller",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"discountProducts",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"bundleDeals",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"recommend",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})})]})},m={args:{align:"right"},render:n=>o(r,{...n,children:[o(l,{children:[e(t,{value:"bestSeller",children:"Best Seller"}),e(t,{value:"discountProducts",children:"Discount products"}),e(t,{value:"bundleDeals",children:"Bundle Deals"}),e(t,{value:"recommend",children:"Recommend"})]}),e(a,{value:"bestSeller",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"discountProducts",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"bundleDeals",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"recommend",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})})]})},p={args:{defaultValue:""},render:n=>o(r,{...n,children:[o(l,{children:[e(t,{disabled:!0,value:"bestSeller",children:"Best Seller"}),e(t,{value:"discountProducts",children:"Discount products"}),e(t,{value:"bundleDeals",children:"Bundle Deals"}),e(t,{value:"recommend",children:"Recommend"})]}),e(a,{value:"bestSeller",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"discountProducts",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"bundleDeals",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"recommend",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})})]})};export{g as AlignCenter,m as AlignRight,c as Default,p as Disabled,d as default};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Tabs as n,TabsList as l,TabsTrigger as t,TabsContent as a,Text as s}from"../components/index.js";import u from"../biz-components/AiuiProvider/index.js";import"react";const i={title:"Components/Tabs",component:n,subcomponents:{TabsList:l,TabsTrigger:t,TabsContent:a},decorators:[o=>e("div",{style:{margin:"2em"},children:e(o,{})})],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 g=i;const m={render:o=>e(u,{trackingData:{},locale:"us",copyWriting:{soldOutText:"locale"},children:r(n,{...o,children:[r(l,{children:[e(t,{value:"bestSeller",children:"Best Seller"}),e(t,{value:"discountProducts",children:"Discount products"}),e(t,{value:"bundleDeals",children:"Bundle Deals"}),e(t,{value:"recommend",children:"Recommend"})]}),e(a,{value:"bestSeller",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"discountProducts",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"bundleDeals",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"recommend",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})})]})})},p={args:{align:"center"},render:o=>r(n,{...o,children:[r(l,{children:[e(t,{value:"bestSeller",children:"Best Seller"}),e(t,{value:"discountProducts",children:"Discount products"}),e(t,{value:"bundleDeals",children:"Bundle Deals"}),e(t,{value:"recommend",children:"Recommend"})]}),e(a,{value:"bestSeller",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"discountProducts",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"bundleDeals",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"recommend",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})})]})},v={args:{align:"right"},render:o=>r(n,{...o,children:[r(l,{children:[e(t,{value:"bestSeller",children:"Best Seller"}),e(t,{value:"discountProducts",children:"Discount products"}),e(t,{value:"bundleDeals",children:"Bundle Deals"}),e(t,{value:"recommend",children:"Recommend"})]}),e(a,{value:"bestSeller",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"discountProducts",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"bundleDeals",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"recommend",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})})]})},y={args:{defaultValue:""},render:o=>r(n,{...o,children:[r(l,{children:[e(t,{disabled:!0,value:"bestSeller",children:"Best Seller"}),e(t,{value:"discountProducts",children:"Discount products"}),e(t,{value:"bundleDeals",children:"Bundle Deals"}),e(t,{value:"recommend",children:"Recommend"})]}),e(a,{value:"bestSeller",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"discountProducts",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"bundleDeals",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"})})," ",e(a,{value:"recommend",children:e(s,{children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})})]})};export{p as AlignCenter,v as AlignRight,m as Default,y as Disabled,g as default};
 //# sourceMappingURL=tabs.stories.js.map

package/dist/esm/stories/tabs.stories.js.map

@@ -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, 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": ["jsx", "jsxs", "Tabs", "TabsList", "TabsTrigger", "TabsContent", "Text", "meta", "Story", "tabs_stories_default", "Default", "args", "AlignCenter", "AlignRight", "Disabled"]
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Tabs, TabsList, TabsTrigger, TabsContent, Text } from '../components/index.js'\nimport AiuiProvider from '../biz-components/AiuiProvider/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    <AiuiProvider\n      trackingData={{}}\n      locale={'us'}\n      copyWriting={{\n        soldOutText: 'locale',\n      }}\n    >\n      <Tabs {...args}>\n        <TabsList>\n          <TabsTrigger 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    </AiuiProvider>\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}"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "Tabs", "TabsList", "TabsTrigger", "TabsContent", "Text", "AiuiProvider", "meta", "Story", "tabs_stories_default", "Default", "args", "AlignCenter", "AlignRight", "Disabled"]
 }

package/dist/tokens/base.css

@@ -149,7 +149,7 @@
 
 .swiper-horizontal>.swiper-pagination-bullets,
 .swiper-pagination-bullets.swiper-pagination-horizontal {
-  bottom: -24px!important;
+  /* bottom: -24px!important; */
 }
 
 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/headless-ui",
-  "version": "1.0.19",
+  "version": "1.0.20-alpha.1761027154344",
   "type": "commonjs",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",

package/style.css

@@ -517,8 +517,11 @@ video {
 .z-50 {
   z-index: 50;
 }
-.z-\[100\] {
-  z-index: 100;
+.z-\[1000\] {
+  z-index: 1000;
+}
+.z-\[1001\] {
+  z-index: 1001;
 }
 .z-\[1\] {
   z-index: 1;
@@ -644,6 +647,10 @@ video {
   margin-left: -0.25rem;
   margin-right: -0.25rem;
 }
+.mx-1 {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+}
 .mx-1\.5 {
   margin-left: 0.375rem;
   margin-right: 0.375rem;
@@ -1382,6 +1389,10 @@ video {
 .\!text-transparent {
   color: transparent !important;
 }
+.text-\[\#6D6D6F\] {
+  --tw-text-opacity: 1;
+  color: rgb(109 109 111 / var(--tw-text-opacity, 1));
+}
 .text-\[\#86868C\] {
   --tw-text-opacity: 1;
   color: rgb(134 134 140 / var(--tw-text-opacity, 1));
@@ -1398,6 +1409,10 @@ video {
 .text-current {
   color: currentColor;
 }
+.text-gray-400 {
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
+}
 .text-info-primary {
   color: var(--info-primary-color);
 }
@@ -1425,6 +1440,9 @@ video {
 .underline {
   text-decoration-line: underline;
 }
+.no-underline {
+  text-decoration-line: none;
+}
 .opacity-60 {
   opacity: 0.6;
 }
@@ -1698,6 +1716,10 @@ video {
 .disabled\:opacity-50:disabled {
   opacity: 0.5;
 }
+.disabled\:outline-none:disabled {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
 .group:hover .group-hover\:border-lines-1 {
   border-color: var(--line-color-1);
 }
@@ -1835,6 +1857,10 @@ video {
   .tablet\:text-left {
     text-align: left;
   }
+  .tablet\:text-base {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
 }
 @media (min-width: 1025px) {
   .laptop\:-bottom-\[40px\] {
@@ -1888,6 +1914,10 @@ video {
   .desktop\:text-\[56px\] {
     font-size: 56px;
   }
+  .desktop\:text-lg {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
 }
 @media (min-width: 1920px) {
   .lg-desktop\:my-\[128px\] {