@anker-in/headless-ui 1.1.33 → 1.1.34-alpha.1768461697532

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

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+/**
+ * Progress Bar Variants
+ */
+declare const progressVariants: (props?: ({
+    variant?: "default" | "withHandle" | null | undefined;
+    size?: "base" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ProgressClassNames {
+    /** 根容器的样式类名 */
+    root?: string;
+    /** 进度条的样式类名 */
+    progressBar?: string;
+    /** 拖拽手柄的样式类名 */
+    handle?: string;
+}
+export interface ProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onChange'>, VariantProps<typeof progressVariants> {
+    /** 当前进度值 */
+    value: number;
+    /** 最大值，默认为 100 */
+    max?: number;
+    /** 最小值，默认为 0 */
+    min?: number;
+    /** 进度条的 aria-label，用于屏幕阅读器 */
+    'aria-label'?: string;
+    /** 进度条的 aria-labelledby，关联到标签元素的ID */
+    'aria-labelledby'?: string;
+    /** 进度条描述，用于屏幕阅读器 */
+    'aria-describedby'?: string;
+    /** 值改变时的回调函数（仅在withHandle变体时有效） */
+    onValueChange?: (value: number) => void;
+    /** 是否禁用交互（仅在withHandle变体时有效） */
+    disabled?: boolean;
+    /** 拖拽步长，默认为1 */
+    step?: number;
+    /** 自定义样式类名，用于覆盖不同部分的默认样式 */
+    classNames?: ProgressClassNames;
+}
+/**
+ * Progress - 进度条
+ *
+ * @description 用于显示任务完成进度的可视化组件，支持多种尺寸、颜色变体和无障碍访问
+ */
+declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
+export default Progress;

package/dist/cjs/components/progress.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var S=Object.create;var h=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var q=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var G=(r,e)=>{for(var t in e)h(r,t,{get:e[t],enumerable:!0})},N=(r,e,t,u)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of W(e))!F.call(r,n)&&n!==t&&h(r,n,{get:()=>e[n],enumerable:!(u=U(e,n))||u.enumerable});return r};var J=(r,e,t)=>(t=r!=null?S(q(r)):{},N(e||!r||!r.__esModule?h(t,"default",{value:r,enumerable:!0}):t,r)),K=r=>N(h({},"__esModule",{value:!0}),r);var j={};G(j,{default:()=>_});module.exports=K(j);var g=require("react/jsx-runtime"),s=J(require("react")),M=require("class-variance-authority"),y=require("../helpers/index.js");const Q=(0,M.cva)("rounded-box relative w-full ",{variants:{variant:{default:"bg-container-secondary-0 overflow-hidden",withHandle:"bg-container-secondary-0"},size:{base:"h-2",lg:"h-3"}},defaultVariants:{variant:"default",size:"base"}}),Y=(0,M.cva)("rounded-box h-full ",{variants:{variant:{default:"bg-info-primary ",withHandle:"bg-info-primary "}},defaultVariants:{variant:"default"}}),Z=(0,M.cva)("border-info-white bg-info-primary size-4 rounded-full border shadow-sm",{variants:{size:{base:"size-4",lg:"tablet:size-5 size-4"}},defaultVariants:{size:"base"}}),T=s.forwardRef(({value:r,max:e=100,min:t=0,variant:u,size:n,className:X,classNames:w,onValueChange:l,disabled:d=!1,step:E=1,"aria-label":k,"aria-labelledby":B,"aria-describedby":C,...I},b)=>{const m=s.useRef(null),[p,H]=s.useState(!1),f=s.useRef(null),L=Math.max(t,Math.min(e,r)),D=(L-t)/(e-t)*100,z=u==="withHandle",o=z&&!d&&l,v=s.useCallback(a=>{if(!f.current||!l)return;const i=f.current,c=a-i.left,R=Math.max(0,Math.min(1,c/i.width)),P=t+R*(e-t),V=Math.max(t,Math.min(e,P));l(V)},[t,e,l]),x=s.useCallback(a=>{if(!f.current||!l)return;const i=f.current,c=a-i.left,R=Math.max(0,Math.min(1,c/i.width)),P=t+R*(e-t),V=Math.round(P/E)*E,A=Math.max(t,Math.min(e,V));l(A),f.current=null},[t,e,E,l]),O=s.useCallback(a=>{!o||!m.current||(a.preventDefault(),f.current=m.current.getBoundingClientRect(),H(!0),v(a.clientX))},[o,v]);s.useEffect(()=>{if(!p||!o)return;const a=c=>{v(c.clientX)},i=c=>{x(c.clientX),H(!1)};return document.addEventListener("mousemove",a),document.addEventListener("mouseup",i),()=>{document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",i)}},[p,o,v,x]);const $=s.useCallback(a=>{m&&(m.current=a),b&&(typeof b=="function"?b(a):b.current=a)},[b]);return(0,g.jsxs)("div",{ref:$,role:o?"slider":"progressbar","aria-valuenow":L,"aria-valuemin":t,"aria-valuemax":e,"aria-label":k,"aria-labelledby":B,"aria-describedby":C,"aria-disabled":d,className:(0,y.cn)(Q({variant:u,size:n}),d&&"cursor-not-allowed opacity-50",o&&!d&&"cursor-pointer",X,w?.root),onMouseDown:o?O:void 0,...I,children:[(0,g.jsx)("div",{className:(0,y.cn)(Y({variant:u}),w?.progressBar),style:{width:`${Math.max(0,Math.min(100,D))}%`},"data-testid":"progress-bar"}),z&&D>0&&(0,g.jsx)("div",{className:(0,y.cn)(Z({size:n}),d&&"opacity-50",p&&"scale-110 shadow-lg",o&&!d&&"cursor-grab hover:scale-105 active:cursor-grabbing",w?.handle),"data-testid":"progress-handle",style:{position:"absolute",left:`${Math.max(0,Math.min(100,D))}%`,top:"50%",transform:"translate(-50%, -50%)",transition:p?"none":"all 0.2s ease-in-out"}})]})});T.displayName="Progress";var _=T;
+//# sourceMappingURL=progress.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/progress.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport { cn } from '../helpers/index.js'\n\n/**\n * Progress Bar Variants\n */\nconst progressVariants = cva('rounded-box relative w-full ', {\n  variants: {\n    variant: {\n      default: 'bg-container-secondary-0 overflow-hidden',\n      withHandle: 'bg-container-secondary-0',\n    },\n    size: {\n      base: 'h-2',\n      lg: 'h-3',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'base',\n  },\n})\n\nconst progressBarVariants = cva('rounded-box h-full ', {\n  variants: {\n    variant: {\n      default: 'bg-info-primary ',\n      withHandle: 'bg-info-primary ',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n})\n\nconst handleVariants = cva('border-info-white bg-info-primary size-4 rounded-full border shadow-sm', {\n  variants: {\n    size: {\n      base: 'size-4',\n      lg: 'tablet:size-5 size-4',\n    },\n  },\n  defaultVariants: {\n    size: 'base',\n  },\n})\n\nexport interface ProgressClassNames {\n  /** \u6839\u5BB9\u5668\u7684\u6837\u5F0F\u7C7B\u540D */\n  root?: string\n  /** \u8FDB\u5EA6\u6761\u7684\u6837\u5F0F\u7C7B\u540D */\n  progressBar?: string\n  /** \u62D6\u62FD\u624B\u67C4\u7684\u6837\u5F0F\u7C7B\u540D */\n  handle?: string\n}\n\nexport interface ProgressProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onChange'>, VariantProps<typeof progressVariants> {\n  /** \u5F53\u524D\u8FDB\u5EA6\u503C */\n  value: number\n  /** \u6700\u5927\u503C\uFF0C\u9ED8\u8BA4\u4E3A 100 */\n  max?: number\n  /** \u6700\u5C0F\u503C\uFF0C\u9ED8\u8BA4\u4E3A 0 */\n  min?: number\n  /** \u8FDB\u5EA6\u6761\u7684 aria-label\uFF0C\u7528\u4E8E\u5C4F\u5E55\u9605\u8BFB\u5668 */\n  'aria-label'?: string\n  /** \u8FDB\u5EA6\u6761\u7684 aria-labelledby\uFF0C\u5173\u8054\u5230\u6807\u7B7E\u5143\u7D20\u7684ID */\n  'aria-labelledby'?: string\n  /** \u8FDB\u5EA6\u6761\u63CF\u8FF0\uFF0C\u7528\u4E8E\u5C4F\u5E55\u9605\u8BFB\u5668 */\n  'aria-describedby'?: string\n  /** \u503C\u6539\u53D8\u65F6\u7684\u56DE\u8C03\u51FD\u6570\uFF08\u4EC5\u5728withHandle\u53D8\u4F53\u65F6\u6709\u6548\uFF09 */\n  onValueChange?: (value: number) => void\n  /** \u662F\u5426\u7981\u7528\u4EA4\u4E92\uFF08\u4EC5\u5728withHandle\u53D8\u4F53\u65F6\u6709\u6548\uFF09 */\n  disabled?: boolean\n  /** \u62D6\u62FD\u6B65\u957F\uFF0C\u9ED8\u8BA4\u4E3A1 */\n  step?: number\n  /** \u81EA\u5B9A\u4E49\u6837\u5F0F\u7C7B\u540D\uFF0C\u7528\u4E8E\u8986\u76D6\u4E0D\u540C\u90E8\u5206\u7684\u9ED8\u8BA4\u6837\u5F0F */\n  classNames?: ProgressClassNames\n}\n\n/**\n * Progress - \u8FDB\u5EA6\u6761\n *\n * @description \u7528\u4E8E\u663E\u793A\u4EFB\u52A1\u5B8C\u6210\u8FDB\u5EA6\u7684\u53EF\u89C6\u5316\u7EC4\u4EF6\uFF0C\u652F\u6301\u591A\u79CD\u5C3A\u5BF8\u3001\u989C\u8272\u53D8\u4F53\u548C\u65E0\u969C\u788D\u8BBF\u95EE\n */\nconst Progress = React.forwardRef<HTMLDivElement, ProgressProps>(\n  (\n    {\n      value,\n      max = 100,\n      min = 0,\n      variant,\n      size,\n      className,\n      classNames,\n      onValueChange,\n      disabled = false,\n      step = 1,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      ...props\n    },\n    ref\n  ) => {\n    const progressRef = React.useRef<HTMLDivElement>(null)\n    const [isDragging, setIsDragging] = React.useState(false)\n    const dragRectRef = React.useRef<DOMRect | null>(null)\n\n    // \u786E\u4FDD value \u5728\u6709\u6548\u8303\u56F4\u5185\n    const normalizedValue = Math.max(min, Math.min(max, value))\n    // \u8BA1\u7B97\u767E\u5206\u6BD4\n    const percentage = ((normalizedValue - min) / (max - min)) * 100\n    // \u662F\u5426\u663E\u793Ahandle\n    const isWithHandle = variant === 'withHandle'\n    // \u662F\u5426\u53EF\u4EA4\u4E92\n    const isInteractive = isWithHandle && !disabled && onValueChange\n\n    // \u62D6\u62FD\u65F6\u4F7F\u7528\u7F13\u5B58\u7684 rect \u907F\u514D\u91CD\u590D\u8BA1\u7B97\n    const handleDragMove = React.useCallback(\n      (clientX: number) => {\n        if (!dragRectRef.current || !onValueChange) return\n\n        const rect = dragRectRef.current\n        const offsetX = clientX - rect.left\n        const percentage = Math.max(0, Math.min(1, offsetX / rect.width))\n        const rawValue = min + percentage * (max - min)\n        const clampedValue = Math.max(min, Math.min(max, rawValue))\n\n        onValueChange(clampedValue)\n      },\n      [min, max, onValueChange]\n    )\n\n    // \u62D6\u62FD\u7ED3\u675F\u65F6\u5E94\u7528\u6B65\u957F\n    const handleDragEnd = React.useCallback(\n      (clientX: number) => {\n        if (!dragRectRef.current || !onValueChange) return\n\n        const rect = dragRectRef.current\n        const offsetX = clientX - rect.left\n        const percentage = Math.max(0, Math.min(1, offsetX / rect.width))\n        const rawValue = min + percentage * (max - min)\n        const steppedValue = Math.round(rawValue / step) * step\n        const clampedValue = Math.max(min, Math.min(max, steppedValue))\n\n        onValueChange(clampedValue)\n        dragRectRef.current = null // \u6E05\u7406\u7F13\u5B58\n      },\n      [min, max, step, onValueChange]\n    )\n\n    // \u9F20\u6807\u6309\u4E0B\u4E8B\u4EF6\n    const handleMouseDown = React.useCallback(\n      (event: React.MouseEvent) => {\n        if (!isInteractive || !progressRef.current) return\n\n        event.preventDefault()\n        // \u53EA\u5728\u5F00\u59CB\u62D6\u62FD\u65F6\u83B7\u53D6\u4E00\u6B21 rect\uFF0C\u907F\u514D\u62D6\u62FD\u8FC7\u7A0B\u4E2D\u91CD\u590D\u8BA1\u7B97\n        dragRectRef.current = progressRef.current.getBoundingClientRect()\n        setIsDragging(true)\n        handleDragMove(event.clientX)\n      },\n      [isInteractive, handleDragMove]\n    )\n\n    // \u5168\u5C40\u9F20\u6807\u79FB\u52A8\u4E8B\u4EF6\n    React.useEffect(() => {\n      if (!isDragging || !isInteractive) return\n\n      const handleMouseMove = (event: MouseEvent) => {\n        handleDragMove(event.clientX)\n      }\n\n      const handleMouseUp = (event: MouseEvent) => {\n        handleDragEnd(event.clientX)\n        setIsDragging(false)\n      }\n\n      document.addEventListener('mousemove', handleMouseMove)\n      document.addEventListener('mouseup', handleMouseUp)\n\n      return () => {\n        document.removeEventListener('mousemove', handleMouseMove)\n        document.removeEventListener('mouseup', handleMouseUp)\n      }\n    }, [isDragging, isInteractive, handleDragMove, handleDragEnd])\n\n    // \u5408\u5E76refs\n    const combinedRef = React.useCallback(\n      (node: HTMLDivElement) => {\n        if (progressRef) {\n          // @ts-ignore\n          progressRef.current = node\n        }\n        if (ref) {\n          if (typeof ref === 'function') {\n            ref(node)\n          } else {\n            ref.current = node\n          }\n        }\n      },\n      [ref]\n    )\n\n    return (\n      <div\n        ref={combinedRef}\n        role={isInteractive ? 'slider' : 'progressbar'}\n        aria-valuenow={normalizedValue}\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={ariaDescribedBy}\n        aria-disabled={disabled}\n        className={cn(\n          progressVariants({ variant, size }),\n          disabled && 'cursor-not-allowed opacity-50',\n          isInteractive && !disabled && 'cursor-pointer',\n          className,\n          classNames?.root\n        )}\n        onMouseDown={isInteractive ? handleMouseDown : undefined}\n        {...props}\n      >\n        <div\n          className={cn(progressBarVariants({ variant }), classNames?.progressBar)}\n          style={{\n            width: `${Math.max(0, Math.min(100, percentage))}%`,\n          }}\n          data-testid=\"progress-bar\"\n        />\n        {isWithHandle && percentage > 0 && (\n          <div\n            className={cn(\n              handleVariants({ size }),\n              disabled && 'opacity-50',\n              isDragging && 'scale-110 shadow-lg',\n              isInteractive && !disabled && 'cursor-grab hover:scale-105 active:cursor-grabbing',\n              classNames?.handle\n            )}\n            data-testid=\"progress-handle\"\n            style={{\n              position: 'absolute',\n              left: `${Math.max(0, Math.min(100, percentage))}%`,\n              top: '50%',\n              transform: 'translate(-50%, -50%)',\n              transition: isDragging ? 'none' : 'all 0.2s ease-in-out',\n            }}\n          />\n        )}\n      </div>\n    )\n  }\n)\n\nProgress.displayName = 'Progress'\n\nexport default Progress\n"],
+  "mappings": "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",
+  "names": ["progress_exports", "__export", "progress_default", "__toCommonJS", "import_jsx_runtime", "React", "import_class_variance_authority", "import_helpers", "progressVariants", "progressBarVariants", "handleVariants", "Progress", "value", "max", "min", "variant", "size", "className", "classNames", "onValueChange", "disabled", "step", "ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "props", "ref", "progressRef", "isDragging", "setIsDragging", "dragRectRef", "normalizedValue", "percentage", "isWithHandle", "isInteractive", "handleDragMove", "clientX", "rect", "offsetX", "rawValue", "clampedValue", "handleDragEnd", "steppedValue", "handleMouseDown", "event", "handleMouseMove", "handleMouseUp", "combinedRef", "node"]
+}

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

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import type { Align, Shape } from '../types/props.js';
+type tabShape = Shape | 'default';
 declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     align?: Align;
-    shape?: Shape;
+    shape?: tabShape;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/cjs/components/tabs.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var N=Object.create;var p=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var E=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var q=(t,e)=>{for(var a in e)p(t,a,{get:e[a],enumerable:!0})},R=(t,e,a,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of W(e))!k.call(t,o)&&o!==a&&p(t,o,{get:()=>e[o],enumerable:!(s=w(e,o))||s.enumerable});return t};var y=(t,e,a)=>(a=t!=null?N(E(t)):{},R(e||!t||!t.__esModule?p(a,"default",{value:t,enumerable:!0}):a,t)),A=t=>R(p({},"__esModule",{value:!0}),t);var V={};q(V,{Tabs:()=>g,TabsContent:()=>T,TabsList:()=>u,TabsTrigger:()=>h});module.exports=A(V);var n=require("react/jsx-runtime"),i=y(require("react")),l=require("../helpers/index.js"),r=y(require("@radix-ui/react-tabs")),b=require("class-variance-authority");const d=i.createContext({align:"left",shape:"square"}),g=i.forwardRef(({children:t,align:e="left",shape:a="square",...s},o)=>(0,n.jsx)(r.Root,{ref:o,...s,children:(0,n.jsx)(d.Provider,{value:{align:e,shape:a},children:t})}));g.displayName="Tabs";const F=(0,b.cva)("",{variants:{align:{left:"justify-left",center:"justify-center",right:"justify-end"},shape:{rounded:"rounded-[28px]",square:"rounded-none"}},defaultVariants:{align:"left",shape:"square"}}),S=(0,b.cva)("",{variants:{shape:{rounded:"rounded-[28px]",square:"rounded-none"}},defaultVariants:{shape:"square"}}),u=i.forwardRef(({className:t,...e},a)=>{const{align:s,shape:o}=i.useContext(d);return(0,n.jsx)(r.List,{ref:a,className:(0,l.cn)("bg-tabs-list-bg flex w-fit max-w-full overflow-x-auto p-1",F({align:s,shape:o}),t),style:{scrollbarWidth:"none",msOverflowStyle:"none"},...e})});u.displayName=r.List.displayName;const h=i.forwardRef(({className:t,onClick:e,...a},s)=>{const{shape:o}=i.useContext(d),v=f=>{e?.(f);const m=f?.currentTarget,c=f?.currentTarget?.parentElement;if(m&&c){const x=m.offsetLeft,P=m.offsetWidth,C=c.offsetWidth,L=x-C/2+P/2;c.scrollTo({left:L,behavior:"smooth"})}};return(0,n.jsx)(r.Trigger,{ref:s,className:(0,l.cn)("text-info-primary lg-desktop:text-base disabled:text-btn-secondary-disabled lg-desktop:px-[28px] lg-desktop:pt-[15px] lg-desktop:pb-[14px] shrink-0 px-5 pb-2.5 pt-[11px] text-sm font-bold data-[state=active]:bg-white data-[state=active]:text-[#080A0F]",t,S({shape:o})),onClick:v,...a})});h.displayName=r.Trigger.displayName;const T=i.forwardRef(({className:t,...e},a)=>(0,n.jsx)(r.Content,{ref:a,className:(0,l.cn)(t),...e}));T.displayName=r.Content.displayName;
+"use strict";"use client";var N=Object.create;var p=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var E=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var S=(t,e)=>{for(var a in e)p(t,a,{get:e[a],enumerable:!0})},R=(t,e,a,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of W(e))!k.call(t,o)&&o!==a&&p(t,o,{get:()=>e[o],enumerable:!(s=w(e,o))||s.enumerable});return t};var y=(t,e,a)=>(a=t!=null?N(E(t)):{},R(e||!t||!t.__esModule?p(a,"default",{value:t,enumerable:!0}):a,t)),A=t=>R(p({},"__esModule",{value:!0}),t);var j={};S(j,{Tabs:()=>u,TabsContent:()=>T,TabsList:()=>g,TabsTrigger:()=>h});module.exports=A(j);var r=require("react/jsx-runtime"),i=y(require("react")),l=require("../helpers/index.js"),n=y(require("@radix-ui/react-tabs")),b=require("class-variance-authority");const c=i.createContext({align:"left",shape:"square"}),u=i.forwardRef(({children:t,align:e="left",shape:a="default",...s},o)=>(0,r.jsx)(n.Root,{ref:o,...s,children:(0,r.jsx)(c.Provider,{value:{align:e,shape:a},children:t})}));u.displayName="Tabs";const F=(0,b.cva)("rounded-tabs",{variants:{align:{left:"justify-left",center:"justify-center",right:"justify-end"},shape:{default:"",rounded:"rounded-[28px]",square:"rounded-none"}},defaultVariants:{align:"left",shape:"default"}}),V=(0,b.cva)("rounded-tabs",{variants:{shape:{default:"",rounded:"rounded-[28px]",square:"rounded-none"}},defaultVariants:{shape:"default"}}),g=i.forwardRef(({className:t,...e},a)=>{const{align:s,shape:o}=i.useContext(c);return(0,r.jsx)(n.List,{ref:a,className:(0,l.cn)("bg-tabs-list-bg flex w-fit max-w-full overflow-x-auto p-1",F({align:s,shape:o}),t),style:{scrollbarWidth:"none",msOverflowStyle:"none"},...e})});g.displayName=n.List.displayName;const h=i.forwardRef(({className:t,onClick:e,...a},s)=>{const{shape:o}=i.useContext(c),v=f=>{e?.(f);const d=f?.currentTarget,m=f?.currentTarget?.parentElement;if(d&&m){const x=d.offsetLeft,P=d.offsetWidth,C=m.offsetWidth,L=x-C/2+P/2;m.scrollTo({left:L,behavior:"smooth"})}};return(0,r.jsx)(n.Trigger,{ref:s,className:(0,l.cn)("text-info-primary lg-desktop:text-base disabled:text-btn-secondary-disabled lg-desktop:px-[28px] lg-desktop:pt-[15px] lg-desktop:pb-[14px] shrink-0 px-5 pb-2.5 pt-[11px] text-sm font-bold data-[state=active]:bg-white data-[state=active]:text-[#080A0F]",t,V({shape:o})),onClick:v,...a})});h.displayName=n.Trigger.displayName;const T=i.forwardRef(({className:t,...e},a)=>(0,r.jsx)(n.Content,{ref:a,className:(0,l.cn)(t),...e}));T.displayName=n.Content.displayName;
 //# sourceMappingURL=tabs.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/tabs.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../helpers/index.js'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { cva } from 'class-variance-authority'\nimport type { Align, Shape } from '../types/props.js'\n\nconst TabListContext = React.createContext<{\n  align?: Align\n  shape: Shape\n}>({\n  align: 'left',\n  shape: 'square',\n})\n\nconst Tabs = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {\n    align?: Align\n    shape?: Shape\n  }\n>(({ children, align = 'left', shape = 'square', ...props }, ref) => (\n  <TabsPrimitive.Root ref={ref} {...props}>\n    <TabListContext.Provider value={{ align, shape }}>{children}</TabListContext.Provider>\n  </TabsPrimitive.Root>\n))\nTabs.displayName = 'Tabs'\n\nconst tabsListVariants = cva('', {\n  variants: {\n    align: {\n      left: 'justify-left',\n      center: 'justify-center',\n      right: 'justify-end',\n    },\n    shape: {\n      rounded: 'rounded-[28px]',\n      square: 'rounded-none',\n    },\n  },\n  defaultVariants: {\n    align: 'left',\n    shape: 'square',\n  },\n})\n\nconst tabsTriggerVariants = cva('', {\n  variants: {\n    shape: {\n      rounded: 'rounded-[28px]',\n      square: 'rounded-none',\n    },\n  },\n  defaultVariants: {\n    shape: 'square',\n  },\n})\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => {\n  const { align: alignFromParent, shape: shapeFromParent } = React.useContext(TabListContext)\n  return (\n    <TabsPrimitive.List\n      ref={ref}\n      className={cn(\n        'bg-tabs-list-bg flex w-fit max-w-full overflow-x-auto p-1',\n        tabsListVariants({\n          align: alignFromParent,\n          shape: shapeFromParent,\n        }),\n        className\n      )}\n      style={{\n        scrollbarWidth: 'none',\n        msOverflowStyle: 'none',\n      }}\n      {...props}\n    />\n  )\n})\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, onClick, ...props }, ref) => {\n  const { shape: shapeFromParent } = React.useContext(TabListContext)\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(e)\n    const tabElement = e?.currentTarget\n    const container = e?.currentTarget?.parentElement\n    if (tabElement && container) {\n      const tabLeft = tabElement.offsetLeft\n      const tabWidth = tabElement.offsetWidth\n      const containerWidth = container.offsetWidth\n      const scrollTo = tabLeft - containerWidth / 2 + tabWidth / 2\n      container.scrollTo({\n        left: scrollTo,\n        behavior: 'smooth',\n      })\n    }\n    // e.currentTarget.scrollIntoView({\n    //   behavior: 'smooth',\n    //   inline: 'center',\n    //   block: 'nearest',\n    // })\n  }\n  return (\n    <TabsPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'text-info-primary lg-desktop:text-base disabled:text-btn-secondary-disabled lg-desktop:px-[28px] lg-desktop:pt-[15px] lg-desktop:pb-[14px] shrink-0 px-5 pb-2.5 pt-[11px] text-sm font-bold data-[state=active]:bg-white data-[state=active]:text-[#080A0F]',\n        className,\n        tabsTriggerVariants({\n          shape: shapeFromParent,\n        })\n      )}\n      onClick={handleClick}\n      {...props}\n    />\n  )\n})\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => <TabsPrimitive.Content ref={ref} className={cn(className)} {...props} />)\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,gBAAAC,EAAA,aAAAC,EAAA,gBAAAC,IAAA,eAAAC,EAAAN,GAyBI,IAAAO,EAAA,6BAvBJC,EAAuB,oBACvBC,EAAmB,+BAEnBC,EAA+B,mCAC/BC,EAAoB,oCAGpB,MAAMC,EAAiBJ,EAAM,cAG1B,CACD,MAAO,OACP,MAAO,QACT,CAAC,EAEKN,EAAOM,EAAM,WAMjB,CAAC,CAAE,SAAAK,EAAU,MAAAC,EAAQ,OAAQ,MAAAC,EAAQ,SAAU,GAAGC,CAAM,EAAGC,OAC3D,OAACP,EAAc,KAAd,CAAmB,IAAKO,EAAM,GAAGD,EAChC,mBAACJ,EAAe,SAAf,CAAwB,MAAO,CAAE,MAAAE,EAAO,MAAAC,CAAM,EAAI,SAAAF,EAAS,EAC9D,CACD,EACDX,EAAK,YAAc,OAEnB,MAAMgB,KAAmB,OAAI,GAAI,CAC/B,SAAU,CACR,MAAO,CACL,KAAM,eACN,OAAQ,iBACR,MAAO,aACT,EACA,MAAO,CACL,QAAS,iBACT,OAAQ,cACV,CACF,EACA,gBAAiB,CACf,MAAO,OACP,MAAO,QACT,CACF,CAAC,EAEKC,KAAsB,OAAI,GAAI,CAClC,SAAU,CACR,MAAO,CACL,QAAS,iBACT,OAAQ,cACV,CACF,EACA,gBAAiB,CACf,MAAO,QACT,CACF,CAAC,EACKf,EAAWI,EAAM,WAGrB,CAAC,CAAE,UAAAY,EAAW,GAAGJ,CAAM,EAAGC,IAAQ,CAClC,KAAM,CAAE,MAAOI,EAAiB,MAAOC,CAAgB,EAAId,EAAM,WAAWI,CAAc,EAC1F,SACE,OAACF,EAAc,KAAd,CACC,IAAKO,EACL,aAAW,MACT,4DACAC,EAAiB,CACf,MAAOG,EACP,MAAOC,CACT,CAAC,EACDF,CACF,EACA,MAAO,CACL,eAAgB,OAChB,gBAAiB,MACnB,EACC,GAAGJ,EACN,CAEJ,CAAC,EACDZ,EAAS,YAAcM,EAAc,KAAK,YAE1C,MAAML,EAAcG,EAAM,WAGxB,CAAC,CAAE,UAAAY,EAAW,QAAAG,EAAS,GAAGP,CAAM,EAAGC,IAAQ,CAC3C,KAAM,CAAE,MAAOK,CAAgB,EAAId,EAAM,WAAWI,CAAc,EAC5DY,EAAeC,GAA2C,CAC9DF,IAAUE,CAAC,EACX,MAAMC,EAAaD,GAAG,cAChBE,EAAYF,GAAG,eAAe,cACpC,GAAIC,GAAcC,EAAW,CAC3B,MAAMC,EAAUF,EAAW,WACrBG,EAAWH,EAAW,YACtBI,EAAiBH,EAAU,YAC3BI,EAAWH,EAAUE,EAAiB,EAAID,EAAW,EAC3DF,EAAU,SAAS,CACjB,KAAMI,EACN,SAAU,QACZ,CAAC,CACH,CAMF,EACA,SACE,OAACrB,EAAc,QAAd,CACC,IAAKO,EACL,aAAW,MACT,8PACAG,EACAD,EAAoB,CAClB,MAAOG,CACT,CAAC,CACH,EACA,QAASE,EACR,GAAGR,EACN,CAEJ,CAAC,EACDX,EAAY,YAAcK,EAAc,QAAQ,YAEhD,MAAMP,EAAcK,EAAM,WAGxB,CAAC,CAAE,UAAAY,EAAW,GAAGJ,CAAM,EAAGC,OAAQ,OAACP,EAAc,QAAd,CAAsB,IAAKO,EAAK,aAAW,MAAGG,CAAS,EAAI,GAAGJ,EAAO,CAAE,EAC5Gb,EAAY,YAAcO,EAAc,QAAQ",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../helpers/index.js'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { cva } from 'class-variance-authority'\nimport type { Align, Shape } from '../types/props.js'\n\ntype tabShape = Shape | 'default'\n\nconst TabListContext = React.createContext<{\n  align?: Align\n  shape: tabShape\n}>({\n  align: 'left',\n  shape: 'square',\n})\n\nconst Tabs = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {\n    align?: Align\n    shape?: tabShape\n  }\n>(({ children, align = 'left', shape = 'default', ...props }, ref) => (\n  <TabsPrimitive.Root ref={ref} {...props}>\n    <TabListContext.Provider value={{ align, shape }}>{children}</TabListContext.Provider>\n  </TabsPrimitive.Root>\n))\nTabs.displayName = 'Tabs'\n\nconst tabsListVariants = cva('rounded-tabs', {\n  variants: {\n    align: {\n      left: 'justify-left',\n      center: 'justify-center',\n      right: 'justify-end',\n    },\n    shape: {\n      default: '',\n      rounded: 'rounded-[28px]',\n      square: 'rounded-none',\n    },\n  },\n  defaultVariants: {\n    align: 'left',\n    shape: 'default',\n  },\n})\n\nconst tabsTriggerVariants = cva('rounded-tabs', {\n  variants: {\n    shape: {\n      default: '',\n      rounded: 'rounded-[28px]',\n      square: 'rounded-none',\n    },\n  },\n  defaultVariants: {\n    shape: 'default',\n  },\n})\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => {\n  const { align: alignFromParent, shape: shapeFromParent } = React.useContext(TabListContext)\n  return (\n    <TabsPrimitive.List\n      ref={ref}\n      className={cn(\n        'bg-tabs-list-bg flex w-fit max-w-full overflow-x-auto p-1',\n        tabsListVariants({\n          align: alignFromParent,\n          shape: shapeFromParent,\n        }),\n        className\n      )}\n      style={{\n        scrollbarWidth: 'none',\n        msOverflowStyle: 'none',\n      }}\n      {...props}\n    />\n  )\n})\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, onClick, ...props }, ref) => {\n  const { shape: shapeFromParent } = React.useContext(TabListContext)\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(e)\n    const tabElement = e?.currentTarget\n    const container = e?.currentTarget?.parentElement\n    if (tabElement && container) {\n      const tabLeft = tabElement.offsetLeft\n      const tabWidth = tabElement.offsetWidth\n      const containerWidth = container.offsetWidth\n      const scrollTo = tabLeft - containerWidth / 2 + tabWidth / 2\n      container.scrollTo({\n        left: scrollTo,\n        behavior: 'smooth',\n      })\n    }\n  }\n  return (\n    <TabsPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'text-info-primary lg-desktop:text-base disabled:text-btn-secondary-disabled lg-desktop:px-[28px] lg-desktop:pt-[15px] lg-desktop:pb-[14px] shrink-0 px-5 pb-2.5 pt-[11px] text-sm font-bold data-[state=active]:bg-white data-[state=active]:text-[#080A0F]',\n        className,\n        tabsTriggerVariants({\n          shape: shapeFromParent,\n        })\n      )}\n      onClick={handleClick}\n      {...props}\n    />\n  )\n})\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => <TabsPrimitive.Content ref={ref} className={cn(className)} {...props} />)\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,gBAAAC,EAAA,aAAAC,EAAA,gBAAAC,IAAA,eAAAC,EAAAN,GA2BI,IAAAO,EAAA,6BAzBJC,EAAuB,oBACvBC,EAAmB,+BAEnBC,EAA+B,mCAC/BC,EAAoB,oCAKpB,MAAMC,EAAiBJ,EAAM,cAG1B,CACD,MAAO,OACP,MAAO,QACT,CAAC,EAEKN,EAAOM,EAAM,WAMjB,CAAC,CAAE,SAAAK,EAAU,MAAAC,EAAQ,OAAQ,MAAAC,EAAQ,UAAW,GAAGC,CAAM,EAAGC,OAC5D,OAACP,EAAc,KAAd,CAAmB,IAAKO,EAAM,GAAGD,EAChC,mBAACJ,EAAe,SAAf,CAAwB,MAAO,CAAE,MAAAE,EAAO,MAAAC,CAAM,EAAI,SAAAF,EAAS,EAC9D,CACD,EACDX,EAAK,YAAc,OAEnB,MAAMgB,KAAmB,OAAI,eAAgB,CAC3C,SAAU,CACR,MAAO,CACL,KAAM,eACN,OAAQ,iBACR,MAAO,aACT,EACA,MAAO,CACL,QAAS,GACT,QAAS,iBACT,OAAQ,cACV,CACF,EACA,gBAAiB,CACf,MAAO,OACP,MAAO,SACT,CACF,CAAC,EAEKC,KAAsB,OAAI,eAAgB,CAC9C,SAAU,CACR,MAAO,CACL,QAAS,GACT,QAAS,iBACT,OAAQ,cACV,CACF,EACA,gBAAiB,CACf,MAAO,SACT,CACF,CAAC,EACKf,EAAWI,EAAM,WAGrB,CAAC,CAAE,UAAAY,EAAW,GAAGJ,CAAM,EAAGC,IAAQ,CAClC,KAAM,CAAE,MAAOI,EAAiB,MAAOC,CAAgB,EAAId,EAAM,WAAWI,CAAc,EAC1F,SACE,OAACF,EAAc,KAAd,CACC,IAAKO,EACL,aAAW,MACT,4DACAC,EAAiB,CACf,MAAOG,EACP,MAAOC,CACT,CAAC,EACDF,CACF,EACA,MAAO,CACL,eAAgB,OAChB,gBAAiB,MACnB,EACC,GAAGJ,EACN,CAEJ,CAAC,EACDZ,EAAS,YAAcM,EAAc,KAAK,YAE1C,MAAML,EAAcG,EAAM,WAGxB,CAAC,CAAE,UAAAY,EAAW,QAAAG,EAAS,GAAGP,CAAM,EAAGC,IAAQ,CAC3C,KAAM,CAAE,MAAOK,CAAgB,EAAId,EAAM,WAAWI,CAAc,EAC5DY,EAAeC,GAA2C,CAC9DF,IAAUE,CAAC,EACX,MAAMC,EAAaD,GAAG,cAChBE,EAAYF,GAAG,eAAe,cACpC,GAAIC,GAAcC,EAAW,CAC3B,MAAMC,EAAUF,EAAW,WACrBG,EAAWH,EAAW,YACtBI,EAAiBH,EAAU,YAC3BI,EAAWH,EAAUE,EAAiB,EAAID,EAAW,EAC3DF,EAAU,SAAS,CACjB,KAAMI,EACN,SAAU,QACZ,CAAC,CACH,CACF,EACA,SACE,OAACrB,EAAc,QAAd,CACC,IAAKO,EACL,aAAW,MACT,8PACAG,EACAD,EAAoB,CAClB,MAAOG,CACT,CAAC,CACH,EACA,QAASE,EACR,GAAGR,EACN,CAEJ,CAAC,EACDX,EAAY,YAAcK,EAAc,QAAQ,YAEhD,MAAMP,EAAcK,EAAM,WAGxB,CAAC,CAAE,UAAAY,EAAW,GAAGJ,CAAM,EAAGC,OAAQ,OAACP,EAAc,QAAd,CAAsB,IAAKO,EAAK,aAAW,MAAGG,CAAS,EAAI,GAAGJ,EAAO,CAAE,EAC5Gb,EAAY,YAAcO,EAAc,QAAQ",
   "names": ["tabs_exports", "__export", "Tabs", "TabsContent", "TabsList", "TabsTrigger", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "TabsPrimitive", "import_class_variance_authority", "TabListContext", "children", "align", "shape", "props", "ref", "tabsListVariants", "tabsTriggerVariants", "className", "alignFromParent", "shapeFromParent", "onClick", "handleClick", "e", "tabElement", "container", "tabLeft", "tabWidth", "containerWidth", "scrollTo"]
 }

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

@@ -1,2 +1,3 @@
 export { cn } from './utils.js';
 export { noop } from './utils.js';
+export { formatPrice, languageTerritory, PRICE_SYMBOL } from './priceFormatting.js';

package/dist/cjs/helpers/index.js

@@ -1,2 +1,2 @@
-"use strict";var f=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var b=(r,o)=>{for(var e in o)f(r,e,{get:o[e],enumerable:!0})},d=(r,o,e,m)=>{if(o&&typeof o=="object"||typeof o=="function")for(let p of c(o))!a.call(r,p)&&p!==e&&f(r,p,{get:()=>o[p],enumerable:!(m=x(o,p))||m.enumerable});return r};var g=r=>d(f({},"__esModule",{value:!0}),r);var h={};b(h,{cn:()=>n.cn,noop:()=>t.noop});module.exports=g(h);var n=require("./utils.js"),t=require("./utils.js");
+"use strict";var m=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var i=(o,r)=>{for(var f in r)m(o,f,{get:r[f],enumerable:!0})},P=(o,r,f,p)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of c(r))!g.call(o,t)&&t!==f&&m(o,t,{get:()=>r[t],enumerable:!(p=x(r,t))||p.enumerable});return o};var l=o=>P(m({},"__esModule",{value:!0}),o);var u={};i(u,{PRICE_SYMBOL:()=>e.PRICE_SYMBOL,cn:()=>a.cn,formatPrice:()=>e.formatPrice,languageTerritory:()=>e.languageTerritory,noop:()=>n.noop});module.exports=l(u);var a=require("./utils.js"),n=require("./utils.js"),e=require("./priceFormatting.js");
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/index.ts"],
-  "sourcesContent": ["export { cn } from './utils.js'\nexport { noop } from './utils.js'\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,8CAAAE,EAAAF,GAAA,IAAAG,EAAmB,sBACnBA,EAAqB",
-  "names": ["helpers_exports", "__export", "__toCommonJS", "import_utils"]
+  "sourcesContent": ["export { cn } from './utils.js'\nexport { noop } from './utils.js'\nexport { formatPrice, languageTerritory, PRICE_SYMBOL } from './priceFormatting.js'\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sJAAAE,EAAAF,GAAA,IAAAG,EAAmB,sBACnBA,EAAqB,sBACrBC,EAA6D",
+  "names": ["helpers_exports", "__export", "__toCommonJS", "import_utils", "import_priceFormatting"]
 }

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

@@ -0,0 +1,11 @@
+export declare const PRICE_SYMBOL: any;
+export declare const languageTerritory: (locale: string) => string;
+export declare function formatPrice({ amount, currencyCode, locale, maximumFractionDigits, minimumFractionDigits, removeTrailingZeros, currencyDisplay, }: {
+    amount: number;
+    currencyCode: string;
+    locale: string;
+    maximumFractionDigits?: number;
+    minimumFractionDigits?: number;
+    removeTrailingZeros?: boolean;
+    currencyDisplay?: Intl.NumberFormatOptions['currencyDisplay'];
+}): string | null;

package/dist/cjs/helpers/priceFormatting.js

@@ -0,0 +1,2 @@
+"use strict";var t=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var y=(e,n)=>{for(var r in n)t(e,r,{get:n[r],enumerable:!0})},g=(e,n,r,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let u of f(n))!p.call(e,u)&&u!==r&&t(e,u,{get:()=>n[u],enumerable:!(s=d(n,u))||s.enumerable});return e};var D=e=>g(t({},"__esModule",{value:!0}),e);var v={};y(v,{PRICE_SYMBOL:()=>b,formatPrice:()=>E,languageTerritory:()=>i});module.exports=D(v);const b={us:"$",uk:"\xA3",ca:"$",eu:"\u20AC",fr:"\u20AC",de:"\u20AC",nl:"\u20AC",vn:"\u20AB",cl:"$",sg:"$",ae:"AED"},i=e=>({us:"en-US",uk:"en-GB",ca:"en-CA",eu:"en",fr:"fr-FR",au:"en-AU",my:"en-my","eu-es":"de-DE","eu-fr":"de-DE","eu-it":"de-DE","eu-de":"de-DE","eu-en":"en-US","cz-en":"de-DE","ca-fr":"fr-FR",nl:"de-DE",de:"de-DE",vn:"vi-vn",sg:"en-sg","ae-en":"ae-en",plus:"en-us",cl:"es-cl",dk:"en-dk",fi:"en-fi",no:"en-no",is:"en-is",se:"en-se","eu-pl":"pl-PL",es:"es-es",pl:"pl-PL",nz:"en-NZ","sg-en":"en-SG","sa-en":"en-SA","vn-vi":"vi-VN",ie:"en-IE",tw:"zh-TW"})[e]||"";function E({amount:e,currencyCode:n,locale:r,maximumFractionDigits:s,minimumFractionDigits:u,removeTrailingZeros:l=!1,currencyDisplay:o="symbol"}){const m=r==="nl"?"EUR":n||"USD",a=i(r);if(!a)return null;let c=new Intl.NumberFormat(a,{style:"currency",currency:m,currencyDisplay:o,minimumFractionDigits:s===0?0:u,maximumFractionDigits:s})?.format?.(e);return["eu-de","eu-en","de","eu"].includes(r)&&(c=c?.toString()?.replace?.(/[\s]/g,"")),l&&(c=c?.replace?.(/(\.\d*?[1-9])0+\b/,"$1")?.replace?.(/\.0+\b/,"")?.replace?.(/(,\d*?[1-9])0+\b/,"$1")?.replace?.(/,0+\b/,"")),c}
+//# sourceMappingURL=priceFormatting.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/priceFormatting.ts"],
+  "sourcesContent": ["export const PRICE_SYMBOL = {\n  us: '$',\n  uk: '\u00A3',\n  ca: '$',\n  eu: '\u20AC',\n  fr: '\u20AC',\n  de: '\u20AC',\n  nl: '\u20AC',\n  vn: '\u20AB',\n  cl: '$',\n  sg: '$',\n  ae: 'AED',\n} as any\n\nexport const languageTerritory = (locale: string) =>\n  // https://unicode-org.github.io/cldr-staging/charts/37/supplemental/language_territory_information.html\n  ({\n    us: 'en-US',\n    uk: 'en-GB',\n    ca: 'en-CA',\n    eu: 'en',\n    fr: 'fr-FR',\n    au: 'en-AU',\n    my: 'en-my',\n    'eu-es': 'de-DE',\n    'eu-fr': 'de-DE',\n    'eu-it': 'de-DE',\n    'eu-de': 'de-DE',\n    'eu-en': 'en-US',\n    'cz-en': 'de-DE',\n    'ca-fr': 'fr-FR',\n    nl: 'de-DE',\n    de: 'de-DE',\n    vn: 'vi-vn',\n    sg: 'en-sg',\n    'ae-en': 'ae-en',\n    plus: 'en-us',\n    cl: 'es-cl',\n    dk: 'en-dk',\n    fi: 'en-fi',\n    no: 'en-no',\n    is: 'en-is',\n    se: 'en-se',\n    'eu-pl': 'pl-PL',\n    es: 'es-es',\n    pl: 'pl-PL',\n    nz: 'en-NZ',\n    'sg-en': 'en-SG',\n    'sa-en': 'en-SA',\n    'vn-vi': 'vi-VN',\n    ie: 'en-IE',\n    tw: 'zh-TW',\n  })[locale] || ''\n\nexport function formatPrice({\n  amount,\n  currencyCode,\n  locale,\n  maximumFractionDigits,\n  minimumFractionDigits,\n  removeTrailingZeros = false,\n  currencyDisplay = 'symbol',\n}: {\n  amount: number\n  currencyCode: string\n  locale: string\n  maximumFractionDigits?: number\n  minimumFractionDigits?: number\n  removeTrailingZeros?: boolean\n  currencyDisplay?: Intl.NumberFormatOptions['currencyDisplay']\n}) {\n  const code = locale === 'nl' ? 'EUR' : currencyCode || 'USD'\n  const localeLanguage = languageTerritory(locale)\n  if (!localeLanguage) {\n    return null\n  }\n  const formatCurrency = new Intl.NumberFormat(localeLanguage, {\n    style: 'currency',\n    currency: code,\n    currencyDisplay: currencyDisplay,\n    minimumFractionDigits: maximumFractionDigits === 0 ? 0 : minimumFractionDigits,\n    maximumFractionDigits,\n  })\n\n  let formattedValue = formatCurrency?.format?.(amount)\n\n  if (['eu-de', 'eu-en', 'de', 'eu'].includes(locale)) {\n    formattedValue = formattedValue?.toString()?.replace?.(/[\\s]/g, '')\n  }\n\n  if (removeTrailingZeros) {\n    formattedValue = formattedValue\n      ?.replace?.(/(\\.\\d*?[1-9])0+\\b/, '$1')\n      ?.replace?.(/\\.0+\\b/, '')\n      ?.replace?.(/(,\\d*?[1-9])0+\\b/, '$1')\n      ?.replace?.(/,0+\\b/, '')\n  }\n\n  return formattedValue\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,EAAA,gBAAAC,EAAA,sBAAAC,IAAA,eAAAC,EAAAL,GAAO,MAAME,EAAe,CAC1B,GAAI,IACJ,GAAI,OACJ,GAAI,IACJ,GAAI,SACJ,GAAI,SACJ,GAAI,SACJ,GAAI,SACJ,GAAI,SACJ,GAAI,IACJ,GAAI,IACJ,GAAI,KACN,EAEaE,EAAqBE,IAE/B,CACC,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,KACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,QAAS,QACT,QAAS,QACT,QAAS,QACT,QAAS,QACT,QAAS,QACT,QAAS,QACT,QAAS,QACT,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,QAAS,QACT,KAAM,QACN,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,QAAS,QACT,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,QAAS,QACT,QAAS,QACT,QAAS,QACT,GAAI,QACJ,GAAI,OACN,GAAGA,CAAM,GAAK,GAET,SAASH,EAAY,CAC1B,OAAAI,EACA,aAAAC,EACA,OAAAF,EACA,sBAAAG,EACA,sBAAAC,EACA,oBAAAC,EAAsB,GACtB,gBAAAC,EAAkB,QACpB,EAQG,CACD,MAAMC,EAAOP,IAAW,KAAO,MAAQE,GAAgB,MACjDM,EAAiBV,EAAkBE,CAAM,EAC/C,GAAI,CAACQ,EACH,OAAO,KAUT,IAAIC,EARmB,IAAI,KAAK,aAAaD,EAAgB,CAC3D,MAAO,WACP,SAAUD,EACV,gBAAiBD,EACjB,sBAAuBH,IAA0B,EAAI,EAAIC,EACzD,sBAAAD,CACF,CAAC,GAEoC,SAASF,CAAM,EAEpD,MAAI,CAAC,QAAS,QAAS,KAAM,IAAI,EAAE,SAASD,CAAM,IAChDS,EAAiBA,GAAgB,SAAS,GAAG,UAAU,QAAS,EAAE,GAGhEJ,IACFI,EAAiBA,GACb,UAAU,oBAAqB,IAAI,GACnC,UAAU,SAAU,EAAE,GACtB,UAAU,mBAAoB,IAAI,GAClC,UAAU,QAAS,EAAE,GAGpBA,CACT",
+  "names": ["priceFormatting_exports", "__export", "PRICE_SYMBOL", "formatPrice", "languageTerritory", "__toCommonJS", "locale", "amount", "currencyCode", "maximumFractionDigits", "minimumFractionDigits", "removeTrailingZeros", "currencyDisplay", "code", "localeLanguage", "formattedValue"]
+}

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

