npm - @anker-in/headless-ui - Versions diffs - 0.0.27-alpha.17 → 0.0.27-alpha.19 - Mend

@anker-in/headless-ui 0.0.27-alpha.17 → 0.0.27-alpha.19

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 (201) hide show

package/dist/cjs/components/radio.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";"use client";var x=Object.create;var s=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var I=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var C=(e,o)=>{for(var r in o)s(e,r,{get:o[r],enumerable:!0})},c=(e,o,r,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of g(o))!z.call(e,t)&&t!==r&&s(e,t,{get:()=>o[t],enumerable:!(a=y(o,t))||a.enumerable});return e};var R=(e,o,r)=>(r=e!=null?x(I(e)):{},c(o||!e||!e.__esModule?s(r,"default",{value:e,enumerable:!0}):r,e)),h=e=>c(s({},"__esModule",{value:!0}),e);var V={};C(V,{RadioGroup:()=>m,RadioGroupItem:()=>u});module.exports=h(V);var i=require("react/jsx-runtime"),p=R(require("react")),n=R(require("@radix-ui/react-radio-group")),P=require("./text.js"),G=require("@radix-ui/react-icons"),v=require("class-variance-authority"),d=require("../helpers/index.js");const l=p.createContext({size:"base"}),N=(0,v.cva)("border-primary text-primary ring-offset-background focus-visible:ring-ring aspect-square rounded-full border focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",{variants:{size:{sm:"size-[14px]",base:"size-4",lg:"size-5"}},defaultVariants:{size:"base"}}),m=p.forwardRef(({className:e,children:o,size:r,...a},t)=>(0,i.jsx)(n.Root,{className:(0,d.cn)("grid gap-2",e),...a,ref:t,children:(0,i.jsx)(l.Provider,{value:{size:r},children:o})}));m.displayName="RadioGroup";const u=p.forwardRef(({className:e,size:o,children:r,...a},t)=>{const{size:b}=p.useContext(l),f=(0,i.jsx)(n.Item,{ref:t,className:(0,d.cn)(N({size:o??b}),e),...a,children:(0,i.jsx)(n.Indicator,{className:"flex items-center justify-center text-current w-full h-full",children:(0,i.jsx)(G.CheckIcon,{})})});return r?(0,i.jsxs)(P.Text,{as:"label",className:(0,d.cn)("flex items-center gap-1",e),children:[f,r]}):f});u.displayName="RadioGroupItem";
+"use strict";"use client";var x=Object.create;var s=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var I=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var C=(e,o)=>{for(var r in o)s(e,r,{get:o[r],enumerable:!0})},c=(e,o,r,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of g(o))!z.call(e,t)&&t!==r&&s(e,t,{get:()=>o[t],enumerable:!(a=y(o,t))||a.enumerable});return e};var R=(e,o,r)=>(r=e!=null?x(I(e)):{},c(o||!e||!e.__esModule?s(r,"default",{value:e,enumerable:!0}):r,e)),N=e=>c(s({},"__esModule",{value:!0}),e);var h={};C(h,{RadioGroup:()=>m,RadioGroupItem:()=>u});module.exports=N(h);var i=require("react/jsx-runtime"),p=R(require("react")),n=R(require("@radix-ui/react-radio-group")),P=require("./text.js"),G=require("@radix-ui/react-icons"),v=require("class-variance-authority"),d=require("../helpers/index.js");const l=p.createContext({size:"base"}),V=(0,v.cva)("border-primary text-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground aspect-square rounded-full border focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",{variants:{size:{sm:"size-[14px]",base:"size-4",lg:"size-5"}},defaultVariants:{size:"base"}}),m=p.forwardRef(({className:e,children:o,size:r,...a},t)=>(0,i.jsx)(n.Root,{className:(0,d.cn)("grid gap-2",e),...a,ref:t,children:(0,i.jsx)(l.Provider,{value:{size:r},children:o})}));m.displayName="RadioGroup";const u=p.forwardRef(({className:e,size:o,children:r,...a},t)=>{const{size:b}=p.useContext(l),f=(0,i.jsx)(n.Item,{ref:t,className:(0,d.cn)(V({size:o??b}),e),...a,children:(0,i.jsx)(n.Indicator,{className:"flex size-full items-center justify-center text-current",children:(0,i.jsx)(G.CheckIcon,{})})});return r?(0,i.jsxs)(P.Text,{as:"label",className:(0,d.cn)("flex items-center gap-1",e),children:[f,r]}):f});u.displayName="RadioGroupItem";
 //# sourceMappingURL=radio.js.map

package/dist/cjs/components/radio.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/radio.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport { Text } from './text.js'\nimport { CheckIcon } from '@radix-ui/react-icons'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../helpers/index.js'\n\nconst RadioContext = React.createContext<{ size?: 'sm' | 'base' | 'lg' }>({\n  size: 'base',\n})\n\nconst radioGroupVariants = cva(\n  'border-primary text-primary ring-offset-background focus-visible:ring-ring aspect-square rounded-full border focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',\n  {\n    variants: {\n      size: {\n        sm: 'size-[14px]',\n        base: 'size-4',\n        lg: 'size-5',\n      },\n    },\n    defaultVariants: {\n      size: 'base',\n    },\n  }\n)\n\ninterface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {\n  /** \u5C3A\u5BF8 */\n  size?: 'sm' | 'base' | 'lg'\n}\n\nconst RadioGroup = React.forwardRef<React.ElementRef<typeof RadioGroupPrimitive.Root>, RadioGroupProps>(\n  ({ className, children, size, ...props }, ref) => {\n    return (\n      <RadioGroupPrimitive.Root className={cn('grid gap-2', className)} {...props} ref={ref}>\n        <RadioContext.Provider value={{ size }}>{children}</RadioContext.Provider>\n      </RadioGroupPrimitive.Root>\n    )\n  }\n)\nRadioGroup.displayName = 'RadioGroup'\n\ninterface RadioGroupItemProps\n  extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>,\n    VariantProps<typeof radioGroupVariants> {}\n\nconst RadioGroupItem = React.forwardRef<React.ElementRef<typeof RadioGroupPrimitive.Item>, RadioGroupItemProps>(\n  ({ className, size, children, ...props }, ref) => {\n    const { size: sizeFromParent } = React.useContext(RadioContext)\n\n    const ItemRadio = (\n      <RadioGroupPrimitive.Item\n        ref={ref}\n        className={cn(\n          radioGroupVariants({\n            size: size ?? sizeFromParent,\n          }),\n          className\n        )}\n        {...props}\n      >\n        <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center text-current w-full h-full\">\n          <CheckIcon />\n        </RadioGroupPrimitive.Indicator>\n      </RadioGroupPrimitive.Item>\n    )\n\n    if (children) {\n      return (\n        <Text as=\"label\" className={cn('flex items-center gap-1', className)}>\n          {ItemRadio}\n          {children}\n        </Text>\n      )\n    }\n    return ItemRadio\n  }\n)\nRadioGroupItem.displayName = 'RadioGroupItem'\n\nexport { RadioGroup, RadioGroupItem }\nexport type { RadioGroupProps, RadioGroupItemProps }\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,EAAA,mBAAAC,IAAA,eAAAC,EAAAJ,GAsCQ,IAAAK,EAAA,6BApCRC,EAAuB,oBACvBC,EAAqC,0CACrCC,EAAqB,qBACrBC,EAA0B,iCAC1BC,EAAuC,oCACvCC,EAAmB,+BAEnB,MAAMC,EAAeN,EAAM,cAA+C,CACxE,KAAM,MACR,CAAC,EAEKO,KAAqB,OACzB,gTACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,cACJ,KAAM,SACN,GAAI,QACN,CACF,EACA,gBAAiB,CACf,KAAM,MACR,CACF,CACF,EAOMX,EAAaI,EAAM,WACvB,CAAC,CAAE,UAAAQ,EAAW,SAAAC,EAAU,KAAAC,EAAM,GAAGC,CAAM,EAAGC,OAEtC,OAACX,EAAoB,KAApB,CAAyB,aAAW,MAAG,aAAcO,CAAS,EAAI,GAAGG,EAAO,IAAKC,EAChF,mBAACN,EAAa,SAAb,CAAsB,MAAO,CAAE,KAAAI,CAAK,EAAI,SAAAD,EAAS,EACpD,CAGN,EACAb,EAAW,YAAc,aAMzB,MAAMC,EAAiBG,EAAM,WAC3B,CAAC,CAAE,UAAAQ,EAAW,KAAAE,EAAM,SAAAD,EAAU,GAAGE,CAAM,EAAGC,IAAQ,CAChD,KAAM,CAAE,KAAMC,CAAe,EAAIb,EAAM,WAAWM,CAAY,EAExDQ,KACJ,OAACb,EAAoB,KAApB,CACC,IAAKW,EACL,aAAW,MACTL,EAAmB,CACjB,KAAMG,GAAQG,CAChB,CAAC,EACDL,CACF,EACC,GAAGG,EAEJ,mBAACV,EAAoB,UAApB,CAA8B,UAAU,8DACvC,mBAAC,cAAU,EACb,EACF,EAGF,OAAIQ,KAEA,QAAC,QAAK,GAAG,QAAQ,aAAW,MAAG,0BAA2BD,CAAS,EAChE,UAAAM,EACAL,GACH,EAGGK,CACT,CACF,EACAjB,EAAe,YAAc",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport { Text } from './text.js'\nimport { CheckIcon } from '@radix-ui/react-icons'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../helpers/index.js'\n\nconst RadioContext = React.createContext<{ size?: 'sm' | 'base' | 'lg' }>({\n  size: 'base',\n})\n\nconst radioGroupVariants = cva(\n  'border-primary text-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground aspect-square rounded-full border focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n  {\n    variants: {\n      size: {\n        sm: 'size-[14px]',\n        base: 'size-4',\n        lg: 'size-5',\n      },\n    },\n    defaultVariants: {\n      size: 'base',\n    },\n  }\n)\n\ninterface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {\n  /** \u5C3A\u5BF8 */\n  size?: 'sm' | 'base' | 'lg'\n}\n\nconst RadioGroup = React.forwardRef<React.ElementRef<typeof RadioGroupPrimitive.Root>, RadioGroupProps>(\n  ({ className, children, size, ...props }, ref) => {\n    return (\n      <RadioGroupPrimitive.Root className={cn('grid gap-2', className)} {...props} ref={ref}>\n        <RadioContext.Provider value={{ size }}>{children}</RadioContext.Provider>\n      </RadioGroupPrimitive.Root>\n    )\n  }\n)\nRadioGroup.displayName = 'RadioGroup'\n\ninterface RadioGroupItemProps\n  extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>,\n    VariantProps<typeof radioGroupVariants> {}\n\nconst RadioGroupItem = React.forwardRef<React.ElementRef<typeof RadioGroupPrimitive.Item>, RadioGroupItemProps>(\n  ({ className, size, children, ...props }, ref) => {\n    const { size: sizeFromParent } = React.useContext(RadioContext)\n\n    const ItemRadio = (\n      <RadioGroupPrimitive.Item\n        ref={ref}\n        className={cn(\n          radioGroupVariants({\n            size: size ?? sizeFromParent,\n          }),\n          className\n        )}\n        {...props}\n      >\n        <RadioGroupPrimitive.Indicator className=\"flex size-full items-center justify-center text-current\">\n          <CheckIcon />\n        </RadioGroupPrimitive.Indicator>\n      </RadioGroupPrimitive.Item>\n    )\n\n    if (children) {\n      return (\n        <Text as=\"label\" className={cn('flex items-center gap-1', className)}>\n          {ItemRadio}\n          {children}\n        </Text>\n      )\n    }\n    return ItemRadio\n  }\n)\nRadioGroupItem.displayName = 'RadioGroupItem'\n\nexport { RadioGroup, RadioGroupItem }\nexport type { RadioGroupProps, RadioGroupItemProps }\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,EAAA,mBAAAC,IAAA,eAAAC,EAAAJ,GAsCQ,IAAAK,EAAA,6BApCRC,EAAuB,oBACvBC,EAAqC,0CACrCC,EAAqB,qBACrBC,EAA0B,iCAC1BC,EAAuC,oCACvCC,EAAmB,+BAEnB,MAAMC,EAAeN,EAAM,cAA+C,CACxE,KAAM,MACR,CAAC,EAEKO,KAAqB,OACzB,gTACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,cACJ,KAAM,SACN,GAAI,QACN,CACF,EACA,gBAAiB,CACf,KAAM,MACR,CACF,CACF,EAOMX,EAAaI,EAAM,WACvB,CAAC,CAAE,UAAAQ,EAAW,SAAAC,EAAU,KAAAC,EAAM,GAAGC,CAAM,EAAGC,OAEtC,OAACX,EAAoB,KAApB,CAAyB,aAAW,MAAG,aAAcO,CAAS,EAAI,GAAGG,EAAO,IAAKC,EAChF,mBAACN,EAAa,SAAb,CAAsB,MAAO,CAAE,KAAAI,CAAK,EAAI,SAAAD,EAAS,EACpD,CAGN,EACAb,EAAW,YAAc,aAMzB,MAAMC,EAAiBG,EAAM,WAC3B,CAAC,CAAE,UAAAQ,EAAW,KAAAE,EAAM,SAAAD,EAAU,GAAGE,CAAM,EAAGC,IAAQ,CAChD,KAAM,CAAE,KAAMC,CAAe,EAAIb,EAAM,WAAWM,CAAY,EAExDQ,KACJ,OAACb,EAAoB,KAApB,CACC,IAAKW,EACL,aAAW,MACTL,EAAmB,CACjB,KAAMG,GAAQG,CAChB,CAAC,EACDL,CACF,EACC,GAAGG,EAEJ,mBAACV,EAAoB,UAApB,CAA8B,UAAU,0DACvC,mBAAC,cAAU,EACb,EACF,EAGF,OAAIQ,KAEA,QAAC,QAAK,GAAG,QAAQ,aAAW,MAAG,0BAA2BD,CAAS,EAChE,UAAAM,EACAL,GACH,EAGGK,CACT,CACF,EACAjB,EAAe,YAAc",
   "names": ["radio_exports", "__export", "RadioGroup", "RadioGroupItem", "__toCommonJS", "import_jsx_runtime", "React", "RadioGroupPrimitive", "import_text", "import_react_icons", "import_class_variance_authority", "import_helpers", "RadioContext", "radioGroupVariants", "className", "children", "size", "props", "ref", "sizeFromParent", "ItemRadio"]
 }

package/dist/cjs/components/skeleton.js CHANGED Viewed

