@anker-in/headless-ui 0.0.21 → 0.0.23

package/dist/cjs/stories/heading.stories.js

@@ -1,2 +1,2 @@
-"use strict";var i=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var h=(r,t)=>{for(var n in t)i(r,n,{get:t[n],enumerable:!0})},u=(r,t,n,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of d(t))!p.call(r,a)&&a!==n&&i(r,a,{get:()=>t[a],enumerable:!(s=l(t,a))||s.enumerable});return r};var c=r=>u(i({},"__esModule",{value:!0}),r);var z={};h(z,{All:()=>f,Default:()=>y,default:()=>m});module.exports=c(z);var e=require("react/jsx-runtime"),o=require("../components/index"),H=require("react");const g={title:"Typography/Heading",component:o.Heading,parameters:{layout:"centered",docs:{description:{component:"Heading \u7EC4\u4EF6, \u57FA\u672C\u548Ctext \u7EC4\u4EF6\u4E00\u6837\uFF0C\u53EA\u662F\u9ED8\u8BA4\u7684\u6807\u7B7E\u7C7B\u578B\u4E0D\u4E00\u6837"}}},tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["none",1,2,3,4,5,6,7,8,9],description:"\u6587\u672C\u5C3A\u5BF8\uFF0C\u9ED8\u8BA4\u4E3Anone\uFF0C\u6D4F\u89C8\u5668\u9ED8\u8BA4\u5927\u5C0F\u548C\u884C\u9AD8\uFF0C1\uFF5E9\u9884\u8BBE\u5B57\u4F53\u5927\u5C0F\u548C\u884C\u9AD8",table:{defaultValue:{summary:"none"}}},weights:{control:{type:"select"},options:["light","normal","medium","bold"],table:{defaultValue:{summary:"normal"}}},align:{control:{type:"select"},options:["left","center","right"],table:{defaultValue:{summary:"left"}}},color:{control:{type:"color"}},as:{control:{type:"select"},options:["h1","h2","h3","h4","h5","h6"],description:"html \u6807\u7B7E\u7C7B\u578B",table:{defaultValue:{summary:"h1"}}},html:{type:"string",description:"\u76F8\u5F53\u4E8E dangerouslySetInnerHTML"}},args:{as:"h1",size:"none",weights:"normal",align:"left"}};var m=g;const y={args:{as:"h1",children:" The quick brown fox jumps over the lazy dog."}},f={render:()=>(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(o.Heading,{size:1,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:2,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:3,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:4,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:5,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:6,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:7,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:8,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:9,children:"The quick brown fox jumps over the lazy dog."})]})};
+"use strict";var i=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var u=(a,t)=>{for(var n in t)i(a,n,{get:t[n],enumerable:!0})},h=(a,t,n,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of d(t))!p.call(a,r)&&r!==n&&i(a,r,{get:()=>t[r],enumerable:!(s=l(t,r))||s.enumerable});return a};var g=a=>h(i({},"__esModule",{value:!0}),a);var z={};u(z,{All:()=>f,Default:()=>y,default:()=>m});module.exports=g(z);var e=require("react/jsx-runtime"),o=require("../components/index.js"),H=require("react");const c={title:"Typography/Heading",component:o.Heading,parameters:{layout:"padded",docs:{description:{component:"Heading \u7EC4\u4EF6, \u57FA\u672C\u548Ctext \u7EC4\u4EF6\u4E00\u6837\uFF0C\u53EA\u662F\u9ED8\u8BA4\u7684\u6807\u7B7E\u7C7B\u578B\u4E0D\u4E00\u6837"}}},tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["none",1,2,3,4,5,6,7,8,9],description:"\u6587\u672C\u5C3A\u5BF8\uFF0C\u9ED8\u8BA4\u4E3Anone\uFF0C\u6D4F\u89C8\u5668\u9ED8\u8BA4\u5927\u5C0F\u548C\u884C\u9AD8\uFF0C1\uFF5E9\u9884\u8BBE\u5B57\u4F53\u5927\u5C0F\u548C\u884C\u9AD8",table:{defaultValue:{summary:"none"}}},weights:{control:{type:"select"},options:["light","normal","medium","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"},options:["h1","h2","h3","h4","h5","h6"],description:"html \u6807\u7B7E\u7C7B\u578B",table:{defaultValue:{summary:"h1"}}},html:{type:"string",description:"\u76F8\u5F53\u4E8E dangerouslySetInnerHTML"}},args:{as:"h1",size:"none",weights:"normal",align:"left"}};var m=c;const y={args:{as:"h1",children:" The quick brown fox jumps over the lazy dog."}},f={render:()=>(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(o.Heading,{size:1,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:2,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:3,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:4,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:5,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:6,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:7,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:8,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:9,children:"The quick brown fox jumps over the lazy dog."})]})};
 //# sourceMappingURL=heading.stories.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/heading.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Heading } from '../components/index'\nimport React from 'react'\n\nconst meta = {\n  title: 'Typography/Heading',\n  component: Heading,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: 'Heading \u7EC4\u4EF6, \u57FA\u672C\u548Ctext \u7EC4\u4EF6\u4E00\u6837\uFF0C\u53EA\u662F\u9ED8\u8BA4\u7684\u6807\u7B7E\u7C7B\u578B\u4E0D\u4E00\u6837',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: {\n        type: 'select',\n      },\n      options: ['none', 1, 2, 3, 4, 5, 6, 7, 8, 9],\n      description: '\u6587\u672C\u5C3A\u5BF8\uFF0C\u9ED8\u8BA4\u4E3Anone\uFF0C\u6D4F\u89C8\u5668\u9ED8\u8BA4\u5927\u5C0F\u548C\u884C\u9AD8\uFF0C1\uFF5E9\u9884\u8BBE\u5B57\u4F53\u5927\u5C0F\u548C\u884C\u9AD8',\n      table: {\n        defaultValue: { summary: 'none' },\n      },\n    },\n    weights: {\n      control: {\n        type: 'select',\n      },\n      options: ['light', 'normal', 'medium', '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: 'left' },\n      },\n    },\n    color: {\n      control: {\n        type: 'color',\n      },\n    },\n    as: {\n      control: {\n        type: 'select',\n      },\n      options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],\n      description: 'html \u6807\u7B7E\u7C7B\u578B',\n      table: {\n        defaultValue: { summary: 'h1' },\n      },\n    },\n    html: {\n      type: 'string',\n      description: '\u76F8\u5F53\u4E8E dangerouslySetInnerHTML',\n    },\n  },\n  args: {\n    as: 'h1',\n    size: 'none',\n    weights: 'normal',\n    align: 'left',\n  },\n} satisfies Meta<typeof Heading>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    as: 'h1',\n    children: ' The quick brown fox jumps over the lazy dog.',\n  },\n}\n\nexport const All: Story = {\n  render: () => (\n    <>\n      <Heading size={1}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={2}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={3}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={4}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={5}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={6}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={7}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={8}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={9}>The quick brown fox jumps over the lazy dog.</Heading>\n    </>\n  ),\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,SAAAE,EAAA,YAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GAuFI,IAAAM,EAAA,6BArFJC,EAAwB,+BACxBC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,qBACP,UAAW,UACX,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,qJACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,OAAQ,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,CAAC,EAC3C,YAAa,6LACb,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,CACF,EACA,QAAS,CACP,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,QAAS,SAAU,SAAU,MAAM,EAC7C,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,MAAO,CAClC,CACF,EACA,MAAO,CACL,QAAS,CACP,KAAM,OACR,CACF,EACA,GAAI,CACF,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,IAAI,EAC5C,YAAa,gCACb,MAAO,CACL,aAAc,CAAE,QAAS,IAAK,CAChC,CACF,EACA,KAAM,CACJ,KAAM,SACN,YAAa,4CACf,CACF,EACA,KAAM,CACJ,GAAI,KACJ,KAAM,OACN,QAAS,SACT,MAAO,MACT,CACF,EAEA,IAAOL,EAAQK,EAIR,MAAMN,EAAiB,CAC5B,KAAM,CACJ,GAAI,KACJ,SAAU,+CACZ,CACF,EAEaD,EAAa,CACxB,OAAQ,OACN,oBACE,oBAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,GAChE,CAEJ",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Heading } from '../components/index.js'\nimport React from 'react'\n\nconst meta = {\n  title: 'Typography/Heading',\n  component: Heading,\n  parameters: {\n    layout: 'padded',\n    docs: {\n      description: {\n        component: 'Heading \u7EC4\u4EF6, \u57FA\u672C\u548Ctext \u7EC4\u4EF6\u4E00\u6837\uFF0C\u53EA\u662F\u9ED8\u8BA4\u7684\u6807\u7B7E\u7C7B\u578B\u4E0D\u4E00\u6837',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: {\n        type: 'select',\n      },\n      options: ['none', 1, 2, 3, 4, 5, 6, 7, 8, 9],\n      description: '\u6587\u672C\u5C3A\u5BF8\uFF0C\u9ED8\u8BA4\u4E3Anone\uFF0C\u6D4F\u89C8\u5668\u9ED8\u8BA4\u5927\u5C0F\u548C\u884C\u9AD8\uFF0C1\uFF5E9\u9884\u8BBE\u5B57\u4F53\u5927\u5C0F\u548C\u884C\u9AD8',\n      table: {\n        defaultValue: { summary: 'none' },\n      },\n    },\n    weights: {\n      control: {\n        type: 'select',\n      },\n      options: ['light', 'normal', 'medium', '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      options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],\n      description: 'html \u6807\u7B7E\u7C7B\u578B',\n      table: {\n        defaultValue: { summary: 'h1' },\n      },\n    },\n    html: {\n      type: 'string',\n      description: '\u76F8\u5F53\u4E8E dangerouslySetInnerHTML',\n    },\n  },\n  args: {\n    as: 'h1',\n    size: 'none',\n    weights: 'normal',\n    align: 'left',\n  },\n} satisfies Meta<typeof Heading>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    as: 'h1',\n    children: ' The quick brown fox jumps over the lazy dog.',\n  },\n}\n\nexport const All: Story = {\n  render: () => (\n    <>\n      <Heading size={1}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={2}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={3}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={4}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={5}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={6}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={7}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={8}>The quick brown fox jumps over the lazy dog.</Heading>\n      <Heading size={9}>The quick brown fox jumps over the lazy dog.</Heading>\n    </>\n  ),\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,SAAAE,EAAA,YAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GAuFI,IAAAM,EAAA,6BArFJC,EAAwB,kCACxBC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,qBACP,UAAW,UACX,WAAY,CACV,OAAQ,SACR,KAAM,CACJ,YAAa,CACX,UAAW,qJACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,OAAQ,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,CAAC,EAC3C,YAAa,6LACb,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,CACF,EACA,QAAS,CACP,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,QAAS,SAAU,SAAU,MAAM,EAC7C,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,QAAS,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,IAAI,EAC5C,YAAa,gCACb,MAAO,CACL,aAAc,CAAE,QAAS,IAAK,CAChC,CACF,EACA,KAAM,CACJ,KAAM,SACN,YAAa,4CACf,CACF,EACA,KAAM,CACJ,GAAI,KACJ,KAAM,OACN,QAAS,SACT,MAAO,MACT,CACF,EAEA,IAAOL,EAAQK,EAIR,MAAMN,EAAiB,CAC5B,KAAM,CACJ,GAAI,KACJ,SAAU,+CACZ,CACF,EAEaD,EAAa,CACxB,OAAQ,OACN,oBACE,oBAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,GAChE,CAEJ",
   "names": ["heading_stories_exports", "__export", "All", "Default", "heading_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "meta"]
 }

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

