@anker-in/headless-ui 0.0.27-alpha.5 → 0.0.27-alpha.50

package/dist/cjs/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/cjs/cpn-components/index.js

@@ -0,0 +1,2 @@
+"use strict";var s=Object.create;var f=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var v=(a,o)=>{for(var t in o)f(a,t,{get:o[t],enumerable:!0})},p=(a,o,t,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of i(o))!g.call(a,r)&&r!==t&&f(a,r,{get:()=>o[r],enumerable:!(n=x(o,r))||n.enumerable});return a};var e=(a,o,t)=>(t=a!=null?s(c(a)):{},p(o||!a||!a.__esModule?f(t,"default",{value:a,enumerable:!0}):t,a)),w=a=>p(f({},"__esModule",{value:!0}),a);var B={};v(B,{CpnBanner:()=>d.default,CpnCountDown:()=>u.default,CpnNavigation:()=>C.default,CpnProductCard:()=>l.default,CpnTitle:()=>m.default});module.exports=w(B);var d=e(require("./CpnBanner/index.js")),u=e(require("./CpnCountDown/index.js")),C=e(require("./CpnNavigation/index.js")),l=e(require("./CpnProductCard/index.js")),m=e(require("./CpnTitle/index.js"));
+//# sourceMappingURL=index.js.map

package/dist/cjs/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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qJAAAE,EAAAF,GAAA,IAAAG,EAAqC,mCACrCC,EAAwC,sCACxCC,EAAyC,uCACzCC,EAA0C,wCAC1CC,EAAoC",
+  "names": ["cpn_components_exports", "__export", "__toCommonJS", "import_CpnBanner", "import_CpnCountDown", "import_CpnNavigation", "import_CpnProductCard", "import_CpnTitle"]
+}

package/dist/cjs/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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,QAAAE,EAAA,SAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAAsC,gBACtCC,EAAoC,0BAEpC,MAAMC,KAAU,uBAAoB,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,SAASL,KAAMM,EAAsB,CAC1C,OAAOD,KAAQ,QAAKC,CAAM,CAAC,CAC7B,CAEO,SAASL,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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,QAAAE,EAAA,SAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAAsC,gBACtCC,EAAoC,0BAEpC,MAAMC,KAAU,uBAAoB,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,SAASL,KAAMM,EAAsB,CAC1C,OAAOD,KAAQ,QAAKC,CAAM,CAAC,CAC7B,CAEO,SAASL,GAAY,CAAC",
   "names": ["utils_exports", "__export", "cn", "noop", "__toCommonJS", "import_clsx", "import_tailwind_merge", "twMerge", "inputs"]
 }

package/dist/cjs/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/cjs/hooks/useCountDown.js

@@ -0,0 +1,2 @@
+"use strict";var u=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var D=Object.prototype.hasOwnProperty;var T=(n,t)=>{for(var o in t)u(n,o,{get:t[o],enumerable:!0})},h=(n,t,o,e)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of w(t))!D.call(n,s)&&s!==o&&u(n,s,{get:()=>t[s],enumerable:!(e=l(t,s))||e.enumerable});return n};var b=n=>h(u({},"__esModule",{value:!0}),n);var S={};T(S,{default:()=>y});module.exports=b(S);var i=require("react");const p=({endTime:n=""})=>{const[t,o]=(0,i.useState)({days:"00",hours:"00",minutes:"00",seconds:"00"});return(0,i.useEffect)(()=>{const e=c=>(c<0?0:Math.floor(c)).toString().padStart(2,"0"),s=new Date(n).getTime(),a=setInterval(()=>{const c=new Date().getTime(),r=s-c,m=e(r/(1e3*60*60*24)),d=e(r%(1e3*60*60*24)/(1e3*60*60)),g=e(r%(1e3*60*60)/(1e3*60)),f=e(r%(1e3*60)/1e3);o({days:m,hours:d,minutes:g,seconds:f})},1e3);return()=>clearInterval(a)},[n]),t};var y=p;
+//# sourceMappingURL=useCountDown.js.map

package/dist/cjs/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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAoC,iBASpC,MAAMC,EAAe,CAAC,CAAE,QAAAC,EAAU,EAAG,IAA4B,CAC/D,KAAM,CAACC,EAAMC,CAAO,KAAI,YAAe,CACrC,KAAM,KACN,MAAO,KACP,QAAS,KACT,QAAS,IACX,CAAC,EAED,sBAAU,IAAM,CACd,MAAMC,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,IAAOL,EAAQG",
+  "names": ["useCountDown_exports", "__export", "useCountDown_default", "__toCommonJS", "import_react", "useCountDown", "endTime", "time", "setTime", "format", "date", "countDownDate", "timer", "now", "distance", "days", "hours", "minutes", "seconds"]
+}

package/dist/cjs/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>) => {
+    readonly className: `block-${string} `;
     readonly StyleComponent: import("react/jsx-runtime").JSX.Element;
     readonly uid: string;
 };
@@ -26,8 +26,8 @@ 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;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-declare const _default: React.NamedExoticComponent<StylesProps>;
-export default _default;

package/dist/cjs/shared/Styles.js