@@ -1,5 +1,5 @@
-"use strict";var b=Object.create;var l=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var S=(e,n)=>{for(var o in n)l(e,o,{get:n[o],enumerable:!0})},a=(e,n,o,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let t of u(n))!P.call(e,t)&&t!==o&&l(e,t,{get:()=>n[t],enumerable:!(r=k(n,t))||r.enumerable});return e};var v=(e,n,o)=>(o=e!=null?b(g(e)):{},a(n||!e||!e.__esModule?l(o,"default",{value:e,enumerable:!0}):o,e)),R=e=>a(l({},"__esModule",{value:!0}),e);var y={};S(y,{default:()=>h});module.exports=R(y);var m=require("react/jsx-runtime"),s=v(require("react")),p=require("../helpers/index.js"),d=require("@radix-ui/react-slot");const i=s.forwardRef((e,n)=>{const{children:o,className:r,loading:t=!0,...c}=e;if(!t)return o;const f=s.isValidElement(o)?d.Slot:"span";return(0,m.jsx)(f,{ref:n,className:(0,p.cn)(`bg-skeleton animate-pulse empty:block data-[inline-skeleton=true]:leading-[0] !bg-none !bg-clip-border !border-none !shadow-none
-        !text-transparent !outline-none !select-none !cursor-default !pointer-events-none !decoration-clone
-        after:!invisible before:!invisible [&>*]:!invisible
+"use strict";var b=Object.create;var l=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var S=(e,n)=>{for(var o in n)l(e,o,{get:n[o],enumerable:!0})},a=(e,n,o,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let t of u(n))!P.call(e,t)&&t!==o&&l(e,t,{get:()=>n[t],enumerable:!(r=k(n,t))||r.enumerable});return e};var v=(e,n,o)=>(o=e!=null?b(g(e)):{},a(n||!e||!e.__esModule?l(o,"default",{value:e,enumerable:!0}):o,e)),R=e=>a(l({},"__esModule",{value:!0}),e);var y={};S(y,{default:()=>h});module.exports=R(y);var m=require("react/jsx-runtime"),s=v(require("react")),p=require("../helpers/index.js"),d=require("@radix-ui/react-slot");const i=s.forwardRef((e,n)=>{const{children:o,className:r,loading:t=!0,...c}=e;if(!t)return o;const f=s.isValidElement(o)?d.Slot:"span";return(0,m.jsx)(f,{ref:n,className:(0,p.cn)(`bg-skeleton !pointer-events-none animate-pulse !cursor-default !select-none !border-none !bg-none !decoration-clone
+        !bg-clip-border !text-transparent !shadow-none !outline-none before:!invisible after:!invisible
+        empty:block data-[inline-skeleton=true]:leading-[0] [&>*]:!invisible
         `,r),"data-inline-skeleton":s.isValidElement(o)?void 0:!0,tabIndex:-1,...c,children:o})});i.displayName="Skeleton";var h=i;
 //# sourceMappingURL=skeleton.js.map

package/dist/cjs/components/skeleton.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/skeleton.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport { cn } from '../helpers/index.js'\nimport { Slot } from '@radix-ui/react-slot'\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js'\n\ntype SkeletonElement = React.ElementRef<'span'>\n\ninterface SkeletonProps extends ComponentPropsWithout<'span', RemovedProps> {\n  /** \u662F\u5426\u6B63\u5728\u52A0\u8F7D , \u9ED8\u8BA4\u662Ftrue*/\n  loading?: boolean\n}\n\nconst Skeleton = React.forwardRef<SkeletonElement, SkeletonProps>((props, forwardedRef) => {\n  const { children, className, loading = true, ...skeletonProps } = props\n\n  if (!loading) return children\n  const Tag = React.isValidElement(children) ? Slot : 'span'\n\n  return (\n    <Tag\n      ref={forwardedRef}\n      className={cn(\n        `bg-skeleton animate-pulse empty:block data-[inline-skeleton=true]:leading-[0] !bg-none !bg-clip-border !border-none !shadow-none \n        !text-transparent !outline-none !select-none !cursor-default !pointer-events-none !decoration-clone\n        after:!invisible before:!invisible [&>*]:!invisible\n        `,\n        className\n      )}\n      data-inline-skeleton={React.isValidElement(children) ? undefined : true}\n      tabIndex={-1}\n      {...skeletonProps}\n    >\n      {children}\n    </Tag>\n  )\n})\n\nSkeleton.displayName = 'Skeleton'\n\nexport default Skeleton\nexport type { SkeletonProps }\n"],
+  "sourcesContent": ["import * as React from 'react'\nimport { cn } from '../helpers/index.js'\nimport { Slot } from '@radix-ui/react-slot'\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js'\n\ntype SkeletonElement = React.ElementRef<'span'>\n\ninterface SkeletonProps extends ComponentPropsWithout<'span', RemovedProps> {\n  /** \u662F\u5426\u6B63\u5728\u52A0\u8F7D , \u9ED8\u8BA4\u662Ftrue*/\n  loading?: boolean\n}\n\nconst Skeleton = React.forwardRef<SkeletonElement, SkeletonProps>((props, forwardedRef) => {\n  const { children, className, loading = true, ...skeletonProps } = props\n\n  if (!loading) return children\n  const Tag = React.isValidElement(children) ? Slot : 'span'\n\n  return (\n    <Tag\n      ref={forwardedRef}\n      className={cn(\n        `bg-skeleton !pointer-events-none animate-pulse !cursor-default !select-none !border-none !bg-none !decoration-clone \n        !bg-clip-border !text-transparent !shadow-none !outline-none before:!invisible after:!invisible\n        empty:block data-[inline-skeleton=true]:leading-[0] [&>*]:!invisible\n        `,\n        className\n      )}\n      data-inline-skeleton={React.isValidElement(children) ? undefined : true}\n      tabIndex={-1}\n      {...skeletonProps}\n    >\n      {children}\n    </Tag>\n  )\n})\n\nSkeleton.displayName = 'Skeleton'\n\nexport default Skeleton\nexport type { SkeletonProps }\n"],
   "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAmBI,IAAAI,EAAA,6BAnBJC,EAAuB,oBACvBC,EAAmB,+BACnBC,EAAqB,gCAUrB,MAAMC,EAAWH,EAAM,WAA2C,CAACI,EAAOC,IAAiB,CACzF,KAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,QAAAC,EAAU,GAAM,GAAGC,CAAc,EAAIL,EAElE,GAAI,CAACI,EAAS,OAAOF,EACrB,MAAMI,EAAMV,EAAM,eAAeM,CAAQ,EAAI,OAAO,OAEpD,SACE,OAACI,EAAA,CACC,IAAKL,EACL,aAAW,MACT;AAAA;AAAA;AAAA,UAIAE,CACF,EACA,uBAAsBP,EAAM,eAAeM,CAAQ,EAAI,OAAY,GACnE,SAAU,GACT,GAAGG,EAEH,SAAAH,EACH,CAEJ,CAAC,EAEDH,EAAS,YAAc,WAEvB,IAAON,EAAQM",
   "names": ["skeleton_exports", "__export", "skeleton_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_react_slot", "Skeleton", "props", "forwardedRef", "children", "className", "loading", "skeletonProps", "Tag"]
 }

package/dist/cjs/components/tabs.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/tabs.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../helpers/index.js'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { cva } from 'class-variance-authority'\nimport type { Align, Shape } from '../types/props.js'\n\nconst TabListContext = React.createContext<{\n  align?: Align\n  shape: Shape\n}>({\n  align: 'left',\n  shape: 'square',\n})\n\nconst Tabs = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {\n    align?: Align\n    shape?: Shape\n\n  }\n>(({ children, align = 'left', shape = 'square', ...props }, ref) => (\n  <TabsPrimitive.Root ref={ref} {...props}>\n    <TabListContext.Provider value={{ align, shape }}>{children}</TabListContext.Provider>\n  </TabsPrimitive.Root>\n))\nTabs.displayName = 'Tabs'\n\nconst tabsListVariants = cva('', {\n  variants: {\n    align: {\n      left: 'justify-left',\n      center: 'justify-center',\n      right: 'justify-end',\n    },\n    shape: {\n      rounded: 'rounded-[28px]',\n      square: 'rounded-none',\n    },\n  },\n  defaultVariants: {\n    align: 'left',\n    shape: 'square',\n  },\n})\n\nconst tabsTriggerVariants = cva('', {\n  variants: {\n    shape: {\n      rounded: 'rounded-[28px]',\n      square: 'rounded-none',\n    },\n  },\n  defaultVariants: {\n    shape: 'square',\n  },\n})\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => {\n  const { align: alignFromParent, shape: shapeFromParent } = React.useContext(TabListContext)\n  return (\n    <TabsPrimitive.List\n      ref={ref}\n      className={cn(\n        'bg-tabs-list-bg flex w-fit overflow-x-auto p-1',\n        tabsListVariants({\n          align: alignFromParent,\n          shape: shapeFromParent,\n        }),\n        className\n      )}\n      {...props}\n    />\n  )\n})\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => {\n  const { shape: shapeFromParent } = React.useContext(TabListContext)\n  return (\n    <TabsPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'text-info-primary lg-desktop:text-[16px] disabled:text-btn-secondary-disabled lg-desktop:px-[28px] lg-desktop:pt-[15px] lg-desktop:pb-[14px] shrink-0 px-[20px] pb-[10px] pt-[11px] text-[14px] font-bold data-[state=active]:bg-white data-[state=active]:text-[#1d1d1d]',\n        className,\n        tabsTriggerVariants({\n          shape: shapeFromParent,\n        })\n      )}\n      {...props}\n    />\n  )\n})\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => <TabsPrimitive.Content ref={ref} className={cn(className)} {...props} />)\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,gBAAAC,EAAA,aAAAC,EAAA,gBAAAC,IAAA,eAAAC,EAAAN,GA0BI,IAAAO,EAAA,6BAxBJC,EAAuB,oBACvBC,EAAmB,+BAEnBC,EAA+B,mCAC/BC,EAAoB,oCAGpB,MAAMC,EAAiBJ,EAAM,cAG1B,CACD,MAAO,OACP,MAAO,QACT,CAAC,EAEKN,EAAOM,EAAM,WAOjB,CAAC,CAAE,SAAAK,EAAU,MAAAC,EAAQ,OAAQ,MAAAC,EAAQ,SAAU,GAAGC,CAAM,EAAGC,OAC3D,OAACP,EAAc,KAAd,CAAmB,IAAKO,EAAM,GAAGD,EAChC,mBAACJ,EAAe,SAAf,CAAwB,MAAO,CAAE,MAAAE,EAAO,MAAAC,CAAM,EAAI,SAAAF,EAAS,EAC9D,CACD,EACDX,EAAK,YAAc,OAEnB,MAAMgB,KAAmB,OAAI,GAAI,CAC/B,SAAU,CACR,MAAO,CACL,KAAM,eACN,OAAQ,iBACR,MAAO,aACT,EACA,MAAO,CACL,QAAS,iBACT,OAAQ,cACV,CACF,EACA,gBAAiB,CACf,MAAO,OACP,MAAO,QACT,CACF,CAAC,EAEKC,KAAsB,OAAI,GAAI,CAClC,SAAU,CACR,MAAO,CACL,QAAS,iBACT,OAAQ,cACV,CACF,EACA,gBAAiB,CACf,MAAO,QACT,CACF,CAAC,EACKf,EAAWI,EAAM,WAGrB,CAAC,CAAE,UAAAY,EAAW,GAAGJ,CAAM,EAAGC,IAAQ,CAClC,KAAM,CAAE,MAAOI,EAAiB,MAAOC,CAAgB,EAAId,EAAM,WAAWI,CAAc,EAC1F,SACE,OAACF,EAAc,KAAd,CACC,IAAKO,EACL,aAAW,MACT,iDACAC,EAAiB,CACf,MAAOG,EACP,MAAOC,CACT,CAAC,EACDF,CACF,EACC,GAAGJ,EACN,CAEJ,CAAC,EACDZ,EAAS,YAAcM,EAAc,KAAK,YAE1C,MAAML,EAAcG,EAAM,WAGxB,CAAC,CAAE,UAAAY,EAAW,GAAGJ,CAAM,EAAGC,IAAQ,CAClC,KAAM,CAAE,MAAOK,CAAgB,EAAId,EAAM,WAAWI,CAAc,EAClE,SACE,OAACF,EAAc,QAAd,CACC,IAAKO,EACL,aAAW,MACT,4QACAG,EACAD,EAAoB,CAClB,MAAOG,CACT,CAAC,CACH,EACC,GAAGN,EACN,CAEJ,CAAC,EACDX,EAAY,YAAcK,EAAc,QAAQ,YAEhD,MAAMP,EAAcK,EAAM,WAGxB,CAAC,CAAE,UAAAY,EAAW,GAAGJ,CAAM,EAAGC,OAAQ,OAACP,EAAc,QAAd,CAAsB,IAAKO,EAAK,aAAW,MAAGG,CAAS,EAAI,GAAGJ,EAAO,CAAE,EAC5Gb,EAAY,YAAcO,EAAc,QAAQ",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../helpers/index.js'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { cva } from 'class-variance-authority'\nimport type { Align, Shape } from '../types/props.js'\n\nconst TabListContext = React.createContext<{\n  align?: Align\n  shape: Shape\n}>({\n  align: 'left',\n  shape: 'square',\n})\n\nconst Tabs = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {\n    align?: Align\n    shape?: Shape\n  }\n>(({ children, align = 'left', shape = 'square', ...props }, ref) => (\n  <TabsPrimitive.Root ref={ref} {...props}>\n    <TabListContext.Provider value={{ align, shape }}>{children}</TabListContext.Provider>\n  </TabsPrimitive.Root>\n))\nTabs.displayName = 'Tabs'\n\nconst tabsListVariants = cva('', {\n  variants: {\n    align: {\n      left: 'justify-left',\n      center: 'justify-center',\n      right: 'justify-end',\n    },\n    shape: {\n      rounded: 'rounded-[28px]',\n      square: 'rounded-none',\n    },\n  },\n  defaultVariants: {\n    align: 'left',\n    shape: 'square',\n  },\n})\n\nconst tabsTriggerVariants = cva('', {\n  variants: {\n    shape: {\n      rounded: 'rounded-[28px]',\n      square: 'rounded-none',\n    },\n  },\n  defaultVariants: {\n    shape: 'square',\n  },\n})\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => {\n  const { align: alignFromParent, shape: shapeFromParent } = React.useContext(TabListContext)\n  return (\n    <TabsPrimitive.List\n      ref={ref}\n      className={cn(\n        'bg-tabs-list-bg flex w-fit overflow-x-auto p-1',\n        tabsListVariants({\n          align: alignFromParent,\n          shape: shapeFromParent,\n        }),\n        className\n      )}\n      {...props}\n    />\n  )\n})\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => {\n  const { shape: shapeFromParent } = React.useContext(TabListContext)\n  return (\n    <TabsPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'text-info-primary lg-desktop:text-[16px] disabled:text-btn-secondary-disabled lg-desktop:px-[28px] lg-desktop:pt-[15px] lg-desktop:pb-[14px] shrink-0 px-[20px] pb-[10px] pt-[11px] text-[14px] font-bold data-[state=active]:bg-white data-[state=active]:text-[#1d1d1d]',\n        className,\n        tabsTriggerVariants({\n          shape: shapeFromParent,\n        })\n      )}\n      {...props}\n    />\n  )\n})\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => <TabsPrimitive.Content ref={ref} className={cn(className)} {...props} />)\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,gBAAAC,EAAA,aAAAC,EAAA,gBAAAC,IAAA,eAAAC,EAAAN,GAyBI,IAAAO,EAAA,6BAvBJC,EAAuB,oBACvBC,EAAmB,+BAEnBC,EAA+B,mCAC/BC,EAAoB,oCAGpB,MAAMC,EAAiBJ,EAAM,cAG1B,CACD,MAAO,OACP,MAAO,QACT,CAAC,EAEKN,EAAOM,EAAM,WAMjB,CAAC,CAAE,SAAAK,EAAU,MAAAC,EAAQ,OAAQ,MAAAC,EAAQ,SAAU,GAAGC,CAAM,EAAGC,OAC3D,OAACP,EAAc,KAAd,CAAmB,IAAKO,EAAM,GAAGD,EAChC,mBAACJ,EAAe,SAAf,CAAwB,MAAO,CAAE,MAAAE,EAAO,MAAAC,CAAM,EAAI,SAAAF,EAAS,EAC9D,CACD,EACDX,EAAK,YAAc,OAEnB,MAAMgB,KAAmB,OAAI,GAAI,CAC/B,SAAU,CACR,MAAO,CACL,KAAM,eACN,OAAQ,iBACR,MAAO,aACT,EACA,MAAO,CACL,QAAS,iBACT,OAAQ,cACV,CACF,EACA,gBAAiB,CACf,MAAO,OACP,MAAO,QACT,CACF,CAAC,EAEKC,KAAsB,OAAI,GAAI,CAClC,SAAU,CACR,MAAO,CACL,QAAS,iBACT,OAAQ,cACV,CACF,EACA,gBAAiB,CACf,MAAO,QACT,CACF,CAAC,EACKf,EAAWI,EAAM,WAGrB,CAAC,CAAE,UAAAY,EAAW,GAAGJ,CAAM,EAAGC,IAAQ,CAClC,KAAM,CAAE,MAAOI,EAAiB,MAAOC,CAAgB,EAAId,EAAM,WAAWI,CAAc,EAC1F,SACE,OAACF,EAAc,KAAd,CACC,IAAKO,EACL,aAAW,MACT,iDACAC,EAAiB,CACf,MAAOG,EACP,MAAOC,CACT,CAAC,EACDF,CACF,EACC,GAAGJ,EACN,CAEJ,CAAC,EACDZ,EAAS,YAAcM,EAAc,KAAK,YAE1C,MAAML,EAAcG,EAAM,WAGxB,CAAC,CAAE,UAAAY,EAAW,GAAGJ,CAAM,EAAGC,IAAQ,CAClC,KAAM,CAAE,MAAOK,CAAgB,EAAId,EAAM,WAAWI,CAAc,EAClE,SACE,OAACF,EAAc,QAAd,CACC,IAAKO,EACL,aAAW,MACT,4QACAG,EACAD,EAAoB,CAClB,MAAOG,CACT,CAAC,CACH,EACC,GAAGN,EACN,CAEJ,CAAC,EACDX,EAAY,YAAcK,EAAc,QAAQ,YAEhD,MAAMP,EAAcK,EAAM,WAGxB,CAAC,CAAE,UAAAY,EAAW,GAAGJ,CAAM,EAAGC,OAAQ,OAACP,EAAc,QAAd,CAAsB,IAAKO,EAAK,aAAW,MAAGG,CAAS,EAAI,GAAGJ,EAAO,CAAE,EAC5Gb,EAAY,YAAcO,EAAc,QAAQ",
   "names": ["tabs_exports", "__export", "Tabs", "TabsContent", "TabsList", "TabsTrigger", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "TabsPrimitive", "import_class_variance_authority", "TabListContext", "children", "align", "shape", "props", "ref", "tabsListVariants", "tabsTriggerVariants", "className", "alignFromParent", "shapeFromParent"]
 }

package/dist/cjs/components/text.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/text.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cn } from '../helpers/index.js'\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js'\n\nconst textVariants = cva('tracking font-body text-info-primary', {\n  variants: {\n    size: {\n      1: 'text-text-1',\n      2: 'text-text-2',\n      3: 'text-text-3',\n    },\n    weight: {\n      light: 'font-light',\n      normal: 'font-normal',\n      medium: 'font-medium',\n      semibold: 'font-semibold',\n      bold: 'font-bold',\n    },\n    align: {\n      left: 'text-left',\n      center: 'text-center',\n      right: 'text-right',\n    },\n  },\n  defaultVariants: {\n    size: 3,\n    weight: 'medium',\n  },\n})\n\ntype TextElement = React.ElementRef<'span'>\ntype TextSpanProps = { as?: 'span' } & ComponentPropsWithout<'span', RemovedProps>\ntype TextDivProps = { as: 'div' } & ComponentPropsWithout<'div', RemovedProps>\ntype TextLabelProps = { as: 'label' } & ComponentPropsWithout<'label', RemovedProps>\ntype TextPProps = { as: 'p' } & ComponentPropsWithout<'p', RemovedProps>\n\ninterface CommonTextProps extends VariantProps<typeof textVariants> {\n  as?: 'div' | 'label' | 'p' | 'span'\n  asChild?: boolean\n  color?: string\n  /** \u76F8\u5F53\u4E8E dangerouslySetInnerHTML */\n  html?: string\n}\n\ntype TextProps = CommonTextProps & (TextSpanProps | TextDivProps | TextLabelProps | TextPProps)\n\nconst Text = React.forwardRef<TextElement, TextProps>((props, forwardedRef) => {\n  const {\n    children,\n    size = 3,\n    weight,\n    align,\n    className,\n    asChild,\n    as: Tag = 'span',\n    color,\n    html,\n    ...textProps\n  } = props\n\n  const htmlContentProps = html\n    ? {\n      dangerouslySetInnerHTML: { __html: html },\n    }\n    : null\n\n  const styleProps = color\n    ? {\n      style: {\n        color,\n      },\n    }\n    : null\n\n  return (\n    <Slot\n      {...textProps}\n      ref={forwardedRef}\n      className={cn(\n        textVariants({\n          size,\n          weight,\n          align,\n        }),\n        className\n      )}\n      {...htmlContentProps}\n      {...styleProps}\n    >\n      {asChild ? children : <Tag>{htmlContentProps ? null : children}</Tag>}\n    </Slot>\n  )\n})\nText.displayName = 'Text'\n\nexport { Text }\nexport type { TextProps }\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,IAAA,eAAAC,EAAAH,GA2F4B,IAAAI,EAAA,6BA3F5BC,EAAuB,oBACvBC,EAAqB,gCACrBC,EAAmB,+BACnBC,EAAuC,oCAGvC,MAAMC,KAAe,OAAI,uCAAwC,CAC/D,SAAU,CACR,KAAM,CACJ,EAAG,cACH,EAAG,cACH,EAAG,aACL,EACA,OAAQ,CACN,MAAO,aACP,OAAQ,cACR,OAAQ,cACR,SAAU,gBACV,KAAM,WACR,EACA,MAAO,CACL,KAAM,YACN,OAAQ,cACR,MAAO,YACT,CACF,EACA,gBAAiB,CACf,KAAM,EACN,OAAQ,QACV,CACF,CAAC,EAkBKP,EAAOG,EAAM,WAAmC,CAACK,EAAOC,IAAiB,CAC7E,KAAM,CACJ,SAAAC,EACA,KAAAC,EAAO,EACP,OAAAC,EACA,MAAAC,EACA,UAAAC,EACA,QAAAC,EACA,GAAIC,EAAM,OACV,MAAAC,EACA,KAAAC,EACA,GAAGC,CACL,EAAIX,EAEEY,EAAmBF,EACrB,CACA,wBAAyB,CAAE,OAAQA,CAAK,CAC1C,EACE,KAEEG,EAAaJ,EACf,CACA,MAAO,CACL,MAAAA,CACF,CACF,EACE,KAEJ,SACE,OAAC,QACE,GAAGE,EACJ,IAAKV,EACL,aAAW,MACTF,EAAa,CACX,KAAAI,EACA,OAAAC,EACA,MAAAC,CACF,CAAC,EACDC,CACF,EACC,GAAGM,EACH,GAAGC,EAEH,SAAAN,EAAUL,KAAW,OAACM,EAAA,CAAK,SAAAI,EAAmB,KAAOV,EAAS,EACjE,CAEJ,CAAC,EACDV,EAAK,YAAc",
+  "sourcesContent": ["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cn } from '../helpers/index.js'\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js'\n\nconst textVariants = cva('tracking font-body text-info-primary', {\n  variants: {\n    size: {\n      1: 'text-text-1',\n      2: 'text-text-2',\n      3: 'text-text-3',\n    },\n    weight: {\n      light: 'font-light',\n      normal: 'font-normal',\n      medium: 'font-medium',\n      semibold: 'font-semibold',\n      bold: 'font-bold',\n    },\n    align: {\n      left: 'text-left',\n      center: 'text-center',\n      right: 'text-right',\n    },\n  },\n  defaultVariants: {\n    size: 3,\n    weight: 'medium',\n  },\n})\n\ntype TextElement = React.ElementRef<'span'>\ntype TextSpanProps = { as?: 'span' } & ComponentPropsWithout<'span', RemovedProps>\ntype TextDivProps = { as: 'div' } & ComponentPropsWithout<'div', RemovedProps>\ntype TextLabelProps = { as: 'label' } & ComponentPropsWithout<'label', RemovedProps>\ntype TextPProps = { as: 'p' } & ComponentPropsWithout<'p', RemovedProps>\n\ninterface CommonTextProps extends VariantProps<typeof textVariants> {\n  as?: 'div' | 'label' | 'p' | 'span'\n  asChild?: boolean\n  color?: string\n  /** \u76F8\u5F53\u4E8E dangerouslySetInnerHTML */\n  html?: string\n}\n\ntype TextProps = CommonTextProps & (TextSpanProps | TextDivProps | TextLabelProps | TextPProps)\n\nconst Text = React.forwardRef<TextElement, TextProps>((props, forwardedRef) => {\n  const { children, size = 3, weight, align, className, asChild, as: Tag = 'span', color, html, ...textProps } = props\n\n  const htmlContentProps = html\n    ? {\n        dangerouslySetInnerHTML: { __html: html },\n      }\n    : null\n\n  const styleProps = color\n    ? {\n        style: {\n          color,\n        },\n      }\n    : null\n\n  return (\n    <Slot\n      {...textProps}\n      ref={forwardedRef}\n      className={cn(\n        textVariants({\n          size,\n          weight,\n          align,\n        }),\n        className\n      )}\n      {...htmlContentProps}\n      {...styleProps}\n    >\n      {asChild ? children : <Tag>{htmlContentProps ? null : children}</Tag>}\n    </Slot>\n  )\n})\nText.displayName = 'Text'\n\nexport { Text }\nexport type { TextProps }\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,IAAA,eAAAC,EAAAH,GAgF4B,IAAAI,EAAA,6BAhF5BC,EAAuB,oBACvBC,EAAqB,gCACrBC,EAAmB,+BACnBC,EAAuC,oCAGvC,MAAMC,KAAe,OAAI,uCAAwC,CAC/D,SAAU,CACR,KAAM,CACJ,EAAG,cACH,EAAG,cACH,EAAG,aACL,EACA,OAAQ,CACN,MAAO,aACP,OAAQ,cACR,OAAQ,cACR,SAAU,gBACV,KAAM,WACR,EACA,MAAO,CACL,KAAM,YACN,OAAQ,cACR,MAAO,YACT,CACF,EACA,gBAAiB,CACf,KAAM,EACN,OAAQ,QACV,CACF,CAAC,EAkBKP,EAAOG,EAAM,WAAmC,CAACK,EAAOC,IAAiB,CAC7E,KAAM,CAAE,SAAAC,EAAU,KAAAC,EAAO,EAAG,OAAAC,EAAQ,MAAAC,EAAO,UAAAC,EAAW,QAAAC,EAAS,GAAIC,EAAM,OAAQ,MAAAC,EAAO,KAAAC,EAAM,GAAGC,CAAU,EAAIX,EAEzGY,EAAmBF,EACrB,CACE,wBAAyB,CAAE,OAAQA,CAAK,CAC1C,EACA,KAEEG,EAAaJ,EACf,CACE,MAAO,CACL,MAAAA,CACF,CACF,EACA,KAEJ,SACE,OAAC,QACE,GAAGE,EACJ,IAAKV,EACL,aAAW,MACTF,EAAa,CACX,KAAAI,EACA,OAAAC,EACA,MAAAC,CACF,CAAC,EACDC,CACF,EACC,GAAGM,EACH,GAAGC,EAEH,SAAAN,EAAUL,KAAW,OAACM,EAAA,CAAK,SAAAI,EAAmB,KAAOV,EAAS,EACjE,CAEJ,CAAC,EACDV,EAAK,YAAc",
   "names": ["text_exports", "__export", "Text", "__toCommonJS", "import_jsx_runtime", "React", "import_react_slot", "import_helpers", "import_class_variance_authority", "textVariants", "props", "forwardedRef", "children", "size", "weight", "align", "className", "asChild", "Tag", "color", "html", "textProps", "htmlContentProps", "styleProps"]
 }

package/dist/cjs/components/theme.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/theme.tsx"],
-  "sourcesContent": ["'use client'\nimport * as React from 'react'\n\ninterface ThemeProps {\n  brand: string\n  children: React.ReactNode\n}\n/**\n * @deprecated \n * @param param\n * @returns\n */\nconst Theme = ({ brand, children }: ThemeProps) => {\n  React.useLayoutEffect(() => {\n    document.querySelector('html')?.setAttribute('data-brand-theme', brand)\n  }, [])\n  return <>{children}</>\n}\n\nexport default Theme\n"],
+  "sourcesContent": ["'use client'\nimport * as React from 'react'\n\ninterface ThemeProps {\n  brand: string\n  children: React.ReactNode\n}\n/**\n * @deprecated\n * @param param\n * @returns\n */\nconst Theme = ({ brand, children }: ThemeProps) => {\n  React.useLayoutEffect(() => {\n    document.querySelector('html')?.setAttribute('data-brand-theme', brand)\n  }, [])\n  return <>{children}</>\n}\n\nexport default Theme\n"],
   "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAgBS,IAAAI,EAAA,6BAfTC,EAAuB,oBAWvB,MAAMC,EAAQ,CAAC,CAAE,MAAAC,EAAO,SAAAC,CAAS,KAC/BH,EAAM,gBAAgB,IAAM,CAC1B,SAAS,cAAc,MAAM,GAAG,aAAa,mBAAoBE,CAAK,CACxE,EAAG,CAAC,CAAC,KACE,mBAAG,SAAAC,EAAS,GAGrB,IAAON,EAAQI",
   "names": ["theme_exports", "__export", "theme_default", "__toCommonJS", "import_jsx_runtime", "React", "Theme", "brand", "children"]
 }

package/dist/cjs/stories/HeroBanner.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/HeroBanner.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport HeroBanner from '../biz-components/HeroBanner/HeroBanner.js'\n\nconst meta = {\n  title: 'Biz-Components/HeroBanner',\n  component: HeroBanner,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: `\nHeroBanner \u7EC4\u4EF6\u7528\u4E8E\u5C55\u793A\u7F51\u7AD9\u7684\u4E3B\u8981\u5185\u5BB9\u533A\u57DF\uFF0C\u901A\u5E38\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u548C\u884C\u52A8\u6309\u94AE\u3002\n\n### \u7279\u70B9\n- \u652F\u6301\u4EAE\u8272\u548C\u6697\u8272\u4E3B\u9898\n- \u4F7F\u7528 Mont For Anker \u5B57\u4F53\u4F5C\u4E3A\u6807\u9898\n- \u53EF\u914D\u7F6E\u4E3B\u6309\u94AE\u548C\u6B21\u8981\u6309\u94AE\n- \u652F\u6301\u5E95\u90E8\u4EA7\u54C1\u5217\u8868\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof HeroBanner>\n\nexport default meta\ntype Story = StoryObj<typeof HeroBanner>\n\nconst defaultBackground = \"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aee13b30b2c77fc8d0a46e4f19fa48cb_6a25debf-f95e-4ca6-990b-babcad65216c.png?v=1745468206\"\n\nexport const LightTheme: Story = {\n  args: {\n    title: \"Anker Laptop Power\",\n    subtitle: \"Anker Prime 240W GaN Desktop Charger (4 Ports)\",\n    background: defaultBackground,\n    theme: \"light\",\n    primaryButton: {\n      text: \"Shop Now\",\n      onClick: () => console.log(\"Primary button clicked\")\n    },\n    secondaryButton: {\n      text: \"Learn More\",\n      onClick: () => console.log(\"Secondary button clicked\")\n    },\n    products: [\n      { title: \"Anker Prime 240W GaN Desktop Charger (4 Ports)\", active: true },\n      { title: \"Anker Prime 27,650mAh Power Bank (250W)\" },\n      { title: \"Anker Prime 240W GaN Desktop Charger (4 Ports)\" }\n    ]\n  }\n}\n\nexport const DarkTheme: Story = {\n  args: {\n    title: \"Power Your Life\",\n    subtitle: \"Experience the next generation of charging technology with our innovative solutions designed for modern life.\",\n    background: defaultBackground,\n    theme: \"dark\",\n    primaryButton: {\n      text: \"Shop Now\",\n      onClick: () => console.log(\"Primary button clicked\")\n    },\n    secondaryButton: {\n      text: \"Learn More\",\n      onClick: () => console.log(\"Secondary button clicked\")\n    }\n  }\n}\n\nexport const WithoutSecondaryButton: Story = {\n  args: {\n    title: \"Future of Charging\",\n    subtitle: \"Step into the future with our revolutionary charging solutions that redefine the way you power your devices.\",\n    background: defaultBackground,\n    theme: \"dark\",\n    primaryButton: {\n      text: \"Shop Now\",\n      onClick: () => console.log(\"Primary button clicked\")\n    },\n    products: [\n      { title: \"Anker Prime 240W GaN Desktop Charger (4 Ports)\" },\n      { title: \"Anker Prime 27,650mAh Power Bank (250W)\" },\n      { title: \"Anker Prime 240W GaN Desktop Charger (4 Ports)\" }\n    ]\n  }\n} "],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,EAAA,eAAAC,EAAA,2BAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GACA,IAAAO,EAAuB,yDAEvB,MAAMC,EAAO,CACX,MAAO,4BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SASb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAGf,MAAME,EAAoB,gJAEbP,EAAoB,CAC/B,KAAM,CACJ,MAAO,qBACP,SAAU,iDACV,WAAYO,EACZ,MAAO,QACP,cAAe,CACb,KAAM,WACN,QAAS,IAAM,QAAQ,IAAI,wBAAwB,CACrD,EACA,gBAAiB,CACf,KAAM,aACN,QAAS,IAAM,QAAQ,IAAI,0BAA0B,CACvD,EACA,SAAU,CACR,CAAE,MAAO,iDAAkD,OAAQ,EAAK,EACxE,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,EAEaR,EAAmB,CAC9B,KAAM,CACJ,MAAO,kBACP,SAAU,gHACV,WAAYQ,EACZ,MAAO,OACP,cAAe,CACb,KAAM,WACN,QAAS,IAAM,QAAQ,IAAI,wBAAwB,CACrD,EACA,gBAAiB,CACf,KAAM,aACN,QAAS,IAAM,QAAQ,IAAI,0BAA0B,CACvD,CACF,CACF,EAEaN,EAAgC,CAC3C,KAAM,CACJ,MAAO,qBACP,SAAU,+GACV,WAAYM,EACZ,MAAO,OACP,cAAe,CACb,KAAM,WACN,QAAS,IAAM,QAAQ,IAAI,wBAAwB,CACrD,EACA,SAAU,CACR,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport HeroBanner from '../biz-components/HeroBanner/HeroBanner.js'\n\nconst meta = {\n  title: 'Biz-Components/HeroBanner',\n  component: HeroBanner,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: `\nHeroBanner \u7EC4\u4EF6\u7528\u4E8E\u5C55\u793A\u7F51\u7AD9\u7684\u4E3B\u8981\u5185\u5BB9\u533A\u57DF\uFF0C\u901A\u5E38\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u548C\u884C\u52A8\u6309\u94AE\u3002\n\n### \u7279\u70B9\n- \u652F\u6301\u4EAE\u8272\u548C\u6697\u8272\u4E3B\u9898\n- \u4F7F\u7528 Mont For Anker \u5B57\u4F53\u4F5C\u4E3A\u6807\u9898\n- \u53EF\u914D\u7F6E\u4E3B\u6309\u94AE\u548C\u6B21\u8981\u6309\u94AE\n- \u652F\u6301\u5E95\u90E8\u4EA7\u54C1\u5217\u8868\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof HeroBanner>\n\nexport default meta\ntype Story = StoryObj<typeof HeroBanner>\n\nconst defaultBackground =\n  'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aee13b30b2c77fc8d0a46e4f19fa48cb_6a25debf-f95e-4ca6-990b-babcad65216c.png?v=1745468206'\n\nexport const LightTheme: Story = {\n  args: {\n    title: 'Anker Laptop Power',\n    subtitle: 'Anker Prime 240W GaN Desktop Charger (4 Ports)',\n    background: defaultBackground,\n    theme: 'light',\n    primaryButton: {\n      text: 'Shop Now',\n      onClick: () => console.log('Primary button clicked'),\n    },\n    secondaryButton: {\n      text: 'Learn More',\n      onClick: () => console.log('Secondary button clicked'),\n    },\n    products: [\n      { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)', active: true },\n      { title: 'Anker Prime 27,650mAh Power Bank (250W)' },\n      { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n    ],\n  },\n}\n\nexport const DarkTheme: Story = {\n  args: {\n    title: 'Power Your Life',\n    subtitle:\n      'Experience the next generation of charging technology with our innovative solutions designed for modern life.',\n    background: defaultBackground,\n    theme: 'dark',\n    primaryButton: {\n      text: 'Shop Now',\n      onClick: () => console.log('Primary button clicked'),\n    },\n    secondaryButton: {\n      text: 'Learn More',\n      onClick: () => console.log('Secondary button clicked'),\n    },\n  },\n}\n\nexport const WithoutSecondaryButton: Story = {\n  args: {\n    title: 'Future of Charging',\n    subtitle:\n      'Step into the future with our revolutionary charging solutions that redefine the way you power your devices.',\n    background: defaultBackground,\n    theme: 'dark',\n    primaryButton: {\n      text: 'Shop Now',\n      onClick: () => console.log('Primary button clicked'),\n    },\n    products: [\n      { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n      { title: 'Anker Prime 27,650mAh Power Bank (250W)' },\n      { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n    ],\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,EAAA,eAAAC,EAAA,2BAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GACA,IAAAO,EAAuB,yDAEvB,MAAMC,EAAO,CACX,MAAO,4BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SASb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAGf,MAAME,EACJ,gJAEWP,EAAoB,CAC/B,KAAM,CACJ,MAAO,qBACP,SAAU,iDACV,WAAYO,EACZ,MAAO,QACP,cAAe,CACb,KAAM,WACN,QAAS,IAAM,QAAQ,IAAI,wBAAwB,CACrD,EACA,gBAAiB,CACf,KAAM,aACN,QAAS,IAAM,QAAQ,IAAI,0BAA0B,CACvD,EACA,SAAU,CACR,CAAE,MAAO,iDAAkD,OAAQ,EAAK,EACxE,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,EAEaR,EAAmB,CAC9B,KAAM,CACJ,MAAO,kBACP,SACE,gHACF,WAAYQ,EACZ,MAAO,OACP,cAAe,CACb,KAAM,WACN,QAAS,IAAM,QAAQ,IAAI,wBAAwB,CACrD,EACA,gBAAiB,CACf,KAAM,aACN,QAAS,IAAM,QAAQ,IAAI,0BAA0B,CACvD,CACF,CACF,EAEaN,EAAgC,CAC3C,KAAM,CACJ,MAAO,qBACP,SACE,+GACF,WAAYM,EACZ,MAAO,OACP,cAAe,CACb,KAAM,WACN,QAAS,IAAM,QAAQ,IAAI,wBAAwB,CACrD,EACA,SAAU,CACR,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF",
   "names": ["HeroBanner_stories_exports", "__export", "DarkTheme", "LightTheme", "WithoutSecondaryButton", "HeroBanner_stories_default", "__toCommonJS", "import_HeroBanner", "meta", "HeroBanner", "defaultBackground"]
 }

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

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

package/dist/cjs/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'\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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAA2B,+CAE3B,MAAMC,EAAO,CACT,MAAO,gCACP,UAAW,EAAAC,QACX,WAAY,CACR,OAAQ,YACZ,EACA,KAAM,CAAC,UAAU,CACrB,EAEA,IAAOJ,EAAQG,EAGf,MAAME,EAAO,CACT,CACI,MAAO,2BACP,IAAK,gPACL,SAAU,sDACd,EACA,CACI,MAAO,2BACP,IAAK,gPACL,SAAU,sDACd,EACA,CACI,MAAO,2BACP,IAAK,gPACL,SAAU,sDACd,EACA,CACI,MAAO,2BACP,IAAK,gPACL,SAAU,sDACd,CACJ,EAEaP,EAAiB,CAC1B,KAAM,CACF,SAAUO,EACV,cAAe,YACnB,CACJ,EAEaN,EAAe,CACxB,KAAM,CACF,SAAUM,EACV,MAAO,QACP,UAAW,QACX,cAAe,YACnB,CACJ",
+  "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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAA2B,wDAE3B,MAAMC,EAAO,CACX,MAAO,gCACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAGf,MAAME,EAAO,CACX,CACE,MAAO,2BACP,IAAK,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,EAEaP,EAAiB,CAC5B,KAAM,CACJ,SAAUO,EACV,cAAe,YACjB,CACF,EAEaN,EAAe,CAC1B,KAAM,CACJ,SAAUM,EACV,MAAO,QACP,UAAW,QACX,cAAe,YACjB,CACF",
   "names": ["accordionCards_stories_exports", "__export", "Default", "Round", "accordionCards_stories_default", "__toCommonJS", "import_AccordionCards", "meta", "AccordionCards", "mock"]
 }

package/dist/cjs/stories/badge.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/badge.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Badge } from '../components/index.js'\nimport React from 'react'\n\nconst meta = {\n  title: 'Components/Badge',\n  component: Badge,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: {\n        type: 'select',\n      },\n      options: ['sm', 'lg'],\n      description: 'Badge \u5C3A\u5BF8',\n      table: {\n        defaultValue: { summary: 'lg' },\n      },\n    },\n  },\n  args: {\n    size: 'lg'\n  },\n} satisfies Meta<typeof Badge>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    children: 'New',\n  }\n}\n\nexport const Examples: Story = {\n  render() {\n    return (\n      <div className=\"flex flex-col space-y-4\">\n        <Badge>New</Badge>\n      </div>\n    )\n  },\n}\n"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Badge } from '../components/index.js'\nimport React from 'react'\n\nconst meta = {\n  title: 'Components/Badge',\n  component: Badge,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: {\n        type: 'select',\n      },\n      options: ['sm', 'lg'],\n      description: 'Badge \u5C3A\u5BF8',\n      table: {\n        defaultValue: { summary: 'lg' },\n      },\n    },\n  },\n  args: {\n    size: 'lg',\n  },\n} satisfies Meta<typeof Badge>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    children: 'New',\n  },\n}\n\nexport const Examples: Story = {\n  render() {\n    return (\n      <div className=\"flex flex-col space-y-4\">\n        <Badge>New</Badge>\n      </div>\n    )\n  },\n}\n"],
   "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,aAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GA2CQ,IAAAM,EAAA,6BAzCRC,EAAsB,kCACtBC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,mBACP,UAAW,QACX,WAAY,CACV,OAAQ,UACV,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,KAAM,IAAI,EACpB,YAAa,qBACb,MAAO,CACL,aAAc,CAAE,QAAS,IAAK,CAChC,CACF,CACF,EACA,KAAM,CACJ,KAAM,IACR,CACF,EAEA,IAAOL,EAAQK,EAIR,MAAMP,EAAiB,CAC5B,KAAM,CACJ,SAAU,KACZ,CACF,EAEaC,EAAkB,CAC7B,QAAS,CACP,SACE,OAAC,OAAI,UAAU,0BACb,mBAAC,SAAM,eAAG,EACZ,CAEJ,CACF",
   "names": ["badge_stories_exports", "__export", "Default", "Examples", "badge_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "meta"]
 }

package/dist/cjs/stories/bizTabs.stories.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\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\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}"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,YAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAiB,8CAGjB,MAAMC,EAA0B,CAC9B,MAAO,sBACP,UAAW,EAAAC,QACX,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,MAAO,CACL,QAAS,SACT,QAAS,CAAC,QAAS,MAAM,CAC3B,CACF,CACF,EAEA,IAAOJ,EAAQG,EAIf,MAAME,EAAmB,CACvB,QAAS,2BACT,WAAY,CACV,CACE,UAAW,eACX,cAAe,aACf,gBAAiB,WACjB,SAAU,CACR,CACE,IAAK,yGACL,MAAO,WACP,MAAO,gBACP,UAAW,YACX,SAAU,sBACV,SAAU,CAAC,cAAI,CACjB,CACF,EACA,UAAW,SACX,MAAO,MACT,CACF,CACF,EAGMC,EAAmB,CACvB,QAAS,2BACT,WAAY,CACV,CACE,UAAW,eACX,cAAe,aACf,gBAAiB,WACjB,SAAU,CACR,CACE,IAAK,6FACL,MAAO,YACP,MAAO,gBACP,UAAW,YACX,SAAU,sBACV,SAAU,CAAC,cAAI,CACjB,CACF,EACA,UAAW,SACX,MAAO,MACT,CACF,CACF,EAEaP,EAAiB,CAC5B,KAAM,CACJ,MAAO,SACP,MAAO,OACP,KAAM,CAACM,EAAkBC,CAAgB,CAC3C,CACF,EAGaR,EAAc,CACzB,KAAM,CACJ,MAAO,OACP,MAAO,SACP,MAAO,SACP,KAAM,CAACO,EAAkBC,CAAgB,EACzC,UAAW,SACb,CACF",
+  "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"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,YAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAiB,8CAGjB,MAAMC,EAA0B,CAC9B,MAAO,sBACP,UAAW,EAAAC,QACX,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,MAAO,CACL,QAAS,SACT,QAAS,CAAC,QAAS,MAAM,CAC3B,CACF,CACF,EAEA,IAAOJ,EAAQG,EAIf,MAAME,EAAmB,CACvB,QAAS,2BACT,WAAY,CACV,CACE,UAAW,eACX,cAAe,aACf,gBAAiB,WACjB,SAAU,CACR,CACE,IAAK,yGACL,MAAO,WACP,MAAO,gBACP,UAAW,YACX,SAAU,sBACV,SAAU,CAAC,cAAI,CACjB,CACF,EACA,UAAW,SACX,MAAO,MACT,CACF,CACF,EAEMC,EAAmB,CACvB,QAAS,2BACT,WAAY,CACV,CACE,UAAW,eACX,cAAe,aACf,gBAAiB,WACjB,SAAU,CACR,CACE,IAAK,6FACL,MAAO,YACP,MAAO,gBACP,UAAW,YACX,SAAU,sBACV,SAAU,CAAC,cAAI,CACjB,CACF,EACA,UAAW,SACX,MAAO,MACT,CACF,CACF,EAEaP,EAAiB,CAC5B,KAAM,CACJ,MAAO,SACP,MAAO,OACP,KAAM,CAACM,EAAkBC,CAAgB,CAC3C,CACF,EAEaR,EAAc,CACzB,KAAM,CACJ,MAAO,OACP,MAAO,SACP,MAAO,SACP,KAAM,CAACO,EAAkBC,CAAgB,EACzC,UAAW,SACb,CACF",
   "names": ["bizTabs_stories_exports", "__export", "Dark", "Default", "bizTabs_stories_default", "__toCommonJS", "import_Tabs", "meta", "Tabs", "shelfDisplayTab1", "shelfDisplayTab2"]
 }

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