@@ -29,11 +29,12 @@ export declare const useStyles: (styleProps: Partial<StylesProps>, data?: Record
     readonly uid: string;
 };
 /**
- * 高阶组件， 用于给组件用style 标签的形式追加样式
+ * 高阶组件通过 withLayout 包装组件，自动应用样式和容器布局
+ *
  * @param WrappedComponent - 需要包装的组件
  * @param defaultLayoutProps - 默认样式属性
  */
-export declare function withLayout<P extends object>(WrappedComponent: React.ComponentType<P>, defaultLayoutProps?: Partial<StylesProps & ContainerProps>): React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<P, keyof StylesProps> & Partial<StylesProps & ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+export declare function withLayout<P>(WrappedComponent: React.ComponentType<P>, defaultLayoutProps?: Partial<StylesProps & ContainerProps>): React.ForwardRefExoticComponent<React.PropsWithoutRef<P & {
+    style?: string | React.CSSProperties;
+    container?: ContainerProps["container"];
 }> & React.RefAttributes<any>>;

package/dist/cjs/shared/Styles.js

@@ -1,2 +1,2 @@
-"use strict";var G=Object.create;var c=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var B=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var W=(t,e)=>{for(var n in e)c(t,n,{get:e[n],enumerable:!0})},p=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of j(e))!I.call(t,a)&&a!==n&&c(t,a,{get:()=>e[a],enumerable:!(r=K(e,a))||r.enumerable});return t};var d=(t,e,n)=>(n=t!=null?G(B(t)):{},p(e||!t||!t.__esModule?c(n,"default",{value:t,enumerable:!0}):n,t)),E=t=>p(c({},"__esModule",{value:!0}),t);var D={};W(D,{getStylesProps:()=>C,useStyles:()=>$,withLayout:()=>A});module.exports=E(D);var o=require("react/jsx-runtime"),l=d(require("react")),b=require("./simpleHash.js"),g=d(require("./getKeyPropsString.js")),i=require("../components/grid.js"),P=require("../components/container.js"),f=d(require("./ErrorBoundary.js"));const H={12:"col-start-1 col-end-13",10:"col-start-2 col-end-12",8:"col-start-3 col-end-11",6:"col-start-4 col-end-10",4:"col-start-5 col-end-9"},L={12:"tablet:col-start-1 tablet:col-end-13",10:"tablet:col-start-2 tablet:col-end-12",8:"tablet:col-start-3 tablet:col-end-11",6:"tablet:col-start-4 tablet:col-end-10",4:"tablet:col-start-5 tablet:col-end-9"},S=t=>{const e=(0,g.default)(t);return`style_${(0,b.simpleHash)(e)}`},C=t=>{const{style:e,uid:n,disabled:r}=t;return{style:e,uid:n,disabled:r}},O=({style:t,uid:e=S({}),disabled:n=!1})=>!t||n?null:(0,o.jsx)("style",{suppressHydrationWarning:!0,"data-style-id":e,children:`.block-${e} { ${t} }`}),$=(t,e)=>{const n=(0,l.useMemo)(()=>t?.uid||S({...t,data:e}),[e,t]),r=(0,l.useMemo)(()=>(0,o.jsx)(O,{...t,uid:n}),[t,n]);return{className:`block-${n} `,StyleComponent:r,uid:n}},_=t=>{const{desktopSpan:e,mobileSpan:n}=t?.container||{},r=n?H[n]:"",a=e?L[e]:"";return`${r} ${a}`.trim()};function A(t,e){const n=l.default.forwardRef((r,a)=>{const m=C(r),R=s=>s?typeof s=="string"?s:Object.entries(s).map(([x,T])=>`${x.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${T}`).join("; ")+";":"",y=[e?.style,m?.style].map(R).filter(s=>!!s).map(s=>s.trim().endsWith(";")?s:`${s};`).join(" "),N={...e,...m,...y&&{style:y}},{className:u,StyleComponent:k}=$(N,r?.data),w=s=>(0,o.jsx)(P.Container,{className:`${u} ${s?.className}`,children:(0,o.jsx)(i.Grid,{className:"container_grid",children:(0,o.jsx)(i.GridItem,{className:_(s),children:(0,o.jsx)(t,{...s,ref:a})})})}),h=s=>(0,o.jsx)(t,{...s,className:`${u} ${s?.className}`,ref:a});return(0,o.jsx)(o.Fragment,{children:(0,o.jsxs)(f.default,{children:[k,Reflect.ownKeys(r?.container||{})?.length>0?w(r):h(r)]})})});return n.displayName=t.displayName||t.name||"Component",n}
+"use strict";var K=Object.create;var c=Object.defineProperty;var W=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var I=Object.getPrototypeOf,L=Object.prototype.hasOwnProperty;var _=(t,e)=>{for(var n in e)c(t,n,{get:e[n],enumerable:!0})},S=(t,e,n,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of B(e))!L.call(t,a)&&a!==n&&c(t,a,{get:()=>e[a],enumerable:!(o=W(e,a))||o.enumerable});return t};var y=(t,e,n)=>(n=t!=null?K(I(t)):{},S(e||!t||!t.__esModule?c(n,"default",{value:t,enumerable:!0}):n,t)),j=t=>S(c({},"__esModule",{value:!0}),t);var F={};_(F,{getStylesProps:()=>$,useStyles:()=>R,withLayout:()=>D});module.exports=j(F);var s=require("react/jsx-runtime"),l=y(require("react")),g=require("./simpleHash.js"),C=y(require("./getKeyPropsString.js")),i=require("../components/grid.js"),P=require("../components/container.js"),f=y(require("./ErrorBoundary.js"));const E={12:"col-start-1 col-end-13",10:"col-start-2 col-end-12",8:"col-start-3 col-end-11",6:"col-start-4 col-end-10",4:"col-start-5 col-end-9"},H={12:"tablet:col-start-1 tablet:col-end-13",10:"tablet:col-start-2 tablet:col-end-12",8:"tablet:col-start-3 tablet:col-end-11",6:"tablet:col-start-4 tablet:col-end-10",4:"tablet:col-start-5 tablet:col-end-9"},b=t=>{const e=(0,C.default)(t);return`style_${(0,g.simpleHash)(e)}`},$=t=>{const{style:e,uid:n,disabled:o}=t;return{style:e,uid:n,disabled:o}},O=({style:t,uid:e=b({}),disabled:n=!1})=>!t||n?null:(0,s.jsx)("style",{suppressHydrationWarning:!0,"data-style-id":e,children:`.block-${e} { ${t} }`}),R=(t,e)=>{const n=(0,l.useMemo)(()=>t?.uid||b({...t,data:e}),[e,t]),o=(0,l.useMemo)(()=>(0,s.jsx)(O,{...t,uid:n}),[t,n]);return{className:`block-${n} `,StyleComponent:o,uid:n}},A=t=>{const{desktopSpan:e,mobileSpan:n}=t?.container||{},o=n?E[n]:"",a=e?H[e]:"";return`${o} ${a}`.trim()};function D(t,e){const n=l.default.forwardRef((o,a)=>{const d=$(o),N=r=>r?typeof r=="string"?r:Object.entries(r).map(([T,G])=>`${T.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${G}`).join("; ")+";":"",p=[e?.style,d?.style].map(N).filter(r=>!!r).map(r=>r.trim().endsWith(";")?r:`${r};`).join(" "),h={...e,...d,...p&&{style:p}},{className:u,StyleComponent:k}=R(h,o?.data),w=r=>(0,s.jsx)(P.Container,{className:`${u} ${r?.className||""}`,children:(0,s.jsx)(i.Grid,{className:"container_grid",children:(0,s.jsx)(i.GridItem,{className:A(r),children:(0,s.jsx)(t,{...r,ref:a})})})}),x=r=>(0,s.jsx)(t,{...r,className:`${u} ${r?.className||""}`,ref:a}),{style:M,...m}=o;return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)(f.default,{children:[k,Reflect.ownKeys(m?.container||{})?.length>0?w(m):x(m)]})})});return n.displayName=`WithLayout${t.displayName||t.name||"Component"}`,n}
 //# sourceMappingURL=Styles.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/shared/Styles.tsx"],
