@anker-in/headless-ui 0.0.27-alpha.98 → 0.0.27

package/dist/esm/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.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\uFF0C \u5206\u4E3A5\u4E2Asize , \u5185\u7F6E\u5B57\u4F53\u5927\u5C0F\u54CD\u5E94\u5F0F\u9884\u8BBE, \u57FA\u672C\u548Ctext \u7EC4\u4EF6\u4E00\u6837\uFF0C\u53EA\u662F\u9ED8\u8BA4\u7684\u6807\u7B7E\u7C7B\u578B\u4E0D\u4E00\u6837\u3002\n\n### \u6807\u9898\u5C3A\u5BF8\n\u6807\u9898\u7684\u5927\u5C0F\uFF0C\u5C42\u7EA7\uFF0C\u5BF9\u6BD4\u5EA6\u7B49\u90FD\u662F\u5F71\u54CD\u89C6\u89C9\u53EF\u8BFB\u6027\u548C\u9605\u8BFB\u6548\u7387\u7684\u91CD\u8981\u56E0\u7D20\uFF0C\u4E3A\u4FDD\u969C\u6807\u9898\u7684\u6613\u8BFB\u6027\uFF0C\u754C\u9762\u6807\u9898\u9700\u6EE1\u8DB3\u4EE5\u4E0B\u8981\u6C42\uFF1A\u6700\u5C0F\u53EF\u8BC6\u522B\u6807\u9898\u5C3A\u5BF8\uFF1A14px, \n\u4ECE\u5927\u4E8E1920px, 1441-1920, \u5C0F\u4E8E1440px, \u7684\u5C3A\u5BF8\uFF0C\u5B57\u4F53\u5927\u5C0F\u5206\u522B\u4E3A\uFF1A   \n- 5: \u7279\u5927\u6807\u9898(64px, 48px, 40px)\n- 4: \u4E00\u7EA7\u6807\u9898(48px, 36px, 32px)\n- 3: \u4E8C\u7EA7\u6807\u9898(32px, 24px\uFF0C 24px)\n- 2: \u4E09\u7EA7\u6807\u9898(24px, 20px, 20px)\n- 1: \u9875\u9762\u6309\u94AE/\u6807\u7B7E(16px, 14px, 14px)\n- none: \u65E0\u9ED8\u8BA4\u5B57\u4F53\u5927\u5C0F\n          `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: {\n        type: 'select',\n      },\n      options: ['none', 1, 2, 3, 4, 5],\n      description: '\u6587\u672C\u5C3A\u5BF8\uFF0C\u4ECE1\u52305\uFF0Cfont-size\u8D8A\u6765\u8D8A\u5927',\n      table: {\n        defaultValue: { summary: 'none' },\n      },\n    },\n    weight: {\n      control: {\n        type: 'select',\n      },\n      options: ['medium', 'semibold', 'bold', 'extraBold', 'black'],\n      description: '\u6587\u672C\u7C97\u7EC6, \u4ECE500\u5230900 \uFF0C\u9ED8\u8BA4\u662F700',\n      table: {\n        defaultValue: { summary: 'bold' },\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: 1,\n    weight: 'bold',\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    </>\n  ),\n}\n\nexport const Html: Story = {\n  render: () => (\n    <>\n      <Heading size={1}>\u652F\u6301html \u683C\u5F0F \u548Cpayload cms JSON \u683C\u5F0F \u7684\u5BCC\u6587\u672C</Heading>\n      <hr />\n      <Heading size={1} html=\"The quick brown fox jumps over the <span style='color: #FBDB93'>lazy dog.</span>\" />\n      <hr />\n      <Heading\n        size={5}\n        html={\n          {\n            root: {\n              type: 'root',\n              format: '',\n              indent: 0,\n              version: 1,\n              children: [\n                {\n                  tag: 'h1',\n                  type: 'heading',\n                  format: '',\n                  indent: 0,\n                  version: 1,\n                  children: [\n                    {\n                      mode: 'normal',\n                      text: 'React to Every Noise as',\n                      type: 'text',\n                      style: '',\n                      detail: 0,\n                      format: 0,\n                      version: 1,\n                    },\n                  ],\n                  direction: 'ltr',\n                },\n                {\n                  tag: 'h1',\n                  type: 'heading',\n                  format: '',\n                  indent: 0,\n                  version: 1,\n                  children: [\n                    {\n                      mode: 'normal',\n                      text: 'You Go',\n                      type: 'text',\n                      style: '',\n                      detail: 0,\n                      format: 0,\n                      version: 1,\n                    },\n                  ],\n                  direction: 'ltr',\n                },\n              ],\n              direction: 'ltr',\n            },\n          } as any\n        }\n      />\n    </>\n  ),\n}\n"],
-  "mappings": "AAmGI,mBAAAA,EACE,OAAAC,EADF,QAAAC,MAAA,oBAjGJ,OAAS,WAAAC,MAAe,yBACxB,MAAkB,QAElB,MAAMC,EAAO,CACX,MAAO,qBACP,UAAWD,EACX,WAAY,CACV,OAAQ,SACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAYb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,OAAQ,EAAG,EAAG,EAAG,EAAG,CAAC,EAC/B,YAAa,sFACb,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,CACF,EACA,OAAQ,CACN,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,SAAU,WAAY,OAAQ,YAAa,OAAO,EAC5D,YAAa,2EACb,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,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,EACN,OAAQ,OACR,MAAO,MACT,CACF,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,GAAI,KACJ,SAAU,+CACZ,CACF,EAEaC,EAAa,CACxB,OAAQ,IACNL,EAAAF,EAAA,CACE,UAAAC,EAACE,EAAA,CAAQ,KAAM,EAAG,wDAA4C,EAC9DF,EAACE,EAAA,CAAQ,KAAM,EAAG,wDAA4C,EAC9DF,EAACE,EAAA,CAAQ,KAAM,EAAG,wDAA4C,EAC9DF,EAACE,EAAA,CAAQ,KAAM,EAAG,wDAA4C,EAC9DF,EAACE,EAAA,CAAQ,KAAM,EAAG,wDAA4C,GAChE,CAEJ,EAEaK,EAAc,CACzB,OAAQ,IACNN,EAAAF,EAAA,CACE,UAAAC,EAACE,EAAA,CAAQ,KAAM,EAAG,sGAAmC,EACrDF,EAAC,OAAG,EACJA,EAACE,EAAA,CAAQ,KAAM,EAAG,KAAK,mFAAmF,EAC1GF,EAAC,OAAG,EACJA,EAACE,EAAA,CACC,KAAM,EACN,KACE,CACE,KAAM,CACJ,KAAM,OACN,OAAQ,GACR,OAAQ,EACR,QAAS,EACT,SAAU,CACR,CACE,IAAK,KACL,KAAM,UACN,OAAQ,GACR,OAAQ,EACR,QAAS,EACT,SAAU,CACR,CACE,KAAM,SACN,KAAM,0BACN,KAAM,OACN,MAAO,GACP,OAAQ,EACR,OAAQ,EACR,QAAS,CACX,CACF,EACA,UAAW,KACb,EACA,CACE,IAAK,KACL,KAAM,UACN,OAAQ,GACR,OAAQ,EACR,QAAS,EACT,SAAU,CACR,CACE,KAAM,SACN,KAAM,SACN,KAAM,OACN,MAAO,GACP,OAAQ,EACR,OAAQ,EACR,QAAS,CACX,CACF,EACA,UAAW,KACb,CACF,EACA,UAAW,KACb,CACF,EAEJ,GACF,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\uFF0C \u5206\u4E3A5\u4E2Asize , \u5185\u7F6E\u5B57\u4F53\u5927\u5C0F\u54CD\u5E94\u5F0F\u9884\u8BBE, \u57FA\u672C\u548Ctext \u7EC4\u4EF6\u4E00\u6837\uFF0C\u53EA\u662F\u9ED8\u8BA4\u7684\u6807\u7B7E\u7C7B\u578B\u4E0D\u4E00\u6837\u3002\n\n### \u6807\u9898\u5C3A\u5BF8\n\u6807\u9898\u7684\u5927\u5C0F\uFF0C\u5C42\u7EA7\uFF0C\u5BF9\u6BD4\u5EA6\u7B49\u90FD\u662F\u5F71\u54CD\u89C6\u89C9\u53EF\u8BFB\u6027\u548C\u9605\u8BFB\u6548\u7387\u7684\u91CD\u8981\u56E0\u7D20\uFF0C\u4E3A\u4FDD\u969C\u6807\u9898\u7684\u6613\u8BFB\u6027\uFF0C\u754C\u9762\u6807\u9898\u9700\u6EE1\u8DB3\u4EE5\u4E0B\u8981\u6C42\uFF1A\u6700\u5C0F\u53EF\u8BC6\u522B\u6807\u9898\u5C3A\u5BF8\uFF1A14px, \n\u4ECE\u5927\u4E8E1920px, 1441-1920, \u5C0F\u4E8E1440px, \u7684\u5C3A\u5BF8\uFF0C\u5B57\u4F53\u5927\u5C0F\u5206\u522B\u4E3A\uFF1A   \n- 5: \u7279\u5927\u6807\u9898(64px, 48px, 40px)\n- 4: \u4E00\u7EA7\u6807\u9898(48px, 36px, 32px)\n- 3: \u4E8C\u7EA7\u6807\u9898(32px, 24px\uFF0C 24px)\n- 2: \u4E09\u7EA7\u6807\u9898(24px, 20px, 20px)\n- 1: \u9875\u9762\u6309\u94AE/\u6807\u7B7E(16px, 14px, 14px)\n- none: \u65E0\u9ED8\u8BA4\u5B57\u4F53\u5927\u5C0F\n          `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: {\n        type: 'select',\n      },\n      options: ['none', 1, 2, 3, 4, 5],\n      description: '\u6587\u672C\u5C3A\u5BF8\uFF0C\u4ECE1\u52305\uFF0Cfont-size\u8D8A\u6765\u8D8A\u5927',\n      table: {\n        defaultValue: { summary: 'none' },\n      },\n    },\n    weight: {\n      control: {\n        type: 'select',\n      },\n      options: ['medium', 'semibold', 'bold', 'extraBold', 'black'],\n      description: '\u6587\u672C\u7C97\u7EC6, \u4ECE500\u5230900 \uFF0C\u9ED8\u8BA4\u662F700',\n      table: {\n        defaultValue: { summary: 'bold' },\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: 1,\n    weight: 'bold',\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    className: 'tablet:text-[13px] laptop:text-[14px] line-clamp-3 text-[12px] ',\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    </>\n  ),\n}\n\nexport const Html: Story = {\n  render: () => (\n    <>\n      <Heading size={1}>\u652F\u6301html \u683C\u5F0F \u548Cpayload cms JSON \u683C\u5F0F \u7684\u5BCC\u6587\u672C</Heading>\n      <hr />\n      <Heading size={1} html=\"The quick brown fox jumps over the <span style='color: #FBDB93'>lazy dog.</span>\" />\n      <hr />\n      <Heading\n        size={5}\n        html={\n          {\n            root: {\n              type: 'root',\n              format: '',\n              indent: 0,\n              version: 1,\n              children: [\n                {\n                  tag: 'h1',\n                  type: 'heading',\n                  format: '',\n                  indent: 0,\n                  version: 1,\n                  children: [\n                    {\n                      mode: 'normal',\n                      text: 'React to Every Noise as',\n                      type: 'text',\n                      style: '',\n                      detail: 0,\n                      format: 0,\n                      version: 1,\n                    },\n                  ],\n                  direction: 'ltr',\n                },\n                {\n                  tag: 'h1',\n                  type: 'heading',\n                  format: '',\n                  indent: 0,\n                  version: 1,\n                  children: [\n                    {\n                      mode: 'normal',\n                      text: 'You Go',\n                      type: 'text',\n                      style: '',\n                      detail: 0,\n                      format: 0,\n                      version: 1,\n                    },\n                  ],\n                  direction: 'ltr',\n                },\n              ],\n              direction: 'ltr',\n            },\n          } as any\n        }\n      />\n    </>\n  ),\n}\n"],
+  "mappings": "AAoGI,mBAAAA,EACE,OAAAC,EADF,QAAAC,MAAA,oBAlGJ,OAAS,WAAAC,MAAe,yBACxB,MAAkB,QAElB,MAAMC,EAAO,CACX,MAAO,qBACP,UAAWD,EACX,WAAY,CACV,OAAQ,SACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAYb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,OAAQ,EAAG,EAAG,EAAG,EAAG,CAAC,EAC/B,YAAa,sFACb,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,CACF,EACA,OAAQ,CACN,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,SAAU,WAAY,OAAQ,YAAa,OAAO,EAC5D,YAAa,2EACb,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,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,EACN,OAAQ,OACR,MAAO,MACT,CACF,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,GAAI,KACJ,SAAU,gDACV,UAAW,iEACb,CACF,EAEaC,EAAa,CACxB,OAAQ,IACNL,EAAAF,EAAA,CACE,UAAAC,EAACE,EAAA,CAAQ,KAAM,EAAG,wDAA4C,EAC9DF,EAACE,EAAA,CAAQ,KAAM,EAAG,wDAA4C,EAC9DF,EAACE,EAAA,CAAQ,KAAM,EAAG,wDAA4C,EAC9DF,EAACE,EAAA,CAAQ,KAAM,EAAG,wDAA4C,EAC9DF,EAACE,EAAA,CAAQ,KAAM,EAAG,wDAA4C,GAChE,CAEJ,EAEaK,EAAc,CACzB,OAAQ,IACNN,EAAAF,EAAA,CACE,UAAAC,EAACE,EAAA,CAAQ,KAAM,EAAG,sGAAmC,EACrDF,EAAC,OAAG,EACJA,EAACE,EAAA,CAAQ,KAAM,EAAG,KAAK,mFAAmF,EAC1GF,EAAC,OAAG,EACJA,EAACE,EAAA,CACC,KAAM,EACN,KACE,CACE,KAAM,CACJ,KAAM,OACN,OAAQ,GACR,OAAQ,EACR,QAAS,EACT,SAAU,CACR,CACE,IAAK,KACL,KAAM,UACN,OAAQ,GACR,OAAQ,EACR,QAAS,EACT,SAAU,CACR,CACE,KAAM,SACN,KAAM,0BACN,KAAM,OACN,MAAO,GACP,OAAQ,EACR,OAAQ,EACR,QAAS,CACX,CACF,EACA,UAAW,KACb,EACA,CACE,IAAK,KACL,KAAM,UACN,OAAQ,GACR,OAAQ,EACR,QAAS,EACT,SAAU,CACR,CACE,KAAM,SACN,KAAM,SACN,KAAM,OACN,MAAO,GACP,OAAQ,EACR,OAAQ,EACR,QAAS,CACX,CACF,EACA,UAAW,KACb,CACF,EACA,UAAW,KACb,CACF,EAEJ,GACF,CAEJ",
   "names": ["Fragment", "jsx", "jsxs", "Heading", "meta", "heading_stories_default", "Default", "All", "Html"]
 }

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