@@ -1,2 +1,2 @@
-"use strict";var P=Object.create;var a=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var x=(t,e)=>{for(var s in e)a(t,s,{get:e[s],enumerable:!0})},i=(t,e,s,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of f(e))!b.call(t,l)&&l!==s&&a(t,l,{get:()=>e[l],enumerable:!(o=p(e,l))||o.enumerable});return t};var N=(t,e,s)=>(s=t!=null?P(g(t)):{},i(e||!t||!t.__esModule?a(s,"default",{value:t,enumerable:!0}):s,t)),$=t=>i(a({},"__esModule",{value:!0}),t);var h={};x(h,{default:()=>R,getStylesProps:()=>u,useStyles:()=>S,withStyles:()=>k});module.exports=$(h);var n=require("react/jsx-runtime"),r=N(require("react"));const c=()=>`style_${Math.random().toString(36).substring(2,9)}_${Date.now().toString(36)}`,u=t=>{const{style:e,uid:s,disabled:o}=t;return{style:e,uid:s,disabled:o}},y=({style:t,uid:e=c(),disabled:s=!1})=>!t||s?null:(0,n.jsx)("style",{"data-style-id":e,children:`.block-${e} { ${t} }`}),S=t=>{const e=(0,r.useMemo)(()=>t?.uid||c(),[t?.uid]),s=(0,r.useMemo)(()=>(0,n.jsx)(y,{...t,uid:e}),[t,e]);return{className:`block-${e}`,StyleComponent:s,uid:e}};function k(t,e){const s=function(o){const l={...e,...u(o)},{className:d,StyleComponent:m}=S(l);return(0,n.jsxs)(n.Fragment,{children:[m,(0,n.jsx)(t,{...o,className:d})]})};return s.displayName=t.displayName||t.name||"Component",s}var R=r.default.memo(y);
+"use strict";var a=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var p=(t,e)=>{for(var s in e)a(t,s,{get:e[s],enumerable:!0})},g=(t,e,s,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of m(e))!P.call(t,r)&&r!==s&&a(t,r,{get:()=>e[r],enumerable:!(n=d(e,r))||n.enumerable});return t};var f=t=>g(a({},"__esModule",{value:!0}),t);var $={};p($,{getStylesProps:()=>c,useStyles:()=>y,withStyles:()=>N});module.exports=f($);var o=require("react/jsx-runtime"),l=require("react");const i=()=>`style_${Math.random().toString(36).substring(2,9)}_${Date.now().toString(36)}`,c=t=>{const{style:e,uid:s,disabled:n}=t;return{style:e,uid:s,disabled:n}},b=({style:t,uid:e=i(),disabled:s=!1})=>!t||s?null:(0,o.jsx)("style",{suppressHydrationWarning:!0,"data-style-id":e,children:`.block-${e} { ${t} }`}),y=t=>{const e=(0,l.useMemo)(()=>t?.uid||i(),[t?.uid]),s=(0,l.useMemo)(()=>(0,o.jsx)(b,{...t,uid:e}),[t,e]);return{className:`block-${e} `,StyleComponent:s,uid:e}};function N(t,e){const s=function(n){const r={...e,...c(n)},{className:u,StyleComponent:S}=y(r);return(0,o.jsxs)(o.Fragment,{children:[S,(0,o.jsx)(t,{...n,className:`${u} ${n.className}`})]})};return s.displayName=t.displayName||t.name||"Component",s}
 //# sourceMappingURL=Styles.js.map

package/dist/cjs/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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,mBAAAC,EAAA,cAAAC,EAAA,eAAAC,IAAA,eAAAC,EAAAN,GAuCI,IAAAO,EAAA,6BAvCJC,EAA+B,oBAc/B,MAAMC,EAAc,IACX,SAAS,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,UAAU,EAAG,CAAC,CAAC,IAAI,KAAK,IAAI,EAAE,SAAS,EAAE,CAAC,GAM1EN,EAAqDO,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,EAAMH,EAAY,EAClB,SAAAI,EAAW,EACb,IACM,CAACF,GAASE,EACL,QAIP,OAAC,SAAM,gBAAeD,EACnB,mBAAUA,CAAG,MAAMD,CAAK,KAC3B,EAQSP,EAAaW,GAAsC,CAC9D,MAAMH,KAAM,WAAQ,IAAMG,GAAY,KAAON,EAAY,EAAG,CAACM,GAAY,GAAG,CAAC,EAEvEC,KAAiB,WAAQ,OAC7B,OAACF,EAAA,CAAQ,GAAGC,EAAY,IAAKH,EAAK,EACjC,CAACG,EAAYH,CAAG,CAAC,EAEpB,MAAO,CACL,UAAW,SAASA,CAAG,GACvB,eAAAI,EACA,IAAAJ,CACF,CACF,EAOO,SAASP,EACdY,EACAC,EACA,CACA,MAAMC,EAAa,SAAST,EAA0D,CACpF,MAAMU,EAAkB,CACtB,GAAGF,EACH,GAAGf,EAAeO,CAAK,CACzB,EAEM,CAAE,UAAAW,EAAW,eAAAL,CAAe,EAAIZ,EAAUgB,CAAe,EAE/D,SACE,oBACG,UAAAJ,KACD,OAACC,EAAA,CAAkB,GAAIP,EAAa,UAAWW,EAAW,GAC5D,CAEJ,EAGA,OAAAF,EAAW,YAAcF,EAAiB,aAAeA,EAAiB,MAAQ,YAC3EE,CACT,CAEA,IAAOjB,EAAQ,EAAAoB,QAAM,KAAKR,CAAM",
-  "names": ["Styles_exports", "__export", "Styles_default", "getStylesProps", "useStyles", "withStyles", "__toCommonJS", "import_jsx_runtime", "import_react", "generateUID", "props", "style", "uid", "disabled", "Styles", "styleProps", "StyleComponent", "WrappedComponent", "defaultStyleProps", "WithStyles", "finalStyleProps", "className", "React"]
+  "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> = ({ 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>) => {\n  const uid = useMemo(() => styleProps?.uid || generateUID(), [styleProps?.uid])\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 (props: Omit<P, keyof StylesProps> & Partial<StylesProps> & { className?: string }) {\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} ${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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,EAAA,cAAAC,EAAA,eAAAC,IAAA,eAAAC,EAAAL,GAkCS,IAAAM,EAAA,6BAlCTC,EAA+B,iBAc/B,MAAMC,EAAc,IACX,SAAS,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,UAAU,EAAG,CAAC,CAAC,IAAI,KAAK,IAAI,EAAE,SAAS,EAAE,CAAC,GAM1EN,EAAqDO,GAAwC,CACxG,KAAM,CAAE,MAAAC,EAAO,IAAAC,EAAK,SAAAC,CAAS,EAAIH,EACjC,MAAO,CAAE,MAAAC,EAAO,IAAAC,EAAK,SAAAC,CAAS,CAChC,EAKMC,EAAgC,CAAC,CAAE,MAAAH,EAAO,IAAAC,EAAMH,EAAY,EAAG,SAAAI,EAAW,EAAM,IAChF,CAACF,GAASE,EACL,QAGF,OAAC,SAAM,yBAAwB,GAAC,gBAAeD,EAAM,mBAAUA,CAAG,MAAMD,CAAK,KAAK,EAO9EP,EAAaW,GAAqC,CAC7D,MAAMH,KAAM,WAAQ,IAAMG,GAAY,KAAON,EAAY,EAAG,CAACM,GAAY,GAAG,CAAC,EAEvEC,KAAiB,WAAQ,OAAM,OAACF,EAAA,CAAQ,GAAGC,EAAY,IAAKH,EAAK,EAAI,CAACG,EAAYH,CAAG,CAAC,EAE5F,MAAO,CACL,UAAW,SAASA,CAAG,IACvB,eAAAI,EACA,IAAAJ,CACF,CACF,EAOO,SAASP,EACdY,EACAC,EACA,CACA,MAAMC,EAAa,SAAUT,EAAmF,CAC9G,MAAMU,EAAkB,CACtB,GAAGF,EACH,GAAGf,EAAeO,CAAK,CACzB,EAEM,CAAE,UAAAW,EAAW,eAAAL,CAAe,EAAIZ,EAAUgB,CAAe,EAE/D,SACE,oBACG,UAAAJ,KACD,OAACC,EAAA,CAAkB,GAAIP,EAAa,UAAW,GAAGW,CAAS,IAAIX,EAAM,SAAS,GAAI,GACpF,CAEJ,EAGA,OAAAS,EAAW,YAAcF,EAAiB,aAAeA,EAAiB,MAAQ,YAC3EE,CACT",
+  "names": ["Styles_exports", "__export", "getStylesProps", "useStyles", "withStyles", "__toCommonJS", "import_jsx_runtime", "import_react", "generateUID", "props", "style", "uid", "disabled", "Styles", "styleProps", "StyleComponent", "WrappedComponent", "defaultStyleProps", "WithStyles", "finalStyleProps", "className"]
 }

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