-  "sourcesContent": ["import React, { useMemo } from 'react'\nimport { simpleHash } from './simpleHash.js'\nimport getKeyPropsString from './getKeyPropsString.js'\nimport { Grid, GridItem } from '../components/grid.js'\nimport { Container } from '../components/container.js'\nimport ErrorBoundary from './ErrorBoundary.js'\n\nconst colContentClasses: Record<number, string> = {\n  12: 'col-start-1 col-end-13',\n  10: 'col-start-2 col-end-12',\n  8: 'col-start-3 col-end-11',\n  6: 'col-start-4 col-end-10',\n  4: 'col-start-5 col-end-9',\n} as const\n\n// \u9884\u5B9A\u4E49\u5E26 tablet \u524D\u7F00\u7684\u7C7B\u540D\uFF0C\u786E\u4FDD Tailwind \u53EF\u4EE5\u8BC6\u522B\nconst colContentClassesTablet: Record<number, string> = {\n  12: 'tablet:col-start-1 tablet:col-end-13',\n  10: 'tablet:col-start-2 tablet:col-end-12',\n  8: 'tablet:col-start-3 tablet:col-end-11',\n  6: 'tablet:col-start-4 tablet:col-end-10',\n  4: 'tablet:col-start-5 tablet:col-end-9',\n} as const\n\nexport interface ContainerProps {\n  container?: {\n    /** \u684C\u9762\u7AEF\u5217\u5185\u5BB9\u5BBD\u5EA6 */\n    desktopSpan: number\n    /** \u79FB\u52A8\u7AEF\u5217\u5185\u5BB9\u5BBD\u5EA6 */\n    mobileSpan: number\n  }\n}\n\nexport interface StylesProps {\n  /** \u81EA\u5B9A\u4E49\u6837\u5F0F\u5B57\u7B26\u4E32\u6216\u5BF9\u8C61 */\n  style?: string | React.CSSProperties\n  /** \u552F\u4E00\u6807\u8BC6\u7B26 */\n  uid?: string\n  /** \u662F\u5426\u7981\u7528 */\n  disabled?: boolean\n}\n\n/**\n * \u6839\u636E props \u751F\u6210\u786E\u5B9A\u6027 uid\n */\nconst generateUID = (props: Record<string, any>) => {\n  const keyString = getKeyPropsString(props)\n  return `style_${simpleHash(keyString)}`\n}\n\n/**\n * \u4ECE\u7EC4\u4EF6 props \u4E2D\u63D0\u53D6\u6837\u5F0F\u76F8\u5173\u5C5E\u6027\n */\nexport const getStylesProps = <T extends Record<string, unknown>>(props: T & StylesProps): StylesProps => {\n  const { style, uid, disabled } = props\n  return { style, uid, disabled }\n}\n\n/**\n * \u6837\u5F0F\u6CE8\u5165\u7EC4\u4EF6\n */\nconst Styles: React.FC<StylesProps> = ({ style, uid = generateUID({}), disabled = false }) => {\n  if (!style || disabled) {\n    return null\n  }\n\n  return <style suppressHydrationWarning data-style-id={uid}>{`.block-${uid} { ${style} }`}</style>\n}\n\n/**\n * \u6837\u5F0F Hook\uFF0C\u8FD4\u56DE\u6837\u5F0F\u7C7B\u540D\u548C\u6837\u5F0F\u7EC4\u4EF6\n * @param styleProps - \u6837\u5F0F\u5C5E\u6027\n */\nexport const useStyles = (styleProps: Partial<StylesProps>, data?: Record<string, any>) => {\n  const uid = useMemo(() => styleProps?.uid || generateUID({ ...styleProps, data }), [data, styleProps])\n\n  const StyleComponent = useMemo(() => <Styles {...styleProps} uid={uid} />, [styleProps, uid])\n\n  return {\n    className: `block-${uid} `,\n    StyleComponent,\n    uid,\n  } as const\n}\n\nconst getContainerClassName = (props?: Partial<StylesProps & ContainerProps>) => {\n  const { desktopSpan, mobileSpan } = props?.container || {}\n  const mobileClasses = mobileSpan ? colContentClasses[mobileSpan] : ''\n  const desktopClasses = desktopSpan ? colContentClassesTablet[desktopSpan] : ''\n  return `${mobileClasses} ${desktopClasses}`.trim()\n}\n\n/**\n * \u9AD8\u9636\u7EC4\u4EF6\uFF0C \u7528\u4E8E\u7ED9\u7EC4\u4EF6\u7528style \u6807\u7B7E\u7684\u5F62\u5F0F\u8FFD\u52A0\u6837\u5F0F\n * @param WrappedComponent - \u9700\u8981\u5305\u88C5\u7684\u7EC4\u4EF6\n * @param defaultLayoutProps - \u9ED8\u8BA4\u6837\u5F0F\u5C5E\u6027\n */\nexport function withLayout<P extends object>(\n  WrappedComponent: React.ComponentType<P>,\n  defaultLayoutProps?: Partial<StylesProps & ContainerProps>\n) {\n  const withLayout = React.forwardRef<\n    any,\n    Omit<P, keyof StylesProps> &\n      Partial<StylesProps & ContainerProps> & { className?: string; data?: Record<string, any> }\n  >((props, ref) => {\n    const propsStyleProps = getStylesProps(props)\n\n    // \u5C06 style \u5BF9\u8C61\u8F6C\u6362\u4E3A\u5B57\u7B26\u4E32\n    const styleToString = (style: string | React.CSSProperties | undefined): string => {\n      if (!style) return ''\n      if (typeof style === 'string') return style\n      return (\n        Object.entries(style)\n          .map(([key, value]) => {\n            const cssKey = key.replace(/([A-Z])/g, '-$1').toLowerCase()\n            return `${cssKey}: ${value}`\n          })\n          .join('; ') + ';'\n      )\n    }\n\n    // \u5408\u5E76 style \u5B57\u6BB5\uFF0C\u907F\u514D\u8986\u76D6\uFF0C\u786E\u4FDD\u6BCF\u4E2A\u6837\u5F0F\u90FD\u4EE5\u5206\u53F7\u7ED3\u5C3E\n    const mergedStyle = [defaultLayoutProps?.style, propsStyleProps?.style]\n      .map(styleToString)\n      .filter((style): style is string => Boolean(style))\n      .map(style => (style.trim().endsWith(';') ? style : `${style};`))\n      .join(' ')\n\n    const finalStyleProps = {\n      ...defaultLayoutProps,\n      ...propsStyleProps,\n      ...(mergedStyle && { style: mergedStyle }),\n    }\n\n    const { className, StyleComponent } = useStyles(finalStyleProps, (props as any)?.data)\n\n    const WithContainerWrapper = (props: any) => {\n      return (\n        <Container className={`${className} ${(props as any)?.className}`}>\n          <Grid className=\"container_grid\">\n            <GridItem className={getContainerClassName(props)}>\n              <WrappedComponent {...(props as unknown as P)} ref={ref} />\n            </GridItem>\n          </Grid>\n        </Container>\n      )\n    }\n\n    const WithoutContainerWrapper = (props: any) => {\n      return (\n        <WrappedComponent\n          {...(props as unknown as P)}\n          className={`${className} ${(props as any)?.className}`}\n          ref={ref}\n        />\n      )\n    }\n\n    return (\n      <>\n        <ErrorBoundary>\n          {StyleComponent}\n          {Reflect.ownKeys((props as any)?.container || {})?.length > 0\n            ? WithContainerWrapper(props)\n            : WithoutContainerWrapper(props)}\n        </ErrorBoundary>\n      </>\n    )\n  })\n\n  // \u76F4\u63A5\u4F7F\u7528\u539F\u59CB\u7EC4\u4EF6\u7684\u540D\u79F0\n  withLayout.displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component'\n  return withLayout\n}\n"],
-  "mappings": "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",
-  "names": ["Styles_exports", "__export", "getStylesProps", "useStyles", "withLayout", "__toCommonJS", "import_jsx_runtime", "import_react", "import_simpleHash", "import_getKeyPropsString", "import_grid", "import_container", "import_ErrorBoundary", "colContentClasses", "colContentClassesTablet", "generateUID", "props", "keyString", "getKeyPropsString", "style", "uid", "disabled", "Styles", "styleProps", "data", "StyleComponent", "getContainerClassName", "desktopSpan", "mobileSpan", "mobileClasses", "desktopClasses", "WrappedComponent", "defaultLayoutProps", "React", "ref", "propsStyleProps", "styleToString", "key", "value", "mergedStyle", "finalStyleProps", "className", "WithContainerWrapper", "WithoutContainerWrapper", "ErrorBoundary"]
+  "sourcesContent": ["import React, { useMemo } from 'react'\nimport { simpleHash } from './simpleHash.js'\nimport getKeyPropsString from './getKeyPropsString.js'\nimport { Grid, GridItem } from '../components/grid.js'\nimport { Container } from '../components/container.js'\nimport ErrorBoundary from './ErrorBoundary.js'\n\nconst colContentClasses: Record<number, string> = {\n  12: 'col-start-1 col-end-13',\n  10: 'col-start-2 col-end-12',\n  8: 'col-start-3 col-end-11',\n  6: 'col-start-4 col-end-10',\n  4: 'col-start-5 col-end-9',\n} as const\n\n// \u9884\u5B9A\u4E49\u5E26 tablet \u524D\u7F00\u7684\u7C7B\u540D\uFF0C\u786E\u4FDD Tailwind \u53EF\u4EE5\u8BC6\u522B\nconst colContentClassesTablet: Record<number, string> = {\n  12: 'tablet:col-start-1 tablet:col-end-13',\n  10: 'tablet:col-start-2 tablet:col-end-12',\n  8: 'tablet:col-start-3 tablet:col-end-11',\n  6: 'tablet:col-start-4 tablet:col-end-10',\n  4: 'tablet:col-start-5 tablet:col-end-9',\n} as const\n\nexport interface ContainerProps {\n  container?: {\n    /** \u684C\u9762\u7AEF\u5217\u5185\u5BB9\u5BBD\u5EA6 */\n    desktopSpan: number\n    /** \u79FB\u52A8\u7AEF\u5217\u5185\u5BB9\u5BBD\u5EA6 */\n    mobileSpan: number\n  }\n}\n\nexport interface StylesProps {\n  /** \u81EA\u5B9A\u4E49\u6837\u5F0F\u5B57\u7B26\u4E32\u6216\u5BF9\u8C61 */\n  style?: string | React.CSSProperties\n  /** \u552F\u4E00\u6807\u8BC6\u7B26 */\n  uid?: string\n  /** \u662F\u5426\u7981\u7528 */\n  disabled?: boolean\n}\n\n/**\n * \u6839\u636E props \u751F\u6210\u786E\u5B9A\u6027 uid\n */\nconst generateUID = (props: Record<string, any>) => {\n  const keyString = getKeyPropsString(props)\n  return `style_${simpleHash(keyString)}`\n}\n\n/**\n * \u4ECE\u7EC4\u4EF6 props \u4E2D\u63D0\u53D6\u6837\u5F0F\u76F8\u5173\u5C5E\u6027\n */\nexport const getStylesProps = <T extends Record<string, unknown>>(props: T & StylesProps): StylesProps => {\n  const { style, uid, disabled } = props\n  return { style, uid, disabled }\n}\n\n/**\n * \u6837\u5F0F\u6CE8\u5165\u7EC4\u4EF6\n */\nconst Styles: React.FC<StylesProps> = ({ style, uid = generateUID({}), disabled = false }) => {\n  if (!style || disabled) {\n    return null\n  }\n\n  return <style suppressHydrationWarning data-style-id={uid}>{`.block-${uid} { ${style} }`}</style>\n}\n\n/**\n * \u6837\u5F0F Hook\uFF0C\u8FD4\u56DE\u6837\u5F0F\u7C7B\u540D\u548C\u6837\u5F0F\u7EC4\u4EF6\n * @param styleProps - \u6837\u5F0F\u5C5E\u6027\n */\nexport const useStyles = (styleProps: Partial<StylesProps>, data?: Record<string, any>) => {\n  const uid = useMemo(() => styleProps?.uid || generateUID({ ...styleProps, data }), [data, styleProps])\n\n  const StyleComponent = useMemo(() => <Styles {...styleProps} uid={uid} />, [styleProps, uid])\n\n  return {\n    className: `block-${uid} `,\n    StyleComponent,\n    uid,\n  } as const\n}\n\nconst getContainerClassName = (props?: Partial<StylesProps & ContainerProps>) => {\n  const { desktopSpan, mobileSpan } = props?.container || {}\n  const mobileClasses = mobileSpan ? colContentClasses[mobileSpan] : ''\n  const desktopClasses = desktopSpan ? colContentClassesTablet[desktopSpan] : ''\n  return `${mobileClasses} ${desktopClasses}`.trim()\n}\n\n/**\n * \u9AD8\u9636\u7EC4\u4EF6\u901A\u8FC7 withLayout \u5305\u88C5\u7EC4\u4EF6\uFF0C\u81EA\u52A8\u5E94\u7528\u6837\u5F0F\u548C\u5BB9\u5668\u5E03\u5C40\n *\n * @param WrappedComponent - \u9700\u8981\u5305\u88C5\u7684\u7EC4\u4EF6\n * @param defaultLayoutProps - \u9ED8\u8BA4\u6837\u5F0F\u5C5E\u6027\n */\nexport function withLayout<P>(\n  WrappedComponent: React.ComponentType<P>,\n  defaultLayoutProps?: Partial<StylesProps & ContainerProps>\n) {\n  // \u4F7F\u7528\u60A8\u7684\u7B80\u6D01\u65B9\u6CD5\uFF1A\u76F4\u63A5\u7528\u6CDB\u578B\u4FDD\u7559\u7C7B\u578B\n  const withLayout = React.forwardRef<\n    any,\n    P & { style?: string | React.CSSProperties; container?: ContainerProps['container'] }\n  >((props, ref) => {\n    const propsStyleProps = getStylesProps(props)\n\n    // \u5C06 style \u5BF9\u8C61\u8F6C\u6362\u4E3A\u5B57\u7B26\u4E32\n    const styleToString = (style?: string | React.CSSProperties): string => {\n      if (!style) return ''\n      if (typeof style === 'string') return style\n      return (\n        Object.entries(style)\n          .map(([key, value]) => {\n            const cssKey = key.replace(/([A-Z])/g, '-$1').toLowerCase()\n            return `${cssKey}: ${value}`\n          })\n          .join('; ') + ';'\n      )\n    }\n\n    // \u5408\u5E76 style \u5B57\u6BB5\uFF0C\u907F\u514D\u8986\u76D6\uFF0C\u786E\u4FDD\u6BCF\u4E2A\u6837\u5F0F\u90FD\u4EE5\u5206\u53F7\u7ED3\u5C3E\n    const mergedStyle = [defaultLayoutProps?.style, propsStyleProps?.style]\n      .map(styleToString)\n      .filter((style): style is string => Boolean(style))\n      .map(style => (style.trim().endsWith(';') ? style : `${style};`))\n      .join(' ')\n\n    const finalStyleProps = {\n      ...defaultLayoutProps,\n      ...propsStyleProps,\n      ...(mergedStyle && { style: mergedStyle }),\n    }\n\n    const { className, StyleComponent } = useStyles(finalStyleProps, (props as any)?.data)\n\n    const WithContainerWrapper = (props: any) => {\n      return (\n        <Container className={`${className} ${props?.className || ''}`}>\n          <Grid className=\"container_grid\">\n            <GridItem className={getContainerClassName(props)}>\n              <WrappedComponent {...props} ref={ref} />\n            </GridItem>\n          </Grid>\n        </Container>\n      )\n    }\n\n    const WithoutContainerWrapper = (props: any) => {\n      return <WrappedComponent {...props} className={`${className} ${props?.className || ''}`} ref={ref} />\n    }\n\n    // @ts-ignore\n    // eslint-disable-next-line no-unused-vars\n    const { style: _style, ...withOutStyleProps } = props\n\n    return (\n      <>\n        <ErrorBoundary>\n          {StyleComponent}\n          {Reflect.ownKeys((withOutStyleProps as any)?.container || {})?.length > 0\n            ? WithContainerWrapper(withOutStyleProps)\n            : WithoutContainerWrapper(withOutStyleProps)}\n        </ErrorBoundary>\n      </>\n    )\n  })\n\n  withLayout.displayName = `WithLayout${WrappedComponent.displayName || WrappedComponent.name || 'Component'}`\n  return withLayout\n}\n"],
+  "mappings": "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",
+  "names": ["Styles_exports", "__export", "getStylesProps", "useStyles", "withLayout", "__toCommonJS", "import_jsx_runtime", "import_react", "import_simpleHash", "import_getKeyPropsString", "import_grid", "import_container", "import_ErrorBoundary", "colContentClasses", "colContentClassesTablet", "generateUID", "props", "keyString", "getKeyPropsString", "style", "uid", "disabled", "Styles", "styleProps", "data", "StyleComponent", "getContainerClassName", "desktopSpan", "mobileSpan", "mobileClasses", "desktopClasses", "WrappedComponent", "defaultLayoutProps", "React", "ref", "propsStyleProps", "styleToString", "key", "value", "mergedStyle", "finalStyleProps", "className", "WithContainerWrapper", "WithoutContainerWrapper", "_style", "withOutStyleProps", "ErrorBoundary"]
 }

