@anker-in/headless-ui 1.3.20 → 1.3.22

package/dist/cjs/components/checkbox.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/checkbox.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\n// import { CheckIcon } from '@radix-ui/react-icons'\n\nimport { cn } from '../helpers/index.js'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nconst CheckIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <path\n        d=\"M7.5 15.8333L1.66667 10L3.75 7.91667L7.5 11.6667L16.25 3L18.3333 5.08333L7.5 15.8333Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n\nconst checkboxVariants = cva(\n  'border-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-brand-0 disabled:bg-btn-primary-disabled peer shrink-0 rounded-sm border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-white',\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 CheckboxProps\n  extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, VariantProps<typeof checkboxVariants> {\n  iconClassName?: string\n}\n\n/**\n * Checkbox - \u590D\u9009\u6846\n *\n * @description \u5141\u8BB8\u7528\u6237\u8FDB\u884C\u591A\u9009\u64CD\u4F5C\u7684\u590D\u9009\u6846\u7EC4\u4EF6\uFF0C\u652F\u6301\u4E0D\u540C\u5C3A\u5BF8\u548C\u81EA\u5B9A\u4E49\u56FE\u6807\n */\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxProps>(\n  ({ className, size, iconClassName, ...props }, ref) => (\n    <CheckboxPrimitive.Root ref={ref} className={cn(checkboxVariants({ size }), className)} {...props}>\n      <CheckboxPrimitive.Indicator className={cn('flex size-full items-center justify-center text-current')}>\n        <CheckIcon width={16} height={12} className={iconClassName} />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n)\nCheckbox.displayName = 'Checkbox'\n\nexport default Checkbox\nexport type { CheckboxProps }\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAYM,IAAAI,EAAA,6BAVNC,EAAuB,oBACvBC,EAAmC,uCAGnCC,EAAmB,+BACnBC,EAAuC,oCAEvC,MAAMC,EAAaC,MAEf,OAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAA8B,GAAGA,EACjG,mBAAC,QACC,EAAE,wFACF,KAAK,eACP,EACF,EAIEC,KAAmB,OACvB,6TACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,cACJ,KAAM,SACN,GAAI,QACN,CACF,EACA,gBAAiB,CACf,KAAM,MACR,CACF,CACF,EAYMC,EAAWP,EAAM,WACrB,CAAC,CAAE,UAAAQ,EAAW,KAAAC,EAAM,cAAAC,EAAe,GAAGL,CAAM,EAAGM,OAC7C,OAACV,EAAkB,KAAlB,CAAuB,IAAKU,EAAK,aAAW,MAAGL,EAAiB,CAAE,KAAAG,CAAK,CAAC,EAAGD,CAAS,EAAI,GAAGH,EAC1F,mBAACJ,EAAkB,UAAlB,CAA4B,aAAW,MAAG,yDAAyD,EAClG,mBAACG,EAAA,CAAU,MAAO,GAAI,OAAQ,GAAI,UAAWM,EAAe,EAC9D,EACF,CAEJ,EACAH,EAAS,YAAc,WAEvB,IAAOV,EAAQU",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\n// import { CheckIcon } from '@radix-ui/react-icons'\n\nimport { cn } from '../helpers/index.js'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nconst CheckIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <path\n        d=\"M7.5 15.8333L1.66667 10L3.75 7.91667L7.5 11.6667L16.25 3L18.3333 5.08333L7.5 15.8333Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n\nconst checkboxVariants = cva(\n  'border-info-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-info-primary disabled:bg-btn-primary-disabled data-[state=checked]:text-info-white peer shrink-0 rounded-sm border focus-visible: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 CheckboxProps\n  extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, VariantProps<typeof checkboxVariants> {\n  iconClassName?: string\n}\n\n/**\n * Checkbox - \u590D\u9009\u6846\n *\n * @description \u5141\u8BB8\u7528\u6237\u8FDB\u884C\u591A\u9009\u64CD\u4F5C\u7684\u590D\u9009\u6846\u7EC4\u4EF6\uFF0C\u652F\u6301\u4E0D\u540C\u5C3A\u5BF8\u548C\u81EA\u5B9A\u4E49\u56FE\u6807\n */\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxProps>(\n  ({ className, size, iconClassName, ...props }, ref) => (\n    <CheckboxPrimitive.Root ref={ref} className={cn(checkboxVariants({ size }), className)} {...props}>\n      <CheckboxPrimitive.Indicator className={cn('flex size-full items-center justify-center text-current')}>\n        <CheckIcon width={16} height={12} className={iconClassName} />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n)\nCheckbox.displayName = 'Checkbox'\n\nexport default Checkbox\nexport type { CheckboxProps }\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAYM,IAAAI,EAAA,6BAVNC,EAAuB,oBACvBC,EAAmC,uCAGnCC,EAAmB,+BACnBC,EAAuC,oCAEvC,MAAMC,EAAaC,MAEf,OAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAA8B,GAAGA,EACjG,mBAAC,QACC,EAAE,wFACF,KAAK,eACP,EACF,EAIEC,KAAmB,OACvB,4UACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,cACJ,KAAM,SACN,GAAI,QACN,CACF,EACA,gBAAiB,CACf,KAAM,MACR,CACF,CACF,EAYMC,EAAWP,EAAM,WACrB,CAAC,CAAE,UAAAQ,EAAW,KAAAC,EAAM,cAAAC,EAAe,GAAGL,CAAM,EAAGM,OAC7C,OAACV,EAAkB,KAAlB,CAAuB,IAAKU,EAAK,aAAW,MAAGL,EAAiB,CAAE,KAAAG,CAAK,CAAC,EAAGD,CAAS,EAAI,GAAGH,EAC1F,mBAACJ,EAAkB,UAAlB,CAA4B,aAAW,MAAG,yDAAyD,EAClG,mBAACG,EAAA,CAAU,MAAO,GAAI,OAAQ,GAAI,UAAWM,EAAe,EAC9D,EACF,CAEJ,EACAH,EAAS,YAAc,WAEvB,IAAOV,EAAQU",
   "names": ["checkbox_exports", "__export", "checkbox_default", "__toCommonJS", "import_jsx_runtime", "React", "CheckboxPrimitive", "import_helpers", "import_class_variance_authority", "CheckIcon", "props", "checkboxVariants", "Checkbox", "className", "size", "iconClassName", "ref"]
 }

package/dist/cjs/components/dialog.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var x=Object.create;var r=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var h=(e,t)=>{for(var a in t)r(e,a,{get:t[a],enumerable:!0})},v=(e,t,a,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of T(t))!w.call(e,l)&&l!==a&&r(e,l,{get:()=>t[l],enumerable:!(n=C(t,l))||n.enumerable});return e};var N=(e,t,a)=>(a=e!=null?x(H(e)):{},v(t||!e||!e.__esModule?r(a,"default",{value:e,enumerable:!0}):a,e)),E=e=>v(r({},"__esModule",{value:!0}),e);var L={};h(L,{Dialog:()=>c,DialogClose:()=>P,DialogContent:()=>f,DialogDescription:()=>u,DialogFooter:()=>D,DialogHeader:()=>g,DialogOverlay:()=>m,DialogPortal:()=>p,DialogTitle:()=>y,DialogTrigger:()=>b});module.exports=E(L);var i=require("react/jsx-runtime"),d=N(require("react")),o=N(require("@radix-ui/react-dialog")),R=require("@radix-ui/react-icons"),s=require("../helpers/index.js");const c=o.Root;c.displayName="Dialog";const b=o.Trigger,p=o.Portal,P=o.Close,m=d.forwardRef(({className:e,...t},a)=>(0,i.jsx)(o.Overlay,{ref:a,className:(0,s.cn)("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0  fixed inset-0 z-[1000] bg-black/80",e),...t}));m.displayName=o.Overlay.displayName;const f=d.forwardRef(({className:e,children:t,overlayClassName:a,...n},l)=>(0,i.jsxs)(p,{children:[(0,i.jsx)(m,{className:a}),(0,i.jsxs)(o.Content,{ref:l,className:(0,s.cn)("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] tablet:rounded-lg fixed left-1/2 top-1/2 z-[1001] grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200",e),...n,children:[t,(0,i.jsxs)(o.Close,{className:"dialog-close-button ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none",children:[(0,i.jsx)(R.Cross2Icon,{className:"dialog-close-icon size-4"}),(0,i.jsx)("span",{className:"sr-only",children:"Close"})]})]})]}));f.displayName=o.Content.displayName;const g=({className:e,...t})=>(0,i.jsx)("div",{className:(0,s.cn)("tablet:text-left flex flex-col space-y-1.5 text-center",e),...t});g.displayName="DialogHeader";const D=({className:e,...t})=>(0,i.jsx)("div",{className:(0,s.cn)("tablet:flex-row tablet:justify-end tablet:space-x-2 flex flex-col-reverse",e),...t});D.displayName="DialogFooter";const y=d.forwardRef(({className:e,...t},a)=>(0,i.jsx)(o.Title,{ref:a,className:(0,s.cn)("text-lg font-semibold leading-none tracking-tight",e),...t}));y.displayName=o.Title.displayName;const u=d.forwardRef(({className:e,...t},a)=>(0,i.jsx)(o.Description,{ref:a,className:(0,s.cn)("text-muted-foreground text-sm",e),...t}));u.displayName=o.Description.displayName;
+"use strict";"use client";var b=Object.create;var r=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var L=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var T=(e,t)=>{for(var a in t)r(e,a,{get:t[a],enumerable:!0})},u=(e,t,a,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of x(t))!w.call(e,l)&&l!==a&&r(e,l,{get:()=>t[l],enumerable:!(n=P(t,l))||n.enumerable});return e};var C=(e,t,a)=>(a=e!=null?b(L(e)):{},u(t||!e||!e.__esModule?r(a,"default",{value:e,enumerable:!0}):a,e)),h=e=>u(r({},"__esModule",{value:!0}),e);var M={};T(M,{Dialog:()=>m,DialogClose:()=>N,DialogContent:()=>g,DialogDescription:()=>v,DialogFooter:()=>D,DialogHeader:()=>f,DialogOverlay:()=>c,DialogPortal:()=>p,DialogTitle:()=>y,DialogTrigger:()=>R});module.exports=h(M);var o=require("react/jsx-runtime"),d=C(require("react")),i=C(require("@radix-ui/react-dialog")),s=require("../helpers/index.js");const H=e=>(0,o.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,o.jsx)("path",{d:"M5.63657 5.63618C6.02704 5.2456 6.66026 5.24565 7.05079 5.63618L12.0005 10.5859L16.9503 5.63618C17.3408 5.24565 17.974 5.2456 18.3645 5.63618C18.7549 6.02672 18.7549 6.65986 18.3645 7.05039L13.4147 12.0001L18.3645 16.9499C18.7549 17.3404 18.7549 17.9736 18.3645 18.3641C17.974 18.7547 17.3408 18.7546 16.9503 18.3641L12.0005 13.4144L7.05079 18.3641C6.66026 18.7546 6.02704 18.7547 5.63657 18.3641C5.24614 17.9736 5.24615 17.3404 5.63657 16.9499L10.5863 12.0001L5.63657 7.05039C5.24615 6.65986 5.24614 6.02672 5.63657 5.63618Z",fill:"#4A4C56"})}),m=i.Root;m.displayName="Dialog";const R=i.Trigger,p=i.Portal,N=i.Close,c=d.forwardRef(({className:e,...t},a)=>(0,o.jsx)(i.Overlay,{ref:a,className:(0,s.cn)("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0  fixed inset-0 z-[1000] bg-black/80",e),...t}));c.displayName=i.Overlay.displayName;const g=d.forwardRef(({className:e,children:t,overlayClassName:a,...n},l)=>(0,o.jsxs)(p,{children:[(0,o.jsx)(c,{className:a}),(0,o.jsxs)(i.Content,{ref:l,className:(0,s.cn)("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] tablet:rounded-lg fixed left-1/2 top-1/2 z-[1001] grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200",e),...n,children:[t,(0,o.jsxs)(i.Close,{className:"dialog-close-button ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none",children:[(0,o.jsx)(H,{className:"dialog-close-icon tablet:size-6 size-4"}),(0,o.jsx)("span",{className:"sr-only",children:"Close"})]})]})]}));g.displayName=i.Content.displayName;const f=({className:e,...t})=>(0,o.jsx)("div",{className:(0,s.cn)("tablet:text-left flex flex-col space-y-1.5 text-center",e),...t});f.displayName="DialogHeader";const D=({className:e,...t})=>(0,o.jsx)("div",{className:(0,s.cn)("tablet:flex-row tablet:justify-end tablet:space-x-2 flex flex-col-reverse",e),...t});D.displayName="DialogFooter";const y=d.forwardRef(({className:e,...t},a)=>(0,o.jsx)(i.Title,{ref:a,className:(0,s.cn)("text-lg font-semibold leading-none tracking-tight",e),...t}));y.displayName=i.Title.displayName;const v=d.forwardRef(({className:e,...t},a)=>(0,o.jsx)(i.Description,{ref:a,className:(0,s.cn)("text-muted-foreground text-sm",e),...t}));v.displayName=i.Description.displayName;
 //# sourceMappingURL=dialog.js.map

package/dist/cjs/components/dialog.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/dialog.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { Cross2Icon } from '@radix-ui/react-icons'\n\nimport { cn } from '../helpers/index.js'\n\nconst Dialog = DialogPrimitive.Root\nDialog.displayName = 'Dialog'\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\ntype OverlayProps = DialogPrimitive.DialogOverlayProps & React.HTMLAttributes<HTMLDivElement>\n\nconst DialogOverlay = React.forwardRef<HTMLDivElement, OverlayProps>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0  fixed inset-0 z-[1000] bg-black/80',\n      className\n    )}\n    {...props}\n  />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n    overlayClassName?: string\n  }\n>(({ className, children, overlayClassName, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay className={overlayClassName} />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] tablet:rounded-lg fixed left-1/2 top-1/2 z-[1001] grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <DialogPrimitive.Close className=\"dialog-close-button ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none\">\n        <Cross2Icon className=\"dialog-close-icon size-4\" />\n        <span className=\"sr-only\">Close</span>\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('tablet:text-left flex flex-col space-y-1.5 text-center', className)} {...props} />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('tablet:flex-row tablet:justify-end tablet:space-x-2 flex flex-col-reverse', className)}\n    {...props}\n  />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n    {...props}\n  />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n}\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,EAAA,gBAAAC,EAAA,kBAAAC,EAAA,sBAAAC,EAAA,iBAAAC,EAAA,iBAAAC,EAAA,kBAAAC,EAAA,iBAAAC,EAAA,gBAAAC,EAAA,kBAAAC,IAAA,eAAAC,EAAAZ,GAoBE,IAAAa,EAAA,6BAlBFC,EAAuB,oBACvBC,EAAiC,qCACjCC,EAA2B,iCAE3BC,EAAmB,+BAEnB,MAAMf,EAASa,EAAgB,KAC/Bb,EAAO,YAAc,SAErB,MAAMS,EAAgBI,EAAgB,QAEhCN,EAAeM,EAAgB,OAE/BZ,EAAcY,EAAgB,MAI9BP,EAAgBM,EAAM,WAAyC,CAAC,CAAE,UAAAI,EAAW,GAAGC,CAAM,EAAGC,OAC7F,OAACL,EAAgB,QAAhB,CACC,IAAKK,EACL,aAAW,MACT,8JACAF,CACF,EACC,GAAGC,EACN,CACD,EACDX,EAAc,YAAcO,EAAgB,QAAQ,YAEpD,MAAMX,EAAgBU,EAAM,WAK1B,CAAC,CAAE,UAAAI,EAAW,SAAAG,EAAU,iBAAAC,EAAkB,GAAGH,CAAM,EAAGC,OACtD,QAACX,EAAA,CACC,oBAACD,EAAA,CAAc,UAAWc,EAAkB,KAC5C,QAACP,EAAgB,QAAhB,CACC,IAAKK,EACL,aAAW,MACT,8fACAF,CACF,EACC,GAAGC,EAEH,UAAAE,KACD,QAACN,EAAgB,MAAhB,CAAsB,UAAU,gPAC/B,oBAAC,cAAW,UAAU,2BAA2B,KACjD,OAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,GACF,CACD,EACDX,EAAc,YAAcW,EAAgB,QAAQ,YAEpD,MAAMR,EAAe,CAAC,CAAE,UAAAW,EAAW,GAAGC,CAAM,OAC1C,OAAC,OAAI,aAAW,MAAG,yDAA0DD,CAAS,EAAI,GAAGC,EAAO,EAEtGZ,EAAa,YAAc,eAE3B,MAAMD,EAAe,CAAC,CAAE,UAAAY,EAAW,GAAGC,CAAM,OAC1C,OAAC,OACC,aAAW,MAAG,4EAA6ED,CAAS,EACnG,GAAGC,EACN,EAEFb,EAAa,YAAc,eAE3B,MAAMI,EAAcI,EAAM,WAGxB,CAAC,CAAE,UAAAI,EAAW,GAAGC,CAAM,EAAGC,OAC1B,OAACL,EAAgB,MAAhB,CACC,IAAKK,EACL,aAAW,MAAG,oDAAqDF,CAAS,EAC3E,GAAGC,EACN,CACD,EACDT,EAAY,YAAcK,EAAgB,MAAM,YAEhD,MAAMV,EAAoBS,EAAM,WAG9B,CAAC,CAAE,UAAAI,EAAW,GAAGC,CAAM,EAAGC,OAC1B,OAACL,EAAgB,YAAhB,CAA4B,IAAKK,EAAK,aAAW,MAAG,gCAAiCF,CAAS,EAAI,GAAGC,EAAO,CAC9G,EACDd,EAAkB,YAAcU,EAAgB,YAAY",
-  "names": ["dialog_exports", "__export", "Dialog", "DialogClose", "DialogContent", "DialogDescription", "DialogFooter", "DialogHeader", "DialogOverlay", "DialogPortal", "DialogTitle", "DialogTrigger", "__toCommonJS", "import_jsx_runtime", "React", "DialogPrimitive", "import_react_icons", "import_helpers", "className", "props", "ref", "children", "overlayClassName"]
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\n\nimport { cn } from '../helpers/index.js'\n\nconst Cross2Icon = (props: React.ComponentPropsWithoutRef<'svg'>) => (\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path\n      d=\"M5.63657 5.63618C6.02704 5.2456 6.66026 5.24565 7.05079 5.63618L12.0005 10.5859L16.9503 5.63618C17.3408 5.24565 17.974 5.2456 18.3645 5.63618C18.7549 6.02672 18.7549 6.65986 18.3645 7.05039L13.4147 12.0001L18.3645 16.9499C18.7549 17.3404 18.7549 17.9736 18.3645 18.3641C17.974 18.7547 17.3408 18.7546 16.9503 18.3641L12.0005 13.4144L7.05079 18.3641C6.66026 18.7546 6.02704 18.7547 5.63657 18.3641C5.24614 17.9736 5.24615 17.3404 5.63657 16.9499L10.5863 12.0001L5.63657 7.05039C5.24615 6.65986 5.24614 6.02672 5.63657 5.63618Z\"\n      fill=\"#4A4C56\"\n    />\n  </svg>\n)\n\nconst Dialog = DialogPrimitive.Root\nDialog.displayName = 'Dialog'\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\ntype OverlayProps = DialogPrimitive.DialogOverlayProps & React.HTMLAttributes<HTMLDivElement>\n\nconst DialogOverlay = React.forwardRef<HTMLDivElement, OverlayProps>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0  fixed inset-0 z-[1000] bg-black/80',\n      className\n    )}\n    {...props}\n  />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n    overlayClassName?: string\n  }\n>(({ className, children, overlayClassName, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay className={overlayClassName} />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] tablet:rounded-lg fixed left-1/2 top-1/2 z-[1001] grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <DialogPrimitive.Close className=\"dialog-close-button ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none\">\n        <Cross2Icon className=\"dialog-close-icon tablet:size-6 size-4\" />\n        <span className=\"sr-only\">Close</span>\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('tablet:text-left flex flex-col space-y-1.5 text-center', className)} {...props} />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('tablet:flex-row tablet:justify-end tablet:space-x-2 flex flex-col-reverse', className)}\n    {...props}\n  />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n    {...props}\n  />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n}\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,EAAA,gBAAAC,EAAA,kBAAAC,EAAA,sBAAAC,EAAA,iBAAAC,EAAA,iBAAAC,EAAA,kBAAAC,EAAA,iBAAAC,EAAA,gBAAAC,EAAA,kBAAAC,IAAA,eAAAC,EAAAZ,GASI,IAAAa,EAAA,6BAPJC,EAAuB,oBACvBC,EAAiC,qCAEjCC,EAAmB,+BAEnB,MAAMC,EAAcC,MAClB,OAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAA8B,GAAGA,EACjG,mBAAC,QACC,EAAE,ghBACF,KAAK,UACP,EACF,EAGIhB,EAASa,EAAgB,KAC/Bb,EAAO,YAAc,SAErB,MAAMS,EAAgBI,EAAgB,QAEhCN,EAAeM,EAAgB,OAE/BZ,EAAcY,EAAgB,MAI9BP,EAAgBM,EAAM,WAAyC,CAAC,CAAE,UAAAK,EAAW,GAAGD,CAAM,EAAGE,OAC7F,OAACL,EAAgB,QAAhB,CACC,IAAKK,EACL,aAAW,MACT,8JACAD,CACF,EACC,GAAGD,EACN,CACD,EACDV,EAAc,YAAcO,EAAgB,QAAQ,YAEpD,MAAMX,EAAgBU,EAAM,WAK1B,CAAC,CAAE,UAAAK,EAAW,SAAAE,EAAU,iBAAAC,EAAkB,GAAGJ,CAAM,EAAGE,OACtD,QAACX,EAAA,CACC,oBAACD,EAAA,CAAc,UAAWc,EAAkB,KAC5C,QAACP,EAAgB,QAAhB,CACC,IAAKK,EACL,aAAW,MACT,8fACAD,CACF,EACC,GAAGD,EAEH,UAAAG,KACD,QAACN,EAAgB,MAAhB,CAAsB,UAAU,gPAC/B,oBAACE,EAAA,CAAW,UAAU,yCAAyC,KAC/D,OAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,GACF,CACD,EACDb,EAAc,YAAcW,EAAgB,QAAQ,YAEpD,MAAMR,EAAe,CAAC,CAAE,UAAAY,EAAW,GAAGD,CAAM,OAC1C,OAAC,OAAI,aAAW,MAAG,yDAA0DC,CAAS,EAAI,GAAGD,EAAO,EAEtGX,EAAa,YAAc,eAE3B,MAAMD,EAAe,CAAC,CAAE,UAAAa,EAAW,GAAGD,CAAM,OAC1C,OAAC,OACC,aAAW,MAAG,4EAA6EC,CAAS,EACnG,GAAGD,EACN,EAEFZ,EAAa,YAAc,eAE3B,MAAMI,EAAcI,EAAM,WAGxB,CAAC,CAAE,UAAAK,EAAW,GAAGD,CAAM,EAAGE,OAC1B,OAACL,EAAgB,MAAhB,CACC,IAAKK,EACL,aAAW,MAAG,oDAAqDD,CAAS,EAC3E,GAAGD,EACN,CACD,EACDR,EAAY,YAAcK,EAAgB,MAAM,YAEhD,MAAMV,EAAoBS,EAAM,WAG9B,CAAC,CAAE,UAAAK,EAAW,GAAGD,CAAM,EAAGE,OAC1B,OAACL,EAAgB,YAAhB,CAA4B,IAAKK,EAAK,aAAW,MAAG,gCAAiCD,CAAS,EAAI,GAAGD,EAAO,CAC9G,EACDb,EAAkB,YAAcU,EAAgB,YAAY",
+  "names": ["dialog_exports", "__export", "Dialog", "DialogClose", "DialogContent", "DialogDescription", "DialogFooter", "DialogHeader", "DialogOverlay", "DialogPortal", "DialogTitle", "DialogTrigger", "__toCommonJS", "import_jsx_runtime", "React", "DialogPrimitive", "import_helpers", "Cross2Icon", "props", "className", "ref", "children", "overlayClassName"]
 }

