@anker-in/headless-ui 0.0.11 → 0.0.12

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/radio.stories.tsx"],
-  "sourcesContent": ["import { RadioGroup, RadioGroupItem } from '../components/index'\nimport React from 'react'\n\nexport default { title: 'Components/Radio' }\n\nexport const Default = () => (\n  <div className=\"ai-flex ai-h-40 ai-w-48 ai-items-center ai-justify-center\">\n    <RadioGroup defaultValue=\"ai-option-one\">\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    </RadioGroup>\n  </div>\n)\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAQM,IAAAK,EAAA,6BARNC,EAA2C,+BAC3CC,EAAkB,iBAEXJ,EAAQ,CAAE,MAAO,kBAAmB,EAEpC,MAAMD,EAAU,OACrB,OAAC,OAAI,UAAU,4DACb,oBAAC,cAAW,aAAa,gBACvB,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,EACF",
-  "names": ["radio_stories_exports", "__export", "Default", "radio_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react"]
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react/*'\nimport { RadioGroup, RadioGroupItem } from '../components/index'\nimport React from 'react'\n\nconst meta = {\n  title: 'Components/Radio',\n  component: RadioGroup,\n  // subcomponents: { RadioGroupItem },\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,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,mBACP,UAAW,aAEX,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

@@ -1,14 +1,20 @@
 import type { StoryObj } from '@storybook/react';
-import { Skeleton } from '../components/index';
+import React from 'react';
 declare const meta: {
     title: string;
-    component: typeof Skeleton;
+    component: React.ForwardRefExoticComponent<import("../components/skeleton").SkeletonProps & React.RefAttributes<HTMLSpanElement>>;
     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 Example: Story;
+export declare const Multiple: Story;
+export declare const WithText: Story;

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

@@ -1,2 +1,2 @@
-"use strict";var s=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var f=(t,e)=>{for(var r in e)s(t,r,{get:e[r],enumerable:!0})},p=(t,e,r,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of n(e))!c.call(t,o)&&o!==r&&s(t,o,{get:()=>e[o],enumerable:!(l=m(e,o))||l.enumerable});return t};var y=t=>p(s({},"__esModule",{value:!0}),t);var N={};f(N,{Default:()=>S,Example:()=>x,default:()=>u});module.exports=y(N);var a=require("react/jsx-runtime"),i=require("../components/index"),k=require("react");const d={title:"Components/Skeleton",component:i.Skeleton,parameters:{layout:"centered"},tags:["autodocs"]};var u=d;const S={},x={render(){return(0,a.jsxs)("div",{className:"ai-flex ai-flex-col ai-items-center ai-justify-center",children:[(0,a.jsxs)("div",{className:"ai-flex ai-w-full ai-justify-between",children:[(0,a.jsx)(i.Skeleton,{className:"ai-size-12 ai-rounded-full"}),(0,a.jsx)(i.Skeleton,{className:"ai-h-12 ai-w-[70%] "})]}),(0,a.jsx)(i.Skeleton,{className:"ai-mt-2 ai-h-40 ai-w-[200px]"})]})}};
+"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."})]})}};
 //# 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  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Skeleton>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {}\n\nexport const Example: 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"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GAwBQ,IAAAM,EAAA,6BAtBRC,EAAyB,+BACzBC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,sBACP,UAAW,WACX,WAAY,CACV,OAAQ,UACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQK,EAIR,MAAMP,EAAiB,CAAC,EAElBC,EAAiB,CAC5B,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",
-  "names": ["skeleton_stories_exports", "__export", "Default", "Example", "skeleton_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "meta"]
+  "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",
+  "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

@@ -5,6 +5,11 @@ declare const meta: {
     component: React.ForwardRefExoticComponent<import("../components/text").TextProps & React.RefAttributes<HTMLSpanElement>>;
     parameters: {
         layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
     };
     tags: string[];
     argTypes: {
@@ -13,12 +18,37 @@ declare const meta: {
                 type: "select";
             };
             options: number[];
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
         };
         weights: {
             control: {
                 type: "select";
             };
             options: string[];
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        color: {
+            control: "color";
+        };
+        as: {
+            control: {
+                type: "select";
+            };
+            description: string;
+            options: string[];
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
         };
         html: {
             type: "string";
@@ -34,4 +64,6 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const All: Story;
+export declare const Sizes: Story;
+export declare const Weights: Story;
+export declare const Html: Story;

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

@@ -1,2 +1,10 @@
-"use strict";var a=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var y=(t,e)=>{for(var s in e)a(t,s,{get:e[s],enumerable:!0})},c=(t,e,s,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of l(e))!m.call(t,o)&&o!==s&&a(t,o,{get:()=>e[o],enumerable:!(p=i(e,o))||p.enumerable});return t};var g=t=>c(a({},"__esModule",{value:!0}),t);var T={};y(T,{All:()=>x,Default:()=>h,default:()=>f});module.exports=g(T);var r=require("react/jsx-runtime"),n=require("../components/index"),w=require("react");const d={title:"Components/Text",component:n.Text,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:[1,2,3,4,5,6,7,8,9]},weights:{control:{type:"select"},options:["light","normal","medium","bold"]},html:{type:"string",description:"\u76F8\u5F53\u4E8E dangerouslySetInnerHTML"}},args:{size:3,weights:"normal",html:""}};var f=d;const h={args:{children:" The quick brown fox jumps over the lazy dog.",size:3,weights:"normal"}},u=new Array(9).fill(0).map((t,e)=>e+1),x={render(){return(0,r.jsx)(r.Fragment,{children:u.map(t=>(0,r.jsx)(n.Text,{as:"p",size:t,children:"The quick brown fox jumps over the lazy dog."},t))})}};
+"use strict";var a=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var c=(r,t)=>{for(var i in t)a(r,i,{get:t[i],enumerable:!0})},f=(r,t,i,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of p(t))!u.call(r,s)&&s!==i&&a(r,s,{get:()=>t[s],enumerable:!(l=n(t,s))||l.enumerable});return r};var h=r=>f(a({},"__esModule",{value:!0}),r);var b={};c(b,{Default:()=>x,Html:()=>T,Sizes:()=>y,Weights:()=>g,default:()=>d});module.exports=h(b);var e=require("react/jsx-runtime"),o=require("../components/index"),w=require("react");const m={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"},options:[1,2,3,4,5,6,7,8,9],table:{defaultValue:{summary:"3"}}},weights:{control:{type:"select"},options:["light","normal","medium","bold"],table:{defaultValue:{summary:"normal"}}},color:{control:"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:3,weights:"normal",html:""}};var d=m;const x={args:{children:" The quick brown fox jumps over the lazy dog.",size:3,weights:"normal"}},y={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 */
+      #00ffff,   /* \u9752\u8272 */
+      #0099ff,   /* \u6D45\u84DD\u8272 */
+      #8000ff,   /* \u7D2B\u8272 */
+      #ff00ff    /* \u7C89\u8272 */
+    );color: transparent;background-clip: text;'>quick brown fox</span> <br/> jumps over the lazy dog.`})}};
 //# sourceMappingURL=text.stories.js.map

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: 'Components/Text',\n  component: Text,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: {\n        type: 'select',\n      },\n      options: [1, 2, 3, 4, 5, 6, 7, 8, 9],\n    },\n    weights: {\n      control: {\n        type: 'select',\n      },\n      options: ['light', 'normal', 'medium', 'bold'],\n    },\n    html: {\n      type: 'string',\n      description: '\u76F8\u5F53\u4E8E dangerouslySetInnerHTML',\n    },\n  },\n  args: {\n    size: 3,\n    weights: 'normal',\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: 3,\n    weights: 'normal',\n  },\n}\n\nconst sizes = new Array(9).fill(0).map((_, i) => i + 1)\nexport const All: Story = {\n  render() {\n    return (\n      <>\n        {sizes.map(size => (\n          <Text as=\"p\" key={size} size={size as any}>\n            The quick brown fox jumps over the lazy dog.\n          </Text>\n        ))}\n      </>\n    )\n  },\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,SAAAE,EAAA,YAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GAoDM,IAAAM,EAAA,6BAlDNC,EAAqB,+BACrBC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,kBACP,UAAW,OACX,WAAY,CACV,OAAQ,UACV,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,CAAC,CACrC,EACA,QAAS,CACP,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,QAAS,SAAU,SAAU,MAAM,CAC/C,EACA,KAAM,CACJ,KAAM,SACN,YAAa,4CACf,CACF,EACA,KAAM,CACJ,KAAM,EACN,QAAS,SACT,KAAM,EACR,CACF,EAEA,IAAOL,EAAQK,EAGR,MAAMN,EAAiB,CAC5B,KAAM,CACJ,SAAU,gDACV,KAAM,EACN,QAAS,QACX,CACF,EAEMO,EAAQ,IAAI,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,IAAI,CAACC,EAAGC,IAAMA,EAAI,CAAC,EACzCV,EAAa,CACxB,QAAS,CACP,SACE,mBACG,SAAAQ,EAAM,IAAIG,MACT,OAAC,QAAK,GAAG,IAAe,KAAMA,EAAa,yDAAzBA,CAElB,CACD,EACH,CAEJ,CACF",
-  "names": ["text_stories_exports", "__export", "All", "Default", "text_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "meta", "sizes", "_", "i", "size"]
+  "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      options: [1, 2, 3, 4, 5, 6, 7, 8, 9],\n      table: {\n        defaultValue: { summary: '3' },\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    color: {\n      control: 'color',\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: 3,\n    weights: 'normal',\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: 3,\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,GA2EM,IAAAQ,EAAA,6BAzENC,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,QAAS,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,CAAC,EACnC,MAAO,CACL,aAAc,CAAE,QAAS,GAAI,CAC/B,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,OACX,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,EACN,QAAS,SACT,KAAM,EACR,CACF,EAEA,IAAOL,EAAQK,EAGR,MAAMT,EAAiB,CAC5B,KAAM,CACJ,SAAU,gDACV,KAAM,EACN,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"]
 }