@anker-in/headless-ui 0.0.10 → 0.0.11

package/dist/esm/stories/radio.stories.js

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as e}from"react/jsx-runtime";import{RadioGroup as i,RadioGroupItem as t}from"../components/index";import"react";var p={title:"Components/Radio"};const d=()=>o("div",{className:"flex h-40 w-48 items-center justify-center",children:e(i,{defaultValue:"option-one",children:[e("div",{className:"flex items-center space-x-2",children:[o(t,{value:"option-one",id:"option-one"}),o("label",{htmlFor:"option-one",children:"Option One"})]}),e("div",{className:"flex items-center space-x-2",children:[o(t,{value:"option-two",id:"option-two"}),o("label",{htmlFor:"option-two",children:"Option Two"})]})]})});export{d as Default,p as default};
+import{jsx as o,jsxs as i}from"react/jsx-runtime";import{RadioGroup as a,RadioGroupItem as e}from"../components/index";import"react";var p={title:"Components/Radio"};const d=()=>o("div",{className:"ai-flex ai-h-40 ai-w-48 ai-items-center ai-justify-center",children:i(a,{defaultValue:"ai-option-one",children:[i("div",{className:"ai-flex ai-items-center ai-space-x-2",children:[o(e,{value:"option-one",id:"option-one"}),o("label",{htmlFor:"option-one",children:"Option One"})]}),i("div",{className:"ai-flex ai-items-center ai-space-x-2",children:[o(e,{value:"option-two",id:"option-two"}),o("label",{htmlFor:"option-two",children:"Option Two"})]})]})});export{d as Default,p as default};
 //# sourceMappingURL=radio.stories.js.map

package/dist/esm/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=\"flex h-40 w-48 items-center justify-center\">\n    <RadioGroup defaultValue=\"option-one\">\n      <div className=\"flex items-center space-x-2\">\n        <RadioGroupItem value=\"option-one\" id=\"option-one\" />\n        <label htmlFor=\"option-one\">Option One</label>\n      </div>\n      <div className=\"flex items-center 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": "AAQM,OACE,OAAAA,EADF,QAAAC,MAAA,oBARN,OAAS,cAAAC,EAAY,kBAAAC,MAAsB,sBAC3C,MAAkB,QAElB,IAAOC,EAAQ,CAAE,MAAO,kBAAmB,EAEpC,MAAMC,EAAU,IACrBL,EAAC,OAAI,UAAU,6CACb,SAAAC,EAACC,EAAA,CAAW,aAAa,aACvB,UAAAD,EAAC,OAAI,UAAU,8BACb,UAAAD,EAACG,EAAA,CAAe,MAAM,aAAa,GAAG,aAAa,EACnDH,EAAC,SAAM,QAAQ,aAAa,sBAAU,GACxC,EACAC,EAAC,OAAI,UAAU,8BACb,UAAAD,EAACG,EAAA,CAAe,MAAM,aAAa,GAAG,aAAa,EACnDH,EAAC,SAAM,QAAQ,aAAa,sBAAU,GACxC,GACF,EACF",
+  "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": "AAQM,OACE,OAAAA,EADF,QAAAC,MAAA,oBARN,OAAS,cAAAC,EAAY,kBAAAC,MAAsB,sBAC3C,MAAkB,QAElB,IAAOC,EAAQ,CAAE,MAAO,kBAAmB,EAEpC,MAAMC,EAAU,IACrBL,EAAC,OAAI,UAAU,4DACb,SAAAC,EAACC,EAAA,CAAW,aAAa,gBACvB,UAAAD,EAAC,OAAI,UAAU,uCACb,UAAAD,EAACG,EAAA,CAAe,MAAM,aAAa,GAAG,aAAa,EACnDH,EAAC,SAAM,QAAQ,aAAa,sBAAU,GACxC,EACAC,EAAC,OAAI,UAAU,uCACb,UAAAD,EAACG,EAAA,CAAe,MAAM,aAAa,GAAG,aAAa,EACnDH,EAAC,SAAM,QAAQ,aAAa,sBAAU,GACxC,GACF,EACF",
   "names": ["jsx", "jsxs", "RadioGroup", "RadioGroupItem", "radio_stories_default", "Default"]
 }

