npm - @anker-in/headless-ui - Versions diffs - 0.0.27-alpha.26 → 0.0.27-alpha.28 - Mend

@anker-in/headless-ui 0.0.27-alpha.26 → 0.0.27-alpha.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (151) hide show

package/dist/esm/components/button.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";import{Fragment as V,jsx as e,jsxs as k}from"react/jsx-runtime";import*as y from"react";import{Slot as m}from"@radix-ui/react-slot";import{VisuallyHidden as u}from"@radix-ui/react-visually-hidden";import{cva as i}from"class-variance-authority";import v from"../icons/spinner.js";import{cn as g}from"../helpers/index.js";const x=i("ring-offset-background focus-visible:ring-ring rounded-btn inline-flex items-center justify-center border-[1.6px] border-solid text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none",{variants:{variant:{primary:"bg-btn-primary text-btn-primary-foreground hover:bg-btn-primary-active border-info-primary hover:border-btn-primary-active hover:text-btn-primary-active-foreground",secondary:"bg-btn-secondary border-info-primary text-btn-secondary-foreground hover:bg-btn-secondary-active hover:text-btn-secondary border border-solid",link:"text-info-primary hover:text-btn-primary-active border-none underline-offset-4 hover:underline",ghost:"text-info-primary hover:bg-btn-primary hover:text-btn-primary-foreground"},size:{sm:"px-3 py-2 text-[12px]  leading-tight",base:"px-5 pb-[10px] pt-[11px] text-[14px] leading-tight",lg:"px-7 pb-[14px] pt-[15px] text-[16px]  leading-tight",icon:"size-10 rounded-full  leading-tight"},hoverEffect:{none:"",slide:""},state:{default:"",disabled:"",loading:""}},compoundVariants:[{variant:"primary",hoverEffect:"slide",class:'before:rounded-btn hover:!bg-btn-primary before:bg-btn-primary-active relative z-[1] overflow-hidden before:absolute before:inset-y-0 before:-z-[1] before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[""] hover:before:translate-x-0'},{variant:"secondary",hoverEffect:"slide",class:'before:rounded-btn hover:!bg-btn-secondary before:bg-btn-secondary-active relative z-[1] overflow-hidden before:absolute before:inset-y-0 before:-z-[1]  before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[""] hover:before:translate-x-0'},{variant:"primary",state:"loading",class:"bg-btn-primary-active disabled:border-btn-primary-disabled-border"},{variant:"secondary",state:"loading",class:"bg-btn-secondary disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground disabled:border-btn-primary-disabled"},{variant:"primary",state:"disabled",class:"disabled:bg-btn-primary-disabled disabled:text-btn-primary-disabled-foreground disabled:border-btn-primary-disabled"},{variant:"secondary",state:"disabled",class:"disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground disabled:border-btn-secondary-disabled-border"},{variant:"link",state:"disabled",class:"disabled:text-info-quaternary"}],defaultVariants:{variant:"primary",size:"base",hoverEffect:"none",state:"default"}}),h=i("",{variants:{variant:{primary:"stroke-btn-primary-foreground",secondary:"stroke-btn-secondary-foreground",link:"stroke-primary",ghost:"stroke-primary"}},defaultVariants:{variant:"primary"}}),s=y.forwardRef(({asChild:d=!1,size:b="base",children:r,variant:a,hoverEffect:l="none",className:f,disabled:o=!1,loading:t=!1,spinner:n,...p},c)=>e(d?m:"button",{disabled:o||t,className:g(x({variant:a,size:b,hoverEffect:l,state:t?"loading":o?"disabled":"default"}),f),ref:c,...p,children:t?k(V,{children:[e("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":!0,children:r}),e("span",{className:"absolute",children:n||e(v,{className:h({variant:a})})}),e(u,{children:r})]}):r}));s.displayName="Button";var C=s;export{C as default};
+"use client";import{Fragment as V,jsx as e,jsxs as k}from"react/jsx-runtime";import*as y from"react";import{Slot as u}from"@radix-ui/react-slot";import{VisuallyHidden as m}from"@radix-ui/react-visually-hidden";import{cva as i}from"class-variance-authority";import v from"../icons/spinner.js";import{cn as g}from"../helpers/index.js";const x=i("ring-offset-background focus-visible:ring-ring rounded-btn inline-flex items-center justify-center border-[1.6px] border-solid text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none",{variants:{variant:{primary:"bg-btn-primary text-btn-primary-foreground hover:bg-btn-primary-active border-info-primary hover:border-btn-primary-active hover:text-btn-primary-active-foreground",secondary:"bg-btn-secondary border-info-primary text-btn-secondary-foreground hover:bg-btn-secondary-active hover:text-btn-secondary-active-foreground border border-solid",link:"text-info-primary hover:text-btn-primary-active border-none underline-offset-4 hover:underline",ghost:"text-info-primary hover:bg-btn-primary hover:text-btn-primary-foreground"},size:{sm:"px-3 py-2 text-[12px]  leading-tight",base:"px-5 pb-[10px] pt-[11px] text-[14px] leading-tight",lg:"px-7 pb-[14px] pt-[15px] text-[16px]  leading-tight",icon:"size-10 rounded-full  leading-tight"},hoverEffect:{none:"",slide:""},state:{default:"",disabled:"",loading:""}},compoundVariants:[{variant:"primary",hoverEffect:"slide",class:'before:rounded-btn hover:!bg-btn-primary before:bg-btn-primary-active relative z-[1] overflow-hidden before:absolute before:inset-y-0 before:-z-[1] before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[""] hover:before:translate-x-0'},{variant:"secondary",hoverEffect:"slide",class:'before:rounded-btn hover:!bg-btn-secondary before:bg-btn-secondary-active relative z-[1] overflow-hidden before:absolute before:inset-y-0 before:-z-[1]  before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[""] hover:before:translate-x-0'},{variant:"primary",state:"loading",class:"bg-btn-primary-active disabled:border-btn-primary-disabled-border"},{variant:"secondary",state:"loading",class:"bg-btn-secondary disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground disabled:border-btn-primary-disabled"},{variant:"primary",state:"disabled",class:"disabled:bg-btn-primary-disabled disabled:text-btn-primary-disabled-foreground disabled:border-btn-primary-disabled"},{variant:"secondary",state:"disabled",class:"disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground disabled:border-btn-secondary-disabled-border"},{variant:"link",state:"disabled",class:"disabled:text-info-quaternary"}],defaultVariants:{variant:"primary",size:"base",hoverEffect:"none",state:"default"}}),h=i("",{variants:{variant:{primary:"stroke-btn-primary-foreground",secondary:"stroke-btn-secondary-foreground",link:"stroke-primary",ghost:"stroke-primary"}},defaultVariants:{variant:"primary"}}),s=y.forwardRef(({asChild:d=!1,size:b="base",children:r,variant:a,hoverEffect:l="none",className:f,disabled:o=!1,loading:t=!1,spinner:n,...p},c)=>e(d?u:"button",{disabled:o||t,className:g(x({variant:a,size:b,hoverEffect:l,state:t?"loading":o?"disabled":"default"}),f),ref:c,...p,children:t?k(V,{children:[e("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":!0,children:r}),e("span",{className:"absolute",children:n||e(v,{className:h({variant:a})})}),e(m,{children:r})]}):r}));s.displayName="Button";var C=s;export{C as default};
 //# sourceMappingURL=button.js.map