@@ -3,7 +3,7 @@ import type { ComponentType } from 'react';
 import React from 'react';
 declare const meta: {
     title: string;
-    component: React.ForwardRefExoticComponent<import("../components/input").InputProps & React.RefAttributes<HTMLInputElement>>;
+    component: React.ForwardRefExoticComponent<import("../components/input.js").InputProps & React.RefAttributes<HTMLInputElement>>;
     subcomponents: {
         InputSlot: ComponentType<unknown>;
     };

package/dist/cjs/stories/input.stories.js

@@ -1,2 +1,2 @@
-"use strict";var s=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var l=(o,e)=>{for(var p in e)s(o,p,{get:e[p],enumerable:!0})},y=(o,e,p,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of u(e))!m.call(o,r)&&r!==p&&s(o,r,{get:()=>e[r],enumerable:!(a=c(e,r))||a.enumerable});return o};var d=o=>y(s({},"__esModule",{value:!0}),o);var g={};l(g,{Default:()=>S,WithButton:()=>b,WithIcon:()=>h,default:()=>I});module.exports=d(g);var n=require("react/jsx-runtime"),t=require("../components/index"),i=require("@storybook/icons"),z=require("react");const f={title:"Components/Input",component:t.Input,subcomponents:{InputSlot:t.InputSlot},parameters:{layout:"centered",docs:{description:{component:"Input \u7EC4\u4EF6, \u7528\u4E8E\u8F93\u5165\u6846, \u53EF\u4EE5\u901A\u8FC7\u63D2\u69FD\u63D2\u5165\u989D\u5916\u7684\u5185\u5BB9, \u6BD4\u5982icon, \u6309\u94AE"}}},tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["sm","base","lg"]}},args:{size:"base"}};var I=f;const S={args:{}},b={render(){return(0,n.jsx)(t.Input,{className:"ai-rounded-3xl ai-pr-0",placeholder:"Enter your email",type:"text",children:(0,n.jsx)(t.InputSlot,{side:"right",children:(0,n.jsx)(t.Button,{className:"ai-h-full ai-rounded-none",size:"sm",children:"subscribe"})})})}},h={render(){return(0,n.jsx)(t.Input,{type:"text",placeholder:"search in site",children:(0,n.jsx)(t.InputSlot,{side:"left",children:(0,n.jsx)(i.SearchIcon,{})})})}};
+"use strict";var s=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var l=(o,e)=>{for(var p in e)s(o,p,{get:e[p],enumerable:!0})},y=(o,e,p,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of u(e))!m.call(o,r)&&r!==p&&s(o,r,{get:()=>e[r],enumerable:!(a=c(e,r))||a.enumerable});return o};var d=o=>y(s({},"__esModule",{value:!0}),o);var g={};l(g,{Default:()=>S,WithButton:()=>b,WithIcon:()=>h,default:()=>I});module.exports=d(g);var n=require("react/jsx-runtime"),t=require("../components/index.js"),i=require("@storybook/icons"),z=require("react");const f={title:"Components/Input",component:t.Input,subcomponents:{InputSlot:t.InputSlot},parameters:{layout:"centered",docs:{description:{component:"Input \u7EC4\u4EF6, \u7528\u4E8E\u8F93\u5165\u6846, \u53EF\u4EE5\u901A\u8FC7\u63D2\u69FD\u63D2\u5165\u989D\u5916\u7684\u5185\u5BB9, \u6BD4\u5982icon, \u6309\u94AE"}}},tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["sm","base","lg"]}},args:{size:"base"}};var I=f;const S={args:{}},b={render(){return(0,n.jsx)(t.Input,{className:"ai-rounded-3xl ai-pr-0",placeholder:"Enter your email",type:"text",children:(0,n.jsx)(t.InputSlot,{side:"right",children:(0,n.jsx)(t.Button,{className:"ai-h-full ai-rounded-none",size:"sm",children:"subscribe"})})})}},h={render(){return(0,n.jsx)(t.Input,{type:"text",placeholder:"search in site",children:(0,n.jsx)(t.InputSlot,{side:"left",children:(0,n.jsx)(i.SearchIcon,{})})})}};
 //# sourceMappingURL=input.stories.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/input.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport type { ComponentType } from 'react'\nimport { Button, Input, InputSlot } from '../components/index'\nimport { SearchIcon } from '@storybook/icons'\nimport React from 'react'\n\nconst meta = {\n  title: 'Components/Input',\n  component: Input,\n  subcomponents: { InputSlot: InputSlot as ComponentType<unknown> }, // TODO: \u68C0\u67E5type , \u53BB\u6389as\u7C7B\u578B\u8F6C\u6362\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: 'Input \u7EC4\u4EF6, \u7528\u4E8E\u8F93\u5165\u6846, \u53EF\u4EE5\u901A\u8FC7\u63D2\u69FD\u63D2\u5165\u989D\u5916\u7684\u5185\u5BB9, \u6BD4\u5982icon, \u6309\u94AE',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: {\n        type: 'select',\n      },\n      options: ['sm', 'base', 'lg'],\n    },\n  },\n  args: {\n    size: 'base',\n  },\n} satisfies Meta<typeof Input>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {},\n}\n\nexport const WithButton: Story = {\n  render() {\n    return (\n      <Input className=\"ai-rounded-3xl ai-pr-0\" placeholder=\"Enter your email\" type=\"text\">\n        <InputSlot side=\"right\">\n          <Button className=\"ai-h-full ai-rounded-none\" size=\"sm\">\n            subscribe\n          </Button>\n        </InputSlot>\n      </Input>\n    )\n  },\n}\nexport const WithIcon: Story = {\n  render() {\n    return (\n      <Input type=\"text\" placeholder=\"search in site\">\n        <InputSlot side=\"left\">\n          <SearchIcon />\n        </InputSlot>\n      </Input>\n    )\n  },\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,eAAAC,EAAA,aAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GA6CU,IAAAO,EAAA,6BA3CVC,EAAyC,+BACzCC,EAA2B,4BAC3BC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,mBACP,UAAW,QACX,cAAe,CAAE,UAAW,WAAoC,EAChE,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,oKACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,KAAM,OAAQ,IAAI,CAC9B,CACF,EACA,KAAM,CACJ,KAAM,MACR,CACF,EAEA,IAAON,EAAQM,EAIR,MAAMT,EAAiB,CAC5B,KAAM,CAAC,CACT,EAEaC,EAAoB,CAC/B,QAAS,CACP,SACE,OAAC,SAAM,UAAU,yBAAyB,YAAY,mBAAmB,KAAK,OAC5E,mBAAC,aAAU,KAAK,QACd,mBAAC,UAAO,UAAU,4BAA4B,KAAK,KAAK,qBAExD,EACF,EACF,CAEJ,CACF,EACaC,EAAkB,CAC7B,QAAS,CACP,SACE,OAAC,SAAM,KAAK,OAAO,YAAY,iBAC7B,mBAAC,aAAU,KAAK,OACd,mBAAC,eAAW,EACd,EACF,CAEJ,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport type { ComponentType } from 'react'\nimport { Button, Input, InputSlot } from '../components/index.js'\nimport { SearchIcon } from '@storybook/icons'\nimport React from 'react'\n\nconst meta = {\n  title: 'Components/Input',\n  component: Input,\n  subcomponents: { InputSlot: InputSlot as ComponentType<unknown> }, // TODO: \u68C0\u67E5type , \u53BB\u6389as\u7C7B\u578B\u8F6C\u6362\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: 'Input \u7EC4\u4EF6, \u7528\u4E8E\u8F93\u5165\u6846, \u53EF\u4EE5\u901A\u8FC7\u63D2\u69FD\u63D2\u5165\u989D\u5916\u7684\u5185\u5BB9, \u6BD4\u5982icon, \u6309\u94AE',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: {\n        type: 'select',\n      },\n      options: ['sm', 'base', 'lg'],\n    },\n  },\n  args: {\n    size: 'base',\n  },\n} satisfies Meta<typeof Input>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {},\n}\n\nexport const WithButton: Story = {\n  render() {\n    return (\n      <Input className=\"ai-rounded-3xl ai-pr-0\" placeholder=\"Enter your email\" type=\"text\">\n        <InputSlot side=\"right\">\n          <Button className=\"ai-h-full ai-rounded-none\" size=\"sm\">\n            subscribe\n          </Button>\n        </InputSlot>\n      </Input>\n    )\n  },\n}\nexport const WithIcon: Story = {\n  render() {\n    return (\n      <Input type=\"text\" placeholder=\"search in site\">\n        <InputSlot side=\"left\">\n          <SearchIcon />\n        </InputSlot>\n      </Input>\n    )\n  },\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,eAAAC,EAAA,aAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GA6CU,IAAAO,EAAA,6BA3CVC,EAAyC,kCACzCC,EAA2B,4BAC3BC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,mBACP,UAAW,QACX,cAAe,CAAE,UAAW,WAAoC,EAChE,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,oKACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,KAAM,OAAQ,IAAI,CAC9B,CACF,EACA,KAAM,CACJ,KAAM,MACR,CACF,EAEA,IAAON,EAAQM,EAIR,MAAMT,EAAiB,CAC5B,KAAM,CAAC,CACT,EAEaC,EAAoB,CAC/B,QAAS,CACP,SACE,OAAC,SAAM,UAAU,yBAAyB,YAAY,mBAAmB,KAAK,OAC5E,mBAAC,aAAU,KAAK,QACd,mBAAC,UAAO,UAAU,4BAA4B,KAAK,KAAK,qBAExD,EACF,EACF,CAEJ,CACF,EACaC,EAAkB,CAC7B,QAAS,CACP,SACE,OAAC,SAAM,KAAK,OAAO,YAAY,iBAC7B,mBAAC,aAAU,KAAK,OACd,mBAAC,eAAW,EACd,EACF,CAEJ,CACF",
   "names": ["input_stories_exports", "__export", "Default", "WithButton", "WithIcon", "input_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_icons", "import_react", "meta"]
 }

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

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