package/dist/cjs/components/index.d.ts

@@ -28,3 +28,4 @@ export { default as LoadingDots } from './loadingDots.js';
 export { ExposureDetector, type ExposureDetectorProps } from './ExposureDetector.js';
 export { default as BrandStrip } from './brand-strip.js';
 export { default as Progress, type ProgressProps, type ProgressClassNames } from './progress.js';
+export { default as OtpInput, type OtpInputProps } from './otp-input.js';

package/dist/cjs/components/index.js

@@ -1,2 +1,2 @@
-"use strict";var E=Object.create;var D=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var q=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var J=(t,n)=>{for(var s in n)D(t,s,{get:n[s],enumerable:!0})},P=(t,n,s,w)=>{if(n&&typeof n=="object"||typeof n=="function")for(let m of j(n))!z.call(t,m)&&m!==s&&D(t,m,{get:()=>n[m],enumerable:!(w=O(n,m))||w.enumerable});return t};var a=(t,n,s)=>(s=t!=null?E(q(t)):{},P(n||!t||!t.__esModule?D(s,"default",{value:t,enumerable:!0}):s,t)),K=t=>P(D({},"__esModule",{value:!0}),t);var Q={};J(Q,{Alert:()=>f.Alert,AlertDescription:()=>f.AlertDescription,AlertTitle:()=>f.AlertTitle,Avatar:()=>i.Avatar,AvatarFallback:()=>i.AvatarFallback,AvatarImage:()=>i.AvatarImage,Badge:()=>T.default,Board:()=>L.default,BrandStrip:()=>F.default,Button:()=>y.default,Card:()=>p.Card,CardContent:()=>p.CardContent,CardDescription:()=>p.CardDescription,CardFooter:()=>p.CardFooter,CardHeader:()=>p.CardHeader,CardTitle:()=>p.CardTitle,Carousel:()=>u.Carousel,CarouselContent:()=>u.CarouselContent,CarouselItem:()=>u.CarouselItem,CarouselNext:()=>u.CarouselNext,CarouselPrevious:()=>u.CarouselPrevious,Checkbox:()=>M.default,Color:()=>v.Color,Container:()=>G.Container,Countdown:()=>k.default,Dialog:()=>o.Dialog,DialogClose:()=>o.DialogClose,DialogContent:()=>o.DialogContent,DialogDescription:()=>o.DialogDescription,DialogFooter:()=>o.DialogFooter,DialogHeader:()=>o.DialogHeader,DialogOverlay:()=>o.DialogOverlay,DialogPortal:()=>o.DialogPortal,DialogTitle:()=>o.DialogTitle,DialogTrigger:()=>o.DialogTrigger,Drawer:()=>e.Drawer,DrawerClose:()=>e.DrawerClose,DrawerContent:()=>e.DrawerContent,DrawerDescription:()=>e.DrawerDescription,DrawerFooter:()=>e.DrawerFooter,DrawerHeader:()=>e.DrawerHeader,DrawerOverlay:()=>e.DrawerOverlay,DrawerPortal:()=>e.DrawerPortal,DrawerTitle:()=>e.DrawerTitle,DrawerTrigger:()=>e.DrawerTrigger,DropdownMenu:()=>r.DropdownMenu,DropdownMenuCheckboxItem:()=>r.DropdownMenuCheckboxItem,DropdownMenuContent:()=>r.DropdownMenuContent,DropdownMenuGroup:()=>r.DropdownMenuGroup,DropdownMenuItem:()=>r.DropdownMenuItem,DropdownMenuLabel:()=>r.DropdownMenuLabel,DropdownMenuPortal:()=>r.DropdownMenuPortal,DropdownMenuRadioGroup:()=>r.DropdownMenuRadioGroup,DropdownMenuRadioItem:()=>r.DropdownMenuRadioItem,DropdownMenuSeparator:()=>r.DropdownMenuSeparator,DropdownMenuShortcut:()=>r.DropdownMenuShortcut,DropdownMenuSub:()=>r.DropdownMenuSub,DropdownMenuSubContent:()=>r.DropdownMenuSubContent,DropdownMenuSubTrigger:()=>r.DropdownMenuSubTrigger,DropdownMenuTrigger:()=>r.DropdownMenuTrigger,ExposureDetector:()=>B.ExposureDetector,Grid:()=>g.Grid,GridItem:()=>g.GridItem,Heading:()=>c.Heading,Input:()=>x.Input,InputNumber:()=>A.default,InputSlot:()=>x.InputSlot,Link:()=>S.default,LoadingDots:()=>h.default,Picture:()=>R.default,Popover:()=>l.Popover,PopoverContent:()=>l.PopoverContent,PopoverTrigger:()=>l.PopoverTrigger,Progress:()=>N.default,RadioGroup:()=>C.RadioGroup,RadioGroupItem:()=>C.RadioGroupItem,Skeleton:()=>b.default,Tabs:()=>d.Tabs,TabsContent:()=>d.TabsContent,TabsList:()=>d.TabsList,TabsTrigger:()=>d.TabsTrigger,Text:()=>I.Text,Theme:()=>H.default});module.exports=K(Q);var y=a(require("./button.js")),T=a(require("./badge.js")),x=require("./input.js"),M=a(require("./checkbox.js")),b=a(require("./skeleton.js")),o=require("./dialog.js"),l=require("./popover.js"),C=require("./radio.js"),I=require("./text.js"),g=require("./grid.js"),c=require("./heading.js"),G=require("./container.js"),v=require("./color.js"),e=require("./drawer.js"),S=a(require("./link.js")),i=require("./avatar.js"),A=a(require("./input-number.js")),r=require("./drop-down.js"),p=require("./card.js"),k=a(require("./Countdown.js")),u=require("./carousel.js"),d=require("./tabs.js"),f=require("./alert.js"),R=a(require("./picture.js")),H=a(require("./theme.js")),L=a(require("./board.js")),h=a(require("./loadingDots.js")),B=require("./ExposureDetector.js"),F=a(require("./brand-strip.js")),N=a(require("./progress.js"));
+"use strict";var E=Object.create;var D=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var z=Object.getPrototypeOf,J=Object.prototype.hasOwnProperty;var K=(t,n)=>{for(var s in n)D(t,s,{get:n[s],enumerable:!0})},P=(t,n,s,w)=>{if(n&&typeof n=="object"||typeof n=="function")for(let m of q(n))!J.call(t,m)&&m!==s&&D(t,m,{get:()=>n[m],enumerable:!(w=j(n,m))||w.enumerable});return t};var p=(t,n,s)=>(s=t!=null?E(z(t)):{},P(n||!t||!t.__esModule?D(s,"default",{value:t,enumerable:!0}):s,t)),Q=t=>P(D({},"__esModule",{value:!0}),t);var U={};K(U,{Alert:()=>f.Alert,AlertDescription:()=>f.AlertDescription,AlertTitle:()=>f.AlertTitle,Avatar:()=>i.Avatar,AvatarFallback:()=>i.AvatarFallback,AvatarImage:()=>i.AvatarImage,Badge:()=>T.default,Board:()=>L.default,BrandStrip:()=>F.default,Button:()=>y.default,Card:()=>a.Card,CardContent:()=>a.CardContent,CardDescription:()=>a.CardDescription,CardFooter:()=>a.CardFooter,CardHeader:()=>a.CardHeader,CardTitle:()=>a.CardTitle,Carousel:()=>u.Carousel,CarouselContent:()=>u.CarouselContent,CarouselItem:()=>u.CarouselItem,CarouselNext:()=>u.CarouselNext,CarouselPrevious:()=>u.CarouselPrevious,Checkbox:()=>I.default,Color:()=>v.Color,Container:()=>G.Container,Countdown:()=>k.default,Dialog:()=>o.Dialog,DialogClose:()=>o.DialogClose,DialogContent:()=>o.DialogContent,DialogDescription:()=>o.DialogDescription,DialogFooter:()=>o.DialogFooter,DialogHeader:()=>o.DialogHeader,DialogOverlay:()=>o.DialogOverlay,DialogPortal:()=>o.DialogPortal,DialogTitle:()=>o.DialogTitle,DialogTrigger:()=>o.DialogTrigger,Drawer:()=>e.Drawer,DrawerClose:()=>e.DrawerClose,DrawerContent:()=>e.DrawerContent,DrawerDescription:()=>e.DrawerDescription,DrawerFooter:()=>e.DrawerFooter,DrawerHeader:()=>e.DrawerHeader,DrawerOverlay:()=>e.DrawerOverlay,DrawerPortal:()=>e.DrawerPortal,DrawerTitle:()=>e.DrawerTitle,DrawerTrigger:()=>e.DrawerTrigger,DropdownMenu:()=>r.DropdownMenu,DropdownMenuCheckboxItem:()=>r.DropdownMenuCheckboxItem,DropdownMenuContent:()=>r.DropdownMenuContent,DropdownMenuGroup:()=>r.DropdownMenuGroup,DropdownMenuItem:()=>r.DropdownMenuItem,DropdownMenuLabel:()=>r.DropdownMenuLabel,DropdownMenuPortal:()=>r.DropdownMenuPortal,DropdownMenuRadioGroup:()=>r.DropdownMenuRadioGroup,DropdownMenuRadioItem:()=>r.DropdownMenuRadioItem,DropdownMenuSeparator:()=>r.DropdownMenuSeparator,DropdownMenuShortcut:()=>r.DropdownMenuShortcut,DropdownMenuSub:()=>r.DropdownMenuSub,DropdownMenuSubContent:()=>r.DropdownMenuSubContent,DropdownMenuSubTrigger:()=>r.DropdownMenuSubTrigger,DropdownMenuTrigger:()=>r.DropdownMenuTrigger,ExposureDetector:()=>B.ExposureDetector,Grid:()=>g.Grid,GridItem:()=>g.GridItem,Heading:()=>c.Heading,Input:()=>x.Input,InputNumber:()=>A.default,InputSlot:()=>x.InputSlot,Link:()=>S.default,LoadingDots:()=>h.default,OtpInput:()=>O.default,Picture:()=>R.default,Popover:()=>l.Popover,PopoverContent:()=>l.PopoverContent,PopoverTrigger:()=>l.PopoverTrigger,Progress:()=>N.default,RadioGroup:()=>C.RadioGroup,RadioGroupItem:()=>C.RadioGroupItem,Skeleton:()=>M.default,Tabs:()=>d.Tabs,TabsContent:()=>d.TabsContent,TabsList:()=>d.TabsList,TabsTrigger:()=>d.TabsTrigger,Text:()=>b.Text,Theme:()=>H.default});module.exports=Q(U);var y=p(require("./button.js")),T=p(require("./badge.js")),x=require("./input.js"),I=p(require("./checkbox.js")),M=p(require("./skeleton.js")),o=require("./dialog.js"),l=require("./popover.js"),C=require("./radio.js"),b=require("./text.js"),g=require("./grid.js"),c=require("./heading.js"),G=require("./container.js"),v=require("./color.js"),e=require("./drawer.js"),S=p(require("./link.js")),i=require("./avatar.js"),A=p(require("./input-number.js")),r=require("./drop-down.js"),a=require("./card.js"),k=p(require("./Countdown.js")),u=require("./carousel.js"),d=require("./tabs.js"),f=require("./alert.js"),R=p(require("./picture.js")),H=p(require("./theme.js")),L=p(require("./board.js")),h=p(require("./loadingDots.js")),B=require("./ExposureDetector.js"),F=p(require("./brand-strip.js")),N=p(require("./progress.js")),O=p(require("./otp-input.js"));
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/index.ts"],
-  "sourcesContent": ["export { default as Button } from './button.js'\nexport { default as Badge } from './badge.js'\nexport { Input, InputSlot } from './input.js'\n\nexport { default as Checkbox } from './checkbox.js'\n\nexport { default as Skeleton } from './skeleton.js'\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n} from './dialog.js'\nexport { Popover, PopoverTrigger, PopoverContent } from './popover.js'\nexport { RadioGroup, RadioGroupItem, type RadioGroupProps, type RadioGroupItemProps } from './radio.js'\nexport { Text, type TextProps } from './text.js'\nexport { Grid, GridItem, type GridProps, type GridItemProps } from './grid.js'\nexport { Heading, type HeadingProps } from './heading.js'\nexport { Container, type ContainerProps } from './container.js'\nexport { Color, type ColorProps } from './color.js'\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n} from './drawer.js'\nexport { default as Link, type LinkProps } from './link.js'\nexport { Avatar, AvatarImage, AvatarFallback } from './avatar.js'\nexport { default as InputNumber, type InputNumberProps } from './input-number.js'\nexport {\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 './drop-down.js'\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } from './card.js'\nexport { default as Countdown, type CountdownProps } from './Countdown.js'\nexport {\n  type CarouselApi,\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselPrevious,\n  CarouselNext,\n} from './carousel.js'\nexport { Tabs, TabsList, TabsTrigger, TabsContent } from './tabs.js'\nexport { Alert, AlertTitle, AlertDescription } from './alert.js'\nexport { default as Picture } from './picture.js'\nexport { default as Theme } from './theme.js'\nexport { default as Board } from './board.js'\nexport { default as LoadingDots } from './loadingDots.js'\nexport { ExposureDetector, type ExposureDetectorProps } from './ExposureDetector.js'\nexport { default as BrandStrip } from './brand-strip.js'\nexport { default as Progress, type ProgressProps, type ProgressClassNames } from './progress.js'\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gjFAAAE,EAAAF,GAAA,IAAAG,EAAkC,0BAClCC,EAAiC,yBACjCC,EAAiC,sBAEjCC,EAAoC,4BAEpCC,EAAoC,4BACpCC,EAWO,uBACPC,EAAwD,wBACxDC,EAA2F,sBAC3FC,EAAqC,qBACrCC,EAAmE,qBACnEC,EAA2C,wBAC3CC,EAA+C,0BAC/CC,EAAuC,sBACvCC,EAWO,uBACPC,EAAgD,wBAChDC,EAAoD,uBACpDC,EAA8D,gCAC9DC,EAgBO,0BACPC,EAAsF,qBACtFC,EAA0D,6BAC1DC,EAOO,yBACPC,EAAyD,qBACzDC,EAAoD,sBACpDC,EAAmC,2BACnCC,EAAiC,yBACjCC,EAAiC,yBACjCC,EAAuC,+BACvCC,EAA6D,iCAC7DC,EAAsC,+BACtCC,EAAiF",
-  "names": ["components_exports", "__export", "__toCommonJS", "import_button", "import_badge", "import_input", "import_checkbox", "import_skeleton", "import_dialog", "import_popover", "import_radio", "import_text", "import_grid", "import_heading", "import_container", "import_color", "import_drawer", "import_link", "import_avatar", "import_input_number", "import_drop_down", "import_card", "import_Countdown", "import_carousel", "import_tabs", "import_alert", "import_picture", "import_theme", "import_board", "import_loadingDots", "import_ExposureDetector", "import_brand_strip", "import_progress"]
+  "sourcesContent": ["export { default as Button } from './button.js'\nexport { default as Badge } from './badge.js'\nexport { Input, InputSlot } from './input.js'\n\nexport { default as Checkbox } from './checkbox.js'\n\nexport { default as Skeleton } from './skeleton.js'\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n} from './dialog.js'\nexport { Popover, PopoverTrigger, PopoverContent } from './popover.js'\nexport { RadioGroup, RadioGroupItem, type RadioGroupProps, type RadioGroupItemProps } from './radio.js'\nexport { Text, type TextProps } from './text.js'\nexport { Grid, GridItem, type GridProps, type GridItemProps } from './grid.js'\nexport { Heading, type HeadingProps } from './heading.js'\nexport { Container, type ContainerProps } from './container.js'\nexport { Color, type ColorProps } from './color.js'\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n} from './drawer.js'\nexport { default as Link, type LinkProps } from './link.js'\nexport { Avatar, AvatarImage, AvatarFallback } from './avatar.js'\nexport { default as InputNumber, type InputNumberProps } from './input-number.js'\nexport {\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 './drop-down.js'\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } from './card.js'\nexport { default as Countdown, type CountdownProps } from './Countdown.js'\nexport {\n  type CarouselApi,\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselPrevious,\n  CarouselNext,\n} from './carousel.js'\nexport { Tabs, TabsList, TabsTrigger, TabsContent } from './tabs.js'\nexport { Alert, AlertTitle, AlertDescription } from './alert.js'\nexport { default as Picture } from './picture.js'\nexport { default as Theme } from './theme.js'\nexport { default as Board } from './board.js'\nexport { default as LoadingDots } from './loadingDots.js'\nexport { ExposureDetector, type ExposureDetectorProps } from './ExposureDetector.js'\nexport { default as BrandStrip } from './brand-strip.js'\nexport { default as Progress, type ProgressProps, type ProgressClassNames } from './progress.js'\nexport { default as OtpInput, type OtpInputProps } from './otp-input.js'\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,ukFAAAE,EAAAF,GAAA,IAAAG,EAAkC,0BAClCC,EAAiC,yBACjCC,EAAiC,sBAEjCC,EAAoC,4BAEpCC,EAAoC,4BACpCC,EAWO,uBACPC,EAAwD,wBACxDC,EAA2F,sBAC3FC,EAAqC,qBACrCC,EAAmE,qBACnEC,EAA2C,wBAC3CC,EAA+C,0BAC/CC,EAAuC,sBACvCC,EAWO,uBACPC,EAAgD,wBAChDC,EAAoD,uBACpDC,EAA8D,gCAC9DC,EAgBO,0BACPC,EAAsF,qBACtFC,EAA0D,6BAC1DC,EAOO,yBACPC,EAAyD,qBACzDC,EAAoD,sBACpDC,EAAmC,2BACnCC,EAAiC,yBACjCC,EAAiC,yBACjCC,EAAuC,+BACvCC,EAA6D,iCAC7DC,EAAsC,+BACtCC,EAAiF,4BACjFC,EAAwD",
+  "names": ["components_exports", "__export", "__toCommonJS", "import_button", "import_badge", "import_input", "import_checkbox", "import_skeleton", "import_dialog", "import_popover", "import_radio", "import_text", "import_grid", "import_heading", "import_container", "import_color", "import_drawer", "import_link", "import_avatar", "import_input_number", "import_drop_down", "import_card", "import_Countdown", "import_carousel", "import_tabs", "import_alert", "import_picture", "import_theme", "import_board", "import_loadingDots", "import_ExposureDetector", "import_brand_strip", "import_progress", "import_otp_input"]
 }

package/dist/cjs/components/otp-input.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export interface OtpInputProps {
+    length?: number;
+    value?: string;
+    onChange?: (value: string) => void;
+    onComplete?: (value: string) => void;
+    onFocus?: (index: number) => void;
+    onBlur?: () => void;
+    onPaste?: (text: string) => void;
+    className?: string;
+    cellClassName?: string;
+    disabled?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+    autoFocus?: boolean;
+}
+declare const OtpInput: React.ForwardRefExoticComponent<OtpInputProps & React.RefAttributes<HTMLDivElement>>;
+export default OtpInput;

package/dist/cjs/components/otp-input.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var K=Object.create;var m=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var V=Object.getOwnPropertyNames;var q=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var S=(n,r)=>{for(var o in r)m(n,o,{get:r[o],enumerable:!0})},E=(n,r,o,p)=>{if(r&&typeof r=="object"||typeof r=="function")for(let l of V(r))!z.call(n,l)&&l!==o&&m(n,l,{get:()=>r[l],enumerable:!(p=T(r,l))||p.enumerable});return n};var _=(n,r,o)=>(o=n!=null?K(q(n)):{},E(r||!n||!n.__esModule?m(o,"default",{value:n,enumerable:!0}):o,n)),$=n=>E(m({},"__esModule",{value:!0}),n);var J={};S(J,{default:()=>G});module.exports=$(J);var f=require("react/jsx-runtime"),i=_(require("react")),x=require("../helpers/index.js");const F=i.forwardRef(({length:n=6,value:r="",onChange:o,onComplete:p,onFocus:l,onBlur:R,onPaste:I,className:k,cellClassName:A,disabled:g=!1,error:D=!1,errorMessage:v,autoFocus:h=!1},M)=>{const d=i.useRef([]),[N,b]=i.useState(null),y=i.useRef(!1);i.useEffect(()=>{h&&d.current[0]?.focus()},[h]);const a=e=>{y.current=!0,d.current[e]?.focus()},u=i.useRef(null),w=(e,s)=>{const t=e<r.length;let c;t?c=r.slice(0,e)+s+r.slice(e+1):c=(r+s).slice(0,n),o?.(c),c.length===n?(p?.(c),a(t?Math.min(e+1,n-1):n-1)):a(c.length)},C=(e,s)=>{const t=s.replace(/\D/g,"");t&&w(e,t[0])},O=(e,s)=>{if(/^\d$/.test(e.key))e.preventDefault(),w(s,e.key);else if(e.key==="Backspace"){if(e.preventDefault(),u.current!==null&&u.current<r.length){const t=u.current,c=r.slice(0,t)+r.slice(t+1);o?.(c),a(t>0?t-1:0)}else if(r.length>0){const t=r.slice(0,-1);o?.(t),a(t.length>0?t.length-1:0)}}else if(e.key==="ArrowLeft"){const t=(u.current??0)-1;t>=0&&a(t)}else if(e.key==="ArrowRight"){const t=(u.current??0)+1;t<n&&a(t)}},B=e=>{e.preventDefault();const s=e.clipboardData.getData("text");I?.(s);const t=s.replace(/\D/g,"").slice(0,n);o?.(t),t.length===n&&p?.(t),a(Math.min(t.length,n-1))},L=e=>{if(y.current){y.current=!1,u.current=e,b(e),l?.(e);return}const s=Math.min(r.length,n-1);if(e>s){a(s);return}u.current=e,b(e),l?.(e)},P=()=>{b(null),requestAnimationFrame(()=>{d.current.some(s=>s===document.activeElement)||R?.()})},H=e=>D?"border-[#FF4D4D]":N===e?"border-info-primary":"border-lines-default";return(0,f.jsxs)("div",{ref:M,className:(0,x.cn)("otp-input-root flex flex-col gap-2",k),children:[(0,f.jsx)("div",{className:"laptop:gap-2 flex gap-1.5",children:Array.from({length:n}).map((e,s)=>(0,f.jsx)("input",{ref:t=>{d.current[s]=t},type:"text",inputMode:"numeric",maxLength:1,value:r[s]??"",disabled:g,readOnly:g,onChange:t=>C(s,t.target.value),onKeyDown:t=>O(t,s),onPaste:B,onFocus:()=>L(s),onBlur:P,className:(0,x.cn)("otp-input-cell text-info-primary laptop:size-[54px] rounded-box-small size-[44px] border text-center text-base font-bold transition-colors focus:outline-none",H(s),g&&"text-info-quaternary cursor-not-allowed bg-[#EAEAEC]",A)},s))}),D&&v&&(0,f.jsx)("span",{className:"otp-input-error text-base font-bold leading-[1.4] tracking-[-0.02em] text-[#FF4D4D]",children:v})]})});F.displayName="OtpInput";var G=F;
+//# sourceMappingURL=otp-input.js.map

package/dist/cjs/components/otp-input.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/otp-input.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../helpers/index.js'\n\nexport interface OtpInputProps {\n  length?: number\n  value?: string\n  onChange?: (value: string) => void\n  onComplete?: (value: string) => void\n  onFocus?: (index: number) => void\n  onBlur?: () => void\n  onPaste?: (text: string) => void\n  className?: string\n  cellClassName?: string\n  disabled?: boolean\n  error?: boolean\n  errorMessage?: string\n  autoFocus?: boolean\n}\n\nconst OtpInput = React.forwardRef<HTMLDivElement, OtpInputProps>(\n  (\n    {\n      length = 6,\n      value = '',\n      onChange,\n      onComplete,\n      onFocus,\n      onBlur,\n      onPaste,\n      className,\n      cellClassName,\n      disabled = false,\n      error = false,\n      errorMessage,\n      autoFocus = false,\n    },\n    ref\n  ) => {\n    const inputsRef = React.useRef<Array<HTMLInputElement | null>>([])\n    const [focusedIndex, setFocusedIndex] = React.useState<number | null>(null)\n    const programmaticFocusRef = React.useRef(false)\n\n    React.useEffect(() => {\n      if (autoFocus) {\n        inputsRef.current[0]?.focus()\n      }\n    }, [autoFocus])\n\n    const focusCell = (index: number) => {\n      programmaticFocusRef.current = true\n      inputsRef.current[index]?.focus()\n    }\n\n    const focusedIndexRef = React.useRef<number | null>(null)\n\n    const applyDigit = (index: number, digit: string) => {\n      const isOverwrite = index < value.length\n      let newValue: string\n      if (isOverwrite) {\n        newValue = value.slice(0, index) + digit + value.slice(index + 1)\n      } else {\n        newValue = (value + digit).slice(0, length)\n      }\n      onChange?.(newValue)\n      if (newValue.length === length) {\n        onComplete?.(newValue)\n        focusCell(isOverwrite ? Math.min(index + 1, length - 1) : length - 1)\n      } else {\n        focusCell(newValue.length)\n      }\n    }\n\n    const handleChange = (index: number, char: string) => {\n      const digit = char.replace(/\\D/g, '')\n      if (!digit) return\n      applyDigit(index, digit[0])\n    }\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>, index: number) => {\n      if (/^\\d$/.test(e.key)) {\n        e.preventDefault()\n        applyDigit(index, e.key)\n      } else if (e.key === 'Backspace') {\n        e.preventDefault()\n        if (focusedIndexRef.current !== null && focusedIndexRef.current < value.length) {\n          const i = focusedIndexRef.current\n          const newValue = value.slice(0, i) + value.slice(i + 1)\n          onChange?.(newValue)\n          focusCell(i > 0 ? i - 1 : 0)\n        } else if (value.length > 0) {\n          const newValue = value.slice(0, -1)\n          onChange?.(newValue)\n          focusCell(newValue.length > 0 ? newValue.length - 1 : 0)\n        }\n      } else if (e.key === 'ArrowLeft') {\n        const prev = (focusedIndexRef.current ?? 0) - 1\n        if (prev >= 0) focusCell(prev)\n      } else if (e.key === 'ArrowRight') {\n        const next = (focusedIndexRef.current ?? 0) + 1\n        if (next < length) focusCell(next)\n      }\n    }\n\n    const handlePaste = (e: React.ClipboardEvent) => {\n      e.preventDefault()\n      const raw = e.clipboardData.getData('text')\n      onPaste?.(raw)\n      const pasted = raw.replace(/\\D/g, '').slice(0, length)\n      onChange?.(pasted)\n      if (pasted.length === length) {\n        onComplete?.(pasted)\n      }\n      focusCell(Math.min(pasted.length, length - 1))\n    }\n\n    const handleFocus = (i: number) => {\n      if (programmaticFocusRef.current) {\n        programmaticFocusRef.current = false\n        focusedIndexRef.current = i\n        setFocusedIndex(i)\n        onFocus?.(i)\n        return\n      }\n      const firstEmpty = Math.min(value.length, length - 1)\n      if (i > firstEmpty) {\n        focusCell(firstEmpty)\n        return\n      }\n      focusedIndexRef.current = i\n      setFocusedIndex(i)\n      onFocus?.(i)\n    }\n\n    const handleBlur = () => {\n      setFocusedIndex(null)\n      requestAnimationFrame(() => {\n        const anyFocused = inputsRef.current.some(el => el === document.activeElement)\n        if (!anyFocused) onBlur?.()\n      })\n    }\n\n    const getCellBorderClass = (index: number) => {\n      if (error) return 'border-[#FF4D4D]'\n      if (focusedIndex === index) return 'border-info-primary'\n      return 'border-lines-default'\n    }\n\n    return (\n      <div ref={ref} className={cn('otp-input-root flex flex-col gap-2', className)}>\n        <div className=\"laptop:gap-2 flex gap-1.5\">\n          {Array.from({ length }).map((_, i) => (\n            <input\n              key={i}\n              ref={el => {\n                inputsRef.current[i] = el\n              }}\n              type=\"text\"\n              inputMode=\"numeric\"\n              maxLength={1}\n              value={value[i] ?? ''}\n              disabled={disabled}\n              readOnly={disabled}\n              onChange={e => handleChange(i, e.target.value)}\n              onKeyDown={e => handleKeyDown(e, i)}\n              onPaste={handlePaste}\n              onFocus={() => handleFocus(i)}\n              onBlur={handleBlur}\n              className={cn(\n                'otp-input-cell text-info-primary laptop:size-[54px] rounded-box-small size-[44px] border text-center text-base font-bold transition-colors focus:outline-none',\n                getCellBorderClass(i),\n                disabled && 'text-info-quaternary cursor-not-allowed bg-[#EAEAEC]',\n                cellClassName\n              )}\n            />\n          ))}\n        </div>\n        {error && errorMessage && (\n          <span className=\"otp-input-error text-base font-bold leading-[1.4] tracking-[-0.02em] text-[#FF4D4D]\">\n            {errorMessage}\n          </span>\n        )}\n      </div>\n    )\n  }\n)\n\nOtpInput.displayName = 'OtpInput'\n\nexport default OtpInput\n"],
+  "mappings": "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",
+  "names": ["otp_input_exports", "__export", "otp_input_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "OtpInput", "length", "value", "onChange", "onComplete", "onFocus", "onBlur", "onPaste", "className", "cellClassName", "disabled", "error", "errorMessage", "autoFocus", "ref", "inputsRef", "focusedIndex", "setFocusedIndex", "programmaticFocusRef", "focusCell", "index", "focusedIndexRef", "applyDigit", "digit", "isOverwrite", "newValue", "handleChange", "char", "handleKeyDown", "i", "prev", "next", "handlePaste", "raw", "pasted", "handleFocus", "firstEmpty", "handleBlur", "el", "getCellBorderClass", "_", "e"]
+}

package/dist/cjs/helpers/utils.d.ts

@@ -57,5 +57,11 @@ export declare const highlightSearchWord: (text: string, searchText: string) =>
  * @example
  * // 空路径处理
  * getLocalizedPath('', 'uk')                   // => ''
+ *
+ * @example
+ * // appendParams 会自动判断用 ? 还是 &
+ * getLocalizedPath('/products', 'us', 'ref=footer')                        // => '/products?ref=footer'
+ * getLocalizedPath('https://example.com/page', 'us', 'ref=footer')         // => 'https://example.com/page?ref=footer'
+ * getLocalizedPath('https://example.com/page?app=foo', 'us', 'ref=footer') // => 'https://example.com/page?app=foo&ref=footer'
  */
-export declare const getLocalizedPath: (path: string, locale: string) => string;
+export declare const getLocalizedPath: (path: string, locale: string, appendParams?: string) => string;

package/dist/cjs/helpers/utils.js

@@ -1,2 +1,2 @@
-"use strict";var s=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var l=(t,e)=>{for(var r in e)s(t,r,{get:e[r],enumerable:!0})},p=(t,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of c(e))!x.call(t,n)&&n!==r&&s(t,n,{get:()=>e[n],enumerable:!(i=g(e,n))||i.enumerable});return t};var f=t=>p(s({},"__esModule",{value:!0}),t);var w={};l(w,{atobID:()=>y,cn:()=>h,getLocalizedPath:()=>W,highlightSearchWord:()=>b,noop:()=>d,spaceToHyphen:()=>m});module.exports=f(w);var o=require("clsx"),a=require("tailwind-merge");const u=(0,a.extendTailwindMerge)({extend:{theme:{borderRadius:["btn"]},classGroups:{"font-size":["text-heading-1","text-heading-2","text-heading-3","text-heading-4","text-heading-5","text-text-3","text-text-2","text-text-1"],"text-color":["text-info-primary","text-info-secondary","text-info-tertiary","text-info-quaternary","text-info-white"],leading:["leading-tight","leading-normal","leading-loose"]}}});function h(...t){return u((0,o.clsx)(t))}function d(){}function y(t){return t&&typeof t=="string"&&t.includes("/")?t.split("/").pop()?.split("?")?.shift():t}const m=t=>t?.replace(/\s+/g,"-"),$=t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),b=(t,e)=>{try{if(!t||!e)return t;const r=$(e),i=new RegExp(r,"gi");return t.replace(i,n=>`<span class='text-brand-0 font-bold'>${n}</span>`)}catch(r){return console.error("highlightSearchWord error:",r),t}},W=(t,e)=>{if(!t||t.startsWith("http://")||t.startsWith("https://")||t.startsWith("#"))return t;const r=t.split("/").filter(Boolean);return r.length===0?e==="us"?"/":`/${e}`:r[0]===e?`/${r.join("/")}`:`${e==="us"?"":`/${e}`}/${r.join("/")}`};
+"use strict";var s=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var h=(t,e)=>{for(var r in e)s(t,r,{get:e[r],enumerable:!0})},$=(t,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of u(e))!f.call(t,i)&&i!==r&&s(t,i,{get:()=>e[i],enumerable:!(n=l(e,i))||n.enumerable});return t};var a=t=>$(s({},"__esModule",{value:!0}),t);var j={};h(j,{atobID:()=>p,cn:()=>y,getLocalizedPath:()=>R,highlightSearchWord:()=>S,noop:()=>b,spaceToHyphen:()=>W});module.exports=a(j);var c=require("clsx"),x=require("tailwind-merge");const d=(0,x.extendTailwindMerge)({extend:{theme:{borderRadius:["btn"]},classGroups:{"font-size":["text-heading-1","text-heading-2","text-heading-3","text-heading-4","text-heading-5","text-text-3","text-text-2","text-text-1"],"text-color":["text-info-primary","text-info-secondary","text-info-tertiary","text-info-quaternary","text-info-white"],leading:["leading-tight","leading-normal","leading-loose"]}}});function y(...t){return d((0,c.clsx)(t))}function b(){}function p(t){return t&&typeof t=="string"&&t.includes("/")?t.split("/").pop()?.split("?")?.shift():t}const W=t=>t?.replace(/\s+/g,"-"),w=t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),S=(t,e)=>{try{if(!t||!e)return t;const r=w(e),n=new RegExp(r,"gi");return t.replace(n,i=>`<span class='text-brand-0 font-bold'>${i}</span>`)}catch(r){return console.error("highlightSearchWord error:",r),t}},R=(t,e,r)=>{if(!t)return t;if(t.startsWith("http://")||t.startsWith("https://")||t.startsWith("#"))return r?t.includes("?")?`${t}&${r}`:`${t}?${r}`:t;const n=t.split("/").filter(Boolean);if(n.length===0){const o=e==="us"?"/":`/${e}`;return r?`${o}?${r}`:o}if(n[0]===e){const o=`/${n.join("/")}`;return r?`${o}?${r}`:o}const g=`${e==="us"?"":`/${e}`}/${n.join("/")}`;return r?`${g}?${r}`:g};
 //# sourceMappingURL=utils.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/utils.ts"],