package/dist/esm/components/button.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/button.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport Spinner from '../icons/spinner.js'\nimport { cn } from '../helpers/index.js'\n\n/**\n * Button Variants\n */\n// eslint-disable-next-line tailwindcss/enforces-negative-arbitrary-values\nconst buttonVariants = cva(\n  'ring-offset-background focus-visible:ring-ring rounded-btn inline-flex items-center justify-center border-[1.6px] border-solid text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none',\n  {\n    variants: {\n      variant: {\n        primary:\n          'bg-btn-primary text-btn-primary-foreground hover:bg-btn-primary-active border-info-primary hover:border-btn-primary-active hover:text-btn-primary-active-foreground',\n        secondary:\n          'bg-btn-secondary border-info-primary text-btn-secondary-foreground hover:bg-btn-secondary-active hover:text-btn-secondary border border-solid',\n        link: 'text-info-primary hover:text-btn-primary-active border-none underline-offset-4 hover:underline',\n        ghost: 'text-info-primary hover:bg-btn-primary hover:text-btn-primary-foreground',\n      },\n      size: {\n        sm: 'px-3 py-2 text-[12px]  leading-tight',\n        base: 'px-5 pb-[10px] pt-[11px] text-[14px] leading-tight',\n        lg: 'px-7 pb-[14px] pt-[15px] text-[16px]  leading-tight',\n        icon: 'size-10 rounded-full  leading-tight',\n      },\n      /** hover \u72B6\u6001\u4E0B\u7684\u52A8\u753B\u6548\u679C,\u9700\u8981\u6CE8\u610F\u4E0D\u540Cvariant \u4E0B\u7684\u6548\u679C */\n      hoverEffect: {\n        none: '',\n        slide: '',\n      },\n      state: {\n        default: '',\n        disabled: '',\n        loading: '',\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'primary',\n        hoverEffect: 'slide',\n        class:\n          'before:rounded-btn hover:!bg-btn-primary before:bg-btn-primary-active relative z-[1] overflow-hidden before:absolute before:inset-y-0 before:-z-[1] before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[\"\"] hover:before:translate-x-0',\n      },\n      {\n        variant: 'secondary',\n        hoverEffect: 'slide',\n        class:\n          'before:rounded-btn hover:!bg-btn-secondary before:bg-btn-secondary-active relative z-[1] overflow-hidden before:absolute before:inset-y-0 before:-z-[1]  before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[\"\"] hover:before:translate-x-0',\n      },\n      {\n        variant: 'primary',\n        state: 'loading',\n        class: 'bg-btn-primary-active disabled:border-btn-primary-disabled-border',\n      },\n      {\n        variant: 'secondary',\n        state: 'loading',\n        class:\n          'bg-btn-secondary disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground disabled:border-btn-primary-disabled',\n      },\n      {\n        variant: 'primary',\n        state: 'disabled',\n        class:\n          'disabled:bg-btn-primary-disabled disabled:text-btn-primary-disabled-foreground disabled:border-btn-primary-disabled',\n      },\n      {\n        variant: 'secondary',\n        state: 'disabled',\n        class:\n          'disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground disabled:border-btn-secondary-disabled-border',\n      },\n      {\n        variant: 'link',\n        state: 'disabled',\n        class: 'disabled:text-info-quaternary',\n      },\n    ],\n    defaultVariants: {\n      variant: 'primary',\n      size: 'base',\n      hoverEffect: 'none',\n      state: 'default',\n    },\n  }\n)\n\nconst loadingSvgVariants = cva('', {\n  variants: {\n    variant: {\n      primary: 'stroke-btn-primary-foreground',\n      secondary: 'stroke-btn-secondary-foreground',\n      link: 'stroke-primary',\n      ghost: 'stroke-primary',\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n  },\n})\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  /** \u8BBE\u7F6E\u6309\u94AE\u8F7D\u5165\u72B6\u6001  */\n  loading?: boolean\n  /** \u8BBE\u7F6E\u6309\u94AE\u5931\u6548\u72B6\u6001  */\n  disabled?: boolean\n  /** \u5B9A\u4E49\u81EA\u7EC4\u4EF6\u4F5C\u4E3A\u7236\u7EC4\u4EF6\u7684\u7C7B\u578B\uFF0C \u8BE6\u7EC6\u4F7F\u7528\u65B9\u5F0F\u8BF7\u53C2\u8003radix-ui */\n  asChild?: boolean\n  /** \u81EA\u5B9A\u4E49loading  */\n  spinner?: React.ReactNode\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      asChild = false,\n      size = 'base',\n      children,\n      variant,\n      hoverEffect = 'none',\n      className,\n      disabled = false,\n      loading = false,\n      spinner,\n      ...props\n    }: ButtonProps,\n    ref\n  ) => {\n    const Comp = asChild ? Slot : 'button'\n    const isInactive = disabled || loading\n    const state = loading ? 'loading' : disabled ? 'disabled' : 'default'\n\n    return (\n      <Comp\n        disabled={isInactive}\n        className={cn(buttonVariants({ variant, size, hoverEffect, state }), className)}\n        ref={ref}\n        {...props}\n      >\n        {loading ? (\n          <>\n            <span style={{ display: 'contents', visibility: 'hidden' }} aria-hidden>\n              {children}\n            </span>\n            <span className=\"absolute\">\n              {spinner ? (\n                spinner\n              ) : (\n                <Spinner\n                  className={loadingSvgVariants({\n                    variant,\n                  })}\n                />\n              )}\n            </span>\n            <VisuallyHidden>{children}</VisuallyHidden>\n          </>\n        ) : (\n          children\n        )}\n      </Comp>\n    )\n  }\n)\n\nButton.displayName = 'Button'\nexport default Button\n"],
-  "mappings": "aAoJU,mBAAAA,EACE,OAAAC,EADF,QAAAC,MAAA,oBAlJV,UAAYC,MAAW,QACvB,OAAS,QAAAC,MAAY,uBACrB,OAAS,kBAAAC,MAAsB,kCAC/B,OAA4B,OAAAC,MAAW,2BACvC,OAAOC,MAAa,sBACpB,OAAS,MAAAC,MAAU,sBAMnB,MAAMC,EAAiBH,EACrB,gRACA,CACE,SAAU,CACR,QAAS,CACP,QACE,sKACF,UACE,gJACF,KAAM,iGACN,MAAO,0EACT,EACA,KAAM,CACJ,GAAI,uCACJ,KAAM,qDACN,GAAI,sDACJ,KAAM,qCACR,EAEA,YAAa,CACX,KAAM,GACN,MAAO,EACT,EACA,MAAO,CACL,QAAS,GACT,SAAU,GACV,QAAS,EACX,CACF,EACA,iBAAkB,CAChB,CACE,QAAS,UACT,YAAa,QACb,MACE,8SACJ,EACA,CACE,QAAS,YACT,YAAa,QACb,MACE,mTACJ,EACA,CACE,QAAS,UACT,MAAO,UACP,MAAO,mEACT,EACA,CACE,QAAS,YACT,MAAO,UACP,MACE,0IACJ,EACA,CACE,QAAS,UACT,MAAO,WACP,MACE,qHACJ,EACA,CACE,QAAS,YACT,MAAO,WACP,MACE,kIACJ,EACA,CACE,QAAS,OACT,MAAO,WACP,MAAO,+BACT,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,OACN,YAAa,OACb,MAAO,SACT,CACF,CACF,EAEMI,EAAqBJ,EAAI,GAAI,CACjC,SAAU,CACR,QAAS,CACP,QAAS,gCACT,UAAW,kCACX,KAAM,iBACN,MAAO,gBACT,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CAAC,EAeKK,EAASR,EAAM,WACnB,CACE,CACE,QAAAS,EAAU,GACV,KAAAC,EAAO,OACP,SAAAC,EACA,QAAAC,EACA,YAAAC,EAAc,OACd,UAAAC,EACA,SAAAC,EAAW,GACX,QAAAC,EAAU,GACV,QAAAC,EACA,GAAGC,CACL,EACAC,IAOErB,EALWW,EAAUR,EAAO,SAK3B,CACC,SALec,GAAYC,EAM3B,UAAWX,EAAGC,EAAe,CAAE,QAAAM,EAAS,KAAAF,EAAM,YAAAG,EAAa,MALjDG,EAAU,UAAYD,EAAW,WAAa,SAKS,CAAC,EAAGD,CAAS,EAC9E,IAAKK,EACJ,GAAGD,EAEH,SAAAF,EACCjB,EAAAF,EAAA,CACE,UAAAC,EAAC,QAAK,MAAO,CAAE,QAAS,WAAY,WAAY,QAAS,EAAG,cAAW,GACpE,SAAAa,EACH,EACAb,EAAC,QAAK,UAAU,WACb,SAAAmB,GAGCnB,EAACM,EAAA,CACC,UAAWG,EAAmB,CAC5B,QAAAK,CACF,CAAC,EACH,EAEJ,EACAd,EAACI,EAAA,CAAgB,SAAAS,EAAS,GAC5B,EAEAA,EAEJ,CAGN,EAEAH,EAAO,YAAc,SACrB,IAAOY,EAAQZ",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport Spinner from '../icons/spinner.js'\nimport { cn } from '../helpers/index.js'\n\n/**\n * Button Variants\n */\n// eslint-disable-next-line tailwindcss/enforces-negative-arbitrary-values\nconst buttonVariants = cva(\n  'ring-offset-background focus-visible:ring-ring rounded-btn inline-flex items-center justify-center border-[1.6px] border-solid text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none',\n  {\n    variants: {\n      variant: {\n        primary:\n          'bg-btn-primary text-btn-primary-foreground hover:bg-btn-primary-active border-info-primary hover:border-btn-primary-active hover:text-btn-primary-active-foreground',\n        secondary:\n          'bg-btn-secondary border-info-primary text-btn-secondary-foreground hover:bg-btn-secondary-active hover:text-btn-secondary-active-foreground border border-solid',\n        link: 'text-info-primary hover:text-btn-primary-active border-none underline-offset-4 hover:underline',\n        ghost: 'text-info-primary hover:bg-btn-primary hover:text-btn-primary-foreground',\n      },\n      size: {\n        sm: 'px-3 py-2 text-[12px]  leading-tight',\n        base: 'px-5 pb-[10px] pt-[11px] text-[14px] leading-tight',\n        lg: 'px-7 pb-[14px] pt-[15px] text-[16px]  leading-tight',\n        icon: 'size-10 rounded-full  leading-tight',\n      },\n      /** hover \u72B6\u6001\u4E0B\u7684\u52A8\u753B\u6548\u679C,\u9700\u8981\u6CE8\u610F\u4E0D\u540Cvariant \u4E0B\u7684\u6548\u679C */\n      hoverEffect: {\n        none: '',\n        slide: '',\n      },\n      state: {\n        default: '',\n        disabled: '',\n        loading: '',\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'primary',\n        hoverEffect: 'slide',\n        class:\n          'before:rounded-btn hover:!bg-btn-primary before:bg-btn-primary-active relative z-[1] overflow-hidden before:absolute before:inset-y-0 before:-z-[1] before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[\"\"] hover:before:translate-x-0',\n      },\n      {\n        variant: 'secondary',\n        hoverEffect: 'slide',\n        class:\n          'before:rounded-btn hover:!bg-btn-secondary before:bg-btn-secondary-active relative z-[1] overflow-hidden before:absolute before:inset-y-0 before:-z-[1]  before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[\"\"] hover:before:translate-x-0',\n      },\n      {\n        variant: 'primary',\n        state: 'loading',\n        class: 'bg-btn-primary-active disabled:border-btn-primary-disabled-border',\n      },\n      {\n        variant: 'secondary',\n        state: 'loading',\n        class:\n          'bg-btn-secondary disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground disabled:border-btn-primary-disabled',\n      },\n      {\n        variant: 'primary',\n        state: 'disabled',\n        class:\n          'disabled:bg-btn-primary-disabled disabled:text-btn-primary-disabled-foreground disabled:border-btn-primary-disabled',\n      },\n      {\n        variant: 'secondary',\n        state: 'disabled',\n        class:\n          'disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground disabled:border-btn-secondary-disabled-border',\n      },\n      {\n        variant: 'link',\n        state: 'disabled',\n        class: 'disabled:text-info-quaternary',\n      },\n    ],\n    defaultVariants: {\n      variant: 'primary',\n      size: 'base',\n      hoverEffect: 'none',\n      state: 'default',\n    },\n  }\n)\n\nconst loadingSvgVariants = cva('', {\n  variants: {\n    variant: {\n      primary: 'stroke-btn-primary-foreground',\n      secondary: 'stroke-btn-secondary-foreground',\n      link: 'stroke-primary',\n      ghost: 'stroke-primary',\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n  },\n})\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  /** \u8BBE\u7F6E\u6309\u94AE\u8F7D\u5165\u72B6\u6001  */\n  loading?: boolean\n  /** \u8BBE\u7F6E\u6309\u94AE\u5931\u6548\u72B6\u6001  */\n  disabled?: boolean\n  /** \u5B9A\u4E49\u81EA\u7EC4\u4EF6\u4F5C\u4E3A\u7236\u7EC4\u4EF6\u7684\u7C7B\u578B\uFF0C \u8BE6\u7EC6\u4F7F\u7528\u65B9\u5F0F\u8BF7\u53C2\u8003radix-ui */\n  asChild?: boolean\n  /** \u81EA\u5B9A\u4E49loading  */\n  spinner?: React.ReactNode\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      asChild = false,\n      size = 'base',\n      children,\n      variant,\n      hoverEffect = 'none',\n      className,\n      disabled = false,\n      loading = false,\n      spinner,\n      ...props\n    }: ButtonProps,\n    ref\n  ) => {\n    const Comp = asChild ? Slot : 'button'\n    const isInactive = disabled || loading\n    const state = loading ? 'loading' : disabled ? 'disabled' : 'default'\n\n    return (\n      <Comp\n        disabled={isInactive}\n        className={cn(buttonVariants({ variant, size, hoverEffect, state }), className)}\n        ref={ref}\n        {...props}\n      >\n        {loading ? (\n          <>\n            <span style={{ display: 'contents', visibility: 'hidden' }} aria-hidden>\n              {children}\n            </span>\n            <span className=\"absolute\">\n              {spinner ? (\n                spinner\n              ) : (\n                <Spinner\n                  className={loadingSvgVariants({\n                    variant,\n                  })}\n                />\n              )}\n            </span>\n            <VisuallyHidden>{children}</VisuallyHidden>\n          </>\n        ) : (\n          children\n        )}\n      </Comp>\n    )\n  }\n)\n\nButton.displayName = 'Button'\nexport default Button\n"],
+  "mappings": "aAoJU,mBAAAA,EACE,OAAAC,EADF,QAAAC,MAAA,oBAlJV,UAAYC,MAAW,QACvB,OAAS,QAAAC,MAAY,uBACrB,OAAS,kBAAAC,MAAsB,kCAC/B,OAA4B,OAAAC,MAAW,2BACvC,OAAOC,MAAa,sBACpB,OAAS,MAAAC,MAAU,sBAMnB,MAAMC,EAAiBH,EACrB,gRACA,CACE,SAAU,CACR,QAAS,CACP,QACE,sKACF,UACE,kKACF,KAAM,iGACN,MAAO,0EACT,EACA,KAAM,CACJ,GAAI,uCACJ,KAAM,qDACN,GAAI,sDACJ,KAAM,qCACR,EAEA,YAAa,CACX,KAAM,GACN,MAAO,EACT,EACA,MAAO,CACL,QAAS,GACT,SAAU,GACV,QAAS,EACX,CACF,EACA,iBAAkB,CAChB,CACE,QAAS,UACT,YAAa,QACb,MACE,8SACJ,EACA,CACE,QAAS,YACT,YAAa,QACb,MACE,mTACJ,EACA,CACE,QAAS,UACT,MAAO,UACP,MAAO,mEACT,EACA,CACE,QAAS,YACT,MAAO,UACP,MACE,0IACJ,EACA,CACE,QAAS,UACT,MAAO,WACP,MACE,qHACJ,EACA,CACE,QAAS,YACT,MAAO,WACP,MACE,kIACJ,EACA,CACE,QAAS,OACT,MAAO,WACP,MAAO,+BACT,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,OACN,YAAa,OACb,MAAO,SACT,CACF,CACF,EAEMI,EAAqBJ,EAAI,GAAI,CACjC,SAAU,CACR,QAAS,CACP,QAAS,gCACT,UAAW,kCACX,KAAM,iBACN,MAAO,gBACT,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CAAC,EAeKK,EAASR,EAAM,WACnB,CACE,CACE,QAAAS,EAAU,GACV,KAAAC,EAAO,OACP,SAAAC,EACA,QAAAC,EACA,YAAAC,EAAc,OACd,UAAAC,EACA,SAAAC,EAAW,GACX,QAAAC,EAAU,GACV,QAAAC,EACA,GAAGC,CACL,EACAC,IAOErB,EALWW,EAAUR,EAAO,SAK3B,CACC,SALec,GAAYC,EAM3B,UAAWX,EAAGC,EAAe,CAAE,QAAAM,EAAS,KAAAF,EAAM,YAAAG,EAAa,MALjDG,EAAU,UAAYD,EAAW,WAAa,SAKS,CAAC,EAAGD,CAAS,EAC9E,IAAKK,EACJ,GAAGD,EAEH,SAAAF,EACCjB,EAAAF,EAAA,CACE,UAAAC,EAAC,QAAK,MAAO,CAAE,QAAS,WAAY,WAAY,QAAS,EAAG,cAAW,GACpE,SAAAa,EACH,EACAb,EAAC,QAAK,UAAU,WACb,SAAAmB,GAGCnB,EAACM,EAAA,CACC,UAAWG,EAAmB,CAC5B,QAAAK,CACF,CAAC,EACH,EAEJ,EACAd,EAACI,EAAA,CAAgB,SAAAS,EAAS,GAC5B,EAEAA,EAEJ,CAGN,EAEAH,EAAO,YAAc,SACrB,IAAOY,EAAQZ",
   "names": ["Fragment", "jsx", "jsxs", "React", "Slot", "VisuallyHidden", "cva", "Spinner", "cn", "buttonVariants", "loadingSvgVariants", "Button", "asChild", "size", "children", "variant", "hoverEffect", "className", "disabled", "loading", "spinner", "props", "ref", "button_default"]
 }