package/dist/cjs/stories/picture.stories.js

@@ -0,0 +1,4 @@
+"use strict";var a=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var n=(o,t)=>{for(var s in t)a(o,s,{get:t[s],enumerable:!0})},d=(o,t,s,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of i(t))!m.call(o,e)&&e!==s&&a(o,e,{get:()=>t[e],enumerable:!(r=p(t,e))||r.enumerable});return o};var l=o=>d(a({},"__esModule",{value:!0}),o);var j={};n(j,{Default:()=>x,NotMatchDomain:()=>S,default:()=>b});module.exports=l(j);var c=require("../components/index.js");const f="https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219",u="https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627",y="https://http.cat/images/200.jpg",g="https://http.cat/images/102.jpg",h={title:"Components/Picture",component:c.Picture,parameters:{layout:"centerd",docs:{description:{component:`\u54CD\u5E94\u5F0F\u56FE\u7247\u7EC4\u4EF6, \u652F\u6301\u4F20\u5165\u4E0D\u540C\u5206\u8FA8\u7387\u4E0B\u7684\u56FE\u7247\uFF0C\u6BD4\u5982\uFF0Csource="url1 1920\uFF0C url2 1080, url3 767". 
+          \u5F53\u56FE\u7247\u5339\u914D\u57DF\u540D\uFF08'cdn.shopify.com', 'cdn.shopifycdn.net', 'www.facebook.com'\uFF09\u7684\u65F6\u5019\uFF0C\u4F1A\u81EA\u52A8\u5728\u56FE\u7247url\u540E\u9762\u6DFB\u52A0\u56FE\u7247\u5C3A\u5BF8\u540E\u7F00
+           `}}},tags:["autodocs"]};var b=h;const x={args:{source:`${f}, ${u} 768`,imgClassName:"ai-rounded-[24px]"}},S={args:{source:`${y}, ${g} 768`,className:"ai-w-[300px]"},parameters:{docs:{description:{story:"\u56FE\u7247\u4E0D\u5339\u914D\u57DF\u540D"}}}};
+//# sourceMappingURL=picture.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/picture.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport { Picture } from '../components/index.js'\nconst imageUrl =\n  'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219'\n\nconst mobImageUrl =\n  'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627'\n\nconst imageUrl2 = 'https://http.cat/images/200.jpg'\nconst mobImageUrl2 = 'https://http.cat/images/102.jpg'\n\nconst meta = {\n  title: 'Components/Picture',\n  component: Picture,\n  parameters: {\n    layout: 'centerd',\n    docs: {\n      description: {\n        component: `\u54CD\u5E94\u5F0F\u56FE\u7247\u7EC4\u4EF6, \u652F\u6301\u4F20\u5165\u4E0D\u540C\u5206\u8FA8\u7387\u4E0B\u7684\u56FE\u7247\uFF0C\u6BD4\u5982\uFF0Csource=\"url1 1920\uFF0C url2 1080, url3 767\". \n          \u5F53\u56FE\u7247\u5339\u914D\u57DF\u540D\uFF08'cdn.shopify.com', 'cdn.shopifycdn.net', 'www.facebook.com'\uFF09\u7684\u65F6\u5019\uFF0C\u4F1A\u81EA\u52A8\u5728\u56FE\u7247url\u540E\u9762\u6DFB\u52A0\u56FE\u7247\u5C3A\u5BF8\u540E\u7F00\n           `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Picture>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    source: `${imageUrl}, ${mobImageUrl} 768`,\n    imgClassName: 'ai-rounded-[24px]',\n  },\n}\n\nexport const NotMatchDomain: Story = {\n  args: {\n    source: `${imageUrl2}, ${mobImageUrl2} 768`,\n    className: 'ai-w-[300px]',\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u56FE\u7247\u4E0D\u5339\u914D\u57DF\u540D',\n      },\n    },\n  },\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,mBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAwB,kCACxB,MAAMC,EACJ,4HAEIC,EACJ,iHAEIC,EAAY,kCACZC,EAAe,kCAEfC,EAAO,CACX,MAAO,qBACP,UAAW,UACX,WAAY,CACV,OAAQ,UACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA,YAGb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOP,EAAQO,EAIR,MAAMT,EAAiB,CAC5B,KAAM,CACJ,OAAQ,GAAGK,CAAQ,KAAKC,CAAW,OACnC,aAAc,mBAChB,CACF,EAEaL,EAAwB,CACnC,KAAM,CACJ,OAAQ,GAAGM,CAAS,KAAKC,CAAY,OACrC,UAAW,cACb,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO,4CACT,CACF,CACF,CACF",
+  "names": ["picture_stories_exports", "__export", "Default", "NotMatchDomain", "picture_stories_default", "__toCommonJS", "import_components", "imageUrl", "mobImageUrl", "imageUrl2", "mobImageUrl2", "meta"]
+}

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