-  "sourcesContent": ["import { clsx, type ClassValue } from 'clsx'\nimport { extendTailwindMerge } from 'tailwind-merge'\n\nconst twMerge = extendTailwindMerge({\n  extend: {\n    theme: {\n      borderRadius: ['btn'],\n    },\n    classGroups: {\n      'font-size': [\n        'text-heading-1',\n        'text-heading-2',\n        'text-heading-3',\n        'text-heading-4',\n        'text-heading-5',\n        'text-text-3',\n        'text-text-2',\n        'text-text-1',\n      ],\n      'text-color': [\n        'text-info-primary',\n        'text-info-secondary',\n        'text-info-tertiary',\n        'text-info-quaternary',\n        'text-info-white',\n      ],\n      leading: ['leading-tight', 'leading-normal', 'leading-loose'],\n    },\n  },\n})\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\nexport function noop(): any {}\n\nexport function atobID(id: string) {\n  if (id && typeof id === 'string' && id.includes('/')) {\n    return id.split('/').pop()?.split('?')?.shift()\n  } else {\n    return id\n  }\n}\nexport const spaceToHyphen = (str: string) => str?.replace(/\\s+/g, '-')\n\n/**\n * \u8F6C\u4E49\u6B63\u5219\u8868\u8FBE\u5F0F\u7279\u6B8A\u5B57\u7B26\n * @param str \u9700\u8981\u8F6C\u4E49\u7684\u5B57\u7B26\u4E32\n * @returns \u8F6C\u4E49\u540E\u7684\u5B57\u7B26\u4E32\n */\nconst escapeRegExp = (str: string): string => {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n}\n\n/**\n * \u9AD8\u4EAE\u641C\u7D22\u5173\u952E\u8BCD\n * @param text \u539F\u59CB\u6587\u672C\n * @param searchText \u641C\u7D22\u5173\u952E\u8BCD\n * @returns \u9AD8\u4EAE\u540E\u7684 HTML \u5B57\u7B26\u4E32\n */\nexport const highlightSearchWord = (text: string, searchText: string) => {\n  try {\n    if (!text || !searchText) {\n      return text\n    }\n\n    // \u8F6C\u4E49\u641C\u7D22\u6587\u672C\u4E2D\u7684\u6B63\u5219\u8868\u8FBE\u5F0F\u7279\u6B8A\u5B57\u7B26\n    const escapedSearchText = escapeRegExp(searchText)\n    const regex = new RegExp(escapedSearchText, 'gi')\n\n    // \u4F7F\u7528\u6B63\u5219\u8868\u8FBE\u5F0F\u7684\u5339\u914D\u7ED3\u679C\u6765\u4FDD\u6301\u539F\u59CB\u5927\u5C0F\u5199\n    return text.replace(regex, match => `<span class='text-brand-0 font-bold'>${match}</span>`)\n  } catch (e) {\n    console.error('highlightSearchWord error:', e)\n    return text\n  }\n}\n\n/**\n * \u83B7\u53D6\u672C\u5730\u5316\u8DEF\u5F84\n *\n * \u6839\u636E\u8BED\u8A00\u6807\u8BC6\u4E3A\u8DEF\u5F84\u6DFB\u52A0\u5BF9\u5E94\u7684 locale \u524D\u7F00\u3002\n * - 'us' \u4E3A\u9ED8\u8BA4\u8BED\u8A00\uFF0C\u4E0D\u6DFB\u52A0\u524D\u7F00\n * - \u5176\u4ED6\u8BED\u8A00\u4F1A\u6DFB\u52A0 `/{locale}` \u524D\u7F00\n * - \u5B8C\u6574 URL\uFF08http/https\uFF09\u4E0D\u505A\u5904\u7406\n * - \u81EA\u52A8\u5904\u7406\u8DEF\u5F84\u683C\u5F0F\uFF08\u8865\u5145\u524D\u5BFC\u659C\u6760\u3001\u79FB\u9664\u5C3E\u90E8\u659C\u6760\uFF09\n *\n * @param path - \u539F\u59CB\u8DEF\u5F84\n * @param locale - \u8BED\u8A00\u6807\u8BC6\uFF08\u5982 'us', 'uk', 'de', 'jp' \u7B49\uFF09\n * @returns \u672C\u5730\u5316\u540E\u7684\u8DEF\u5F84\n *\n * @example\n * // \u57FA\u672C\u7528\u6CD5 - \u9ED8\u8BA4\u8BED\u8A00 'us' \u4E0D\u6DFB\u52A0\u524D\u7F00\n * getLocalizedPath('/products', 'us')          // => '/products'\n * getLocalizedPath('/about', 'us')             // => '/about'\n *\n * @example\n * // \u5176\u4ED6\u8BED\u8A00\u6DFB\u52A0\u524D\u7F00\n * getLocalizedPath('/products', 'uk')          // => '/uk/products'\n * getLocalizedPath('/about/team', 'de')        // => '/de/about/team'\n * getLocalizedPath('/contact', 'jp')           // => '/jp/contact'\n *\n * @example\n * // \u6839\u8DEF\u5F84\u5904\u7406\n * getLocalizedPath('/', 'us')                  // => '/'\n * getLocalizedPath('/', 'uk')                  // => '/uk'\n *\n * @example\n * // \u81EA\u52A8\u683C\u5F0F\u5316\u8DEF\u5F84\n * getLocalizedPath('products', 'uk')           // => '/uk/products' (\u8865\u5145\u524D\u5BFC\u659C\u6760)\n * getLocalizedPath('/products/', 'uk')         // => '/uk/products' (\u79FB\u9664\u5C3E\u90E8\u659C\u6760)\n * getLocalizedPath('//products//detail/', 'uk') // => '/uk/products/detail' (\u79FB\u9664\u591A\u4F59\u659C\u6760)\n *\n * @example\n * // \u5DF2\u5305\u542B locale \u7684\u8DEF\u5F84\u4E0D\u91CD\u590D\u6DFB\u52A0\n * getLocalizedPath('/uk/products', 'uk')       // => '/uk/products'\n *\n * @example\n * // \u5B8C\u6574 URL \u4E0D\u5904\u7406\n * getLocalizedPath('https://example.com/page', 'uk')  // => 'https://example.com/page'\n * getLocalizedPath('http://example.com', 'de')        // => 'http://example.com'\n *\n * @example\n * // \u7A7A\u8DEF\u5F84\u5904\u7406\n * getLocalizedPath('', 'uk')                   // => ''\n */\nexport const getLocalizedPath = (path: string, locale: string): string => {\n  if (!path) return path\n\n  // \u5982\u679C\u662F\u5B8C\u6574 URL\uFF08http:// \u6216 https://\uFF09\u6216\u951A\u70B9\u94FE\u63A5\uFF08#\uFF09\uFF0C\u4E0D\u5904\u7406\n  if (path.startsWith('http://') || path.startsWith('https://') || path.startsWith('#')) {\n    return path\n  }\n\n  // \u5206\u5272\u8DEF\u5F84\u5E76\u8FC7\u6EE4\u7A7A\u6BB5\uFF08\u5904\u7406\u591A\u4E2A\u8FDE\u7EED\u659C\u6760\u7684\u60C5\u51B5\uFF09\n  const pathSegments = path.split('/').filter(Boolean)\n\n  // \u5982\u679C\u6CA1\u6709\u6709\u6548\u8DEF\u5F84\u6BB5\uFF0C\u8FD4\u56DE locale \u524D\u7F00\u6216 '/'\n  if (pathSegments.length === 0) {\n    return locale === 'us' ? '/' : `/${locale}`\n  }\n\n  // \u68C0\u67E5\u8DEF\u5F84\u662F\u5426\u5DF2\u7ECF\u5305\u542B locale\n  if (pathSegments[0] === locale) {\n    return `/${pathSegments.join('/')}`\n  }\n\n  // \u83B7\u53D6 locale \u524D\u7F00\u5E76\u62FC\u63A5\n  const localePrefix = locale === 'us' ? '' : `/${locale}`\n  return `${localePrefix}/${pathSegments.join('/')}`\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,EAAA,OAAAC,EAAA,qBAAAC,EAAA,wBAAAC,EAAA,SAAAC,EAAA,kBAAAC,IAAA,eAAAC,EAAAR,GAAA,IAAAS,EAAsC,gBACtCC,EAAoC,0BAEpC,MAAMC,KAAU,uBAAoB,CAClC,OAAQ,CACN,MAAO,CACL,aAAc,CAAC,KAAK,CACtB,EACA,YAAa,CACX,YAAa,CACX,iBACA,iBACA,iBACA,iBACA,iBACA,cACA,cACA,aACF,EACA,aAAc,CACZ,oBACA,sBACA,qBACA,uBACA,iBACF,EACA,QAAS,CAAC,gBAAiB,iBAAkB,eAAe,CAC9D,CACF,CACF,CAAC,EAEM,SAASR,KAAMS,EAAsB,CAC1C,OAAOD,KAAQ,QAAKC,CAAM,CAAC,CAC7B,CAEO,SAASN,GAAY,CAAC,CAEtB,SAASJ,EAAOW,EAAY,CACjC,OAAIA,GAAM,OAAOA,GAAO,UAAYA,EAAG,SAAS,GAAG,EAC1CA,EAAG,MAAM,GAAG,EAAE,IAAI,GAAG,MAAM,GAAG,GAAG,MAAM,EAEvCA,CAEX,CACO,MAAMN,EAAiBO,GAAgBA,GAAK,QAAQ,OAAQ,GAAG,EAOhEC,EAAgBD,GACbA,EAAI,QAAQ,sBAAuB,MAAM,EASrCT,EAAsB,CAACW,EAAcC,IAAuB,CACvE,GAAI,CACF,GAAI,CAACD,GAAQ,CAACC,EACZ,OAAOD,EAIT,MAAME,EAAoBH,EAAaE,CAAU,EAC3CE,EAAQ,IAAI,OAAOD,EAAmB,IAAI,EAGhD,OAAOF,EAAK,QAAQG,EAAOC,GAAS,wCAAwCA,CAAK,SAAS,CAC5F,OAASC,EAAG,CACV,eAAQ,MAAM,6BAA8BA,CAAC,EACtCL,CACT,CACF,EAkDaZ,EAAmB,CAACkB,EAAcC,IAA2B,CAIxE,GAHI,CAACD,GAGDA,EAAK,WAAW,SAAS,GAAKA,EAAK,WAAW,UAAU,GAAKA,EAAK,WAAW,GAAG,EAClF,OAAOA,EAIT,MAAME,EAAeF,EAAK,MAAM,GAAG,EAAE,OAAO,OAAO,EAGnD,OAAIE,EAAa,SAAW,EACnBD,IAAW,KAAO,IAAM,IAAIA,CAAM,GAIvCC,EAAa,CAAC,IAAMD,EACf,IAAIC,EAAa,KAAK,GAAG,CAAC,GAK5B,GADcD,IAAW,KAAO,GAAK,IAAIA,CAAM,EAChC,IAAIC,EAAa,KAAK,GAAG,CAAC,EAClD",
-  "names": ["utils_exports", "__export", "atobID", "cn", "getLocalizedPath", "highlightSearchWord", "noop", "spaceToHyphen", "__toCommonJS", "import_clsx", "import_tailwind_merge", "twMerge", "inputs", "id", "str", "escapeRegExp", "text", "searchText", "escapedSearchText", "regex", "match", "e", "path", "locale", "pathSegments"]
+  "sourcesContent": ["import { clsx, type ClassValue } from 'clsx'\nimport { extendTailwindMerge } from 'tailwind-merge'\n\nconst twMerge = extendTailwindMerge({\n  extend: {\n    theme: {\n      borderRadius: ['btn'],\n    },\n    classGroups: {\n      'font-size': [\n        'text-heading-1',\n        'text-heading-2',\n        'text-heading-3',\n        'text-heading-4',\n        'text-heading-5',\n        'text-text-3',\n        'text-text-2',\n        'text-text-1',\n      ],\n      'text-color': [\n        'text-info-primary',\n        'text-info-secondary',\n        'text-info-tertiary',\n        'text-info-quaternary',\n        'text-info-white',\n      ],\n      leading: ['leading-tight', 'leading-normal', 'leading-loose'],\n    },\n  },\n})\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\nexport function noop(): any {}\n\nexport function atobID(id: string) {\n  if (id && typeof id === 'string' && id.includes('/')) {\n    return id.split('/').pop()?.split('?')?.shift()\n  } else {\n    return id\n  }\n}\nexport const spaceToHyphen = (str: string) => str?.replace(/\\s+/g, '-')\n\n/**\n * \u8F6C\u4E49\u6B63\u5219\u8868\u8FBE\u5F0F\u7279\u6B8A\u5B57\u7B26\n * @param str \u9700\u8981\u8F6C\u4E49\u7684\u5B57\u7B26\u4E32\n * @returns \u8F6C\u4E49\u540E\u7684\u5B57\u7B26\u4E32\n */\nconst escapeRegExp = (str: string): string => {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n}\n\n/**\n * \u9AD8\u4EAE\u641C\u7D22\u5173\u952E\u8BCD\n * @param text \u539F\u59CB\u6587\u672C\n * @param searchText \u641C\u7D22\u5173\u952E\u8BCD\n * @returns \u9AD8\u4EAE\u540E\u7684 HTML \u5B57\u7B26\u4E32\n */\nexport const highlightSearchWord = (text: string, searchText: string) => {\n  try {\n    if (!text || !searchText) {\n      return text\n    }\n\n    // \u8F6C\u4E49\u641C\u7D22\u6587\u672C\u4E2D\u7684\u6B63\u5219\u8868\u8FBE\u5F0F\u7279\u6B8A\u5B57\u7B26\n    const escapedSearchText = escapeRegExp(searchText)\n    const regex = new RegExp(escapedSearchText, 'gi')\n\n    // \u4F7F\u7528\u6B63\u5219\u8868\u8FBE\u5F0F\u7684\u5339\u914D\u7ED3\u679C\u6765\u4FDD\u6301\u539F\u59CB\u5927\u5C0F\u5199\n    return text.replace(regex, match => `<span class='text-brand-0 font-bold'>${match}</span>`)\n  } catch (e) {\n    console.error('highlightSearchWord error:', e)\n    return text\n  }\n}\n\n/**\n * \u83B7\u53D6\u672C\u5730\u5316\u8DEF\u5F84\n *\n * \u6839\u636E\u8BED\u8A00\u6807\u8BC6\u4E3A\u8DEF\u5F84\u6DFB\u52A0\u5BF9\u5E94\u7684 locale \u524D\u7F00\u3002\n * - 'us' \u4E3A\u9ED8\u8BA4\u8BED\u8A00\uFF0C\u4E0D\u6DFB\u52A0\u524D\u7F00\n * - \u5176\u4ED6\u8BED\u8A00\u4F1A\u6DFB\u52A0 `/{locale}` \u524D\u7F00\n * - \u5B8C\u6574 URL\uFF08http/https\uFF09\u4E0D\u505A\u5904\u7406\n * - \u81EA\u52A8\u5904\u7406\u8DEF\u5F84\u683C\u5F0F\uFF08\u8865\u5145\u524D\u5BFC\u659C\u6760\u3001\u79FB\u9664\u5C3E\u90E8\u659C\u6760\uFF09\n *\n * @param path - \u539F\u59CB\u8DEF\u5F84\n * @param locale - \u8BED\u8A00\u6807\u8BC6\uFF08\u5982 'us', 'uk', 'de', 'jp' \u7B49\uFF09\n * @returns \u672C\u5730\u5316\u540E\u7684\u8DEF\u5F84\n *\n * @example\n * // \u57FA\u672C\u7528\u6CD5 - \u9ED8\u8BA4\u8BED\u8A00 'us' \u4E0D\u6DFB\u52A0\u524D\u7F00\n * getLocalizedPath('/products', 'us')          // => '/products'\n * getLocalizedPath('/about', 'us')             // => '/about'\n *\n * @example\n * // \u5176\u4ED6\u8BED\u8A00\u6DFB\u52A0\u524D\u7F00\n * getLocalizedPath('/products', 'uk')          // => '/uk/products'\n * getLocalizedPath('/about/team', 'de')        // => '/de/about/team'\n * getLocalizedPath('/contact', 'jp')           // => '/jp/contact'\n *\n * @example\n * // \u6839\u8DEF\u5F84\u5904\u7406\n * getLocalizedPath('/', 'us')                  // => '/'\n * getLocalizedPath('/', 'uk')                  // => '/uk'\n *\n * @example\n * // \u81EA\u52A8\u683C\u5F0F\u5316\u8DEF\u5F84\n * getLocalizedPath('products', 'uk')           // => '/uk/products' (\u8865\u5145\u524D\u5BFC\u659C\u6760)\n * getLocalizedPath('/products/', 'uk')         // => '/uk/products' (\u79FB\u9664\u5C3E\u90E8\u659C\u6760)\n * getLocalizedPath('//products//detail/', 'uk') // => '/uk/products/detail' (\u79FB\u9664\u591A\u4F59\u659C\u6760)\n *\n * @example\n * // \u5DF2\u5305\u542B locale \u7684\u8DEF\u5F84\u4E0D\u91CD\u590D\u6DFB\u52A0\n * getLocalizedPath('/uk/products', 'uk')       // => '/uk/products'\n *\n * @example\n * // \u5B8C\u6574 URL \u4E0D\u5904\u7406\n * getLocalizedPath('https://example.com/page', 'uk')  // => 'https://example.com/page'\n * getLocalizedPath('http://example.com', 'de')        // => 'http://example.com'\n *\n * @example\n * // \u7A7A\u8DEF\u5F84\u5904\u7406\n * getLocalizedPath('', 'uk')                   // => ''\n *\n * @example\n * // appendParams \u4F1A\u81EA\u52A8\u5224\u65AD\u7528 ? \u8FD8\u662F &\n * getLocalizedPath('/products', 'us', 'ref=footer')                        // => '/products?ref=footer'\n * getLocalizedPath('https://example.com/page', 'us', 'ref=footer')         // => 'https://example.com/page?ref=footer'\n * getLocalizedPath('https://example.com/page?app=foo', 'us', 'ref=footer') // => 'https://example.com/page?app=foo&ref=footer'\n */\nexport const getLocalizedPath = (path: string, locale: string, appendParams?: string): string => {\n  if (!path) return path\n\n  // \u5982\u679C\u662F\u5B8C\u6574 URL\uFF08http:// \u6216 https://\uFF09\u6216\u951A\u70B9\u94FE\u63A5\uFF08#\uFF09\uFF0C\u4E0D\u5904\u7406 locale\uFF0C\u4F46\u9700\u5904\u7406 appendParams\n  if (path.startsWith('http://') || path.startsWith('https://') || path.startsWith('#')) {\n    if (!appendParams) return path\n    return path.includes('?') ? `${path}&${appendParams}` : `${path}?${appendParams}`\n  }\n\n  // \u5206\u5272\u8DEF\u5F84\u5E76\u8FC7\u6EE4\u7A7A\u6BB5\uFF08\u5904\u7406\u591A\u4E2A\u8FDE\u7EED\u659C\u6760\u7684\u60C5\u51B5\uFF09\n  const pathSegments = path.split('/').filter(Boolean)\n\n  // \u5982\u679C\u6CA1\u6709\u6709\u6548\u8DEF\u5F84\u6BB5\uFF0C\u8FD4\u56DE locale \u524D\u7F00\u6216 '/'\n  if (pathSegments.length === 0) {\n    const base = locale === 'us' ? '/' : `/${locale}`\n    return appendParams ? `${base}?${appendParams}` : base\n  }\n\n  // \u68C0\u67E5\u8DEF\u5F84\u662F\u5426\u5DF2\u7ECF\u5305\u542B locale\n  if (pathSegments[0] === locale) {\n    const base = `/${pathSegments.join('/')}`\n    return appendParams ? `${base}?${appendParams}` : base\n  }\n\n  // \u83B7\u53D6 locale \u524D\u7F00\u5E76\u62FC\u63A5\n  const localePrefix = locale === 'us' ? '' : `/${locale}`\n  const base = `${localePrefix}/${pathSegments.join('/')}`\n  return appendParams ? `${base}?${appendParams}` : base\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,EAAA,OAAAC,EAAA,qBAAAC,EAAA,wBAAAC,EAAA,SAAAC,EAAA,kBAAAC,IAAA,eAAAC,EAAAR,GAAA,IAAAS,EAAsC,gBACtCC,EAAoC,0BAEpC,MAAMC,KAAU,uBAAoB,CAClC,OAAQ,CACN,MAAO,CACL,aAAc,CAAC,KAAK,CACtB,EACA,YAAa,CACX,YAAa,CACX,iBACA,iBACA,iBACA,iBACA,iBACA,cACA,cACA,aACF,EACA,aAAc,CACZ,oBACA,sBACA,qBACA,uBACA,iBACF,EACA,QAAS,CAAC,gBAAiB,iBAAkB,eAAe,CAC9D,CACF,CACF,CAAC,EAEM,SAASR,KAAMS,EAAsB,CAC1C,OAAOD,KAAQ,QAAKC,CAAM,CAAC,CAC7B,CAEO,SAASN,GAAY,CAAC,CAEtB,SAASJ,EAAOW,EAAY,CACjC,OAAIA,GAAM,OAAOA,GAAO,UAAYA,EAAG,SAAS,GAAG,EAC1CA,EAAG,MAAM,GAAG,EAAE,IAAI,GAAG,MAAM,GAAG,GAAG,MAAM,EAEvCA,CAEX,CACO,MAAMN,EAAiBO,GAAgBA,GAAK,QAAQ,OAAQ,GAAG,EAOhEC,EAAgBD,GACbA,EAAI,QAAQ,sBAAuB,MAAM,EASrCT,EAAsB,CAACW,EAAcC,IAAuB,CACvE,GAAI,CACF,GAAI,CAACD,GAAQ,CAACC,EACZ,OAAOD,EAIT,MAAME,EAAoBH,EAAaE,CAAU,EAC3CE,EAAQ,IAAI,OAAOD,EAAmB,IAAI,EAGhD,OAAOF,EAAK,QAAQG,EAAOC,GAAS,wCAAwCA,CAAK,SAAS,CAC5F,OAASC,EAAG,CACV,eAAQ,MAAM,6BAA8BA,CAAC,EACtCL,CACT,CACF,EAwDaZ,EAAmB,CAACkB,EAAcC,EAAgBC,IAAkC,CAC/F,GAAI,CAACF,EAAM,OAAOA,EAGlB,GAAIA,EAAK,WAAW,SAAS,GAAKA,EAAK,WAAW,UAAU,GAAKA,EAAK,WAAW,GAAG,EAClF,OAAKE,EACEF,EAAK,SAAS,GAAG,EAAI,GAAGA,CAAI,IAAIE,CAAY,GAAK,GAAGF,CAAI,IAAIE,CAAY,GADrDF,EAK5B,MAAMG,EAAeH,EAAK,MAAM,GAAG,EAAE,OAAO,OAAO,EAGnD,GAAIG,EAAa,SAAW,EAAG,CAC7B,MAAMC,EAAOH,IAAW,KAAO,IAAM,IAAIA,CAAM,GAC/C,OAAOC,EAAe,GAAGE,CAAI,IAAIF,CAAY,GAAKE,CACpD,CAGA,GAAID,EAAa,CAAC,IAAMF,EAAQ,CAC9B,MAAMG,EAAO,IAAID,EAAa,KAAK,GAAG,CAAC,GACvC,OAAOD,EAAe,GAAGE,CAAI,IAAIF,CAAY,GAAKE,CACpD,CAIA,MAAMA,EAAO,GADQH,IAAW,KAAO,GAAK,IAAIA,CAAM,EAC1B,IAAIE,EAAa,KAAK,GAAG,CAAC,GACtD,OAAOD,EAAe,GAAGE,CAAI,IAAIF,CAAY,GAAKE,CACpD",
+  "names": ["utils_exports", "__export", "atobID", "cn", "getLocalizedPath", "highlightSearchWord", "noop", "spaceToHyphen", "__toCommonJS", "import_clsx", "import_tailwind_merge", "twMerge", "inputs", "id", "str", "escapeRegExp", "text", "searchText", "escapedSearchText", "regex", "match", "e", "path", "locale", "appendParams", "pathSegments", "base"]
 }

package/dist/esm/biz-components/BuyOneGetOneShelf/ProductCard.d.ts

@@ -13,7 +13,7 @@ export interface ProductCardProps extends React.HTMLAttributes<HTMLDivElement> {
     tags?: ProductTag[];
     /** 当前选中的赠品SKU（受控组件） */
     selectedGiftSku?: string;
-    /** 布局模式 */
+    /** @deprecated Layout is now automatically inferred by Root based on children count. */
     layout?: 'horizontal' | 'vertical';
     classNames?: Partial<Record<BuyOneGetOneShelfProductCardSemanticName, string>>;
     soldOutText?: string;

package/dist/esm/biz-components/BuyOneGetOneShelf/ProductCard.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as a,jsxs as g}from"react/jsx-runtime";import*as i from"react";import{cn as w}from"../../helpers/index.js";import W from"./ProductImage.js";import V from"./ProductInfo.js";import _ from"./GiftSelection.js";import $ from"./PriceAndActions.js";const v=i.forwardRef(({productData:e,gifts:r=[],giftType:n=1,selectedGiftSku:F,sceneImages:L,tags:N,layout:u="horizontal",className:y,onProductClick:p,onProductImageClick:G,onLearnMore:M,onShopNow:I,onGiftClick:h,onGiftSelectionChange:O,classNames:S,soldOutText:T,...H},z)=>{const[R,P]=i.useState(!1),[j,b]=i.useState(!1),[x,d]=i.useState(()=>!r||r.length===0?[]:n===2?r.map(t=>t.id):[r[0].id]),c=i.useMemo(()=>r?r.map(t=>({...t,selected:x.includes(t.id)})):[],[r,x]);i.useEffect(()=>{if(!r||r.length===0){d([]);return}d(n===2?r.map(t=>t.id):t=>{const o=t[0];return o&&r.some(m=>m.id===o)?[o]:[r[0].id]})},[r,n]);const s=i.useMemo(()=>({...e,gifts:r,gift_type:n}),[e,r,n]),A=t=>{if(n===2){const o=c.filter(l=>l.selected);h?.(t,o);return}d(()=>{const o=[t.id],l=r?.filter(m=>o.includes(m.id))||[];return h?.(t,l),O?.(l,s),o})},f=!!(G??p),k=`/products/${e.handle}`,C=()=>{(G??p)?.(s)},B=async()=>{const t=c.filter(o=>o.selected);P(!0);try{await M?.(s,t)}finally{P(!1)}},E=async()=>{const t=c.filter(o=>o.selected);b(!0);try{await I?.(s,t)}finally{b(!1)}};return g("div",{ref:z,className:w("bg-container-primary rounded-box flex  items-stretch overflow-hidden",u==="horizontal"?["laptop:flex-row lg-desktop:min-h-[560px] desktop:min-h-[448px] tablet:min-h-[526px] min-h-[610px] flex-col","laptop:col-span-2"]:["flex-col justify-between"],y),...H,children:[a(W,{images:L,name:e.name,layout:u,tags:e.tags||N,onClick:f?C:void 0,href:f?void 0:k}),a("div",{className:w("bg-container-primary desktop:p-6 flex flex-col justify-between p-4",u==="horizontal"?["rounded-r-box laptop:rounded-r-box tablet:rounded-b-box tablet:rounded-l-none","laptop:basis-[39.1%]","desktop:basis-[42.1%]","lg-desktop:basis-[42.1%]","shrink-0"]:["rounded-b-box","w-full","grow"]),children:g("div",{className:"flex flex-1 flex-col justify-between gap-6",children:[a(V,{name:e.name,onClick:f?C:void 0,href:f?void 0:k,description:e.description,classNames:S}),a(_,{freeGiftLabel:e.freeGiftLabel,freeGifts:c,onGiftClick:A,giftType:n,selectedGiftSku:F}),a($,{currentPrice:e.currentPrice??"",originalPrice:e.originalPrice,priceLabel:e.priceLabel,learnMoreText:e.learnMoreText,shopNowText:e.shopNowText,soldOutText:T,onLearnMore:B,onShopNow:E,availableForSale:e.availableForSale,learnMoreLoading:R,shopNowLoading:j,trackingTitle:e.name,trackingDescription:e.description,trackingSku:e.sku,classNames:S})]})})]})});v.displayName="BuyOneGetOneShelf.ProductCard";var X=v;export{X as default};
+"use client";import{jsx as a,jsxs as v}from"react/jsx-runtime";import*as n from"react";import{cn as y}from"../../helpers/index.js";import _ from"./ProductImage.js";import $ from"./ProductInfo.js";import q from"./GiftSelection.js";import J from"./PriceAndActions.js";import{BuyOneGetOneShelfContext as K}from"./context.js";const w=n.forwardRef(({productData:e,gifts:r=[],giftType:i=1,selectedGiftSku:L,sceneImages:g,tags:F,layout:N,className:M,onProductClick:p,onProductImageClick:G,onLearnMore:O,onShopNow:I,onGiftClick:h,onGiftSelectionChange:T,classNames:S,soldOutText:H,...B},R)=>{const{layout:j}=n.useContext(K),u=N??j,[z,P]=n.useState(!1),[A,x]=n.useState(!1),[b,d]=n.useState(()=>!r||r.length===0?[]:i===2?r.map(t=>t.id):[r[0].id]),c=n.useMemo(()=>r?r.map(t=>({...t,selected:b.includes(t.id)})):[],[r,b]);n.useEffect(()=>{if(!r||r.length===0){d([]);return}d(i===2?r.map(t=>t.id):t=>{const o=t[0];return o&&r.some(m=>m.id===o)?[o]:[r[0].id]})},[r,i]);const s=n.useMemo(()=>({...e,gifts:r,gift_type:i}),[e,r,i]),E=t=>{if(i===2){const o=c.filter(l=>l.selected);h?.(t,o);return}d(()=>{const o=[t.id],l=r?.filter(m=>o.includes(m.id))||[];return h?.(t,l),T?.(l,s),o})},f=!!(G??p),C=`/products/${e.handle}`,k=()=>{(G??p)?.(s)},W=async()=>{const t=c.filter(o=>o.selected);P(!0);try{await O?.(s,t)}finally{P(!1)}},V=async()=>{const t=c.filter(o=>o.selected);x(!0);try{await I?.(s,t)}finally{x(!1)}};return v("div",{ref:R,className:y("bg-container-primary rounded-box flex  items-stretch overflow-hidden",u==="horizontal"?["laptop:flex-row lg-desktop:min-h-[560px] desktop:min-h-[448px] tablet:min-h-[526px] min-h-[610px] flex-col","laptop:col-span-2"]:["flex-col justify-between"],M),...B,children:[a(_,{images:g,name:e.name,layout:u,tags:e.tags||F,onClick:f?k:void 0,href:f?void 0:C}),a("div",{className:y("bg-container-primary desktop:p-6 flex flex-col justify-between p-4",u==="horizontal"?["rounded-r-box laptop:rounded-r-box tablet:rounded-b-box tablet:rounded-l-none","laptop:basis-[39.1%]","desktop:basis-[42.1%]","lg-desktop:basis-[42.1%]","shrink-0"]:["rounded-b-box","w-full","grow"]),children:v("div",{className:"flex flex-1 flex-col justify-between gap-6",children:[a($,{name:e.name,onClick:f?k:void 0,href:f?void 0:C,description:e.description,classNames:S}),a(q,{freeGiftLabel:e.freeGiftLabel,freeGifts:c,onGiftClick:E,giftType:i,selectedGiftSku:L}),a(J,{currentPrice:e.currentPrice??"",originalPrice:e.originalPrice,priceLabel:e.priceLabel,learnMoreText:e.learnMoreText,shopNowText:e.shopNowText,soldOutText:H,onLearnMore:W,onShopNow:V,availableForSale:e.availableForSale,learnMoreLoading:z,shopNowLoading:A,trackingTitle:e.name,trackingDescription:e.description,trackingSku:e.sku,classNames:S})]})})]})});w.displayName="BuyOneGetOneShelf.ProductCard";var ee=w;export{ee as default};
 //# sourceMappingURL=ProductCard.js.map

package/dist/esm/biz-components/BuyOneGetOneShelf/ProductCard.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/BuyOneGetOneShelf/ProductCard.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport ProductImage from './ProductImage.js'\nimport ProductInfo from './ProductInfo.js'\nimport GiftSelection from './GiftSelection.js'\nimport PriceAndActions from './PriceAndActions.js'\nimport type {\n  FreeGift,\n  FreeGiftWithSelection,\n  ProductCardData,\n  PureProductData,\n  ProductTag,\n  BuyOneGetOneShelfProductCardSemanticName,\n} from './types.js'\n\nexport interface ProductCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4EA7\u54C1\u6570\u636E\uFF08\u4E0D\u5305\u542B\u8D60\u54C1\u4FE1\u606F\uFF09 */\n  productData: PureProductData\n  /** \u8D60\u54C1\u5217\u8868 */\n  gifts?: FreeGift[]\n  /** \u8D60\u54C1\u7C7B\u578B 1-> \u8D60\u9001\u5176\u4E2D\u4E00\u4E2A\u8D60\u54C1\uFF0C 2 -> \u8D60\u9001\u6240\u6709\u8D60\u54C1 */\n  giftType?: 1 | 2\n  /** \u573A\u666F\u56FE\u7247 */\n  sceneImages: any\n  /** \u4EA7\u54C1\u6807\u7B7E */\n  tags?: ProductTag[]\n  /** \u5F53\u524D\u9009\u4E2D\u7684\u8D60\u54C1SKU\uFF08\u53D7\u63A7\u7EC4\u4EF6\uFF09 */\n  selectedGiftSku?: string\n  /** \u5E03\u5C40\u6A21\u5F0F */\n  layout?: 'horizontal' | 'vertical'\n  classNames?: Partial<Record<BuyOneGetOneShelfProductCardSemanticName, string>>\n  soldOutText?: string\n  /** @deprecated Use `onProductImageClick` instead. */\n  onProductClick?: (product: ProductCardData) => void\n  /** \u4EA7\u54C1\u56FE\u7247\u70B9\u51FB\u56DE\u8C03 */\n  onProductImageClick?: (product: ProductCardData) => void\n  /** Learn More \u70B9\u51FB\u56DE\u8C03 */\n  onLearnMore?: (product: ProductCardData, selectedGifts: FreeGift[]) => void\n  /** Shop Now \u70B9\u51FB\u56DE\u8C03 */\n  onShopNow?: (product: ProductCardData, selectedGifts: FreeGift[]) => void\n  /** \u8D60\u54C1\u70B9\u51FB\u56DE\u8C03 */\n  onGiftClick?: (gift: FreeGift, selectedGifts: FreeGift[]) => void\n  /** \u8D60\u54C1\u9009\u62E9\u53D8\u5316\u56DE\u8C03 */\n  onGiftSelectionChange?: (selectedGifts: FreeGift[], product: ProductCardData) => void\n  /** \u9009\u4E2D\u8D60\u54C1SKU\u53D8\u5316\u56DE\u8C03\uFF08\u53D7\u63A7\u7EC4\u4EF6\uFF09 */\n  onSelectedGiftSkuChange?: (selectedSku: string | null) => void\n}\n\n/**\n * ProductCard - \u4E70\u8D60\u8D27\u67B6\u4EA7\u54C1\u5361\u7247\n *\n * @description \u7528\u4E8E\u4E70\u4E00\u8D60\u4E00\u6D3B\u52A8\u7684\u4EA7\u54C1\u5C55\u793A\u5361\u7247\uFF0C\u5DE6\u4FA7\u5C55\u793A\u4EA7\u54C1\u56FE\u7247\u548C\u6807\u7B7E\uFF0C\u53F3\u4FA7\u5C55\u793A\u4EA7\u54C1\u4FE1\u606F\u3001\u8D60\u54C1\u548C\u8D2D\u4E70\u6309\u94AE\n */\nconst ProductCard = React.forwardRef<HTMLDivElement, ProductCardProps>(\n  (\n    {\n      productData,\n      gifts = [],\n      giftType = 1,\n      selectedGiftSku,\n      sceneImages,\n      tags,\n      layout = 'horizontal',\n      className,\n      onProductClick,\n      onProductImageClick,\n      onLearnMore,\n      onShopNow,\n      onGiftClick,\n      onGiftSelectionChange,\n      classNames,\n      soldOutText,\n      ...props\n    },\n    ref\n  ) => {\n    const [learnMoreLoading, setLearnMoreLoading] = React.useState(false)\n    const [shopNowLoading, setShopNowLoading] = React.useState(false)\n\n    // \u5185\u90E8\u72B6\u6001\u7BA1\u7406\u8D60\u54C1\u7684\u9009\u62E9\u72B6\u6001 - \u4F7F\u7528\u9009\u4E2D\u7684ID\u6570\u7EC4\u800C\u4E0D\u662F\u4FEE\u6539gift\u5BF9\u8C61\n    const [selectedGiftIds, setSelectedGiftIds] = React.useState<string[]>(() => {\n      if (!gifts || gifts.length === 0) return []\n\n      if (giftType === 2) {\n        // gift_type 2 (\u5168\u9009\u6A21\u5F0F) - \u9009\u4E2D\u6240\u6709\u8D60\u54C1\n        return gifts.map((gift: FreeGift) => gift.id)\n      } else {\n        // gift_type 1 (\u5355\u9009\u6A21\u5F0F) - \u9ED8\u8BA4\u9009\u4E2D\u7B2C\u4E00\u4E2A\u8D60\u54C1\n        return [gifts[0].id]\n      }\n    })\n\n    // \u751F\u6210\u5E26\u6709\u9009\u62E9\u72B6\u6001\u7684\u8D60\u54C1\u5217\u8868\u7528\u4E8E\u6E32\u67D3\n    const giftsWithSelection = React.useMemo(() => {\n      if (!gifts) return []\n\n      return gifts.map((gift: FreeGift) => ({\n        ...gift,\n        selected: selectedGiftIds.includes(gift.id),\n      }))\n    }, [gifts, selectedGiftIds])\n\n    // \u5F53 gifts \u6216 giftType \u66F4\u65B0\u65F6\uFF0C\u540C\u6B65\u66F4\u65B0\u5185\u90E8\u72B6\u6001\n    React.useEffect(() => {\n      if (!gifts || gifts.length === 0) {\n        setSelectedGiftIds([])\n        return\n      }\n\n      if (giftType === 2) {\n        // gift_type 2 (\u5168\u9009\u6A21\u5F0F) - \u9009\u4E2D\u6240\u6709\u8D60\u54C1\n        setSelectedGiftIds(gifts.map((gift: FreeGift) => gift.id))\n      } else {\n        // gift_type 1 (\u5355\u9009\u6A21\u5F0F) - \u667A\u80FD\u72B6\u6001\u7BA1\u7406\n        setSelectedGiftIds(prevSelectedIds => {\n          // \u68C0\u67E5\u5F53\u524D\u9009\u4E2D\u7684\u793C\u54C1\u662F\u5426\u4ECD\u7136\u5B58\u5728\u4E8E\u65B0\u7684 gifts \u5217\u8868\u4E2D\n          const currentSelectedId = prevSelectedIds[0]\n          const isCurrentSelectionValid =\n            currentSelectedId && gifts.some((gift: FreeGift) => gift.id === currentSelectedId)\n\n          // \u5982\u679C\u5F53\u524D\u9009\u4E2D\u72B6\u6001\u4ECD\u7136\u6709\u6548\uFF0C\u4FDD\u6301\u4E0D\u53D8\uFF1B\u5426\u5219\u9ED8\u8BA4\u9009\u4E2D\u7B2C\u4E00\u4E2A\n          return isCurrentSelectionValid ? [currentSelectedId] : [gifts[0].id]\n        })\n      }\n    }, [gifts, giftType])\n\n    // \u6784\u9020\u5B8C\u6574\u7684\u4EA7\u54C1\u6570\u636E\u7528\u4E8E\u56DE\u8C03\n    const fullProductData: ProductCardData = React.useMemo(\n      () => ({\n        ...productData,\n        gifts,\n        gift_type: giftType,\n      }),\n      [productData, gifts, giftType]\n    )\n\n    const handleGiftClick = (gift: FreeGift) => {\n      // gift_type 2 (\u5168\u9009\u6A21\u5F0F) - \u4E0D\u5141\u8BB8\u53D6\u6D88\u9009\u62E9\uFF0C\u76F4\u63A5\u8FD4\u56DE\n      if (giftType === 2) {\n        // \u83B7\u53D6\u5F53\u524D\u6240\u6709\u9009\u4E2D\u7684gifts\u4F5C\u4E3A\u7B2C\u4E8C\u4E2A\u53C2\u6570\n        const currentSelectedGifts = giftsWithSelection.filter((g: FreeGiftWithSelection) => g.selected)\n        onGiftClick?.(gift, currentSelectedGifts)\n        return\n      }\n\n      // gift_type 1 (\u5355\u9009\u6A21\u5F0F)\n      setSelectedGiftIds(() => {\n        const newSelectedIds = [gift.id] // \u5355\u9009\uFF1A\u59CB\u7EC8\u9009\u4E2D\u5F53\u524D\u9879\uFF0C\u70B9\u51FB\u5DF2\u9009\u4E2D\u9879\u4FDD\u6301\u72B6\u6001\uFF0C\u70B9\u51FB\u672A\u9009\u4E2D\u9879\u5207\u6362\u5230\u8BE5\u9879\n\n        // \u8BA1\u7B97\u65B0\u7684\u9009\u4E2Dgifts\u4F5C\u4E3A\u7B2C\u4E8C\u4E2A\u53C2\u6570\u4F20\u9012\u7ED9\u56DE\u8C03\n        const newSelectedGifts = gifts?.filter((g: FreeGift) => newSelectedIds.includes(g.id)) || []\n\n        // \u8C03\u7528\u56DE\u8C03\u51FD\u6570\uFF0C\u7B2C\u4E8C\u4E2A\u53C2\u6570\u662F\u5F53\u524D\u9009\u4E2D\u7684gifts\n        onGiftClick?.(gift, newSelectedGifts)\n        onGiftSelectionChange?.(newSelectedGifts, fullProductData)\n\n        return newSelectedIds\n      })\n    }\n\n    const hasClickHandler = !!(onProductImageClick ?? onProductClick)\n    const productHref = `/products/${productData.handle}`\n\n    const handleProductImageClick = () => {\n      const callback = onProductImageClick ?? onProductClick\n      callback?.(fullProductData)\n    }\n\n    const handleLearnMoreClick = async () => {\n      const selectedGifts = giftsWithSelection.filter(gift => gift.selected)\n      setLearnMoreLoading(true)\n      try {\n        await onLearnMore?.(fullProductData, selectedGifts)\n      } finally {\n        setLearnMoreLoading(false)\n      }\n    }\n\n    const handleShopNowClick = async () => {\n      const selectedGifts = giftsWithSelection.filter(gift => gift.selected)\n      setShopNowLoading(true)\n      try {\n        await onShopNow?.(fullProductData, selectedGifts)\n      } finally {\n        setShopNowLoading(false)\n      }\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'bg-container-primary rounded-box flex  items-stretch overflow-hidden',\n          // \u6839\u636E\u5E03\u5C40\u6A21\u5F0F\u8C03\u6574\u5BB9\u5668\n          layout === 'horizontal'\n            ? [\n                'laptop:flex-row lg-desktop:min-h-[560px] desktop:min-h-[448px] tablet:min-h-[526px] min-h-[610px] flex-col',\n                'laptop:col-span-2',\n              ]\n            : ['flex-col justify-between'],\n          className\n        )}\n        {...props}\n      >\n        {/* \u4EA7\u54C1\u56FE\u7247\u533A\u57DF */}\n        <ProductImage\n          images={sceneImages}\n          name={productData.name}\n          layout={layout}\n          tags={productData.tags || tags}\n          onClick={hasClickHandler ? handleProductImageClick : undefined}\n          href={hasClickHandler ? undefined : productHref}\n        />\n\n        {/* \u4EA7\u54C1\u4FE1\u606F\u533A\u57DF */}\n        <div\n          className={cn(\n            'bg-container-primary desktop:p-6 flex flex-col justify-between p-4',\n            // \u6839\u636E\u5E03\u5C40\u6A21\u5F0F\u8C03\u6574\u5706\u89D2\u548C\u5C3A\u5BF8\n            layout === 'horizontal'\n              ? [\n                  'rounded-r-box laptop:rounded-r-box tablet:rounded-b-box tablet:rounded-l-none',\n                  // \u4F7F\u7528 flex-basis \u8BBE\u7F6E\u5BBD\u5EA6\u6BD4\u4F8B\n                  'laptop:basis-[39.1%]', // 360px / 921px \u2248 39.1%\n                  'desktop:basis-[42.1%]', // 552px / 1312px \u2248 42.1%\n                  'lg-desktop:basis-[42.1%]', // 700px / 1664px \u2248 42.1%\n                  'shrink-0',\n                ]\n              : ['rounded-b-box', 'w-full', 'grow']\n          )}\n        >\n          <div className=\"flex flex-1 flex-col justify-between gap-6\">\n            {/* \u4EA7\u54C1\u6807\u9898\u548C\u63CF\u8FF0 */}\n            <ProductInfo\n              name={productData.name}\n              onClick={hasClickHandler ? handleProductImageClick : undefined}\n              href={hasClickHandler ? undefined : productHref}\n              description={productData.description}\n              classNames={classNames}\n            />\n\n            {/* \u514D\u8D39\u8D60\u54C1\u533A\u57DF */}\n            <GiftSelection\n              freeGiftLabel={productData.freeGiftLabel}\n              freeGifts={giftsWithSelection}\n              onGiftClick={handleGiftClick}\n              giftType={giftType}\n              selectedGiftSku={selectedGiftSku}\n            />\n            <PriceAndActions\n              currentPrice={productData.currentPrice ?? ''}\n              originalPrice={productData.originalPrice}\n              priceLabel={productData.priceLabel}\n              learnMoreText={productData.learnMoreText}\n              shopNowText={productData.shopNowText}\n              soldOutText={soldOutText}\n              onLearnMore={handleLearnMoreClick}\n              onShopNow={handleShopNowClick}\n              availableForSale={productData.availableForSale}\n              learnMoreLoading={learnMoreLoading}\n              shopNowLoading={shopNowLoading}\n              trackingTitle={productData.name}\n              trackingDescription={productData.description}\n              trackingSku={productData.sku}\n              classNames={classNames}\n            />\n          </div>\n        </div>\n      </div>\n    )\n  }\n)\n\nProductCard.displayName = 'BuyOneGetOneShelf.ProductCard'\n\nexport default ProductCard\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "React", "cn", "ProductImage", "ProductInfo", "GiftSelection", "PriceAndActions", "ProductCard", "productData", "gifts", "giftType", "selectedGiftSku", "sceneImages", "tags", "layout", "className", "onProductClick", "onProductImageClick", "onLearnMore", "onShopNow", "onGiftClick", "onGiftSelectionChange", "classNames", "soldOutText", "props", "ref", "learnMoreLoading", "setLearnMoreLoading", "shopNowLoading", "setShopNowLoading", "selectedGiftIds", "setSelectedGiftIds", "gift", "giftsWithSelection", "prevSelectedIds", "currentSelectedId", "fullProductData", "handleGiftClick", "currentSelectedGifts", "g", "newSelectedIds", "newSelectedGifts", "hasClickHandler", "productHref", "handleProductImageClick", "handleLearnMoreClick", "selectedGifts", "handleShopNowClick", "ProductCard_default"]
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport ProductImage from './ProductImage.js'\nimport ProductInfo from './ProductInfo.js'\nimport GiftSelection from './GiftSelection.js'\nimport PriceAndActions from './PriceAndActions.js'\nimport { BuyOneGetOneShelfContext } from './context.js'\nimport type {\n  FreeGift,\n  FreeGiftWithSelection,\n  ProductCardData,\n  PureProductData,\n  ProductTag,\n  BuyOneGetOneShelfProductCardSemanticName,\n} from './types.js'\n\nexport interface ProductCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4EA7\u54C1\u6570\u636E\uFF08\u4E0D\u5305\u542B\u8D60\u54C1\u4FE1\u606F\uFF09 */\n  productData: PureProductData\n  /** \u8D60\u54C1\u5217\u8868 */\n  gifts?: FreeGift[]\n  /** \u8D60\u54C1\u7C7B\u578B 1-> \u8D60\u9001\u5176\u4E2D\u4E00\u4E2A\u8D60\u54C1\uFF0C 2 -> \u8D60\u9001\u6240\u6709\u8D60\u54C1 */\n  giftType?: 1 | 2\n  /** \u573A\u666F\u56FE\u7247 */\n  sceneImages: any\n  /** \u4EA7\u54C1\u6807\u7B7E */\n  tags?: ProductTag[]\n  /** \u5F53\u524D\u9009\u4E2D\u7684\u8D60\u54C1SKU\uFF08\u53D7\u63A7\u7EC4\u4EF6\uFF09 */\n  selectedGiftSku?: string\n  /** @deprecated Layout is now automatically inferred by Root based on children count. */\n  layout?: 'horizontal' | 'vertical'\n  classNames?: Partial<Record<BuyOneGetOneShelfProductCardSemanticName, string>>\n  soldOutText?: string\n  /** @deprecated Use `onProductImageClick` instead. */\n  onProductClick?: (product: ProductCardData) => void\n  /** \u4EA7\u54C1\u56FE\u7247\u70B9\u51FB\u56DE\u8C03 */\n  onProductImageClick?: (product: ProductCardData) => void\n  /** Learn More \u70B9\u51FB\u56DE\u8C03 */\n  onLearnMore?: (product: ProductCardData, selectedGifts: FreeGift[]) => void\n  /** Shop Now \u70B9\u51FB\u56DE\u8C03 */\n  onShopNow?: (product: ProductCardData, selectedGifts: FreeGift[]) => void\n  /** \u8D60\u54C1\u70B9\u51FB\u56DE\u8C03 */\n  onGiftClick?: (gift: FreeGift, selectedGifts: FreeGift[]) => void\n  /** \u8D60\u54C1\u9009\u62E9\u53D8\u5316\u56DE\u8C03 */\n  onGiftSelectionChange?: (selectedGifts: FreeGift[], product: ProductCardData) => void\n  /** \u9009\u4E2D\u8D60\u54C1SKU\u53D8\u5316\u56DE\u8C03\uFF08\u53D7\u63A7\u7EC4\u4EF6\uFF09 */\n  onSelectedGiftSkuChange?: (selectedSku: string | null) => void\n}\n\n/**\n * ProductCard - \u4E70\u8D60\u8D27\u67B6\u4EA7\u54C1\u5361\u7247\n *\n * @description \u7528\u4E8E\u4E70\u4E00\u8D60\u4E00\u6D3B\u52A8\u7684\u4EA7\u54C1\u5C55\u793A\u5361\u7247\uFF0C\u5DE6\u4FA7\u5C55\u793A\u4EA7\u54C1\u56FE\u7247\u548C\u6807\u7B7E\uFF0C\u53F3\u4FA7\u5C55\u793A\u4EA7\u54C1\u4FE1\u606F\u3001\u8D60\u54C1\u548C\u8D2D\u4E70\u6309\u94AE\n */\nconst ProductCard = React.forwardRef<HTMLDivElement, ProductCardProps>(\n  (\n    {\n      productData,\n      gifts = [],\n      giftType = 1,\n      selectedGiftSku,\n      sceneImages,\n      tags,\n      layout: layoutProp,\n      className,\n      onProductClick,\n      onProductImageClick,\n      onLearnMore,\n      onShopNow,\n      onGiftClick,\n      onGiftSelectionChange,\n      classNames,\n      soldOutText,\n      ...props\n    },\n    ref\n  ) => {\n    const { layout: contextLayout } = React.useContext(BuyOneGetOneShelfContext)\n    const layout = layoutProp ?? contextLayout\n\n    const [learnMoreLoading, setLearnMoreLoading] = React.useState(false)\n    const [shopNowLoading, setShopNowLoading] = React.useState(false)\n\n    // \u5185\u90E8\u72B6\u6001\u7BA1\u7406\u8D60\u54C1\u7684\u9009\u62E9\u72B6\u6001 - \u4F7F\u7528\u9009\u4E2D\u7684ID\u6570\u7EC4\u800C\u4E0D\u662F\u4FEE\u6539gift\u5BF9\u8C61\n    const [selectedGiftIds, setSelectedGiftIds] = React.useState<string[]>(() => {\n      if (!gifts || gifts.length === 0) return []\n\n      if (giftType === 2) {\n        // gift_type 2 (\u5168\u9009\u6A21\u5F0F) - \u9009\u4E2D\u6240\u6709\u8D60\u54C1\n        return gifts.map((gift: FreeGift) => gift.id)\n      } else {\n        // gift_type 1 (\u5355\u9009\u6A21\u5F0F) - \u9ED8\u8BA4\u9009\u4E2D\u7B2C\u4E00\u4E2A\u8D60\u54C1\n        return [gifts[0].id]\n      }\n    })\n\n    // \u751F\u6210\u5E26\u6709\u9009\u62E9\u72B6\u6001\u7684\u8D60\u54C1\u5217\u8868\u7528\u4E8E\u6E32\u67D3\n    const giftsWithSelection = React.useMemo(() => {\n      if (!gifts) return []\n\n      return gifts.map((gift: FreeGift) => ({\n        ...gift,\n        selected: selectedGiftIds.includes(gift.id),\n      }))\n    }, [gifts, selectedGiftIds])\n\n    // \u5F53 gifts \u6216 giftType \u66F4\u65B0\u65F6\uFF0C\u540C\u6B65\u66F4\u65B0\u5185\u90E8\u72B6\u6001\n    React.useEffect(() => {\n      if (!gifts || gifts.length === 0) {\n        setSelectedGiftIds([])\n        return\n      }\n\n      if (giftType === 2) {\n        // gift_type 2 (\u5168\u9009\u6A21\u5F0F) - \u9009\u4E2D\u6240\u6709\u8D60\u54C1\n        setSelectedGiftIds(gifts.map((gift: FreeGift) => gift.id))\n      } else {\n        // gift_type 1 (\u5355\u9009\u6A21\u5F0F) - \u667A\u80FD\u72B6\u6001\u7BA1\u7406\n        setSelectedGiftIds(prevSelectedIds => {\n          // \u68C0\u67E5\u5F53\u524D\u9009\u4E2D\u7684\u793C\u54C1\u662F\u5426\u4ECD\u7136\u5B58\u5728\u4E8E\u65B0\u7684 gifts \u5217\u8868\u4E2D\n          const currentSelectedId = prevSelectedIds[0]\n          const isCurrentSelectionValid =\n            currentSelectedId && gifts.some((gift: FreeGift) => gift.id === currentSelectedId)\n\n          // \u5982\u679C\u5F53\u524D\u9009\u4E2D\u72B6\u6001\u4ECD\u7136\u6709\u6548\uFF0C\u4FDD\u6301\u4E0D\u53D8\uFF1B\u5426\u5219\u9ED8\u8BA4\u9009\u4E2D\u7B2C\u4E00\u4E2A\n          return isCurrentSelectionValid ? [currentSelectedId] : [gifts[0].id]\n        })\n      }\n    }, [gifts, giftType])\n\n    // \u6784\u9020\u5B8C\u6574\u7684\u4EA7\u54C1\u6570\u636E\u7528\u4E8E\u56DE\u8C03\n    const fullProductData: ProductCardData = React.useMemo(\n      () => ({\n        ...productData,\n        gifts,\n        gift_type: giftType,\n      }),\n      [productData, gifts, giftType]\n    )\n\n    const handleGiftClick = (gift: FreeGift) => {\n      // gift_type 2 (\u5168\u9009\u6A21\u5F0F) - \u4E0D\u5141\u8BB8\u53D6\u6D88\u9009\u62E9\uFF0C\u76F4\u63A5\u8FD4\u56DE\n      if (giftType === 2) {\n        // \u83B7\u53D6\u5F53\u524D\u6240\u6709\u9009\u4E2D\u7684gifts\u4F5C\u4E3A\u7B2C\u4E8C\u4E2A\u53C2\u6570\n        const currentSelectedGifts = giftsWithSelection.filter((g: FreeGiftWithSelection) => g.selected)\n        onGiftClick?.(gift, currentSelectedGifts)\n        return\n      }\n\n      // gift_type 1 (\u5355\u9009\u6A21\u5F0F)\n      setSelectedGiftIds(() => {\n        const newSelectedIds = [gift.id] // \u5355\u9009\uFF1A\u59CB\u7EC8\u9009\u4E2D\u5F53\u524D\u9879\uFF0C\u70B9\u51FB\u5DF2\u9009\u4E2D\u9879\u4FDD\u6301\u72B6\u6001\uFF0C\u70B9\u51FB\u672A\u9009\u4E2D\u9879\u5207\u6362\u5230\u8BE5\u9879\n\n        // \u8BA1\u7B97\u65B0\u7684\u9009\u4E2Dgifts\u4F5C\u4E3A\u7B2C\u4E8C\u4E2A\u53C2\u6570\u4F20\u9012\u7ED9\u56DE\u8C03\n        const newSelectedGifts = gifts?.filter((g: FreeGift) => newSelectedIds.includes(g.id)) || []\n\n        // \u8C03\u7528\u56DE\u8C03\u51FD\u6570\uFF0C\u7B2C\u4E8C\u4E2A\u53C2\u6570\u662F\u5F53\u524D\u9009\u4E2D\u7684gifts\n        onGiftClick?.(gift, newSelectedGifts)\n        onGiftSelectionChange?.(newSelectedGifts, fullProductData)\n\n        return newSelectedIds\n      })\n    }\n\n    const hasClickHandler = !!(onProductImageClick ?? onProductClick)\n    const productHref = `/products/${productData.handle}`\n\n    const handleProductImageClick = () => {\n      const callback = onProductImageClick ?? onProductClick\n      callback?.(fullProductData)\n    }\n\n    const handleLearnMoreClick = async () => {\n      const selectedGifts = giftsWithSelection.filter(gift => gift.selected)\n      setLearnMoreLoading(true)\n      try {\n        await onLearnMore?.(fullProductData, selectedGifts)\n      } finally {\n        setLearnMoreLoading(false)\n      }\n    }\n\n    const handleShopNowClick = async () => {\n      const selectedGifts = giftsWithSelection.filter(gift => gift.selected)\n      setShopNowLoading(true)\n      try {\n        await onShopNow?.(fullProductData, selectedGifts)\n      } finally {\n        setShopNowLoading(false)\n      }\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'bg-container-primary rounded-box flex  items-stretch overflow-hidden',\n          // \u6839\u636E\u5E03\u5C40\u6A21\u5F0F\u8C03\u6574\u5BB9\u5668\n          layout === 'horizontal'\n            ? [\n                'laptop:flex-row lg-desktop:min-h-[560px] desktop:min-h-[448px] tablet:min-h-[526px] min-h-[610px] flex-col',\n                'laptop:col-span-2',\n              ]\n            : ['flex-col justify-between'],\n          className\n        )}\n        {...props}\n      >\n        {/* \u4EA7\u54C1\u56FE\u7247\u533A\u57DF */}\n        <ProductImage\n          images={sceneImages}\n          name={productData.name}\n          layout={layout}\n          tags={productData.tags || tags}\n          onClick={hasClickHandler ? handleProductImageClick : undefined}\n          href={hasClickHandler ? undefined : productHref}\n        />\n\n        {/* \u4EA7\u54C1\u4FE1\u606F\u533A\u57DF */}\n        <div\n          className={cn(\n            'bg-container-primary desktop:p-6 flex flex-col justify-between p-4',\n            // \u6839\u636E\u5E03\u5C40\u6A21\u5F0F\u8C03\u6574\u5706\u89D2\u548C\u5C3A\u5BF8\n            layout === 'horizontal'\n              ? [\n                  'rounded-r-box laptop:rounded-r-box tablet:rounded-b-box tablet:rounded-l-none',\n                  // \u4F7F\u7528 flex-basis \u8BBE\u7F6E\u5BBD\u5EA6\u6BD4\u4F8B\n                  'laptop:basis-[39.1%]', // 360px / 921px \u2248 39.1%\n                  'desktop:basis-[42.1%]', // 552px / 1312px \u2248 42.1%\n                  'lg-desktop:basis-[42.1%]', // 700px / 1664px \u2248 42.1%\n                  'shrink-0',\n                ]\n              : ['rounded-b-box', 'w-full', 'grow']\n          )}\n        >\n          <div className=\"flex flex-1 flex-col justify-between gap-6\">\n            {/* \u4EA7\u54C1\u6807\u9898\u548C\u63CF\u8FF0 */}\n            <ProductInfo\n              name={productData.name}\n              onClick={hasClickHandler ? handleProductImageClick : undefined}\n              href={hasClickHandler ? undefined : productHref}\n              description={productData.description}\n              classNames={classNames}\n            />\n\n            {/* \u514D\u8D39\u8D60\u54C1\u533A\u57DF */}\n            <GiftSelection\n              freeGiftLabel={productData.freeGiftLabel}\n              freeGifts={giftsWithSelection}\n              onGiftClick={handleGiftClick}\n              giftType={giftType}\n              selectedGiftSku={selectedGiftSku}\n            />\n            <PriceAndActions\n              currentPrice={productData.currentPrice ?? ''}\n              originalPrice={productData.originalPrice}\n              priceLabel={productData.priceLabel}\n              learnMoreText={productData.learnMoreText}\n              shopNowText={productData.shopNowText}\n              soldOutText={soldOutText}\n              onLearnMore={handleLearnMoreClick}\n              onShopNow={handleShopNowClick}\n              availableForSale={productData.availableForSale}\n              learnMoreLoading={learnMoreLoading}\n              shopNowLoading={shopNowLoading}\n              trackingTitle={productData.name}\n              trackingDescription={productData.description}\n              trackingSku={productData.sku}\n              classNames={classNames}\n            />\n          </div>\n        </div>\n      </div>\n    )\n  }\n)\n\nProductCard.displayName = 'BuyOneGetOneShelf.ProductCard'\n\nexport default ProductCard\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "React", "cn", "ProductImage", "ProductInfo", "GiftSelection", "PriceAndActions", "BuyOneGetOneShelfContext", "ProductCard", "productData", "gifts", "giftType", "selectedGiftSku", "sceneImages", "tags", "layoutProp", "className", "onProductClick", "onProductImageClick", "onLearnMore", "onShopNow", "onGiftClick", "onGiftSelectionChange", "classNames", "soldOutText", "props", "ref", "contextLayout", "layout", "learnMoreLoading", "setLearnMoreLoading", "shopNowLoading", "setShopNowLoading", "selectedGiftIds", "setSelectedGiftIds", "gift", "giftsWithSelection", "prevSelectedIds", "currentSelectedId", "fullProductData", "handleGiftClick", "currentSelectedGifts", "g", "newSelectedIds", "newSelectedGifts", "hasClickHandler", "productHref", "handleProductImageClick", "handleLearnMoreClick", "selectedGifts", "handleShopNowClick", "ProductCard_default"]
 }

package/dist/esm/biz-components/BuyOneGetOneShelf/context.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare const BuyOneGetOneShelfContext: React.Context<{
+    layout: "horizontal" | "vertical";
+}>;

package/dist/esm/biz-components/BuyOneGetOneShelf/context.js

@@ -0,0 +1,2 @@
+import*as t from"react";const o=t.createContext({layout:"horizontal"});export{o as BuyOneGetOneShelfContext};
+//# sourceMappingURL=context.js.map

package/dist/esm/biz-components/BuyOneGetOneShelf/context.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/BuyOneGetOneShelf/context.tsx"],
+  "sourcesContent": ["import * as React from 'react'\n\nexport const BuyOneGetOneShelfContext = React.createContext<{\n  layout: 'horizontal' | 'vertical'\n}>({\n  layout: 'horizontal',\n})\n"],
+  "mappings": "AAAA,UAAYA,MAAW,QAEhB,MAAMC,EAA2BD,EAAM,cAE3C,CACD,OAAQ,YACV,CAAC",
+  "names": ["React", "BuyOneGetOneShelfContext"]
+}

package/dist/esm/biz-components/BuyOneGetOneShelf/types.d.ts

@@ -203,7 +203,7 @@ export interface BuyOneGetOneShelfCardProps extends Omit<React.HTMLAttributes<HT
     soldOutText?: string;
     /** 场景图片 */
     sceneImages?: ResponsiveImages;
-    /** 布局模式（通常由父组件自动决定） */
+    /** @deprecated Layout is now automatically inferred by Root based on children count. */
     layout?: 'horizontal' | 'vertical';
     /** ProductCard 组件的自定义类名 */
     classNames?: Partial<Record<BuyOneGetOneShelfProductCardSemanticName, string>>;

package/dist/esm/biz-components/BuyOneGetOneShelf/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/BuyOneGetOneShelf/types.ts"],
-  "sourcesContent": ["import * as React from 'react'\nimport type { Theme } from '../../types/props'\n\n/**\n * \u514D\u8D39\u8D60\u54C1\u63A5\u53E3\n */\nexport interface FreeGift {\n  /** \u8D60\u54C1ID */\n  id: string\n  /** \u8D60\u54C1\u56FE\u7247URL */\n  image: string\n  /** \u8D60\u54C1\u540D\u79F0 */\n  name: string\n  /** \u539F\u4EF7 */\n  originalPrice: string\n  /** \u73B0\u4EF7\uFF08\u901A\u5E38\u4E3AFree\uFF09 */\n  currentPrice: string\n  /** \u6570\u91CF */\n  quantity: number\n  /** \u53D8\u4F53ID */\n  variantId: string\n  /** SKU */\n  sku: string\n  /** \u53E5\u67C4 */\n  handle: string\n  /** \u8D60\u54C1tag */\n  tag?: string\n}\n\n/**\n * \u5E26\u9009\u62E9\u72B6\u6001\u7684\u514D\u8D39\u8D60\u54C1\u63A5\u53E3\n */\nexport interface FreeGiftWithSelection extends FreeGift {\n  /** \u662F\u5426\u5DF2\u9009\u4E2D */\n  selected?: boolean\n}\n\n/**\n * \u4EA7\u54C1\u6807\u7B7E\u63A5\u53E3\n */\nexport interface ProductTag {\n  /** \u6807\u7B7E\u6587\u672C */\n  label: string\n  /** \u6807\u7B7E\u6837\u5F0F\u53D8\u4F53 */\n  variant: 'outline' | 'fill' | 'promotional'\n  /** \u4FC3\u9500\u7C7B\u578B\uFF08\u4EC5\u5F53 variant \u4E3A 'promotional' \u65F6\u6709\u6548\uFF09 */\n  promotionalType?: 'plus-member' | 'regular-member' | 'regular-discount' | 'time-limited-discount'\n}\n\n// Root \u7EC4\u4EF6\u76F8\u5173\u7684\u8BED\u4E49\u7C7B\u540D\nexport type BuyOneGetOneShelfRootSemanticName = 'root' | 'title' | 'description' | 'content' | 'viewMoreBtn'\n\n// ProductCard \u7EC4\u4EF6\u76F8\u5173\u7684\u8BED\u4E49\u7C7B\u540D\nexport type BuyOneGetOneShelfProductCardSemanticName =\n  | 'productCard'\n  | 'productCardImage'\n  | 'productCardTitle'\n  | 'productCardDescription'\n  | 'productCardPriceLabel'\n  | 'productCardPrice'\n  | 'productCardOriginalPrice'\n  | 'productCardGiftsContainer'\n  | 'productCardBtnGroup'\n\n// \u5B8C\u6574\u7684\u8BED\u4E49\u7C7B\u540D\uFF08\u5411\u540E\u517C\u5BB9\uFF09\nexport type BuyOneGetOneShelfSemanticName = BuyOneGetOneShelfRootSemanticName | BuyOneGetOneShelfProductCardSemanticName\n\n/**\n * \u54CD\u5E94\u5F0F\u56FE\u7247\u63A5\u53E3\n */\nexport interface ResponsiveImage {\n  id: number\n  baseUrl?: string\n  url: string\n  thumbnailURL?: string\n  filename?: string\n  mimeType?: string\n  width?: number\n  height?: number\n}\n\n/**\n * \u54CD\u5E94\u5F0F\u56FE\u7247\u96C6\u5408\u63A5\u53E3\n */\nexport interface ResponsiveImages {\n  laptop?: ResponsiveImage\n  mobile?: ResponsiveImage\n  tablet?: ResponsiveImage\n  desktop?: ResponsiveImage\n  lgDesktop?: ResponsiveImage\n}\n\n/**\n * \u4EA7\u54C1\u57FA\u7840\u6570\u636E\u63A5\u53E3\n */\nexport interface BaseProductData {\n  sku: string\n  name: string\n  image: string\n  value: string\n  handle: string\n  shopify_id: string\n}\n\nexport interface WithGiftData {\n  /**\n   * \u8D60\u54C1\n   */\n  gifts: FreeGift[]\n  /**\n   * \u8D60\u54C1\u7C7B\u578B 1-> \u8D60\u9001\u5176\u4E2D\u4E00\u4E2A\u8D60\u54C1\uFF0C 2 -> \u8D60\u9001\u6240\u6709\u8D60\u54C1\n   */\n  gift_type: 1 | 2\n}\n\n/**\n * \u7EAF\u4EA7\u54C1\u6570\u636E\u63A5\u53E3\uFF08\u4E0D\u5305\u542B\u8D60\u54C1\u4FE1\u606F\uFF09\n */\nexport interface PureProductData extends BaseProductData {\n  /** \u4EA7\u54C1\u63CF\u8FF0 */\n  description?: string\n  /** \u5F53\u524D\u4EF7\u683C */\n  currentPrice?: string\n  /** \u539F\u4EF7 */\n  originalPrice?: string\n  /** \u4EF7\u683C\u6807\u7B7E\u6587\u672C\uFF08\u5982 \"Plus Member Price\"\uFF09 */\n  priceLabel?: string\n  /** \u4E86\u89E3\u66F4\u591A\u6309\u94AE\u6587\u672C */\n  learnMoreText?: string\n  /** \u7ACB\u5373\u8D2D\u4E70\u6309\u94AE\u6587\u672C */\n  shopNowText?: string\n  /** \u8D60\u54C1\u6807\u7B7E\u6587\u672C */\n  freeGiftLabel?: string\n  /** \u4EA7\u54C1\u6807\u7B7E */\n  tags?: ProductTag[]\n  /** \u8D60\u54C1\u9009\u62E9\u6A21\u5F0F */\n  giftSelectionMode?: 'single' | 'multiple'\n  availableForSale: boolean\n}\n\nexport interface ProductData extends BaseProductData, WithGiftData {\n  /** \u4EA7\u54C1\u63CF\u8FF0 */\n  description?: string\n  /** \u5F53\u524D\u4EF7\u683C */\n  currentPrice?: string\n  /** \u539F\u4EF7 */\n  originalPrice?: string\n  /** \u4E86\u89E3\u66F4\u591A\u6309\u94AE\u6587\u672C */\n  learnMoreText?: string\n  /** \u7ACB\u5373\u8D2D\u4E70\u6309\u94AE\u6587\u672C */\n  shopNowText?: string\n  /** \u8D60\u54C1\u6807\u7B7E\u6587\u672C */\n  freeGiftLabel?: string\n  /** \u8D60\u54C1\u9009\u62E9\u6A21\u5F0F */\n  giftSelectionMode?: 'single' | 'multiple'\n}\n\n// Alias for consistency with other components\nexport type ProductCardData = ProductData\n\n/**\n * \u6587\u6848\u914D\u7F6E\u63A5\u53E3\n */\nexport interface CopyConfig {\n  shopNowText: string\n  freeGiftLabel: string\n  learnMoreText: string\n  freeGiftHeading: string\n  soldOutText?: string\n}\n\n/**\n * \u4E70\u8D60\u9879\u76EE\u63A5\u53E3\n */\nexport interface BogoItem {\n  id: string\n  data: ProductData[]\n  images: ResponsiveImages\n  shopNowFun: string\n  shopNowText: string\n  learnMoreText: string\n  layout?: 'horizontal' | 'vertical'\n}\n\n/**\n * BuyOneGetOneShelf \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3 - \u65B0\u683C\u5F0F\n */\nexport interface BuyOneGetOneShelfData {\n  copy: CopyConfig\n  theme: string\n  title: string\n  subtitle: string\n  bogoItems: BogoItem[]\n  /** \u8D85\u8FC7\u6B64\u6570\u91CF\u7684\u5546\u54C1\u65F6\u663E\u793A\"View More/View Less\"\u6309\u94AE\uFF0C\u9ED8\u8BA4 4 */\n  viewMoreThreshold?: number\n  /** View More \u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 'View More' */\n  viewMoreText?: string\n  /** View Less \u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 'View Less' */\n  viewLessText?: string\n}\n\n// Root \u7EC4\u4EF6 Props\uFF08\u65B0\u7684\u7EC4\u5408\u5F0F\u8BBE\u8BA1\uFF09\nexport interface BuyOneGetOneShelfProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u6807\u9898 */\n  title?: string\n  /** \u526F\u6807\u9898 */\n  subtitle?: string\n  theme?: Theme\n  /** \u5B50\u7EC4\u4EF6 */\n  children: React.ReactNode\n  /** Root \u7EC4\u4EF6\u7684\u81EA\u5B9A\u4E49\u7C7B\u540D */\n  classNames?: Partial<Record<BuyOneGetOneShelfRootSemanticName, string>>\n  /** \u8D85\u8FC7\u6B64\u6570\u91CF\u7684\u5546\u54C1\u65F6\u663E\u793A\"View More/View Less\"\u6309\u94AE\uFF0C\u9ED8\u8BA4 4 */\n  viewMoreThreshold?: number\n  /** View More \u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 'View More' */\n  viewMoreText?: string\n  /** View Less \u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 'View Less' */\n  viewLessText?: string\n}\n\n// \u5361\u7247\u7EC4\u4EF6Props - \u57FA\u4E8EProductCardProps\u4F46\u7B80\u5316\nexport interface BuyOneGetOneShelfCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {\n  /** \u4EA7\u54C1\u6570\u636E */\n  productData: BaseProductData & {\n    description?: string\n    currentPrice?: string\n    originalPrice?: string\n    learnMoreText?: string\n    shopNowText?: string\n    freeGiftLabel?: string\n  }\n  /** \u8D60\u54C1\u5217\u8868 */\n  gifts?: FreeGift[]\n  /** \u8D60\u54C1\u7C7B\u578B 1-> \u8D60\u9001\u5176\u4E2D\u4E00\u4E2A\u8D60\u54C1\uFF0C 2 -> \u8D60\u9001\u6240\u6709\u8D60\u54C1 */\n  giftType?: 1 | 2\n  soldOutText?: string\n  /** \u573A\u666F\u56FE\u7247 */\n  sceneImages?: ResponsiveImages\n  /** \u5E03\u5C40\u6A21\u5F0F\uFF08\u901A\u5E38\u7531\u7236\u7EC4\u4EF6\u81EA\u52A8\u51B3\u5B9A\uFF09 */\n  layout?: 'horizontal' | 'vertical'\n  /** ProductCard \u7EC4\u4EF6\u7684\u81EA\u5B9A\u4E49\u7C7B\u540D */\n  classNames?: Partial<Record<BuyOneGetOneShelfProductCardSemanticName, string>>\n  /** @deprecated Use `onProductImageClick` instead. */\n  onProductClick?: (product: ProductCardData) => void\n  /** \u4EA7\u54C1\u56FE\u7247\u70B9\u51FB\u56DE\u8C03 */\n  onProductImageClick?: (product: ProductCardData) => void\n  /** Learn More \u70B9\u51FB\u56DE\u8C03 */\n  onLearnMore?: (product: ProductCardData, selectedGifts: FreeGift[]) => void\n  /** Shop Now \u70B9\u51FB\u56DE\u8C03 */\n  onShopNow?: (product: ProductCardData, selectedGifts: FreeGift[]) => void\n  /** \u8D60\u54C1\u70B9\u51FB\u56DE\u8C03 */\n  onGiftClick?: (gift: FreeGift, selectedGifts: FreeGift[]) => void\n  /** \u8D60\u54C1\u9009\u62E9\u53D8\u5316\u56DE\u8C03 */\n  onGiftSelectionChange?: (selectedGifts: FreeGift[], product: ProductCardData) => void\n  /** \u9009\u4E2D\u8D60\u54C1SKU\u53D8\u5316\u56DE\u8C03\uFF08\u53D7\u63A7\u7EC4\u4EF6\uFF09 */\n  onSelectedGiftSkuChange?: (selectedSku: string | null) => void\n}\n\n// \u4FDD\u6301\u5411\u540E\u517C\u5BB9\u7684\u4F20\u7EDFProps\nexport interface BuyOneGetOneShelfLegacyProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: BuyOneGetOneShelfData\n  /** @deprecated Use `onProductImageClick` instead. */\n  onProductClick?: (product: ProductCardData) => void\n  /** \u4EA7\u54C1\u56FE\u7247\u70B9\u51FB\u56DE\u8C03 */\n  onProductImageClick?: (product: ProductCardData) => void\n  /** Learn More\u6309\u94AE\u70B9\u51FB\u4E8B\u4EF6 */\n  onLearnMore?: (product: ProductCardData, selectedGifts: FreeGift[]) => void\n  /** Shop Now\u6309\u94AE\u70B9\u51FB\u4E8B\u4EF6 */\n  onShopNow?: (product: ProductCardData, selectedGifts: FreeGift[]) => void\n  onAddToCart?: (product: ProductCardData) => void\n  /** \u8D60\u54C1\u70B9\u51FB\u4E8B\u4EF6 */\n  onGiftClick?: (gift: FreeGift, selectedGifts: FreeGift[]) => void\n  /** \u8D60\u54C1\u9009\u62E9\u53D8\u5316\u4E8B\u4EF6 */\n  onGiftSelectionChange?: (selectedGifts: FreeGift[], product: ProductCardData) => void\n  classNames?: Partial<Record<BuyOneGetOneShelfSemanticName, string>>\n}\n"],
+  "sourcesContent": ["import * as React from 'react'\nimport type { Theme } from '../../types/props'\n\n/**\n * \u514D\u8D39\u8D60\u54C1\u63A5\u53E3\n */\nexport interface FreeGift {\n  /** \u8D60\u54C1ID */\n  id: string\n  /** \u8D60\u54C1\u56FE\u7247URL */\n  image: string\n  /** \u8D60\u54C1\u540D\u79F0 */\n  name: string\n  /** \u539F\u4EF7 */\n  originalPrice: string\n  /** \u73B0\u4EF7\uFF08\u901A\u5E38\u4E3AFree\uFF09 */\n  currentPrice: string\n  /** \u6570\u91CF */\n  quantity: number\n  /** \u53D8\u4F53ID */\n  variantId: string\n  /** SKU */\n  sku: string\n  /** \u53E5\u67C4 */\n  handle: string\n  /** \u8D60\u54C1tag */\n  tag?: string\n}\n\n/**\n * \u5E26\u9009\u62E9\u72B6\u6001\u7684\u514D\u8D39\u8D60\u54C1\u63A5\u53E3\n */\nexport interface FreeGiftWithSelection extends FreeGift {\n  /** \u662F\u5426\u5DF2\u9009\u4E2D */\n  selected?: boolean\n}\n\n/**\n * \u4EA7\u54C1\u6807\u7B7E\u63A5\u53E3\n */\nexport interface ProductTag {\n  /** \u6807\u7B7E\u6587\u672C */\n  label: string\n  /** \u6807\u7B7E\u6837\u5F0F\u53D8\u4F53 */\n  variant: 'outline' | 'fill' | 'promotional'\n  /** \u4FC3\u9500\u7C7B\u578B\uFF08\u4EC5\u5F53 variant \u4E3A 'promotional' \u65F6\u6709\u6548\uFF09 */\n  promotionalType?: 'plus-member' | 'regular-member' | 'regular-discount' | 'time-limited-discount'\n}\n\n// Root \u7EC4\u4EF6\u76F8\u5173\u7684\u8BED\u4E49\u7C7B\u540D\nexport type BuyOneGetOneShelfRootSemanticName = 'root' | 'title' | 'description' | 'content' | 'viewMoreBtn'\n\n// ProductCard \u7EC4\u4EF6\u76F8\u5173\u7684\u8BED\u4E49\u7C7B\u540D\nexport type BuyOneGetOneShelfProductCardSemanticName =\n  | 'productCard'\n  | 'productCardImage'\n  | 'productCardTitle'\n  | 'productCardDescription'\n  | 'productCardPriceLabel'\n  | 'productCardPrice'\n  | 'productCardOriginalPrice'\n  | 'productCardGiftsContainer'\n  | 'productCardBtnGroup'\n\n// \u5B8C\u6574\u7684\u8BED\u4E49\u7C7B\u540D\uFF08\u5411\u540E\u517C\u5BB9\uFF09\nexport type BuyOneGetOneShelfSemanticName = BuyOneGetOneShelfRootSemanticName | BuyOneGetOneShelfProductCardSemanticName\n\n/**\n * \u54CD\u5E94\u5F0F\u56FE\u7247\u63A5\u53E3\n */\nexport interface ResponsiveImage {\n  id: number\n  baseUrl?: string\n  url: string\n  thumbnailURL?: string\n  filename?: string\n  mimeType?: string\n  width?: number\n  height?: number\n}\n\n/**\n * \u54CD\u5E94\u5F0F\u56FE\u7247\u96C6\u5408\u63A5\u53E3\n */\nexport interface ResponsiveImages {\n  laptop?: ResponsiveImage\n  mobile?: ResponsiveImage\n  tablet?: ResponsiveImage\n  desktop?: ResponsiveImage\n  lgDesktop?: ResponsiveImage\n}\n\n/**\n * \u4EA7\u54C1\u57FA\u7840\u6570\u636E\u63A5\u53E3\n */\nexport interface BaseProductData {\n  sku: string\n  name: string\n  image: string\n  value: string\n  handle: string\n  shopify_id: string\n}\n\nexport interface WithGiftData {\n  /**\n   * \u8D60\u54C1\n   */\n  gifts: FreeGift[]\n  /**\n   * \u8D60\u54C1\u7C7B\u578B 1-> \u8D60\u9001\u5176\u4E2D\u4E00\u4E2A\u8D60\u54C1\uFF0C 2 -> \u8D60\u9001\u6240\u6709\u8D60\u54C1\n   */\n  gift_type: 1 | 2\n}\n\n/**\n * \u7EAF\u4EA7\u54C1\u6570\u636E\u63A5\u53E3\uFF08\u4E0D\u5305\u542B\u8D60\u54C1\u4FE1\u606F\uFF09\n */\nexport interface PureProductData extends BaseProductData {\n  /** \u4EA7\u54C1\u63CF\u8FF0 */\n  description?: string\n  /** \u5F53\u524D\u4EF7\u683C */\n  currentPrice?: string\n  /** \u539F\u4EF7 */\n  originalPrice?: string\n  /** \u4EF7\u683C\u6807\u7B7E\u6587\u672C\uFF08\u5982 \"Plus Member Price\"\uFF09 */\n  priceLabel?: string\n  /** \u4E86\u89E3\u66F4\u591A\u6309\u94AE\u6587\u672C */\n  learnMoreText?: string\n  /** \u7ACB\u5373\u8D2D\u4E70\u6309\u94AE\u6587\u672C */\n  shopNowText?: string\n  /** \u8D60\u54C1\u6807\u7B7E\u6587\u672C */\n  freeGiftLabel?: string\n  /** \u4EA7\u54C1\u6807\u7B7E */\n  tags?: ProductTag[]\n  /** \u8D60\u54C1\u9009\u62E9\u6A21\u5F0F */\n  giftSelectionMode?: 'single' | 'multiple'\n  availableForSale: boolean\n}\n\nexport interface ProductData extends BaseProductData, WithGiftData {\n  /** \u4EA7\u54C1\u63CF\u8FF0 */\n  description?: string\n  /** \u5F53\u524D\u4EF7\u683C */\n  currentPrice?: string\n  /** \u539F\u4EF7 */\n  originalPrice?: string\n  /** \u4E86\u89E3\u66F4\u591A\u6309\u94AE\u6587\u672C */\n  learnMoreText?: string\n  /** \u7ACB\u5373\u8D2D\u4E70\u6309\u94AE\u6587\u672C */\n  shopNowText?: string\n  /** \u8D60\u54C1\u6807\u7B7E\u6587\u672C */\n  freeGiftLabel?: string\n  /** \u8D60\u54C1\u9009\u62E9\u6A21\u5F0F */\n  giftSelectionMode?: 'single' | 'multiple'\n}\n\n// Alias for consistency with other components\nexport type ProductCardData = ProductData\n\n/**\n * \u6587\u6848\u914D\u7F6E\u63A5\u53E3\n */\nexport interface CopyConfig {\n  shopNowText: string\n  freeGiftLabel: string\n  learnMoreText: string\n  freeGiftHeading: string\n  soldOutText?: string\n}\n\n/**\n * \u4E70\u8D60\u9879\u76EE\u63A5\u53E3\n */\nexport interface BogoItem {\n  id: string\n  data: ProductData[]\n  images: ResponsiveImages\n  shopNowFun: string\n  shopNowText: string\n  learnMoreText: string\n  layout?: 'horizontal' | 'vertical'\n}\n\n/**\n * BuyOneGetOneShelf \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3 - \u65B0\u683C\u5F0F\n */\nexport interface BuyOneGetOneShelfData {\n  copy: CopyConfig\n  theme: string\n  title: string\n  subtitle: string\n  bogoItems: BogoItem[]\n  /** \u8D85\u8FC7\u6B64\u6570\u91CF\u7684\u5546\u54C1\u65F6\u663E\u793A\"View More/View Less\"\u6309\u94AE\uFF0C\u9ED8\u8BA4 4 */\n  viewMoreThreshold?: number\n  /** View More \u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 'View More' */\n  viewMoreText?: string\n  /** View Less \u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 'View Less' */\n  viewLessText?: string\n}\n\n// Root \u7EC4\u4EF6 Props\uFF08\u65B0\u7684\u7EC4\u5408\u5F0F\u8BBE\u8BA1\uFF09\nexport interface BuyOneGetOneShelfProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u6807\u9898 */\n  title?: string\n  /** \u526F\u6807\u9898 */\n  subtitle?: string\n  theme?: Theme\n  /** \u5B50\u7EC4\u4EF6 */\n  children: React.ReactNode\n  /** Root \u7EC4\u4EF6\u7684\u81EA\u5B9A\u4E49\u7C7B\u540D */\n  classNames?: Partial<Record<BuyOneGetOneShelfRootSemanticName, string>>\n  /** \u8D85\u8FC7\u6B64\u6570\u91CF\u7684\u5546\u54C1\u65F6\u663E\u793A\"View More/View Less\"\u6309\u94AE\uFF0C\u9ED8\u8BA4 4 */\n  viewMoreThreshold?: number\n  /** View More \u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 'View More' */\n  viewMoreText?: string\n  /** View Less \u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 'View Less' */\n  viewLessText?: string\n}\n\n// \u5361\u7247\u7EC4\u4EF6Props - \u57FA\u4E8EProductCardProps\u4F46\u7B80\u5316\nexport interface BuyOneGetOneShelfCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {\n  /** \u4EA7\u54C1\u6570\u636E */\n  productData: BaseProductData & {\n    description?: string\n    currentPrice?: string\n    originalPrice?: string\n    learnMoreText?: string\n    shopNowText?: string\n    freeGiftLabel?: string\n  }\n  /** \u8D60\u54C1\u5217\u8868 */\n  gifts?: FreeGift[]\n  /** \u8D60\u54C1\u7C7B\u578B 1-> \u8D60\u9001\u5176\u4E2D\u4E00\u4E2A\u8D60\u54C1\uFF0C 2 -> \u8D60\u9001\u6240\u6709\u8D60\u54C1 */\n  giftType?: 1 | 2\n  soldOutText?: string\n  /** \u573A\u666F\u56FE\u7247 */\n  sceneImages?: ResponsiveImages\n  /** @deprecated Layout is now automatically inferred by Root based on children count. */\n  layout?: 'horizontal' | 'vertical'\n  /** ProductCard \u7EC4\u4EF6\u7684\u81EA\u5B9A\u4E49\u7C7B\u540D */\n  classNames?: Partial<Record<BuyOneGetOneShelfProductCardSemanticName, string>>\n  /** @deprecated Use `onProductImageClick` instead. */\n  onProductClick?: (product: ProductCardData) => void\n  /** \u4EA7\u54C1\u56FE\u7247\u70B9\u51FB\u56DE\u8C03 */\n  onProductImageClick?: (product: ProductCardData) => void\n  /** Learn More \u70B9\u51FB\u56DE\u8C03 */\n  onLearnMore?: (product: ProductCardData, selectedGifts: FreeGift[]) => void\n  /** Shop Now \u70B9\u51FB\u56DE\u8C03 */\n  onShopNow?: (product: ProductCardData, selectedGifts: FreeGift[]) => void\n  /** \u8D60\u54C1\u70B9\u51FB\u56DE\u8C03 */\n  onGiftClick?: (gift: FreeGift, selectedGifts: FreeGift[]) => void\n  /** \u8D60\u54C1\u9009\u62E9\u53D8\u5316\u56DE\u8C03 */\n  onGiftSelectionChange?: (selectedGifts: FreeGift[], product: ProductCardData) => void\n  /** \u9009\u4E2D\u8D60\u54C1SKU\u53D8\u5316\u56DE\u8C03\uFF08\u53D7\u63A7\u7EC4\u4EF6\uFF09 */\n  onSelectedGiftSkuChange?: (selectedSku: string | null) => void\n}\n\n// \u4FDD\u6301\u5411\u540E\u517C\u5BB9\u7684\u4F20\u7EDFProps\nexport interface BuyOneGetOneShelfLegacyProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: BuyOneGetOneShelfData\n  /** @deprecated Use `onProductImageClick` instead. */\n  onProductClick?: (product: ProductCardData) => void\n  /** \u4EA7\u54C1\u56FE\u7247\u70B9\u51FB\u56DE\u8C03 */\n  onProductImageClick?: (product: ProductCardData) => void\n  /** Learn More\u6309\u94AE\u70B9\u51FB\u4E8B\u4EF6 */\n  onLearnMore?: (product: ProductCardData, selectedGifts: FreeGift[]) => void\n  /** Shop Now\u6309\u94AE\u70B9\u51FB\u4E8B\u4EF6 */\n  onShopNow?: (product: ProductCardData, selectedGifts: FreeGift[]) => void\n  onAddToCart?: (product: ProductCardData) => void\n  /** \u8D60\u54C1\u70B9\u51FB\u4E8B\u4EF6 */\n  onGiftClick?: (gift: FreeGift, selectedGifts: FreeGift[]) => void\n  /** \u8D60\u54C1\u9009\u62E9\u53D8\u5316\u4E8B\u4EF6 */\n  onGiftSelectionChange?: (selectedGifts: FreeGift[], product: ProductCardData) => void\n  classNames?: Partial<Record<BuyOneGetOneShelfSemanticName, string>>\n}\n"],
   "mappings": "AAAA,MAAuB",
   "names": []
 }