@@ -3,7 +3,9 @@ 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;
+        }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     parameters: {

package/dist/cjs/stories/HeroBanner.stories.js

@@ -1,4 +1,4 @@
-"use strict";var l=Object.create;var n=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var m=(e,t)=>{for(var o in t)n(e,o,{get:t[o],enumerable:!0})},c=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of p(t))!d.call(e,r)&&r!==o&&n(e,r,{get:()=>t[r],enumerable:!(i=u(t,r))||i.enumerable});return e};var g=(e,t,o)=>(o=e!=null?l(k(e)):{},c(t||!e||!e.__esModule?n(o,"default",{value:e,enumerable:!0}):o,e)),h=e=>c(n({},"__esModule",{value:!0}),e);var S={};m(S,{DarkTheme:()=>P,LightTheme:()=>b,WithoutSecondaryButton:()=>B,default:()=>f});module.exports=h(S);var s=g(require("../biz-components/HeroBanner/HeroBanner.js"));const y={title:"Biz-Components/HeroBanner",component:s.default,parameters:{layout:"fullscreen",docs:{description:{component:`
+"use strict";var p=Object.create;var i=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var h=(e,t)=>{for(var r in t)i(e,r,{get:t[r],enumerable:!0})},s=(e,t,r,m)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of g(t))!d.call(e,a)&&a!==r&&i(e,a,{get:()=>t[a],enumerable:!(m=u(t,a))||m.enumerable});return e};var k=(e,t,r)=>(r=e!=null?p(c(e)):{},s(t||!e||!e.__esModule?i(r,"default",{value:e,enumerable:!0}):r,e)),f=e=>s(i({},"__esModule",{value:!0}),e);var w={};h(w,{DarkTheme:()=>B,LightTheme:()=>P,WithoutSecondaryButton:()=>A,default:()=>b});module.exports=f(w);var l=k(require("../biz-components/HeroBanner/HeroBanner.js"));const y={title:"Biz-Components/HeroBanner",component:l.default,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 f=y;const a="https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aee13b30b2c77fc8d0a46e4f19fa48cb_6a25debf-f95e-4ca6-990b-babcad65216c.png?v=1745468206",b={args:{title:"Anker Laptop Power",subtitle:"Anker Prime 240W GaN Desktop Charger (4 Ports)",background:a,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)"}]}},P={args:{title:"Power Your Life",subtitle:"Experience the next generation of charging technology with our innovative solutions designed for modern life.",background:a,theme:"dark",primaryButton:{text:"Shop Now",onClick:()=>console.log("Primary button clicked")},secondaryButton:{text:"Learn More",onClick:()=>console.log("Secondary button clicked")}}},B={args:{title:"Future of Charging",subtitle:"Step into the future with our revolutionary charging solutions that redefine the way you power your devices.",background:a,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)"}]}};
+        `}}},tags:["autodocs"]};var b=y;const o="https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aee13b30b2c77fc8d0a46e4f19fa48cb_6a25debf-f95e-4ca6-990b-babcad65216c.png?v=1745468206",n="https://cdn.shopify.com/s/files/1/0517/6767/3016/files/87e32d61fc407d5e6c8aff00f3453072.jpg?v=1745999899",P={args:{data:{title:"Anker Laptop Power",subtitle:"Anker Prime 240W GaN Desktop Charger (4 Ports)",pcImage:{url:o,alt:"default background",thumbnailURL:o,mimeType:"image/jpeg"},mobileImage:{url:o,alt:"default background",thumbnailURL:o,mimeType:"image/jpeg"},theme:"light",primaryButton:{text:"Shop Now"},secondaryButton:{text:"Learn More"},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)"}]}}},B={args:{data:{title:"Power Your Life",subtitle:"Experience the next generation of charging technology with our innovative solutions designed for modern life.",pcImage:{url:n,alt:"dark background",thumbnailURL:n,mimeType:"image/jpeg"},mobileImage:{url:n,alt:"dark background",thumbnailURL:n,mimeType:"image/jpeg"},theme:"dark",primaryButton:{text:"Shop Now"},secondaryButton:{text:"Learn More"},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)"}]}}},A={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:o,alt:"default background",thumbnailURL:o,mimeType:"image/jpeg"},mobileImage:{url:o,alt:"default background",thumbnailURL:o,mimeType:"image/jpeg"},theme:"light",primaryButton:{text:"Shop Now"},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)"}]}}};
 //# sourceMappingURL=HeroBanner.stories.js.map