@@ -1,7 +1,7 @@
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: import("react").FC<import("../biz-components/Category").CategoryProps>;
+    component: import("react").FC<import("../biz-components/Category/index.js").CategoryProps>;
     parameters: {
         layout: string;
     };

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

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

package/dist/cjs/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'\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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAqB,yCAErB,MAAMC,EAAO,CACX,MAAO,0BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,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,EAEaP,EAAiB,CAC5B,KAAM,CACJ,SAAUO,EACV,UAAW,KACb,CACF,EAEaN,EAAe,CAC1B,KAAM,CACJ,SAAUM,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    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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAqB,kDAErB,MAAMC,EAAO,CACX,MAAO,0BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,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,EAEaP,EAAiB,CAC5B,KAAM,CACJ,SAAUO,EACV,UAAW,KACb,CACF,EAEaN,EAAe,CAC1B,KAAM,CACJ,SAAUM,EACV,UAAW,MACX,MAAO,OACT,CACF",
   "names": ["category_stories_exports", "__export", "Default", "Round", "category_stories_default", "__toCommonJS", "import_Category", "meta", "Category", "mockItems"]
 }

package/dist/cjs/stories/container.stories.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var p=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var n=(t,a)=>{for(var r in a)p(t,r,{get:a[r],enumerable:!0})},c=(t,a,r,d)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of i(a))!m.call(t,s)&&s!==r&&p(t,s,{get:()=>a[s],enumerable:!(d=l(a,s))||d.enumerable});return t};var g=t=>c(p({},"__esModule",{value:!0}),t);var v={};n(v,{Basic:()=>N,NestedContent:()=>h,ResponsivePadding:()=>u,WithPaddingAndBackground:()=>y,default:()=>b});module.exports=g(v);var e=require("react/jsx-runtime"),C=require("react"),o=require("../components/index.js"),S=require("../helpers/utils.js");const x={title:"Layout/Container",component:o.Container,parameters:{layout:"fullscreen",docs:{description:{component:`
+"use strict";var p=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var n=(t,a)=>{for(var r in a)p(t,r,{get:a[r],enumerable:!0})},c=(t,a,r,d)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of i(a))!m.call(t,s)&&s!==r&&p(t,s,{get:()=>a[s],enumerable:!(d=l(a,s))||d.enumerable});return t};var g=t=>c(p({},"__esModule",{value:!0}),t);var v={};n(v,{Basic:()=>N,NestedContent:()=>h,ResponsivePadding:()=>y,WithPaddingAndBackground:()=>u,default:()=>b});module.exports=g(v);var e=require("react/jsx-runtime"),C=require("react"),o=require("../components/index.js"),S=require("../helpers/utils.js");const x={title:"Layout/Container",component:o.Container,parameters:{layout:"fullscreen",docs:{description:{component:`
 Container \u5BB9\u5668\u7EC4\u4EF6\uFF0C\u7528\u4E8E\u9650\u5236\u548C\u7EA6\u675F\u5185\u5BB9\u7684\u6700\u5927\u5BBD\u5EA6\uFF0C\u5B9E\u73B0\u54CD\u5E94\u5F0F\u7684\u9875\u9762\u5E03\u5C40\u3002
 ### \u5B9E\u73B0\u7EC6\u8282
@@ -11,5 +11,5 @@ Container \u5BB9\u5668\u7EC4\u4EF6\uFF0C\u7528\u4E8E\u9650\u5236\u548C\u7EA6\u67
   - desktop: \u5DE6\u53F3\u8FB9\u8DDD 64px (mx-16)
   - lg-desktop: \u5DE6\u53F3\u8FB9\u8DDD 128px (mx-32)
-        `}}},tags:["autodocs"]};var b=x;const N=()=>(0,e.jsx)(o.Container,{className:"p-4",children:(0,e.jsx)("div",{className:"bg-blue-100 p-4 rounded-lg text-center",children:"\u57FA\u7840\u5BB9\u5668 - \u81EA\u52A8\u5C45\u4E2D\uFF0C\u54CD\u5E94\u5F0F\u5BBD\u5EA6"})}),y=()=>(0,e.jsx)(o.Container,{className:"p-4 bg-gray-50",children:(0,e.jsxs)("div",{className:"space-y-4",children:[(0,e.jsxs)("div",{className:"bg-white p-4 rounded-lg shadow-sm",children:[(0,e.jsx)("h3",{className:"text-lg font-medium",children:"\u5185\u5BB9\u533A\u5757 1"}),(0,e.jsx)("p",{className:"text-gray-600",children:"\u5E26\u6709\u5185\u8FB9\u8DDD\u548C\u80CC\u666F\u8272\u7684\u5BB9\u5668\u793A\u4F8B"})]}),(0,e.jsxs)("div",{className:"bg-white p-4 rounded-lg shadow-sm",children:[(0,e.jsx)("h3",{className:"text-lg font-medium",children:"\u5185\u5BB9\u533A\u5757 2"}),(0,e.jsx)("p",{className:"text-gray-600",children:"\u5C55\u793A\u5185\u5BB9\u7684\u7EC4\u7EC7\u65B9\u5F0F"})]})]})}),u=()=>(0,e.jsx)(o.Container,{className:"px-4 tablet:px-6 laptop:px-8 py-4 bg-gradient-to-r from-blue-50 to-purple-50",children:(0,e.jsxs)("div",{className:"bg-white p-4 rounded-lg shadow-sm",children:[(0,e.jsx)("h3",{className:"text-lg font-medium",children:"\u54CD\u5E94\u5F0F\u5185\u8FB9\u8DDD"}),(0,e.jsxs)("p",{className:"text-gray-600",children:["\u5728\u4E0D\u540C\u5C4F\u5E55\u5C3A\u5BF8\u4E0B\u6709\u4E0D\u540C\u7684\u6C34\u5E73\u5185\u8FB9\u8DDD\uFF1A",(0,e.jsx)("br",{}),"\u9ED8\u8BA4: px-4 (16px)",(0,e.jsx)("br",{}),"tablet: px-6 (24px)",(0,e.jsx)("br",{}),"laptop: px-8 (32px)"]})]})}),h=()=>(0,e.jsxs)(o.Container,{className:"p-4",children:[(0,e.jsx)("header",{className:"bg-gray-800 text-white p-4 rounded-t-lg",children:(0,e.jsx)("h2",{className:"text-xl",children:"\u9875\u9762\u6807\u9898"})}),(0,e.jsxs)("main",{className:"bg-white p-4 border-x border-gray-200",children:[(0,e.jsx)("p",{className:"text-gray-600 mb-4",children:"\u4E3B\u8981\u5185\u5BB9\u533A\u57DF"}),(0,e.jsxs)("div",{className:"grid grid-cols-1 laptop:grid-cols-2 gap-4",children:[(0,e.jsx)("div",{className:"bg-blue-50 p-4 rounded",children:"\u5185\u5BB9\u5757 1"}),(0,e.jsx)("div",{className:"bg-purple-50 p-4 rounded",children:"\u5185\u5BB9\u5757 2"})]})]}),(0,e.jsx)("footer",{className:"bg-gray-100 p-4 rounded-b-lg border-x border-b border-gray-200",children:(0,e.jsx)("p",{className:"text-gray-500 text-sm",children:"\u9875\u811A\u5185\u5BB9"})})]});
+        `}}},tags:["autodocs"]};var b=x;const N=()=>(0,e.jsx)(o.Container,{className:"p-4",children:(0,e.jsx)("div",{className:"rounded-lg bg-blue-100 p-4 text-center",children:"\u57FA\u7840\u5BB9\u5668 - \u81EA\u52A8\u5C45\u4E2D\uFF0C\u54CD\u5E94\u5F0F\u5BBD\u5EA6"})}),u=()=>(0,e.jsx)(o.Container,{className:"bg-gray-50 p-4",children:(0,e.jsxs)("div",{className:"space-y-4",children:[(0,e.jsxs)("div",{className:"rounded-lg bg-white p-4 shadow-sm",children:[(0,e.jsx)("h3",{className:"text-lg font-medium",children:"\u5185\u5BB9\u533A\u5757 1"}),(0,e.jsx)("p",{className:"text-gray-600",children:"\u5E26\u6709\u5185\u8FB9\u8DDD\u548C\u80CC\u666F\u8272\u7684\u5BB9\u5668\u793A\u4F8B"})]}),(0,e.jsxs)("div",{className:"rounded-lg bg-white p-4 shadow-sm",children:[(0,e.jsx)("h3",{className:"text-lg font-medium",children:"\u5185\u5BB9\u533A\u5757 2"}),(0,e.jsx)("p",{className:"text-gray-600",children:"\u5C55\u793A\u5185\u5BB9\u7684\u7EC4\u7EC7\u65B9\u5F0F"})]})]})}),y=()=>(0,e.jsx)(o.Container,{className:"tablet:px-6 laptop:px-8 bg-gradient-to-r from-blue-50 to-purple-50 p-4",children:(0,e.jsxs)("div",{className:"rounded-lg bg-white p-4 shadow-sm",children:[(0,e.jsx)("h3",{className:"text-lg font-medium",children:"\u54CD\u5E94\u5F0F\u5185\u8FB9\u8DDD"}),(0,e.jsxs)("p",{className:"text-gray-600",children:["\u5728\u4E0D\u540C\u5C4F\u5E55\u5C3A\u5BF8\u4E0B\u6709\u4E0D\u540C\u7684\u6C34\u5E73\u5185\u8FB9\u8DDD\uFF1A",(0,e.jsx)("br",{}),"\u9ED8\u8BA4: px-4 (16px)",(0,e.jsx)("br",{}),"tablet: px-6 (24px)",(0,e.jsx)("br",{}),"laptop: px-8 (32px)"]})]})}),h=()=>(0,e.jsxs)(o.Container,{className:"p-4",children:[(0,e.jsx)("header",{className:"rounded-t-lg bg-gray-800 p-4 text-white",children:(0,e.jsx)("h2",{className:"text-xl",children:"\u9875\u9762\u6807\u9898"})}),(0,e.jsxs)("main",{className:"border-x border-gray-200 bg-white p-4",children:[(0,e.jsx)("p",{className:"mb-4 text-gray-600",children:"\u4E3B\u8981\u5185\u5BB9\u533A\u57DF"}),(0,e.jsxs)("div",{className:"laptop:grid-cols-2 grid grid-cols-1 gap-4",children:[(0,e.jsx)("div",{className:"rounded bg-blue-50 p-4",children:"\u5185\u5BB9\u5757 1"}),(0,e.jsx)("div",{className:"rounded bg-purple-50 p-4",children:"\u5185\u5BB9\u5757 2"})]})]}),(0,e.jsx)("footer",{className:"rounded-b-lg border-x border-b border-gray-200 bg-gray-100 p-4",children:(0,e.jsx)("p",{className:"text-sm text-gray-500",children:"\u9875\u811A\u5185\u5BB9"})})]});
 //# sourceMappingURL=container.stories.js.map