@@ -14,4 +14,4 @@ declare const meta: {
     tags: string[];
 };
 export default meta;
-export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const Default: () => import("react/jsx-runtime.js").JSX.Element;

package/dist/cjs/stories/popover.stories.js

@@ -1,2 +1,2 @@
-"use strict";var r=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var c=(s,t)=>{for(var n in t)r(s,n,{get:t[n],enumerable:!0})},u=(s,t,n,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of m(t))!d.call(s,i)&&i!==n&&r(s,i,{get:()=>t[i],enumerable:!(a=p(t,i))||a.enumerable});return s};var l=s=>u(r({},"__esModule",{value:!0}),s);var y={};c(y,{Default:()=>h,default:()=>v});module.exports=l(y);var o=require("react/jsx-runtime"),w=require("react"),e=require("../components/index");const g={title:"Components/Popover",component:e.Popover,subcomponents:{Popover:e.Popover,PopoverTrigger:e.PopoverTrigger,PopoverContent:e.PopoverContent},parameters:{layout:"centered",docs:{description:{component:"popover\u7EC4\u4EF6\uFF0C\u5728\u4E00\u4E2Aportal\u5C55\u793A\u590D\u6742ui, \u57FA\u4E8E@radix-ui/react-popover, https://www.radix-ui.com/primitives/docs/components/popover"}}},tags:["autodocs"]};var v=g;const h=()=>(0,o.jsxs)(e.Popover,{children:[(0,o.jsx)(e.PopoverTrigger,{asChild:!0,children:(0,o.jsx)("button",{children:"Open popover"})}),(0,o.jsx)(e.PopoverContent,{className:"ai-w-80 ai-bg-white",side:"right",children:(0,o.jsx)("div",{className:"ai-grid ai-gap-4",children:(0,o.jsx)("p",{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."})})})]});
+"use strict";var r=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var c=(s,t)=>{for(var n in t)r(s,n,{get:t[n],enumerable:!0})},u=(s,t,n,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of m(t))!d.call(s,i)&&i!==n&&r(s,i,{get:()=>t[i],enumerable:!(a=p(t,i))||a.enumerable});return s};var l=s=>u(r({},"__esModule",{value:!0}),s);var y={};c(y,{Default:()=>h,default:()=>v});module.exports=l(y);var o=require("react/jsx-runtime"),w=require("react"),e=require("../components/index.js");const g={title:"Components/Popover",component:e.Popover,subcomponents:{Popover:e.Popover,PopoverTrigger:e.PopoverTrigger,PopoverContent:e.PopoverContent},parameters:{layout:"centered",docs:{description:{component:"popover\u7EC4\u4EF6\uFF0C\u5728\u4E00\u4E2Aportal\u5C55\u793A\u590D\u6742ui, \u57FA\u4E8E@radix-ui/react-popover, https://www.radix-ui.com/primitives/docs/components/popover"}}},tags:["autodocs"]};var v=g;const h=()=>(0,o.jsxs)(e.Popover,{children:[(0,o.jsx)(e.PopoverTrigger,{asChild:!0,children:(0,o.jsx)("button",{children:"Open popover"})}),(0,o.jsx)(e.PopoverContent,{className:"ai-w-80 ai-bg-white",side:"right",children:(0,o.jsx)("div",{className:"ai-grid ai-gap-4",children:(0,o.jsx)("p",{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."})})})]});
 //# sourceMappingURL=popover.stories.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/popover.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { Popover, PopoverContent, PopoverTrigger } from '../components/index'\nimport type { Meta } from '@storybook/react/*'\n\nconst meta = {\n  title: 'Components/Popover',\n  component: Popover,\n  subcomponents: { Popover, PopoverTrigger, PopoverContent } as any,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component:\n          'popover\u7EC4\u4EF6\uFF0C\u5728\u4E00\u4E2Aportal\u5C55\u793A\u590D\u6742ui, \u57FA\u4E8E@radix-ui/react-popover, https://www.radix-ui.com/primitives/docs/components/popover',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Popover>\n\nexport default meta\n\nexport const Default = () => (\n  <Popover>\n    <PopoverTrigger asChild>\n      <button>Open popover</button>\n    </PopoverTrigger>\n    <PopoverContent className=\"ai-w-80 ai-bg-white\" side=\"right\">\n      <div className=\"ai-grid ai-gap-4\">\n        <p>\n          Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's\n          standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to\n          make a type specimen book. It has survived not only five centuries, but also the leap into electronic\n          typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset\n          sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus\n          PageMaker including versions of Lorem Ipsum.\n        </p>\n      </div>\n    </PopoverContent>\n  </Popover>\n)\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAuBE,IAAAK,EAAA,6BAvBFC,EAAkB,iBAClBC,EAAwD,+BAGxD,MAAMC,EAAO,CACX,MAAO,qBACP,UAAW,UACX,cAAe,CAAE,kBAAS,gCAAgB,+BAAe,EACzD,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UACE,+KACJ,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQK,EAER,MAAMN,EAAU,OACrB,QAAC,WACC,oBAAC,kBAAe,QAAO,GACrB,mBAAC,UAAO,wBAAY,EACtB,KACA,OAAC,kBAAe,UAAU,sBAAsB,KAAK,QACnD,mBAAC,OAAI,UAAU,mBACb,mBAAC,KAAE,0kBAOH,EACF,EACF,GACF",
+  "sourcesContent": ["import React from 'react'\nimport { Popover, PopoverContent, PopoverTrigger } from '../components/index.js'\nimport type { Meta } from '@storybook/react/*'\n\nconst meta = {\n  title: 'Components/Popover',\n  component: Popover,\n  subcomponents: { Popover, PopoverTrigger, PopoverContent } as any,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component:\n          'popover\u7EC4\u4EF6\uFF0C\u5728\u4E00\u4E2Aportal\u5C55\u793A\u590D\u6742ui, \u57FA\u4E8E@radix-ui/react-popover, https://www.radix-ui.com/primitives/docs/components/popover',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Popover>\n\nexport default meta\n\nexport const Default = () => (\n  <Popover>\n    <PopoverTrigger asChild>\n      <button>Open popover</button>\n    </PopoverTrigger>\n    <PopoverContent className=\"ai-w-80 ai-bg-white\" side=\"right\">\n      <div className=\"ai-grid ai-gap-4\">\n        <p>\n          Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's\n          standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to\n          make a type specimen book. It has survived not only five centuries, but also the leap into electronic\n          typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset\n          sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus\n          PageMaker including versions of Lorem Ipsum.\n        </p>\n      </div>\n    </PopoverContent>\n  </Popover>\n)\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAuBE,IAAAK,EAAA,6BAvBFC,EAAkB,iBAClBC,EAAwD,kCAGxD,MAAMC,EAAO,CACX,MAAO,qBACP,UAAW,UACX,cAAe,CAAE,kBAAS,gCAAgB,+BAAe,EACzD,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UACE,+KACJ,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQK,EAER,MAAMN,EAAU,OACrB,QAAC,WACC,oBAAC,kBAAe,QAAO,GACrB,mBAAC,UAAO,wBAAY,EACtB,KACA,OAAC,kBAAe,UAAU,sBAAsB,KAAK,QACnD,mBAAC,OAAI,UAAU,mBACb,mBAAC,KAAE,0kBAOH,EACF,EACF,GACF",
   "names": ["popover_stories_exports", "__export", "Default", "popover_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "meta"]
 }

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

@@ -1,11 +1,11 @@
 import type { StoryObj } from '@storybook/react/*';
-import { RadioGroup } from '../components/index';
-import React from 'react';
+import { RadioGroup } from '../components/index.js';
+import React, { type ComponentType } from 'react';
 declare const meta: {
     title: string;
-    component: React.ForwardRefExoticComponent<import("../components/radio").RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+    component: React.ForwardRefExoticComponent<import("../components/radio.js").RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
     subcomponents: {
-        RadioGroupItem: React.ComponentType<unknown>;
+        RadioGroupItem: ComponentType<unknown>;
     };
     parameters: {
         layout: string;

package/dist/cjs/stories/radio.stories.js

@@ -1,2 +1,2 @@
-"use strict";var r=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var d=(t,e)=>{for(var p in e)r(t,p,{get:e[p],enumerable:!0})},c=(t,e,p,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of l(e))!m.call(t,i)&&i!==p&&r(t,i,{get:()=>e[i],enumerable:!(s=n(e,i))||s.enumerable});return t};var u=t=>c(r({},"__esModule",{value:!0}),t);var w={};d(w,{Default:()=>f,default:()=>b});module.exports=u(w);var o=require("react/jsx-runtime"),a=require("../components/index"),v=require("react");const y={title:"Components/RadioGroup",component:a.RadioGroup,subcomponents:{RadioGroupItem:a.RadioGroupItem},parameters:{layout:"centered",docs:{description:{component:"\u5355\u9009\u6846, \u57FA\u4E8E@radix-ui/react-radio-group https://www.radix-ui.com/primitives/docs/components/radio-group"}}},tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["sm","base","lg"],description:"\u5C3A\u5BF8",table:{defaultValue:{summary:"base"}}}},args:{size:"base"}};var b=y;const f={args:{size:"base",children:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"ai-flex ai-items-center ai-space-x-2",children:[(0,o.jsx)(a.RadioGroupItem,{value:"option-one",id:"option-one"}),(0,o.jsx)("label",{htmlFor:"option-one",children:"Option One"})]}),(0,o.jsxs)("div",{className:"ai-flex ai-items-center ai-space-x-2",children:[(0,o.jsx)(a.RadioGroupItem,{value:"option-two",id:"option-two"}),(0,o.jsx)("label",{htmlFor:"option-two",children:"Option Two"})]})]})}};
+"use strict";var r=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var d=(t,e)=>{for(var p in e)r(t,p,{get:e[p],enumerable:!0})},c=(t,e,p,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of l(e))!m.call(t,i)&&i!==p&&r(t,i,{get:()=>e[i],enumerable:!(s=n(e,i))||s.enumerable});return t};var u=t=>c(r({},"__esModule",{value:!0}),t);var w={};d(w,{Default:()=>f,default:()=>b});module.exports=u(w);var o=require("react/jsx-runtime"),a=require("../components/index.js"),v=require("react");const y={title:"Components/RadioGroup",component:a.RadioGroup,subcomponents:{RadioGroupItem:a.RadioGroupItem},parameters:{layout:"centered",docs:{description:{component:"\u5355\u9009\u6846, \u57FA\u4E8E@radix-ui/react-radio-group https://www.radix-ui.com/primitives/docs/components/radio-group"}}},tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["sm","base","lg"],description:"\u5C3A\u5BF8",table:{defaultValue:{summary:"base"}}}},args:{size:"base"}};var b=y;const f={args:{size:"base",children:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"ai-flex ai-items-center ai-space-x-2",children:[(0,o.jsx)(a.RadioGroupItem,{value:"option-one",id:"option-one"}),(0,o.jsx)("label",{htmlFor:"option-one",children:"Option One"})]}),(0,o.jsxs)("div",{className:"ai-flex ai-items-center ai-space-x-2",children:[(0,o.jsx)(a.RadioGroupItem,{value:"option-two",id:"option-two"}),(0,o.jsx)("label",{htmlFor:"option-two",children:"Option Two"})]})]})}};
 //# sourceMappingURL=radio.stories.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/radio.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react/*'\nimport { RadioGroup, RadioGroupItem } from '../components/index'\nimport React, { type ComponentType } from 'react'\n\nconst meta = {\n  title: 'Components/RadioGroup',\n  component: RadioGroup,\n  subcomponents: { RadioGroupItem: RadioGroupItem as ComponentType<unknown> },\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component:\n          '\u5355\u9009\u6846, \u57FA\u4E8E@radix-ui/react-radio-group https://www.radix-ui.com/primitives/docs/components/radio-group',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: {\n        type: 'select',\n      },\n      options: ['sm', 'base', 'lg'],\n      description: '\u5C3A\u5BF8',\n      table: {\n        defaultValue: { summary: 'base' },\n      },\n    },\n  },\n  args: {\n    size: 'base',\n  },\n} satisfies Meta<typeof RadioGroup>\n\nexport default meta\n\ntype Story = StoryObj<typeof RadioGroup>\nexport const Default: Story = {\n  args: {\n    size: 'base',\n    children: (\n      <>\n        <div className=\"ai-flex ai-items-center ai-space-x-2\">\n          <RadioGroupItem value=\"option-one\" id=\"option-one\" />\n          <label htmlFor=\"option-one\">Option One</label>\n        </div>\n        <div className=\"ai-flex ai-items-center ai-space-x-2\">\n          <RadioGroupItem value=\"option-two\" id=\"option-two\" />\n          <label htmlFor=\"option-two\">Option Two</label>\n        </div>\n      </>\n    ),\n  },\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GA0CM,IAAAK,EAAA,6BAzCNC,EAA2C,+BAC3CC,EAA0C,iBAE1C,MAAMC,EAAO,CACX,MAAO,wBACP,UAAW,aACX,cAAe,CAAE,eAAgB,gBAAyC,EAC1E,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UACE,6HACJ,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,KAAM,OAAQ,IAAI,EAC5B,YAAa,eACb,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,CACF,CACF,EACA,KAAM,CACJ,KAAM,MACR,CACF,EAEA,IAAOL,EAAQK,EAGR,MAAMN,EAAiB,CAC5B,KAAM,CACJ,KAAM,OACN,YACE,oBACE,qBAAC,OAAI,UAAU,uCACb,oBAAC,kBAAe,MAAM,aAAa,GAAG,aAAa,KACnD,OAAC,SAAM,QAAQ,aAAa,sBAAU,GACxC,KACA,QAAC,OAAI,UAAU,uCACb,oBAAC,kBAAe,MAAM,aAAa,GAAG,aAAa,KACnD,OAAC,SAAM,QAAQ,aAAa,sBAAU,GACxC,GACF,CAEJ,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react/*'\nimport { RadioGroup, RadioGroupItem } from '../components/index.js'\nimport React, { type ComponentType } from 'react'\n\nconst meta = {\n  title: 'Components/RadioGroup',\n  component: RadioGroup,\n  subcomponents: { RadioGroupItem: RadioGroupItem as ComponentType<unknown> },\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component:\n          '\u5355\u9009\u6846, \u57FA\u4E8E@radix-ui/react-radio-group https://www.radix-ui.com/primitives/docs/components/radio-group',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: {\n        type: 'select',\n      },\n      options: ['sm', 'base', 'lg'],\n      description: '\u5C3A\u5BF8',\n      table: {\n        defaultValue: { summary: 'base' },\n      },\n    },\n  },\n  args: {\n    size: 'base',\n  },\n} satisfies Meta<typeof RadioGroup>\n\nexport default meta\n\ntype Story = StoryObj<typeof RadioGroup>\nexport const Default: Story = {\n  args: {\n    size: 'base',\n    children: (\n      <>\n        <div className=\"ai-flex ai-items-center ai-space-x-2\">\n          <RadioGroupItem value=\"option-one\" id=\"option-one\" />\n          <label htmlFor=\"option-one\">Option One</label>\n        </div>\n        <div className=\"ai-flex ai-items-center ai-space-x-2\">\n          <RadioGroupItem value=\"option-two\" id=\"option-two\" />\n          <label htmlFor=\"option-two\">Option Two</label>\n        </div>\n      </>\n    ),\n  },\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GA0CM,IAAAK,EAAA,6BAzCNC,EAA2C,kCAC3CC,EAA0C,iBAE1C,MAAMC,EAAO,CACX,MAAO,wBACP,UAAW,aACX,cAAe,CAAE,eAAgB,gBAAyC,EAC1E,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UACE,6HACJ,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,KAAM,OAAQ,IAAI,EAC5B,YAAa,eACb,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,CACF,CACF,EACA,KAAM,CACJ,KAAM,MACR,CACF,EAEA,IAAOL,EAAQK,EAGR,MAAMN,EAAiB,CAC5B,KAAM,CACJ,KAAM,OACN,YACE,oBACE,qBAAC,OAAI,UAAU,uCACb,oBAAC,kBAAe,MAAM,aAAa,GAAG,aAAa,KACnD,OAAC,SAAM,QAAQ,aAAa,sBAAU,GACxC,KACA,QAAC,OAAI,UAAU,uCACb,oBAAC,kBAAe,MAAM,aAAa,GAAG,aAAa,KACnD,OAAC,SAAM,QAAQ,aAAa,sBAAU,GACxC,GACF,CAEJ,CACF",
   "names": ["radio_stories_exports", "__export", "Default", "radio_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "meta"]
 }

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

@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react';
 import React from 'react';
 declare const meta: {
     title: string;
-    component: React.ForwardRefExoticComponent<import("../components/skeleton").SkeletonProps & React.RefAttributes<HTMLSpanElement>>;
+    component: React.ForwardRefExoticComponent<import("../components/skeleton.js").SkeletonProps & React.RefAttributes<HTMLSpanElement>>;
     parameters: {
         layout: string;
         docs: {

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

@@ -1,2 +1,2 @@
-"use strict";var r=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(o,a)=>{for(var s in a)r(o,s,{get:a[s],enumerable:!0})},m=(o,a,s,l)=>{if(a&&typeof a=="object"||typeof a=="function")for(let i of c(a))!d.call(o,i)&&i!==s&&r(o,i,{get:()=>a[i],enumerable:!(l=n(a,i))||l.enumerable});return o};var y=o=>m(r({},"__esModule",{value:!0}),o);var g={};p(g,{Default:()=>h,Multiple:()=>x,WithText:()=>S,default:()=>u});module.exports=y(g);var e=require("react/jsx-runtime"),t=require("../components/index"),b=require("react");const f={title:"Components/Skeleton",component:t.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\u5F62\u72B6"}}},tags:["autodocs"]};var u=f;const h={args:{loading:!0,children:(0,e.jsx)("div",{className:"ai-h-14 ai-rounded-3xl ai-overflow-hidden ai-px-4 ai-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:"ai-flex ai-flex-col ai-items-center ai-justify-center",children:[(0,e.jsxs)("div",{className:"ai-flex ai-w-full ai-justify-between",children:[(0,e.jsx)(t.Skeleton,{className:"ai-size-12 ai-rounded-full"}),(0,e.jsx)(t.Skeleton,{className:"ai-h-12 ai-w-[70%] "})]}),(0,e.jsx)(t.Skeleton,{className:"ai-mt-2 ai-h-40 ai-w-[200px]"})]})}},S={render(){return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(t.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)(t.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 r=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(o,a)=>{for(var s in a)r(o,s,{get:a[s],enumerable:!0})},m=(o,a,s,l)=>{if(a&&typeof a=="object"||typeof a=="function")for(let i of c(a))!d.call(o,i)&&i!==s&&r(o,i,{get:()=>a[i],enumerable:!(l=n(a,i))||l.enumerable});return o};var y=o=>m(r({},"__esModule",{value:!0}),o);var g={};p(g,{Default:()=>h,Multiple:()=>x,WithText:()=>S,default:()=>u});module.exports=y(g);var e=require("react/jsx-runtime"),t=require("../components/index.js"),b=require("react");const f={title:"Components/Skeleton",component:t.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\u5F62\u72B6"}}},tags:["autodocs"]};var u=f;const h={args:{loading:!0,children:(0,e.jsx)("div",{className:"ai-h-14 ai-rounded-3xl ai-overflow-hidden ai-px-4 ai-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:"ai-flex ai-flex-col ai-items-center ai-justify-center",children:[(0,e.jsxs)("div",{className:"ai-flex ai-w-full ai-justify-between",children:[(0,e.jsx)(t.Skeleton,{className:"ai-size-12 ai-rounded-full"}),(0,e.jsx)(t.Skeleton,{className:"ai-h-12 ai-w-[70%] "})]}),(0,e.jsx)(t.Skeleton,{className:"ai-mt-2 ai-h-40 ai-w-[200px]"})]})}},S={render(){return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(t.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)(t.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

@@ -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'\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\u5F62\u72B6',\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=\"ai-h-14 ai-rounded-3xl ai-overflow-hidden ai-px-4 ai-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=\"ai-flex ai-flex-col ai-items-center ai-justify-center\">\n        <div className=\"ai-flex ai-w-full ai-justify-between\">\n          <Skeleton className=\"ai-size-12 ai-rounded-full\" />\n          <Skeleton className=\"ai-h-12 ai-w-[70%] \" />\n        </div>\n        <Skeleton className=\"ai-mt-2 ai-h-40 ai-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,+BACzBC,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,mEAAmE,8HAGlF,CAEJ,CACF,EAEaC,EAAkB,CAC7B,QAAS,CACP,SACE,QAAC,OAAI,UAAU,wDACb,qBAAC,OAAI,UAAU,uCACb,oBAAC,YAAS,UAAU,6BAA6B,KACjD,OAAC,YAAS,UAAU,sBAAsB,GAC5C,KACA,OAAC,YAAS,UAAU,+BAA+B,GACrD,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\u5F62\u72B6',\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=\"ai-h-14 ai-rounded-3xl ai-overflow-hidden ai-px-4 ai-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=\"ai-flex ai-flex-col ai-items-center ai-justify-center\">\n        <div className=\"ai-flex ai-w-full ai-justify-between\">\n          <Skeleton className=\"ai-size-12 ai-rounded-full\" />\n          <Skeleton className=\"ai-h-12 ai-w-[70%] \" />\n        </div>\n        <Skeleton className=\"ai-mt-2 ai-h-40 ai-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,mEAAmE,8HAGlF,CAEJ,CACF,EAEaC,EAAkB,CAC7B,QAAS,CACP,SACE,QAAC,OAAI,UAAU,wDACb,qBAAC,OAAI,UAAU,uCACb,oBAAC,YAAS,UAAU,6BAA6B,KACjD,OAAC,YAAS,UAAU,sBAAsB,GAC5C,KACA,OAAC,YAAS,UAAU,+BAA+B,GACrD,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/text.stories.d.ts

@@ -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").TextProps & React.RefAttributes<HTMLSpanElement>>;
+    component: React.ForwardRefExoticComponent<import("../components/text.js").TextProps & React.RefAttributes<HTMLSpanElement>>;
     parameters: {
         layout: string;
         docs: {
@@ -43,7 +43,7 @@ declare const meta: {
             options: string[];
             table: {
                 defaultValue: {
-                    summary: string;
+                    summary: undefined;
                 };
             };
         };
@@ -74,6 +74,7 @@ declare const meta: {
         weights: "normal";
         align: "left";
         html: string;
+        as: "p";
     };
 };
 export default meta;

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

@@ -1,4 +1,4 @@
-"use strict";var n=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var c=(r,t)=>{for(var l in t)n(r,l,{get:t[l],enumerable:!0})},f=(r,t,l,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of p(t))!u.call(r,s)&&s!==l&&n(r,s,{get:()=>t[s],enumerable:!(i=a(t,s))||i.enumerable});return r};var m=r=>f(n({},"__esModule",{value:!0}),r);var b={};c(b,{Default:()=>y,Html:()=>T,Sizes:()=>x,Weights:()=>g,default:()=>d});module.exports=m(b);var e=require("react/jsx-runtime"),o=require("../components/index"),w=require("react");const h={title:"Typography/Text",component:o.Text,parameters:{layout:"centered",docs:{description:{component:"\u6587\u672C\u7EC4\u4EF6, \u7B80\u5355\u5C01\u88C5\u4E86\u5E38\u7528\u7684\u6837\u5F0F\u5B57\u6BB5\uFF0C\u7528\u4E8E\u5C55\u793A\u6587\u672C\u5185\u5BB9."}}},tags:["autodocs"],argTypes:{size:{control:{type:"select"},description:"\u6587\u672C\u5C3A\u5BF8\uFF0C\u9ED8\u8BA4\u4E3Anone\uFF0C\u6D4F\u89C8\u5668\u9ED8\u8BA4\u5927\u5C0F\u548C\u884C\u9AD8\uFF0C1\uFF5E9\u9884\u8BBE\u5B57\u4F53\u5927\u5C0F\u548C\u884C\u9AD8",options:["none",1,2,3,4,5,6,7,8,9],table:{defaultValue:{summary:"none"}}},weights:{control:{type:"select"},options:["light","normal","medium","bold"],table:{defaultValue:{summary:"normal"}}},align:{control:{type:"select"},options:["left","center","right"],table:{defaultValue:{summary:"left"}}},color:{control:{type:"color"}},as:{control:{type:"select"},description:"html \u6807\u7B7E\u7C7B\u578B",options:["div","label","p","span"],table:{defaultValue:{summary:"span"}}},html:{type:"string",description:"\u76F8\u5F53\u4E8E dangerouslySetInnerHTML"}},args:{size:"none",weights:"normal",align:"left",html:""}};var d=h;const y={args:{children:" The quick brown fox jumps over the lazy dog.",size:"none",weights:"normal"}},x={render(){return(0,e.jsxs)("div",{className:"ai-flex ai-flex-col",children:[(0,e.jsx)(o.Text,{size:1,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{size:2,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{size:3,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{size:4,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{size:5,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{size:6,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{size:7,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{size:8,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{size:9,children:"The quick brown fox jumps over the lazy dog."})]})}},g={render(){return(0,e.jsxs)("div",{className:"ai-flex ai-flex-col",children:[(0,e.jsx)(o.Text,{weights:"light",children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{weights:"normal",children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{weights:"medium",children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{weights:"bold",children:"The quick brown fox jumps over the lazy dog."})]})}},T={render(){return(0,e.jsx)(o.Text,{html:`The <span style='font-size:20px;font:bold; -webkit-background-clip: text; background: linear-gradient(
+"use strict";var n=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var c=(r,t)=>{for(var i in t)n(r,i,{get:t[i],enumerable:!0})},f=(r,t,i,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of p(t))!u.call(r,s)&&s!==i&&n(r,s,{get:()=>t[s],enumerable:!(a=l(t,s))||a.enumerable});return r};var d=r=>f(n({},"__esModule",{value:!0}),r);var b={};c(b,{Default:()=>y,Html:()=>T,Sizes:()=>x,Weights:()=>g,default:()=>h});module.exports=d(b);var e=require("react/jsx-runtime"),o=require("../components/index.js"),w=require("react");const m={title:"Typography/Text",component:o.Text,parameters:{layout:"padded",docs:{description:{component:"\u6587\u672C\u7EC4\u4EF6, \u7B80\u5355\u5C01\u88C5\u4E86\u5E38\u7528\u7684\u6837\u5F0F\u5B57\u6BB5\uFF0C\u7528\u4E8E\u5C55\u793A\u6587\u672C\u5185\u5BB9."}}},tags:["autodocs"],argTypes:{size:{control:{type:"select"},description:"\u6587\u672C\u5C3A\u5BF8\uFF0C\u9ED8\u8BA4\u4E3Anone\uFF0C\u6D4F\u89C8\u5668\u9ED8\u8BA4\u5927\u5C0F\u548C\u884C\u9AD8\uFF0C1\uFF5E9\u9884\u8BBE\u5B57\u4F53\u5927\u5C0F\u548C\u884C\u9AD8",options:["none",1,2,3,4,5,6,7,8,9],table:{defaultValue:{summary:"none"}}},weights:{control:{type:"select"},options:["light","normal","medium","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:"none",weights:"normal",align:"left",html:"",as:"p"}};var h=m;const y={args:{children:" The quick brown fox jumps over the lazy dog.",size:"none",weights:"normal"}},x={render(){return(0,e.jsxs)("div",{className:"ai-flex ai-flex-col",children:[(0,e.jsx)(o.Text,{size:1,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{size:2,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{size:3,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{size:4,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{size:5,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{size:6,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{size:7,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{size:8,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{size:9,children:"The quick brown fox jumps over the lazy dog."})]})}},g={render(){return(0,e.jsxs)("div",{className:"ai-flex ai-flex-col",children:[(0,e.jsx)(o.Text,{weights:"light",children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{weights:"normal",children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{weights:"medium",children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{weights:"bold",children:"The quick brown fox jumps over the lazy dog."})]})}},T={render(){return(0,e.jsx)(o.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 */

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

@@ -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'\nimport React from 'react'\n\nconst meta = {\n  title: 'Typography/Text',\n  component: Text,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: '\u6587\u672C\u7EC4\u4EF6, \u7B80\u5355\u5C01\u88C5\u4E86\u5E38\u7528\u7684\u6837\u5F0F\u5B57\u6BB5\uFF0C\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\uFF0C\u9ED8\u8BA4\u4E3Anone\uFF0C\u6D4F\u89C8\u5668\u9ED8\u8BA4\u5927\u5C0F\u548C\u884C\u9AD8\uFF0C1\uFF5E9\u9884\u8BBE\u5B57\u4F53\u5927\u5C0F\u548C\u884C\u9AD8',\n      options: ['none', 1, 2, 3, 4, 5, 6, 7, 8, 9],\n      table: {\n        defaultValue: { summary: 'none' },\n      },\n    },\n    weights: {\n      control: {\n        type: 'select',\n      },\n      options: ['light', 'normal', 'medium', '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: 'left' },\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',\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: 'none',\n    weights: 'normal',\n    align: 'left',\n    html: '',\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: 'none',\n    weights: 'normal',\n  },\n}\n\nexport const Sizes: Story = {\n  render() {\n    return (\n      <div className=\"ai-flex ai-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        <Text size={4}>The quick brown fox jumps over the lazy dog.</Text>\n        <Text size={5}>The quick brown fox jumps over the lazy dog.</Text>\n        <Text size={6}>The quick brown fox jumps over the lazy dog.</Text>\n        <Text size={7}>The quick brown fox jumps over the lazy dog.</Text>\n        <Text size={8}>The quick brown fox jumps over the lazy dog.</Text>\n        <Text size={9}>The quick brown fox jumps over the lazy dog.</Text>\n      </div>\n    )\n  },\n}\n\nexport const Weights: Story = {\n  render() {\n    return (\n      <div className=\"ai-flex ai-flex-col\">\n        <Text weights=\"light\">The quick brown fox jumps over the lazy dog.</Text>\n        <Text weights=\"normal\">The quick brown fox jumps over the lazy dog.</Text>\n        <Text weights=\"medium\">The quick brown fox jumps over the lazy dog.</Text>\n        <Text weights=\"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      <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,YAAAC,IAAA,eAAAC,EAAAP,GAwFM,IAAAQ,EAAA,6BAtFNC,EAAqB,+BACrBC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,kBACP,UAAW,OACX,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,2JACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,YAAa,6LACb,QAAS,CAAC,OAAQ,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,CAAC,EAC3C,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,CACF,EACA,QAAS,CACP,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,QAAS,SAAU,SAAU,MAAM,EAC7C,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,MAAO,CAClC,CACF,EACA,MAAO,CACL,QAAS,CACP,KAAM,OACR,CACF,EACA,GAAI,CACF,QAAS,CACP,KAAM,QACR,EACA,YAAa,gCACb,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,OACN,QAAS,SACT,MAAO,OACP,KAAM,EACR,CACF,EAEA,IAAOL,EAAQK,EAGR,MAAMT,EAAiB,CAC5B,KAAM,CACJ,SAAU,gDACV,KAAM,OACN,QAAS,QACX,CACF,EAEaE,EAAe,CAC1B,QAAS,CACP,SACE,QAAC,OAAI,UAAU,sBACb,oBAAC,QAAK,KAAM,EAAG,wDAA4C,KAC3D,OAAC,QAAK,KAAM,EAAG,wDAA4C,KAC3D,OAAC,QAAK,KAAM,EAAG,wDAA4C,KAC3D,OAAC,QAAK,KAAM,EAAG,wDAA4C,KAC3D,OAAC,QAAK,KAAM,EAAG,wDAA4C,KAC3D,OAAC,QAAK,KAAM,EAAG,wDAA4C,KAC3D,OAAC,QAAK,KAAM,EAAG,wDAA4C,KAC3D,OAAC,QAAK,KAAM,EAAG,wDAA4C,KAC3D,OAAC,QAAK,KAAM,EAAG,wDAA4C,GAC7D,CAEJ,CACF,EAEaC,EAAiB,CAC5B,QAAS,CACP,SACE,QAAC,OAAI,UAAU,sBACb,oBAAC,QAAK,QAAQ,QAAQ,wDAA4C,KAClE,OAAC,QAAK,QAAQ,SAAS,wDAA4C,KACnE,OAAC,QAAK,QAAQ,SAAS,wDAA4C,KACnE,OAAC,QAAK,QAAQ,OAAO,wDAA4C,GACnE,CAEJ,CACF,EAEaF,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, \u7B80\u5355\u5C01\u88C5\u4E86\u5E38\u7528\u7684\u6837\u5F0F\u5B57\u6BB5\uFF0C\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\uFF0C\u9ED8\u8BA4\u4E3Anone\uFF0C\u6D4F\u89C8\u5668\u9ED8\u8BA4\u5927\u5C0F\u548C\u884C\u9AD8\uFF0C1\uFF5E9\u9884\u8BBE\u5B57\u4F53\u5927\u5C0F\u548C\u884C\u9AD8',\n      options: ['none', 1, 2, 3, 4, 5, 6, 7, 8, 9],\n      table: {\n        defaultValue: { summary: 'none' },\n      },\n    },\n    weights: {\n      control: {\n        type: 'select',\n      },\n      options: ['light', 'normal', 'medium', '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: 'none',\n    weights: '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: 'none',\n    weights: 'normal',\n  },\n}\n\nexport const Sizes: Story = {\n  render() {\n    return (\n      <div className=\"ai-flex ai-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        <Text size={4}>The quick brown fox jumps over the lazy dog.</Text>\n        <Text size={5}>The quick brown fox jumps over the lazy dog.</Text>\n        <Text size={6}>The quick brown fox jumps over the lazy dog.</Text>\n        <Text size={7}>The quick brown fox jumps over the lazy dog.</Text>\n        <Text size={8}>The quick brown fox jumps over the lazy dog.</Text>\n        <Text size={9}>The quick brown fox jumps over the lazy dog.</Text>\n      </div>\n    )\n  },\n}\n\nexport const Weights: Story = {\n  render() {\n    return (\n      <div className=\"ai-flex ai-flex-col\">\n        <Text weights=\"light\">The quick brown fox jumps over the lazy dog.</Text>\n        <Text weights=\"normal\">The quick brown fox jumps over the lazy dog.</Text>\n        <Text weights=\"medium\">The quick brown fox jumps over the lazy dog.</Text>\n        <Text weights=\"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      <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,YAAAC,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,2JACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,YAAa,6LACb,QAAS,CAAC,OAAQ,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,CAAC,EAC3C,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,CACF,EACA,QAAS,CACP,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,QAAS,SAAU,SAAU,MAAM,EAC7C,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,OACN,QAAS,SACT,MAAO,OACP,KAAM,GACN,GAAI,GACN,CACF,EAEA,IAAOL,EAAQK,EAGR,MAAMT,EAAiB,CAC5B,KAAM,CACJ,SAAU,gDACV,KAAM,OACN,QAAS,QACX,CACF,EAEaE,EAAe,CAC1B,QAAS,CACP,SACE,QAAC,OAAI,UAAU,sBACb,oBAAC,QAAK,KAAM,EAAG,wDAA4C,KAC3D,OAAC,QAAK,KAAM,EAAG,wDAA4C,KAC3D,OAAC,QAAK,KAAM,EAAG,wDAA4C,KAC3D,OAAC,QAAK,KAAM,EAAG,wDAA4C,KAC3D,OAAC,QAAK,KAAM,EAAG,wDAA4C,KAC3D,OAAC,QAAK,KAAM,EAAG,wDAA4C,KAC3D,OAAC,QAAK,KAAM,EAAG,wDAA4C,KAC3D,OAAC,QAAK,KAAM,EAAG,wDAA4C,KAC3D,OAAC,QAAK,KAAM,EAAG,wDAA4C,GAC7D,CAEJ,CACF,EAEaC,EAAiB,CAC5B,QAAS,CACP,SACE,QAAC,OAAI,UAAU,sBACb,oBAAC,QAAK,QAAQ,QAAQ,wDAA4C,KAClE,OAAC,QAAK,QAAQ,SAAS,wDAA4C,KACnE,OAAC,QAAK,QAAQ,SAAS,wDAA4C,KACnE,OAAC,QAAK,QAAQ,OAAO,wDAA4C,GACnE,CAEJ,CACF,EAEaF,EAAc,CACzB,QAAS,CACP,SACE,OAAC,QACC,KAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wGASR,CAEJ,CACF",
   "names": ["text_stories_exports", "__export", "Default", "Html", "Sizes", "Weights", "text_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "meta"]
 }