package/dist/cjs/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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,EAAA,eAAAC,EAAA,2BAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GACA,IAAAO,EAAuB,yDAEvB,MAAMC,EAAO,CACX,MAAO,4BACP,UAAW,EAAAC,QACX,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,IAAOJ,EAAQG,EAGf,MAAME,EAAoB,gJAEbP,EAAoB,CAC/B,KAAM,CACJ,MAAO,qBACP,SAAU,iDACV,WAAYO,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,EAEaR,EAAmB,CAC9B,KAAM,CACJ,MAAO,kBACP,SAAU,gHACV,WAAYQ,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,EAEaN,EAAgC,CAC3C,KAAM,CACJ,MAAO,qBACP,SAAU,+GACV,WAAYM,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_stories_exports", "__export", "DarkTheme", "LightTheme", "WithoutSecondaryButton", "HeroBanner_stories_default", "__toCommonJS", "import_HeroBanner", "meta", "HeroBanner", "defaultBackground"]
+  "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      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  },\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      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  },\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      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  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,EAAA,eAAAC,EAAA,2BAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GACA,IAAAO,EAAuB,yDAEvB,MAAMC,EAAO,CACX,MAAO,4BACP,UAAW,EAAAC,QACX,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,IAAOJ,EAAQG,EAGf,MAAME,EACJ,gJAEIC,EACJ,2GAEWR,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,MAAO,qBACP,SAAU,iDACV,QAAS,CACP,IAAKO,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,SAAU,CACR,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,CACF,EAEaR,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,MAAO,kBACP,SACE,gHACF,QAAS,CACP,IAAKS,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,SAAU,CACR,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,CACF,EAEaP,EAAgC,CAC3C,KAAM,CACJ,KAAM,CACJ,MAAO,qBACP,SACE,+GACF,QAAS,CACP,IAAKM,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,SAAU,CACR,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,CACF",
+  "names": ["HeroBanner_stories_exports", "__export", "DarkTheme", "LightTheme", "WithoutSecondaryButton", "HeroBanner_stories_default", "__toCommonJS", "import_HeroBanner", "meta", "HeroBanner", "defaultBackground", "darkBackground"]
 }

package/dist/cjs/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/cjs/stories/MemberEquity.stories.js

