@anker-in/headless-ui 0.0.27-alpha.8 → 0.0.27-alpha.80

package/dist/esm/cpn-components/index.d.ts

@@ -0,0 +1,5 @@
+export { default as CpnBanner } from './CpnBanner/index.js';
+export { default as CpnCountDown } from './CpnCountDown/index.js';
+export { default as CpnNavigation } from './CpnNavigation/index.js';
+export { default as CpnProductCard } from './CpnProductCard/index.js';
+export { default as CpnTitle } from './CpnTitle/index.js';

package/dist/esm/cpn-components/index.js

@@ -0,0 +1,2 @@
+import{default as t}from"./CpnBanner/index.js";import{default as e}from"./CpnCountDown/index.js";import{default as n}from"./CpnNavigation/index.js";import{default as d}from"./CpnProductCard/index.js";import{default as C}from"./CpnTitle/index.js";export{t as CpnBanner,e as CpnCountDown,n as CpnNavigation,d as CpnProductCard,C as CpnTitle};
+//# sourceMappingURL=index.js.map

package/dist/esm/cpn-components/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/cpn-components/index.ts"],
+  "sourcesContent": ["export { default as CpnBanner } from './CpnBanner/index.js'\nexport { default as CpnCountDown } from './CpnCountDown/index.js'\nexport { default as CpnNavigation } from './CpnNavigation/index.js'\nexport { default as CpnProductCard } from './CpnProductCard/index.js'\nexport { default as CpnTitle } from './CpnTitle/index.js'\n"],
+  "mappings": "AAAA,OAAoB,WAAXA,MAA4B,uBACrC,OAAoB,WAAXA,MAA+B,0BACxC,OAAoB,WAAXA,MAAgC,2BACzC,OAAoB,WAAXA,MAAiC,4BAC1C,OAAoB,WAAXA,MAA2B",
+  "names": ["default"]
+}

package/dist/esm/helpers/utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/utils.ts"],
-  "sourcesContent": ["import { clsx, type ClassValue } from 'clsx'\nimport { extendTailwindMerge } from 'tailwind-merge'\n\nconst twMerge = extendTailwindMerge({\n  extend: {\n      theme: {\n          borderRadius: ['btn'],\n      },\n      classGroups: {\n        'font-size': ['text-heading-1', 'text-heading-2', 'text-heading-3', 'text-heading-4', 'text-heading-5', 'text-text-3', 'text-text-2', 'text-text-1'], \n        'text-color': ['text-info-primary', 'text-info-secondary', 'text-info-tertiary', 'text-info-quaternary', 'text-info-white'],\n        'leading': ['leading-tight', 'leading-normal', 'leading-loose'],\n      }\n  },\n})\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\nexport function noop(): any {}\n"],
-  "mappings": "AAAA,OAAS,QAAAA,MAA6B,OACtC,OAAS,uBAAAC,MAA2B,iBAEpC,MAAMC,EAAUD,EAAoB,CAClC,OAAQ,CACJ,MAAO,CACH,aAAc,CAAC,KAAK,CACxB,EACA,YAAa,CACX,YAAa,CAAC,iBAAkB,iBAAkB,iBAAkB,iBAAkB,iBAAkB,cAAe,cAAe,aAAa,EACnJ,aAAc,CAAC,oBAAqB,sBAAuB,qBAAsB,uBAAwB,iBAAiB,EAC1H,QAAW,CAAC,gBAAiB,iBAAkB,eAAe,CAChE,CACJ,CACF,CAAC,EAEM,SAASE,KAAMC,EAAsB,CAC1C,OAAOF,EAAQF,EAAKI,CAAM,CAAC,CAC7B,CAEO,SAASC,GAAY,CAAC",
+  "sourcesContent": ["import { clsx, type ClassValue } from 'clsx'\nimport { extendTailwindMerge } from 'tailwind-merge'\n\nconst twMerge = extendTailwindMerge({\n  extend: {\n    theme: {\n      borderRadius: ['btn'],\n    },\n    classGroups: {\n      'font-size': [\n        'text-heading-1',\n        'text-heading-2',\n        'text-heading-3',\n        'text-heading-4',\n        'text-heading-5',\n        'text-text-3',\n        'text-text-2',\n        'text-text-1',\n      ],\n      'text-color': [\n        'text-info-primary',\n        'text-info-secondary',\n        'text-info-tertiary',\n        'text-info-quaternary',\n        'text-info-white',\n      ],\n      leading: ['leading-tight', 'leading-normal', 'leading-loose'],\n    },\n  },\n})\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\nexport function noop(): any {}\n"],
+  "mappings": "AAAA,OAAS,QAAAA,MAA6B,OACtC,OAAS,uBAAAC,MAA2B,iBAEpC,MAAMC,EAAUD,EAAoB,CAClC,OAAQ,CACN,MAAO,CACL,aAAc,CAAC,KAAK,CACtB,EACA,YAAa,CACX,YAAa,CACX,iBACA,iBACA,iBACA,iBACA,iBACA,cACA,cACA,aACF,EACA,aAAc,CACZ,oBACA,sBACA,qBACA,uBACA,iBACF,EACA,QAAS,CAAC,gBAAiB,iBAAkB,eAAe,CAC9D,CACF,CACF,CAAC,EAEM,SAASE,KAAMC,EAAsB,CAC1C,OAAOF,EAAQF,EAAKI,CAAM,CAAC,CAC7B,CAEO,SAASC,GAAY,CAAC",
   "names": ["clsx", "extendTailwindMerge", "twMerge", "cn", "inputs", "noop"]
 }

package/dist/esm/hooks/useCountDown.d.ts

@@ -0,0 +1,10 @@
+interface Time {
+    days: string;
+    hours: string;
+    minutes: string;
+    seconds: string;
+}
+declare const useCountDown: ({ endTime }: {
+    endTime?: string;
+}) => Time;
+export default useCountDown;

package/dist/esm/hooks/useCountDown.js

@@ -0,0 +1,2 @@
+import{useEffect as g,useState as f}from"react";const l=({endTime:s=""})=>{const[o,r]=f({days:"00",hours:"00",minutes:"00",seconds:"00"});return g(()=>{const n=e=>(e<0?0:Math.floor(e)).toString().padStart(2,"0"),c=new Date(s).getTime(),i=setInterval(()=>{const e=new Date().getTime(),t=c-e,u=n(t/(1e3*60*60*24)),a=n(t%(1e3*60*60*24)/(1e3*60*60)),m=n(t%(1e3*60*60)/(1e3*60)),d=n(t%(1e3*60)/1e3);r({days:u,hours:a,minutes:m,seconds:d})},1e3);return()=>clearInterval(i)},[s]),o};var D=l;export{D as default};
+//# sourceMappingURL=useCountDown.js.map

package/dist/esm/hooks/useCountDown.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useCountDown.ts"],
+  "sourcesContent": ["import { useEffect, useState } from 'react'\n\ninterface Time {\n  days: string\n  hours: string\n  minutes: string\n  seconds: string\n}\n\nconst useCountDown = ({ endTime = '' }: { endTime?: string }) => {\n  const [time, setTime] = useState<Time>({\n    days: '00',\n    hours: '00',\n    minutes: '00',\n    seconds: '00',\n  })\n\n  useEffect(() => {\n    const format = (date: number) => {\n      const number = date < 0 ? 0 : Math.floor(date)\n      return number.toString().padStart(2, '0')\n    }\n\n    const countDownDate = new Date(endTime).getTime()\n\n    const timer = setInterval(() => {\n      const now = new Date().getTime()\n      const distance = countDownDate - now\n\n      const days = format(distance / (1000 * 60 * 60 * 24))\n      const hours = format((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))\n      const minutes = format((distance % (1000 * 60 * 60)) / (1000 * 60))\n      const seconds = format((distance % (1000 * 60)) / 1000)\n\n      setTime({\n        days,\n        hours,\n        minutes,\n        seconds,\n      })\n    }, 1000)\n\n    return () => clearInterval(timer)\n  }, [endTime])\n\n  return time\n}\n\nexport default useCountDown\n"],
+  "mappings": "AAAA,OAAS,aAAAA,EAAW,YAAAC,MAAgB,QASpC,MAAMC,EAAe,CAAC,CAAE,QAAAC,EAAU,EAAG,IAA4B,CAC/D,KAAM,CAACC,EAAMC,CAAO,EAAIJ,EAAe,CACrC,KAAM,KACN,MAAO,KACP,QAAS,KACT,QAAS,IACX,CAAC,EAED,OAAAD,EAAU,IAAM,CACd,MAAMM,EAAUC,IACCA,EAAO,EAAI,EAAI,KAAK,MAAMA,CAAI,GAC/B,SAAS,EAAE,SAAS,EAAG,GAAG,EAGpCC,EAAgB,IAAI,KAAKL,CAAO,EAAE,QAAQ,EAE1CM,EAAQ,YAAY,IAAM,CAC9B,MAAMC,EAAM,IAAI,KAAK,EAAE,QAAQ,EACzBC,EAAWH,EAAgBE,EAE3BE,EAAON,EAAOK,GAAY,IAAO,GAAK,GAAK,GAAG,EAC9CE,EAAQP,EAAQK,GAAY,IAAO,GAAK,GAAK,KAAQ,IAAO,GAAK,GAAG,EACpEG,EAAUR,EAAQK,GAAY,IAAO,GAAK,KAAQ,IAAO,GAAG,EAC5DI,EAAUT,EAAQK,GAAY,IAAO,IAAO,GAAI,EAEtDN,EAAQ,CACN,KAAAO,EACA,MAAAC,EACA,QAAAC,EACA,QAAAC,CACF,CAAC,CACH,EAAG,GAAI,EAEP,MAAO,IAAM,cAAcN,CAAK,CAClC,EAAG,CAACN,CAAO,CAAC,EAELC,CACT,EAEA,IAAOY,EAAQd",
+  "names": ["useEffect", "useState", "useCountDown", "endTime", "time", "setTime", "format", "date", "countDownDate", "timer", "now", "distance", "days", "hours", "minutes", "seconds", "useCountDown_default"]
+}

package/dist/esm/shared/Styles.d.ts