package/dist/esm/stories/skeleton.stories.js

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as o}from"react/jsx-runtime";import{Skeleton as e}from"../components/index";import"react";const a={title:"Components/Skeleton",component:e,parameters:{layout:"centered"},tags:["autodocs"]};var m=a;const n={},c={render(){return o("div",{className:"flex flex-col items-center justify-center",children:[o("div",{className:"flex w-full justify-between",children:[t(e,{className:"size-12 rounded-full"}),t(e,{className:"h-12 w-[70%] "})]}),t(e,{className:"mt-2 h-40 w-[200px]"})]})}};export{n as Default,c as Example,m as default};
+import{jsx as t,jsxs as a}from"react/jsx-runtime";import{Skeleton as e}from"../components/index";import"react";const o={title:"Components/Skeleton",component:e,parameters:{layout:"centered"},tags:["autodocs"]};var l=o;const m={},n={render(){return a("div",{className:"ai-flex ai-flex-col ai-items-center ai-justify-center",children:[a("div",{className:"ai-flex ai-w-full ai-justify-between",children:[t(e,{className:"ai-size-12 ai-rounded-full"}),t(e,{className:"ai-h-12 ai-w-[70%] "})]}),t(e,{className:"ai-mt-2 ai-h-40 ai-w-[200px]"})]})}};export{m as Default,n as Example,l as default};
 //# sourceMappingURL=skeleton.stories.js.map

package/dist/esm/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=\"flex flex-col items-center justify-center\">\n        <div className=\"flex w-full justify-between\">\n          <Skeleton className=\"size-12 rounded-full\" />\n          <Skeleton className=\"h-12 w-[70%] \" />\n        </div>\n        <Skeleton className=\"mt-2 h-40 w-[200px]\" />\n      </div>\n    )\n  },\n}\n"],
-  "mappings": "AAwBQ,OACE,OAAAA,EADF,QAAAC,MAAA,oBAtBR,OAAS,YAAAC,MAAgB,sBACzB,MAAkB,QAElB,MAAMC,EAAO,CACX,MAAO,sBACP,UAAWD,EACX,WAAY,CACV,OAAQ,UACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAAC,EAElBC,EAAiB,CAC5B,QAAS,CACP,OACEL,EAAC,OAAI,UAAU,4CACb,UAAAA,EAAC,OAAI,UAAU,8BACb,UAAAD,EAACE,EAAA,CAAS,UAAU,uBAAuB,EAC3CF,EAACE,EAAA,CAAS,UAAU,gBAAgB,GACtC,EACAF,EAACE,EAAA,CAAS,UAAU,sBAAsB,GAC5C,CAEJ,CACF",
+  "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": "AAwBQ,OACE,OAAAA,EADF,QAAAC,MAAA,oBAtBR,OAAS,YAAAC,MAAgB,sBACzB,MAAkB,QAElB,MAAMC,EAAO,CACX,MAAO,sBACP,UAAWD,EACX,WAAY,CACV,OAAQ,UACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAAC,EAElBC,EAAiB,CAC5B,QAAS,CACP,OACEL,EAAC,OAAI,UAAU,wDACb,UAAAA,EAAC,OAAI,UAAU,uCACb,UAAAD,EAACE,EAAA,CAAS,UAAU,6BAA6B,EACjDF,EAACE,EAAA,CAAS,UAAU,sBAAsB,GAC5C,EACAF,EAACE,EAAA,CAAS,UAAU,+BAA+B,GACrD,CAEJ,CACF",
   "names": ["jsx", "jsxs", "Skeleton", "meta", "skeleton_stories_default", "Default", "Example"]
 }

package/dist/esm/stories/text.stories.d.ts