package/dist/esm/components/container.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";import{jsx as l}from"react/jsx-runtime";import m from"react";import{cn as s}from"../helpers/utils.js";import{Slot as i}from"@radix-ui/react-slot";const e=m.forwardRef(({...o},t)=>{const{asChild:a,children:p,className:n,...r}=o;return l(a?i:"div",{...r,ref:t,className:s("tablet:px-8 laptop:px-16 desktop:px-16 lg-desktop:px-auto mx-auto box-border max-w-[1664px]","tablet:my-20 laptop:my-24 desktop:my-28 lg-desktop:my-32 my-16",n),children:p})});e.displayName="Container";export{e as Container};
+"use client";import{jsx as i}from"react/jsx-runtime";import m from"react";import{cn as l}from"../helpers/utils.js";import{Slot as s}from"@radix-ui/react-slot";const e=m.forwardRef(({...o},t)=>{const{asChild:p,children:a,className:n,...r}=o;return i(p?s:"div",{...r,ref:t,className:l("mx-auto box-border w-full max-w-[1664px]","tablet:px-8 laptop:px-16 desktop:px-16 lg-desktop:px-32 px-8 ","tablet:my-20 laptop:my-24 desktop:my-28 lg-desktop:my-32 my-16",n),children:a})});e.displayName="Container";export{e as Container};
 //# sourceMappingURL=container.js.map

package/dist/esm/components/container.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/container.tsx"],
-  "sourcesContent": ["'use client'\nimport React from 'react'\nimport { cn } from '../helpers/utils.js'\nimport { Slot } from '@radix-ui/react-slot'\n\ntype ContainerElement = React.ElementRef<'div'>\ntype ContainerProps = {\n  asChild?: boolean\n  children?: React.ReactNode\n  className?: string\n} & React.ComponentPropsWithoutRef<'div'>\nconst Container = React.forwardRef<ContainerElement, ContainerProps>(({ ...props }, forwardedRef) => {\n  const { asChild, children, className, ...containerProps } = props\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      {...containerProps}\n      ref={forwardedRef}\n      className={cn(\n        'tablet:px-8 laptop:px-16 desktop:px-16 lg-desktop:px-auto mx-auto box-border max-w-[1664px]',\n        'tablet:my-20 laptop:my-24 desktop:my-28 lg-desktop:my-32 my-16',\n        className\n      )}\n    >\n      {children}\n    </Comp>\n  )\n})\nContainer.displayName = 'Container'\n\nexport { Container }\nexport type { ContainerProps }\n"],
-  "mappings": "aAgBI,cAAAA,MAAA,oBAfJ,OAAOC,MAAW,QAClB,OAAS,MAAAC,MAAU,sBACnB,OAAS,QAAAC,MAAY,uBAQrB,MAAMC,EAAYH,EAAM,WAA6C,CAAC,CAAE,GAAGI,CAAM,EAAGC,IAAiB,CACnG,KAAM,CAAE,QAAAC,EAAS,SAAAC,EAAU,UAAAC,EAAW,GAAGC,CAAe,EAAIL,EAG5D,OACEL,EAHWO,EAAUJ,EAAO,MAG3B,CACE,GAAGO,EACJ,IAAKJ,EACL,UAAWJ,EACT,8FACA,iEACAO,CACF,EAEC,SAAAD,EACH,CAEJ,CAAC,EACDJ,EAAU,YAAc",
+  "sourcesContent": ["'use client'\nimport React from 'react'\nimport { cn } from '../helpers/utils.js'\nimport { Slot } from '@radix-ui/react-slot'\n\ntype ContainerElement = React.ElementRef<'div'>\ntype ContainerProps = {\n  asChild?: boolean\n  children?: React.ReactNode\n  className?: string\n} & React.ComponentPropsWithoutRef<'div'>\nconst Container = React.forwardRef<ContainerElement, ContainerProps>(({ ...props }, forwardedRef) => {\n  const { asChild, children, className, ...containerProps } = props\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      {...containerProps}\n      ref={forwardedRef}\n      className={cn(\n        'mx-auto box-border w-full max-w-[1664px]',\n        'tablet:px-8 laptop:px-16 desktop:px-16 lg-desktop:px-32 px-8 ',\n        'tablet:my-20 laptop:my-24 desktop:my-28 lg-desktop:my-32 my-16',\n        className\n      )}\n    >\n      {children}\n    </Comp>\n  )\n})\nContainer.displayName = 'Container'\n\nexport { Container }\nexport type { ContainerProps }\n"],
+  "mappings": "aAgBI,cAAAA,MAAA,oBAfJ,OAAOC,MAAW,QAClB,OAAS,MAAAC,MAAU,sBACnB,OAAS,QAAAC,MAAY,uBAQrB,MAAMC,EAAYH,EAAM,WAA6C,CAAC,CAAE,GAAGI,CAAM,EAAGC,IAAiB,CACnG,KAAM,CAAE,QAAAC,EAAS,SAAAC,EAAU,UAAAC,EAAW,GAAGC,CAAe,EAAIL,EAG5D,OACEL,EAHWO,EAAUJ,EAAO,MAG3B,CACE,GAAGO,EACJ,IAAKJ,EACL,UAAWJ,EACT,2CACA,gEACA,iEACAO,CACF,EAEC,SAAAD,EACH,CAEJ,CAAC,EACDJ,EAAU,YAAc",
   "names": ["jsx", "React", "cn", "Slot", "Container", "props", "forwardedRef", "asChild", "children", "className", "containerProps"]
 }

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