@@ -15,8 +15,8 @@ export declare const getStylesProps: <T extends Record<string, unknown>>(props:
  * 样式 Hook，返回样式类名和样式组件
  * @param styleProps - 样式属性
  */
-export declare const useStyles: (styleProps?: Partial<StylesProps>) => {
-    readonly className: `block-${string}`;
+export declare const useStyles: (styleProps: Partial<StylesProps>, data?: Record<string, any>) => {
+    readonly className: `block-${string} `;
     readonly StyleComponent: import("react/jsx-runtime").JSX.Element;
     readonly uid: string;
 };
@@ -26,8 +26,9 @@ export declare const useStyles: (styleProps?: Partial<StylesProps>) => {
  * @param defaultStyleProps - 默认样式属性
  */
 export declare function withStyles<P extends object>(WrappedComponent: React.ComponentType<P>, defaultStyleProps?: Partial<StylesProps>): {
-    (props: Omit<P, keyof StylesProps> & Partial<StylesProps>): import("react/jsx-runtime").JSX.Element;
+    (props: Omit<P, keyof StylesProps> & Partial<StylesProps> & {
+        className?: string;
+        data?: Record<string, any>;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-declare const _default: React.NamedExoticComponent<StylesProps>;
-export default _default;

package/dist/esm/shared/Styles.js

@@ -1,2 +1,2 @@
-import{Fragment as m,jsx as o,jsxs as P}from"react/jsx-runtime";import u,{useMemo as l}from"react";const r=()=>`style_${Math.random().toString(36).substring(2,9)}_${Date.now().toString(36)}`,S=t=>{const{style:e,uid:s,disabled:n}=t;return{style:e,uid:s,disabled:n}},a=({style:t,uid:e=r(),disabled:s=!1})=>!t||s?null:o("style",{"data-style-id":e,children:`.block-${e} { ${t} }`}),d=t=>{const e=l(()=>t?.uid||r(),[t?.uid]),s=l(()=>o(a,{...t,uid:e}),[t,e]);return{className:`block-${e}`,StyleComponent:s,uid:e}};function f(t,e){const s=function(n){const i={...e,...S(n)},{className:c,StyleComponent:y}=d(i);return P(m,{children:[y,o(t,{...n,className:c})]})};return s.displayName=t.displayName||t.name||"Component",s}var g=u.memo(a);export{g as default,S as getStylesProps,d as useStyles,f as withStyles};
+import{Fragment as P,jsx as o,jsxs as g}from"react/jsx-runtime";import{useMemo as r}from"react";import{simpleHash as y}from"./simpleHash.js";import d from"./getKeyPropsString.js";const a=t=>{const e=d(t);return`style_${y(e)}`},m=t=>{const{style:e,uid:s,disabled:n}=t;return{style:e,uid:s,disabled:n}},S=({style:t,uid:e=a({}),disabled:s=!1})=>!t||s?null:o("style",{suppressHydrationWarning:!0,"data-style-id":e,children:`.block-${e} { ${t} }`}),u=(t,e)=>{const s=r(()=>t?.uid||a({...t,data:e}),[e,t]),n=r(()=>o(S,{...t,uid:s}),[t,s]);return{className:`block-${s} `,StyleComponent:n,uid:s}};function b(t,e){const s=function(n){const l={...e,...m(n)},{className:i,StyleComponent:c}=u(l,n.data);return g(P,{children:[c,o(t,{...n,className:`${i} ${n.className}`})]})};return s.displayName=t.displayName||t.name||"Component",s}export{m as getStylesProps,u as useStyles,b as withStyles};
 //# sourceMappingURL=Styles.js.map

package/dist/esm/shared/Styles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/shared/Styles.tsx"],
-  "sourcesContent": ["import React, { useMemo } from 'react';\n\nexport interface StylesProps {\n  /** \u81EA\u5B9A\u4E49\u6837\u5F0F\u5B57\u7B26\u4E32 */\n  style?: string;\n  /** \u552F\u4E00\u6807\u8BC6\u7B26 */\n  uid?: string;\n  /** \u662F\u5426\u7981\u7528 */\n  disabled?: boolean;\n}\n\n/**\n * \u751F\u6210\u552F\u4E00\u6807\u8BC6\u7B26\n */\nconst generateUID = () => {\n  return `style_${Math.random().toString(36).substring(2, 9)}_${Date.now().toString(36)}`;\n};\n\n/**\n * \u4ECE\u7EC4\u4EF6 props \u4E2D\u63D0\u53D6\u6837\u5F0F\u76F8\u5173\u5C5E\u6027\n */\nexport const getStylesProps = <T extends Record<string, unknown>>(props: T & StylesProps): StylesProps => {\n  const { style, uid, disabled } = props;\n  return { style, uid, disabled };\n};\n\n/**\n * \u6837\u5F0F\u6CE8\u5165\u7EC4\u4EF6\n */\nconst Styles: React.FC<StylesProps> = ({\n  style,\n  uid = generateUID(),\n  disabled = false,\n}) => {\n  if (!style || disabled) {\n    return null;\n  }\n\n  return (\n    <style data-style-id={uid}>\n      {`.block-${uid} { ${style} }`}\n    </style>\n  );\n};\n\n/**\n * \u6837\u5F0F Hook\uFF0C\u8FD4\u56DE\u6837\u5F0F\u7C7B\u540D\u548C\u6837\u5F0F\u7EC4\u4EF6\n * @param styleProps - \u6837\u5F0F\u5C5E\u6027\n */\nexport const useStyles = (styleProps?: Partial<StylesProps>) => {\n  const uid = useMemo(() => styleProps?.uid || generateUID(), [styleProps?.uid]);\n  \n  const StyleComponent = useMemo(() => (\n    <Styles {...styleProps} uid={uid} />\n  ), [styleProps, uid]);\n\n  return {\n    className: `block-${uid}`,\n    StyleComponent,\n    uid\n  } as const;\n};\n\n/**\n * \u6837\u5F0F\u9AD8\u9636\u7EC4\u4EF6\uFF0C \u7528\u4E8E\u7ED9\u7EC4\u4EF6\u7528style \u6807\u7B7E\u7684\u5F62\u5F0F\u8FFD\u52A0\u6837\u5F0F\n * @param WrappedComponent - \u9700\u8981\u5305\u88C5\u7684\u7EC4\u4EF6\n * @param defaultStyleProps - \u9ED8\u8BA4\u6837\u5F0F\u5C5E\u6027\n */\nexport function withStyles<P extends object>(\n  WrappedComponent: React.ComponentType<P>,\n  defaultStyleProps?: Partial<StylesProps>\n) {\n  const WithStyles = function(props: Omit<P, keyof StylesProps> & Partial<StylesProps>) {\n    const finalStyleProps = {\n      ...defaultStyleProps,\n      ...getStylesProps(props)\n    };\n\n    const { className, StyleComponent } = useStyles(finalStyleProps);\n\n    return (\n      <>\n        {StyleComponent}\n        <WrappedComponent {...(props as P)} className={className} />\n      </>\n    );\n  };\n\n  // \u76F4\u63A5\u4F7F\u7528\u539F\u59CB\u7EC4\u4EF6\u7684\u540D\u79F0\n  WithStyles.displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\n  return WithStyles;\n}\n\nexport default React.memo(Styles);"],
-  "mappings": "AAuCI,OA0CE,YAAAA,EA1CF,OAAAC,EA0CE,QAAAC,MA1CF,oBAvCJ,OAAOC,GAAS,WAAAC,MAAe,QAc/B,MAAMC,EAAc,IACX,SAAS,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,UAAU,EAAG,CAAC,CAAC,IAAI,KAAK,IAAI,EAAE,SAAS,EAAE,CAAC,GAM1EC,EAAqDC,GAAwC,CACxG,KAAM,CAAE,MAAAC,EAAO,IAAAC,EAAK,SAAAC,CAAS,EAAIH,EACjC,MAAO,CAAE,MAAAC,EAAO,IAAAC,EAAK,SAAAC,CAAS,CAChC,EAKMC,EAAgC,CAAC,CACrC,MAAAH,EACA,IAAAC,EAAMJ,EAAY,EAClB,SAAAK,EAAW,EACb,IACM,CAACF,GAASE,EACL,KAIPT,EAAC,SAAM,gBAAeQ,EACnB,mBAAUA,CAAG,MAAMD,CAAK,KAC3B,EAQSI,EAAaC,GAAsC,CAC9D,MAAMJ,EAAML,EAAQ,IAAMS,GAAY,KAAOR,EAAY,EAAG,CAACQ,GAAY,GAAG,CAAC,EAEvEC,EAAiBV,EAAQ,IAC7BH,EAACU,EAAA,CAAQ,GAAGE,EAAY,IAAKJ,EAAK,EACjC,CAACI,EAAYJ,CAAG,CAAC,EAEpB,MAAO,CACL,UAAW,SAASA,CAAG,GACvB,eAAAK,EACA,IAAAL,CACF,CACF,EAOO,SAASM,EACdC,EACAC,EACA,CACA,MAAMC,EAAa,SAASX,EAA0D,CACpF,MAAMY,EAAkB,CACtB,GAAGF,EACH,GAAGX,EAAeC,CAAK,CACzB,EAEM,CAAE,UAAAa,EAAW,eAAAN,CAAe,EAAIF,EAAUO,CAAe,EAE/D,OACEjB,EAAAF,EAAA,CACG,UAAAc,EACDb,EAACe,EAAA,CAAkB,GAAIT,EAAa,UAAWa,EAAW,GAC5D,CAEJ,EAGA,OAAAF,EAAW,YAAcF,EAAiB,aAAeA,EAAiB,MAAQ,YAC3EE,CACT,CAEA,IAAOG,EAAQlB,EAAM,KAAKQ,CAAM",
-  "names": ["Fragment", "jsx", "jsxs", "React", "useMemo", "generateUID", "getStylesProps", "props", "style", "uid", "disabled", "Styles", "useStyles", "styleProps", "StyleComponent", "withStyles", "WrappedComponent", "defaultStyleProps", "WithStyles", "finalStyleProps", "className", "Styles_default"]
+  "sourcesContent": ["import React, { useMemo } from 'react'\nimport { simpleHash } from './simpleHash.js'\nimport getKeyPropsString from './getKeyPropsString.js'\n\nexport interface StylesProps {\n  /** \u81EA\u5B9A\u4E49\u6837\u5F0F\u5B57\u7B26\u4E32 */\n  style?: string\n  /** \u552F\u4E00\u6807\u8BC6\u7B26 */\n  uid?: string\n  /** \u662F\u5426\u7981\u7528 */\n  disabled?: boolean\n}\n\n/**\n * \u6839\u636E props \u751F\u6210\u786E\u5B9A\u6027 uid\n */\nconst generateUID = (props: Record<string, any>) => {\n  const keyString = getKeyPropsString(props)\n  return `style_${simpleHash(keyString)}`\n}\n\n/**\n * \u4ECE\u7EC4\u4EF6 props \u4E2D\u63D0\u53D6\u6837\u5F0F\u76F8\u5173\u5C5E\u6027\n */\nexport const getStylesProps = <T extends Record<string, unknown>>(props: T & StylesProps): StylesProps => {\n  const { style, uid, disabled } = props\n  return { style, uid, disabled }\n}\n\n/**\n * \u6837\u5F0F\u6CE8\u5165\u7EC4\u4EF6\n */\nconst Styles: React.FC<StylesProps> = ({ style, uid = generateUID({}), disabled = false }) => {\n  if (!style || disabled) {\n    return null\n  }\n\n  return <style suppressHydrationWarning data-style-id={uid}>{`.block-${uid} { ${style} }`}</style>\n}\n\n/**\n * \u6837\u5F0F Hook\uFF0C\u8FD4\u56DE\u6837\u5F0F\u7C7B\u540D\u548C\u6837\u5F0F\u7EC4\u4EF6\n * @param styleProps - \u6837\u5F0F\u5C5E\u6027\n */\nexport const useStyles = (styleProps: Partial<StylesProps>, data?: Record<string, any>) => {\n  const uid = useMemo(() => styleProps?.uid || generateUID({ ...styleProps, data }), [data, styleProps])\n\n  const StyleComponent = useMemo(() => <Styles {...styleProps} uid={uid} />, [styleProps, uid])\n\n  return {\n    className: `block-${uid} `,\n    StyleComponent,\n    uid,\n  } as const\n}\n\n/**\n * \u6837\u5F0F\u9AD8\u9636\u7EC4\u4EF6\uFF0C \u7528\u4E8E\u7ED9\u7EC4\u4EF6\u7528style \u6807\u7B7E\u7684\u5F62\u5F0F\u8FFD\u52A0\u6837\u5F0F\n * @param WrappedComponent - \u9700\u8981\u5305\u88C5\u7684\u7EC4\u4EF6\n * @param defaultStyleProps - \u9ED8\u8BA4\u6837\u5F0F\u5C5E\u6027\n */\nexport function withStyles<P extends object>(\n  WrappedComponent: React.ComponentType<P>,\n  defaultStyleProps?: Partial<StylesProps>\n) {\n  const WithStyles = function (\n    props: Omit<P, keyof StylesProps> & Partial<StylesProps> & { className?: string; data?: Record<string, any> }\n  ) {\n    const finalStyleProps = {\n      ...defaultStyleProps,\n      ...getStylesProps(props),\n    }\n\n    const { className, StyleComponent } = useStyles(finalStyleProps, props.data)\n\n    return (\n      <>\n        {StyleComponent}\n        <WrappedComponent {...(props as P)} className={`${className} ${props.className}`} />\n      </>\n    )\n  }\n\n  // \u76F4\u63A5\u4F7F\u7528\u539F\u59CB\u7EC4\u4EF6\u7684\u540D\u79F0\n  WithStyles.displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component'\n  return WithStyles\n}\n"],
+  "mappings": "AAqCS,OAuCH,YAAAA,EAvCG,OAAAC,EAuCH,QAAAC,MAvCG,oBArCT,OAAgB,WAAAC,MAAe,QAC/B,OAAS,cAAAC,MAAkB,kBAC3B,OAAOC,MAAuB,yBAc9B,MAAMC,EAAeC,GAA+B,CAClD,MAAMC,EAAYH,EAAkBE,CAAK,EACzC,MAAO,SAASH,EAAWI,CAAS,CAAC,EACvC,EAKaC,EAAqDF,GAAwC,CACxG,KAAM,CAAE,MAAAG,EAAO,IAAAC,EAAK,SAAAC,CAAS,EAAIL,EACjC,MAAO,CAAE,MAAAG,EAAO,IAAAC,EAAK,SAAAC,CAAS,CAChC,EAKMC,EAAgC,CAAC,CAAE,MAAAH,EAAO,IAAAC,EAAML,EAAY,CAAC,CAAC,EAAG,SAAAM,EAAW,EAAM,IAClF,CAACF,GAASE,EACL,KAGFX,EAAC,SAAM,yBAAwB,GAAC,gBAAeU,EAAM,mBAAUA,CAAG,MAAMD,CAAK,KAAK,EAO9EI,EAAY,CAACC,EAAkCC,IAA+B,CACzF,MAAML,EAAMR,EAAQ,IAAMY,GAAY,KAAOT,EAAY,CAAE,GAAGS,EAAY,KAAAC,CAAK,CAAC,EAAG,CAACA,EAAMD,CAAU,CAAC,EAE/FE,EAAiBd,EAAQ,IAAMF,EAACY,EAAA,CAAQ,GAAGE,EAAY,IAAKJ,EAAK,EAAI,CAACI,EAAYJ,CAAG,CAAC,EAE5F,MAAO,CACL,UAAW,SAASA,CAAG,IACvB,eAAAM,EACA,IAAAN,CACF,CACF,EAOO,SAASO,EACdC,EACAC,EACA,CACA,MAAMC,EAAa,SACjBd,EACA,CACA,MAAMe,EAAkB,CACtB,GAAGF,EACH,GAAGX,EAAeF,CAAK,CACzB,EAEM,CAAE,UAAAgB,EAAW,eAAAN,CAAe,EAAIH,EAAUQ,EAAiBf,EAAM,IAAI,EAE3E,OACEL,EAAAF,EAAA,CACG,UAAAiB,EACDhB,EAACkB,EAAA,CAAkB,GAAIZ,EAAa,UAAW,GAAGgB,CAAS,IAAIhB,EAAM,SAAS,GAAI,GACpF,CAEJ,EAGA,OAAAc,EAAW,YAAcF,EAAiB,aAAeA,EAAiB,MAAQ,YAC3EE,CACT",
+  "names": ["Fragment", "jsx", "jsxs", "useMemo", "simpleHash", "getKeyPropsString", "generateUID", "props", "keyString", "getStylesProps", "style", "uid", "disabled", "Styles", "useStyles", "styleProps", "data", "StyleComponent", "withStyles", "WrappedComponent", "defaultStyleProps", "WithStyles", "finalStyleProps", "className"]
 }

package/dist/esm/shared/getKeyPropsString.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 选取关键 props 生成 key 字符串
+ */
+export default function getKeyPropsString(props: Record<string, any>): string;

package/dist/esm/shared/getKeyPropsString.js

@@ -0,0 +1,2 @@
+function n(e){return["style","className","id","name","type","data"].map(t=>{if(t==="data"&&typeof e[t]=="object"&&e[t]!==null)try{return JSON.stringify(e[t])}catch{return""}return e[t]!==void 0?String(e[t]):""}).join("|")}export{n as default};
+//# sourceMappingURL=getKeyPropsString.js.map

package/dist/esm/shared/getKeyPropsString.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/shared/getKeyPropsString.ts"],
+  "sourcesContent": ["/**\n * \u9009\u53D6\u5173\u952E props \u751F\u6210 key \u5B57\u7B26\u4E32\n */\nexport default function getKeyPropsString(props: Record<string, any>): string {\n  const keys = ['style', 'className', 'id', 'name', 'type', 'data']\n  return keys\n    .map(k => {\n      if (k === 'data' && typeof props[k] === 'object' && props[k] !== null) {\n        try {\n          return JSON.stringify(props[k])\n        } catch {\n          return ''\n        }\n      }\n      return props[k] !== undefined ? String(props[k]) : ''\n    })\n    .join('|')\n}\n"],
+  "mappings": "AAGe,SAARA,EAAmCC,EAAoC,CAE5E,MADa,CAAC,QAAS,YAAa,KAAM,OAAQ,OAAQ,MAAM,EAE7D,IAAIC,GAAK,CACR,GAAIA,IAAM,QAAU,OAAOD,EAAMC,CAAC,GAAM,UAAYD,EAAMC,CAAC,IAAM,KAC/D,GAAI,CACF,OAAO,KAAK,UAAUD,EAAMC,CAAC,CAAC,CAChC,MAAQ,CACN,MAAO,EACT,CAEF,OAAOD,EAAMC,CAAC,IAAM,OAAY,OAAOD,EAAMC,CAAC,CAAC,EAAI,EACrD,CAAC,EACA,KAAK,GAAG,CACb",
+  "names": ["getKeyPropsString", "props", "k"]
+}

package/dist/esm/shared/simpleHash.d.ts

@@ -0,0 +1 @@
+export declare function simpleHash(str: string): string;

package/dist/esm/shared/simpleHash.js

@@ -0,0 +1,2 @@
+function r(n){let t=5381;for(let e=0;e<n.length;e++)t=(t<<5)+t+n.charCodeAt(e);return Math.abs(t).toString(36)}export{r as simpleHash};
+//# sourceMappingURL=simpleHash.js.map

package/dist/esm/shared/simpleHash.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/shared/simpleHash.ts"],
+  "sourcesContent": ["export function simpleHash(str: string): string {\n  let hash = 5381\n  for (let i = 0; i < str.length; i++) {\n    hash = (hash << 5) + hash + str.charCodeAt(i)\n  }\n  return Math.abs(hash).toString(36)\n}\n"],
+  "mappings": "AAAO,SAASA,EAAWC,EAAqB,CAC9C,IAAIC,EAAO,KACX,QAASC,EAAI,EAAGA,EAAIF,EAAI,OAAQE,IAC9BD,GAAQA,GAAQ,GAAKA,EAAOD,EAAI,WAAWE,CAAC,EAE9C,OAAO,KAAK,IAAID,CAAI,EAAE,SAAS,EAAE,CACnC",
+  "names": ["simpleHash", "str", "hash", "i"]
+}

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

@@ -3,7 +3,10 @@ import HeroBanner from '../biz-components/HeroBanner/HeroBanner.js';
 declare const meta: {
     title: string;
     component: {
-        (props: Omit<import("../biz-components/HeroBanner/types.js").HeroBannerProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps>): import("react/jsx-runtime").JSX.Element;
+        (props: Omit<import("../biz-components/HeroBanner/types.js").HeroBannerProps & import("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;
     };
     parameters: {

package/dist/esm/stories/HeroBanner.stories.js

@@ -1,4 +1,4 @@
-import t from"../biz-components/HeroBanner/HeroBanner.js";const o={title:"Biz-Components/HeroBanner",component:t,parameters:{layout:"fullscreen",docs:{description:{component:`
+import r from"../biz-components/HeroBanner/HeroBanner.js";const o={title:"Biz-Components/HeroBanner",component:r,parameters:{layout:"fullscreen",docs:{description:{component:`
 HeroBanner \u7EC4\u4EF6\u7528\u4E8E\u5C55\u793A\u7F51\u7AD9\u7684\u4E3B\u8981\u5185\u5BB9\u533A\u57DF\uFF0C\u901A\u5E38\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u548C\u884C\u52A8\u6309\u94AE\u3002
 
 ### \u7279\u70B9
@@ -6,5 +6,5 @@ HeroBanner \u7EC4\u4EF6\u7528\u4E8E\u5C55\u793A\u7F51\u7AD9\u7684\u4E3B\u8981\u5
 - \u4F7F\u7528 Mont For Anker \u5B57\u4F53\u4F5C\u4E3A\u6807\u9898
 - \u53EF\u914D\u7F6E\u4E3B\u6309\u94AE\u548C\u6B21\u8981\u6309\u94AE
 - \u652F\u6301\u5E95\u90E8\u4EA7\u54C1\u5217\u8868
-        `}}},tags:["autodocs"]};var n=o;const e="https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aee13b30b2c77fc8d0a46e4f19fa48cb_6a25debf-f95e-4ca6-990b-babcad65216c.png?v=1745468206",a={args:{title:"Anker Laptop Power",subtitle:"Anker Prime 240W GaN Desktop Charger (4 Ports)",background:e,theme:"light",primaryButton:{text:"Shop Now",onClick:()=>console.log("Primary button clicked")},secondaryButton:{text:"Learn More",onClick:()=>console.log("Secondary button clicked")},products:[{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)",active:!0},{title:"Anker Prime 27,650mAh Power Bank (250W)"},{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"}]}},i={args:{title:"Power Your Life",subtitle:"Experience the next generation of charging technology with our innovative solutions designed for modern life.",background:e,theme:"dark",primaryButton:{text:"Shop Now",onClick:()=>console.log("Primary button clicked")},secondaryButton:{text:"Learn More",onClick:()=>console.log("Secondary button clicked")}}},c={args:{title:"Future of Charging",subtitle:"Step into the future with our revolutionary charging solutions that redefine the way you power your devices.",background:e,theme:"dark",primaryButton:{text:"Shop Now",onClick:()=>console.log("Primary button clicked")},products:[{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"},{title:"Anker Prime 27,650mAh Power Bank (250W)"},{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"}]}};export{i as DarkTheme,a as LightTheme,c as WithoutSecondaryButton,n as default};
+        `}}},tags:["autodocs"]};var i=o;const e="https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aee13b30b2c77fc8d0a46e4f19fa48cb_6a25debf-f95e-4ca6-990b-babcad65216c.png?v=1745468206",t="https://cdn.shopify.com/s/files/1/0517/6767/3016/files/87e32d61fc407d5e6c8aff00f3453072.jpg?v=1745999899",n={args:{data:{title:"Anker Laptop Power",subtitle:"Anker Prime 240W GaN Desktop Charger (4 Ports)",pcImage:{url:e,alt:"default background",thumbnailURL:e,mimeType:"image/jpeg"},mobileImage:{url:e,alt:"default background",thumbnailURL:e,mimeType:"image/jpeg"},theme:"light",primaryButton:{text:"Shop Now"},secondaryButton:{text:"Learn More"},caption:[{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"},{title:"Anker Prime 27,650mAh Power Bank (250W)"},{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"}]}}},m={args:{data:{title:"Power Your Life",subtitle:"Experience the next generation of charging technology with our innovative solutions designed for modern life.",pcImage:{url:t,alt:"dark background",thumbnailURL:t,mimeType:"image/jpeg"},mobileImage:{url:t,alt:"dark background",thumbnailURL:t,mimeType:"image/jpeg"},theme:"dark",primaryButton:{text:"Shop Now"},secondaryButton:{text:"Learn More"},caption:[{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"},{title:"Anker Prime 27,650mAh Power Bank (250W)"},{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"}]}}},l={args:{data:{title:"Future of Charging",subtitle:"Step into the future with our revolutionary charging solutions that redefine the way you power your devices.",pcImage:{url:e,alt:"default background",thumbnailURL:e,mimeType:"image/jpeg"},mobileImage:{url:e,alt:"default background",thumbnailURL:e,mimeType:"image/jpeg"},theme:"light",primaryButton:{text:"Shop Now"},caption:[{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"},{title:"Anker Prime 27,650mAh Power Bank (250W)"},{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"}]}}};export{m as DarkTheme,n as LightTheme,l as WithoutSecondaryButton,i as default};
 //# sourceMappingURL=HeroBanner.stories.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/HeroBanner.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport HeroBanner from '../biz-components/HeroBanner/HeroBanner.js'\n\nconst meta = {\n  title: 'Biz-Components/HeroBanner',\n  component: HeroBanner,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: `\nHeroBanner \u7EC4\u4EF6\u7528\u4E8E\u5C55\u793A\u7F51\u7AD9\u7684\u4E3B\u8981\u5185\u5BB9\u533A\u57DF\uFF0C\u901A\u5E38\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u548C\u884C\u52A8\u6309\u94AE\u3002\n\n### \u7279\u70B9\n- \u652F\u6301\u4EAE\u8272\u548C\u6697\u8272\u4E3B\u9898\n- \u4F7F\u7528 Mont For Anker \u5B57\u4F53\u4F5C\u4E3A\u6807\u9898\n- \u53EF\u914D\u7F6E\u4E3B\u6309\u94AE\u548C\u6B21\u8981\u6309\u94AE\n- \u652F\u6301\u5E95\u90E8\u4EA7\u54C1\u5217\u8868\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof HeroBanner>\n\nexport default meta\ntype Story = StoryObj<typeof HeroBanner>\n\nconst defaultBackground = \"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aee13b30b2c77fc8d0a46e4f19fa48cb_6a25debf-f95e-4ca6-990b-babcad65216c.png?v=1745468206\"\n\nexport const LightTheme: Story = {\n  args: {\n    title: \"Anker Laptop Power\",\n    subtitle: \"Anker Prime 240W GaN Desktop Charger (4 Ports)\",\n    background: defaultBackground,\n    theme: \"light\",\n    primaryButton: {\n      text: \"Shop Now\",\n      onClick: () => console.log(\"Primary button clicked\")\n    },\n    secondaryButton: {\n      text: \"Learn More\",\n      onClick: () => console.log(\"Secondary button clicked\")\n    },\n    products: [\n      { title: \"Anker Prime 240W GaN Desktop Charger (4 Ports)\", active: true },\n      { title: \"Anker Prime 27,650mAh Power Bank (250W)\" },\n      { title: \"Anker Prime 240W GaN Desktop Charger (4 Ports)\" }\n    ]\n  }\n}\n\nexport const DarkTheme: Story = {\n  args: {\n    title: \"Power Your Life\",\n    subtitle: \"Experience the next generation of charging technology with our innovative solutions designed for modern life.\",\n    background: defaultBackground,\n    theme: \"dark\",\n    primaryButton: {\n      text: \"Shop Now\",\n      onClick: () => console.log(\"Primary button clicked\")\n    },\n    secondaryButton: {\n      text: \"Learn More\",\n      onClick: () => console.log(\"Secondary button clicked\")\n    }\n  }\n}\n\nexport const WithoutSecondaryButton: Story = {\n  args: {\n    title: \"Future of Charging\",\n    subtitle: \"Step into the future with our revolutionary charging solutions that redefine the way you power your devices.\",\n    background: defaultBackground,\n    theme: \"dark\",\n    primaryButton: {\n      text: \"Shop Now\",\n      onClick: () => console.log(\"Primary button clicked\")\n    },\n    products: [\n      { title: \"Anker Prime 240W GaN Desktop Charger (4 Ports)\" },\n      { title: \"Anker Prime 27,650mAh Power Bank (250W)\" },\n      { title: \"Anker Prime 240W GaN Desktop Charger (4 Ports)\" }\n    ]\n  }\n} "],
-  "mappings": "AACA,OAAOA,MAAgB,6CAEvB,MAAMC,EAAO,CACX,MAAO,4BACP,UAAWD,EACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SASb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EAAoB,gJAEbC,EAAoB,CAC/B,KAAM,CACJ,MAAO,qBACP,SAAU,iDACV,WAAYD,EACZ,MAAO,QACP,cAAe,CACb,KAAM,WACN,QAAS,IAAM,QAAQ,IAAI,wBAAwB,CACrD,EACA,gBAAiB,CACf,KAAM,aACN,QAAS,IAAM,QAAQ,IAAI,0BAA0B,CACvD,EACA,SAAU,CACR,CAAE,MAAO,iDAAkD,OAAQ,EAAK,EACxE,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,EAEaE,EAAmB,CAC9B,KAAM,CACJ,MAAO,kBACP,SAAU,gHACV,WAAYF,EACZ,MAAO,OACP,cAAe,CACb,KAAM,WACN,QAAS,IAAM,QAAQ,IAAI,wBAAwB,CACrD,EACA,gBAAiB,CACf,KAAM,aACN,QAAS,IAAM,QAAQ,IAAI,0BAA0B,CACvD,CACF,CACF,EAEaG,EAAgC,CAC3C,KAAM,CACJ,MAAO,qBACP,SAAU,+GACV,WAAYH,EACZ,MAAO,OACP,cAAe,CACb,KAAM,WACN,QAAS,IAAM,QAAQ,IAAI,wBAAwB,CACrD,EACA,SAAU,CACR,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF",
-  "names": ["HeroBanner", "meta", "HeroBanner_stories_default", "defaultBackground", "LightTheme", "DarkTheme", "WithoutSecondaryButton"]
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport HeroBanner from '../biz-components/HeroBanner/HeroBanner.js'\n\nconst meta = {\n  title: 'Biz-Components/HeroBanner',\n  component: HeroBanner,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: `\nHeroBanner \u7EC4\u4EF6\u7528\u4E8E\u5C55\u793A\u7F51\u7AD9\u7684\u4E3B\u8981\u5185\u5BB9\u533A\u57DF\uFF0C\u901A\u5E38\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u548C\u884C\u52A8\u6309\u94AE\u3002\n\n### \u7279\u70B9\n- \u652F\u6301\u4EAE\u8272\u548C\u6697\u8272\u4E3B\u9898\n- \u4F7F\u7528 Mont For Anker \u5B57\u4F53\u4F5C\u4E3A\u6807\u9898\n- \u53EF\u914D\u7F6E\u4E3B\u6309\u94AE\u548C\u6B21\u8981\u6309\u94AE\n- \u652F\u6301\u5E95\u90E8\u4EA7\u54C1\u5217\u8868\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof HeroBanner>\n\nexport default meta\ntype Story = StoryObj<typeof HeroBanner>\n\nconst defaultBackground =\n  'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aee13b30b2c77fc8d0a46e4f19fa48cb_6a25debf-f95e-4ca6-990b-babcad65216c.png?v=1745468206'\n\nconst darkBackground =\n  'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/87e32d61fc407d5e6c8aff00f3453072.jpg?v=1745999899'\n\nexport const LightTheme: Story = {\n  args: {\n    data: {\n      title: 'Anker Laptop Power',\n      subtitle: 'Anker Prime 240W GaN Desktop Charger (4 Ports)',\n      pcImage: {\n        url: defaultBackground,\n        alt: 'default background',\n        thumbnailURL: defaultBackground,\n        mimeType: 'image/jpeg',\n      },\n      mobileImage: {\n        url: defaultBackground,\n        alt: 'default background',\n        thumbnailURL: defaultBackground,\n        mimeType: 'image/jpeg',\n      },\n      theme: 'light',\n      primaryButton: {\n        text: 'Shop Now',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n      },\n      caption: [\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n        { title: 'Anker Prime 27,650mAh Power Bank (250W)' },\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n      ],\n    },\n  },\n}\n\nexport const DarkTheme: Story = {\n  args: {\n    data: {\n      title: 'Power Your Life',\n      subtitle:\n        'Experience the next generation of charging technology with our innovative solutions designed for modern life.',\n      pcImage: {\n        url: darkBackground,\n        alt: 'dark background',\n        thumbnailURL: darkBackground,\n        mimeType: 'image/jpeg',\n      },\n      mobileImage: {\n        url: darkBackground,\n        alt: 'dark background',\n        thumbnailURL: darkBackground,\n        mimeType: 'image/jpeg',\n      },\n      theme: 'dark',\n      primaryButton: {\n        text: 'Shop Now',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n      },\n      caption: [\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n        { title: 'Anker Prime 27,650mAh Power Bank (250W)' },\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n      ],\n    },\n  },\n}\n\nexport const WithoutSecondaryButton: Story = {\n  args: {\n    data: {\n      title: 'Future of Charging',\n      subtitle:\n        'Step into the future with our revolutionary charging solutions that redefine the way you power your devices.',\n      pcImage: {\n        url: defaultBackground,\n        alt: 'default background',\n        thumbnailURL: defaultBackground,\n        mimeType: 'image/jpeg',\n      },\n      mobileImage: {\n        url: defaultBackground,\n        alt: 'default background',\n        thumbnailURL: defaultBackground,\n        mimeType: 'image/jpeg',\n      },\n      theme: 'light',\n      primaryButton: {\n        text: 'Shop Now',\n      },\n      caption: [\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n        { title: 'Anker Prime 27,650mAh Power Bank (250W)' },\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n      ],\n    },\n  },\n}\n"],
+  "mappings": "AACA,OAAOA,MAAgB,6CAEvB,MAAMC,EAAO,CACX,MAAO,4BACP,UAAWD,EACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SASb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EACJ,gJAEIC,EACJ,2GAEWC,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,MAAO,qBACP,SAAU,iDACV,QAAS,CACP,IAAKF,EACL,IAAK,qBACL,aAAcA,EACd,SAAU,YACZ,EACA,YAAa,CACX,IAAKA,EACL,IAAK,qBACL,aAAcA,EACd,SAAU,YACZ,EACA,MAAO,QACP,cAAe,CACb,KAAM,UACR,EACA,gBAAiB,CACf,KAAM,YACR,EACA,QAAS,CACP,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,CACF,EAEaG,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,MAAO,kBACP,SACE,gHACF,QAAS,CACP,IAAKF,EACL,IAAK,kBACL,aAAcA,EACd,SAAU,YACZ,EACA,YAAa,CACX,IAAKA,EACL,IAAK,kBACL,aAAcA,EACd,SAAU,YACZ,EACA,MAAO,OACP,cAAe,CACb,KAAM,UACR,EACA,gBAAiB,CACf,KAAM,YACR,EACA,QAAS,CACP,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,CACF,EAEaG,EAAgC,CAC3C,KAAM,CACJ,KAAM,CACJ,MAAO,qBACP,SACE,+GACF,QAAS,CACP,IAAKJ,EACL,IAAK,qBACL,aAAcA,EACd,SAAU,YACZ,EACA,YAAa,CACX,IAAKA,EACL,IAAK,qBACL,aAAcA,EACd,SAAU,YACZ,EACA,MAAO,QACP,cAAe,CACb,KAAM,UACR,EACA,QAAS,CACP,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,CACF",
+  "names": ["HeroBanner", "meta", "HeroBanner_stories_default", "defaultBackground", "darkBackground", "LightTheme", "DarkTheme", "WithoutSecondaryButton"]
 }

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

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import MemberEquity from '../biz-components/MemberEquity';
+import MemberEquity from '../biz-components/MemberEquity/index.js';
 declare const meta: Meta<typeof MemberEquity>;
 export default meta;
 type Story = StoryObj<typeof MemberEquity>;

package/dist/esm/stories/MemberEquity.stories.js

@@ -1,4 +1,4 @@
-import t from"../biz-components/MemberEquity";const o={title:"Biz-Components/MemberEquity",component:t,parameters:{layout:"fullscreen",docs:{description:{component:` 
+import e from"../biz-components/MemberEquity/index.js";const t={title:"Biz-Components/MemberEquity",component:e,parameters:{layout:"fullscreen",docs:{description:{component:` 
 MemberEquity \u7EC4\u4EF6\u662F\u7528\u4E8E\u5C55\u793A\u4F1A\u5458\u6743\u76CA\u7684\u7EC4\u4EF6\u3002  
 
 
@@ -7,7 +7,7 @@ MemberEquity \u7EC4\u4EF6\u662F\u7528\u4E8E\u5C55\u793A\u4F1A\u5458\u6743\u76CA\
 .member-equity-description  
 .member-equity-button-primary  
 .member-equity-button-secondary  
-      `}}},tags:["autodocs"]};var s=o;const e={args:{title:"Become a Member Today",description:"Gain early access to new products, exclusive deals, and opportunities to try our products for free.",backgroundImage:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",primaryButton:{text:"Shop Now",href:"/shop"},secondaryButton:{text:"Learn More",href:"/learn"},shape:"square"}},n={args:{...e.args,title:"Join Our Family",description:"Get exclusive access to new products and special member-only discounts.",backgroundImage:"https://images.unsplash.com/photo-1558002038-1055907df827",shape:"round"}},a={args:{...e.args,title:"Premium Experience",description:"Join our community to get early access to new products and exclusive member benefits.",backgroundImage:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e",primaryButton:{text:"Join Now",href:"/join"},secondaryButton:{text:"Explore Benefits",href:"/benefits"}}},i={args:{...e.args,title:"Become a Member Today and opportunities",style:`
+      `}}},tags:["autodocs"]};var r=t;const o={args:{data:{title:"Become a Member Today",description:"Gain early access to new products, exclusive deals, and opportunities to try our products for free.",backgroundImage:{alt:"backgroundImage",url:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",thumbnailURL:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",mimeType:"image/jpeg"},mobileBackgroundImage:{alt:"mobileBackgroundImage",url:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",thumbnailURL:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",mimeType:"image/jpeg"},primaryButton:{text:"Shop Now",href:"/shop"},secondaryButton:{text:"Learn More",href:"/learn"},shape:"square"}}},s={args:{data:{title:"Become a Member Today",description:"Gain early access to new products, exclusive deals, and opportunities to try our products for free.",backgroundImage:{url:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",alt:"backgroundImage",thumbnailURL:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",mimeType:"image/jpeg"},primaryButton:{text:"Shop Now",href:"/shop"},secondaryButton:{text:"Learn More",href:"/learn"},shape:"rounded"}}},m={args:{data:{...o.args?.data,title:"Premium Experience",description:"Join our community to get early access to new products and exclusive member benefits.",backgroundImage:{alt:"backgroundImage",url:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e",thumbnailURL:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e",mimeType:"image/jpeg"},mobileBackgroundImage:{alt:"mobileBackgroundImage",url:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e",thumbnailURL:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e",mimeType:"image/jpeg"},primaryButton:{text:"Join Now",href:"/join"},secondaryButton:{text:"Explore Benefits",href:"/benefits"}}}},i={args:{data:{title:"Become a Member Today and opportunities",description:"Gain early access to new products, exclusive deals, and opportunities to try our products for free.",backgroundImage:{alt:"backgroundImage",url:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",thumbnailURL:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",mimeType:"image/jpeg"},mobileBackgroundImage:{alt:"mobileBackgroundImage",url:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",thumbnailURL:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",mimeType:"image/jpeg"},primaryButton:{text:"Shop Now",href:"/shop"},secondaryButton:{text:"Learn More",href:"/learn"},shape:"square"},style:`
       .member-equity-title {
           background: linear-gradient(
                 90deg,
@@ -27,5 +27,5 @@ MemberEquity \u7EC4\u4EF6\u662F\u7528\u4E8E\u5C55\u793A\u4F1A\u5458\u6743\u76CA\
       .member-equity-button-primary {
         color: green;
       }
-    `,event:{}}};export{a as CustomButtons,i as CustomStyles,e as Default,n as Round,s as default};
+    `}};export{m as CustomButtons,i as CustomStyles,o as Default,s as Round,r as default};
 //# sourceMappingURL=MemberEquity.stories.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/MemberEquity.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react';\nimport MemberEquity from '../biz-components/MemberEquity';\n\nconst meta: Meta<typeof MemberEquity> = {\n  title: 'Biz-Components/MemberEquity',\n  component: MemberEquity,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: ` \nMemberEquity \u7EC4\u4EF6\u662F\u7528\u4E8E\u5C55\u793A\u4F1A\u5458\u6743\u76CA\u7684\u7EC4\u4EF6\u3002  \n\n\n### \u81EA\u5B9A\u4E49style \u53EF\u7528class \n.member-equity-title  \n.member-equity-description  \n.member-equity-button-primary  \n.member-equity-button-secondary  \n      `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof MemberEquity>;\n\n// \u9ED8\u8BA4\u6837\u5F0F - \u65B9\u5F62\nexport const Default: Story = {\n  args: {\n    title: 'Become a Member Today',\n    description: 'Gain early access to new products, exclusive deals, and opportunities to try our products for free.',\n    backgroundImage: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n    primaryButton: {\n      text: 'Shop Now',\n      href: '/shop',\n    },\n    secondaryButton: {\n      text: 'Learn More',\n      href: '/learn',\n    },\n    shape: 'square',\n  },\n};\n\n// \u5706\u89D2\u98CE\u683C\nexport const Round: Story = {\n  args: {\n    ...Default.args,\n    title: 'Join Our Family',\n    description: 'Get exclusive access to new products and special member-only discounts.',\n    backgroundImage: 'https://images.unsplash.com/photo-1558002038-1055907df827',\n    shape: 'round',\n  },\n};\n\n// \u81EA\u5B9A\u4E49\u6309\u94AE\nexport const CustomButtons: Story = {\n  args: {\n    ...Default.args,\n    title: 'Premium Experience',\n    description: 'Join our community to get early access to new products and exclusive member benefits.',\n    backgroundImage: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e',\n    primaryButton: {\n      text: 'Join Now',\n      href: '/join',\n    },\n    secondaryButton: {\n      text: 'Explore Benefits',\n      href: '/benefits',\n    },\n  },\n};\n\n// \u81EA\u5B9A\u4E49\u6837\u5F0F\nexport const CustomStyles: Story = {\n  args: {\n    ...Default.args,\n    title: 'Become a Member Today and opportunities',\n    style: `\n      .member-equity-title {\n          background: linear-gradient(\n                90deg,\n              #FFD700,   /* \u91D1\u8272 (Gold) */\n              #FFC000,   /* \u4EAE\u91D1\u8272 (Light Gold) */\n              #FFA500,   /* \u6A59\u8272 (Orange) */\n              #FF8C00,   /* \u6DF1\u6A59\u8272 (Dark Orange) */\n              #FF6B00    /* \u6A59\u7EA2\u8272 (Red-Orange) */\n          );\n          -webkit-background-clip: text; /* \u517C\u5BB9 WebKit \u6D4F\u89C8\u5668 */\n          background-clip: text;\n          color: transparent; /* \u9690\u85CF\u539F\u59CB\u6587\u5B57\u989C\u8272 */\n      }\n      .member-equity-description {\n        color: blue;\n      }\n      .member-equity-button-primary {\n        color: green;\n      }\n    `,\n    event: {\n\n    }\n  },\n}; "],
-  "mappings": "AACA,OAAOA,MAAkB,iCAEzB,MAAMC,EAAkC,CACtC,MAAO,8BACP,UAAWD,EACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAUb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,MAAO,wBACP,YAAa,sGACb,gBAAiB,+DACjB,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,aACN,KAAM,QACR,EACA,MAAO,QACT,CACF,EAGaC,EAAe,CAC1B,KAAM,CACJ,GAAGD,EAAQ,KACX,MAAO,kBACP,YAAa,0EACb,gBAAiB,4DACjB,MAAO,OACT,CACF,EAGaE,EAAuB,CAClC,KAAM,CACJ,GAAGF,EAAQ,KACX,MAAO,qBACP,YAAa,wFACb,gBAAiB,+DACjB,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,mBACN,KAAM,WACR,CACF,CACF,EAGaG,EAAsB,CACjC,KAAM,CACJ,GAAGH,EAAQ,KACX,MAAO,0CACP,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAqBP,MAAO,CAEP,CACF,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport MemberEquity from '../biz-components/MemberEquity/index.js'\n\nconst meta: Meta<typeof MemberEquity> = {\n  title: 'Biz-Components/MemberEquity',\n  component: MemberEquity,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: ` \nMemberEquity \u7EC4\u4EF6\u662F\u7528\u4E8E\u5C55\u793A\u4F1A\u5458\u6743\u76CA\u7684\u7EC4\u4EF6\u3002  \n\n\n### \u81EA\u5B9A\u4E49style \u53EF\u7528class \n.member-equity-title  \n.member-equity-description  \n.member-equity-button-primary  \n.member-equity-button-secondary  \n      `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n}\n\nexport default meta\ntype Story = StoryObj<typeof MemberEquity>\n\n// \u9ED8\u8BA4\u6837\u5F0F - \u65B9\u5F62\nexport const Default: Story = {\n  args: {\n    data: {\n      title: 'Become a Member Today',\n      description:\n        'Gain early access to new products, exclusive deals, and opportunities to try our products for free.',\n      backgroundImage: {\n        alt: 'backgroundImage',\n        url: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        thumbnailURL: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        mimeType: 'image/jpeg',\n      },\n      mobileBackgroundImage: {\n        alt: 'mobileBackgroundImage',\n        url: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        thumbnailURL: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        mimeType: 'image/jpeg',\n      },\n      primaryButton: {\n        text: 'Shop Now',\n        href: '/shop',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n        href: '/learn',\n      },\n      shape: 'square',\n    },\n  },\n}\n\n// \u5706\u89D2\u98CE\u683C\nexport const Round: Story = {\n  args: {\n    data: {\n      title: 'Become a Member Today',\n      description:\n        'Gain early access to new products, exclusive deals, and opportunities to try our products for free.',\n      backgroundImage: {\n        url: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        alt: 'backgroundImage',\n        thumbnailURL: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        mimeType: 'image/jpeg',\n      },\n      primaryButton: {\n        text: 'Shop Now',\n        href: '/shop',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n        href: '/learn',\n      },\n      shape: 'rounded',\n    },\n  },\n}\n\n// \u81EA\u5B9A\u4E49\u6309\u94AE\nexport const CustomButtons: Story = {\n  args: {\n    data: {\n      ...Default.args?.data,\n      title: 'Premium Experience',\n      description: 'Join our community to get early access to new products and exclusive member benefits.',\n      backgroundImage: {\n        alt: 'backgroundImage',\n        url: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e',\n        thumbnailURL: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e',\n        mimeType: 'image/jpeg',\n      },\n      mobileBackgroundImage: {\n        alt: 'mobileBackgroundImage',\n        url: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e',\n        thumbnailURL: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e',\n        mimeType: 'image/jpeg',\n      },\n      primaryButton: {\n        text: 'Join Now',\n        href: '/join',\n      },\n      secondaryButton: {\n        text: 'Explore Benefits',\n        href: '/benefits',\n      },\n    },\n  },\n}\n\n// \u81EA\u5B9A\u4E49\u6837\u5F0F\nexport const CustomStyles: Story = {\n  args: {\n    data: {\n      title: 'Become a Member Today and opportunities',\n      description:\n        'Gain early access to new products, exclusive deals, and opportunities to try our products for free.',\n      backgroundImage: {\n        alt: 'backgroundImage',\n        url: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        thumbnailURL: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        mimeType: 'image/jpeg',\n      },\n      mobileBackgroundImage: {\n        alt: 'mobileBackgroundImage',\n        url: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        thumbnailURL: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        mimeType: 'image/jpeg',\n      },\n      primaryButton: {\n        text: 'Shop Now',\n        href: '/shop',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n        href: '/learn',\n      },\n      shape: 'square',\n    },\n    style: `\n      .member-equity-title {\n          background: linear-gradient(\n                90deg,\n              #FFD700,   /* \u91D1\u8272 (Gold) */\n              #FFC000,   /* \u4EAE\u91D1\u8272 (Light Gold) */\n              #FFA500,   /* \u6A59\u8272 (Orange) */\n              #FF8C00,   /* \u6DF1\u6A59\u8272 (Dark Orange) */\n              #FF6B00    /* \u6A59\u7EA2\u8272 (Red-Orange) */\n          );\n          -webkit-background-clip: text; /* \u517C\u5BB9 WebKit \u6D4F\u89C8\u5668 */\n          background-clip: text;\n          color: transparent; /* \u9690\u85CF\u539F\u59CB\u6587\u5B57\u989C\u8272 */\n      }\n      .member-equity-description {\n        color: blue;\n      }\n      .member-equity-button-primary {\n        color: green;\n      }\n    `,\n  },\n}\n"],
+  "mappings": "AACA,OAAOA,MAAkB,0CAEzB,MAAMC,EAAkC,CACtC,MAAO,8BACP,UAAWD,EACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAUb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,wBACP,YACE,sGACF,gBAAiB,CACf,IAAK,kBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,sBAAuB,CACrB,IAAK,wBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,aACN,KAAM,QACR,EACA,MAAO,QACT,CACF,CACF,EAGaC,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAO,wBACP,YACE,sGACF,gBAAiB,CACf,IAAK,+DACL,IAAK,kBACL,aAAc,+DACd,SAAU,YACZ,EACA,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,aACN,KAAM,QACR,EACA,MAAO,SACT,CACF,CACF,EAGaC,EAAuB,CAClC,KAAM,CACJ,KAAM,CACJ,GAAGF,EAAQ,MAAM,KACjB,MAAO,qBACP,YAAa,wFACb,gBAAiB,CACf,IAAK,kBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,sBAAuB,CACrB,IAAK,wBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,mBACN,KAAM,WACR,CACF,CACF,CACF,EAGaG,EAAsB,CACjC,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,YACE,sGACF,gBAAiB,CACf,IAAK,kBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,sBAAuB,CACrB,IAAK,wBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,aACN,KAAM,QACR,EACA,MAAO,QACT,EACA,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAqBT,CACF",
   "names": ["MemberEquity", "meta", "MemberEquity_stories_default", "Default", "Round", "CustomButtons", "CustomStyles"]
 }

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

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import MultiLayoutGraphicBlock from '../biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js';
+declare const meta: Meta<typeof MultiLayoutGraphicBlock>;
+export default meta;
+type Story = StoryObj<typeof MultiLayoutGraphicBlock>;
+export declare const Default: Story;
+export declare const ThirdWidth: Story;
+export declare const WithCarousel: Story;

package/dist/esm/stories/MultiLayoutGraphicBlock.stories.js

@@ -0,0 +1,2 @@
+import"react";import e from"../biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js";import{gsap as o}from"gsap";import{useGSAP as l}from"@gsap/react";import{ScrollTrigger as a}from"gsap/dist/ScrollTrigger";import{SplitText as i}from"gsap/dist/SplitText";const r={title:"Biz-Components/MultiLayoutGraphicBlock",component:e,tags:["autodocs"],parameters:{layout:"fullscreen",docs:{description:{component:"\u591A\u5E03\u5C40\u56FE\u6587\u533A\u5757\uFF0C\u652F\u6301\u4E0D\u540C\u5BBD\u5EA6\u3001\u4E3B\u9898\u548C\u8F6E\u64AD\u3002"}}}};var d=r;const t=[{theme:"light",title:"\u6807\u98981",description:"\u8FD9\u662F\u7B2C\u4E00\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:"https://placehold.co/1920x1080?text=Image1",primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"full"},{theme:"dark",title:"\u6807\u98982",description:"\u8FD9\u662F\u7B2C\u4E8C\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:"https://placehold.co/200x240?text=Image2",primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"half"},{theme:"light",title:"\u6807\u98983",description:"\u8FD9\u662F\u7B2C\u4E09\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/200x240?text=Image3",alt:"Image3",thumbnailURL:"https://placehold.co/200x240?text=Image3",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"half"}],p=[{theme:"dark",title:"\u8F6E\u64AD1",description:"\u8F6E\u64AD\u533A\u57571",imageUrl:{url:"https://placehold.co/200x240?text=Carousel1",alt:"Carousel1",thumbnailURL:"https://placehold.co/200x240?text=Carousel1",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD2",description:"\u8F6E\u64AD\u533A\u57572",imageUrl:{url:"https://placehold.co/200x240?text=Carousel2",alt:"Carousel2",thumbnailURL:"https://placehold.co/200x240?text=Carousel2",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD3",description:"\u8F6E\u64AD\u533A\u57573",imageUrl:"https://placehold.co/200x240?text=Carousel2",primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD4",description:"\u8F6E\u64AD\u533A\u57574",imageUrl:{url:"https://placehold.co/200x240?text=Carousel2",alt:"Carousel2",thumbnailURL:"https://placehold.co/200x240?text=Carousel2",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD5",description:"\u8F6E\u64AD\u533A\u57575",imageUrl:{url:"https://placehold.co/200x240?text=Carousel2",alt:"Carousel2",thumbnailURL:"https://placehold.co/200x240?text=Carousel2",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"}}],g={args:{GSAP:{gsap:o,ScrollTrigger:a,SplitText:i,useGSAP:l},data:{items:t,carousel:{items:[]}}}},y={args:{data:{items:[{theme:"light",title:"\u6807\u98981",description:"\u8FD9\u662F\u7B2C\u4E00\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/1920x1080?text=Image1",alt:"Image1",thumbnailURL:"https://placehold.co/1920x1080?text=Image1",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"full"},{theme:"dark",title:"\u6807\u98982",description:"\u8FD9\u662F\u7B2C\u4E8C\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/200x240?text=Image2",alt:"Image2",thumbnailURL:"https://placehold.co/200x240?text=Image2",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"one-third"},{theme:"light",title:"\u6807\u98983",description:"\u8FD9\u662F\u7B2C\u4E09\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/200x240?text=Image3",alt:"Image3",thumbnailURL:"https://placehold.co/200x240?text=Image3",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"one-third"},{theme:"light",title:"\u6807\u98984",description:"\u8FD9\u662F\u7B2C4\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/200x240?text=Image3",alt:"Image3",thumbnailURL:"https://placehold.co/200x240?text=Image3",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"one-third"}]}}},k={args:{data:{items:t.slice(0,1),carousel:{items:p}}}};export{g as Default,y as ThirdWidth,k as WithCarousel,d as default};
+//# sourceMappingURL=MultiLayoutGraphicBlock.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/MultiLayoutGraphicBlock.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport React from 'react'\nimport MultiLayoutGraphicBlock from '../biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js'\nimport type { MultiLayoutGraphicBlockProps } from '../biz-components/MultiLayoutGraphicBlock/types.js'\nimport { gsap } from 'gsap'\nimport { useGSAP } from '@gsap/react'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport { SplitText } from 'gsap/dist/SplitText'\n\nconst meta: Meta<typeof MultiLayoutGraphicBlock> = {\n  title: 'Biz-Components/MultiLayoutGraphicBlock',\n  component: MultiLayoutGraphicBlock,\n  tags: ['autodocs'],\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u591A\u5E03\u5C40\u56FE\u6587\u533A\u5757\uFF0C\u652F\u6301\u4E0D\u540C\u5BBD\u5EA6\u3001\u4E3B\u9898\u548C\u8F6E\u64AD\u3002',\n      },\n    },\n  },\n}\n\nexport default meta\n\ntype Story = StoryObj<typeof MultiLayoutGraphicBlock>\n\nconst baseItems = [\n  {\n    theme: 'light',\n    title: '\u6807\u98981',\n    description: '\u8FD9\u662F\u7B2C\u4E00\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n    imageUrl: 'https://placehold.co/1920x1080?text=Image1',\n    primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n    width: 'full' as const,\n  },\n  {\n    theme: 'dark',\n    title: '\u6807\u98982',\n    description: '\u8FD9\u662F\u7B2C\u4E8C\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n    imageUrl: 'https://placehold.co/200x240?text=Image2',\n    primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n    width: 'half' as const,\n  },\n  {\n    theme: 'light',\n    title: '\u6807\u98983',\n    description: '\u8FD9\u662F\u7B2C\u4E09\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n    imageUrl: {\n      url: 'https://placehold.co/200x240?text=Image3',\n      alt: 'Image3',\n      thumbnailURL: 'https://placehold.co/200x240?text=Image3',\n      mimeType: 'image/png',\n    },\n    primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n    width: 'half' as const,\n  },\n]\n\nconst carouselItems = [\n  {\n    theme: 'dark',\n    title: '\u8F6E\u64AD1',\n    description: '\u8F6E\u64AD\u533A\u57571',\n    imageUrl: {\n      url: 'https://placehold.co/200x240?text=Carousel1',\n      alt: 'Carousel1',\n      thumbnailURL: 'https://placehold.co/200x240?text=Carousel1',\n      mimeType: 'image/png',\n    },\n    primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n  },\n  {\n    theme: 'light',\n    title: '\u8F6E\u64AD2',\n    description: '\u8F6E\u64AD\u533A\u57572',\n    imageUrl: {\n      url: 'https://placehold.co/200x240?text=Carousel2',\n      alt: 'Carousel2',\n      thumbnailURL: 'https://placehold.co/200x240?text=Carousel2',\n      mimeType: 'image/png',\n    },\n    primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n  },\n  {\n    theme: 'light',\n    title: '\u8F6E\u64AD3',\n    description: '\u8F6E\u64AD\u533A\u57573',\n    imageUrl: 'https://placehold.co/200x240?text=Carousel2',\n    primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n  },\n  {\n    theme: 'light',\n    title: '\u8F6E\u64AD4',\n    description: '\u8F6E\u64AD\u533A\u57574',\n    imageUrl: {\n      url: 'https://placehold.co/200x240?text=Carousel2',\n      alt: 'Carousel2',\n      thumbnailURL: 'https://placehold.co/200x240?text=Carousel2',\n      mimeType: 'image/png',\n    },\n    primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n  },\n  {\n    theme: 'light',\n    title: '\u8F6E\u64AD5',\n    description: '\u8F6E\u64AD\u533A\u57575',\n    imageUrl: {\n      url: 'https://placehold.co/200x240?text=Carousel2',\n      alt: 'Carousel2',\n      thumbnailURL: 'https://placehold.co/200x240?text=Carousel2',\n      mimeType: 'image/png',\n    },\n    primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    GSAP: { gsap, ScrollTrigger, SplitText, useGSAP },\n    data: {\n      items: baseItems,\n      carousel: { items: [] },\n    },\n  } as MultiLayoutGraphicBlockProps,\n}\n\nexport const ThirdWidth: Story = {\n  args: {\n    data: {\n      items: [\n        {\n          theme: 'light',\n          title: '\u6807\u98981',\n          description: '\u8FD9\u662F\u7B2C\u4E00\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n          imageUrl: {\n            url: 'https://placehold.co/1920x1080?text=Image1',\n            alt: 'Image1',\n            thumbnailURL: 'https://placehold.co/1920x1080?text=Image1',\n            mimeType: 'image/png',\n          },\n          primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n          secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n          width: 'full' as const,\n        },\n        {\n          theme: 'dark',\n          title: '\u6807\u98982',\n          description: '\u8FD9\u662F\u7B2C\u4E8C\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n          imageUrl: {\n            url: 'https://placehold.co/200x240?text=Image2',\n            alt: 'Image2',\n            thumbnailURL: 'https://placehold.co/200x240?text=Image2',\n            mimeType: 'image/png',\n          },\n          primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n          secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n          width: 'one-third' as const,\n        },\n        {\n          theme: 'light',\n          title: '\u6807\u98983',\n          description: '\u8FD9\u662F\u7B2C\u4E09\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n          imageUrl: {\n            url: 'https://placehold.co/200x240?text=Image3',\n            alt: 'Image3',\n            thumbnailURL: 'https://placehold.co/200x240?text=Image3',\n            mimeType: 'image/png',\n          },\n          primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n          secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n          width: 'one-third' as const,\n        },\n        {\n          theme: 'light',\n          title: '\u6807\u98984',\n          description: '\u8FD9\u662F\u7B2C4\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n          imageUrl: {\n            url: 'https://placehold.co/200x240?text=Image3',\n            alt: 'Image3',\n            thumbnailURL: 'https://placehold.co/200x240?text=Image3',\n            mimeType: 'image/png',\n          },\n          primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n          secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n          width: 'one-third' as const,\n        },\n      ],\n    },\n  } as MultiLayoutGraphicBlockProps,\n}\n\nexport const WithCarousel: Story = {\n  args: {\n    data: {\n      items: baseItems.slice(0, 1),\n      carousel: { items: carouselItems },\n    },\n  } as MultiLayoutGraphicBlockProps,\n}\n"],
+  "mappings": "AACA,MAAkB,QAClB,OAAOA,MAA6B,uEAEpC,OAAS,QAAAC,MAAY,OACrB,OAAS,WAAAC,MAAe,cACxB,OAAS,iBAAAC,MAAqB,0BAC9B,OAAS,aAAAC,MAAiB,sBAE1B,MAAMC,EAA6C,CACjD,MAAO,yCACP,UAAWL,EACX,KAAM,CAAC,UAAU,EACjB,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,gIACb,CACF,CACF,CACF,EAEA,IAAOM,EAAQD,EAIf,MAAME,EAAY,CAChB,CACE,MAAO,QACP,MAAO,gBACP,YAAa,+DACb,SAAU,6CACV,cAAe,CAAE,KAAM,qBAAO,KAAM,GAAI,EACxC,gBAAiB,CAAE,KAAM,qBAAO,KAAM,GAAI,EAC1C,MAAO,MACT,EACA,CACE,MAAO,OACP,MAAO,gBACP,YAAa,+DACb,SAAU,2CACV,cAAe,CAAE,KAAM,qBAAO,KAAM,GAAI,EACxC,gBAAiB,CAAE,KAAM,qBAAO,KAAM,GAAI,EAC1C,MAAO,MACT,EACA,CACE,MAAO,QACP,MAAO,gBACP,YAAa,+DACb,SAAU,CACR,IAAK,2CACL,IAAK,SACL,aAAc,2CACd,SAAU,WACZ,EACA,cAAe,CAAE,KAAM,qBAAO,KAAM,GAAI,EACxC,gBAAiB,CAAE,KAAM,qBAAO,KAAM,GAAI,EAC1C,MAAO,MACT,CACF,EAEMC,EAAgB,CACpB,CACE,MAAO,OACP,MAAO,gBACP,YAAa,4BACb,SAAU,CACR,IAAK,8CACL,IAAK,YACL,aAAc,8CACd,SAAU,WACZ,EACA,cAAe,CAAE,KAAM,qBAAO,KAAM,GAAI,EACxC,gBAAiB,CAAE,KAAM,qBAAO,KAAM,GAAI,CAC5C,EACA,CACE,MAAO,QACP,MAAO,gBACP,YAAa,4BACb,SAAU,CACR,IAAK,8CACL,IAAK,YACL,aAAc,8CACd,SAAU,WACZ,EACA,cAAe,CAAE,KAAM,qBAAO,KAAM,GAAI,EACxC,gBAAiB,CAAE,KAAM,qBAAO,KAAM,GAAI,CAC5C,EACA,CACE,MAAO,QACP,MAAO,gBACP,YAAa,4BACb,SAAU,8CACV,cAAe,CAAE,KAAM,qBAAO,KAAM,GAAI,EACxC,gBAAiB,CAAE,KAAM,qBAAO,KAAM,GAAI,CAC5C,EACA,CACE,MAAO,QACP,MAAO,gBACP,YAAa,4BACb,SAAU,CACR,IAAK,8CACL,IAAK,YACL,aAAc,8CACd,SAAU,WACZ,EACA,cAAe,CAAE,KAAM,qBAAO,KAAM,GAAI,EACxC,gBAAiB,CAAE,KAAM,qBAAO,KAAM,GAAI,CAC5C,EACA,CACE,MAAO,QACP,MAAO,gBACP,YAAa,4BACb,SAAU,CACR,IAAK,8CACL,IAAK,YACL,aAAc,8CACd,SAAU,WACZ,EACA,cAAe,CAAE,KAAM,qBAAO,KAAM,GAAI,EACxC,gBAAiB,CAAE,KAAM,qBAAO,KAAM,GAAI,CAC5C,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CAAE,KAAAR,EAAM,cAAAE,EAAe,UAAAC,EAAW,QAAAF,CAAQ,EAChD,KAAM,CACJ,MAAOK,EACP,SAAU,CAAE,MAAO,CAAC,CAAE,CACxB,CACF,CACF,EAEaG,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,MAAO,CACL,CACE,MAAO,QACP,MAAO,gBACP,YAAa,+DACb,SAAU,CACR,IAAK,6CACL,IAAK,SACL,aAAc,6CACd,SAAU,WACZ,EACA,cAAe,CAAE,KAAM,qBAAO,KAAM,GAAI,EACxC,gBAAiB,CAAE,KAAM,qBAAO,KAAM,GAAI,EAC1C,MAAO,MACT,EACA,CACE,MAAO,OACP,MAAO,gBACP,YAAa,+DACb,SAAU,CACR,IAAK,2CACL,IAAK,SACL,aAAc,2CACd,SAAU,WACZ,EACA,cAAe,CAAE,KAAM,qBAAO,KAAM,GAAI,EACxC,gBAAiB,CAAE,KAAM,qBAAO,KAAM,GAAI,EAC1C,MAAO,WACT,EACA,CACE,MAAO,QACP,MAAO,gBACP,YAAa,+DACb,SAAU,CACR,IAAK,2CACL,IAAK,SACL,aAAc,2CACd,SAAU,WACZ,EACA,cAAe,CAAE,KAAM,qBAAO,KAAM,GAAI,EACxC,gBAAiB,CAAE,KAAM,qBAAO,KAAM,GAAI,EAC1C,MAAO,WACT,EACA,CACE,MAAO,QACP,MAAO,gBACP,YAAa,0DACb,SAAU,CACR,IAAK,2CACL,IAAK,SACL,aAAc,2CACd,SAAU,WACZ,EACA,cAAe,CAAE,KAAM,qBAAO,KAAM,GAAI,EACxC,gBAAiB,CAAE,KAAM,qBAAO,KAAM,GAAI,EAC1C,MAAO,WACT,CACF,CACF,CACF,CACF,EAEaC,EAAsB,CACjC,KAAM,CACJ,KAAM,CACJ,MAAOJ,EAAU,MAAM,EAAG,CAAC,EAC3B,SAAU,CAAE,MAAOC,CAAc,CACnC,CACF,CACF",
+  "names": ["MultiLayoutGraphicBlock", "gsap", "useGSAP", "ScrollTrigger", "SplitText", "meta", "MultiLayoutGraphicBlock_stories_default", "baseItems", "carouselItems", "Default", "ThirdWidth", "WithCarousel"]
+}

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

@@ -1,21 +1,24 @@
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ products, className, shape, itemShape, event, primaryButton, }: {
-        products: Array<{
-            title: string;
-            img: string;
-            subTitle: string;
-        }>;
+    component: ({ data, className, GSAP }: {
         className?: string;
-        shape?: "round" | "square";
-        itemShape?: "round" | "square";
-        primaryButton?: string;
-        event?: {
-            primaryButton?: {
-                onClick: (v: any) => void;
-            };
+        data: {
+            key?: string;
+            title?: string;
+            products: Array<{
+                title: string;
+                img: {
+                    url: string;
+                };
+                subTitle: string;
+                link?: string;
+            }>;
+            shape?: "round" | "square";
+            itemShape?: "round" | "square";
+            primaryButton?: string;
         };
+        GSAP: any;
     }) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;

package/dist/esm/stories/accordionCards.stories.js

@@ -1,2 +1,2 @@
-import o from"../biz-components/AccordionCards";const t={title:"Biz-Components/AccordionCards",component:o,parameters:{layout:"fullscreen"},tags:["autodocs"]};var p=t;const e=[{title:"Apple Charging Solutions",img:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768",subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768",subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768",subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768",subTitle:"Dependable Charging for Your Entire Apple Ecosystem."}],i={args:{products:e,primaryButton:"Learn More"}},r={args:{products:e,shape:"round",itemShape:"round",primaryButton:"Learn More"}};export{i as Default,r as Round,p as default};
+import p from"../biz-components/AccordionCards/index.js";import{gsap as e}from"gsap";import{useGSAP as o}from"@gsap/react";import{ScrollTrigger as t}from"gsap/dist/ScrollTrigger";import{SplitText as s}from"gsap/dist/SplitText";const i={title:"Biz-Components/AccordionCards",component:p,parameters:{layout:"fullscreen"},tags:["autodocs"]};var f=i;const r=[{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."}],g={args:{GSAP:{gsap:e,ScrollTrigger:t,SplitText:s,useGSAP:o},data:{products:r,primaryButton:"Learn More"}}},m={args:{GSAP:{gsap:e,ScrollTrigger:t,SplitText:s,useGSAP:o},data:{products:r,shape:"round",itemShape:"round",primaryButton:"Learn More"}}};export{g as Default,m as Round,f as default};
 //# sourceMappingURL=accordionCards.stories.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/accordionCards.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport AccordionCards from '../biz-components/AccordionCards'\n\nconst meta = {\n    title: 'Biz-Components/AccordionCards',\n    component: AccordionCards,\n    parameters: {\n        layout: 'fullscreen',\n    },\n    tags: ['autodocs'],\n} satisfies Meta<typeof AccordionCards>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mock = [\n    {\n        title: 'Apple Charging Solutions',\n        img: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n        subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.'\n    },\n    {\n        title: 'Apple Charging Solutions',\n        img: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n        subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.'\n    },\n    {\n        title: 'Apple Charging Solutions',\n        img: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n        subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.'\n    },\n    {\n        title: 'Apple Charging Solutions',\n        img: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n        subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.'\n    },\n]\n\nexport const Default: Story = {\n    args: {\n        products: mock,\n        primaryButton: 'Learn More'\n    },\n}\n\nexport const Round: Story = {\n    args: {\n        products: mock,\n        shape: 'round',\n        itemShape: 'round',\n        primaryButton: 'Learn More'\n    },\n}\n"],
-  "mappings": "AACA,OAAOA,MAAoB,mCAE3B,MAAMC,EAAO,CACT,MAAO,gCACP,UAAWD,EACX,WAAY,CACR,OAAQ,YACZ,EACA,KAAM,CAAC,UAAU,CACrB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EAAO,CACT,CACI,MAAO,2BACP,IAAK,gPACL,SAAU,sDACd,EACA,CACI,MAAO,2BACP,IAAK,gPACL,SAAU,sDACd,EACA,CACI,MAAO,2BACP,IAAK,gPACL,SAAU,sDACd,EACA,CACI,MAAO,2BACP,IAAK,gPACL,SAAU,sDACd,CACJ,EAEaC,EAAiB,CAC1B,KAAM,CACF,SAAUD,EACV,cAAe,YACnB,CACJ,EAEaE,EAAe,CACxB,KAAM,CACF,SAAUF,EACV,MAAO,QACP,UAAW,QACX,cAAe,YACnB,CACJ",
-  "names": ["AccordionCards", "meta", "accordionCards_stories_default", "mock", "Default", "Round"]
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport AccordionCards from '../biz-components/AccordionCards/index.js'\nimport { gsap } from 'gsap'\nimport { useGSAP } from '@gsap/react'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport { SplitText } from 'gsap/dist/SplitText'\n\nconst meta = {\n  title: 'Biz-Components/AccordionCards',\n  component: AccordionCards,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof AccordionCards>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mock = [\n  {\n    title: 'Apple Charging Solutions',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    },\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    },\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    },\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    },\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    GSAP: { gsap, ScrollTrigger, SplitText, useGSAP },\n    data: {\n      products: mock,\n      primaryButton: 'Learn More',\n    },\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    GSAP: { gsap, ScrollTrigger, SplitText, useGSAP },\n    data: {\n      products: mock,\n      shape: 'round',\n      itemShape: 'round',\n      primaryButton: 'Learn More',\n    },\n  },\n}\n"],
+  "mappings": "AACA,OAAOA,MAAoB,4CAC3B,OAAS,QAAAC,MAAY,OACrB,OAAS,WAAAC,MAAe,cACxB,OAAS,iBAAAC,MAAqB,0BAC9B,OAAS,aAAAC,MAAiB,sBAE1B,MAAMC,EAAO,CACX,MAAO,gCACP,UAAWL,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOM,EAAQD,EAGf,MAAME,EAAO,CACX,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CAAE,KAAAP,EAAM,cAAAE,EAAe,UAAAC,EAAW,QAAAF,CAAQ,EAChD,KAAM,CACJ,SAAUK,EACV,cAAe,YACjB,CACF,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,KAAM,CAAE,KAAAR,EAAM,cAAAE,EAAe,UAAAC,EAAW,QAAAF,CAAQ,EAChD,KAAM,CACJ,SAAUK,EACV,MAAO,QACP,UAAW,QACX,cAAe,YACjB,CACF,CACF",
+  "names": ["AccordionCards", "gsap", "useGSAP", "ScrollTrigger", "SplitText", "meta", "accordionCards_stories_default", "mock", "Default", "Round"]
 }

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

@@ -4,7 +4,7 @@ declare const meta: {
     title: string;
     component: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("class-variance-authority").VariantProps<(props?: ({
         variant?: "default" | "destructive" | null | undefined;
-    } & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string> & {
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
         status?: "success" | "error" | "warning" | "info";
         closable?: boolean;
     } & React.RefAttributes<HTMLDivElement>>;

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

@@ -11,7 +11,7 @@ declare const meta: {
         textClassName?: string;
     } & import("class-variance-authority").VariantProps<(props?: ({
         size?: "small" | "medium" | "large" | null | undefined;
-    } & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string> & Omit<import("@radix-ui/react-avatar").AvatarProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & Omit<import("@radix-ui/react-avatar").AvatarProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
     tags: string[];
     subcomponents: any;
     parameters: {
@@ -36,5 +36,4 @@ declare const meta: {
 export default meta;
 export declare const Default: () => import("react/jsx-runtime").JSX.Element;
 export declare const AvatarType: () => import("react/jsx-runtime").JSX.Element;
-export declare const AvatarTextAdaptation: () => import("react/jsx-runtime").JSX.Element;
 export declare const AvatarSize: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/stories/avatar.stories.js

@@ -1,2 +1,2 @@
-import{jsx as a,jsxs as s}from"react/jsx-runtime";import{UserIcon as c}from"@storybook/icons";import{Avatar as t,AvatarImage as r,AvatarFallback as e}from"../components/index.js";const o={title:"Components/Avatar",component:t,tags:["autodocs"],subcomponents:{AvatarImage:r,AvatarFallback:e},parameters:{layout:"centered",docs:{description:{component:"avatar\u7EC4\u4EF6,\u57FA\u4E8E@radix-ui/react-avatar,https://www.radix-ui.com/primitives/docs/components/avatar"}}},argTypes:{size:{description:"\u5C3A\u5BF8",table:{defaultValue:{summary:"small"}}}}};var l=o;const p=()=>s(t,{children:[a(r,{src:"https://github.com/shadcn.png",alt:"@shadcn"}),a(e,{children:"CN"})]}),v=()=>s("div",{className:"flex items-center gap-4",children:[s(t,{children:[a(r,{src:"https://github.com/shadcn.png",alt:"@shadcn"}),a(e,{children:"CN"})]}),a(t,{children:a(e,{children:a(c,{})})}),a(t,{children:a(e,{children:"A"})})]}),d=()=>s("div",{className:"flex items-center gap-4",children:[a(t,{size:"large",isAdaptation:!0,children:"Text"}),a(t,{size:"large",isAdaptation:!0,children:"TextTextText"}),a(t,{size:"large",isAdaptation:!0,children:"TextTextTextTextText"})]}),m=()=>s("div",{className:"flex items-center gap-4",children:[s(t,{children:[a(r,{src:"https://github.com/shadcn.png",alt:"@shadcn"}),a(e,{children:"CN"})]}),s(t,{size:"medium",children:[a(r,{src:"https://github.com/shadcn.png",alt:"@shadcn"}),a(e,{children:"CN"})]}),s(t,{size:"large",children:[a(r,{src:"https://github.com/shadcn.png",alt:"@shadcn"}),a(e,{children:"CN"})]})]});export{m as AvatarSize,d as AvatarTextAdaptation,v as AvatarType,p as Default,l as default};
+import{jsx as a,jsxs as e}from"react/jsx-runtime";import{UserIcon as o}from"@storybook/icons";import{Avatar as t,AvatarImage as r,AvatarFallback as s}from"../components/index.js";const i={title:"Components/Avatar",component:t,tags:["autodocs"],subcomponents:{AvatarImage:r,AvatarFallback:s},parameters:{layout:"centered",docs:{description:{component:"avatar\u7EC4\u4EF6,\u57FA\u4E8E@radix-ui/react-avatar,https://www.radix-ui.com/primitives/docs/components/avatar"}}},argTypes:{size:{description:"\u5C3A\u5BF8",table:{defaultValue:{summary:"small"}}}}};var m=i;const p=()=>e(t,{size:"large",children:[a(r,{src:"https://github.com/shadcn.png",alt:"@shadcn"}),a(s,{children:"Za"})]}),n=()=>e("div",{className:"flex items-center gap-4",children:[e(t,{size:"large",children:[a(r,{src:"https://github.com/shadcn.png",alt:"@shadcn"}),a(s,{children:"CN"})]}),a(t,{size:"large",children:a(o,{className:"size-6"})}),a(t,{size:"large",children:"Za"})]}),v=()=>e("div",{className:"flex items-center gap-4",children:[a(t,{children:"Za"}),a(t,{size:"medium",children:"Za"}),a(t,{size:"large",children:"Za"})]});export{v as AvatarSize,n as AvatarType,p as Default,m as default};
 //# sourceMappingURL=avatar.stories.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/avatar.stories.tsx"],
-  "sourcesContent": ["import type { Meta } from '@storybook/react/*'\nimport { UserIcon } from '@storybook/icons'\nimport { Avatar, AvatarImage, AvatarFallback } from '../components/index.js'\n\nconst meta = {\n  title: 'Components/Avatar',\n  component: Avatar,\n  tags: ['autodocs'],\n  subcomponents: { AvatarImage, AvatarFallback } as any,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: 'avatar\u7EC4\u4EF6,\u57FA\u4E8E@radix-ui/react-avatar,https://www.radix-ui.com/primitives/docs/components/avatar',\n      },\n    },\n  },\n  argTypes: {\n    size: {\n      description: '\u5C3A\u5BF8',\n      table: {\n        defaultValue: { summary: 'small' },\n      },\n    },\n  },\n} satisfies Meta<typeof Avatar>\n\nexport default meta\n\nexport const Default = () => (\n  <Avatar>\n    <AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n    <AvatarFallback>CN</AvatarFallback>\n  </Avatar>\n)\n\nexport const AvatarType = () => (\n  <div className=\"flex items-center gap-4\">\n    <Avatar>\n      <AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n      <AvatarFallback>CN</AvatarFallback>\n    </Avatar>\n    <Avatar>\n      <AvatarFallback>\n        <UserIcon />\n      </AvatarFallback>\n    </Avatar>\n    <Avatar>\n      <AvatarFallback>A</AvatarFallback>\n    </Avatar>\n  </div>\n)\n\nexport const AvatarTextAdaptation = () => (\n  <div className=\"flex items-center gap-4\">\n    <Avatar size=\"large\" isAdaptation>\n      Text\n    </Avatar>\n    <Avatar size=\"large\" isAdaptation>\n      TextTextText\n    </Avatar>\n    <Avatar size=\"large\" isAdaptation>\n      TextTextTextTextText\n    </Avatar>\n  </div>\n)\n\nexport const AvatarSize = () => (\n  <div className=\"flex items-center gap-4\">\n    <Avatar>\n      <AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n      <AvatarFallback>CN</AvatarFallback>\n    </Avatar>\n    <Avatar size=\"medium\">\n      <AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n      <AvatarFallback>CN</AvatarFallback>\n    </Avatar>\n    <Avatar size=\"large\">\n      <AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n      <AvatarFallback>CN</AvatarFallback>\n    </Avatar>\n  </div>\n)\n"],
-  "mappings": "AA8BE,OACE,OAAAA,EADF,QAAAC,MAAA,oBA7BF,OAAS,YAAAC,MAAgB,mBACzB,OAAS,UAAAC,EAAQ,eAAAC,EAAa,kBAAAC,MAAsB,yBAEpD,MAAMC,EAAO,CACX,MAAO,oBACP,UAAWH,EACX,KAAM,CAAC,UAAU,EACjB,cAAe,CAAE,YAAAC,EAAa,eAAAC,CAAe,EAC7C,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,kHACb,CACF,CACF,EACA,SAAU,CACR,KAAM,CACJ,YAAa,eACb,MAAO,CACL,aAAc,CAAE,QAAS,OAAQ,CACnC,CACF,CACF,CACF,EAEA,IAAOE,EAAQD,EAER,MAAME,EAAU,IACrBP,EAACE,EAAA,CACC,UAAAH,EAACI,EAAA,CAAY,IAAI,gCAAgC,IAAI,UAAU,EAC/DJ,EAACK,EAAA,CAAe,cAAE,GACpB,EAGWI,EAAa,IACxBR,EAAC,OAAI,UAAU,0BACb,UAAAA,EAACE,EAAA,CACC,UAAAH,EAACI,EAAA,CAAY,IAAI,gCAAgC,IAAI,UAAU,EAC/DJ,EAACK,EAAA,CAAe,cAAE,GACpB,EACAL,EAACG,EAAA,CACC,SAAAH,EAACK,EAAA,CACC,SAAAL,EAACE,EAAA,EAAS,EACZ,EACF,EACAF,EAACG,EAAA,CACC,SAAAH,EAACK,EAAA,CAAe,aAAC,EACnB,GACF,EAGWK,EAAuB,IAClCT,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACG,EAAA,CAAO,KAAK,QAAQ,aAAY,GAAC,gBAElC,EACAH,EAACG,EAAA,CAAO,KAAK,QAAQ,aAAY,GAAC,wBAElC,EACAH,EAACG,EAAA,CAAO,KAAK,QAAQ,aAAY,GAAC,gCAElC,GACF,EAGWQ,EAAa,IACxBV,EAAC,OAAI,UAAU,0BACb,UAAAA,EAACE,EAAA,CACC,UAAAH,EAACI,EAAA,CAAY,IAAI,gCAAgC,IAAI,UAAU,EAC/DJ,EAACK,EAAA,CAAe,cAAE,GACpB,EACAJ,EAACE,EAAA,CAAO,KAAK,SACX,UAAAH,EAACI,EAAA,CAAY,IAAI,gCAAgC,IAAI,UAAU,EAC/DJ,EAACK,EAAA,CAAe,cAAE,GACpB,EACAJ,EAACE,EAAA,CAAO,KAAK,QACX,UAAAH,EAACI,EAAA,CAAY,IAAI,gCAAgC,IAAI,UAAU,EAC/DJ,EAACK,EAAA,CAAe,cAAE,GACpB,GACF",
-  "names": ["jsx", "jsxs", "UserIcon", "Avatar", "AvatarImage", "AvatarFallback", "meta", "avatar_stories_default", "Default", "AvatarType", "AvatarTextAdaptation", "AvatarSize"]
+  "sourcesContent": ["import type { Meta } from '@storybook/react'\nimport { UserIcon } from '@storybook/icons'\nimport { Avatar, AvatarImage, AvatarFallback } from '../components/index.js'\n\nconst meta = {\n  title: 'Components/Avatar',\n  component: Avatar,\n  tags: ['autodocs'],\n  subcomponents: { AvatarImage, AvatarFallback } as any,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: 'avatar\u7EC4\u4EF6,\u57FA\u4E8E@radix-ui/react-avatar,https://www.radix-ui.com/primitives/docs/components/avatar',\n      },\n    },\n  },\n  argTypes: {\n    size: {\n      description: '\u5C3A\u5BF8',\n      table: {\n        defaultValue: { summary: 'small' },\n      },\n    },\n  },\n} satisfies Meta<typeof Avatar>\n\nexport default meta\n\nexport const Default = () => (\n  <Avatar size=\"large\">\n    <AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n    <AvatarFallback>Za</AvatarFallback>\n  </Avatar>\n)\n\nexport const AvatarType = () => (\n  <div className=\"flex items-center gap-4\">\n    <Avatar size=\"large\">\n      <AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n      <AvatarFallback>CN</AvatarFallback>\n    </Avatar>\n    <Avatar size=\"large\">\n      <UserIcon className=\"size-6\" />\n    </Avatar>\n    <Avatar size=\"large\">Za</Avatar>\n  </div>\n)\n\nexport const AvatarSize = () => (\n  <div className=\"flex items-center gap-4\">\n    <Avatar>Za</Avatar>\n    <Avatar size=\"medium\">Za</Avatar>\n    <Avatar size=\"large\">Za</Avatar>\n  </div>\n)\n"],
+  "mappings": "AA8BE,OACE,OAAAA,EADF,QAAAC,MAAA,oBA7BF,OAAS,YAAAC,MAAgB,mBACzB,OAAS,UAAAC,EAAQ,eAAAC,EAAa,kBAAAC,MAAsB,yBAEpD,MAAMC,EAAO,CACX,MAAO,oBACP,UAAWH,EACX,KAAM,CAAC,UAAU,EACjB,cAAe,CAAE,YAAAC,EAAa,eAAAC,CAAe,EAC7C,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,kHACb,CACF,CACF,EACA,SAAU,CACR,KAAM,CACJ,YAAa,eACb,MAAO,CACL,aAAc,CAAE,QAAS,OAAQ,CACnC,CACF,CACF,CACF,EAEA,IAAOE,EAAQD,EAER,MAAME,EAAU,IACrBP,EAACE,EAAA,CAAO,KAAK,QACX,UAAAH,EAACI,EAAA,CAAY,IAAI,gCAAgC,IAAI,UAAU,EAC/DJ,EAACK,EAAA,CAAe,cAAE,GACpB,EAGWI,EAAa,IACxBR,EAAC,OAAI,UAAU,0BACb,UAAAA,EAACE,EAAA,CAAO,KAAK,QACX,UAAAH,EAACI,EAAA,CAAY,IAAI,gCAAgC,IAAI,UAAU,EAC/DJ,EAACK,EAAA,CAAe,cAAE,GACpB,EACAL,EAACG,EAAA,CAAO,KAAK,QACX,SAAAH,EAACE,EAAA,CAAS,UAAU,SAAS,EAC/B,EACAF,EAACG,EAAA,CAAO,KAAK,QAAQ,cAAE,GACzB,EAGWO,EAAa,IACxBT,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACG,EAAA,CAAO,cAAE,EACVH,EAACG,EAAA,CAAO,KAAK,SAAS,cAAE,EACxBH,EAACG,EAAA,CAAO,KAAK,QAAQ,cAAE,GACzB",
+  "names": ["jsx", "jsxs", "UserIcon", "Avatar", "AvatarImage", "AvatarFallback", "meta", "avatar_stories_default", "Default", "AvatarType", "AvatarSize"]
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/badge.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Badge } from '../components/index.js'\nimport React from 'react'\n\nconst meta = {\n  title: 'Components/Badge',\n  component: Badge,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: {\n        type: 'select',\n      },\n      options: ['sm', 'lg'],\n      description: 'Badge \u5C3A\u5BF8',\n      table: {\n        defaultValue: { summary: 'lg' },\n      },\n    },\n  },\n  args: {\n    size: 'lg'\n  },\n} satisfies Meta<typeof Badge>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    children: 'New',\n  }\n}\n\nexport const Examples: Story = {\n  render() {\n    return (\n      <div className=\"flex flex-col space-y-4\">\n        <Badge>New</Badge>\n      </div>\n    )\n  },\n}\n"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Badge } from '../components/index.js'\nimport React from 'react'\n\nconst meta = {\n  title: 'Components/Badge',\n  component: Badge,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: {\n        type: 'select',\n      },\n      options: ['sm', 'lg'],\n      description: 'Badge \u5C3A\u5BF8',\n      table: {\n        defaultValue: { summary: 'lg' },\n      },\n    },\n  },\n  args: {\n    size: 'lg',\n  },\n} satisfies Meta<typeof Badge>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    children: 'New',\n  },\n}\n\nexport const Examples: Story = {\n  render() {\n    return (\n      <div className=\"flex flex-col space-y-4\">\n        <Badge>New</Badge>\n      </div>\n    )\n  },\n}\n"],
   "mappings": "AA2CQ,cAAAA,MAAA,oBAzCR,OAAS,SAAAC,MAAa,yBACtB,MAAkB,QAElB,MAAMC,EAAO,CACX,MAAO,mBACP,UAAWD,EACX,WAAY,CACV,OAAQ,UACV,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,KAAM,IAAI,EACpB,YAAa,qBACb,MAAO,CACL,aAAc,CAAE,QAAS,IAAK,CAChC,CACF,CACF,EACA,KAAM,CACJ,KAAM,IACR,CACF,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,SAAU,KACZ,CACF,EAEaC,EAAkB,CAC7B,QAAS,CACP,OACEL,EAAC,OAAI,UAAU,0BACb,SAAAA,EAACC,EAAA,CAAM,eAAG,EACZ,CAEJ,CACF",
   "names": ["jsx", "Badge", "meta", "badge_stories_default", "Default", "Examples"]
 }