@@ -1,4 +1,4 @@
-"use strict";var m=Object.create;var s=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var l=(e,t)=>{for(var o in t)s(e,o,{get:t[o],enumerable:!0})},i=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of p(t))!d.call(e,r)&&r!==o&&s(e,r,{get:()=>t[r],enumerable:!(a=u(t,r))||a.enumerable});return e};var b=(e,t,o)=>(o=e!=null?m(y(e)):{},i(t||!e||!e.__esModule?s(o,"default",{value:e,enumerable:!0}):o,e)),g=e=>i(s({},"__esModule",{value:!0}),e);var B={};l(B,{CustomButtons:()=>q,CustomStyles:()=>F,Default:()=>n,Round:()=>x,default:()=>f});module.exports=g(B);var c=b(require("../biz-components/MemberEquity"));const h={title:"Biz-Components/MemberEquity",component:c.default,parameters:{layout:"fullscreen",docs:{description:{component:` 
+"use strict";var p=Object.create;var r=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var d=(e,t)=>{for(var o in t)r(e,o,{get:t[o],enumerable:!0})},m=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of u(t))!g.call(e,a)&&a!==o&&r(e,a,{get:()=>t[a],enumerable:!(s=c(t,a))||s.enumerable});return e};var h=(e,t,o)=>(o=e!=null?p(l(e)):{},m(t||!e||!e.__esModule?r(o,"default",{value:e,enumerable:!0}):o,e)),y=e=>m(r({},"__esModule",{value:!0}),e);var q={};d(q,{CustomButtons:()=>B,CustomStyles:()=>k,Default:()=>n,Round:()=>x,default:()=>f});module.exports=y(q);var i=h(require("../biz-components/MemberEquity/index.js"));const b={title:"Biz-Components/MemberEquity",component:i.default,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 f=h;const n={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"}},x={args:{...n.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"}},q={args:{...n.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"}}},F={args:{...n.args,title:"Become a Member Today and opportunities",style:`
+      `}}},tags:["autodocs"]};var f=b;const n={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"}}},x={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"}}},B={args:{data:{...n.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"}}}},k={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:{}}};
+    `}};
 //# sourceMappingURL=MemberEquity.stories.js.map

package/dist/cjs/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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,EAAA,iBAAAC,EAAA,YAAAC,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GACA,IAAAQ,EAAyB,6CAEzB,MAAMC,EAAkC,CACtC,MAAO,8BACP,UAAW,EAAAC,QACX,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,IAAOJ,EAAQG,EAIR,MAAML,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,EAGaF,EAAuB,CAClC,KAAM,CACJ,GAAGE,EAAQ,KACX,MAAO,qBACP,YAAa,wFACb,gBAAiB,+DACjB,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,mBACN,KAAM,WACR,CACF,CACF,EAGaD,EAAsB,CACjC,KAAM,CACJ,GAAGC,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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,EAAA,iBAAAC,EAAA,YAAAC,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GACA,IAAAQ,EAAyB,sDAEzB,MAAMC,EAAkC,CACtC,MAAO,8BACP,UAAW,EAAAC,QACX,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,IAAOJ,EAAQG,EAIR,MAAML,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,EAGaH,EAAuB,CAClC,KAAM,CACJ,KAAM,CACJ,GAAGE,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,EAGaD,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_stories_exports", "__export", "CustomButtons", "CustomStyles", "Default", "Round", "MemberEquity_stories_default", "__toCommonJS", "import_MemberEquity", "meta", "MemberEquity"]
 }

package/dist/cjs/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/cjs/stories/MultiLayoutGraphicBlock.stories.js

@@ -0,0 +1,2 @@
+"use strict";var s=Object.create;var a=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty;var x=(t,e)=>{for(var o in e)a(t,o,{get:e[o],enumerable:!0})},r=(t,e,o,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of m(e))!u.call(t,l)&&l!==o&&a(t,l,{get:()=>e[l],enumerable:!(i=c(e,l))||i.enumerable});return t};var d=(t,e,o)=>(o=t!=null?s(h(t)):{},r(e||!t||!t.__esModule?a(o,"default",{value:t,enumerable:!0}):o,t)),g=t=>r(a({},"__esModule",{value:!0}),t);var C={};x(C,{Default:()=>U,ThirdWidth:()=>I,WithCarousel:()=>L,default:()=>k});module.exports=g(C);var f=require("react"),n=d(require("../biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js"));const y={title:"Biz-Components/MultiLayoutGraphicBlock",component:n.default,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 k=y;const p=[{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"}],B=[{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:"#"}}],U={args:{data:{items:p,carousel:{items:[]}}}},I={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"}]}}},L={args:{data:{items:p.slice(0,1),carousel:{items:B}}}};
+//# sourceMappingURL=MultiLayoutGraphicBlock.stories.js.map

package/dist/cjs/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'\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    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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,eAAAC,EAAA,iBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GACA,IAAAO,EAAkB,iBAClBC,EAAoC,mFAGpC,MAAMC,EAA6C,CACjD,MAAO,yCACP,UAAW,EAAAC,QACX,KAAM,CAAC,UAAU,EACjB,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,gIACb,CACF,CACF,CACF,EAEA,IAAOL,EAAQI,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,EAEaV,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAOS,EACP,SAAU,CAAE,MAAO,CAAC,CAAE,CACxB,CACF,CACF,EAEaR,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,MAAOO,EAAU,MAAM,EAAG,CAAC,EAC3B,SAAU,CAAE,MAAOC,CAAc,CACnC,CACF,CACF",
+  "names": ["MultiLayoutGraphicBlock_stories_exports", "__export", "Default", "ThirdWidth", "WithCarousel", "MultiLayoutGraphicBlock_stories_default", "__toCommonJS", "import_react", "import_MultiLayoutGraphicBlock", "meta", "MultiLayoutGraphicBlock", "baseItems", "carouselItems"]
+}

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

@@ -0,0 +1,30 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ data, className }: {
+        className?: string;
+        data: {
+            key?: string;
+            title?: string;
+            products: Array<{
+                title: string;
+                img: {
+                    url: string;
+                };
+                subTitle: string;
+                link?: string;
+            }>;
+            shape?: "round" | "square";
+            itemShape?: "round" | "square";
+            primaryButton?: string;
+        };
+    }) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Round: Story;

package/dist/cjs/stories/accordionCards.stories.js