@@ -1,16 +1,19 @@
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ products, className, shape, itemShape, event, primaryButton, }: {
-        products: Array<{
-            title: string;
-            img: string;
-            subTitle: string;
-        }>;
+    component: ({ data, className, event }: {
         className?: string;
-        shape?: "round" | "square";
-        itemShape?: "round" | "square";
-        primaryButton?: string;
+        data: {
+            title?: string;
+            items: Array<{
+                title: string;
+                img: string;
+                subTitle: string;
+            }>;
+            shape?: "round" | "square";
+            itemShape?: "round" | "square";
+            primaryButton?: string;
+        };
         event?: {
             primaryButton?: {
                 onClick: (v: any) => void;

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/accordionCards.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport AccordionCards from '../biz-components/AccordionCards/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: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    products: mock,\n    primaryButton: 'Learn More',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    products: mock,\n    shape: 'round',\n    itemShape: 'round',\n    primaryButton: 'Learn More',\n  },\n}\n"],
-  "mappings": "AACA,OAAOA,MAAoB,4CAE3B,MAAMC,EAAO,CACX,MAAO,gCACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EAAO,CACX,CACE,MAAO,2BACP,IAAK,gPACL,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,gPACL,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,gPACL,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,gPACL,SAAU,sDACZ,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,SAAUD,EACV,cAAe,YACjB,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,SAAUF,EACV,MAAO,QACP,UAAW,QACX,cAAe,YACjB,CACF",
+  "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: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      items: mock,\n      primaryButton: 'Learn More',\n    },\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      items: mock,\n      shape: 'round',\n      itemShape: 'round',\n      primaryButton: 'Learn More',\n    },\n  },\n}\n"],
+  "mappings": "AACA,OAAOA,MAAoB,4CAE3B,MAAMC,EAAO,CACX,MAAO,gCACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EAAO,CACX,CACE,MAAO,2BACP,IAAK,gPACL,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,gPACL,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,gPACL,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,gPACL,SAAU,sDACZ,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAOD,EACP,cAAe,YACjB,CACF,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAOF,EACP,MAAO,QACP,UAAW,QACX,cAAe,YACjB,CACF,CACF",
   "names": ["AccordionCards", "meta", "accordionCards_stories_default", "mock", "Default", "Round"]
 }

package/dist/esm/stories/bizTabs.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import s from"../biz-components/Tabs/index.js";const a={title:"Biz-Components/Tabs",component:s,tags:["autodocs"],argTypes:{theme:{control:"select",options:["light","dark"]}}};var r=a;const t={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"}]},e={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"}]},p={args:{shape:"square",align:"left",tabs:[t,e]}},i={args:{theme:"dark",shape:"square",align:"center",tabs:[t,e],className:"mx-auto"}};export{i as Dark,p as Default,r as default};
+import s from"../biz-components/Tabs/index.js";const a={title:"Biz-Components/Tabs",component:s,tags:["autodocs"],argTypes:{theme:{control:"select",options:["light","dark"]}}};var r=a;const t={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"}]},e={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"}]},p={args:{shape:"square",align:"left",tabs:[t,e]}},n={args:{theme:"dark",shape:"square",align:"center",tabs:[t,e],className:"mx-auto"}};export{n as Dark,p as Default,r as default};
 //# sourceMappingURL=bizTabs.stories.js.map

package/dist/esm/stories/bizTabs.stories.js.map CHANGED Viewed

@@ -1,7 +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  argTypes: {\n    theme: {\n      control: 'select',\n      options: ['light', 'dark'],\n    },\n  },\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    shape: 'square',\n    align: 'left',\n    tabs: [shelfDisplayTab1, shelfDisplayTab2],\n  } as TabsProps,\n}\n\nexport const Dark: Story = {\n  args: {\n    theme: 'dark',\n    shape: 'square',\n    align: 'center',\n    tabs: [shelfDisplayTab1, shelfDisplayTab2],\n    className: 'mx-auto',\n  } as TabsProps,\n}\n"],
+  "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  argTypes: {\n    theme: {\n      control: 'select',\n      options: ['light', 'dark'],\n    },\n  },\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    shape: 'square',\n    align: 'left',\n    tabs: [shelfDisplayTab1, shelfDisplayTab2],\n  } as unknown as TabsProps,\n}\n\nexport const Dark: Story = {\n  args: {\n    theme: 'dark',\n    shape: 'square',\n    align: 'center',\n    tabs: [shelfDisplayTab1, shelfDisplayTab2],\n    className: 'mx-auto',\n  } as unknown as TabsProps,\n}\n"],
   "mappings": "AACA,OAAOA,MAAU,kCAGjB,MAAMC,EAA0B,CAC9B,MAAO,sBACP,UAAWD,EACX,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,MAAO,CACL,QAAS,SACT,QAAS,CAAC,QAAS,MAAM,CAC3B,CACF,CACF,EAEA,IAAOE,EAAQD,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,EAEaC,EAAiB,CAC5B,KAAM,CACJ,MAAO,SACP,MAAO,OACP,KAAM,CAACF,EAAkBC,CAAgB,CAC3C,CACF,EAEaE,EAAc,CACzB,KAAM,CACJ,MAAO,OACP,MAAO,SACP,MAAO,SACP,KAAM,CAACH,EAAkBC,CAAgB,EACzC,UAAW,SACb,CACF",
   "names": ["Tabs", "meta", "bizTabs_stories_default", "shelfDisplayTab1", "shelfDisplayTab2", "Default", "Dark"]
 }