package/dist/esm/biz-components/EventSchedule/index.d.ts

@@ -22,9 +22,9 @@ export interface StateIcon {
 export interface EventScheduleItem {
     /** 标题 */
     title: string;
-    /** 开始日期（ISO 8601 格式或任何 dayjs 支持的格式，如 '2024-12-01'） */
+    /** 开始日期（ISO 8601 格式，如 '2024-12-01T00:00:00Z'） */
     startDate: string;
-    /** 结束日期（ISO 8601 格式或任何 dayjs 支持的格式，如 '2024-12-31'） */
+    /** 结束日期（ISO 8601 格式，如 '2024-12-31T23:59:59Z'） */
     endDate: string;
     /**
      * 卡片背景图标配置，状态化图标（必须包含 active 和 inactive）

package/dist/esm/biz-components/EventSchedule/index.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as s,jsxs as g}from"react/jsx-runtime";import*as n from"react";import{cn as d}from"../../helpers/index.js";import{withLayout as B}from"../../shared/Styles.js";import{Text as y,Picture as P,Heading as R,Container as z}from"../../components/index.js";import{Swiper as D,SwiperSlide as L}from"swiper/react";import w from"dayjs";import{cva as x}from"class-variance-authority";const S=(e,r)=>{const c=w(),u=w(e).startOf("day"),m=w(r).endOf("day");return c.isAfter(m)?"completed":c.isBefore(u)?"not-started":"in-progress"},j=x("h-1 w-full overflow-hidden",{variants:{state:{"in-progress-light":"bg-[#F6CD4E]","in-progress-dark":"bg-[#D79941]","not-started-light":"bg-[#EAEAEC]","not-started-dark":"bg-[#1E2024]","completed-light":"bg-[#F6CD4E]","completed-dark":"bg-[#D79941]"}},defaultVariants:{state:"not-started-light"}}),H=x("size-4 rounded-full transition-colors",{variants:{state:{"in-progress-light":"bg-[#F6CD4E]","in-progress-dark":"bg-[#D79941]","not-started-light":"bg-[#EAEAEC]","not-started-dark":"bg-[#1E2024]","completed-light":"bg-[#F6CD4E]","completed-dark":"bg-[#D79941]"}},defaultVariants:{state:"not-started-light"}}),k=x("font-bold leading-[1.2]",{variants:{state:{"in-progress-light":"text-[#080A0F]","in-progress-dark":"text-white","not-started-light":"text-[#080A0F]","not-started-dark":"text-[#F5F6F7]","completed-light":"text-[#4A4C56]/60","completed-dark":"text-[#F5F6F7]/60"}},defaultVariants:{state:"not-started-light"}}),O=x("laptop:h-[160px] rounded-box relative flex h-[120px] min-w-0 flex-col justify-between gap-2 overflow-hidden",{variants:{state:{"in-progress-light":"bg-[#F4E8BC]","in-progress-dark":"bg-[#D79941]","not-started-light":"bg-[#EAEAEC]","not-started-dark":"bg-[#1E2024]","completed-light":"bg-[#F4E8BC]","completed-dark":"bg-[#D79941]"}},defaultVariants:{state:"not-started-light"}}),q=({timeStatus:e,theme:r="light",className:c,index:u,nodeLength:m})=>{const o=`${e}-${r}`,i=u===0,l=u===m-1;return g("div",{className:d(`event-schedule-timeline-node event-schedule-timeline-node--${e} relative my-2 flex h-1 w-full items-center justify-center`,c),children:[s("div",{className:d(`event-schedule-timeline-progress event-schedule-timeline-progress--${e}`,j({state:o}),i&&"rounded-l-full",l&&"rounded-r-full")}),s("div",{className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",children:s("div",{className:d(`event-schedule-timeline-dot event-schedule-timeline-dot--${e}`,H({state:o}))})})]})},G=(e,r)=>{if(e)return r==="in-progress"?e.active:r==="completed"&&e.completed||e.inactive},J=({timeStatus:e,item:r,theme:c="light",className:u,scheduleCount:m})=>{const o=n.useMemo(()=>G(r.icon,e),[r.icon,e]),i=`${e}-${c}`;return g("div",{className:d(`event-schedule-card event-schedule-card--${e}`,O({state:i}),u),children:[o&&s("div",{className:`event-schedule-card__background-icon event-schedule-card__background-icon--${e} laptop:w-[128px] desktop:w-[160px] absolute bottom-0 right-0 z-10 w-[120px]`,children:s(P,{source:o.url,alt:o.alt,className:"aspect-square"})}),g("div",{className:`event-schedule-card__content event-schedule-card__content--${e} tablet:px-4 tablet:py-3 desktop:pl-6 desktop:pr-16 relative z-20 flex h-full flex-col justify-between p-4 pr-8`,children:[s(R,{html:r.title,className:d(`event-schedule-card__title event-schedule-card__title--${e}`,m>=4?"desktop:text-[24px]":"desktop:text-[32px]","laptop:text-[24px] line-clamp-1 text-[20px]",k({state:i}))}),s("div",{className:`event-schedule-card__details event-schedule-card__details--${e} flex flex-col gap-0.5`,children:r.items.map((l,a)=>g("div",{className:`event-schedule-card__detail-item event-schedule-card__detail-item--${e} flex items-center gap-2`,children:[l.icon&&s(y,{className:d(`event-schedule-card__detail-icon event-schedule-card__detail-icon--${e} desktop:size-6 size-5 shrink-0`,k({state:i})),html:l.icon}),s(y,{html:l.label,className:d(`event-schedule-card__detail-text event-schedule-card__detail-text--${e} lg-desktop:text-[18px] desktop:text-[16px] line-clamp-1 flex-1 text-[14px] leading-[1.4]`,k({state:i}))})]},a))})]})]})},F=n.forwardRef(({classNames:e={},data:r,className:c,...u},m)=>{const o=r.theme||"light",i=n.useRef(null),l=n.useRef(null),a=n.useRef(!1),f=n.useMemo(()=>r?.scheduleList?.length||2,[r?.scheduleList]),v=n.useMemo(()=>r.scheduleList.findIndex(t=>S(t.startDate,t.endDate)==="in-progress"),[r.scheduleList]),b=n.useCallback((t,h=!1)=>{const p=M=>{switch(M){case"mobile":return{slidesPerView:1.17};case"tablet":return t===2?{slidesPerView:2}:{slidesPerView:2.4};case"laptop":return t===2?{}:t===4?{slidesPerView:3.2}:{slidesPerView:t};case"desktop":return t===2?{slidesPerView:2}:{slidesPerView:t}}},T=p("mobile"),C=p("tablet"),N=p("laptop"),_=p("desktop");return h?{0:{...T,spaceBetween:12},768:{...C,spaceBetween:12},1024:{...N,spaceBetween:16},1440:{..._,spaceBetween:16}}:{0:T,768:C,1024:N,1440:_}},[]),V=n.useMemo(()=>b(f,!0),[f,b]),$=n.useMemo(()=>b(f,!1),[f,b]),E=r.showTimeline!==!1,A=n.useCallback(t=>{a.current||!l.current||(a.current=!0,l.current.slideTo(t.activeIndex,t.params.speed),setTimeout(()=>{a.current=!1},50))},[]),I=n.useCallback(t=>{a.current||!i.current||(a.current=!0,i.current.slideTo(t.activeIndex,t.params.speed),setTimeout(()=>{a.current=!1},50))},[]);return n.useEffect(()=>{i.current&&l.current&&v>=0&&setTimeout(()=>{a.current=!0,i.current?.slideTo(v,500),l.current?.slideTo(v,500),setTimeout(()=>{a.current=!1},600)},100)},[v]),g(z,{...u,ref:m,className:d("event-schedule-root overflow-hidden",e?.root,c),children:[E&&s(D,{breakpoints:$,className:"event-schedule-timeline h-4 w-full !overflow-visible",onSwiper:t=>{l.current=t},onSlideChange:I,children:r.scheduleList.map((t,h)=>{const p=S(t.startDate,t.endDate);return s(L,{className:"",children:s(q,{className:e?.timeline,timeStatus:p,theme:o,index:h,nodeLength:r.scheduleList.length})},"timelineNode"+h)})}),s(D,{breakpoints:V,className:"event-schedule-cards w-full !overflow-visible",onSwiper:t=>{i.current=t},onSlideChange:A,children:r.scheduleList.map((t,h)=>{const p=S(t.startDate,t.endDate);return s(L,{children:s(J,{timeStatus:p,className:d(E?"laptop:mt-4 mt-2":"",e?.eventScheduleCard),item:t,theme:o,scheduleCount:r.scheduleList.length})},"SwiperSlideItem"+h)})})]})});F.displayName="EventSchedule";var Z=B(F);export{Z as default};
+"use client";import{jsx as s,jsxs as g}from"react/jsx-runtime";import*as n from"react";import{cn as d}from"../../helpers/index.js";import{withLayout as A}from"../../shared/Styles.js";import{Text as _,Picture as B,Heading as P,Container as R}from"../../components/index.js";import{Swiper as D,SwiperSlide as y}from"swiper/react";import{cva as b}from"class-variance-authority";const x=(e,r)=>{const c=Date.now(),u=new Date(e).getTime(),m=new Date(r).getTime();return c>m?"completed":c<u?"not-started":"in-progress"},z=b("h-1 w-full overflow-hidden",{variants:{state:{"in-progress-light":"bg-[#F6CD4E]","in-progress-dark":"bg-[#D79941]","not-started-light":"bg-[#EAEAEC]","not-started-dark":"bg-[#1E2024]","completed-light":"bg-[#F6CD4E]","completed-dark":"bg-[#D79941]"}},defaultVariants:{state:"not-started-light"}}),H=b("size-4 rounded-full transition-colors",{variants:{state:{"in-progress-light":"bg-[#F6CD4E]","in-progress-dark":"bg-[#D79941]","not-started-light":"bg-[#EAEAEC]","not-started-dark":"bg-[#1E2024]","completed-light":"bg-[#F6CD4E]","completed-dark":"bg-[#D79941]"}},defaultVariants:{state:"not-started-light"}}),S=b("font-bold leading-[1.2]",{variants:{state:{"in-progress-light":"text-[#080A0F]","in-progress-dark":"text-white","not-started-light":"text-[#080A0F]","not-started-dark":"text-[#F5F6F7]","completed-light":"text-[#4A4C56]/60","completed-dark":"text-[#F5F6F7]/60"}},defaultVariants:{state:"not-started-light"}}),j=b("laptop:h-[160px] rounded-box relative flex h-[120px] min-w-0 flex-col justify-between gap-2 overflow-hidden",{variants:{state:{"in-progress-light":"bg-[#F4E8BC]","in-progress-dark":"bg-[#D79941]","not-started-light":"bg-[#EAEAEC]","not-started-dark":"bg-[#1E2024]","completed-light":"bg-[#F4E8BC]","completed-dark":"bg-[#D79941]"}},defaultVariants:{state:"not-started-light"}}),q=({timeStatus:e,theme:r="light",className:c,index:u,nodeLength:m})=>{const o=`${e}-${r}`,i=u===0,l=u===m-1;return g("div",{className:d(`event-schedule-timeline-node event-schedule-timeline-node--${e} relative my-2 flex h-1 w-full items-center justify-center`,c),children:[s("div",{className:d(`event-schedule-timeline-progress event-schedule-timeline-progress--${e}`,z({state:o}),i&&"rounded-l-full",l&&"rounded-r-full")}),s("div",{className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",children:s("div",{className:d(`event-schedule-timeline-dot event-schedule-timeline-dot--${e}`,H({state:o}))})})]})},G=(e,r)=>{if(e)return r==="in-progress"?e.active:r==="completed"&&e.completed||e.inactive},J=({timeStatus:e,item:r,theme:c="light",className:u,scheduleCount:m})=>{const o=n.useMemo(()=>G(r.icon,e),[r.icon,e]),i=`${e}-${c}`;return g("div",{className:d(`event-schedule-card event-schedule-card--${e}`,j({state:i}),u),children:[o&&s("div",{className:`event-schedule-card__background-icon event-schedule-card__background-icon--${e} laptop:w-[128px] desktop:w-[160px] absolute bottom-0 right-0 z-10 w-[120px]`,children:s(B,{source:o.url,alt:o.alt,className:"aspect-square"})}),g("div",{className:`event-schedule-card__content event-schedule-card__content--${e} tablet:px-4 tablet:py-3 desktop:pl-6 desktop:pr-16 relative z-20 flex h-full flex-col justify-between p-4 pr-8`,children:[s(P,{html:r.title,className:d(`event-schedule-card__title event-schedule-card__title--${e}`,m>=4?"desktop:text-[24px]":"desktop:text-[32px]","laptop:text-[24px] line-clamp-1 text-[20px]",S({state:i}))}),s("div",{className:`event-schedule-card__details event-schedule-card__details--${e} flex flex-col gap-0.5`,children:r.items.map((l,a)=>g("div",{className:`event-schedule-card__detail-item event-schedule-card__detail-item--${e} flex items-center gap-2`,children:[l.icon&&s(_,{className:d(`event-schedule-card__detail-icon event-schedule-card__detail-icon--${e} desktop:size-6 size-5 shrink-0`,S({state:i})),html:l.icon}),s(_,{html:l.label,className:d(`event-schedule-card__detail-text event-schedule-card__detail-text--${e} lg-desktop:text-[18px] desktop:text-[16px] line-clamp-1 flex-1 text-[14px] leading-[1.4]`,S({state:i}))})]},a))})]})]})},L=n.forwardRef(({classNames:e={},data:r,className:c,...u},m)=>{const o=r.theme||"light",i=n.useRef(null),l=n.useRef(null),a=n.useRef(!1),f=n.useMemo(()=>r?.scheduleList?.length||2,[r?.scheduleList]),v=n.useMemo(()=>r.scheduleList.findIndex(t=>x(t.startDate,t.endDate)==="in-progress"),[r.scheduleList]),w=n.useCallback((t,h=!1)=>{const p=M=>{switch(M){case"mobile":return{slidesPerView:1.17};case"tablet":return t===2?{slidesPerView:2}:{slidesPerView:2.4};case"laptop":return t===2?{}:t===4?{slidesPerView:3.2}:{slidesPerView:t};case"desktop":return t===2?{slidesPerView:2}:{slidesPerView:t}}},T=p("mobile"),E=p("tablet"),C=p("laptop"),N=p("desktop");return h?{0:{...T,spaceBetween:12},768:{...E,spaceBetween:12},1024:{...C,spaceBetween:16},1440:{...N,spaceBetween:16}}:{0:T,768:E,1024:C,1440:N}},[]),F=n.useMemo(()=>w(f,!0),[f,w]),V=n.useMemo(()=>w(f,!1),[f,w]),k=r.showTimeline!==!1,$=n.useCallback(t=>{a.current||!l.current||(a.current=!0,l.current.slideTo(t.activeIndex,t.params.speed),setTimeout(()=>{a.current=!1},50))},[]),I=n.useCallback(t=>{a.current||!i.current||(a.current=!0,i.current.slideTo(t.activeIndex,t.params.speed),setTimeout(()=>{a.current=!1},50))},[]);return n.useEffect(()=>{i.current&&l.current&&v>=0&&setTimeout(()=>{a.current=!0,i.current?.slideTo(v,500),l.current?.slideTo(v,500),setTimeout(()=>{a.current=!1},600)},100)},[v]),g(R,{...u,ref:m,className:d("event-schedule-root overflow-hidden",e?.root,c),children:[k&&s(D,{breakpoints:V,className:"event-schedule-timeline h-4 w-full !overflow-visible",onSwiper:t=>{l.current=t},onSlideChange:I,children:r.scheduleList.map((t,h)=>{const p=x(t.startDate,t.endDate);return s(y,{className:"",children:s(q,{className:e?.timeline,timeStatus:p,theme:o,index:h,nodeLength:r.scheduleList.length})},"timelineNode"+h)})}),s(D,{breakpoints:F,className:"event-schedule-cards w-full !overflow-visible",onSwiper:t=>{i.current=t},onSlideChange:$,children:r.scheduleList.map((t,h)=>{const p=x(t.startDate,t.endDate);return s(y,{children:s(J,{timeStatus:p,className:d(k?"laptop:mt-4 mt-2":"",e?.eventScheduleCard),item:t,theme:o,scheduleCount:r.scheduleList.length})},"SwiperSlideItem"+h)})})]})});L.displayName="EventSchedule";var X=A(L);export{X as default};
 //# sourceMappingURL=index.js.map