package/dist/cjs/stories/container.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/container.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { Container } from '../components/index.js'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { cn } from '../helpers/utils.js'\n\nconst meta = {\n  title: 'Layout/Container',\n  component: Container,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: `\nContainer \u5BB9\u5668\u7EC4\u4EF6\uFF0C\u7528\u4E8E\u9650\u5236\u548C\u7EA6\u675F\u5185\u5BB9\u7684\u6700\u5927\u5BBD\u5EA6\uFF0C\u5B9E\u73B0\u54CD\u5E94\u5F0F\u7684\u9875\u9762\u5E03\u5C40\u3002\n\n### \u5B9E\u73B0\u7EC6\u8282\n- \u57FA\u4E8E Tailwind CSS \u5B9E\u73B0\n- \u9ED8\u8BA4\u6700\u5927\u5BBD\u5EA6\u4E3A 1664px\n- \u54CD\u5E94\u5F0F\u8FB9\u8DDD\u8BBE\u8BA1\uFF1A\n  - \u9ED8\u8BA4: \u5DE6\u53F3\u8FB9\u8DDD 16px (mx-4)\n  - tablet: \u5DE6\u53F3\u8FB9\u8DDD 32px (mx-8)\n  - laptop: \u5DE6\u53F3\u8FB9\u8DDD 64px (mx-16)\n  - desktop: \u5DE6\u53F3\u8FB9\u8DDD 64px (mx-16)\n  - lg-desktop: \u5DE6\u53F3\u8FB9\u8DDD 128px (mx-32)\n\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Container>\n\nexport default meta\n\ntype Story = StoryObj<typeof Container>\n\n// \u57FA\u7840\u793A\u4F8B\nexport const Basic = () => (\n  <Container className=\"p-4\">\n    <div className=\"bg-blue-100 p-4 rounded-lg text-center\">\n      \u57FA\u7840\u5BB9\u5668 - \u81EA\u52A8\u5C45\u4E2D\uFF0C\u54CD\u5E94\u5F0F\u5BBD\u5EA6\n    </div>\n  </Container>\n)\n\n// \u5E26\u5185\u8FB9\u8DDD\u548C\u80CC\u666F\u8272\nexport const WithPaddingAndBackground = () => (\n  <Container className=\"p-4 bg-gray-50\">\n    <div className=\"space-y-4\">\n      <div className=\"bg-white p-4 rounded-lg shadow-sm\">\n        <h3 className=\"text-lg font-medium\">\u5185\u5BB9\u533A\u5757 1</h3>\n        <p className=\"text-gray-600\">\u5E26\u6709\u5185\u8FB9\u8DDD\u548C\u80CC\u666F\u8272\u7684\u5BB9\u5668\u793A\u4F8B</p>\n      </div>\n      <div className=\"bg-white p-4 rounded-lg shadow-sm\">\n        <h3 className=\"text-lg font-medium\">\u5185\u5BB9\u533A\u5757 2</h3>\n        <p className=\"text-gray-600\">\u5C55\u793A\u5185\u5BB9\u7684\u7EC4\u7EC7\u65B9\u5F0F</p>\n      </div>\n    </div>\n  </Container>\n)\n\n// \u54CD\u5E94\u5F0F\u5185\u8FB9\u8DDD\nexport const ResponsivePadding = () => (\n  <Container className=\"px-4 tablet:px-6 laptop:px-8 py-4 bg-gradient-to-r from-blue-50 to-purple-50\">\n    <div className=\"bg-white p-4 rounded-lg shadow-sm\">\n      <h3 className=\"text-lg font-medium\">\u54CD\u5E94\u5F0F\u5185\u8FB9\u8DDD</h3>\n      <p className=\"text-gray-600\">\n        \u5728\u4E0D\u540C\u5C4F\u5E55\u5C3A\u5BF8\u4E0B\u6709\u4E0D\u540C\u7684\u6C34\u5E73\u5185\u8FB9\u8DDD\uFF1A\n        <br />\n        \u9ED8\u8BA4: px-4 (16px)\n        <br />\n        tablet: px-6 (24px)\n        <br />\n        laptop: px-8 (32px)\n      </p>\n    </div>\n  </Container>\n)\n\n// \u5D4C\u5957\u5185\u5BB9\u793A\u4F8B\nexport const NestedContent = () => (\n  <Container className=\"p-4\">\n    <header className=\"bg-gray-800 text-white p-4 rounded-t-lg\">\n      <h2 className=\"text-xl\">\u9875\u9762\u6807\u9898</h2>\n    </header>\n    <main className=\"bg-white p-4 border-x border-gray-200\">\n      <p className=\"text-gray-600 mb-4\">\u4E3B\u8981\u5185\u5BB9\u533A\u57DF</p>\n      <div className=\"grid grid-cols-1 laptop:grid-cols-2 gap-4\">\n        <div className=\"bg-blue-50 p-4 rounded\">\u5185\u5BB9\u5757 1</div>\n        <div className=\"bg-purple-50 p-4 rounded\">\u5185\u5BB9\u5757 2</div>\n      </div>\n    </main>\n    <footer className=\"bg-gray-100 p-4 rounded-b-lg border-x border-b border-gray-200\">\n      <p className=\"text-gray-500 text-sm\">\u9875\u811A\u5185\u5BB9</p>\n    </footer>\n  </Container>\n)\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,EAAA,kBAAAC,EAAA,sBAAAC,EAAA,6BAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GAuCI,IAAAQ,EAAA,6BAvCJC,EAAkB,iBAClBC,EAA0B,kCAE1BC,EAAmB,+BAEnB,MAAMC,EAAO,CACX,MAAO,mBACP,UAAW,YACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAcb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAON,EAAQM,EAKR,MAAMV,EAAQ,OACnB,OAAC,aAAU,UAAU,MACnB,mBAAC,OAAI,UAAU,yCAAyC,mGAExD,EACF,EAIWG,EAA2B,OACtC,OAAC,aAAU,UAAU,iBACnB,oBAAC,OAAI,UAAU,YACb,qBAAC,OAAI,UAAU,oCACb,oBAAC,MAAG,UAAU,sBAAsB,sCAAM,KAC1C,OAAC,KAAE,UAAU,gBAAgB,gGAAc,GAC7C,KACA,QAAC,OAAI,UAAU,oCACb,oBAAC,MAAG,UAAU,sBAAsB,sCAAM,KAC1C,OAAC,KAAE,UAAU,gBAAgB,kEAAS,GACxC,GACF,EACF,EAIWD,EAAoB,OAC/B,OAAC,aAAU,UAAU,+EACnB,oBAAC,OAAI,UAAU,oCACb,oBAAC,MAAG,UAAU,sBAAsB,gDAAM,KAC1C,QAAC,KAAE,UAAU,gBAAgB,4HAE3B,OAAC,OAAG,EAAE,+BAEN,OAAC,OAAG,EAAE,yBAEN,OAAC,OAAG,EAAE,uBAER,GACF,EACF,EAIWD,EAAgB,OAC3B,QAAC,aAAU,UAAU,MACnB,oBAAC,UAAO,UAAU,0CAChB,mBAAC,MAAG,UAAU,UAAU,oCAAI,EAC9B,KACA,QAAC,QAAK,UAAU,wCACd,oBAAC,KAAE,UAAU,qBAAqB,gDAAM,KACxC,QAAC,OAAI,UAAU,4CACb,oBAAC,OAAI,UAAU,yBAAyB,gCAAK,KAC7C,OAAC,OAAI,UAAU,2BAA2B,gCAAK,GACjD,GACF,KACA,OAAC,UAAO,UAAU,iEAChB,mBAAC,KAAE,UAAU,wBAAwB,oCAAI,EAC3C,GACF",
+  "sourcesContent": ["import React from 'react'\nimport { Container } from '../components/index.js'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { cn } from '../helpers/utils.js'\n\nconst meta = {\n  title: 'Layout/Container',\n  component: Container,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: `\nContainer \u5BB9\u5668\u7EC4\u4EF6\uFF0C\u7528\u4E8E\u9650\u5236\u548C\u7EA6\u675F\u5185\u5BB9\u7684\u6700\u5927\u5BBD\u5EA6\uFF0C\u5B9E\u73B0\u54CD\u5E94\u5F0F\u7684\u9875\u9762\u5E03\u5C40\u3002\n\n### \u5B9E\u73B0\u7EC6\u8282\n- \u57FA\u4E8E Tailwind CSS \u5B9E\u73B0\n- \u9ED8\u8BA4\u6700\u5927\u5BBD\u5EA6\u4E3A 1664px\n- \u54CD\u5E94\u5F0F\u8FB9\u8DDD\u8BBE\u8BA1\uFF1A\n  - \u9ED8\u8BA4: \u5DE6\u53F3\u8FB9\u8DDD 16px (mx-4)\n  - tablet: \u5DE6\u53F3\u8FB9\u8DDD 32px (mx-8)\n  - laptop: \u5DE6\u53F3\u8FB9\u8DDD 64px (mx-16)\n  - desktop: \u5DE6\u53F3\u8FB9\u8DDD 64px (mx-16)\n  - lg-desktop: \u5DE6\u53F3\u8FB9\u8DDD 128px (mx-32)\n\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Container>\n\nexport default meta\n\ntype Story = StoryObj<typeof Container>\n\n// \u57FA\u7840\u793A\u4F8B\nexport const Basic = () => (\n  <Container className=\"p-4\">\n    <div className=\"rounded-lg bg-blue-100 p-4 text-center\">\u57FA\u7840\u5BB9\u5668 - \u81EA\u52A8\u5C45\u4E2D\uFF0C\u54CD\u5E94\u5F0F\u5BBD\u5EA6</div>\n  </Container>\n)\n\n// \u5E26\u5185\u8FB9\u8DDD\u548C\u80CC\u666F\u8272\nexport const WithPaddingAndBackground = () => (\n  <Container className=\"bg-gray-50 p-4\">\n    <div className=\"space-y-4\">\n      <div className=\"rounded-lg bg-white p-4 shadow-sm\">\n        <h3 className=\"text-lg font-medium\">\u5185\u5BB9\u533A\u5757 1</h3>\n        <p className=\"text-gray-600\">\u5E26\u6709\u5185\u8FB9\u8DDD\u548C\u80CC\u666F\u8272\u7684\u5BB9\u5668\u793A\u4F8B</p>\n      </div>\n      <div className=\"rounded-lg bg-white p-4 shadow-sm\">\n        <h3 className=\"text-lg font-medium\">\u5185\u5BB9\u533A\u5757 2</h3>\n        <p className=\"text-gray-600\">\u5C55\u793A\u5185\u5BB9\u7684\u7EC4\u7EC7\u65B9\u5F0F</p>\n      </div>\n    </div>\n  </Container>\n)\n\n// \u54CD\u5E94\u5F0F\u5185\u8FB9\u8DDD\nexport const ResponsivePadding = () => (\n  <Container className=\"tablet:px-6 laptop:px-8 bg-gradient-to-r from-blue-50 to-purple-50 p-4\">\n    <div className=\"rounded-lg bg-white p-4 shadow-sm\">\n      <h3 className=\"text-lg font-medium\">\u54CD\u5E94\u5F0F\u5185\u8FB9\u8DDD</h3>\n      <p className=\"text-gray-600\">\n        \u5728\u4E0D\u540C\u5C4F\u5E55\u5C3A\u5BF8\u4E0B\u6709\u4E0D\u540C\u7684\u6C34\u5E73\u5185\u8FB9\u8DDD\uFF1A\n        <br />\n        \u9ED8\u8BA4: px-4 (16px)\n        <br />\n        tablet: px-6 (24px)\n        <br />\n        laptop: px-8 (32px)\n      </p>\n    </div>\n  </Container>\n)\n\n// \u5D4C\u5957\u5185\u5BB9\u793A\u4F8B\nexport const NestedContent = () => (\n  <Container className=\"p-4\">\n    <header className=\"rounded-t-lg bg-gray-800 p-4 text-white\">\n      <h2 className=\"text-xl\">\u9875\u9762\u6807\u9898</h2>\n    </header>\n    <main className=\"border-x border-gray-200 bg-white p-4\">\n      <p className=\"mb-4 text-gray-600\">\u4E3B\u8981\u5185\u5BB9\u533A\u57DF</p>\n      <div className=\"laptop:grid-cols-2 grid grid-cols-1 gap-4\">\n        <div className=\"rounded bg-blue-50 p-4\">\u5185\u5BB9\u5757 1</div>\n        <div className=\"rounded bg-purple-50 p-4\">\u5185\u5BB9\u5757 2</div>\n      </div>\n    </main>\n    <footer className=\"rounded-b-lg border-x border-b border-gray-200 bg-gray-100 p-4\">\n      <p className=\"text-sm text-gray-500\">\u9875\u811A\u5185\u5BB9</p>\n    </footer>\n  </Container>\n)\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,EAAA,kBAAAC,EAAA,sBAAAC,EAAA,6BAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GAuCI,IAAAQ,EAAA,6BAvCJC,EAAkB,iBAClBC,EAA0B,kCAE1BC,EAAmB,+BAEnB,MAAMC,EAAO,CACX,MAAO,mBACP,UAAW,YACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAcb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAON,EAAQM,EAKR,MAAMV,EAAQ,OACnB,OAAC,aAAU,UAAU,MACnB,mBAAC,OAAI,UAAU,yCAAyC,mGAAiB,EAC3E,EAIWG,EAA2B,OACtC,OAAC,aAAU,UAAU,iBACnB,oBAAC,OAAI,UAAU,YACb,qBAAC,OAAI,UAAU,oCACb,oBAAC,MAAG,UAAU,sBAAsB,sCAAM,KAC1C,OAAC,KAAE,UAAU,gBAAgB,gGAAc,GAC7C,KACA,QAAC,OAAI,UAAU,oCACb,oBAAC,MAAG,UAAU,sBAAsB,sCAAM,KAC1C,OAAC,KAAE,UAAU,gBAAgB,kEAAS,GACxC,GACF,EACF,EAIWD,EAAoB,OAC/B,OAAC,aAAU,UAAU,yEACnB,oBAAC,OAAI,UAAU,oCACb,oBAAC,MAAG,UAAU,sBAAsB,gDAAM,KAC1C,QAAC,KAAE,UAAU,gBAAgB,4HAE3B,OAAC,OAAG,EAAE,+BAEN,OAAC,OAAG,EAAE,yBAEN,OAAC,OAAG,EAAE,uBAER,GACF,EACF,EAIWD,EAAgB,OAC3B,QAAC,aAAU,UAAU,MACnB,oBAAC,UAAO,UAAU,0CAChB,mBAAC,MAAG,UAAU,UAAU,oCAAI,EAC9B,KACA,QAAC,QAAK,UAAU,wCACd,oBAAC,KAAE,UAAU,qBAAqB,gDAAM,KACxC,QAAC,OAAI,UAAU,4CACb,oBAAC,OAAI,UAAU,yBAAyB,gCAAK,KAC7C,OAAC,OAAI,UAAU,2BAA2B,gCAAK,GACjD,GACF,KACA,OAAC,UAAO,UAAU,iEAChB,mBAAC,KAAE,UAAU,wBAAwB,oCAAI,EAC3C,GACF",
   "names": ["container_stories_exports", "__export", "Basic", "NestedContent", "ResponsivePadding", "WithPaddingAndBackground", "container_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_utils", "meta"]
 }