@@ -2,13 +2,34 @@ import type { StoryObj } from '@storybook/react';
 import React from 'react';
 declare const meta: {
     title: string;
-    component: React.ForwardRefExoticComponent<import("../components/text").TextProps & import("class-variance-authority").VariantProps<(props?: ({
-        size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | null | undefined;
-    } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLSpanElement>>;
+    component: React.ForwardRefExoticComponent<import("../components/text").TextProps & React.RefAttributes<HTMLSpanElement>>;
     parameters: {
         layout: string;
     };
     tags: string[];
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: number[];
+        };
+        weights: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        html: {
+            type: "string";
+            description: string;
+        };
+    };
+    args: {
+        size: 3;
+        weights: "normal";
+        html: string;
+    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/esm/stories/text.stories.js

@@ -1,2 +1,2 @@
-import{Fragment as s,jsx as o}from"react/jsx-runtime";import{Text as e}from"../components/index";import"react";const a={title:"Components/Text",component:e,parameters:{layout:"centered"},tags:["autodocs"]};var c=a;const f={args:{children:" The quick brown fox jumps over the lazy dog."}},p=new Array(10).fill(0).map((t,r)=>r+1),l={render(){return o(s,{children:p.map(t=>o(e,{as:"p",size:t,children:"The quick brown fox jumps over the lazy dog."},t))})}};export{l as All,f as Default,c as default};
+import{Fragment as n,jsx as o}from"react/jsx-runtime";import{Text as e}from"../components/index";import"react";const s={title:"Components/Text",component:e,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 m=s;const y={args:{children:" The quick brown fox jumps over the lazy dog.",size:3,weights:"normal"}},a=new Array(9).fill(0).map((t,r)=>r+1),c={render(){return o(n,{children:a.map(t=>o(e,{as:"p",size:t,children:"The quick brown fox jumps over the lazy dog."},t))})}};export{c as All,y as Default,m as default};
 //# sourceMappingURL=text.stories.js.map

package/dist/esm/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} 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  },\n}\n\nconst sizes = new Array(10).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": "AA2BM,mBAAAA,EAEI,OAAAC,MAFJ,oBAzBN,OAAS,QAAAC,MAAY,sBACrB,MAAkB,QAElB,MAAMC,EAAO,CACX,MAAO,kBACP,UAAWD,EACX,WAAY,CACV,OAAQ,UACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGR,MAAME,EAAiB,CAC5B,KAAM,CACJ,SAAU,+CACZ,CACF,EAEMC,EAAQ,IAAI,MAAM,EAAE,EAAE,KAAK,CAAC,EAAE,IAAI,CAACC,EAAGC,IAAMA,EAAI,CAAC,EAC1CC,EAAa,CACxB,QAAS,CACP,OACER,EAAAD,EAAA,CACG,SAAAM,EAAM,IAAII,GACTT,EAACC,EAAA,CAAK,GAAG,IAAe,KAAMQ,EAAa,yDAAzBA,CAElB,CACD,EACH,CAEJ,CACF",
+  "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": "AAoDM,mBAAAA,EAEI,OAAAC,MAFJ,oBAlDN,OAAS,QAAAC,MAAY,sBACrB,MAAkB,QAElB,MAAMC,EAAO,CACX,MAAO,kBACP,UAAWD,EACX,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,IAAOE,EAAQD,EAGR,MAAME,EAAiB,CAC5B,KAAM,CACJ,SAAU,gDACV,KAAM,EACN,QAAS,QACX,CACF,EAEMC,EAAQ,IAAI,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,IAAI,CAACC,EAAGC,IAAMA,EAAI,CAAC,EACzCC,EAAa,CACxB,QAAS,CACP,OACER,EAAAD,EAAA,CACG,SAAAM,EAAM,IAAII,GACTT,EAACC,EAAA,CAAK,GAAG,IAAe,KAAMQ,EAAa,yDAAzBA,CAElB,CACD,EACH,CAEJ,CACF",
   "names": ["Fragment", "jsx", "Text", "meta", "text_stories_default", "Default", "sizes", "_", "i", "All", "size"]
 }