package/dist/cjs/types/props.d.ts

@@ -1,8 +1,5 @@
 export interface ComponentCommonProps {
-    wrapperClassName?: string;
-    style?: string;
     event?: any;
-    condition?: any;
     className?: string;
     id?: string;
     key?: string;

package/dist/cjs/types/props.js

@@ -1,2 +1,2 @@
-"use strict";var n=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var g=(t,e,o,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of i(e))!s.call(t,r)&&r!==o&&n(t,r,{get:()=>e[r],enumerable:!(p=a(e,r))||p.enumerable});return t};var m=t=>g(n({},"__esModule",{value:!0}),t);var y={};module.exports=m(y);
+"use strict";var n=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var s=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let p of i(e))!g.call(t,p)&&p!==o&&n(t,p,{get:()=>e[p],enumerable:!(r=a(e,p))||r.enumerable});return t};var m=t=>s(n({},"__esModule",{value:!0}),t);var y={};module.exports=m(y);
 //# sourceMappingURL=props.js.map

package/dist/cjs/types/props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/types/props.ts"],
-  "sourcesContent": ["export interface ComponentCommonProps {\n  wrapperClassName?: string\n  style?: string\n  event?: any\n  condition?: any\n  className?: string\n  id?: string\n  key?: string\n}\n\nexport type ContainerProps = {\n  containerMode?: Mode\n  spaceY?: SpaceY\n  spaceTop?: SpaceTop\n  spaceBottom?: SpaceBottom\n}\n\nexport type Mode = 'section' | 'fragment'\n\nexport type SpaceY = 'default' | 'none' | string\nexport type SpaceTop = 'default' | 'none' | string\nexport type SpaceBottom = 'default' | 'none' | string\n\nexport type Img = {\n  url: string\n  alt?: string\n}\n\nexport type Video = {\n  url: string\n}\n\nexport type Theme = 'light' | 'dark'\nexport type Shape = 'rounded' | 'square'\nexport type Align = 'left' | 'center' | 'right'\n\nexport type Media = {\n  alt: string\n  url: string\n  thumbnailURL: string\n  mimeType?: 'video/mp4' | 'image/jpeg' | 'image/png' | 'image/webp' | 'image/svg+xml'\n  width?: number\n  height?: number\n  focalX?: number\n  focalY?: number\n}\n\nexport type GSAPContext = {\n  gsap?: any\n  ScrollTrigger?: any\n  SplitText?: any\n}\n\nexport type CurrencyDisplayType = Intl.NumberFormatOptions['currencyDisplay']\n"],
+  "sourcesContent": ["export interface ComponentCommonProps {\n  event?: any\n  className?: string\n  id?: string\n  key?: string\n}\n\nexport type ContainerProps = {\n  containerMode?: Mode\n  spaceY?: SpaceY\n  spaceTop?: SpaceTop\n  spaceBottom?: SpaceBottom\n}\n\nexport type Mode = 'section' | 'fragment'\n\nexport type SpaceY = 'default' | 'none' | string\nexport type SpaceTop = 'default' | 'none' | string\nexport type SpaceBottom = 'default' | 'none' | string\n\nexport type Img = {\n  url: string\n  alt?: string\n}\n\nexport type Video = {\n  url: string\n}\n\nexport type Theme = 'light' | 'dark'\nexport type Shape = 'rounded' | 'square'\nexport type Align = 'left' | 'center' | 'right'\n\nexport type Media = {\n  alt: string\n  url: string\n  thumbnailURL: string\n  mimeType?: 'video/mp4' | 'image/jpeg' | 'image/png' | 'image/webp' | 'image/svg+xml'\n  width?: number\n  height?: number\n  focalX?: number\n  focalY?: number\n}\n\nexport type GSAPContext = {\n  gsap?: any\n  ScrollTrigger?: any\n  SplitText?: any\n}\n\nexport type CurrencyDisplayType = Intl.NumberFormatOptions['currencyDisplay']\n"],
   "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
   "names": ["props_exports", "__toCommonJS"]
 }

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