package/dist/cjs/stories/drawer.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var n=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var d=(a,t)=>{for(var s in t)n(a,s,{get:t[s],enumerable:!0})},m=(a,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of p(t))!l.call(a,o)&&o!==s&&n(a,o,{get:()=>t[o],enumerable:!(i=w(t,o))||i.enumerable});return a};var c=a=>m(n({},"__esModule",{value:!0}),a);var f={};d(f,{Bottom:()=>C,Default:()=>y,default:()=>u});module.exports=c(f);var e=require("react/jsx-runtime"),g=require("react"),r=require("../components/index.js");const D={title:"Components/Drawer",component:r.Drawer,subcomponents:{DrawerClose:r.DrawerClose,DrawerContent:r.DrawerContent,DrawerFooter:r.DrawerFooter,DrawerHeader:r.DrawerHeader,DrawerTrigger:r.DrawerTrigger},parameters:{layout:"centered",docs:{description:{component:"\u62BD\u5C49\u7EC4\u4EF6\uFF1B\u57FA\u4E8E https://vaul.emilkowal.ski/api \u5F00\u53D1"}}},tags:["autodocs"]};var u=D;const y={args:{direction:"right",children:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(r.DrawerTrigger,{asChild:!0,children:(0,e.jsx)(r.Button,{children:"Open Drawer"})}),(0,e.jsx)(r.DrawerContent,{children:(0,e.jsxs)("div",{className:"mx-auto w-full max-w-sm",children:[(0,e.jsx)(r.DrawerHeader,{children:(0,e.jsx)("span",{children:"My Cart(0)"})}),(0,e.jsx)("div",{className:"p-4 pb-0",children:"The contents of the drawer..."}),(0,e.jsx)(r.DrawerFooter,{children:(0,e.jsx)(r.DrawerClose,{asChild:!0,children:(0,e.jsx)(r.Button,{children:"Cancel"})})})]})})]})}},C={args:{direction:"bottom",children:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(r.DrawerTrigger,{asChild:!0,children:(0,e.jsx)(r.Button,{children:"Open Drawer"})}),(0,e.jsx)(r.DrawerContent,{children:(0,e.jsxs)("div",{className:"mx-auto w-full max-w-sm",children:[(0,e.jsx)(r.DrawerHeader,{children:(0,e.jsx)("span",{children:"Policy"})}),(0,e.jsx)("div",{className:"p-4 pb-0",children:"The contents of the drawer..."}),(0,e.jsx)(r.DrawerFooter,{children:(0,e.jsx)(r.DrawerClose,{asChild:!0,children:(0,e.jsx)(r.Button,{className:"ai-w-40",children:"Agree"})})})]})})]})}};
+"use strict";var n=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var l=(a,t)=>{for(var s in t)n(a,s,{get:t[s],enumerable:!0})},c=(a,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of p(t))!d.call(a,o)&&o!==s&&n(a,o,{get:()=>t[o],enumerable:!(i=w(t,o))||i.enumerable});return a};var D=a=>c(n({},"__esModule",{value:!0}),a);var C={};l(C,{Bottom:()=>h,Default:()=>y,default:()=>u});module.exports=D(C);var e=require("react/jsx-runtime"),g=require("react"),r=require("../components/index.js");const m={title:"Components/Drawer",component:r.Drawer,subcomponents:{DrawerClose:r.DrawerClose,DrawerContent:r.DrawerContent,DrawerFooter:r.DrawerFooter,DrawerHeader:r.DrawerHeader,DrawerTrigger:r.DrawerTrigger},parameters:{layout:"centered",docs:{description:{component:"\u62BD\u5C49\u7EC4\u4EF6\uFF1B\u57FA\u4E8E https://vaul.emilkowal.ski/api \u5F00\u53D1"}}},tags:["autodocs"]};var u=m;const y={args:{direction:"right",children:(0,e.jsxs)(r.Drawer,{direction:"right",children:[(0,e.jsx)(r.DrawerTrigger,{asChild:!0,children:(0,e.jsx)(r.Button,{children:"Open Drawer"})}),(0,e.jsx)(r.DrawerContent,{children:(0,e.jsxs)("div",{className:"mx-auto w-full max-w-sm",children:[(0,e.jsx)(r.DrawerHeader,{children:(0,e.jsx)("span",{children:"My Cart(0)"})}),(0,e.jsx)("div",{className:"p-4 pb-0",children:"The contents of the drawer..."}),(0,e.jsx)(r.DrawerFooter,{children:(0,e.jsx)(r.DrawerClose,{asChild:!0,children:(0,e.jsx)(r.Button,{children:"Cancel"})})})]})})]})}},h={args:{direction:"bottom",children:(0,e.jsxs)(r.Drawer,{children:[(0,e.jsx)(r.DrawerTrigger,{asChild:!0,children:(0,e.jsx)(r.Button,{children:"Open Drawer"})}),(0,e.jsx)(r.DrawerContent,{children:(0,e.jsxs)("div",{className:"mx-auto w-full",children:[(0,e.jsx)(r.DrawerHeader,{children:(0,e.jsx)("span",{children:"Policy"})}),(0,e.jsx)("div",{className:"p-4 pb-0",children:"The contents of the drawer..."}),(0,e.jsx)(r.DrawerFooter,{children:(0,e.jsx)(r.DrawerClose,{asChild:!0,children:(0,e.jsx)(r.Button,{className:"w-40",children:"Agree"})})})]})})]})}};
 //# sourceMappingURL=drawer.stories.js.map