@@ -0,0 +1,2 @@
+"use strict";var d=Object.create;var p=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var u=(e,o)=>{for(var t in o)p(e,t,{get:o[t],enumerable:!0})},a=(e,o,t,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of c(o))!g.call(e,s)&&s!==t&&p(e,s,{get:()=>o[s],enumerable:!(r=l(o,s))||r.enumerable});return e};var m=(e,o,t)=>(t=e!=null?d(f(e)):{},a(o||!e||!e.__esModule?p(t,"default",{value:e,enumerable:!0}):t,e)),h=e=>a(p({},"__esModule",{value:!0}),e);var A={};u(A,{Default:()=>_,Round:()=>C,default:()=>b});module.exports=h(A);var n=m(require("../biz-components/AccordionCards/index.js"));const y={title:"Biz-Components/AccordionCards",component:n.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var b=y;const i=[{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."}],_={args:{data:{products:i,primaryButton:"Learn More"}}},C={args:{data:{products:i,shape:"round",itemShape:"round",primaryButton:"Learn More"}}};
+//# sourceMappingURL=accordionCards.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/accordionCards.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport AccordionCards from '../biz-components/AccordionCards/index.js'\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    data: {\n      products: mock,\n      primaryButton: 'Learn More',\n    },\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      products: mock,\n      shape: 'round',\n      itemShape: 'round',\n      primaryButton: 'Learn More',\n    },\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAA2B,wDAE3B,MAAMC,EAAO,CACX,MAAO,gCACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,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,EAEaP,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,SAAUO,EACV,cAAe,YACjB,CACF,CACF,EAEaN,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,SAAUM,EACV,MAAO,QACP,UAAW,QACX,cAAe,YACjB,CACF,CACF",
+  "names": ["accordionCards_stories_exports", "__export", "Default", "Round", "accordionCards_stories_default", "__toCommonJS", "import_AccordionCards", "meta", "AccordionCards", "mock"]
+}

package/dist/cjs/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/cjs/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: {

package/dist/cjs/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"],
+  "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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,EAAA,yBAAAC,EAAA,eAAAC,EAAA,YAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GA8BE,IAAAQ,EAAA,6BA7BFC,EAAyB,4BACzBC,EAAoD,kCAEpD,MAAMC,EAAO,CACX,MAAO,oBACP,UAAW,SACX,KAAM,CAAC,UAAU,EACjB,cAAe,CAAE,0BAAa,+BAAe,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,IAAOL,EAAQK,EAER,MAAMN,EAAU,OACrB,QAAC,UACC,oBAAC,eAAY,IAAI,gCAAgC,IAAI,UAAU,KAC/D,OAAC,kBAAe,cAAE,GACpB,EAGWD,EAAa,OACxB,QAAC,OAAI,UAAU,0BACb,qBAAC,UACC,oBAAC,eAAY,IAAI,gCAAgC,IAAI,UAAU,KAC/D,OAAC,kBAAe,cAAE,GACpB,KACA,OAAC,UACC,mBAAC,kBACC,mBAAC,aAAS,EACZ,EACF,KACA,OAAC,UACC,mBAAC,kBAAe,aAAC,EACnB,GACF,EAGWD,EAAuB,OAClC,QAAC,OAAI,UAAU,0BACb,oBAAC,UAAO,KAAK,QAAQ,aAAY,GAAC,gBAElC,KACA,OAAC,UAAO,KAAK,QAAQ,aAAY,GAAC,wBAElC,KACA,OAAC,UAAO,KAAK,QAAQ,aAAY,GAAC,gCAElC,GACF,EAGWD,EAAa,OACxB,QAAC,OAAI,UAAU,0BACb,qBAAC,UACC,oBAAC,eAAY,IAAI,gCAAgC,IAAI,UAAU,KAC/D,OAAC,kBAAe,cAAE,GACpB,KACA,QAAC,UAAO,KAAK,SACX,oBAAC,eAAY,IAAI,gCAAgC,IAAI,UAAU,KAC/D,OAAC,kBAAe,cAAE,GACpB,KACA,QAAC,UAAO,KAAK,QACX,oBAAC,eAAY,IAAI,gCAAgC,IAAI,UAAU,KAC/D,OAAC,kBAAe,cAAE,GACpB,GACF",
   "names": ["avatar_stories_exports", "__export", "AvatarSize", "AvatarTextAdaptation", "AvatarType", "Default", "avatar_stories_default", "__toCommonJS", "import_jsx_runtime", "import_icons", "import_components", "meta"]
 }

package/dist/cjs/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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,aAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GA2CQ,IAAAM,EAAA,6BAzCRC,EAAsB,kCACtBC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,mBACP,UAAW,QACX,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,IAAOL,EAAQK,EAIR,MAAMP,EAAiB,CAC5B,KAAM,CACJ,SAAU,KACZ,CACF,EAEaC,EAAkB,CAC7B,QAAS,CACP,SACE,OAAC,OAAI,UAAU,0BACb,mBAAC,SAAM,eAAG,EACZ,CAEJ,CACF",
   "names": ["badge_stories_exports", "__export", "Default", "Examples", "badge_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "meta"]
 }

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

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

package/dist/cjs/stories/bizTabs.stories.js

@@ -0,0 +1,2 @@
+"use strict";var b=Object.create;var o=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var h=(t,e)=>{for(var a in e)o(t,a,{get:e[a],enumerable:!0})},p=(t,e,a,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of l(e))!f.call(t,s)&&s!==a&&o(t,s,{get:()=>e[s],enumerable:!(r=c(e,s))||r.enumerable});return t};var u=(t,e,a)=>(a=t!=null?b(y(t)):{},p(e||!t||!t.__esModule?o(a,"default",{value:t,enumerable:!0}):a,t)),T=t=>p(o({},"__esModule",{value:!0}),t);var D={};h(D,{Dark:()=>k,Default:()=>S,default:()=>g});module.exports=T(D);var m=u(require("../biz-components/Tabs/index.js"));const d={title:"Biz-Components/Tabs",component:m.default,tags:["autodocs"]};var g=d;const n={tabName:"\u7545\u9500\u5546\u54C1",tabContent:[{blockType:"ShelfDisplay",primaryButton:"Learn More",secondaryButton:"Shop Now",products:[{img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/B25M2111_Richimage_TD01_US_V11.png?v=1745726871",price:"\uFFE599",title:"\u5546\u54C11",basePrice:"\uFFE5199",subTitle:"\u526F\u6807\u98981",tagItems:["\u70ED\u5356"]}],itemShape:"square",theme:"dark"}]},i={tabName:"\u6298\u6263\u5546\u54C1",tabContent:[{blockType:"ShelfDisplay",primaryButton:"Learn More",secondaryButton:"Shop Now",products:[{img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/A2147113_TD01_V2_1.png?v=1745389222",price:"\uFFE5199",title:"\u5546\u54C11",basePrice:"\uFFE5199",subTitle:"\u526F\u6807\u98981",tagItems:["\u6298\u6263"]}],itemShape:"square",theme:"dark"}]},S={args:{data:{shape:"square",align:"left",tabs:[n,i]}}},k={args:{data:{theme:"dark",shape:"square",align:"center",tabs:[n,i]},className:"mx-auto"}};
+//# sourceMappingURL=bizTabs.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/bizTabs.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Tabs from '../biz-components/Tabs/index.js'\nimport type { TabsProps } from '../biz-components/Tabs/types'\n\nconst meta: Meta<typeof Tabs> = {\n  title: 'Biz-Components/Tabs',\n  component: Tabs,\n  tags: ['autodocs'],\n}\n\nexport default meta\n\ntype Story = StoryObj<typeof Tabs>\n\nconst shelfDisplayTab1 = {\n  tabName: '\u7545\u9500\u5546\u54C1',\n  tabContent: [\n    {\n      blockType: 'ShelfDisplay',\n      primaryButton: 'Learn More',\n      secondaryButton: 'Shop Now',\n      products: [\n        {\n          img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/B25M2111_Richimage_TD01_US_V11.png?v=1745726871',\n          price: '\uFFE599',\n          title: '\u5546\u54C11',\n          basePrice: '\uFFE5199',\n          subTitle: '\u526F\u6807\u98981',\n          tagItems: ['\u70ED\u5356'],\n        },\n      ],\n      itemShape: 'square',\n      theme: 'dark',\n    },\n  ],\n}\n\nconst shelfDisplayTab2 = {\n  tabName: '\u6298\u6263\u5546\u54C1',\n  tabContent: [\n    {\n      blockType: 'ShelfDisplay',\n      primaryButton: 'Learn More',\n      secondaryButton: 'Shop Now',\n      products: [\n        {\n          img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/A2147113_TD01_V2_1.png?v=1745389222',\n          price: '\uFFE5199',\n          title: '\u5546\u54C11',\n          basePrice: '\uFFE5199',\n          subTitle: '\u526F\u6807\u98981',\n          tagItems: ['\u6298\u6263'],\n        },\n      ],\n      itemShape: 'square',\n      theme: 'dark',\n    },\n  ],\n}\n\nexport const Default: Story = {\n  args: {\n    data: {\n      shape: 'square',\n      align: 'left',\n      tabs: [shelfDisplayTab1, shelfDisplayTab2],\n    },\n  } as unknown as TabsProps,\n}\n\nexport const Dark: Story = {\n  args: {\n    data: {\n      theme: 'dark',\n      shape: 'square',\n      align: 'center',\n      tabs: [shelfDisplayTab1, shelfDisplayTab2],\n    },\n    className: 'mx-auto',\n  } as unknown as TabsProps,\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,YAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAiB,8CAGjB,MAAMC,EAA0B,CAC9B,MAAO,sBACP,UAAW,EAAAC,QACX,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAIf,MAAME,EAAmB,CACvB,QAAS,2BACT,WAAY,CACV,CACE,UAAW,eACX,cAAe,aACf,gBAAiB,WACjB,SAAU,CACR,CACE,IAAK,yGACL,MAAO,WACP,MAAO,gBACP,UAAW,YACX,SAAU,sBACV,SAAU,CAAC,cAAI,CACjB,CACF,EACA,UAAW,SACX,MAAO,MACT,CACF,CACF,EAEMC,EAAmB,CACvB,QAAS,2BACT,WAAY,CACV,CACE,UAAW,eACX,cAAe,aACf,gBAAiB,WACjB,SAAU,CACR,CACE,IAAK,6FACL,MAAO,YACP,MAAO,gBACP,UAAW,YACX,SAAU,sBACV,SAAU,CAAC,cAAI,CACjB,CACF,EACA,UAAW,SACX,MAAO,MACT,CACF,CACF,EAEaP,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,SACP,MAAO,OACP,KAAM,CAACM,EAAkBC,CAAgB,CAC3C,CACF,CACF,EAEaR,EAAc,CACzB,KAAM,CACJ,KAAM,CACJ,MAAO,OACP,MAAO,SACP,MAAO,SACP,KAAM,CAACO,EAAkBC,CAAgB,CAC3C,EACA,UAAW,SACb,CACF",
+  "names": ["bizTabs_stories_exports", "__export", "Dark", "Default", "bizTabs_stories_default", "__toCommonJS", "import_Tabs", "meta", "Tabs", "shelfDisplayTab1", "shelfDisplayTab2"]
+}

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

