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

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

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

package/dist/cjs/stories/tabWithImage.stories.js

@@ -0,0 +1,53 @@
+"use strict";var l=Object.create;var m=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,r=Object.prototype.hasOwnProperty;var f=(e,a)=>{for(var t in a)m(e,t,{get:a[t],enumerable:!0})},p=(e,a,t,o)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of n(a))!r.call(e,s)&&s!==t&&m(e,s,{get:()=>a[s],enumerable:!(o=c(a,s))||o.enumerable});return e};var d=(e,a,t)=>(t=e!=null?l(g(e)):{},p(a||!e||!e.__esModule?m(t,"default",{value:e,enumerable:!0}):t,e)),h=e=>p(m({},"__esModule",{value:!0}),e);var F={};f(F,{Default:()=>u,SingleItem:()=>S,ThreeItems:()=>w,WithCustomStyles:()=>T,default:()=>y});module.exports=h(F);var M=require("react"),b=d(require("../biz-components/TabWithImage/index.js"));const _={title:"Biz Components/TabWithImage",component:b.default,parameters:{layout:"padded",backgrounds:{default:"dark"},docs:{description:{component:"Tab \u5207\u6362\u548C\u56FE\u7247\u5C55\u793A\u7EC4\u4EF6\uFF0C\u4F7F\u7528\u6ED1\u52A8\u80CC\u666F\u9AD8\u4EAE\u6548\u679C\u548C Framer Motion \u52A8\u753B"}}},tags:["autodocs"]};var y=_;const i={desc:"Effortless customization at your fingertips.",title:"Smart App Control",datalist:[{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/4e735b0f-8e44-4715-ae1e-d18977ca5404_Frame_2121235327.png?v=1751439585",alt:"Customizable Cleaning Modes",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/4e735b0f-8e44-4715-ae1e-d18977ca5404_Frame_2121235327.png?v=1751439585",mimeType:"image/png"},title:"Customizable Cleaning Modes",imgPad:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/efc82cbc-e848-4ba8-95ae-9e2766323588_Frame_2121235504.png?v=1752664131",alt:"Customizable Cleaning Modes Pad",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/efc82cbc-e848-4ba8-95ae-9e2766323588_Frame_2121235504.png?v=1752664131",mimeType:"image/png"},imageMob:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7ef86e71-eba4-46a5-ab44-61c8bf7c2232_Frame_2121235328.png?v=1752582614",alt:"Customizable Cleaning Modes Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7ef86e71-eba4-46a5-ab44-61c8bf7c2232_Frame_2121235328.png?v=1752582614",mimeType:"image/png"}},{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e55fcd7a-cebf-45c1-bb71-452abdaf95ae_Frame_2121235327_1.png?v=1751439903",alt:"Multi-Floor Mapping",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e55fcd7a-cebf-45c1-bb71-452abdaf95ae_Frame_2121235327_1.png?v=1751439903",mimeType:"image/png"},title:"Multi-Floor Mapping",imgPad:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ccdbbbff-5c33-4805-a434-e04a12e32a72_Frame_2121235493.png?v=1752735394",alt:"Multi-Floor Mapping Pad",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ccdbbbff-5c33-4805-a434-e04a12e32a72_Frame_2121235493.png?v=1752735394",mimeType:"image/png"},imageMob:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ac28983f-6257-469d-81bb-03dfb54429b6_Frame_2121235514_1.png?v=1752735193",alt:"Multi-Floor Mapping Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ac28983f-6257-469d-81bb-03dfb54429b6_Frame_2121235514_1.png?v=1752735193",mimeType:"image/png"}}]},u={args:{data:i}},w={args:{data:{...i,datalist:[...i.datalist,{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/4e735b0f-8e44-4715-ae1e-d18977ca5404_Frame_2121235327.png?v=1751439585",alt:"Smart Scheduling",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/4e735b0f-8e44-4715-ae1e-d18977ca5404_Frame_2121235327.png?v=1751439585",mimeType:"image/png"},title:"Smart Scheduling",imgPad:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/efc82cbc-e848-4ba8-95ae-9e2766323588_Frame_2121235504.png?v=1752664131",alt:"Smart Scheduling Pad",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/efc82cbc-e848-4ba8-95ae-9e2766323588_Frame_2121235504.png?v=1752664131",mimeType:"image/png"},imageMob:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7ef86e71-eba4-46a5-ab44-61c8bf7c2232_Frame_2121235328.png?v=1752582614",alt:"Smart Scheduling Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7ef86e71-eba4-46a5-ab44-61c8bf7c2232_Frame_2121235328.png?v=1752582614",mimeType:"image/png"}}]}}},S={args:{data:{...i,datalist:[i.datalist[0]]}}},T={args:{data:i,className:"custom-tab-with-image"},parameters:{docs:{description:{story:`
+\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236\uFF1A
+
+**\u6839\u5143\u7D20\uFF1A**
+- \`.tab-with-image\` - \u7EC4\u4EF6\u6839\u5BB9\u5668
+
+**\u5185\u5BB9\u533A\u57DF\uFF1A**
+- \`.tab-with-image__content\` - \u5185\u5BB9\u5BB9\u5668
+- \`.tab-with-image__header\` - \u5934\u90E8\u5BB9\u5668
+- \`.tab-with-image__title\` - \u6807\u9898
+- \`.tab-with-image__description\` - \u63CF\u8FF0\u6587\u672C
+
+**Tab \u533A\u57DF\uFF1A**
+- \`.tab-with-image__tabs-wrapper\` - Tab \u5916\u5C42\u5BB9\u5668
+- \`.tab-with-image__tabs\` - Tab \u5217\u8868\u5BB9\u5668
+- \`.tab-with-image__slider\` - \u6ED1\u52A8\u80CC\u666F
+- \`.tab-with-image__tab\` - \u5355\u4E2A Tab
+- \`.tab-with-image__tab--active\` - \u6FC0\u6D3B\u7684 Tab \u4FEE\u9970\u7B26
+- \`.tab-with-image__tab-title\` - Tab \u6807\u9898
+
+**\u56FE\u7247\u533A\u57DF\uFF1A**
+- \`.tab-with-image__image-wrapper\` - \u56FE\u7247\u5916\u5C42\u5BB9\u5668
+- \`.tab-with-image__image-motion\` - \u56FE\u7247\u52A8\u753B\u5BB9\u5668
+- \`.tab-with-image__image\` - \u56FE\u7247\u5143\u7D20
+
+**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**
+\`\`\`css
+/* \u81EA\u5B9A\u4E49 Tab \u6837\u5F0F */
+.tab-with-image__tab {
+  font-weight: 600;
+  padding: 12px 24px;
+}
+
+/* \u81EA\u5B9A\u4E49\u6FC0\u6D3B\u72B6\u6001 */
+.tab-with-image__tab--active {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  color: white !important;
+}
+
+/* \u81EA\u5B9A\u4E49\u6ED1\u52A8\u80CC\u666F */
+.tab-with-image__slider {
+  background: rgba(255, 255, 255, 0.2);
+  backdrop-filter: blur(10px);
+}
+
+/* \u81EA\u5B9A\u4E49\u56FE\u7247\u5BB9\u5668 */
+.tab-with-image__image-wrapper {
+  overflow: hidden;
+  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
+}
+\`\`\`
+        `}}}};
+//# sourceMappingURL=tabWithImage.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/tabWithImage.stories.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport TabWithImage from '../biz-components/TabWithImage/index.js'\nimport type { TabWithImageProps } from '../biz-components/TabWithImage/types.js'\n\nconst meta = {\n  title: 'Biz Components/TabWithImage',\n  component: TabWithImage,\n  parameters: {\n    layout: 'padded',\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        component: 'Tab \u5207\u6362\u548C\u56FE\u7247\u5C55\u793A\u7EC4\u4EF6\uFF0C\u4F7F\u7528\u6ED1\u52A8\u80CC\u666F\u9AD8\u4EAE\u6548\u679C\u548C Framer Motion \u52A8\u753B',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof TabWithImage>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData: TabWithImageProps['data'] = {\n  desc: 'Effortless customization at your fingertips.',\n  title: 'Smart App Control',\n  datalist: [\n    {\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/4e735b0f-8e44-4715-ae1e-d18977ca5404_Frame_2121235327.png?v=1751439585',\n        alt: 'Customizable Cleaning Modes',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/4e735b0f-8e44-4715-ae1e-d18977ca5404_Frame_2121235327.png?v=1751439585',\n        mimeType: 'image/png',\n      },\n      title: 'Customizable Cleaning Modes',\n      imgPad: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/efc82cbc-e848-4ba8-95ae-9e2766323588_Frame_2121235504.png?v=1752664131',\n        alt: 'Customizable Cleaning Modes Pad',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/efc82cbc-e848-4ba8-95ae-9e2766323588_Frame_2121235504.png?v=1752664131',\n        mimeType: 'image/png',\n      },\n      imageMob: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7ef86e71-eba4-46a5-ab44-61c8bf7c2232_Frame_2121235328.png?v=1752582614',\n        alt: 'Customizable Cleaning Modes Mobile',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7ef86e71-eba4-46a5-ab44-61c8bf7c2232_Frame_2121235328.png?v=1752582614',\n        mimeType: 'image/png',\n      },\n    },\n    {\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e55fcd7a-cebf-45c1-bb71-452abdaf95ae_Frame_2121235327_1.png?v=1751439903',\n        alt: 'Multi-Floor Mapping',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e55fcd7a-cebf-45c1-bb71-452abdaf95ae_Frame_2121235327_1.png?v=1751439903',\n        mimeType: 'image/png',\n      },\n      title: 'Multi-Floor Mapping',\n      imgPad: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ccdbbbff-5c33-4805-a434-e04a12e32a72_Frame_2121235493.png?v=1752735394',\n        alt: 'Multi-Floor Mapping Pad',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ccdbbbff-5c33-4805-a434-e04a12e32a72_Frame_2121235493.png?v=1752735394',\n        mimeType: 'image/png',\n      },\n      imageMob: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ac28983f-6257-469d-81bb-03dfb54429b6_Frame_2121235514_1.png?v=1752735193',\n        alt: 'Multi-Floor Mapping Mobile',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ac28983f-6257-469d-81bb-03dfb54429b6_Frame_2121235514_1.png?v=1752735193',\n        mimeType: 'image/png',\n      },\n    },\n  ],\n}\n\nexport const Default: Story = {\n  args: {\n    data: defaultData,\n  },\n}\n\nexport const ThreeItems: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      datalist: [\n        ...defaultData.datalist,\n        {\n          image: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/4e735b0f-8e44-4715-ae1e-d18977ca5404_Frame_2121235327.png?v=1751439585',\n            alt: 'Smart Scheduling',\n            thumbnailURL:\n              'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/4e735b0f-8e44-4715-ae1e-d18977ca5404_Frame_2121235327.png?v=1751439585',\n            mimeType: 'image/png',\n          },\n          title: 'Smart Scheduling',\n          imgPad: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/efc82cbc-e848-4ba8-95ae-9e2766323588_Frame_2121235504.png?v=1752664131',\n            alt: 'Smart Scheduling Pad',\n            thumbnailURL:\n              'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/efc82cbc-e848-4ba8-95ae-9e2766323588_Frame_2121235504.png?v=1752664131',\n            mimeType: 'image/png',\n          },\n          imageMob: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7ef86e71-eba4-46a5-ab44-61c8bf7c2232_Frame_2121235328.png?v=1752582614',\n            alt: 'Smart Scheduling Mobile',\n            thumbnailURL:\n              'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7ef86e71-eba4-46a5-ab44-61c8bf7c2232_Frame_2121235328.png?v=1752582614',\n            mimeType: 'image/png',\n          },\n        },\n      ],\n    },\n  },\n}\n\nexport const SingleItem: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      datalist: [defaultData.datalist[0]],\n    },\n  },\n}\n\nexport const WithCustomStyles: Story = {\n  args: {\n    data: defaultData,\n    className: 'custom-tab-with-image',\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: `\n\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236\uFF1A\n\n**\u6839\u5143\u7D20\uFF1A**\n- \\`.tab-with-image\\` - \u7EC4\u4EF6\u6839\u5BB9\u5668\n\n**\u5185\u5BB9\u533A\u57DF\uFF1A**\n- \\`.tab-with-image__content\\` - \u5185\u5BB9\u5BB9\u5668\n- \\`.tab-with-image__header\\` - \u5934\u90E8\u5BB9\u5668\n- \\`.tab-with-image__title\\` - \u6807\u9898\n- \\`.tab-with-image__description\\` - \u63CF\u8FF0\u6587\u672C\n\n**Tab \u533A\u57DF\uFF1A**\n- \\`.tab-with-image__tabs-wrapper\\` - Tab \u5916\u5C42\u5BB9\u5668\n- \\`.tab-with-image__tabs\\` - Tab \u5217\u8868\u5BB9\u5668\n- \\`.tab-with-image__slider\\` - \u6ED1\u52A8\u80CC\u666F\n- \\`.tab-with-image__tab\\` - \u5355\u4E2A Tab\n- \\`.tab-with-image__tab--active\\` - \u6FC0\u6D3B\u7684 Tab \u4FEE\u9970\u7B26\n- \\`.tab-with-image__tab-title\\` - Tab \u6807\u9898\n\n**\u56FE\u7247\u533A\u57DF\uFF1A**\n- \\`.tab-with-image__image-wrapper\\` - \u56FE\u7247\u5916\u5C42\u5BB9\u5668\n- \\`.tab-with-image__image-motion\\` - \u56FE\u7247\u52A8\u753B\u5BB9\u5668\n- \\`.tab-with-image__image\\` - \u56FE\u7247\u5143\u7D20\n\n**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49 Tab \u6837\u5F0F */\n.tab-with-image__tab {\n  font-weight: 600;\n  padding: 12px 24px;\n}\n\n/* \u81EA\u5B9A\u4E49\u6FC0\u6D3B\u72B6\u6001 */\n.tab-with-image__tab--active {\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  color: white !important;\n}\n\n/* \u81EA\u5B9A\u4E49\u6ED1\u52A8\u80CC\u666F */\n.tab-with-image__slider {\n  background: rgba(255, 255, 255, 0.2);\n  backdrop-filter: blur(10px);\n}\n\n/* \u81EA\u5B9A\u4E49\u56FE\u7247\u5BB9\u5668 */\n.tab-with-image__image-wrapper {\n  overflow: hidden;\n  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);\n}\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,eAAAC,EAAA,eAAAC,EAAA,qBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GAAA,IAAAQ,EAAkB,iBAElBC,EAAyB,sDAGzB,MAAMC,EAAO,CACX,MAAO,8BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,SACR,YAAa,CACX,QAAS,MACX,EACA,KAAM,CACJ,YAAa,CACX,UAAW,+JACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQI,EAIf,MAAME,EAAyC,CAC7C,KAAM,+CACN,MAAO,oBACP,SAAU,CACR,CACE,MAAO,CACL,IAAK,gIACL,IAAK,8BACL,aACE,gIACF,SAAU,WACZ,EACA,MAAO,8BACP,OAAQ,CACN,IAAK,gIACL,IAAK,kCACL,aACE,gIACF,SAAU,WACZ,EACA,SAAU,CACR,IAAK,gIACL,IAAK,qCACL,aACE,gIACF,SAAU,WACZ,CACF,EACA,CACE,MAAO,CACL,IAAK,kIACL,IAAK,sBACL,aACE,kIACF,SAAU,WACZ,EACA,MAAO,sBACP,OAAQ,CACN,IAAK,gIACL,IAAK,0BACL,aACE,gIACF,SAAU,WACZ,EACA,SAAU,CACR,IAAK,kIACL,IAAK,6BACL,aACE,kIACF,SAAU,WACZ,CACF,CACF,CACF,EAEaV,EAAiB,CAC5B,KAAM,CACJ,KAAMU,CACR,CACF,EAEaR,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,GAAGQ,EACH,SAAU,CACR,GAAGA,EAAY,SACf,CACE,MAAO,CACL,IAAK,gIACL,IAAK,mBACL,aACE,gIACF,SAAU,WACZ,EACA,MAAO,mBACP,OAAQ,CACN,IAAK,gIACL,IAAK,uBACL,aACE,gIACF,SAAU,WACZ,EACA,SAAU,CACR,IAAK,gIACL,IAAK,0BACL,aACE,gIACF,SAAU,WACZ,CACF,CACF,CACF,CACF,CACF,EAEaT,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,GAAGS,EACH,SAAU,CAACA,EAAY,SAAS,CAAC,CAAC,CACpC,CACF,CACF,EAEaP,EAA0B,CACrC,KAAM,CACJ,KAAMO,EACN,UAAW,uBACb,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAoDT,CACF,CACF,CACF",
+  "names": ["tabWithImage_stories_exports", "__export", "Default", "SingleItem", "ThreeItems", "WithCustomStyles", "tabWithImage_stories_default", "__toCommonJS", "import_react", "import_TabWithImage", "meta", "TabWithImage", "defaultData"]
+}

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