@@ -48,8 +48,8 @@ export type AccordionCardsType = {
         primaryButton?: (_v: any, _index: number) => void;
     };
 };
-declare const _default: React.ForwardRefExoticComponent<Omit<Omit<AccordionCardsType & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+declare const _default: React.ForwardRefExoticComponent<Omit<AccordionCardsType & React.RefAttributes<HTMLDivElement> & {
+    style?: string | React.CSSProperties;
+    container?: import("../../shared/Styles.js").ContainerProps["container"];
 }, "ref"> & React.RefAttributes<any>>;
 export default _default;

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

@@ -0,0 +1,222 @@
+import * as React from 'react';
+import 'swiper/css';
+import 'swiper/css/navigation';
+import type { ButtonFunctionType, CopyConfig } from './types.js';
+import type { BadgeProps } from '../../components/badge.js';
+/**
+ * 语义化类名
+ */
+type ActiveShelfSemanticName = 'root' | 'title' | 'description' | 'productCard' | 'productTitle' | 'productDescription' | 'productPriceLabel' | 'productPrice' | 'buttonGroup' | 'secondaryButton' | 'primaryButton' | 'stockBar';
+/**
+ * 组件布局模式
+ */
+export type ActiveShelfLayoutMode = 'flex' | 'horizontal';
+/**
+ * Code Channel 配置 - 折扣前缀
+ */
+export type CodeChannelConfig = string;
+/**
+ * 库存展示模式
+ */
+export type StockDisplayMode = 'always' | 'never' | 'below-quantity' | 'below-percentage';
+/**
+ * ActiveShelf Context 配置接口
+ */
+export interface ActiveShelfContextConfig {
+    /** 布局模式：网格布局或横向滑动 */
+    layoutMode?: ActiveShelfLayoutMode;
+    /** Code Channel 配置 - 折扣前缀 */
+    codeChannel?: CodeChannelConfig;
+    /** 是否展示会员价格 */
+    showMemberPrice?: boolean;
+    /** 是否展示折扣标签 */
+    showDiscount?: boolean;
+    /** 是否展示标签系统 */
+    showTags?: boolean;
+    /** 库存展示模式 */
+    stockDisplayMode?: StockDisplayMode;
+    /** 库存阈值（当模式为 below-quantity 或 below-percentage 时使用） */
+    stockThreshold?: number;
+    /** 是否展示原价（删除线价格） */
+    showOriginalPrice?: boolean;
+}
+/**
+ * ActiveShelf Context 值接口
+ */
+interface ActiveShelfContextValue extends ActiveShelfContextConfig {
+    /** 点击了解更多回调 */
+    onLearnMore?: (product: ProductCardData) => void;
+    /** 点击立即购买回调 */
+    onShopNow?: (product: ProductCardData) => void;
+    /** 点击加入购物车回调 */
+    onAddToCart?: (product: ProductCardData) => void;
+    /** 语义化类名 */
+    classNames?: Partial<Record<ActiveShelfSemanticName, string>>;
+    /** 了解更多按钮文本 */
+    secondaryButtonText?: string;
+    secondaryButtonFun?: ButtonFunctionType;
+    /** 立即购买按钮文本 */
+    primaryButtonText?: string;
+    primaryButtonFun?: ButtonFunctionType;
+    /** 文案配置 */
+    copy: CopyConfig;
+}
+/**
+ * 使用 ActiveShelf Context 的 Hook
+ */
+export declare const useActiveShelfContext: () => ActiveShelfContextValue;
+/**
+ * 基础产品数据接口（来自外部数据源）
+ */
+export interface BaseProductData {
+    sku: string;
+    name: string;
+    image: string;
+    value: string;
+    handle: string;
+    shopify_id: string;
+    custom_name?: string;
+    custom_description?: string;
+}
+/**
+ * Shopify 变体数据接口
+ */
+export interface VariantData {
+    /**
+     * 产品描述
+     */
+    description?: string;
+    /**
+     * 变体id
+     */
+    variantId: string;
+    /**
+     * 产品链接, 点击图片的时候跳转到该链接
+     */
+    listingLink: string;
+    /**
+     * 原价
+     */
+    originalPrice: string;
+    /**
+     * 现价
+     */
+    price: string;
+    /**
+     * 价格上面展示的标签文本
+     */
+    priceLabel?: string;
+    /**
+     * 总库存
+     */
+    totalInventory: number;
+    /**
+     * 可用库存数量
+     */
+    quantityAvailable: number;
+    /**
+     * 是否可售
+     */
+    availableForSale: boolean;
+    /**
+     * tags 列表(会员价，折扣，new, hot等标签信息)
+     */
+    tags: Array<{
+        label: string;
+        variant: BadgeProps['variant'];
+        promotionalType?: BadgeProps['promotionalType'];
+    }>;
+    /**
+     * 通用折扣数据，包括折扣title, 类型和值
+     */
+    coupon: any;
+}
+/**
+ * 完整的产品卡片数据接口
+ */
+export interface ProductCardData extends BaseProductData, VariantData {
+}
+/**
+ * 产品分组Tab数据接口
+ */
+export interface ProductTab {
+    /** Tab ID */
+    id: string;
+    /** Tab 标题 */
+    tab: string;
+    /** 该分组下的产品数据 */
+    data: ProductCardData[];
+}
+/**
+ * ActiveShelf 业务组件数据接口
+ */
+export interface ActiveShelfData {
+    theme?: 'light' | 'dark';
+    /** 组件标题 */
+    title?: string;
+    /** 组件描述 */
+    description?: string;
+    /** 分组产品Tab列表 */
+    productsTab?: ProductTab[];
+    /** 是否显示 Tab（默认：true） */
+    isShowTab?: boolean;
+    /** 了解更多按钮文本 */
+    secondaryButtonText?: string;
+    secondaryButtonFun: ButtonFunctionType;
+    /** 立即购买按钮文本 */
+    primaryButtonText?: string;
+    primaryButtonFun: ButtonFunctionType;
+    /** 布局模式：网格布局或横向滑动 */
+    layoutMode?: ActiveShelfLayoutMode;
+    /** Code Channel 配置 - 折扣前缀 */
+    codeChannel?: CodeChannelConfig;
+    /** 是否展示会员价格 */
+    showMemberPrice?: boolean;
+    /** 是否展示折扣标签 */
+    showDiscount?: boolean;
+    /** 是否展示标签系统 */
+    showTags?: boolean;
+    /** 库存展示模式 */
+    stockDisplayMode?: StockDisplayMode;
+    /** 库存阈值（当模式为 below-quantity 或 below-percentage 时使用） */
+    stockThreshold?: number;
+    /**
+     * 库存文本模板，支持 {count} 占位符
+     */
+    stockDisplayText?: string;
+    /** 是否展示原价（删除线价格） */
+    showOriginalPrice?: boolean;
+    /** 文案配置 */
+    copy?: CopyConfig;
+    /**
+     * 产品列表（当不使用 Tab 分组时可直接传入产品列表）
+     */
+    productsCard: ProductCardData[];
+}
+export interface ActiveShelfProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** 业务数据 */
+    data: ActiveShelfData;
+    /** 点击了解更多回调 */
+    onLearnMore?: (product: ProductCardData) => void;
+    /** 点击立即购买回调 */
+    onShopNow?: (product: ProductCardData) => void;
+    /** 点击加入购物车回调 */
+    onAddToCart?: (product: ProductCardData) => void;
+    /** 语义化类名 */
+    classNames?: Partial<Record<ActiveShelfSemanticName, string>>;
+}
+/**
+ * 产品卡片组件
+ */
+declare const ProductCard: React.ForwardRefExoticComponent<{
+    product: ProductCardData;
+    className?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * ActiveShelf - 活动货架
+ *
+ * @description 能够实时显示商品库存信息和会员价的货架，支持响应式布局和多种配置选项
+ */
+declare const ActiveShelf: React.ForwardRefExoticComponent<ActiveShelfProps & React.RefAttributes<HTMLDivElement>>;
+export default ActiveShelf;
+export { ProductCard };