@@ -2,7 +2,9 @@ import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
     component: {
-        (props: Omit<import("../biz-components/BrandEquity/BrandEquity.js").BrandEquityProps, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps>): import("react/jsx-runtime").JSX.Element;
+        (props: Omit<import("../biz-components/BrandEquity/BrandEquity.js").BrandEquityProps, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
+            className?: string;
+        }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     parameters: {

package/dist/cjs/stories/brandEquity.stories.js

@@ -1,2 +1,2 @@
-"use strict";var f=Object.create;var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var C=(e,t)=>{for(var s in t)c(e,s,{get:t[s],enumerable:!0})},n=(e,t,s,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of m(t))!h.call(e,i)&&i!==s&&c(e,i,{get:()=>t[i],enumerable:!(r=p(t,i))||r.enumerable});return e};var b=(e,t,s)=>(s=e!=null?f(y(e)):{},n(t||!e||!e.__esModule?c(s,"default",{value:e,enumerable:!0}):s,e)),u=e=>n(c({},"__esModule",{value:!0}),e);var N={};C(N,{CustomBackground:()=>H,Default:()=>v,default:()=>w});module.exports=u(N);var a=require("react/jsx-runtime"),d=b(require("../biz-components/BrandEquity/BrandEquity.js"));const o=e=>(0,a.jsx)("svg",{width:"30",height:"30",viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.4653 6.25C11.9801 4.79351 13.3691 3.75 15.0019 3.75C16.6347 3.75 18.0237 4.79351 18.5385 6.25H11.4653ZM8.75192 8.75V13.75C8.75192 14.4404 9.31156 15 10.0019 15C10.6923 15 11.2519 14.4404 11.2519 13.75V8.75H18.7519V13.75C18.7519 14.4404 19.3116 15 20.0019 15C20.6923 15 21.2519 14.4404 21.2519 13.75V8.75H23.8452C24.5037 8.75 25.0493 9.26086 25.0925 9.91794L26.0793 24.9179C26.1268 25.639 25.5547 26.25 24.832 26.25H5.1718C4.44915 26.25 3.87705 25.639 3.92449 24.9179L4.91133 9.91794C4.95456 9.26086 5.50014 8.75 6.15864 8.75H8.75192ZM8.87694 6.25C9.45603 3.3972 11.9782 1.25 15.0019 1.25C18.0256 1.25 20.5478 3.3972 21.1269 6.25H23.8452C25.8207 6.25 27.4574 7.78258 27.5871 9.75382L28.5739 24.7538C28.7163 26.9171 27 28.75 24.832 28.75H5.1718C3.00385 28.75 1.28756 26.9171 1.42989 24.7538L2.41673 9.75382C2.54641 7.78259 4.18314 6.25 6.15864 6.25H8.87694ZM12.5019 16.25C12.5019 15.5596 13.0616 15 13.7519 15H16.2519C16.9423 15 17.5019 15.5596 17.5019 16.25C17.5019 16.9404 16.9423 17.5 16.2519 17.5H13.7519C13.0616 17.5 12.5019 16.9404 12.5019 16.25Z",fill:"#1D1D1F"})}),g={title:"Biz-Components/BrandEquity",component:d.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var w=g;const l=[{icon:(0,a.jsx)(o,{className:"w-6 h-6"}),title:"Hassle-Free Warranty",description:"Comprehensive warranty protection on all purchases."},{icon:(0,a.jsx)(o,{className:"w-6 h-6"}),title:"Our Happy Customers",description:"Join millions of satisfied Anker users worldwide."},{icon:(0,a.jsx)(o,{className:"w-6 h-6"}),title:"Anker credits rewards",description:"Buy more, save more, and earn more."},{icon:(0,a.jsx)(o,{className:"w-6 h-6"}),title:"Pay with Ease",description:"Pay immediately or in installments with Affirm."},{icon:(0,a.jsx)(o,{className:"w-6 h-6"}),title:"30-day money-back guarantee",description:"Return within 30 days for a full refund."},{avatarList:["https://cdn.shopify.com/s/files/1/0521/9411/5753/files/25954496272e3aad27d750494d4748ca_c591cb1a-5f47-42d9-b356-0acd9e87fed0.png?v=1744612103","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ee5edd6de20a7af2f30f2fa976d779c9_6ddc29a7-c287-4afc-909c-383fe1f1a74b.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b0b7c87fb0819b6cd109bf4b0d865006_e0f7c15a-7d1a-45e7-aee3-783e681a3864.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"],title:"We are Here to Help",description:"Contact our expert team via email or live chat for assistance."}],v={args:{items:l,className:"bg-[#eeeeee] p-4"}},H={args:{items:l,className:"bg-gray-900 p-4",itemShape:"round"}};
+"use strict";var f=Object.create;var i=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var p=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var m=(e,t)=>{for(var a in t)i(e,a,{get:t[a],enumerable:!0})},c=(e,t,a,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of l(t))!b.call(e,s)&&s!==a&&i(e,s,{get:()=>t[s],enumerable:!(r=d(t,s))||r.enumerable});return e};var y=(e,t,a)=>(a=e!=null?f(p(e)):{},c(t||!e||!e.__esModule?i(a,"default",{value:e,enumerable:!0}):a,e)),u=e=>c(i({},"__esModule",{value:!0}),e);var w={};m(w,{CustomBackground:()=>B,Default:()=>g,default:()=>v});module.exports=u(w);var n=y(require("../biz-components/BrandEquity/BrandEquity.js"));const h={title:"Biz-Components/BrandEquity",component:n.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var v=h;const o=[{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Hassle-Free Warranty"},title:"Hassle-Free Warranty",description:"Comprehensive warranty protection on all purchases."},{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Our Happy Customers"},title:"Our Happy Customers",description:"Join millions of satisfied Anker users worldwide."},{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Anker credits rewards"},title:"Anker credits rewards",description:"Buy more, save more, and earn more."},{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Pay with Ease"},title:"Pay with Ease",description:"Pay immediately or in installments with Affirm."},{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"30-day money-back guarantee"},title:"30-day money-back guarantee",description:"Return within 30 days for a full refund."},{avatarList:[{avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/25954496272e3aad27d750494d4748ca_c591cb1a-5f47-42d9-b356-0acd9e87fed0.png?v=1744612103"}},{avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ee5edd6de20a7af2f30f2fa976d779c9_6ddc29a7-c287-4afc-909c-383fe1f1a74b.png?v=1744612102"}},{avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b0b7c87fb0819b6cd109bf4b0d865006_e0f7c15a-7d1a-45e7-aee3-783e681a3864.png?v=1744612102"}},{avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"}}],type:"avatar",title:"We are Here to Help",description:"Contact our expert team via email or live chat for assistance."}],g={args:{data:{items:o},className:"bg-[#eeeeee] p-4"}},B={args:{data:{items:o},className:"bg-gray-900 p-4",itemShape:"round"}};
 //# sourceMappingURL=brandEquity.stories.js.map