package/dist/esm/stories/brandEquity.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import a from"../biz-components/BrandEquity/BrandEquity.js";const s=o=>e("svg",{width:"30",height:"30",viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("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"})}),i={title:"Biz-Components/BrandEquity",component:a,parameters:{layout:"fullscreen"},tags:["autodocs"]};var r=i;const t=[{icon:e(s,{className:"size-6"}),title:"Hassle-Free Warranty",description:"Comprehensive warranty protection on all purchases."},{icon:e(s,{className:"size-6"}),title:"Our Happy Customers",description:"Join millions of satisfied Anker users worldwide."},{icon:e(s,{className:"size-6"}),title:"Anker credits rewards",description:"Buy more, save more, and earn more."},{icon:e(s,{className:"size-6"}),title:"Pay with Ease",description:"Pay immediately or in installments with Affirm."},{icon:e(s,{className:"size-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."}],n={args:{items:t,className:"bg-[#eeeeee] p-4"}},l={args:{items:t,className:"bg-gray-900 p-4",itemShape:"round"}};export{l as CustomBackground,n as Default,r as default};
+import{jsx as e}from"react/jsx-runtime";import a from"../biz-components/BrandEquity/BrandEquity.js";const t=o=>e("svg",{width:"30",height:"30",viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("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"})}),i={title:"Biz-Components/BrandEquity",component:a,parameters:{layout:"fullscreen"},tags:["autodocs"]};var r=i;const s=[{icon:e(t,{className:"size-6"}),title:"Hassle-Free Warranty",description:"Comprehensive warranty protection on all purchases."},{icon:e(t,{className:"size-6"}),title:"Our Happy Customers",description:"Join millions of satisfied Anker users worldwide."},{icon:e(t,{className:"size-6"}),title:"Anker credits rewards",description:"Buy more, save more, and earn more."},{icon:e(t,{className:"size-6"}),title:"Pay with Ease",description:"Pay immediately or in installments with Affirm."},{icon:e(t,{className:"size-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."}],n={args:{data:s,className:"bg-[#eeeeee] p-4"}},l={args:{data:s,className:"bg-gray-900 p-4",itemShape:"round"}};export{l as CustomBackground,n as Default,r as default};
 //# sourceMappingURL=brandEquity.stories.js.map

package/dist/esm/stories/brandEquity.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/brandEquity.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport BrandEquity from '../biz-components/BrandEquity/BrandEquity.js'\n\nconst ShieldCheckIcon = (props: { className?: string }) => (\n  <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      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\"\n      fill=\"#1D1D1F\"\n    />\n  </svg>\n)\n\nconst meta = {\n  title: 'Biz-Components/BrandEquity',\n  component: BrandEquity,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof BrandEquity>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    icon: <ShieldCheckIcon className=\"size-6\" />,\n    title: 'Hassle-Free Warranty',\n    description: 'Comprehensive warranty protection on all purchases.',\n  },\n  {\n    icon: <ShieldCheckIcon className=\"size-6\" />,\n    title: 'Our Happy Customers',\n    description: 'Join millions of satisfied Anker users worldwide.',\n  },\n  {\n    icon: <ShieldCheckIcon className=\"size-6\" />,\n    title: 'Anker credits rewards',\n    description: 'Buy more, save more, and earn more.',\n  },\n  {\n    icon: <ShieldCheckIcon className=\"size-6\" />,\n    title: 'Pay with Ease',\n    description: 'Pay immediately or in installments with Affirm.',\n  },\n  {\n    icon: <ShieldCheckIcon className=\"size-6\" />,\n    title: '30-day money-back guarantee',\n    description: 'Return within 30 days for a full refund.',\n  },\n  {\n    avatarList: [\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/25954496272e3aad27d750494d4748ca_c591cb1a-5f47-42d9-b356-0acd9e87fed0.png?v=1744612103',\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ee5edd6de20a7af2f30f2fa976d779c9_6ddc29a7-c287-4afc-909c-383fe1f1a74b.png?v=1744612102',\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b0b7c87fb0819b6cd109bf4b0d865006_e0f7c15a-7d1a-45e7-aee3-783e681a3864.png?v=1744612102',\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    ],\n    title: 'We are Here to Help',\n    description: 'Contact our expert team via email or live chat for assistance.',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    items: mockItems,\n    className: 'bg-[#eeeeee] p-4',\n  },\n}\n\nexport const CustomBackground: Story = {\n  args: {\n    items: mockItems,\n    className: 'bg-gray-900 p-4',\n    itemShape: 'round',\n  },\n}\n"],
-  "mappings": "AAKI,cAAAA,MAAA,oBAJJ,OAAOC,MAAiB,+CAExB,MAAMC,EAAmBC,GACvBH,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,SAAAA,EAAC,QACC,YAAU,UACV,YAAU,UACV,EAAE,iiCACF,KAAK,UACP,EACF,EAGII,EAAO,CACX,MAAO,6BACP,UAAWH,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOI,EAAQD,EAGf,MAAME,EAAY,CAChB,CACE,KAAMN,EAACE,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,uBACP,YAAa,qDACf,EACA,CACE,KAAMF,EAACE,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,sBACP,YAAa,mDACf,EACA,CACE,KAAMF,EAACE,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,wBACP,YAAa,qCACf,EACA,CACE,KAAMF,EAACE,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,gBACP,YAAa,iDACf,EACA,CACE,KAAMF,EAACE,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,8BACP,YAAa,0CACf,EACA,CACE,WAAY,CACV,gJACA,gJACA,gJACA,gJACA,0GACF,EACA,MAAO,sBACP,YAAa,gEACf,CACF,EAEaK,EAAiB,CAC5B,KAAM,CACJ,MAAOD,EACP,UAAW,kBACb,CACF,EAEaE,EAA0B,CACrC,KAAM,CACJ,MAAOF,EACP,UAAW,kBACX,UAAW,OACb,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport BrandEquity from '../biz-components/BrandEquity/BrandEquity.js'\n\nconst ShieldCheckIcon = (props: { className?: string }) => (\n  <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      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\"\n      fill=\"#1D1D1F\"\n    />\n  </svg>\n)\n\nconst meta = {\n  title: 'Biz-Components/BrandEquity',\n  component: BrandEquity,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof BrandEquity>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    icon: <ShieldCheckIcon className=\"size-6\" />,\n    title: 'Hassle-Free Warranty',\n    description: 'Comprehensive warranty protection on all purchases.',\n  },\n  {\n    icon: <ShieldCheckIcon className=\"size-6\" />,\n    title: 'Our Happy Customers',\n    description: 'Join millions of satisfied Anker users worldwide.',\n  },\n  {\n    icon: <ShieldCheckIcon className=\"size-6\" />,\n    title: 'Anker credits rewards',\n    description: 'Buy more, save more, and earn more.',\n  },\n  {\n    icon: <ShieldCheckIcon className=\"size-6\" />,\n    title: 'Pay with Ease',\n    description: 'Pay immediately or in installments with Affirm.',\n  },\n  {\n    icon: <ShieldCheckIcon className=\"size-6\" />,\n    title: '30-day money-back guarantee',\n    description: 'Return within 30 days for a full refund.',\n  },\n  {\n    avatarList: [\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/25954496272e3aad27d750494d4748ca_c591cb1a-5f47-42d9-b356-0acd9e87fed0.png?v=1744612103',\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ee5edd6de20a7af2f30f2fa976d779c9_6ddc29a7-c287-4afc-909c-383fe1f1a74b.png?v=1744612102',\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b0b7c87fb0819b6cd109bf4b0d865006_e0f7c15a-7d1a-45e7-aee3-783e681a3864.png?v=1744612102',\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    ],\n    title: 'We are Here to Help',\n    description: 'Contact our expert team via email or live chat for assistance.',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: mockItems,\n    className: 'bg-[#eeeeee] p-4',\n  },\n}\n\nexport const CustomBackground: Story = {\n  args: {\n    data: mockItems,\n    className: 'bg-gray-900 p-4',\n    itemShape: 'round',\n  },\n}\n"],
+  "mappings": "AAKI,cAAAA,MAAA,oBAJJ,OAAOC,MAAiB,+CAExB,MAAMC,EAAmBC,GACvBH,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,SAAAA,EAAC,QACC,YAAU,UACV,YAAU,UACV,EAAE,iiCACF,KAAK,UACP,EACF,EAGII,EAAO,CACX,MAAO,6BACP,UAAWH,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOI,EAAQD,EAGf,MAAME,EAAY,CAChB,CACE,KAAMN,EAACE,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,uBACP,YAAa,qDACf,EACA,CACE,KAAMF,EAACE,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,sBACP,YAAa,mDACf,EACA,CACE,KAAMF,EAACE,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,wBACP,YAAa,qCACf,EACA,CACE,KAAMF,EAACE,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,gBACP,YAAa,iDACf,EACA,CACE,KAAMF,EAACE,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,8BACP,YAAa,0CACf,EACA,CACE,WAAY,CACV,gJACA,gJACA,gJACA,gJACA,0GACF,EACA,MAAO,sBACP,YAAa,gEACf,CACF,EAEaK,EAAiB,CAC5B,KAAM,CACJ,KAAMD,EACN,UAAW,kBACb,CACF,EAEaE,EAA0B,CACrC,KAAM,CACJ,KAAMF,EACN,UAAW,kBACX,UAAW,OACb,CACF",
   "names": ["jsx", "BrandEquity", "ShieldCheckIcon", "props", "meta", "brandEquity_stories_default", "mockItems", "Default", "CustomBackground"]
 }

package/dist/esm/stories/category.stories.d.ts CHANGED Viewed

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

package/dist/esm/stories/category.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"../biz-components/Category/index.js";const o={title:"Biz-Components/Category",component:t,parameters:{layout:"fullscreen"},tags:["autodocs"]};var r=o;const e=[{title:"Anker Prime 27",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{title:"Anker Prime",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{title:"Anker Prime",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{title:"Anker Prime",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{title:"Anker Prime",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}],c={args:{products:e,className:"p-4"}},i={args:{products:e,className:"p-4",shape:"round"}};export{c as Default,i as Round,r as default};
+import t from"../biz-components/Category/index.js";const o={title:"Biz-Components/Category",component:t,parameters:{layout:"fullscreen"},tags:["autodocs"]};var i=o;const e=[{title:"Anker Prime 27",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{title:"Anker Prime",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{title:"Anker Prime",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{title:"Anker Prime",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{title:"Anker Prime",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}],r={args:{data:{items:e},className:"p-4"}},a={args:{data:{shape:"round",items:e},className:"p-4"}};export{r as Default,a as Round,i as default};
 //# sourceMappingURL=category.stories.js.map

package/dist/esm/stories/category.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/category.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Category from '../biz-components/Category/index.js'\n\nconst meta = {\n  title: 'Biz-Components/Category',\n  component: Category,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Category>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    title: 'Anker Prime 27',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    title: 'Anker Prime',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    title: 'Anker Prime',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    title: 'Anker Prime',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    title: 'Anker Prime',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    products: mockItems,\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    products: mockItems,\n    className: 'p-4',\n    shape: 'round',\n  },\n}\n"],
-  "mappings": "AACA,OAAOA,MAAc,sCAErB,MAAMC,EAAO,CACX,MAAO,0BACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EAAY,CAChB,CACE,MAAO,iBACP,IAAK,8HACP,EACA,CACE,MAAO,cACP,IAAK,8HACP,EACA,CACE,MAAO,cACP,IAAK,8HACP,EACA,CACE,MAAO,cACP,IAAK,8HACP,EACA,CACE,MAAO,cACP,IAAK,8HACP,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,SAAUD,EACV,UAAW,KACb,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,SAAUF,EACV,UAAW,MACX,MAAO,OACT,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Category from '../biz-components/Category/index.js'\n\nconst meta = {\n  title: 'Biz-Components/Category',\n  component: Category,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Category>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    title: 'Anker Prime 27',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    title: 'Anker Prime',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    title: 'Anker Prime',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    title: 'Anker Prime',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    title: 'Anker Prime',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      items: mockItems,\n    },\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      shape: 'round',\n      items: mockItems,\n    },\n    className: 'p-4',\n  },\n}\n"],
+  "mappings": "AACA,OAAOA,MAAc,sCAErB,MAAMC,EAAO,CACX,MAAO,0BACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EAAY,CAChB,CACE,MAAO,iBACP,IAAK,8HACP,EACA,CACE,MAAO,cACP,IAAK,8HACP,EACA,CACE,MAAO,cACP,IAAK,8HACP,EACA,CACE,MAAO,cACP,IAAK,8HACP,EACA,CACE,MAAO,cACP,IAAK,8HACP,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAOD,CACT,EACA,UAAW,KACb,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAO,QACP,MAAOF,CACT,EACA,UAAW,KACb,CACF",
   "names": ["Category", "meta", "category_stories_default", "mockItems", "Default", "Round"]
 }

package/dist/esm/stories/evaluate.stories.d.ts CHANGED Viewed

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

package/dist/esm/stories/evaluate.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"../biz-components/Evaluate/index.js";const s={title:"Biz-Components/Evaluate",component:t,parameters:{layout:"fullscreen"},tags:["autodocs"]};var a=s;const e=[{rating:4,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)",avatar:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{rating:3,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)",avatar:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{rating:5,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)650mAh Power Bank (250W)650mAh Power Bank (250W)",avatar:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}],r={args:{products:e,className:"p-4"}},i={args:{products:e,className:"p-4",shape:"round"}};export{r as Default,i as Round,a as default};
+import t from"../biz-components/Evaluate/index.js";const a={title:"Biz-Components/Evaluate",component:t,parameters:{layout:"fullscreen"},tags:["autodocs"]};var o=a;const e=[{rating:4,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)",avatar:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{rating:3,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)",avatar:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{rating:5,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)650mAh Power Bank (250W)650mAh Power Bank (250W)",avatar:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}],i={args:{data:{items:e},className:"p-4"}},r={args:{data:{items:e,shape:"round"},className:"p-4"}};export{i as Default,r as Round,o as default};
 //# sourceMappingURL=evaluate.stories.js.map

package/dist/esm/stories/evaluate.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/evaluate.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Evaluate from '../biz-components/Evaluate/index.js'\n\nconst meta = {\n  title: 'Biz-Components/Evaluate',\n  component: Evaluate,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Evaluate>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    rating: 4,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description: 'Anker Prime 27,650mAh Power Bank (250W)',\n    avatar: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    rating: 3,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description: 'Anker Prime 27,650mAh Power Bank (250W)',\n    avatar: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    rating: 5,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description:\n      'Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)650mAh Power Bank (250W)650mAh Power Bank (250W)',\n    avatar: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    products: mockItems,\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    products: mockItems,\n    className: 'p-4',\n    shape: 'round',\n  },\n}\n"],
-  "mappings": "AACA,OAAOA,MAAc,sCAErB,MAAMC,EAAO,CACX,MAAO,0BACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EAAY,CAChB,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YAAa,0CACb,OAAQ,2GACR,IAAK,8HACP,EACA,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YAAa,0CACb,OAAQ,2GACR,IAAK,8HACP,EACA,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YACE,wKACF,OAAQ,2GACR,IAAK,8HACP,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,SAAUD,EACV,UAAW,KACb,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,SAAUF,EACV,UAAW,MACX,MAAO,OACT,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Evaluate from '../biz-components/Evaluate/index.js'\n\nconst meta = {\n  title: 'Biz-Components/Evaluate',\n  component: Evaluate,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Evaluate>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    rating: 4,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description: 'Anker Prime 27,650mAh Power Bank (250W)',\n    avatar: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    rating: 3,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description: 'Anker Prime 27,650mAh Power Bank (250W)',\n    avatar: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    rating: 5,\n    title: 'Theoldpiggery',\n    subTitle: 'Fast Charging for 3 Devices',\n    description:\n      'Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)650mAh Power Bank (250W)650mAh Power Bank (250W)',\n    avatar: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      items: mockItems\n    },\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      items: mockItems,\n      shape: 'round',\n    },\n    className: 'p-4',\n  },\n}\n"],
+  "mappings": "AACA,OAAOA,MAAc,sCAErB,MAAMC,EAAO,CACX,MAAO,0BACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EAAY,CAChB,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YAAa,0CACb,OAAQ,2GACR,IAAK,8HACP,EACA,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YAAa,0CACb,OAAQ,2GACR,IAAK,8HACP,EACA,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YACE,wKACF,OAAQ,2GACR,IAAK,8HACP,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAOD,CACT,EACA,UAAW,KACb,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAOF,EACP,MAAO,OACT,EACA,UAAW,KACb,CACF",
   "names": ["Evaluate", "meta", "evaluate_stories_default", "mockItems", "Default", "Round"]
 }

package/dist/esm/stories/graphic.stories.d.ts CHANGED Viewed

@@ -33,12 +33,15 @@ declare const meta: {
         ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
         className?: string | undefined;
         key?: import("react").Key | null | undefined;
+        data: {
+            title?: string;
+            items?: {
+                imgUrl: string;
+                title: string;
+                textColor?: string;
+            }[];
+        };
         shape?: "round" | "square" | undefined;
-        items: {
-            imgUrl: string;
-            title: string;
-            textColor?: string;
-        }[];
         style?: string | undefined;
         uid?: string | undefined;
         disabled?: boolean | undefined;

package/dist/esm/stories/graphic.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import r from"../biz-components/Graphic/index.js";const s={title:"Biz-Components/Graphic",component:r,parameters:{layout:"fullscreen",docs:{description:{component:"\u56FE\u6587\u5C55\u793A\u6A21\u5757\uFF0C\u57FA\u4E8Eembla-carousel-react\uFF0Chttps://www.embla-carousel.com/get-started/react/"}}},argTypes:{shape:{control:{type:"inline-radio"},options:["square","round"],description:"\u5706\u89D2",table:{defaultValue:{summary:"square"}}}},decorators:[o=>t("div",{style:{paddingTop:"2em"},children:t(o,{})})],tags:["autodocs"]};var p=s;const e=[{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316",title:"<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off"},{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318",title:"<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices",textColor:"#FFF"},{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316",title:"<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off"},{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318",title:"<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices",textColor:"#FFF"}],i={args:{items:e}},l={args:{items:e,shape:"round"}};export{i as Default,l as Round,p as default};
+import{jsx as t}from"react/jsx-runtime";import r from"../biz-components/Graphic/index.js";const s={title:"Biz-Components/Graphic",component:r,parameters:{layout:"fullscreen",docs:{description:{component:"\u56FE\u6587\u5C55\u793A\u6A21\u5757\uFF0C\u57FA\u4E8Eembla-carousel-react\uFF0Chttps://www.embla-carousel.com/get-started/react/"}}},argTypes:{shape:{control:{type:"inline-radio"},options:["square","round"],description:"\u5706\u89D2",table:{defaultValue:{summary:"square"}}}},decorators:[o=>t("div",{style:{paddingTop:"2em"},children:t(o,{})})],tags:["autodocs"]};var p=s;const e=[{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316",title:"<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off"},{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318",title:"<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices",textColor:"#FFF"},{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316",title:"<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off"},{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318",title:"<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices",textColor:"#FFF"}],i={args:{data:{title:"Explore Anker\u2019s Top Products By<br>Category",items:e}}},l={args:{data:{title:"Explore Anker\u2019s Top Products By<br>Category",items:e},shape:"round"}};export{i as Default,l as Round,p as default};
 //# sourceMappingURL=graphic.stories.js.map

package/dist/esm/stories/graphic.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/graphic.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Graphic from '../biz-components/Graphic/index.js'\n\nconst meta = {\n  title: 'Biz-Components/Graphic',\n  component: Graphic,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u56FE\u6587\u5C55\u793A\u6A21\u5757\uFF0C\u57FA\u4E8Eembla-carousel-react\uFF0Chttps://www.embla-carousel.com/get-started/react/',\n      },\n    },\n  },\n  argTypes: {\n    shape: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['square', 'round'],\n      description: '\u5706\u89D2',\n      table: {\n        defaultValue: {\n          summary: 'square',\n        },\n      },\n    },\n  },\n  decorators: [\n    Story => (\n      <div style={{ paddingTop: '2em' }}>\n        <Story />\n      </div>\n    ),\n  ],\n  tags: ['autodocs'],\n} satisfies Meta<typeof Graphic>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316',\n    title: '<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off',\n  },\n  {\n    imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318',\n    title: '<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices',\n    textColor: '#FFF',\n  },\n  {\n    imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316',\n    title: '<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off',\n  },\n  {\n    imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318',\n    title: '<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices',\n    textColor: '#FFF',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    items: mockItems,\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    items: mockItems,\n    shape: 'round',\n  },\n}\n"],
-  "mappings": "AA+BQ,cAAAA,MAAA,oBA9BR,OAAOC,MAAa,qCAEpB,MAAMC,EAAO,CACX,MAAO,yBACP,UAAWD,EACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,mIACb,CACF,CACF,EACA,SAAU,CACR,MAAO,CACL,QAAS,CACP,KAAM,cACR,EACA,QAAS,CAAC,SAAU,OAAO,EAC3B,YAAa,eACb,MAAO,CACL,aAAc,CACZ,QAAS,QACX,CACF,CACF,CACF,EACA,WAAY,CACVE,GACEH,EAAC,OAAI,MAAO,CAAE,WAAY,KAAM,EAC9B,SAAAA,EAACG,EAAA,EAAM,EACT,CAEJ,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOC,EAAQF,EAGf,MAAMG,EAAY,CAChB,CACE,OAAQ,2FACR,MAAO,wEACT,EACA,CACE,OAAQ,2FACR,MAAO,yEACP,UAAW,MACb,EACA,CACE,OAAQ,2FACR,MAAO,wEACT,EACA,CACE,OAAQ,2FACR,MAAO,yEACP,UAAW,MACb,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,MAAOD,CACT,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,MAAOF,EACP,MAAO,OACT,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Graphic from '../biz-components/Graphic/index.js'\n\nconst meta = {\n  title: 'Biz-Components/Graphic',\n  component: Graphic,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u56FE\u6587\u5C55\u793A\u6A21\u5757\uFF0C\u57FA\u4E8Eembla-carousel-react\uFF0Chttps://www.embla-carousel.com/get-started/react/',\n      },\n    },\n  },\n  argTypes: {\n    shape: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['square', 'round'],\n      description: '\u5706\u89D2',\n      table: {\n        defaultValue: {\n          summary: 'square',\n        },\n      },\n    },\n  },\n  decorators: [\n    Story => (\n      <div style={{ paddingTop: '2em' }}>\n        <Story />\n      </div>\n    ),\n  ],\n  tags: ['autodocs'],\n} satisfies Meta<typeof Graphic>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316',\n    title: '<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off',\n  },\n  {\n    imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318',\n    title: '<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices',\n    textColor: '#FFF',\n  },\n  {\n    imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316',\n    title: '<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off',\n  },\n  {\n    imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318',\n    title: '<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices',\n    textColor: '#FFF',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      title: 'Explore Anker\u2019s Top Products By<br>Category',\n      items: mockItems,\n    },\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      title: 'Explore Anker\u2019s Top Products By<br>Category',\n      items: mockItems,\n    },\n    shape: 'round',\n  },\n}\n"],
+  "mappings": "AA+BQ,cAAAA,MAAA,oBA9BR,OAAOC,MAAa,qCAEpB,MAAMC,EAAO,CACX,MAAO,yBACP,UAAWD,EACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,mIACb,CACF,CACF,EACA,SAAU,CACR,MAAO,CACL,QAAS,CACP,KAAM,cACR,EACA,QAAS,CAAC,SAAU,OAAO,EAC3B,YAAa,eACb,MAAO,CACL,aAAc,CACZ,QAAS,QACX,CACF,CACF,CACF,EACA,WAAY,CACVE,GACEH,EAAC,OAAI,MAAO,CAAE,WAAY,KAAM,EAC9B,SAAAA,EAACG,EAAA,EAAM,EACT,CAEJ,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOC,EAAQF,EAGf,MAAMG,EAAY,CAChB,CACE,OAAQ,2FACR,MAAO,wEACT,EACA,CACE,OAAQ,2FACR,MAAO,yEACP,UAAW,MACb,EACA,CACE,OAAQ,2FACR,MAAO,wEACT,EACA,CACE,OAAQ,2FACR,MAAO,yEACP,UAAW,MACb,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,mDACP,MAAOD,CACT,CACF,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAO,mDACP,MAAOF,CACT,EACA,MAAO,OACT,CACF",
   "names": ["jsx", "Graphic", "meta", "Story", "graphic_stories_default", "mockItems", "Default", "Round"]
 }

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

@@ -1,8 +1,13 @@
-import React, { type ComponentType } from 'react';
+import { type ComponentType } from 'react';
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: React.ForwardRefExoticComponent<Omit<import("react-fast-marquee/dist/components/Marquee.js").MarqueeProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    component: {
+        (props: Omit<import("react-fast-marquee/dist/components/Marquee.js").MarqueeProps, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
+            className?: string;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
     subcomponents: {
         MarqueeList: ComponentType<unknown>;
         MarqueeImageContent: ComponentType<unknown>;

package/dist/esm/stories/marquee.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import"react";import{Marquee as n,MarqueeList as a,MarqueeImageContent as t,MarqueeTextContent as s}from"../biz-components/Marquee/index.js";const i={title:"Biz Components/Marquee",component:n,subcomponents:{MarqueeList:a,MarqueeImageContent:t,MarqueeTextContent:s},parameters:{layout:"fullscreen",docs:{description:{component:"\u8DD1\u9A6C\u706FMarquee\uFF0C\u57FA\u4E8Ereact-fast-marquee<br>\u53EF\u4F7F\u7528react-fast-marquee\u6240\u6709props"}}},tags:["autodocs"],args:{speed:50},argTypes:{direction:{control:{type:"inline-radio"},options:["left","right","up","down"],description:"\u8DD1\u9A6C\u706F\u6ED1\u52A8\u7684\u65B9\u5411",table:{defaultValue:{summary:"left"}}},speed:{control:{type:"number"},description:"\u901F\u5EA6\uFF0C\u5355\u4F4D\uFF1A\u50CF\u7D20/\u79D2"}}};var m=i;const f={render:o=>e(n,{...o,children:r(a,{children:[e(t,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}),e(s,{text:"\u8DD1\u9A6C\u706F\u7EC4\u4EF6"}),e(t,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}),e(s,{className:"text-nowrap",text:"\u53E6\u4E00\u4E2A\u8DD1\u9A6C\u706F\u7EC4\u4EF6"}),e(t,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"})]})})},g={render:o=>e(n,{...o,children:r(a,{children:[e(t,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}),e(t,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}),e(t,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"})]})})},u={render:o=>e(n,{...o,children:r(a,{children:[e(s,{className:"w-40",text:"47%<br>R&D Employees"}),e(s,{className:"w-40",text:"100 Million<br>Global Customers"}),e(s,{className:"w-60",text:"Pioneering in Charging<br>Technology for 12 Years"})]})})},y={render:o=>e(n,{...o,children:r(a,{children:[e(t,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}),e(t,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}),e(t,{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"})]})}),args:{direction:"right"}};export{f as Default,y as MarqueeDirection,g as MarqueeImage,u as MarqueeText,m as default};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import"react";import s from"../biz-components/Marquee/index.js";import{MarqueeList as n,MarqueeImageContent as t,MarqueeTextContent as o}from"../biz-components/Marquee/index.js";const i={title:"Biz Components/Marquee",component:s,subcomponents:{MarqueeList:n,MarqueeImageContent:t,MarqueeTextContent:o},parameters:{layout:"fullscreen",docs:{description:{component:"\u8DD1\u9A6C\u706FMarquee\uFF0C\u57FA\u4E8Ereact-fast-marquee<br>\u53EF\u4F7F\u7528react-fast-marquee\u6240\u6709props"}}},tags:["autodocs"],args:{speed:50},argTypes:{direction:{control:{type:"inline-radio"},options:["left","right","up","down"],description:"\u8DD1\u9A6C\u706F\u6ED1\u52A8\u7684\u65B9\u5411",table:{defaultValue:{summary:"left"}}},speed:{control:{type:"number"},description:"\u901F\u5EA6\uFF0C\u5355\u4F4D\uFF1A\u50CF\u7D20/\u79D2"}}};var f=i;const d={render:a=>e(s,{...a,children:r(n,{children:[e(t,{data:{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}}),e(o,{data:{text:"\u8DD1\u9A6C\u706F\u7EC4\u4EF6"}}),e(t,{data:{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}}),e(o,{className:"text-nowrap",data:{text:"\u53E6\u4E00\u4E2A\u8DD1\u9A6C\u706F\u7EC4\u4EF6"}}),e(t,{data:{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"}})]})})},g={render:a=>e(s,{...a,children:r(n,{children:[e(t,{data:{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}}),e(t,{data:{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}}),e(t,{data:{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"}})]})})},u={render:a=>e(s,{...a,children:r(n,{children:[e(o,{className:"w-40",data:{text:"47%<br>R&D Employees"}}),e(o,{className:"w-40",data:{text:"100 Million<br>Global Customers"}}),e(o,{className:"w-60",data:{text:"Pioneering in Charging<br>Technology for 12 Years"}})]})})},y={render:a=>e(s,{...a,children:r(n,{children:[e(t,{data:{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}}),e(t,{data:{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}}),e(t,{data:{image:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"}})]})}),args:{direction:"right"}};export{d as Default,y as MarqueeDirection,g as MarqueeImage,u as MarqueeText,f as default};
 //# sourceMappingURL=marquee.stories.js.map

package/dist/esm/stories/marquee.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/marquee.stories.tsx"],
-  "sourcesContent": ["import React, { type ComponentType } from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Marquee, MarqueeList, MarqueeImageContent, MarqueeTextContent } from '../biz-components/Marquee/index.js'\n\nconst meta = {\n  title: 'Biz Components/Marquee',\n  component: Marquee,\n  subcomponents: {\n    MarqueeList: MarqueeList as ComponentType<unknown>,\n    MarqueeImageContent: MarqueeImageContent as ComponentType<unknown>,\n    MarqueeTextContent: MarqueeTextContent as ComponentType<unknown>,\n  },\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u8DD1\u9A6C\u706FMarquee\uFF0C\u57FA\u4E8Ereact-fast-marquee<br>\u53EF\u4F7F\u7528react-fast-marquee\u6240\u6709props',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  args: {\n    speed: 50,\n  },\n  argTypes: {\n    direction: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['left', 'right', 'up', 'down'],\n      description: '\u8DD1\u9A6C\u706F\u6ED1\u52A8\u7684\u65B9\u5411',\n      table: {\n        defaultValue: {\n          summary: 'left',\n        },\n      },\n    },\n    speed: {\n      control: {\n        type: 'number',\n      },\n      description: '\u901F\u5EA6\uFF0C\u5355\u4F4D\uFF1A\u50CF\u7D20/\u79D2',\n    },\n  },\n} satisfies Meta<typeof Marquee>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317\" />\n        <MarqueeTextContent text=\"\u8DD1\u9A6C\u706F\u7EC4\u4EF6\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317\" />\n        <MarqueeTextContent className=\"text-nowrap\" text=\"\u53E6\u4E00\u4E2A\u8DD1\u9A6C\u706F\u7EC4\u4EF6\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317\" />\n      </MarqueeList>\n    </Marquee>\n  ),\n}\n\nexport const MarqueeImage: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317\" />\n      </MarqueeList>\n    </Marquee>\n  ),\n}\n\nexport const MarqueeText: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeTextContent className=\"w-40\" text=\"47%<br>R&D Employees\" />\n        <MarqueeTextContent className=\"w-40\" text=\"100 Million<br>Global Customers\" />\n        <MarqueeTextContent className=\"w-60\" text=\"Pioneering in Charging<br>Technology for 12 Years\" />\n      </MarqueeList>\n    </Marquee>\n  ),\n}\n\nexport const MarqueeDirection: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317\" />\n        <MarqueeImageContent image=\"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317\" />\n      </MarqueeList>\n    </Marquee>\n  ),\n  args: {\n    direction: 'right',\n  },\n}\n"],
-  "mappings": "AAqDM,OACE,OAAAA,EADF,QAAAC,MAAA,oBArDN,MAA0C,QAE1C,OAAS,WAAAC,EAAS,eAAAC,EAAa,uBAAAC,EAAqB,sBAAAC,MAA0B,qCAE9E,MAAMC,EAAO,CACX,MAAO,yBACP,UAAWJ,EACX,cAAe,CACb,YAAaC,EACb,oBAAqBC,EACrB,mBAAoBC,CACtB,EACA,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,wHACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,KAAM,CACJ,MAAO,EACT,EACA,SAAU,CACR,UAAW,CACT,QAAS,CACP,KAAM,cACR,EACA,QAAS,CAAC,OAAQ,QAAS,KAAM,MAAM,EACvC,YAAa,mDACb,MAAO,CACL,aAAc,CACZ,QAAS,MACX,CACF,CACF,EACA,MAAO,CACL,QAAS,CACP,KAAM,QACR,EACA,YAAa,yDACf,CACF,CACF,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,OAAQC,GACNT,EAACE,EAAA,CAAS,GAAGO,EACX,SAAAR,EAACE,EAAA,CACC,UAAAH,EAACI,EAAA,CAAoB,MAAM,yFAAyF,EACpHJ,EAACK,EAAA,CAAmB,KAAK,iCAAQ,EACjCL,EAACI,EAAA,CAAoB,MAAM,wFAAwF,EACnHJ,EAACK,EAAA,CAAmB,UAAU,cAAc,KAAK,mDAAW,EAC5DL,EAACI,EAAA,CAAoB,MAAM,wFAAwF,GACrH,EACF,CAEJ,EAEaM,EAAsB,CACjC,OAAQD,GACNT,EAACE,EAAA,CAAS,GAAGO,EACX,SAAAR,EAACE,EAAA,CACC,UAAAH,EAACI,EAAA,CAAoB,MAAM,yFAAyF,EACpHJ,EAACI,EAAA,CAAoB,MAAM,wFAAwF,EACnHJ,EAACI,EAAA,CAAoB,MAAM,wFAAwF,GACrH,EACF,CAEJ,EAEaO,EAAqB,CAChC,OAAQF,GACNT,EAACE,EAAA,CAAS,GAAGO,EACX,SAAAR,EAACE,EAAA,CACC,UAAAH,EAACK,EAAA,CAAmB,UAAU,OAAO,KAAK,uBAAuB,EACjEL,EAACK,EAAA,CAAmB,UAAU,OAAO,KAAK,kCAAkC,EAC5EL,EAACK,EAAA,CAAmB,UAAU,OAAO,KAAK,oDAAoD,GAChG,EACF,CAEJ,EAEaO,EAA0B,CACrC,OAAQH,GACNT,EAACE,EAAA,CAAS,GAAGO,EACX,SAAAR,EAACE,EAAA,CACC,UAAAH,EAACI,EAAA,CAAoB,MAAM,yFAAyF,EACpHJ,EAACI,EAAA,CAAoB,MAAM,wFAAwF,EACnHJ,EAACI,EAAA,CAAoB,MAAM,wFAAwF,GACrH,EACF,EAEF,KAAM,CACJ,UAAW,OACb,CACF",
+  "sourcesContent": ["import React, { type ComponentType } from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport Marquee from '../biz-components/Marquee/index.js'\nimport { MarqueeList, MarqueeImageContent, MarqueeTextContent } from '../biz-components/Marquee/index.js'\n\nconst meta = {\n  title: 'Biz Components/Marquee',\n  component: Marquee,\n  subcomponents: {\n    MarqueeList: MarqueeList as ComponentType<unknown>,\n    MarqueeImageContent: MarqueeImageContent as ComponentType<unknown>,\n    MarqueeTextContent: MarqueeTextContent as ComponentType<unknown>,\n  },\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u8DD1\u9A6C\u706FMarquee\uFF0C\u57FA\u4E8Ereact-fast-marquee<br>\u53EF\u4F7F\u7528react-fast-marquee\u6240\u6709props',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  args: {\n    speed: 50,\n  },\n  argTypes: {\n    direction: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['left', 'right', 'up', 'down'],\n      description: '\u8DD1\u9A6C\u706F\u6ED1\u52A8\u7684\u65B9\u5411',\n      table: {\n        defaultValue: {\n          summary: 'left',\n        },\n      },\n    },\n    speed: {\n      control: {\n        type: 'number',\n      },\n      description: '\u901F\u5EA6\uFF0C\u5355\u4F4D\uFF1A\u50CF\u7D20/\u79D2',\n    },\n  },\n} satisfies Meta<typeof Marquee>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeImageContent\n          data={{\n            image: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317',\n          }}\n        />\n        <MarqueeTextContent data={{ text: '\u8DD1\u9A6C\u706F\u7EC4\u4EF6' }} />\n        <MarqueeImageContent\n          data={{\n            image: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317',\n          }}\n        />\n        <MarqueeTextContent className=\"text-nowrap\" data={{ text: '\u53E6\u4E00\u4E2A\u8DD1\u9A6C\u706F\u7EC4\u4EF6' }} />\n        <MarqueeImageContent\n          data={{\n            image: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317',\n          }}\n        />\n      </MarqueeList>\n    </Marquee>\n  ),\n}\n\nexport const MarqueeImage: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeImageContent\n          data={{\n            image: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317',\n          }}\n        />\n        <MarqueeImageContent\n          data={{\n            image: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317',\n          }}\n        />\n        <MarqueeImageContent\n          data={{\n            image: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317',\n          }}\n        />\n      </MarqueeList>\n    </Marquee>\n  ),\n}\n\nexport const MarqueeText: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeTextContent className=\"w-40\" data={{ text: '47%<br>R&D Employees' }} />\n        <MarqueeTextContent className=\"w-40\" data={{ text: '100 Million<br>Global Customers' }} />\n        <MarqueeTextContent className=\"w-60\" data={{ text: 'Pioneering in Charging<br>Technology for 12 Years' }} />\n      </MarqueeList>\n    </Marquee>\n  ),\n}\n\nexport const MarqueeDirection: Story = {\n  render: args => (\n    <Marquee {...args}>\n      <MarqueeList>\n        <MarqueeImageContent\n          data={{\n            image: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317',\n          }}\n        />\n        <MarqueeImageContent\n          data={{\n            image: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317',\n          }}\n        />\n        <MarqueeImageContent\n          data={{\n            image: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317',\n          }}\n        />\n      </MarqueeList>\n    </Marquee>\n  ),\n  args: {\n    direction: 'right',\n  },\n}\n"],
+  "mappings": "AAsDM,OACE,OAAAA,EADF,QAAAC,MAAA,oBAtDN,MAA0C,QAE1C,OAAOC,MAAa,qCACpB,OAAS,eAAAC,EAAa,uBAAAC,EAAqB,sBAAAC,MAA0B,qCAErE,MAAMC,EAAO,CACX,MAAO,yBACP,UAAWJ,EACX,cAAe,CACb,YAAaC,EACb,oBAAqBC,EACrB,mBAAoBC,CACtB,EACA,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,wHACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,KAAM,CACJ,MAAO,EACT,EACA,SAAU,CACR,UAAW,CACT,QAAS,CACP,KAAM,cACR,EACA,QAAS,CAAC,OAAQ,QAAS,KAAM,MAAM,EACvC,YAAa,mDACb,MAAO,CACL,aAAc,CACZ,QAAS,MACX,CACF,CACF,EACA,MAAO,CACL,QAAS,CACP,KAAM,QACR,EACA,YAAa,yDACf,CACF,CACF,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,OAAQC,GACNT,EAACE,EAAA,CAAS,GAAGO,EACX,SAAAR,EAACE,EAAA,CACC,UAAAH,EAACI,EAAA,CACC,KAAM,CACJ,MAAO,wFACT,EACF,EACAJ,EAACK,EAAA,CAAmB,KAAM,CAAE,KAAM,gCAAQ,EAAG,EAC7CL,EAACI,EAAA,CACC,KAAM,CACJ,MAAO,uFACT,EACF,EACAJ,EAACK,EAAA,CAAmB,UAAU,cAAc,KAAM,CAAE,KAAM,kDAAW,EAAG,EACxEL,EAACI,EAAA,CACC,KAAM,CACJ,MAAO,uFACT,EACF,GACF,EACF,CAEJ,EAEaM,EAAsB,CACjC,OAAQD,GACNT,EAACE,EAAA,CAAS,GAAGO,EACX,SAAAR,EAACE,EAAA,CACC,UAAAH,EAACI,EAAA,CACC,KAAM,CACJ,MAAO,wFACT,EACF,EACAJ,EAACI,EAAA,CACC,KAAM,CACJ,MAAO,uFACT,EACF,EACAJ,EAACI,EAAA,CACC,KAAM,CACJ,MAAO,uFACT,EACF,GACF,EACF,CAEJ,EAEaO,EAAqB,CAChC,OAAQF,GACNT,EAACE,EAAA,CAAS,GAAGO,EACX,SAAAR,EAACE,EAAA,CACC,UAAAH,EAACK,EAAA,CAAmB,UAAU,OAAO,KAAM,CAAE,KAAM,sBAAuB,EAAG,EAC7EL,EAACK,EAAA,CAAmB,UAAU,OAAO,KAAM,CAAE,KAAM,iCAAkC,EAAG,EACxFL,EAACK,EAAA,CAAmB,UAAU,OAAO,KAAM,CAAE,KAAM,mDAAoD,EAAG,GAC5G,EACF,CAEJ,EAEaO,EAA0B,CACrC,OAAQH,GACNT,EAACE,EAAA,CAAS,GAAGO,EACX,SAAAR,EAACE,EAAA,CACC,UAAAH,EAACI,EAAA,CACC,KAAM,CACJ,MAAO,wFACT,EACF,EACAJ,EAACI,EAAA,CACC,KAAM,CACJ,MAAO,uFACT,EACF,EACAJ,EAACI,EAAA,CACC,KAAM,CACJ,MAAO,uFACT,EACF,GACF,EACF,EAEF,KAAM,CACJ,UAAW,OACb,CACF",
   "names": ["jsx", "jsxs", "Marquee", "MarqueeList", "MarqueeImageContent", "MarqueeTextContent", "meta", "marquee_stories_default", "Default", "args", "MarqueeImage", "MarqueeText", "MarqueeDirection"]
 }

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

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

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

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

package/dist/esm/stories/shelfDisplay.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"../biz-components/ShelfDisplay/index.js";const s={title:"Biz-Components/ShelfDisplay",component:t,parameters:{layout:"fullscreen"},tags:["autodocs"]};var r=s;const e=[{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}],a={args:{products:e,className:"p-4",primaryButton:"Learn More",secondaryButton:"Shop Now"}},i={args:{products:e,className:"p-4",shape:"round",itemShape:"round",primaryButton:"Learn More",secondaryButton:"Shop Now"}};export{a as Default,i as Round,r as default};
+import t from"../biz-components/ShelfDisplay/index.js";const s={title:"Biz-Components/ShelfDisplay",component:t,parameters:{layout:"fullscreen"},tags:["autodocs"]};var r=s;const e=[{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}],a={args:{data:{items:e,primaryButton:"Learn More",secondaryButton:"Shop Now"},className:"p-4"}},i={args:{data:{items:e,shape:"round",itemShape:"round",primaryButton:"Learn More",secondaryButton:"Shop Now"},className:"p-4"}};export{a as Default,i as Round,r as default};
 //# sourceMappingURL=shelfDisplay.stories.js.map

package/dist/esm/stories/shelfDisplay.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/shelfDisplay.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport ShelfDisplay from '../biz-components/ShelfDisplay/index.js'\n\nconst meta = {\n  title: 'Biz-Components/ShelfDisplay',\n  component: ShelfDisplay,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof ShelfDisplay>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    products: mockItems,\n    className: 'p-4',\n    primaryButton: 'Learn More',\n    secondaryButton: 'Shop Now',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    products: mockItems,\n    className: 'p-4',\n    shape: 'round',\n    itemShape: 'round',\n    primaryButton: 'Learn More',\n    secondaryButton: 'Shop Now',\n  },\n}\n"],
-  "mappings": "AACA,OAAOA,MAAkB,0CAEzB,MAAMC,EAAO,CACX,MAAO,8BACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EAAY,CAChB,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,SAAUD,EACV,UAAW,MACX,cAAe,aACf,gBAAiB,UACnB,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,SAAUF,EACV,UAAW,MACX,MAAO,QACP,UAAW,QACX,cAAe,aACf,gBAAiB,UACnB,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport ShelfDisplay from '../biz-components/ShelfDisplay/index.js'\n\nconst meta = {\n  title: 'Biz-Components/ShelfDisplay',\n  component: ShelfDisplay,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof ShelfDisplay>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    price: '$1,999.00',\n    basePrice: '$2,999.00',\n    subTitle: 'Fast Charging for 3 Devices',\n    title: 'Anker Prime 27,650mAh Power Bank (250W)',\n    tagItems: ['New', '20% OFF'],\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      items: mockItems,\n      primaryButton: 'Learn More',\n      secondaryButton: 'Shop Now',\n    },\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      items: mockItems,\n      shape: 'round',\n      itemShape: 'round',\n      primaryButton: 'Learn More',\n      secondaryButton: 'Shop Now',\n    },\n    className: 'p-4',\n  },\n}\n"],
+  "mappings": "AACA,OAAOA,MAAkB,0CAEzB,MAAMC,EAAO,CACX,MAAO,8BACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EAAY,CAChB,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAOD,EACP,cAAe,aACf,gBAAiB,UACnB,EACA,UAAW,KACb,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAOF,EACP,MAAO,QACP,UAAW,QACX,cAAe,aACf,gBAAiB,UACnB,EACA,UAAW,KACb,CACF",
   "names": ["ShelfDisplay", "meta", "shelfDisplay_stories_default", "mockItems", "Default", "Round"]
 }

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

@@ -3,6 +3,7 @@ export interface ComponentCommonProps {
     event?: any;
     condition?: any;
     className?: string;
+    key?: string;
 }
 export type Theme = 'light' | 'dark';
 export type Shape = 'rounded' | 'square';