@@ -0,0 +1,373 @@
+import type { StoryObj } from '@storybook/react';
+import { Tabs } from '../components/index.js';
+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"> & {
+        align?: import("../types/props.js").Align;
+        shape?: import("../types/props.js").Shape;
+    } & React.RefAttributes<HTMLDivElement>>;
+    subcomponents: {
+        TabsList: ComponentType<unknown>;
+        TabsTrigger: ComponentType<unknown>;
+        TabsContent: ComponentType<unknown>;
+    };
+    decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        content?: string | undefined | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        prefix?: string | undefined | undefined;
+        className?: string | undefined | undefined;
+        asChild?: boolean | undefined;
+        value?: string | undefined;
+        defaultChecked?: boolean | undefined | undefined;
+        defaultValue?: string | undefined;
+        suppressContentEditableWarning?: boolean | undefined | undefined;
+        suppressHydrationWarning?: boolean | undefined | undefined;
+        accessKey?: string | undefined | undefined;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+        autoFocus?: boolean | undefined | undefined;
+        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+        contextMenu?: string | undefined | undefined;
+        dir?: ("ltr" | "rtl") | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+        hidden?: boolean | undefined | undefined;
+        id?: string | undefined | undefined;
+        lang?: string | undefined | undefined;
+        nonce?: string | undefined | undefined;
+        slot?: string | undefined | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
+        style?: React.CSSProperties | undefined;
+        tabIndex?: number | undefined | undefined;
+        title?: string | undefined | undefined;
+        radioGroup?: string | undefined | undefined;
+        role?: React.AriaRole | undefined;
+        about?: string | undefined | undefined;
+        datatype?: string | undefined | undefined;
+        inlist?: any;
+        property?: string | undefined | undefined;
+        rel?: string | undefined | undefined;
+        resource?: string | undefined | undefined;
+        rev?: string | undefined | undefined;
+        typeof?: string | undefined | undefined;
+        vocab?: string | undefined | undefined;
+        autoCorrect?: string | undefined | undefined;
+        autoSave?: string | undefined | undefined;
+        color?: string | undefined | undefined;
+        itemProp?: string | undefined | undefined;
+        itemScope?: boolean | undefined | undefined;
+        itemType?: string | undefined | undefined;
+        itemID?: string | undefined | undefined;
+        itemRef?: string | undefined | undefined;
+        results?: number | undefined | undefined;
+        security?: string | undefined | undefined;
+        unselectable?: "on" | "off" | undefined | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+        is?: string | undefined | undefined;
+        exportparts?: string | undefined | undefined;
+        part?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | 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;
+        "aria-braillelabel"?: string | undefined | undefined;
+        "aria-brailleroledescription"?: string | undefined | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-colcount"?: number | undefined | undefined;
+        "aria-colindex"?: number | undefined | undefined;
+        "aria-colindextext"?: string | undefined | undefined;
+        "aria-colspan"?: number | undefined | undefined;
+        "aria-controls"?: string | undefined | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+        "aria-describedby"?: string | undefined | undefined;
+        "aria-description"?: string | undefined | undefined;
+        "aria-details"?: string | undefined | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+        "aria-errormessage"?: string | undefined | undefined;
+        "aria-expanded"?: (boolean | "true" | "false") | undefined;
+        "aria-flowto"?: string | undefined | undefined;
+        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+        "aria-keyshortcuts"?: string | undefined | undefined;
+        "aria-label"?: string | undefined | undefined;
+        "aria-labelledby"?: string | undefined | undefined;
+        "aria-level"?: number | undefined | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+        "aria-modal"?: (boolean | "true" | "false") | undefined;
+        "aria-multiline"?: (boolean | "true" | "false") | undefined;
+        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+        "aria-owns"?: string | undefined | undefined;
+        "aria-placeholder"?: string | undefined | undefined;
+        "aria-posinset"?: number | undefined | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-readonly"?: (boolean | "true" | "false") | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+        "aria-required"?: (boolean | "true" | "false") | undefined;
+        "aria-roledescription"?: string | undefined | undefined;
+        "aria-rowcount"?: number | undefined | undefined;
+        "aria-rowindex"?: number | undefined | undefined;
+        "aria-rowindextext"?: string | undefined | undefined;
+        "aria-rowspan"?: number | undefined | undefined;
+        "aria-selected"?: (boolean | "true" | "false") | undefined;
+        "aria-setsize"?: number | undefined | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+        "aria-valuemax"?: number | undefined | undefined;
+        "aria-valuemin"?: number | undefined | undefined;
+        "aria-valuenow"?: number | undefined | undefined;
+        "aria-valuetext"?: string | undefined | undefined;
+        children?: React.ReactNode;
+        dangerouslySetInnerHTML?: {
+            __html: string | TrustedHTML;
+        } | undefined;
+        onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCutCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+        onPaste?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+        onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionStart?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+        onFocus?: React.FocusEventHandler<HTMLDivElement> | undefined;
+        onFocusCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
+        onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
+        onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
+        onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
+        onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+        onBeforeInput?: React.InputEventHandler<HTMLDivElement> | undefined;
+        onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+        onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
+        onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+        onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
+        onResetCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+        onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
+        onSubmitCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+        onInvalid?: React.FormEventHandler<HTMLDivElement> | undefined;
+        onInvalidCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+        onLoad?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onError?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onErrorCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyPress?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyUp?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+        onAbort?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onAbortCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onDurationChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onEmptied?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onEncrypted?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onEnded?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onEndedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedData?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadStart?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onPause?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onPauseCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onPlaying?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onPlayingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onProgress?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onSeekingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onStalled?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onStalledCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onSuspend?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onSuspendCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onTimeUpdate?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onVolumeChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onWaiting?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
+        onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+        onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
+        onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+        onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
+        onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+        onDragExit?: React.DragEventHandler<HTMLDivElement> | undefined;
+        onDragExitCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+        onDragLeave?: React.DragEventHandler<HTMLDivElement> | undefined;
+        onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+        onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
+        onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+        onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
+        onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+        onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
+        onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+        onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOver?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        onSelect?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onSelectCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onTouchCancel?: React.TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchEnd?: React.TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchMove?: React.TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchStart?: React.TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+        onPointerDown?: React.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerMove?: React.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerUp?: React.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+        onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+        onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+        onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+        onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+        onScroll?: React.UIEventHandler<HTMLDivElement> | undefined;
+        onScrollCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
+        onWheel?: React.WheelEventHandler<HTMLDivElement> | undefined;
+        onWheelCapture?: React.WheelEventHandler<HTMLDivElement> | undefined;
+        onAnimationStart?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+        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;
+        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: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    args: {
+        defaultValue: string;
+        align: "left";
+    };
+    argTypes: {
+        defaultValue: {
+            description: string;
+            control: "text";
+            table: {
+                summary: string;
+                readonly: boolean;
+            };
+        };
+        value: {
+            description: string;
+            control: {
+                type: "radio";
+            };
+            options: string[];
+        };
+        align: {
+            description: string;
+        };
+        onValueChange: {
+            description: string;
+            action: string;
+            type: "function";
+        };
+        orientation: {
+            control: {
+                type: "inline-radio";
+            };
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        dir: {
+            control: {
+                type: "inline-radio";
+            };
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Tabs>;
+export declare const Default: Story;
+export declare const AlignCenter: Story;
+export declare const AlignRight: Story;
+export declare const Disabled: Story;

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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +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": ["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/tabsWithMedia.stories.d.ts

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