package/dist/cjs/stories/drawer.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/drawer.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerTrigger,\n  Button,\n} from '../components/index.js'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nconst meta = {\n  title: 'Components/Drawer',\n  component: Drawer,\n  subcomponents: {\n    DrawerClose,\n    DrawerContent,\n    DrawerFooter,\n    DrawerHeader,\n    DrawerTrigger,\n  } as any,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: '\u62BD\u5C49\u7EC4\u4EF6\uFF1B\u57FA\u4E8E https://vaul.emilkowal.ski/api \u5F00\u53D1',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Drawer>\n\nexport default meta\n\ntype Story = StoryObj<typeof Drawer>\n\nexport const Default: Story = {\n  args: {\n    direction: 'right',\n    children: (\n      <>\n        <DrawerTrigger asChild>\n          <Button>Open Drawer</Button>\n        </DrawerTrigger>\n        <DrawerContent>\n          <div className=\"mx-auto w-full max-w-sm\">\n            <DrawerHeader>\n              <span>My Cart(0)</span>\n            </DrawerHeader>\n            <div className=\"p-4 pb-0\">The contents of the drawer...</div>\n            <DrawerFooter>\n              <DrawerClose asChild>\n                <Button>Cancel</Button>\n              </DrawerClose>\n            </DrawerFooter>\n          </div>\n        </DrawerContent>\n      </>\n    ),\n  },\n}\n\nexport const Bottom: Story = {\n  args: {\n    direction: 'bottom',\n    children: (\n      <>\n        <DrawerTrigger asChild>\n          <Button>Open Drawer</Button>\n        </DrawerTrigger>\n        <DrawerContent>\n          <div className=\"mx-auto w-full max-w-sm\">\n            <DrawerHeader>\n              <span>Policy</span>\n            </DrawerHeader>\n            <div className=\"p-4 pb-0\">The contents of the drawer...</div>\n            <DrawerFooter>\n              <DrawerClose asChild>\n                <Button className=\"ai-w-40\">Agree</Button>\n              </DrawerClose>\n            </DrawerFooter>\n          </div>\n        </DrawerContent>\n      </>\n    ),\n  },\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,EAAA,YAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GAyCM,IAAAM,EAAA,6BAzCNC,EAAkB,iBAClBC,EAQO,kCAGP,MAAMC,EAAO,CACX,MAAO,oBACP,UAAW,SACX,cAAe,CACb,0BACA,8BACA,4BACA,4BACA,6BACF,EACA,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,wFACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQK,EAIR,MAAMN,EAAiB,CAC5B,KAAM,CACJ,UAAW,QACX,YACE,oBACE,oBAAC,iBAAc,QAAO,GACpB,mBAAC,UAAO,uBAAW,EACrB,KACA,OAAC,iBACC,oBAAC,OAAI,UAAU,0BACb,oBAAC,gBACC,mBAAC,QAAK,sBAAU,EAClB,KACA,OAAC,OAAI,UAAU,WAAW,yCAA6B,KACvD,OAAC,gBACC,mBAAC,eAAY,QAAO,GAClB,mBAAC,UAAO,kBAAM,EAChB,EACF,GACF,EACF,GACF,CAEJ,CACF,EAEaD,EAAgB,CAC3B,KAAM,CACJ,UAAW,SACX,YACE,oBACE,oBAAC,iBAAc,QAAO,GACpB,mBAAC,UAAO,uBAAW,EACrB,KACA,OAAC,iBACC,oBAAC,OAAI,UAAU,0BACb,oBAAC,gBACC,mBAAC,QAAK,kBAAM,EACd,KACA,OAAC,OAAI,UAAU,WAAW,yCAA6B,KACvD,OAAC,gBACC,mBAAC,eAAY,QAAO,GAClB,mBAAC,UAAO,UAAU,UAAU,iBAAK,EACnC,EACF,GACF,EACF,GACF,CAEJ,CACF",
+  "sourcesContent": ["import React from 'react'\nimport {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerTrigger,\n  Button,\n} from '../components/index.js'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nconst meta = {\n  title: 'Components/Drawer',\n  component: Drawer,\n  subcomponents: {\n    DrawerClose,\n    DrawerContent,\n    DrawerFooter,\n    DrawerHeader,\n    DrawerTrigger,\n  } as any,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: '\u62BD\u5C49\u7EC4\u4EF6\uFF1B\u57FA\u4E8E https://vaul.emilkowal.ski/api \u5F00\u53D1',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Drawer>\n\nexport default meta\n\ntype Story = StoryObj<typeof Drawer>\n\nexport const Default: Story = {\n  args: {\n    direction: 'right',\n    children: (\n      <Drawer direction=\"right\">\n        <DrawerTrigger asChild>\n          <Button>Open Drawer</Button>\n        </DrawerTrigger>\n        <DrawerContent>\n          <div className=\"mx-auto w-full max-w-sm\">\n            <DrawerHeader>\n              <span>My Cart(0)</span>\n            </DrawerHeader>\n            <div className=\"p-4 pb-0\">The contents of the drawer...</div>\n            <DrawerFooter>\n              <DrawerClose asChild>\n                <Button>Cancel</Button>\n              </DrawerClose>\n            </DrawerFooter>\n          </div>\n        </DrawerContent>\n      </Drawer>\n    ),\n  },\n}\n\nexport const Bottom: Story = {\n  args: {\n    direction: 'bottom',\n    children: (\n      <Drawer>\n        <DrawerTrigger asChild>\n          <Button>Open Drawer</Button>\n        </DrawerTrigger>\n        <DrawerContent>\n          <div className=\"mx-auto w-full\">\n            <DrawerHeader>\n              <span>Policy</span>\n            </DrawerHeader>\n            <div className=\"p-4 pb-0\">The contents of the drawer...</div>\n            <DrawerFooter>\n              <DrawerClose asChild>\n                <Button className=\"w-40\">Agree</Button>\n              </DrawerClose>\n            </DrawerFooter>\n          </div>\n        </DrawerContent>\n      </Drawer>\n    ),\n  },\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,EAAA,YAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GA2CU,IAAAM,EAAA,6BA3CVC,EAAkB,iBAClBC,EAQO,kCAGP,MAAMC,EAAO,CACX,MAAO,oBACP,UAAW,SACX,cAAe,CACb,0BACA,8BACA,4BACA,4BACA,6BACF,EACA,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,wFACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQK,EAIR,MAAMN,EAAiB,CAC5B,KAAM,CACJ,UAAW,QACX,YACE,QAAC,UAAO,UAAU,QAChB,oBAAC,iBAAc,QAAO,GACpB,mBAAC,UAAO,uBAAW,EACrB,KACA,OAAC,iBACC,oBAAC,OAAI,UAAU,0BACb,oBAAC,gBACC,mBAAC,QAAK,sBAAU,EAClB,KACA,OAAC,OAAI,UAAU,WAAW,yCAA6B,KACvD,OAAC,gBACC,mBAAC,eAAY,QAAO,GAClB,mBAAC,UAAO,kBAAM,EAChB,EACF,GACF,EACF,GACF,CAEJ,CACF,EAEaD,EAAgB,CAC3B,KAAM,CACJ,UAAW,SACX,YACE,QAAC,UACC,oBAAC,iBAAc,QAAO,GACpB,mBAAC,UAAO,uBAAW,EACrB,KACA,OAAC,iBACC,oBAAC,OAAI,UAAU,iBACb,oBAAC,gBACC,mBAAC,QAAK,kBAAM,EACd,KACA,OAAC,OAAI,UAAU,WAAW,yCAA6B,KACvD,OAAC,gBACC,mBAAC,eAAY,QAAO,GAClB,mBAAC,UAAO,UAAU,OAAO,iBAAK,EAChC,EACF,GACF,EACF,GACF,CAEJ,CACF",
   "names": ["drawer_stories_exports", "__export", "Bottom", "Default", "drawer_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "meta"]
 }

package/dist/cjs/stories/drop-down.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var u=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var D=Object.prototype.hasOwnProperty;var a=(r,e)=>{for(var t in e)u(r,t,{get:e[t],enumerable:!0})},i=(r,e,t,d)=>{if(e&&typeof e=="object"||typeof e=="function")for(let p of M(e))!D.call(r,p)&&p!==t&&u(r,p,{get:()=>e[p],enumerable:!(d=w(e,p))||d.enumerable});return r};var s=r=>i(u({},"__esModule",{value:!0}),r);var b={};a(b,{Default:()=>l,default:()=>c});module.exports=s(b);var n=require("react/jsx-runtime"),o=require("../components/drop-down");const m={title:"Components/DropDown",component:o.DropdownMenu,subcomponents:{DropdownMenuTrigger:o.DropdownMenuTrigger,DropdownMenuContent:o.DropdownMenuContent,DropdownMenuItem:o.DropdownMenuItem,DropdownMenuCheckboxItem:o.DropdownMenuCheckboxItem,DropdownMenuRadioItem:o.DropdownMenuRadioItem,DropdownMenuLabel:o.DropdownMenuLabel,DropdownMenuSeparator:o.DropdownMenuSeparator,DropdownMenuShortcut:o.DropdownMenuShortcut,DropdownMenuGroup:o.DropdownMenuGroup,DropdownMenuPortal:o.DropdownMenuPortal,DropdownMenuSub:o.DropdownMenuSub,DropdownMenuSubContent:o.DropdownMenuSubContent,DropdownMenuSubTrigger:o.DropdownMenuSubTrigger,DropdownMenuRadioGroup:o.DropdownMenuRadioGroup},parameters:{layout:"centered",docs:{description:{component:"dropdown\u7EC4\u4EF6,\u57FA\u4E8E@radix-ui/react-dropdown-menu,https://www.radix-ui.com/primitives/docs/components/dropdown-menu"}}},tags:["autodocs"]};var c=m;const l=()=>(0,n.jsxs)(o.DropdownMenu,{children:[(0,n.jsx)(o.DropdownMenuTrigger,{asChild:!0,children:(0,n.jsx)("span",{children:"Open"})}),(0,n.jsxs)(o.DropdownMenuContent,{children:[(0,n.jsx)(o.DropdownMenuLabel,{children:"My Account"}),(0,n.jsxs)(o.DropdownMenuGroup,{children:[(0,n.jsxs)(o.DropdownMenuItem,{children:["Profile",(0,n.jsx)(o.DropdownMenuShortcut,{children:"\u2318"})]}),(0,n.jsx)(o.DropdownMenuItem,{children:"Billing"})]}),(0,n.jsxs)(o.DropdownMenuGroup,{children:[(0,n.jsx)(o.DropdownMenuItem,{children:"Team"}),(0,n.jsxs)(o.DropdownMenuSub,{children:[(0,n.jsx)(o.DropdownMenuSubTrigger,{children:"Invite users"}),(0,n.jsx)(o.DropdownMenuPortal,{children:(0,n.jsxs)(o.DropdownMenuSubContent,{children:[(0,n.jsx)(o.DropdownMenuItem,{children:"Email"}),(0,n.jsx)(o.DropdownMenuItem,{children:"Message"})]})})]})]})]})]});
+"use strict";var u=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var D=Object.prototype.hasOwnProperty;var a=(r,e)=>{for(var t in e)u(r,t,{get:e[t],enumerable:!0})},i=(r,e,t,d)=>{if(e&&typeof e=="object"||typeof e=="function")for(let p of M(e))!D.call(r,p)&&p!==t&&u(r,p,{get:()=>e[p],enumerable:!(d=w(e,p))||d.enumerable});return r};var s=r=>i(u({},"__esModule",{value:!0}),r);var b={};a(b,{Default:()=>l,default:()=>c});module.exports=s(b);var n=require("react/jsx-runtime"),o=require("../components/drop-down.js");const m={title:"Components/DropDown",component:o.DropdownMenu,subcomponents:{DropdownMenuTrigger:o.DropdownMenuTrigger,DropdownMenuContent:o.DropdownMenuContent,DropdownMenuItem:o.DropdownMenuItem,DropdownMenuCheckboxItem:o.DropdownMenuCheckboxItem,DropdownMenuRadioItem:o.DropdownMenuRadioItem,DropdownMenuLabel:o.DropdownMenuLabel,DropdownMenuSeparator:o.DropdownMenuSeparator,DropdownMenuShortcut:o.DropdownMenuShortcut,DropdownMenuGroup:o.DropdownMenuGroup,DropdownMenuPortal:o.DropdownMenuPortal,DropdownMenuSub:o.DropdownMenuSub,DropdownMenuSubContent:o.DropdownMenuSubContent,DropdownMenuSubTrigger:o.DropdownMenuSubTrigger,DropdownMenuRadioGroup:o.DropdownMenuRadioGroup},parameters:{layout:"centered",docs:{description:{component:"dropdown\u7EC4\u4EF6,\u57FA\u4E8E@radix-ui/react-dropdown-menu,https://www.radix-ui.com/primitives/docs/components/dropdown-menu"}}},tags:["autodocs"]};var c=m;const l=()=>(0,n.jsxs)(o.DropdownMenu,{children:[(0,n.jsx)(o.DropdownMenuTrigger,{asChild:!0,children:(0,n.jsx)("span",{children:"Open"})}),(0,n.jsxs)(o.DropdownMenuContent,{children:[(0,n.jsx)(o.DropdownMenuLabel,{children:"My Account"}),(0,n.jsxs)(o.DropdownMenuGroup,{children:[(0,n.jsxs)(o.DropdownMenuItem,{children:["Profile",(0,n.jsx)(o.DropdownMenuShortcut,{children:"\u2318"})]}),(0,n.jsx)(o.DropdownMenuItem,{children:"Billing"})]}),(0,n.jsxs)(o.DropdownMenuGroup,{children:[(0,n.jsx)(o.DropdownMenuItem,{children:"Team"}),(0,n.jsxs)(o.DropdownMenuSub,{children:[(0,n.jsx)(o.DropdownMenuSubTrigger,{children:"Invite users"}),(0,n.jsx)(o.DropdownMenuPortal,{children:(0,n.jsxs)(o.DropdownMenuSubContent,{children:[(0,n.jsx)(o.DropdownMenuItem,{children:"Email"}),(0,n.jsx)(o.DropdownMenuItem,{children:"Message"})]})})]})]})]})]});
 //# sourceMappingURL=drop-down.stories.js.map

package/dist/cjs/stories/drop-down.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/drop-down.stories.tsx"],
-  "sourcesContent": ["import type { Meta } from '@storybook/react'\nimport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n} from '../components/drop-down'\n\nconst meta = {\n  // \u540C\u65F6\u5B9A\u4E49\u4E86\u9875\u9762\u5DE6\u4FA7\u83DC\u5355\n  title: 'Components/DropDown',\n  component: DropdownMenu,\n  subcomponents: {\n    DropdownMenuTrigger,\n    DropdownMenuContent,\n    DropdownMenuItem,\n    DropdownMenuCheckboxItem,\n    DropdownMenuRadioItem,\n    DropdownMenuLabel,\n    DropdownMenuSeparator,\n    DropdownMenuShortcut,\n    DropdownMenuGroup,\n    DropdownMenuPortal,\n    DropdownMenuSub,\n    DropdownMenuSubContent,\n    DropdownMenuSubTrigger,\n    DropdownMenuRadioGroup,\n  } as any,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component:\n          'dropdown\u7EC4\u4EF6,\u57FA\u4E8E@radix-ui/react-dropdown-menu,https://www.radix-ui.com/primitives/docs/components/dropdown-menu',\n      },\n    },\n  },\n  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs\n  tags: ['autodocs'],\n} satisfies Meta<typeof DropdownMenu>\n\nexport default meta\n\nexport const Default = () => (\n  <DropdownMenu>\n    <DropdownMenuTrigger asChild>\n      <span>Open</span>\n    </DropdownMenuTrigger>\n    <DropdownMenuContent>\n      <DropdownMenuLabel>My Account</DropdownMenuLabel>\n      <DropdownMenuGroup>\n        <DropdownMenuItem>\n          Profile\n          <DropdownMenuShortcut>\u2318</DropdownMenuShortcut>\n        </DropdownMenuItem>\n        <DropdownMenuItem>Billing</DropdownMenuItem>\n      </DropdownMenuGroup>\n      <DropdownMenuGroup>\n        <DropdownMenuItem>Team</DropdownMenuItem>\n        <DropdownMenuSub>\n          <DropdownMenuSubTrigger>Invite users</DropdownMenuSubTrigger>\n          <DropdownMenuPortal>\n            <DropdownMenuSubContent>\n              <DropdownMenuItem>Email</DropdownMenuItem>\n              <DropdownMenuItem>Message</DropdownMenuItem>\n            </DropdownMenuSubContent>\n          </DropdownMenuPortal>\n        </DropdownMenuSub>\n      </DropdownMenuGroup>\n    </DropdownMenuContent>\n  </DropdownMenu>\n)\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAyDM,IAAAK,EAAA,6BAxDNC,EAgBO,mCAEP,MAAMC,EAAO,CAEX,MAAO,sBACP,UAAW,eACX,cAAe,CACb,0CACA,0CACA,oCACA,oDACA,8CACA,sCACA,8CACA,4CACA,sCACA,wCACA,kCACA,gDACA,gDACA,+CACF,EACA,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UACE,kIACJ,CACF,CACF,EAEA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQI,EAER,MAAML,EAAU,OACrB,QAAC,gBACC,oBAAC,uBAAoB,QAAO,GAC1B,mBAAC,QAAK,gBAAI,EACZ,KACA,QAAC,uBACC,oBAAC,qBAAkB,sBAAU,KAC7B,QAAC,qBACC,qBAAC,oBAAiB,uBAEhB,OAAC,wBAAqB,kBAAC,GACzB,KACA,OAAC,oBAAiB,mBAAO,GAC3B,KACA,QAAC,qBACC,oBAAC,oBAAiB,gBAAI,KACtB,QAAC,mBACC,oBAAC,0BAAuB,wBAAY,KACpC,OAAC,sBACC,oBAAC,0BACC,oBAAC,oBAAiB,iBAAK,KACvB,OAAC,oBAAiB,mBAAO,GAC3B,EACF,GACF,GACF,GACF,GACF",
+  "sourcesContent": ["import type { Meta } from '@storybook/react'\nimport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n} from '../components/drop-down.js'\n\nconst meta = {\n  // \u540C\u65F6\u5B9A\u4E49\u4E86\u9875\u9762\u5DE6\u4FA7\u83DC\u5355\n  title: 'Components/DropDown',\n  component: DropdownMenu,\n  subcomponents: {\n    DropdownMenuTrigger,\n    DropdownMenuContent,\n    DropdownMenuItem,\n    DropdownMenuCheckboxItem,\n    DropdownMenuRadioItem,\n    DropdownMenuLabel,\n    DropdownMenuSeparator,\n    DropdownMenuShortcut,\n    DropdownMenuGroup,\n    DropdownMenuPortal,\n    DropdownMenuSub,\n    DropdownMenuSubContent,\n    DropdownMenuSubTrigger,\n    DropdownMenuRadioGroup,\n  } as any,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component:\n          'dropdown\u7EC4\u4EF6,\u57FA\u4E8E@radix-ui/react-dropdown-menu,https://www.radix-ui.com/primitives/docs/components/dropdown-menu',\n      },\n    },\n  },\n  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs\n  tags: ['autodocs'],\n} satisfies Meta<typeof DropdownMenu>\n\nexport default meta\n\nexport const Default = () => (\n  <DropdownMenu>\n    <DropdownMenuTrigger asChild>\n      <span>Open</span>\n    </DropdownMenuTrigger>\n    <DropdownMenuContent>\n      <DropdownMenuLabel>My Account</DropdownMenuLabel>\n      <DropdownMenuGroup>\n        <DropdownMenuItem>\n          Profile\n          <DropdownMenuShortcut>\u2318</DropdownMenuShortcut>\n        </DropdownMenuItem>\n        <DropdownMenuItem>Billing</DropdownMenuItem>\n      </DropdownMenuGroup>\n      <DropdownMenuGroup>\n        <DropdownMenuItem>Team</DropdownMenuItem>\n        <DropdownMenuSub>\n          <DropdownMenuSubTrigger>Invite users</DropdownMenuSubTrigger>\n          <DropdownMenuPortal>\n            <DropdownMenuSubContent>\n              <DropdownMenuItem>Email</DropdownMenuItem>\n              <DropdownMenuItem>Message</DropdownMenuItem>\n            </DropdownMenuSubContent>\n          </DropdownMenuPortal>\n        </DropdownMenuSub>\n      </DropdownMenuGroup>\n    </DropdownMenuContent>\n  </DropdownMenu>\n)\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAyDM,IAAAK,EAAA,6BAxDNC,EAgBO,sCAEP,MAAMC,EAAO,CAEX,MAAO,sBACP,UAAW,eACX,cAAe,CACb,0CACA,0CACA,oCACA,oDACA,8CACA,sCACA,8CACA,4CACA,sCACA,wCACA,kCACA,gDACA,gDACA,+CACF,EACA,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UACE,kIACJ,CACF,CACF,EAEA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQI,EAER,MAAML,EAAU,OACrB,QAAC,gBACC,oBAAC,uBAAoB,QAAO,GAC1B,mBAAC,QAAK,gBAAI,EACZ,KACA,QAAC,uBACC,oBAAC,qBAAkB,sBAAU,KAC7B,QAAC,qBACC,qBAAC,oBAAiB,uBAEhB,OAAC,wBAAqB,kBAAC,GACzB,KACA,OAAC,oBAAiB,mBAAO,GAC3B,KACA,QAAC,qBACC,oBAAC,oBAAiB,gBAAI,KACtB,QAAC,mBACC,oBAAC,0BAAuB,wBAAY,KACpC,OAAC,sBACC,oBAAC,0BACC,oBAAC,oBAAiB,iBAAK,KACvB,OAAC,oBAAiB,mBAAO,GAC3B,EACF,GACF,GACF,GACF,GACF",
   "names": ["drop_down_stories_exports", "__export", "Default", "drop_down_stories_default", "__toCommonJS", "import_jsx_runtime", "import_drop_down", "meta"]
 }

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

@@ -1,7 +1,7 @@
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: import("react").FC<import("../biz-components/Evaluate").EvaluateProps>;
+    component: import("react").FC<import("../biz-components/Evaluate/index.js").EvaluateProps>;
     parameters: {
         layout: string;
     };

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

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

package/dist/cjs/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'\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: '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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAqB,yCAErB,MAAMC,EAAO,CACX,MAAO,0BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAGf,MAAME,EAAY,CAChB,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YAAa,0CACb,OAAQ,2GACR,IAAK,8HACP,EACA,CACE,OAAO,EACP,MAAO,gBACP,SAAU,8BACV,YAAa,0CACb,OAAQ,2GACR,IAAK,8HACP,EACA,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YAAa,wKACb,OAAQ,2GACR,IAAK,8HACP,CACF,EAEaP,EAAiB,CAC5B,KAAM,CACJ,SAAUO,EACV,UAAW,KACb,CACF,EAEaN,EAAe,CAC1B,KAAM,CACJ,SAAUM,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    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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GACA,IAAAM,EAAqB,kDAErB,MAAMC,EAAO,CACX,MAAO,0BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,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,EAEaP,EAAiB,CAC5B,KAAM,CACJ,SAAUO,EACV,UAAW,KACb,CACF,EAEaN,EAAe,CAC1B,KAAM,CACJ,SAAUM,EACV,UAAW,MACX,MAAO,OACT,CACF",
   "names": ["evaluate_stories_exports", "__export", "Default", "Round", "evaluate_stories_default", "__toCommonJS", "import_Evaluate", "meta", "Evaluate", "mockItems"]
 }

package/dist/cjs/stories/graphic.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/Graphic").GraphicProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../shared/Styles").StylesProps> & Partial<import("../shared/Styles").StylesProps> & {
+        (props: Omit<import("../biz-components/Graphic/index.js").GraphicProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
             className?: string;
         }): import("react/jsx-runtime").JSX.Element;
         displayName: string;

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

@@ -1,2 +1,2 @@
-"use strict";var f=Object.create;var s=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var g=(e,t)=>{for(var o in t)s(e,o,{get:t[o],enumerable:!0})},i=(e,t,o,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of m(t))!d.call(e,r)&&r!==o&&s(e,r,{get:()=>t[r],enumerable:!(p=c(t,r))||p.enumerable});return e};var u=(e,t,o)=>(o=e!=null?f(y(e)):{},i(t||!e||!e.__esModule?s(o,"default",{value:e,enumerable:!0}):o,e)),h=e=>i(s({},"__esModule",{value:!0}),e);var v={};g(v,{Default:()=>F,Round:()=>O,default:()=>b});module.exports=h(v);var a=require("react/jsx-runtime"),n=u(require("../biz-components/Graphic"));const S={title:"Biz-Components/Graphic",component:n.default,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:[e=>(0,a.jsx)("div",{style:{paddingTop:"2em"},children:(0,a.jsx)(e,{})})],tags:["autodocs"]};var b=S;const l=[{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"}],F={args:{items:l}},O={args:{items:l,shape:"round"}};
+"use strict";var f=Object.create;var s=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var g=(e,t)=>{for(var o in t)s(e,o,{get:t[o],enumerable:!0})},i=(e,t,o,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of m(t))!d.call(e,r)&&r!==o&&s(e,r,{get:()=>t[r],enumerable:!(p=c(t,r))||p.enumerable});return e};var u=(e,t,o)=>(o=e!=null?f(y(e)):{},i(t||!e||!e.__esModule?s(o,"default",{value:e,enumerable:!0}):o,e)),h=e=>i(s({},"__esModule",{value:!0}),e);var v={};g(v,{Default:()=>F,Round:()=>O,default:()=>b});module.exports=h(v);var a=require("react/jsx-runtime"),n=u(require("../biz-components/Graphic/index.js"));const S={title:"Biz-Components/Graphic",component:n.default,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:[e=>(0,a.jsx)("div",{style:{paddingTop:"2em"},children:(0,a.jsx)(e,{})})],tags:["autodocs"]};var b=S;const l=[{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"}],F={args:{items:l}},O={args:{items:l,shape:"round"}};
 //# sourceMappingURL=graphic.stories.js.map