@@ -10,9 +10,8 @@ declare const meta: {
         style?: React.CSSProperties;
         onClick?: Function;
     } & import("class-variance-authority").VariantProps<(props?: ({
-        size?: "small" | "medium" | "large" | null | undefined;
-        underline?: "none" | "always" | "hover" | null | undefined;
-        hoverColor?: "none" | "hover" | null | undefined;
+        size?: "base" | "lg" | null | undefined;
+        variant?: "primary" | "secoundry" | null | undefined;
     } & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("../helpers/component-props.js").ComponentPropsWithout<"a", import("../helpers/component-props.js").RemovedProps> & import("react").RefAttributes<HTMLAnchorElement>>;
     parameters: {
         layout: string;
@@ -31,19 +30,7 @@ declare const meta: {
                 };
             };
         };
-        underline: {
-            description: string;
-            control: {
-                type: "select";
-            };
-            options: string[];
-            table: {
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        hoverColor: {
+        variant: {
             description: string;
             control: {
                 type: "select";

package/dist/esm/stories/link.stories.js

@@ -1,2 +1,2 @@
-import{jsx as i,jsxs as l}from"react/jsx-runtime";import"@storybook/icons";import e from"../components/link.js";const n={title:"Components/Link",component:e,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{size:{description:"\u5C3A\u5BF8",control:{type:"select"},options:["small","medium","large"],table:{defaultValue:{summary:"small"}}},underline:{description:"\u94FE\u63A5\u4E0B\u5212\u7EBF\u5C55\u793A",control:{type:"select"},options:["none","hover","always"],table:{defaultValue:{summary:"none"}}},hoverColor:{description:"\u94FE\u63A5\u60AC\u6D6E\u6587\u5B57\u6837\u5F0F",control:{type:"select"},options:["none","hover"],table:{defaultValue:{summary:"none"}}},onClick:{control:!1},suffixIcon:{control:!1},style:{control:!1},className:{control:!1},children:{control:!1}},args:{onClick:void 0}};var r=n;const t={args:{children:"Link"}},d=()=>l("div",{className:"inline-flex flex-col gap-4",children:[l("div",{className:"inline-flex gap-4",children:[i(e,{size:"small",hoverColor:"hover",children:"Link"}),i(e,{size:"small",underline:"always",hoverColor:"hover",children:"Link"})]}),l("div",{className:"inline-flex gap-4",children:[i(e,{size:"medium",hoverColor:"hover",children:"Link"}),i(e,{size:"medium",underline:"always",hoverColor:"hover",children:"Link"})]}),l("div",{className:"inline-flex gap-4",children:[i(e,{size:"large",hoverColor:"hover",children:"Link"}),i(e,{size:"large",underline:"always",hoverColor:"hover",children:"Link"})]})]}),m=()=>l("div",{className:"inline-flex flex-col gap-4",children:[l("div",{className:"inline-flex gap-4",children:[i(e,{size:"small",disabled:!0,children:"Link"}),i(e,{size:"small",disabled:!0,underline:"always",children:"Link"})]}),l("div",{className:"inline-flex gap-4",children:[i(e,{size:"medium",disabled:!0,children:"Link"}),i(e,{size:"medium",disabled:!0,underline:"always",children:"Link"})]}),l("div",{className:"inline-flex gap-4",children:[i(e,{size:"large",disabled:!0,children:"Link"}),i(e,{size:"large",disabled:!0,underline:"always",children:"Link"})]})]});export{t as Default,m as Disabled,d as LinkSize,r as default};
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import"@storybook/icons";import i from"../components/link.js";const n={title:"Components/Link",component:i,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{size:{description:"\u5C3A\u5BF8",control:{type:"select"},options:["base","lg"],table:{defaultValue:{summary:"base"}}},variant:{description:"\u94FE\u63A5\u60AC\u6D6E\u6587\u5B57\u6837\u5F0F",control:{type:"select"},options:["primary","secoundry"],table:{defaultValue:{summary:"primary"}}},onClick:{control:!1},suffixIcon:{control:!1},style:{control:!1},className:{control:!1},children:{control:!1}},args:{onClick:void 0}};var t=n;const r={args:{children:"Link"}},d=()=>a("div",{className:"inline-flex flex-col gap-4",children:[e("div",{className:"inline-flex gap-4",children:e(i,{size:"base",children:"Link"})}),e("div",{className:"inline-flex gap-4",children:e(i,{size:"lg",children:"Link"})}),e("div",{className:"inline-flex gap-4",children:e(i,{size:"base",variant:"secoundry",children:"Link"})}),e("div",{className:"inline-flex gap-4",children:e(i,{size:"lg",variant:"secoundry",children:"Link"})})]}),c=()=>a("div",{className:"inline-flex flex-col gap-4",children:[a("div",{className:"inline-flex gap-4",children:[e(i,{size:"base",disabled:!0,children:"Link"}),e(i,{size:"base",disabled:!0,children:"Link"})]}),a("div",{className:"inline-flex gap-4",children:[e(i,{size:"lg",disabled:!0,children:"Link"}),e(i,{size:"lg",disabled:!0,children:"Link"})]})]});export{r as Default,c as Disabled,d as LinkSize,t as default};
 //# sourceMappingURL=link.stories.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/link.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport { ChevronRightIcon } from '@storybook/icons'\nimport Link from '../components/link.js'\n\nconst meta = {\n  // \u540C\u65F6\u5B9A\u4E49\u4E86\u9875\u9762\u5DE6\u4FA7\u83DC\u5355\n  title: 'Components/Link',\n  component: Link,\n  parameters: {\n    layout: 'centered',\n  },\n  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs\n  tags: ['autodocs'],\n  // More on argTypes: https://storybook.js.org/docs/api/argtypes\n  argTypes: {\n    size: {\n      description: '\u5C3A\u5BF8',\n      control: {\n        type: 'select',\n      },\n      options: ['small', 'medium', 'large'],\n      table: {\n        defaultValue: { summary: 'small' },\n      },\n    },\n    underline: {\n      description: '\u94FE\u63A5\u4E0B\u5212\u7EBF\u5C55\u793A',\n      control: {\n        type: 'select',\n      },\n      options: ['none', 'hover', 'always'],\n      table: {\n        defaultValue: { summary: 'none' },\n      },\n    },\n    hoverColor: {\n      description: '\u94FE\u63A5\u60AC\u6D6E\u6587\u5B57\u6837\u5F0F',\n      control: {\n        type: 'select',\n      },\n      options: ['none', 'hover'],\n      table: {\n        defaultValue: { summary: 'none' },\n      },\n    },\n    onClick: {\n      control: false,\n    },\n    suffixIcon: {\n      control: false,\n    },\n    style: {\n      control: false,\n    },\n    className: {\n      control: false,\n    },\n    children: {\n      control: false,\n    },\n  },\n  args: {\n    onClick: undefined,\n  },\n} satisfies Meta<typeof Link>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    children: 'Link',\n  },\n}\n\nexport const LinkSize = () => (\n  <div className=\"inline-flex flex-col gap-4\">\n    <div className=\"inline-flex gap-4\">\n      <Link size=\"small\" hoverColor=\"hover\">\n        Link\n      </Link>\n      <Link size=\"small\" underline=\"always\" hoverColor=\"hover\">\n        Link\n      </Link>\n    </div>\n    <div className=\"inline-flex gap-4\">\n      <Link size=\"medium\" hoverColor=\"hover\">\n        Link\n      </Link>\n      <Link size=\"medium\" underline=\"always\" hoverColor=\"hover\">\n        Link\n      </Link>\n    </div>\n    <div className=\"inline-flex gap-4\">\n      <Link size=\"large\" hoverColor=\"hover\">\n        Link\n      </Link>\n      <Link size=\"large\" underline=\"always\" hoverColor=\"hover\">\n        Link\n      </Link>\n    </div>\n  </div>\n)\n\nexport const Disabled = () => (\n  <div className=\"inline-flex flex-col gap-4\">\n    <div className=\"inline-flex gap-4\">\n      <Link size=\"small\" disabled>\n        Link\n      </Link>\n      <Link size=\"small\" disabled underline=\"always\">\n        Link\n      </Link>\n    </div>\n    <div className=\"inline-flex gap-4\">\n      <Link size=\"medium\" disabled>\n        Link\n      </Link>\n      <Link size=\"medium\" disabled underline=\"always\">\n        Link\n      </Link>\n    </div>\n    <div className=\"inline-flex gap-4\">\n      <Link size=\"large\" disabled>\n        Link\n      </Link>\n      <Link size=\"large\" disabled underline=\"always\">\n        Link\n      </Link>\n    </div>\n  </div>\n)\n"],
-  "mappings": "AA8EI,OACE,OAAAA,EADF,QAAAC,MAAA,oBA7EJ,MAAiC,mBACjC,OAAOC,MAAU,wBAEjB,MAAMC,EAAO,CAEX,MAAO,kBACP,UAAWD,EACX,WAAY,CACV,OAAQ,UACV,EAEA,KAAM,CAAC,UAAU,EAEjB,SAAU,CACR,KAAM,CACJ,YAAa,eACb,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,QAAS,SAAU,OAAO,EACpC,MAAO,CACL,aAAc,CAAE,QAAS,OAAQ,CACnC,CACF,EACA,UAAW,CACT,YAAa,6CACb,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,OAAQ,QAAS,QAAQ,EACnC,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,CACF,EACA,WAAY,CACV,YAAa,mDACb,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,OAAQ,OAAO,EACzB,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,CACF,EACA,QAAS,CACP,QAAS,EACX,EACA,WAAY,CACV,QAAS,EACX,EACA,MAAO,CACL,QAAS,EACX,EACA,UAAW,CACT,QAAS,EACX,EACA,SAAU,CACR,QAAS,EACX,CACF,EACA,KAAM,CACJ,QAAS,MACX,CACF,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,SAAU,MACZ,CACF,EAEaC,EAAW,IACtBL,EAAC,OAAI,UAAU,6BACb,UAAAA,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACE,EAAA,CAAK,KAAK,QAAQ,WAAW,QAAQ,gBAEtC,EACAF,EAACE,EAAA,CAAK,KAAK,QAAQ,UAAU,SAAS,WAAW,QAAQ,gBAEzD,GACF,EACAD,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACE,EAAA,CAAK,KAAK,SAAS,WAAW,QAAQ,gBAEvC,EACAF,EAACE,EAAA,CAAK,KAAK,SAAS,UAAU,SAAS,WAAW,QAAQ,gBAE1D,GACF,EACAD,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACE,EAAA,CAAK,KAAK,QAAQ,WAAW,QAAQ,gBAEtC,EACAF,EAACE,EAAA,CAAK,KAAK,QAAQ,UAAU,SAAS,WAAW,QAAQ,gBAEzD,GACF,GACF,EAGWK,EAAW,IACtBN,EAAC,OAAI,UAAU,6BACb,UAAAA,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACE,EAAA,CAAK,KAAK,QAAQ,SAAQ,GAAC,gBAE5B,EACAF,EAACE,EAAA,CAAK,KAAK,QAAQ,SAAQ,GAAC,UAAU,SAAS,gBAE/C,GACF,EACAD,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACE,EAAA,CAAK,KAAK,SAAS,SAAQ,GAAC,gBAE7B,EACAF,EAACE,EAAA,CAAK,KAAK,SAAS,SAAQ,GAAC,UAAU,SAAS,gBAEhD,GACF,EACAD,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACE,EAAA,CAAK,KAAK,QAAQ,SAAQ,GAAC,gBAE5B,EACAF,EAACE,EAAA,CAAK,KAAK,QAAQ,SAAQ,GAAC,UAAU,SAAS,gBAE/C,GACF,GACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport { ChevronRightIcon } from '@storybook/icons'\nimport Link from '../components/link.js'\n\nconst meta = {\n  // \u540C\u65F6\u5B9A\u4E49\u4E86\u9875\u9762\u5DE6\u4FA7\u83DC\u5355\n  title: 'Components/Link',\n  component: Link,\n  parameters: {\n    layout: 'centered',\n  },\n  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs\n  tags: ['autodocs'],\n  // More on argTypes: https://storybook.js.org/docs/api/argtypes\n  argTypes: {\n    size: {\n      description: '\u5C3A\u5BF8',\n      control: {\n        type: 'select',\n      },\n      options: ['base', 'lg'],\n      table: {\n        defaultValue: { summary: 'base' },\n      },\n    },\n    variant: {\n      description: '\u94FE\u63A5\u60AC\u6D6E\u6587\u5B57\u6837\u5F0F',\n      control: {\n        type: 'select',\n      },\n      options: ['primary', 'secoundry'],\n      table: {\n        defaultValue: { summary: 'primary' },\n      },\n    },\n    onClick: {\n      control: false,\n    },\n    suffixIcon: {\n      control: false,\n    },\n    style: {\n      control: false,\n    },\n    className: {\n      control: false,\n    },\n    children: {\n      control: false,\n    },\n  },\n  args: {\n    onClick: undefined,\n  },\n} satisfies Meta<typeof Link>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    children: 'Link',\n  },\n}\n\nexport const LinkSize = () => (\n  <div className=\"inline-flex flex-col gap-4\">\n    <div className=\"inline-flex gap-4\">\n      <Link size=\"base\">Link</Link>\n    </div>\n    <div className=\"inline-flex gap-4\">\n      <Link size=\"lg\">Link</Link>\n    </div>\n    <div className=\"inline-flex gap-4\">\n      <Link size=\"base\" variant=\"secoundry\">\n        Link\n      </Link>\n    </div>\n    <div className=\"inline-flex gap-4\">\n      <Link size=\"lg\" variant=\"secoundry\">\n        Link\n      </Link>\n    </div>\n  </div>\n)\n\nexport const Disabled = () => (\n  <div className=\"inline-flex flex-col gap-4\">\n    <div className=\"inline-flex gap-4\">\n      <Link size=\"base\" disabled>\n        Link\n      </Link>\n      <Link size=\"base\" disabled>\n        Link\n      </Link>\n    </div>\n    <div className=\"inline-flex gap-4\">\n      <Link size=\"lg\" disabled>\n        Link\n      </Link>\n      <Link size=\"lg\" disabled>\n        Link\n      </Link>\n    </div>\n  </div>\n)\n"],
+  "mappings": "AAmEE,OAEI,OAAAA,EAFJ,QAAAC,MAAA,oBAlEF,MAAiC,mBACjC,OAAOC,MAAU,wBAEjB,MAAMC,EAAO,CAEX,MAAO,kBACP,UAAWD,EACX,WAAY,CACV,OAAQ,UACV,EAEA,KAAM,CAAC,UAAU,EAEjB,SAAU,CACR,KAAM,CACJ,YAAa,eACb,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,OAAQ,IAAI,EACtB,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,CACF,EACA,QAAS,CACP,YAAa,mDACb,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,UAAW,WAAW,EAChC,MAAO,CACL,aAAc,CAAE,QAAS,SAAU,CACrC,CACF,EACA,QAAS,CACP,QAAS,EACX,EACA,WAAY,CACV,QAAS,EACX,EACA,MAAO,CACL,QAAS,EACX,EACA,UAAW,CACT,QAAS,EACX,EACA,SAAU,CACR,QAAS,EACX,CACF,EACA,KAAM,CACJ,QAAS,MACX,CACF,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,SAAU,MACZ,CACF,EAEaC,EAAW,IACtBL,EAAC,OAAI,UAAU,6BACb,UAAAD,EAAC,OAAI,UAAU,oBACb,SAAAA,EAACE,EAAA,CAAK,KAAK,OAAO,gBAAI,EACxB,EACAF,EAAC,OAAI,UAAU,oBACb,SAAAA,EAACE,EAAA,CAAK,KAAK,KAAK,gBAAI,EACtB,EACAF,EAAC,OAAI,UAAU,oBACb,SAAAA,EAACE,EAAA,CAAK,KAAK,OAAO,QAAQ,YAAY,gBAEtC,EACF,EACAF,EAAC,OAAI,UAAU,oBACb,SAAAA,EAACE,EAAA,CAAK,KAAK,KAAK,QAAQ,YAAY,gBAEpC,EACF,GACF,EAGWK,EAAW,IACtBN,EAAC,OAAI,UAAU,6BACb,UAAAA,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACE,EAAA,CAAK,KAAK,OAAO,SAAQ,GAAC,gBAE3B,EACAF,EAACE,EAAA,CAAK,KAAK,OAAO,SAAQ,GAAC,gBAE3B,GACF,EACAD,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACE,EAAA,CAAK,KAAK,KAAK,SAAQ,GAAC,gBAEzB,EACAF,EAACE,EAAA,CAAK,KAAK,KAAK,SAAQ,GAAC,gBAEzB,GACF,GACF",
   "names": ["jsx", "jsxs", "Link", "meta", "link_stories_default", "Default", "LinkSize", "Disabled"]
 }

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

@@ -3,13 +3,10 @@ import type { StoryObj } from '@storybook/react';
 import type { MarqueeProps } from '../biz-components/Marquee/type.js';
 declare const meta: {
     title: string;
-    component: {
-        (props: Omit<MarqueeProps & React.RefAttributes<import("swiper/react").SwiperRef>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
-            className?: string;
-            data?: Record<string, any>;
-        }): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
+    component: React.ForwardRefExoticComponent<Omit<Omit<MarqueeProps & React.RefAttributes<import("swiper/react").SwiperRef>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
+        className?: string;
+        data?: Record<string, any>;
+    }, "ref"> & React.RefAttributes<any>>;
     subcomponents: {
         MarqueeItem: ComponentType<unknown>;
         MarqueeImageContent: ComponentType<unknown>;

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

@@ -1,13 +1,10 @@
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: {
-        (props: Omit<import("../biz-components/MediaPlayerMulti/types.js").MediaPlayerMultiProps, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
-            className?: string;
-            data?: Record<string, any>;
-        }): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
+    component: import("react").ForwardRefExoticComponent<Omit<Omit<import("../biz-components/MediaPlayerMulti/types.js").MediaPlayerMultiProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
+        className?: string;
+        data?: Record<string, any>;
+    }, "ref"> & import("react").RefAttributes<any>>;
     parameters: {
         layout: string;
     };

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

@@ -1,13 +1,10 @@
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: {
-        (props: Omit<import("../biz-components/ShelfDisplay/index.js").ShelfDisplayProps, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
-            className?: string;
-            data?: Record<string, any>;
-        }): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
+    component: import("react").ForwardRefExoticComponent<Omit<Omit<import("../biz-components/ShelfDisplay/index.js").ShelfDisplayProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
+        className?: string;
+        data?: Record<string, any>;
+    }, "ref"> & import("react").RefAttributes<any>>;
     parameters: {
         layout: string;
     };

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

@@ -1,14 +1,10 @@
-import React from 'react';
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: {
-        (props: Omit<import("../biz-components/Slogan/types.js").SloganProps & React.RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
-            className?: string;
-            data?: Record<string, any>;
-        }): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
+    component: import("react").ForwardRefExoticComponent<Omit<Omit<import("../biz-components/Slogan/types.js").SloganProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
+        className?: string;
+        data?: Record<string, any>;
+    }, "ref"> & import("react").RefAttributes<any>>;
     parameters: {
         layout: string;
     };

package/dist/esm/stories/slogan.stories.js

@@ -1,26 +1,6 @@
-import{jsx as o}from"react/jsx-runtime";import"react";import{Slogan as e}from"../biz-components/index.js";const t={title:"Biz Components/Slogan",component:e,parameters:{layout:"fullscreen"},tags:["autodocs"]};var i=t;const n={args:{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"},{title:"Pioneering in Charging<br/>Technology for 12 Years"}]}}},s={args:{data:{title:"The World's No.1 Mobile Charging Brand*"}}},g={args:{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"}]}}},d={args:{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"}]}}},f={args:{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"},{title:"Pioneering in Charging<br/>Technology for 12 Years"}]},className:"bg-gray-100"}},b=()=>o(e,{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"},{title:"Pioneering in Charging<br/>Technology for 12 Years"}]},className:"bg-gray-100",style:`
-        
+import{jsx as o}from"react/jsx-runtime";import{Slogan as t}from"../biz-components/index.js";const e={title:"Biz Components/Slogan",component:t,parameters:{layout:"fullscreen"},tags:["autodocs"]};var l=e;const a={args:{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"},{title:"Pioneering in Charging<br/>Technology for 12 Years"}]}}},i={args:{data:{title:"The World's No.1 Mobile Charging Brand*"}}},s={args:{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"}]}}},n={args:{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"}]}}},g={args:{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"},{title:"Pioneering in Charging<br/>Technology for 12 Years"}]},className:"bg-gray-100"}},b=()=>o(t,{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"},{title:"Pioneering in Charging<br/>Technology for 12 Years"}]},className:"bg-gray-100",style:`
         .slogan-title{
-          background: linear-gradient(90deg, #ff0000, #00ff00, #0000ff);
-          -webkit-background-clip: text;
-          background-clip: text;
-          color: transparent;
-          animation: fadeIn 1s ease-in forwards;
+          color: #ff0000;
         }
-
-        @keyframes fadeIn {
-          from {
-            opacity: 0;
-          }
-          to {
-            opacity: 1;
-          }
-        }
-        .slogan-feature-text {
-          background-color: #f0f0f0;
-          padding: 10px;
-          border-radius: 10px;
-          animation: fadeIn 1s ease-in forwards;
-        }
-      `});export{f as CustomClassName,b as CustomStyle,n as Default,g as SingleFeature,s as TitleOnly,d as TwoFeatures,i as default};
+      `});export{g as CustomClassName,b as CustomStyle,a as Default,s as SingleFeature,i as TitleOnly,n as TwoFeatures,l as default};
 //# sourceMappingURL=slogan.stories.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/slogan.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Slogan } from '../biz-components/index.js'\n\nconst meta = {\n  title: 'Biz Components/Slogan',\n  component: Slogan,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Slogan>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n        {\n          title: '100 Million<br/>Global Customers',\n        },\n        {\n          title: 'Pioneering in Charging<br/>Technology for 12 Years',\n        },\n      ],\n    },\n  },\n}\n\nexport const TitleOnly: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n    },\n  },\n}\n\nexport const SingleFeature: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n      ],\n    },\n  },\n}\n\nexport const TwoFeatures: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n        {\n          title: '100 Million<br/>Global Customers',\n        },\n      ],\n    },\n  },\n}\n\nexport const CustomClassName: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n        {\n          title: '100 Million<br/>Global Customers',\n        },\n        {\n          title: 'Pioneering in Charging<br/>Technology for 12 Years',\n        },\n      ],\n    },\n    className: 'bg-gray-100',\n  },\n}\n\nexport const CustomStyle = () => {\n  return (\n    <Slogan\n      data={{\n        title: \"The World's No.1 Mobile Charging Brand*\",\n        features: [\n          {\n            title: '47%<br/>R&D Employees',\n          },\n          {\n            title: '100 Million<br/>Global Customers',\n          },\n          {\n            title: 'Pioneering in Charging<br/>Technology for 12 Years',\n          },\n        ],\n      }}\n      className=\"bg-gray-100\"\n      style={`\n        \n        .slogan-title{\n          background: linear-gradient(90deg, #ff0000, #00ff00, #0000ff);\n          -webkit-background-clip: text;\n          background-clip: text;\n          color: transparent;\n          animation: fadeIn 1s ease-in forwards;\n        }\n\n        @keyframes fadeIn {\n          from {\n            opacity: 0;\n          }\n          to {\n            opacity: 1;\n          }\n        }\n        .slogan-feature-text {\n          background-color: #f0f0f0;\n          padding: 10px;\n          border-radius: 10px;\n          animation: fadeIn 1s ease-in forwards;\n        }\n      `}\n    />\n  )\n}\n"],
-  "mappings": "AA+FI,cAAAA,MAAA,oBA/FJ,MAAkB,QAElB,OAAS,UAAAC,MAAc,6BAEvB,MAAMC,EAAO,CACX,MAAO,wBACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,EACA,CACE,MAAO,oDACT,CACF,CACF,CACF,CACF,EAEaC,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,MAAO,yCACT,CACF,CACF,EAEaC,EAAuB,CAClC,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,CACF,CACF,CACF,CACF,EAEaC,EAAqB,CAChC,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,CACF,CACF,CACF,CACF,EAEaC,EAAyB,CACpC,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,EACA,CACE,MAAO,oDACT,CACF,CACF,EACA,UAAW,aACb,CACF,EAEaC,EAAc,IAEvBT,EAACC,EAAA,CACC,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,EACA,CACE,MAAO,oDACT,CACF,CACF,EACA,UAAU,cACV,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAyBT",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport { Slogan } from '../biz-components/index.js'\n\nconst meta = {\n  title: 'Biz Components/Slogan',\n  component: Slogan,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Slogan>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n        {\n          title: '100 Million<br/>Global Customers',\n        },\n        {\n          title: 'Pioneering in Charging<br/>Technology for 12 Years',\n        },\n      ],\n    },\n  },\n}\n\nexport const TitleOnly: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n    },\n  },\n}\n\nexport const SingleFeature: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n      ],\n    },\n  },\n}\n\nexport const TwoFeatures: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n        {\n          title: '100 Million<br/>Global Customers',\n        },\n      ],\n    },\n  },\n}\n\nexport const CustomClassName: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n        {\n          title: '100 Million<br/>Global Customers',\n        },\n        {\n          title: 'Pioneering in Charging<br/>Technology for 12 Years',\n        },\n      ],\n    },\n    className: 'bg-gray-100',\n  },\n}\n\nexport const CustomStyle = () => {\n  return (\n    <Slogan\n      data={{\n        title: \"The World's No.1 Mobile Charging Brand*\",\n        features: [\n          {\n            title: '47%<br/>R&D Employees',\n          },\n          {\n            title: '100 Million<br/>Global Customers',\n          },\n          {\n            title: 'Pioneering in Charging<br/>Technology for 12 Years',\n          },\n        ],\n      }}\n      className=\"bg-gray-100\"\n      style={`\n        .slogan-title{\n          color: #ff0000;\n        }\n      `}\n    />\n  )\n}\n"],
+  "mappings": "AA8FI,cAAAA,MAAA,oBA7FJ,OAAS,UAAAC,MAAc,6BAEvB,MAAMC,EAAO,CACX,MAAO,wBACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,EACA,CACE,MAAO,oDACT,CACF,CACF,CACF,CACF,EAEaC,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,MAAO,yCACT,CACF,CACF,EAEaC,EAAuB,CAClC,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,CACF,CACF,CACF,CACF,EAEaC,EAAqB,CAChC,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,CACF,CACF,CACF,CACF,EAEaC,EAAyB,CACpC,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,EACA,CACE,MAAO,oDACT,CACF,CACF,EACA,UAAW,aACb,CACF,EAEaC,EAAc,IAEvBT,EAACC,EAAA,CACC,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,EACA,CACE,MAAO,oDACT,CACF,CACF,EACA,UAAU,cACV,MAAO;AAAA;AAAA;AAAA;AAAA,QAKT",
   "names": ["jsx", "Slogan", "meta", "slogan_stories_default", "Default", "TitleOnly", "SingleFeature", "TwoFeatures", "CustomClassName", "CustomStyle"]
 }

package/dist/esm/types/props.d.ts

@@ -6,6 +6,16 @@ export interface ComponentCommonProps {
     id?: string;
     key?: string;
 }
+export type ContainerProps = {
+    containerMode?: Mode;
+    spaceY?: SpaceY;
+    spaceTop?: SpaceTop;
+    spaceBottom?: SpaceBottom;
+};
+export type Mode = 'section' | 'fragment';
+export type SpaceY = 'default' | 'none' | string;
+export type SpaceTop = 'default' | 'none' | string;
+export type SpaceBottom = 'default' | 'none' | string;
 export type Img = {
     url: string;
     alt?: string;

package/dist/tokens/anker.css

@@ -1,22 +1,9 @@
 :root {
   --btn-bg-active-color: var(--brand-color-0);
-  --btn-bg-disabled-color: rgba(29, 62, 79, 0.7);
-
-  --btn-bg-secondary-color: transparent;
-  --btn-bg-secondary-active-color: #6e6e73;
-  --btn-bg-secondary-disabled-color: rgba(221, 221, 221, 0.7);
-  --btn-border-secondary-border-color: #acacac;
 
   --btn-radius: 0;
-
   --radius: 0em;
 
-  --letter-spacing-normal: -0.02em;
-  --line-height-tight: 1.2;
-  --line-height-normal: 1.4;
-  --line-height-loose: 1.6;
-
   --brand-gradient-color-0: linear-gradient(90deg, var(--btn-bg-active-color) 0%, var(--btn-bg-active-color) 100%);
-  /* 通用组件库anker品牌颜色 */
   --brand-color-0: #00befa;
 }

package/dist/tokens/base.css

@@ -8,7 +8,6 @@
   --btn-bg-secondary-color: transparent;
   --btn-text-secondary-color: #1D1D1F;
   --btn-tsxt-secondary-active-color: #ffffff;
-  --btn-bg-secondary-active-color: #555555;
   --btn-bg-secondary-disabled-color: #f5f5f550;
 
   /* 浅色背景 */
@@ -69,25 +68,6 @@
   --masks-color-1: hsla(0, 0%, 0%, 0.5);
   --masks-color-2: hsla(0, 0%, 0%, 0.85);
 
-  --size-text-1: 12px;
-  --size-text-2: 14px;
-  --size-text-3: 16px;
-  --size-text-4: 18px;
-  --letter-spacing-text-1: -0.24px;
-  --letter-spacing-text-2: -0.28px;
-  --letter-spacing-text-3: -0.32px;
-  --letter-spacing-text-4: -0.36px;
-
-  --size-heading-1: 24px;
-  --size-heading-2: 32px;
-  --size-heading-3: 40px;
-  --size-heading-4: 48px;
-  --size-heading-5: 56px;
-  --letter-spacing-heading-1: -0.48px;
-  --letter-spacing-heading-2: -0.64px;
-  --letter-spacing-heading-3: -0.8px;
-  --letter-spacing-heading-4: -0.96px;
-  --letter-spacing-heading-5: -1.12px;
 
   --line-height-base: 1.2;
 
@@ -165,4 +145,25 @@
   :root {
     --box-radius: 16px;
   }
+}
+
+.swiper-horizontal>.swiper-pagination-bullets,
+.swiper-pagination-bullets.swiper-pagination-horizontal {
+  bottom: -16px!important;
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  transform: scale(1)!important;
+}
+
+.swiper-pagination-bullet-active {
+  background-color: #000000!important;
+}
+
+.tab-switch-wrap {
+  &::-webkit-scrollbar {
+    display: none;
+  }
 }

package/dist/tokens/eufy.css

@@ -4,9 +4,6 @@
   --brand-gradient-color-0: linear-gradient(90deg, var(--btn-bg-active-color) 0%, var(--btn-bg-active-color) 100%);
 
 
-  --btn-bg-secondary-color: transparent;
-  --btn-bg-secondary-active-color: #555555;
-  --btn-bg-secondary-disabled-color: #f5f5f550;
 
   --btn-radius: 24px;
 

package/dist/tokens/solix.css

@@ -1,9 +1,9 @@
 :root {
   --btn-bg-active-color: var(--brand-color-0);
-  
+  --brand-gradient-color-0: linear-gradient(90deg, #2C7ED0 0%, #00A9E1 43%, #00DB84 100%);
+
   --btn-radius: -0px;
   --radius: 0em;
 
-  --brand-gradient-color-0: linear-gradient(90deg, #2C7ED0 0%, #00A9E1 43%, #00DB84 100%);
-  --brand-color-0: #2C7ED0;
+  --brand-color-0: #00BEFA;
 }

package/dist/tokens/soundcore.css

@@ -3,11 +3,6 @@
 
   --brand-gradient-color-0: linear-gradient(90deg, var(--btn-bg-active-color) 0%, var(--btn-bg-active-color) 100%);
 
-
-  --btn-bg-secondary-color: transparent;
-  --btn-bg-secondary-active-color: #17bbef;
-  --btn-bg-secondary-disabled-color: #f5f5f550;
-
   --btn-radius: 24px;
 
   --radius: 0em;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/headless-ui",
-  "version": "0.0.27-alpha.98",
+  "version": "0.0.27",
   "type": "commonjs",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",
@@ -92,7 +92,8 @@
     "stylelint": "^16.6.0"
   },
   "dependencies": {
-    "@payloadcms/richtext-lexical": "^3.37.0",
+    "@payloadcms/richtext-lexical": "^3.39.1",
+    "es-toolkit": "^1.36.0",
     "@radix-ui/react-avatar": "^1.1.9",
     "@radix-ui/react-checkbox": "^1.3.1",
     "@radix-ui/react-dialog": "^1.1.13",