@anker-in/headless-ui 1.3.26 → 1.3.28-alpha.1783049238813

package/CONTRIBUTING.md

@@ -143,13 +143,13 @@ _在每次提交代码（`git commit`）的时候，本地会自动跑一边单
 
 在目录`apps/playgrounds/app/components-overview` 目录下 添加一个 `Section{你的组件名}`的文件，加到此目录对应的页面中。  
 用表格或列表的形式把组件所有的样式和变体都展示出来，方便设计师查看和检查。
-playground 也会发布成一个[网站](https://headless-ui-playground.netlify.app/components)。
+playground 也会发布成一个[网站](https://design.anker-in.com/components)。
 这里可以参考radix-ui 的排版 https://www.radix-ui.com/themes/playground
 
 ## 5. 在playground 编写组件的文档页面
 
 [WIP]: 目前用的是app 路由加上写死的组件预览页面，合理的设计应该是只用写markdown 和 demo ，用动态路由&渲染的方式实现预览文档。
-[headless-ui-playground](https://headless-ui-playground.netlify.app)
+[headless-ui-playground](https://design.anker-in.com)
 
 ## 6. 提交MR
 

package/dist/cjs/biz-components/AccessoriesShelf/components/AccessoriesProductGrid/index.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface ProductGridProps {
+    children: React.ReactNode;
+    maxVisible?: number;
+    showMoreText?: string;
+    showLessText?: string;
+    animated?: boolean;
+    className?: string;
+}
+declare const AccessoriesProductGrid: React.ForwardRefExoticComponent<ProductGridProps & React.RefAttributes<HTMLDivElement>>;
+export default AccessoriesProductGrid;

package/dist/cjs/biz-components/AccessoriesShelf/components/AccessoriesProductGrid/index.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var b=Object.create;var a=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var G=Object.getOwnPropertyNames;var R=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var y=(e,s)=>{for(var t in s)a(e,t,{get:s[t],enumerable:!0})},p=(e,s,t,i)=>{if(s&&typeof s=="object"||typeof s=="function")for(let o of G(s))!k.call(e,o)&&o!==t&&a(e,o,{get:()=>s[o],enumerable:!(i=w(s,o))||i.enumerable});return e};var u=(e,s,t)=>(t=e!=null?b(R(e)):{},p(s||!e||!e.__esModule?a(t,"default",{value:e,enumerable:!0}):t,e)),A=e=>p(a({},"__esModule",{value:!0}),e);var S={};y(S,{default:()=>M});module.exports=A(S);var r=require("react/jsx-runtime"),c=u(require("react")),l=require("../../../../helpers/index.js"),g=u(require("../../../../components/button.js"));const f=c.forwardRef(({children:e,maxVisible:s=8,showMoreText:t="Show more",showLessText:i="Show less",animated:o=!0,className:v},h)=>{const[n,x]=c.useState(!1),d=c.Children.toArray(e),m=d.length>s,N=m&&!n?d.slice(0,s):d;return(0,r.jsxs)("div",{ref:h,className:(0,l.cn)("flex flex-col gap-6",v),children:[(0,r.jsx)("div",{className:(0,l.cn)("tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 grid grid-cols-1 gap-4",o&&"transition-all duration-500 ease-in-out"),children:N}),m&&(0,r.jsx)("div",{className:"flex justify-center",children:(0,r.jsx)(g.default,{variant:"link",size:"base",onClick:()=>x(P=>!P),children:n?i:t})})]})});f.displayName="AccessoriesProductGrid";var M=f;
+//# sourceMappingURL=index.js.map

package/dist/cjs/biz-components/AccessoriesShelf/components/AccessoriesProductGrid/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/biz-components/AccessoriesShelf/components/AccessoriesProductGrid/index.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../../../helpers/index.js'\nimport Button from '../../../../components/button.js'\n\nexport interface ProductGridProps {\n  children: React.ReactNode\n  maxVisible?: number\n  showMoreText?: string\n  showLessText?: string\n  animated?: boolean\n  className?: string\n}\n\nconst AccessoriesProductGrid = React.forwardRef<HTMLDivElement, ProductGridProps>(\n  (\n    { children, maxVisible = 8, showMoreText = 'Show more', showLessText = 'Show less', animated = true, className },\n    ref\n  ) => {\n    const [expanded, setExpanded] = React.useState(false)\n    const items = React.Children.toArray(children)\n    const hasMore = items.length > maxVisible\n    const visibleItems = hasMore && !expanded ? items.slice(0, maxVisible) : items\n\n    return (\n      <div ref={ref} className={cn('flex flex-col gap-6', className)}>\n        <div\n          className={cn(\n            'tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 grid grid-cols-1 gap-4',\n            animated && 'transition-all duration-500 ease-in-out'\n          )}\n        >\n          {visibleItems}\n        </div>\n        {hasMore && (\n          <div className=\"flex justify-center\">\n            <Button variant=\"link\" size=\"base\" onClick={() => setExpanded(prev => !prev)}>\n              {expanded ? showLessText : showMoreText}\n            </Button>\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nAccessoriesProductGrid.displayName = 'AccessoriesProductGrid'\n\nexport default AccessoriesProductGrid\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA0BM,IAAAI,EAAA,6BAxBNC,EAAuB,oBACvBC,EAAmB,wCACnBC,EAAmB,+CAWnB,MAAMC,EAAyBH,EAAM,WACnC,CACE,CAAE,SAAAI,EAAU,WAAAC,EAAa,EAAG,aAAAC,EAAe,YAAa,aAAAC,EAAe,YAAa,SAAAC,EAAW,GAAM,UAAAC,CAAU,EAC/GC,IACG,CACH,KAAM,CAACC,EAAUC,CAAW,EAAIZ,EAAM,SAAS,EAAK,EAC9Ca,EAAQb,EAAM,SAAS,QAAQI,CAAQ,EACvCU,EAAUD,EAAM,OAASR,EACzBU,EAAeD,GAAW,CAACH,EAAWE,EAAM,MAAM,EAAGR,CAAU,EAAIQ,EAEzE,SACE,QAAC,OAAI,IAAKH,EAAK,aAAW,MAAG,sBAAuBD,CAAS,EAC3D,oBAAC,OACC,aAAW,MACT,mFACAD,GAAY,yCACd,EAEC,SAAAO,EACH,EACCD,MACC,OAAC,OAAI,UAAU,sBACb,mBAAC,EAAAE,QAAA,CAAO,QAAQ,OAAO,KAAK,OAAO,QAAS,IAAMJ,EAAYK,GAAQ,CAACA,CAAI,EACxE,SAAAN,EAAWJ,EAAeD,EAC7B,EACF,GAEJ,CAEJ,CACF,EAEAH,EAAuB,YAAc,yBAErC,IAAON,EAAQM",
+  "names": ["AccessoriesProductGrid_exports", "__export", "AccessoriesProductGrid_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_button", "AccessoriesProductGrid", "children", "maxVisible", "showMoreText", "showLessText", "animated", "className", "ref", "expanded", "setExpanded", "items", "hasMore", "visibleItems", "Button", "prev"]
+}

package/dist/cjs/biz-components/AccessoriesShelf/components/AccessoryShelf/ProductCard.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import type { AccessoryProductCardProps, AccessoryProductData, AccessoryCardSemanticName, AccessoryCopyConfig } from './types.js';
+export type { AccessoryProductCardProps, AccessoryProductData, AccessoryCardSemanticName, AccessoryCopyConfig };
+/**
+ * AccessoryProductCard - 配件卡片（UI 组件）
+ *
+ * 组件职责（UI 层）：
+ * - 渲染产品图（1:1 object-contain）
+ * - 渲染标题、描述、tags
+ * - 渲染现价 + 原价（删除线）+ 会员价（下方小字）
+ * - 渲染加购按钮及 Add / Added(n) / Unavailable 状态
+ * - Hover 效果（卡片背景变白 + 阴影，PC 端）
+ * - Loading 状态展示
+ *
+ * 业务职责（业务端负责）：
+ * - 获取产品数据、计算价格
+ * - 维护 addedQuantity、isLoading 状态
+ * - 实现 onAddToCart 逻辑（调用购物车 API）
+ * - 库存检查后将 quantityAvailable 传入
+ */
+declare const AccessoryProductCard: React.ForwardRefExoticComponent<AccessoryProductCardProps & React.RefAttributes<HTMLDivElement>>;
+export { AccessoryProductCard };
+export default AccessoryProductCard;

package/dist/cjs/biz-components/AccessoriesShelf/components/AccessoryShelf/ProductCard.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var q=Object.create;var b=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var O=Object.getOwnPropertyNames;var U=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty;var G=(e,i)=>{for(var n in i)b(e,n,{get:i[n],enumerable:!0})},h=(e,i,n,c)=>{if(i&&typeof i=="object"||typeof i=="function")for(let s of O(i))!j.call(e,s)&&s!==n&&b(e,s,{get:()=>i[s],enumerable:!(c=E(i,s))||c.enumerable});return e};var I=(e,i,n)=>(n=e!=null?q(U(e)):{},h(i||!e||!e.__esModule?b(n,"default",{value:e,enumerable:!0}):n,e)),V=e=>h(b({},"__esModule",{value:!0}),e);var K={};G(K,{AccessoryProductCard:()=>g,default:()=>J});module.exports=V(K);var a=require("react/jsx-runtime"),u=I(require("react")),l=require("../../../../helpers/index.js"),t=require("../../../../components/index.js");const g=u.forwardRef(({product:e,addedQuantity:i=0,maxQuantity:n,isLoading:c=!1,showTags:s=!0,showOriginalPrice:A=!1,showDiscountPrice:y=!0,showMemberPrice:L=!0,onProductClick:x,onAddToCart:N,className:T,classNames:r,copy:o},w)=>{const v=n??e.quantityAvailable??void 0,p=!e.availableForSale,S=!p&&v!=null&&i>=v,B=p||S,P=i>0,M=o?.addLabel??"Add",$=o?.addedLabel??"in Cart",z=o?.unavailableLabel??"Unavailable",D=o?.memberPriceLabel??"Member price",F=o?.plusMemberPriceLabel??"Plus member price",k=p?z:P?`${i} ${$}`:M,H=e.memberPriceType==="plus-member"?F:D,m=e.name,f=e.description,R=e.image;return(0,a.jsx)(t.Card,{ref:w,className:(0,l.cn)("rounded-card desktop:p-6 group flex flex-col border-none p-4","bg-container-primary transition-colors duration-200","hover:bg-white",P&&"bg-white",T,r?.root),children:(0,a.jsxs)(t.CardContent,{className:"flex flex-1 flex-col gap-3 p-0",children:[(0,a.jsx)("a",{onClick:x?()=>x(e):void 0,href:!x&&e.listingLink?e.listingLink:void 0,rel:"noreferrer",className:(0,l.cn)("laptop:size-[196px] mx-auto block size-[138px] overflow-hidden",x||e.listingLink?"cursor-pointer":"cursor-default",r?.image),"aria-label":m,children:(0,a.jsx)(t.Picture,{source:R,alt:m,className:"aspect-square w-full mix-blend-multiply",imgClassName:"w-full h-full object-contain"})}),(0,a.jsxs)("div",{className:"flex flex-1 flex-col gap-4",children:[s&&e.tags&&e.tags.length>0&&(0,a.jsx)("div",{className:(0,l.cn)("flex flex-wrap items-center gap-1",r?.tags),children:e.tags.map((d,C)=>d?.label?(0,a.jsx)(t.Badge,{size:"sm",variant:d.variant||"outline",promotionalType:d.promotionalType,children:d.label},C):u.isValidElement(d)&&(0,a.jsx)(u.Fragment,{children:d},C))}),(0,a.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,a.jsx)(t.Heading,{as:"h2",className:(0,l.cn)("lg-desktop:text-[18px] text-info-primary line-clamp-3 text-[16px] font-bold leading-[1.2] tracking-[-0.64px]",r?.title),children:m}),f&&(0,a.jsx)(t.Text,{as:"p",className:(0,l.cn)("lg-desktop:text-[18px] text-info-bold line-clamp-2 text-[14px] font-bold leading-[1.4] tracking-[-0.28px]",r?.description),children:f})]}),(0,a.jsxs)("div",{className:(0,l.cn)("mt-auto flex flex-col gap-2",r?.priceArea),children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"flex flex-wrap items-baseline gap-1",children:p?(0,a.jsx)(t.Text,{as:"p",className:(0,l.cn)("lg-desktop:text-[24px] text-info-tertiary text-[20px] font-bold leading-[1.2] tracking-[-0.8px]",r?.currentPrice),children:o?.outOfStockLabel??"Sold Out"}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.Text,{as:"p",className:(0,l.cn)("lg-desktop:text-[24px] text-info-primary text-[20px] font-bold leading-[1.2] tracking-[-0.8px]",r?.currentPrice),children:e.price}),y&&e.discountPrice&&(0,a.jsx)(t.Text,{as:"p",className:(0,l.cn)("text-brand-0 lg-desktop:text-[24px] text-[20px] font-bold leading-tight tracking-[-0.32px]",r?.discountPrice),children:e.discountPrice}),(!y||!e.discountPrice)&&A&&e.originalPrice&&(0,a.jsx)(t.Text,{as:"p",className:(0,l.cn)("text-info-tertiary lg-desktop:text-[24px] text-[20px] font-bold leading-tight tracking-[-0.32px] line-through",r?.originalPrice),children:e.originalPrice})]})}),L&&!p&&e.memberPriceNote&&(0,a.jsxs)(t.Text,{as:"p",className:(0,l.cn)("lg-desktop:text-[18px] text-marketing-1 text-[14px] font-bold leading-tight tracking-[-0.24px]",r?.memberPriceNote),children:[H," ",(0,a.jsx)("span",{className:"text-marketing-1",children:e.memberPriceNote})]})]}),(0,a.jsx)("div",{className:(0,l.cn)(r?.buttonGroup),children:(0,a.jsx)(t.Button,{variant:"primary",size:"lg",loading:c,disabled:B&&!c,onClick:()=>N?.(e),className:(0,l.cn)("w-full",r?.addButton),"data-headless-type-name":"AccessoryShelf#ProductCard","data-headless-sku":e.sku,"data-headless-title-desc-button":`${m}#${f??""}#${k}`,children:k})})]})]})]})})});g.displayName="AccessoryShelf.ProductCard";var J=g;
+//# sourceMappingURL=ProductCard.js.map

package/dist/cjs/biz-components/AccessoriesShelf/components/AccessoryShelf/ProductCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/biz-components/AccessoriesShelf/components/AccessoryShelf/ProductCard.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../../../helpers/index.js'\nimport { Badge, Card, CardContent, Picture, Text, Heading, Button } from '../../../../components/index.js'\nimport type {\n  AccessoryProductCardProps,\n  AccessoryProductData,\n  AccessoryCardSemanticName,\n  AccessoryCopyConfig,\n} from './types.js'\n\nexport type { AccessoryProductCardProps, AccessoryProductData, AccessoryCardSemanticName, AccessoryCopyConfig }\n\n/**\n * AccessoryProductCard - \u914D\u4EF6\u5361\u7247\uFF08UI \u7EC4\u4EF6\uFF09\n *\n * \u7EC4\u4EF6\u804C\u8D23\uFF08UI \u5C42\uFF09\uFF1A\n * - \u6E32\u67D3\u4EA7\u54C1\u56FE\uFF081:1 object-contain\uFF09\n * - \u6E32\u67D3\u6807\u9898\u3001\u63CF\u8FF0\u3001tags\n * - \u6E32\u67D3\u73B0\u4EF7 + \u539F\u4EF7\uFF08\u5220\u9664\u7EBF\uFF09+ \u4F1A\u5458\u4EF7\uFF08\u4E0B\u65B9\u5C0F\u5B57\uFF09\n * - \u6E32\u67D3\u52A0\u8D2D\u6309\u94AE\u53CA Add / Added(n) / Unavailable \u72B6\u6001\n * - Hover \u6548\u679C\uFF08\u5361\u7247\u80CC\u666F\u53D8\u767D + \u9634\u5F71\uFF0CPC \u7AEF\uFF09\n * - Loading \u72B6\u6001\u5C55\u793A\n *\n * \u4E1A\u52A1\u804C\u8D23\uFF08\u4E1A\u52A1\u7AEF\u8D1F\u8D23\uFF09\uFF1A\n * - \u83B7\u53D6\u4EA7\u54C1\u6570\u636E\u3001\u8BA1\u7B97\u4EF7\u683C\n * - \u7EF4\u62A4 addedQuantity\u3001isLoading \u72B6\u6001\n * - \u5B9E\u73B0 onAddToCart \u903B\u8F91\uFF08\u8C03\u7528\u8D2D\u7269\u8F66 API\uFF09\n * - \u5E93\u5B58\u68C0\u67E5\u540E\u5C06 quantityAvailable \u4F20\u5165\n */\nconst AccessoryProductCard = React.forwardRef<HTMLDivElement, AccessoryProductCardProps>(\n  (\n    {\n      product,\n      addedQuantity = 0,\n      maxQuantity,\n      isLoading = false,\n      showTags = true,\n      showOriginalPrice = false,\n      showDiscountPrice = true,\n      showMemberPrice = true,\n      onProductClick,\n      onAddToCart,\n      className,\n      classNames,\n      copy,\n    },\n    ref\n  ) => {\n    // \u5E93\u5B58\u9650\u5236\uFF1A\u4F18\u5148\u53D6 maxQuantity\uFF0C\u5176\u6B21\u53D6 product.quantityAvailable\n    const resolvedMax = maxQuantity ?? product.quantityAvailable ?? undefined\n    const isUnavailable = !product.availableForSale\n    const isAtLimit = !isUnavailable && resolvedMax != null && addedQuantity >= resolvedMax\n    const isDisabled = isUnavailable || isAtLimit\n    const isAdded = addedQuantity > 0\n\n    // \u6587\u6848\n    const addLabel = copy?.addLabel ?? 'Add'\n    const addedLabel = copy?.addedLabel ?? 'in Cart'\n    const unavailableLabel = copy?.unavailableLabel ?? 'Unavailable'\n    const memberPriceLabel = copy?.memberPriceLabel ?? 'Member price'\n    const plusMemberPriceLabel = copy?.plusMemberPriceLabel ?? 'Plus member price'\n\n    const buttonLabel = isUnavailable ? unavailableLabel : isAdded ? `${addedQuantity} ${addedLabel}` : addLabel\n\n    const memberLabel = product.memberPriceType === 'plus-member' ? plusMemberPriceLabel : memberPriceLabel\n\n    const displayTitle = product.name\n    const displayDescription = product.description\n    const displayImage = product.image\n\n    return (\n      <Card\n        ref={ref}\n        className={cn(\n          'rounded-card desktop:p-6 group flex flex-col border-none p-4',\n          'bg-container-primary transition-colors duration-200',\n          'hover:bg-white',\n          isAdded && 'bg-white',\n          className,\n          classNames?.root\n        )}\n      >\n        <CardContent className=\"flex flex-1 flex-col gap-3 p-0\">\n          {/* \u4EA7\u54C1\u56FE 1:1 */}\n          <a\n            onClick={onProductClick ? () => onProductClick(product) : undefined}\n            href={!onProductClick && product.listingLink ? product.listingLink : undefined}\n            rel=\"noreferrer\"\n            className={cn(\n              'laptop:size-[196px] mx-auto block size-[138px] overflow-hidden',\n              onProductClick || product.listingLink ? 'cursor-pointer' : 'cursor-default',\n              classNames?.image\n            )}\n            aria-label={displayTitle}\n          >\n            <Picture\n              source={displayImage}\n              alt={displayTitle}\n              className=\"aspect-square w-full mix-blend-multiply\"\n              imgClassName=\"w-full h-full object-contain\"\n            />\n          </a>\n\n          {/* \u5185\u5BB9\u533A */}\n          <div className=\"flex flex-1 flex-col gap-4\">\n            {/* Tags */}\n            {showTags && product.tags && product.tags.length > 0 && (\n              <div className={cn('flex flex-wrap items-center gap-1', classNames?.tags)}>\n                {product.tags.map((tag: any, index) =>\n                  (tag as any)?.label ? (\n                    <Badge\n                      key={index}\n                      size=\"sm\"\n                      variant={(tag.variant as any) || 'outline'}\n                      promotionalType={tag.promotionalType}\n                    >\n                      {tag.label}\n                    </Badge>\n                  ) : (\n                    React.isValidElement(tag) && <React.Fragment key={index}>{tag}</React.Fragment>\n                  )\n                )}\n              </div>\n            )}\n\n            {/* \u6807\u9898 + \u63CF\u8FF0 */}\n            <div className=\"flex flex-col gap-1\">\n              <Heading\n                as=\"h2\"\n                className={cn(\n                  'lg-desktop:text-[18px] text-info-primary line-clamp-3 text-[16px] font-bold leading-[1.2] tracking-[-0.64px]',\n                  classNames?.title\n                )}\n              >\n                {displayTitle}\n              </Heading>\n              {displayDescription && (\n                <Text\n                  as=\"p\"\n                  className={cn(\n                    'lg-desktop:text-[18px] text-info-bold line-clamp-2 text-[14px] font-bold leading-[1.4] tracking-[-0.28px]',\n                    classNames?.description\n                  )}\n                >\n                  {displayDescription}\n                </Text>\n              )}\n            </div>\n\n            {/* \u4EF7\u683C + \u6309\u94AE */}\n            <div className={cn('mt-auto flex flex-col gap-2', classNames?.priceArea)}>\n              <div>\n                {/* \u73B0\u4EF7 + \u539F\u4EF7\uFF08\u5220\u9664\u7EBF\uFF09 */}\n                <div className=\"flex flex-wrap items-baseline gap-1\">\n                  {isUnavailable ? (\n                    <Text\n                      as=\"p\"\n                      className={cn(\n                        'lg-desktop:text-[24px] text-info-tertiary text-[20px] font-bold leading-[1.2] tracking-[-0.8px]',\n                        classNames?.currentPrice\n                      )}\n                    >\n                      {copy?.outOfStockLabel ?? 'Sold Out'}\n                    </Text>\n                  ) : (\n                    <>\n                      <Text\n                        as=\"p\"\n                        className={cn(\n                          'lg-desktop:text-[24px] text-info-primary text-[20px] font-bold leading-[1.2] tracking-[-0.8px]',\n                          classNames?.currentPrice\n                        )}\n                      >\n                        {product.price}\n                      </Text>\n                      {showDiscountPrice && product.discountPrice && (\n                        <Text\n                          as=\"p\"\n                          className={cn(\n                            'text-brand-0 lg-desktop:text-[24px] text-[20px] font-bold leading-tight tracking-[-0.32px]',\n                            classNames?.discountPrice\n                          )}\n                        >\n                          {product.discountPrice}\n                        </Text>\n                      )}\n                      {(!showDiscountPrice || !product.discountPrice) && showOriginalPrice && product.originalPrice && (\n                        <Text\n                          as=\"p\"\n                          className={cn(\n                            'text-info-tertiary lg-desktop:text-[24px] text-[20px] font-bold leading-tight tracking-[-0.32px] line-through',\n                            classNames?.originalPrice\n                          )}\n                        >\n                          {product.originalPrice}\n                        </Text>\n                      )}\n                    </>\n                  )}\n                </div>\n\n                {/* \u4F1A\u5458\u4EF7\u5C0F\u5B57 */}\n                {showMemberPrice && !isUnavailable && product.memberPriceNote && (\n                  <Text\n                    as=\"p\"\n                    className={cn(\n                      'lg-desktop:text-[18px] text-marketing-1 text-[14px] font-bold leading-tight tracking-[-0.24px]',\n                      classNames?.memberPriceNote\n                    )}\n                  >\n                    {memberLabel} <span className=\"text-marketing-1\">{product.memberPriceNote}</span>\n                  </Text>\n                )}\n              </div>\n\n              {/* \u52A0\u8D2D\u6309\u94AE\uFF08\u5355\u4E00\uFF09 */}\n              <div className={cn(classNames?.buttonGroup)}>\n                <Button\n                  variant=\"primary\"\n                  size=\"lg\"\n                  loading={isLoading}\n                  disabled={isDisabled && !isLoading}\n                  onClick={() => onAddToCart?.(product)}\n                  className={cn('w-full', classNames?.addButton)}\n                  data-headless-type-name=\"AccessoryShelf#ProductCard\"\n                  data-headless-sku={product.sku}\n                  data-headless-title-desc-button={`${displayTitle}#${displayDescription ?? ''}#${buttonLabel}`}\n                >\n                  {buttonLabel}\n                </Button>\n              </div>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    )\n  }\n)\n\nAccessoryProductCard.displayName = 'AccessoryShelf.ProductCard'\n\nexport { AccessoryProductCard }\nexport default AccessoryProductCard\n"],
+  "mappings": "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",
+  "names": ["ProductCard_exports", "__export", "AccessoryProductCard", "ProductCard_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_components", "product", "addedQuantity", "maxQuantity", "isLoading", "showTags", "showOriginalPrice", "showDiscountPrice", "showMemberPrice", "onProductClick", "onAddToCart", "className", "classNames", "copy", "ref", "resolvedMax", "isUnavailable", "isAtLimit", "isDisabled", "isAdded", "addLabel", "addedLabel", "unavailableLabel", "memberPriceLabel", "plusMemberPriceLabel", "buttonLabel", "memberLabel", "displayTitle", "displayDescription", "displayImage", "tag", "index"]
+}

package/dist/cjs/biz-components/AccessoriesShelf/components/AccessoryShelf/index.d.ts

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import AccessoryProductCard from './ProductCard.js';
+import type { AccessoryProductData, AccessoryCardSemanticName, AccessoryCopyConfig } from './types.js';
+export type { AccessoryProductData, AccessoryCardSemanticName, AccessoryCopyConfig };
+export type { AccessoryProductCardProps } from './ProductCard.js';
+export interface AccessoryShelfProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 产品卡片区域 — 业务端自行组合布局容器 + AccessoryShelf.ProductCard
+     *
+     * @example 搭配 AccessoriesProductGrid
+     * ```tsx
+     * <AccessoryShelf data={{ title: 'Add-ons' }}>
+     *   <AccessoriesProductGrid maxVisible={8} showMoreText="Show more" showLessText="Show less">
+     *     {products.map(p => (
+     *       <AccessoryShelf.ProductCard
+     *         key={p.sku}
+     *         product={p}
+     *         addedQuantity={quantities[p.sku]}
+     *         isLoading={loadingSkus.has(p.sku)}
+     *         onAddToCart={handleAddToCart}
+     *       />
+     *     ))}
+     *   </AccessoriesProductGrid>
+     * </AccessoryShelf>
+     * ```
+     */
+    children: React.ReactNode;
+    /** 语义化类名覆盖（仅 root/title/description 有效） */
+    classNames?: Partial<Record<'root' | 'title' | 'description', string>>;
+}
+export interface AccessoryShelfComponent extends React.ForwardRefExoticComponent<AccessoryShelfProps & React.RefAttributes<HTMLDivElement>> {
+    /** 配件卡片子组件，业务端在 children 中直接使用 */
+    ProductCard: typeof AccessoryProductCard;
+}
+export { AccessoryProductCard };
+declare const _default: React.ForwardRefExoticComponent<Omit<AccessoryShelfProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../../../shared/Styles.js").StylesProps> & import("../../../../shared/Styles.js").StylesProps & import("../../../index.js").ContainerProps & React.RefAttributes<unknown>> & {
+    readonly $$typeof: symbol;
+    ProductCard: typeof AccessoryProductCard;
+};
+export default _default;

package/dist/cjs/biz-components/AccessoriesShelf/components/AccessoryShelf/index.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var A=Object.create;var s=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var R=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var S=(e,r)=>{for(var o in r)s(e,o,{get:r[o],enumerable:!0})},n=(e,r,o,c)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of P(r))!h.call(e,t)&&t!==o&&s(e,t,{get:()=>r[t],enumerable:!(c=C(r,t))||c.enumerable});return e};var f=(e,r,o)=>(o=e!=null?A(R(e)):{},n(r||!e||!e.__esModule?s(o,"default",{value:e,enumerable:!0}):o,e)),x=e=>n(s({},"__esModule",{value:!0}),e);var D={};S(D,{AccessoryProductCard:()=>a.default,default:()=>v});module.exports=x(D);var u=require("react/jsx-runtime"),d=f(require("react")),m=require("../../../../helpers/index.js"),y=require("../../../../shared/Styles.js"),a=f(require("./ProductCard.js"));const p=d.forwardRef(({className:e,children:r,classNames:o,...c},t)=>{const i=d.useRef(null);return d.useImperativeHandle(t,()=>i.current),(0,u.jsx)("div",{ref:i,className:(0,m.cn)("w-full",e,o?.root),...c,children:r})});p.displayName="AccessoryShelf";const l=p;l.ProductCard=a.default;var v=(0,y.withLayout)(l);
+//# sourceMappingURL=index.js.map

package/dist/cjs/biz-components/AccessoriesShelf/components/AccessoryShelf/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/biz-components/AccessoriesShelf/components/AccessoryShelf/index.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../../../helpers/index.js'\nimport { withLayout } from '../../../../shared/Styles.js'\nimport AccessoryProductCard from './ProductCard.js'\nimport type { AccessoryProductData, AccessoryCardSemanticName, AccessoryCopyConfig } from './types.js'\n\nexport type { AccessoryProductData, AccessoryCardSemanticName, AccessoryCopyConfig }\nexport type { AccessoryProductCardProps } from './ProductCard.js'\n\nexport interface AccessoryShelfProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * \u4EA7\u54C1\u5361\u7247\u533A\u57DF \u2014 \u4E1A\u52A1\u7AEF\u81EA\u884C\u7EC4\u5408\u5E03\u5C40\u5BB9\u5668 + AccessoryShelf.ProductCard\n   *\n   * @example \u642D\u914D AccessoriesProductGrid\n   * ```tsx\n   * <AccessoryShelf data={{ title: 'Add-ons' }}>\n   *   <AccessoriesProductGrid maxVisible={8} showMoreText=\"Show more\" showLessText=\"Show less\">\n   *     {products.map(p => (\n   *       <AccessoryShelf.ProductCard\n   *         key={p.sku}\n   *         product={p}\n   *         addedQuantity={quantities[p.sku]}\n   *         isLoading={loadingSkus.has(p.sku)}\n   *         onAddToCart={handleAddToCart}\n   *       />\n   *     ))}\n   *   </AccessoriesProductGrid>\n   * </AccessoryShelf>\n   * ```\n   */\n  children: React.ReactNode\n  /** \u8BED\u4E49\u5316\u7C7B\u540D\u8986\u76D6\uFF08\u4EC5 root/title/description \u6709\u6548\uFF09 */\n  classNames?: Partial<Record<'root' | 'title' | 'description', string>>\n}\n\nexport interface AccessoryShelfComponent extends React.ForwardRefExoticComponent<\n  AccessoryShelfProps & React.RefAttributes<HTMLDivElement>\n> {\n  /** \u914D\u4EF6\u5361\u7247\u5B50\u7EC4\u4EF6\uFF0C\u4E1A\u52A1\u7AEF\u5728 children \u4E2D\u76F4\u63A5\u4F7F\u7528 */\n  ProductCard: typeof AccessoryProductCard\n}\n\nconst AccessoryShelf = React.forwardRef<HTMLDivElement, AccessoryShelfProps>(\n  ({ className, children, classNames, ...props }, ref) => {\n    const boxRef = React.useRef<HTMLDivElement>(null)\n\n    React.useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n    return (\n      <div ref={boxRef} className={cn('w-full', className, classNames?.root)} {...props}>\n        {children}\n      </div>\n    )\n  }\n)\n\nAccessoryShelf.displayName = 'AccessoryShelf'\n\n// \u590D\u5408\u7EC4\u4EF6\uFF1AAccessoryShelf.ProductCard \u53EF\u76F4\u63A5\u4F7F\u7528\nconst AccessoryShelfWithProductCard = AccessoryShelf as AccessoryShelfComponent\nAccessoryShelfWithProductCard.ProductCard = AccessoryProductCard\n\nexport { AccessoryProductCard }\nexport default withLayout(AccessoryShelfWithProductCard)\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,4BAAAE,QAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAmDM,IAAAK,EAAA,6BAjDNC,EAAuB,oBACvBC,EAAmB,wCACnBC,EAA2B,wCAC3BC,EAAiC,+BAuCjC,MAAMC,EAAiBJ,EAAM,WAC3B,CAAC,CAAE,UAAAK,EAAW,SAAAC,EAAU,WAAAC,EAAY,GAAGC,CAAM,EAAGC,IAAQ,CACtD,MAAMC,EAASV,EAAM,OAAuB,IAAI,EAEhD,OAAAA,EAAM,oBAAoBS,EAAK,IAAMC,EAAO,OAAyB,KAGnE,OAAC,OAAI,IAAKA,EAAQ,aAAW,MAAG,SAAUL,EAAWE,GAAY,IAAI,EAAI,GAAGC,EACzE,SAAAF,EACH,CAEJ,CACF,EAEAF,EAAe,YAAc,iBAG7B,MAAMO,EAAgCP,EACtCO,EAA8B,YAAc,EAAAf,QAG5C,IAAOC,KAAQ,cAAWc,CAA6B",
+  "names": ["AccessoryShelf_exports", "__export", "AccessoryProductCard", "AccessoryShelf_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_Styles", "import_ProductCard", "AccessoryShelf", "className", "children", "classNames", "props", "ref", "boxRef", "AccessoryShelfWithProductCard"]
+}

package/dist/cjs/biz-components/AccessoriesShelf/components/AccessoryShelf/types.d.ts

@@ -0,0 +1,107 @@
+import type React from 'react';
+import type { BadgeProps } from '../../../../components/badge.js';
+/**
+ * 语义化类名
+ */
+export type AccessoryCardSemanticName = 'root' | 'image' | 'tags' | 'title' | 'description' | 'priceArea' | 'currentPrice' | 'originalPrice' | 'discountPrice' | 'memberPriceNote' | 'buttonGroup' | 'addButton';
+/**
+ * 文案配置
+ */
+export interface AccessoryCopyConfig {
+    /** 售罄文案，默认 "Sold Out" */
+    outOfStockLabel?: string;
+    /** 加购按钮文案，默认 "Add" */
+    addLabel?: string;
+    /** 已加购按钮文案前缀，默认 "Added"，最终显示为 "Added (n)" */
+    addedLabel?: string;
+    /** 不可用按钮文案，默认 "Unavailable" */
+    unavailableLabel?: string;
+    /** 会员价标签文本，默认 "Member price" */
+    memberPriceLabel?: string;
+    /** Plus 会员价标签文本，默认 "Plus member price" */
+    plusMemberPriceLabel?: string;
+}
+/**
+ * 产品数据接口（UI 层，价格已格式化为字符串）
+ * 业务端负责从 API 获取并转换后传入
+ */
+export interface AccessoryProductData {
+    /** SKU 唯一标识 */
+    sku: string;
+    /** 产品名称 */
+    name: string;
+    /** 产品主图 URL */
+    image: string;
+    /** 自定义图片 URL（覆盖 image） */
+    custom_image?: string;
+    /** 产品 handle */
+    handle: string;
+    /** Shopify ID */
+    shopify_id?: string;
+    /** 产品链接 */
+    listingLink?: string;
+    /** 自定义名称（覆盖 name） */
+    custom_name?: string;
+    /** 自定义描述（覆盖 description） */
+    custom_description?: string;
+    /** 产品描述 */
+    description?: string;
+    /** 现价（已格式化，如 "$49.99"） */
+    price: string;
+    /** 原价（已格式化，有则显示删除线），优先级低于 discountPrice */
+    originalPrice?: string;
+    /** 折扣金额（已格式化，如 "-$10.00"），显示在现价旁边，品牌色、无删除线 */
+    discountPrice?: string;
+    /**
+     * 会员价提示（已格式化，如 "$42.49"）
+     * 显示在现价下方小字，配合 memberPriceType 决定标签颜色
+     */
+    memberPriceNote?: string;
+    /** 会员价类型，决定标签文案和颜色 */
+    memberPriceType?: 'member' | 'plus-member';
+    /** 是否可售 */
+    availableForSale: boolean;
+    /**
+     * 可用库存上限（用于限制加购数量）
+     * 业务端从库存 API 获取后传入，组件只用于判断是否达到上限
+     */
+    quantityAvailable?: number | null;
+    /** tags 列表 */
+    tags?: Array<{
+        label: string;
+        variant: BadgeProps['variant'];
+        promotionalType?: BadgeProps['promotionalType'];
+    } | React.ReactNode>;
+}
+/**
+ * AccessoryProductCard Props
+ * 所有业务状态（addedQuantity、isLoading 等）由业务端维护并传入
+ */
+export interface AccessoryProductCardProps {
+    /** 产品数据 */
+    product: AccessoryProductData;
+    /** 已加购数量（业务端维护） */
+    addedQuantity?: number;
+    /** 最大可加购数量（undefined 则不限制） */
+    maxQuantity?: number;
+    /** 加购 loading 状态（业务端维护） */
+    isLoading?: boolean;
+    /** 是否显示 tags */
+    showTags?: boolean;
+    /** 是否显示原价（删除线） */
+    showOriginalPrice?: boolean;
+    /** 是否显示折扣金额（品牌色，无删除线，优先级高于 showOriginalPrice） */
+    showDiscountPrice?: boolean;
+    /** 是否显示会员价小字 */
+    showMemberPrice?: boolean;
+    /** 点击产品图/标题回调（不传则降级为 listingLink href） */
+    onProductClick?: (product: AccessoryProductData) => void;
+    /** 点击加购按钮回调 */
+    onAddToCart?: (product: AccessoryProductData) => void;
+    /** 样式类名 */
+    className?: string;
+    /** 语义化类名覆盖 */
+    classNames?: Partial<Record<AccessoryCardSemanticName, string>>;
+    /** 文案配置 */
+    copy?: AccessoryCopyConfig;
+}

package/dist/cjs/biz-components/AccessoriesShelf/components/AccessoryShelf/types.js

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

package/dist/cjs/biz-components/AccessoriesShelf/components/AccessoryShelf/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/biz-components/AccessoriesShelf/components/AccessoryShelf/types.ts"],
+  "sourcesContent": ["import type React from 'react'\nimport type { BadgeProps } from '../../../../components/badge.js'\n\n/**\n * \u8BED\u4E49\u5316\u7C7B\u540D\n */\nexport type AccessoryCardSemanticName =\n  | 'root'\n  | 'image'\n  | 'tags'\n  | 'title'\n  | 'description'\n  | 'priceArea'\n  | 'currentPrice'\n  | 'originalPrice'\n  | 'discountPrice'\n  | 'memberPriceNote'\n  | 'buttonGroup'\n  | 'addButton'\n\n/**\n * \u6587\u6848\u914D\u7F6E\n */\nexport interface AccessoryCopyConfig {\n  /** \u552E\u7F44\u6587\u6848\uFF0C\u9ED8\u8BA4 \"Sold Out\" */\n  outOfStockLabel?: string\n  /** \u52A0\u8D2D\u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 \"Add\" */\n  addLabel?: string\n  /** \u5DF2\u52A0\u8D2D\u6309\u94AE\u6587\u6848\u524D\u7F00\uFF0C\u9ED8\u8BA4 \"Added\"\uFF0C\u6700\u7EC8\u663E\u793A\u4E3A \"Added (n)\" */\n  addedLabel?: string\n  /** \u4E0D\u53EF\u7528\u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 \"Unavailable\" */\n  unavailableLabel?: string\n  /** \u4F1A\u5458\u4EF7\u6807\u7B7E\u6587\u672C\uFF0C\u9ED8\u8BA4 \"Member price\" */\n  memberPriceLabel?: string\n  /** Plus \u4F1A\u5458\u4EF7\u6807\u7B7E\u6587\u672C\uFF0C\u9ED8\u8BA4 \"Plus member price\" */\n  plusMemberPriceLabel?: string\n}\n\n/**\n * \u4EA7\u54C1\u6570\u636E\u63A5\u53E3\uFF08UI \u5C42\uFF0C\u4EF7\u683C\u5DF2\u683C\u5F0F\u5316\u4E3A\u5B57\u7B26\u4E32\uFF09\n * \u4E1A\u52A1\u7AEF\u8D1F\u8D23\u4ECE API \u83B7\u53D6\u5E76\u8F6C\u6362\u540E\u4F20\u5165\n */\nexport interface AccessoryProductData {\n  /** SKU \u552F\u4E00\u6807\u8BC6 */\n  sku: string\n  /** \u4EA7\u54C1\u540D\u79F0 */\n  name: string\n  /** \u4EA7\u54C1\u4E3B\u56FE URL */\n  image: string\n  /** \u81EA\u5B9A\u4E49\u56FE\u7247 URL\uFF08\u8986\u76D6 image\uFF09 */\n  custom_image?: string\n  /** \u4EA7\u54C1 handle */\n  handle: string\n  /** Shopify ID */\n  shopify_id?: string\n  /** \u4EA7\u54C1\u94FE\u63A5 */\n  listingLink?: string\n  /** \u81EA\u5B9A\u4E49\u540D\u79F0\uFF08\u8986\u76D6 name\uFF09 */\n  custom_name?: string\n  /** \u81EA\u5B9A\u4E49\u63CF\u8FF0\uFF08\u8986\u76D6 description\uFF09 */\n  custom_description?: string\n  /** \u4EA7\u54C1\u63CF\u8FF0 */\n  description?: string\n  /** \u73B0\u4EF7\uFF08\u5DF2\u683C\u5F0F\u5316\uFF0C\u5982 \"$49.99\"\uFF09 */\n  price: string\n  /** \u539F\u4EF7\uFF08\u5DF2\u683C\u5F0F\u5316\uFF0C\u6709\u5219\u663E\u793A\u5220\u9664\u7EBF\uFF09\uFF0C\u4F18\u5148\u7EA7\u4F4E\u4E8E discountPrice */\n  originalPrice?: string\n  /** \u6298\u6263\u91D1\u989D\uFF08\u5DF2\u683C\u5F0F\u5316\uFF0C\u5982 \"-$10.00\"\uFF09\uFF0C\u663E\u793A\u5728\u73B0\u4EF7\u65C1\u8FB9\uFF0C\u54C1\u724C\u8272\u3001\u65E0\u5220\u9664\u7EBF */\n  discountPrice?: string\n  /**\n   * \u4F1A\u5458\u4EF7\u63D0\u793A\uFF08\u5DF2\u683C\u5F0F\u5316\uFF0C\u5982 \"$42.49\"\uFF09\n   * \u663E\u793A\u5728\u73B0\u4EF7\u4E0B\u65B9\u5C0F\u5B57\uFF0C\u914D\u5408 memberPriceType \u51B3\u5B9A\u6807\u7B7E\u989C\u8272\n   */\n  memberPriceNote?: string\n  /** \u4F1A\u5458\u4EF7\u7C7B\u578B\uFF0C\u51B3\u5B9A\u6807\u7B7E\u6587\u6848\u548C\u989C\u8272 */\n  memberPriceType?: 'member' | 'plus-member'\n  /** \u662F\u5426\u53EF\u552E */\n  availableForSale: boolean\n  /**\n   * \u53EF\u7528\u5E93\u5B58\u4E0A\u9650\uFF08\u7528\u4E8E\u9650\u5236\u52A0\u8D2D\u6570\u91CF\uFF09\n   * \u4E1A\u52A1\u7AEF\u4ECE\u5E93\u5B58 API \u83B7\u53D6\u540E\u4F20\u5165\uFF0C\u7EC4\u4EF6\u53EA\u7528\u4E8E\u5224\u65AD\u662F\u5426\u8FBE\u5230\u4E0A\u9650\n   */\n  quantityAvailable?: number | null\n  /** tags \u5217\u8868 */\n  tags?: Array<\n    | {\n        label: string\n        variant: BadgeProps['variant']\n        promotionalType?: BadgeProps['promotionalType']\n      }\n    | React.ReactNode\n  >\n}\n\n/**\n * AccessoryProductCard Props\n * \u6240\u6709\u4E1A\u52A1\u72B6\u6001\uFF08addedQuantity\u3001isLoading \u7B49\uFF09\u7531\u4E1A\u52A1\u7AEF\u7EF4\u62A4\u5E76\u4F20\u5165\n */\nexport interface AccessoryProductCardProps {\n  /** \u4EA7\u54C1\u6570\u636E */\n  product: AccessoryProductData\n  /** \u5DF2\u52A0\u8D2D\u6570\u91CF\uFF08\u4E1A\u52A1\u7AEF\u7EF4\u62A4\uFF09 */\n  addedQuantity?: number\n  /** \u6700\u5927\u53EF\u52A0\u8D2D\u6570\u91CF\uFF08undefined \u5219\u4E0D\u9650\u5236\uFF09 */\n  maxQuantity?: number\n  /** \u52A0\u8D2D loading \u72B6\u6001\uFF08\u4E1A\u52A1\u7AEF\u7EF4\u62A4\uFF09 */\n  isLoading?: boolean\n  /** \u662F\u5426\u663E\u793A tags */\n  showTags?: boolean\n  /** \u662F\u5426\u663E\u793A\u539F\u4EF7\uFF08\u5220\u9664\u7EBF\uFF09 */\n  showOriginalPrice?: boolean\n  /** \u662F\u5426\u663E\u793A\u6298\u6263\u91D1\u989D\uFF08\u54C1\u724C\u8272\uFF0C\u65E0\u5220\u9664\u7EBF\uFF0C\u4F18\u5148\u7EA7\u9AD8\u4E8E showOriginalPrice\uFF09 */\n  showDiscountPrice?: boolean\n  /** \u662F\u5426\u663E\u793A\u4F1A\u5458\u4EF7\u5C0F\u5B57 */\n  showMemberPrice?: boolean\n  /** \u70B9\u51FB\u4EA7\u54C1\u56FE/\u6807\u9898\u56DE\u8C03\uFF08\u4E0D\u4F20\u5219\u964D\u7EA7\u4E3A listingLink href\uFF09 */\n  onProductClick?: (product: AccessoryProductData) => void\n  /** \u70B9\u51FB\u52A0\u8D2D\u6309\u94AE\u56DE\u8C03 */\n  onAddToCart?: (product: AccessoryProductData) => void\n  /** \u6837\u5F0F\u7C7B\u540D */\n  className?: string\n  /** \u8BED\u4E49\u5316\u7C7B\u540D\u8986\u76D6 */\n  classNames?: Partial<Record<AccessoryCardSemanticName, string>>\n  /** \u6587\u6848\u914D\u7F6E */\n  copy?: AccessoryCopyConfig\n}\n"],
+  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
+  "names": ["types_exports", "__toCommonJS"]
+}

package/dist/cjs/biz-components/AccessoriesShelf/components/MainProductArea/index.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import type { AccessoryProductData } from '../AccessoryShelf/types.js';
+export interface MainProductAreaProps {
+    productTitle: string;
+    variantImage?: {
+        url: string;
+        altText?: string | null;
+    } | null;
+    paramList?: {
+        label: string;
+        value: string;
+    }[];
+    addedItems?: AccessoryProductData[];
+    priceSlot?: React.ReactNode;
+    actionSlot?: React.ReactNode;
+    onItemQuantityChange?: (item: AccessoryProductData, qty: number) => void;
+    onItemRemove?: (item: AccessoryProductData) => void;
+    addedItemQuantities?: Record<string, number>;
+    className?: string;
+}
+declare const MainProductArea: React.ForwardRefExoticComponent<MainProductAreaProps & React.RefAttributes<HTMLDivElement>>;
+export default MainProductArea;

package/dist/cjs/biz-components/AccessoriesShelf/components/MainProductArea/index.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var H=Object.create;var f=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var Q=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var B=(t,a)=>{for(var l in a)f(t,l,{get:a[l],enumerable:!0})},h=(t,a,l,o)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of F(a))!q.call(t,s)&&s!==l&&f(t,s,{get:()=>a[s],enumerable:!(o=M(a,s))||o.enumerable});return t};var v=(t,a,l)=>(l=t!=null?H(Q(t)):{},h(a||!t||!t.__esModule?f(l,"default",{value:t,enumerable:!0}):l,t)),E=t=>h(f({},"__esModule",{value:!0}),t);var W={};B(W,{default:()=>O});module.exports=E(W);var e=require("react/jsx-runtime"),p=v(require("react")),w=require("../../../../helpers/index.js"),R=v(require("../../../../components/input-number.js")),c=require("../../../../components/dialog.js"),y=v(require("../../../../components/button.js")),r=require("../../../../components/index.js");const I=({item:t,quantity:a,onQuantityChange:l,onRemoveClick:o})=>{const s=m=>{m<1?o():l(m)};return(0,e.jsxs)("div",{className:"flex items-center gap-3",children:[(0,e.jsx)("div",{className:"size-[80px] shrink-0 overflow-hidden rounded-md mix-blend-multiply",children:(0,e.jsx)("img",{src:t.image??"",alt:t.name,className:"size-full object-contain"})}),(0,e.jsxs)("div",{className:"laptop:gap-2 flex w-full flex-col gap-2",children:[(0,e.jsxs)("div",{className:"laptop:flex-row laptop:justify-between flex w-full min-w-0 flex-1 flex-col gap-1",children:[(0,e.jsx)(r.Heading,{size:2,className:"text-info-primary laptop:text-base line-clamp-2 text-[14px] font-bold leading-[1.2] tracking-[-0.28px]",children:t.name}),(0,e.jsxs)("div",{className:"flex items-center gap-1",children:[(0,e.jsx)(r.Text,{as:"span",className:"text-info-primary laptop:text-base text-[14px] font-bold leading-tight tracking-[-0.28px]",children:t.price}),(0,e.jsx)(r.Text,{as:"span",className:"text-info-tertiary text-[14px] font-bold leading-tight tracking-[-0.28px] line-through",children:t.originalPrice})]})]}),(0,e.jsxs)("div",{className:"flex shrink-0 flex-row justify-between",children:[(0,e.jsx)(R.default,{classNames:{root:"border-lines border-[1px] rounded-lg",inputWrapper:"mx-0 laptop:w-[40px] size-[28px] laptop:h-[32px]",input:"border-none",button:"border-none size-[28px] laptop:size-8"},value:a,min:0,onChange:s}),(0,e.jsx)("button",{onClick:o,className:"text-info-tertiary laptop:text-base text-[14px] font-bold leading-tight tracking-[-0.28px] underline",children:"Remove"})]})]})]})},k=p.forwardRef(({productTitle:t,variantImage:a,paramList:l,addedItems:o=[],priceSlot:s,actionSlot:m,onItemQuantityChange:D,onItemRemove:P,addedItemQuantities:d,className:C},A)=>{const[z,N]=p.useState(()=>d??{}),[u,x]=p.useState(null);p.useEffect(()=>{d&&N(d)},[d]);const T=(i,n)=>{N(g=>({...g,[i.sku]:n})),D?.(i,n)},j=()=>{if(!u)return;const i=o.find(n=>n.sku===u);x(null),i&&P?.(i)},S=o.find(i=>i.sku===u),b=i=>i.map(n=>(0,e.jsx)(I,{item:n,quantity:z[n.sku]??1,onQuantityChange:g=>T(n,g),onRemoveClick:()=>x(n.sku)},n.sku));return(0,e.jsxs)("div",{ref:A,className:(0,w.cn)("rounded-card",C),children:[(0,e.jsxs)("div",{className:"laptop:gap-16 laptop:items-center flex items-start gap-2",children:[(0,e.jsx)("div",{className:"laptop:size-[216px] size-[80px] shrink-0 overflow-hidden mix-blend-multiply",children:(0,e.jsx)(r.Picture,{source:a?.url,alt:a?.altText??t,className:"size-full",imgClassName:"object-cover h-full"})}),(0,e.jsxs)("div",{className:"flex-1",children:[(0,e.jsxs)("div",{className:"laptop:flex-row flex min-w-0 flex-col items-center justify-between gap-4",children:[(0,e.jsxs)("div",{className:"flex w-full min-w-0 flex-1 flex-col gap-1",children:[(0,e.jsx)(r.Heading,{as:"h1",size:2,className:"text-info-primary tracking-[-0.8px]",html:t}),l&&l.length>0&&(0,e.jsx)(r.Text,{as:"p",className:"lg-desktop:text-[16px] text-info-tertiary text-[14px] font-bold leading-[1.4] tracking-[-0.28px]",children:l.map((i,n)=>(0,e.jsxs)(p.Fragment,{children:[n>0&&" \xB7 ",i.label,": ",i.value]},n))})]}),(0,e.jsxs)("div",{className:"laptop:justify-end laptop:flex-row laptop:items-center flex w-full flex-1 shrink-0 flex-col items-start gap-2",children:[s&&(0,e.jsx)("div",{className:"flex flex-col gap-1",children:s}),m]})]}),o.length>0&&(0,e.jsxs)("div",{className:"laptop:block hidden",children:[(0,e.jsx)("div",{className:"bg-lines-1 my-6 h-px"}),(0,e.jsx)("div",{className:"flex flex-col gap-4",children:b(o)})]})]})]}),o.length>0&&(0,e.jsxs)("div",{className:"laptop:hidden",children:[(0,e.jsx)("div",{className:"bg-lines-1 my-8 h-px"}),(0,e.jsx)("div",{className:"flex flex-col gap-4",children:b(o)})]}),(0,e.jsx)(c.Dialog,{open:!!u,onOpenChange:i=>!i&&x(null),children:(0,e.jsxs)(c.DialogContent,{className:"max-w-sm",children:[(0,e.jsx)(c.DialogHeader,{children:(0,e.jsx)(c.DialogTitle,{children:"Remove item?"})}),(0,e.jsxs)(r.Text,{as:"p",className:"text-info-tertiary text-[14px] leading-[1.4]",children:["Are you sure you want to remove ",(0,e.jsx)("span",{className:"text-info-primary",children:S?.name})," from your cart?"]}),(0,e.jsxs)(c.DialogFooter,{className:"gap-2",children:[(0,e.jsx)(y.default,{variant:"secondary",size:"base",onClick:()=>x(null),children:"Cancel"}),(0,e.jsx)(y.default,{variant:"primary",size:"base",onClick:j,children:"Remove"})]})]})})]})});k.displayName="MainProductArea";var O=k;
+//# sourceMappingURL=index.js.map

package/dist/cjs/biz-components/AccessoriesShelf/components/MainProductArea/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/biz-components/AccessoriesShelf/components/MainProductArea/index.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../../../helpers/index.js'\nimport InputNumber, { type InputNumberProps } from '../../../../components/input-number.js'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from '../../../../components/dialog.js'\nimport Button from '../../../../components/button.js'\nimport { Text, Heading, Picture } from '../../../../components/index.js'\nimport type { AccessoryProductData } from '../AccessoryShelf/types.js'\n\nexport interface MainProductAreaProps {\n  productTitle: string\n  variantImage?: { url: string; altText?: string | null } | null\n  paramList?: { label: string; value: string }[]\n  addedItems?: AccessoryProductData[]\n  priceSlot?: React.ReactNode\n  actionSlot?: React.ReactNode\n  onItemQuantityChange?: (item: AccessoryProductData, qty: number) => void\n  onItemRemove?: (item: AccessoryProductData) => void\n  addedItemQuantities?: Record<string, number>\n  className?: string\n}\n\nconst AddedItemRow = ({\n  item,\n  quantity,\n  onQuantityChange,\n  onRemoveClick,\n}: {\n  item: AccessoryProductData\n  quantity: number\n  onQuantityChange: (qty: number) => void\n  onRemoveClick: () => void\n}) => {\n  const handleQuantityChange = (qty: number) => {\n    if (qty < 1) {\n      onRemoveClick()\n    } else {\n      onQuantityChange(qty)\n    }\n  }\n\n  return (\n    <div className=\"flex items-center gap-3\">\n      <div className=\"size-[80px] shrink-0 overflow-hidden rounded-md mix-blend-multiply\">\n        <img src={item.image ?? ''} alt={item.name} className=\"size-full object-contain\" />\n      </div>\n      <div className=\"laptop:gap-2 flex w-full flex-col gap-2\">\n        <div className=\"laptop:flex-row laptop:justify-between flex w-full min-w-0 flex-1 flex-col gap-1\">\n          <Heading\n            size={2}\n            className=\"text-info-primary laptop:text-base line-clamp-2 text-[14px] font-bold leading-[1.2] tracking-[-0.28px]\"\n          >\n            {item.name}\n          </Heading>\n          <div className=\"flex items-center gap-1\">\n            <Text\n              as=\"span\"\n              className=\"text-info-primary laptop:text-base text-[14px] font-bold leading-tight tracking-[-0.28px]\"\n            >\n              {item.price}\n            </Text>\n            <Text\n              as=\"span\"\n              className=\"text-info-tertiary text-[14px] font-bold leading-tight tracking-[-0.28px] line-through\"\n            >\n              {item.originalPrice}\n            </Text>\n          </div>\n        </div>\n        <div className=\"flex shrink-0 flex-row justify-between\">\n          <InputNumber\n            classNames={{\n              root: 'border-lines border-[1px] rounded-lg',\n              inputWrapper: 'mx-0 laptop:w-[40px] size-[28px] laptop:h-[32px]',\n              input: 'border-none',\n              button: 'border-none size-[28px] laptop:size-8',\n            }}\n            value={quantity}\n            min={0}\n            onChange={handleQuantityChange as InputNumberProps['onChange']}\n          />\n          <button\n            onClick={onRemoveClick}\n            className=\"text-info-tertiary laptop:text-base text-[14px] font-bold leading-tight tracking-[-0.28px] underline\"\n          >\n            Remove\n          </button>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nconst MainProductArea = React.forwardRef<HTMLDivElement, MainProductAreaProps>(\n  (\n    {\n      productTitle,\n      variantImage,\n      paramList,\n      addedItems = [],\n      priceSlot,\n      actionSlot,\n      onItemQuantityChange,\n      onItemRemove,\n      addedItemQuantities,\n      className,\n    },\n    ref\n  ) => {\n    const [quantities, setQuantities] = React.useState<Record<string, number>>(() => addedItemQuantities ?? {})\n    const [pendingRemoveSku, setPendingRemoveSku] = React.useState<string | null>(null)\n\n    React.useEffect(() => {\n      if (addedItemQuantities) {\n        setQuantities(addedItemQuantities)\n      }\n    }, [addedItemQuantities])\n\n    const handleQuantityChange = (item: AccessoryProductData, qty: number) => {\n      setQuantities(prev => ({ ...prev, [item.sku]: qty }))\n      onItemQuantityChange?.(item, qty)\n    }\n\n    const handleRemoveConfirm = () => {\n      if (!pendingRemoveSku) return\n      const item = addedItems.find(i => i.sku === pendingRemoveSku)\n      setPendingRemoveSku(null)\n      if (item) onItemRemove?.(item)\n    }\n\n    const pendingRemoveItem = addedItems.find(i => i.sku === pendingRemoveSku)\n\n    const renderItems = (items: AccessoryProductData[]) =>\n      items.map(item => (\n        <AddedItemRow\n          key={item.sku}\n          item={item}\n          quantity={quantities[item.sku] ?? 1}\n          onQuantityChange={qty => handleQuantityChange(item, qty)}\n          onRemoveClick={() => setPendingRemoveSku(item.sku)}\n        />\n      ))\n\n    return (\n      <div ref={ref} className={cn('rounded-card', className)}>\n        <div className=\"laptop:gap-16 laptop:items-center flex items-start gap-2\">\n          <div className=\"laptop:size-[216px] size-[80px] shrink-0 overflow-hidden mix-blend-multiply\">\n            <Picture\n              source={variantImage?.url}\n              alt={variantImage?.altText ?? productTitle}\n              className=\"size-full\"\n              imgClassName=\"object-cover h-full\"\n            />\n          </div>\n\n          <div className=\"flex-1\">\n            <div className=\"laptop:flex-row flex min-w-0 flex-col items-center justify-between gap-4\">\n              <div className=\"flex w-full min-w-0 flex-1 flex-col gap-1\">\n                <Heading as=\"h1\" size={2} className=\"text-info-primary tracking-[-0.8px]\" html={productTitle} />\n                {paramList && paramList.length > 0 && (\n                  <Text\n                    as=\"p\"\n                    className=\"lg-desktop:text-[16px] text-info-tertiary text-[14px] font-bold leading-[1.4] tracking-[-0.28px]\"\n                  >\n                    {paramList.map((p, i) => (\n                      <React.Fragment key={i}>\n                        {i > 0 && ' \u00B7 '}\n                        {p.label}: {p.value}\n                      </React.Fragment>\n                    ))}\n                  </Text>\n                )}\n              </div>\n              <div className=\"laptop:justify-end laptop:flex-row laptop:items-center flex w-full flex-1 shrink-0 flex-col items-start gap-2\">\n                {priceSlot && <div className=\"flex flex-col gap-1\">{priceSlot}</div>}\n                {actionSlot}\n              </div>\n            </div>\n\n            {addedItems.length > 0 && (\n              <div className=\"laptop:block hidden\">\n                <div className=\"bg-lines-1 my-6 h-px\" />\n                <div className=\"flex flex-col gap-4\">{renderItems(addedItems)}</div>\n              </div>\n            )}\n          </div>\n        </div>\n\n        {addedItems.length > 0 && (\n          <div className=\"laptop:hidden\">\n            <div className=\"bg-lines-1 my-8 h-px\" />\n            <div className=\"flex flex-col gap-4\">{renderItems(addedItems)}</div>\n          </div>\n        )}\n\n        <Dialog open={!!pendingRemoveSku} onOpenChange={open => !open && setPendingRemoveSku(null)}>\n          <DialogContent className=\"max-w-sm\">\n            <DialogHeader>\n              <DialogTitle>Remove item?</DialogTitle>\n            </DialogHeader>\n            <Text as=\"p\" className=\"text-info-tertiary text-[14px] leading-[1.4]\">\n              Are you sure you want to remove <span className=\"text-info-primary\">{pendingRemoveItem?.name}</span> from\n              your cart?\n            </Text>\n            <DialogFooter className=\"gap-2\">\n              <Button variant=\"secondary\" size=\"base\" onClick={() => setPendingRemoveSku(null)}>\n                Cancel\n              </Button>\n              <Button variant=\"primary\" size=\"base\" onClick={handleRemoveConfirm}>\n                Remove\n              </Button>\n            </DialogFooter>\n          </DialogContent>\n        </Dialog>\n      </div>\n    )\n  }\n)\n\nMainProductArea.displayName = 'MainProductArea'\n\nexport default MainProductArea\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA6CQ,IAAAI,EAAA,6BA3CRC,EAAuB,oBACvBC,EAAmB,wCACnBC,EAAmD,qDACnDC,EAA+E,4CAC/EC,EAAmB,+CACnBC,EAAuC,2CAgBvC,MAAMC,EAAe,CAAC,CACpB,KAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,cAAAC,CACF,IAKM,CACJ,MAAMC,EAAwBC,GAAgB,CACxCA,EAAM,EACRF,EAAc,EAEdD,EAAiBG,CAAG,CAExB,EAEA,SACE,QAAC,OAAI,UAAU,0BACb,oBAAC,OAAI,UAAU,qEACb,mBAAC,OAAI,IAAKL,EAAK,OAAS,GAAI,IAAKA,EAAK,KAAM,UAAU,2BAA2B,EACnF,KACA,QAAC,OAAI,UAAU,0CACb,qBAAC,OAAI,UAAU,mFACb,oBAAC,WACC,KAAM,EACN,UAAU,yGAET,SAAAA,EAAK,KACR,KACA,QAAC,OAAI,UAAU,0BACb,oBAAC,QACC,GAAG,OACH,UAAU,4FAET,SAAAA,EAAK,MACR,KACA,OAAC,QACC,GAAG,OACH,UAAU,yFAET,SAAAA,EAAK,cACR,GACF,GACF,KACA,QAAC,OAAI,UAAU,yCACb,oBAAC,EAAAM,QAAA,CACC,WAAY,CACV,KAAM,uCACN,aAAc,mDACd,MAAO,cACP,OAAQ,uCACV,EACA,MAAOL,EACP,IAAK,EACL,SAAUG,EACZ,KACA,OAAC,UACC,QAASD,EACT,UAAU,uGACX,kBAED,GACF,GACF,GACF,CAEJ,EAEMI,EAAkBd,EAAM,WAC5B,CACE,CACE,aAAAe,EACA,aAAAC,EACA,UAAAC,EACA,WAAAC,EAAa,CAAC,EACd,UAAAC,EACA,WAAAC,EACA,qBAAAC,EACA,aAAAC,EACA,oBAAAC,EACA,UAAAC,CACF,EACAC,IACG,CACH,KAAM,CAACC,EAAYC,CAAa,EAAI3B,EAAM,SAAiC,IAAMuB,GAAuB,CAAC,CAAC,EACpG,CAACK,EAAkBC,CAAmB,EAAI7B,EAAM,SAAwB,IAAI,EAElFA,EAAM,UAAU,IAAM,CAChBuB,GACFI,EAAcJ,CAAmB,CAErC,EAAG,CAACA,CAAmB,CAAC,EAExB,MAAMZ,EAAuB,CAACJ,EAA4BK,IAAgB,CACxEe,EAAcG,IAAS,CAAE,GAAGA,EAAM,CAACvB,EAAK,GAAG,EAAGK,CAAI,EAAE,EACpDS,IAAuBd,EAAMK,CAAG,CAClC,EAEMmB,EAAsB,IAAM,CAChC,GAAI,CAACH,EAAkB,OACvB,MAAMrB,EAAOW,EAAW,KAAKc,GAAKA,EAAE,MAAQJ,CAAgB,EAC5DC,EAAoB,IAAI,EACpBtB,GAAMe,IAAef,CAAI,CAC/B,EAEM0B,EAAoBf,EAAW,KAAK,GAAK,EAAE,MAAQU,CAAgB,EAEnEM,EAAeC,GACnBA,EAAM,IAAI5B,MACR,OAACD,EAAA,CAEC,KAAMC,EACN,SAAUmB,EAAWnB,EAAK,GAAG,GAAK,EAClC,iBAAkBK,GAAOD,EAAqBJ,EAAMK,CAAG,EACvD,cAAe,IAAMiB,EAAoBtB,EAAK,GAAG,GAJ5CA,EAAK,GAKZ,CACD,EAEH,SACE,QAAC,OAAI,IAAKkB,EAAK,aAAW,MAAG,eAAgBD,CAAS,EACpD,qBAAC,OAAI,UAAU,2DACb,oBAAC,OAAI,UAAU,8EACb,mBAAC,WACC,OAAQR,GAAc,IACtB,IAAKA,GAAc,SAAWD,EAC9B,UAAU,YACV,aAAa,sBACf,EACF,KAEA,QAAC,OAAI,UAAU,SACb,qBAAC,OAAI,UAAU,2EACb,qBAAC,OAAI,UAAU,4CACb,oBAAC,WAAQ,GAAG,KAAK,KAAM,EAAG,UAAU,sCAAsC,KAAMA,EAAc,EAC7FE,GAAaA,EAAU,OAAS,MAC/B,OAAC,QACC,GAAG,IACH,UAAU,mGAET,SAAAA,EAAU,IAAI,CAACmB,EAAGJ,OACjB,QAAChC,EAAM,SAAN,CACE,UAAAgC,EAAI,GAAK,SACTI,EAAE,MAAM,KAAGA,EAAE,QAFKJ,CAGrB,CACD,EACH,GAEJ,KACA,QAAC,OAAI,UAAU,gHACZ,UAAAb,MAAa,OAAC,OAAI,UAAU,sBAAuB,SAAAA,EAAU,EAC7DC,GACH,GACF,EAECF,EAAW,OAAS,MACnB,QAAC,OAAI,UAAU,sBACb,oBAAC,OAAI,UAAU,uBAAuB,KACtC,OAAC,OAAI,UAAU,sBAAuB,SAAAgB,EAAYhB,CAAU,EAAE,GAChE,GAEJ,GACF,EAECA,EAAW,OAAS,MACnB,QAAC,OAAI,UAAU,gBACb,oBAAC,OAAI,UAAU,uBAAuB,KACtC,OAAC,OAAI,UAAU,sBAAuB,SAAAgB,EAAYhB,CAAU,EAAE,GAChE,KAGF,OAAC,UAAO,KAAM,CAAC,CAACU,EAAkB,aAAcS,GAAQ,CAACA,GAAQR,EAAoB,IAAI,EACvF,oBAAC,iBAAc,UAAU,WACvB,oBAAC,gBACC,mBAAC,eAAY,wBAAY,EAC3B,KACA,QAAC,QAAK,GAAG,IAAI,UAAU,+CAA+C,gDACpC,OAAC,QAAK,UAAU,oBAAqB,SAAAI,GAAmB,KAAK,EAAO,oBAEtG,KACA,QAAC,gBAAa,UAAU,QACtB,oBAAC,EAAAK,QAAA,CAAO,QAAQ,YAAY,KAAK,OAAO,QAAS,IAAMT,EAAoB,IAAI,EAAG,kBAElF,KACA,OAAC,EAAAS,QAAA,CAAO,QAAQ,UAAU,KAAK,OAAO,QAASP,EAAqB,kBAEpE,GACF,GACF,EACF,GACF,CAEJ,CACF,EAEAjB,EAAgB,YAAc,kBAE9B,IAAOjB,EAAQiB",
+  "names": ["MainProductArea_exports", "__export", "MainProductArea_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_input_number", "import_dialog", "import_button", "import_components", "AddedItemRow", "item", "quantity", "onQuantityChange", "onRemoveClick", "handleQuantityChange", "qty", "InputNumber", "MainProductArea", "productTitle", "variantImage", "paramList", "addedItems", "priceSlot", "actionSlot", "onItemQuantityChange", "onItemRemove", "addedItemQuantities", "className", "ref", "quantities", "setQuantities", "pendingRemoveSku", "setPendingRemoveSku", "prev", "handleRemoveConfirm", "i", "pendingRemoveItem", "renderItems", "items", "p", "open", "Button"]
+}

package/dist/cjs/biz-components/AccessoriesShelf/components/PromoBanner/index.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { UserType, BannerConfig, BannerAction } from '../../types.js';
+export interface PromoBannerProps {
+    userType: UserType;
+    configs: Partial<Record<UserType, BannerConfig | null>>;
+    onAction?: (action: BannerAction) => void;
+    className?: string;
+}
+declare const PromoBanner: React.ForwardRefExoticComponent<PromoBannerProps & React.RefAttributes<HTMLDivElement>>;
+export default PromoBanner;

package/dist/cjs/biz-components/AccessoriesShelf/components/PromoBanner/index.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var u=Object.create;var l=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,L=Object.prototype.hasOwnProperty;var y=(n,o)=>{for(var t in o)l(n,t,{get:o[t],enumerable:!0})},c=(n,o,t,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of h(o))!L.call(n,i)&&i!==t&&l(n,i,{get:()=>o[i],enumerable:!(s=x(o,i))||s.enumerable});return n};var b=(n,o,t)=>(t=n!=null?u(v(n)):{},c(o||!n||!n.__esModule?l(t,"default",{value:n,enumerable:!0}):t,n)),w=n=>c(l({},"__esModule",{value:!0}),n);var P={};y(P,{default:()=>F});module.exports=w(P);var e=require("react/jsx-runtime"),_=b(require("react")),C=require("../../../../helpers/index.js"),g=require("../../../../components/index.js");const B=()=>(0,e.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"24",viewBox:"0 0 28 24",fill:"none",children:[(0,e.jsx)("path",{d:"M20.3194 0C21.1834 0 21.9923 0.429768 22.479 1.14948L27.5462 8.64391C28.2476 9.68126 28.125 11.0736 27.254 11.9707L16.6544 22.8856C15.2122 24.3702 12.8426 24.3716 11.3981 22.8891L0.748688 11.9602C-0.114133 11.0747 -0.24628 9.7017 0.430898 8.66496L5.31604 1.18456C5.79941 0.444636 6.62004 0 7.49882 0H20.3194Z",fill:"#005D8E"}),(0,e.jsx)("path",{d:"M19.0076 8.33664C19.4627 7.88876 20.2013 7.88756 20.6574 8.3344C21.1132 8.78154 21.1144 9.50728 20.6596 9.95535L14.8762 15.6466C14.3983 16.1168 13.6232 16.118 13.1443 15.6488L7.34264 9.95759C6.88678 9.51045 6.88556 8.78471 7.34036 8.33664C7.79546 7.88876 8.53413 7.88756 8.99017 8.3344L14.008 13.2555L19.0076 8.33664Z",fill:"white"})]}),k=()=>(0,e.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"24",viewBox:"0 0 28 24",fill:"none",children:[(0,e.jsx)("path",{d:"M20.3194 0C21.1834 0 21.9923 0.429768 22.479 1.14948L27.5462 8.64391C28.2476 9.68126 28.125 11.0736 27.254 11.9707L16.6544 22.8856C15.2122 24.3702 12.8426 24.3716 11.3981 22.8891L0.748688 11.9602C-0.114133 11.0747 -0.24628 9.7017 0.430898 8.66496L5.31604 1.18456C5.79941 0.444636 6.62004 0 7.49882 0H20.3194Z",fill:"url(#paint0_linear_5861_8479)"}),(0,e.jsx)("path",{d:"M19.0076 8.33664C19.4627 7.88876 20.2013 7.88756 20.6574 8.3344C21.1132 8.78154 21.1144 9.50728 20.6596 9.95535L14.8762 15.6466C14.3983 16.1168 13.6232 16.118 13.1443 15.6488L7.34264 9.95759C6.88678 9.51045 6.88556 8.78471 7.34036 8.33664C7.79546 7.88876 8.53413 7.88756 8.99017 8.3344L14.008 13.2555L19.0076 8.33664Z",fill:"url(#paint1_linear_5861_8479)"}),(0,e.jsxs)("defs",{children:[(0,e.jsxs)("linearGradient",{id:"paint0_linear_5861_8479",x1:"-0.341464",y1:"1.07126e-06",x2:"30.68",y2:"4.66513",gradientUnits:"userSpaceOnUse",children:[(0,e.jsx)("stop",{stopColor:"#6E6754"}),(0,e.jsx)("stop",{offset:"1",stopColor:"#070708"})]}),(0,e.jsxs)("linearGradient",{id:"paint1_linear_5861_8479",x1:"6.82927",y1:"8",x2:"21.9228",y2:"11.4047",gradientUnits:"userSpaceOnUse",children:[(0,e.jsx)("stop",{stopColor:"#FFF5E0"}),(0,e.jsx)("stop",{offset:"1",stopColor:"#E8C08A"})]})]})]}),E={guest:"bg-[#E1F8FE]",member:"bg-[#FFF1E1]","plus-member":"bg-[#FFF1E1]"},f=_.forwardRef(({userType:n,configs:o,onAction:t,className:s},i)=>{const r=o[n];if(!r)return null;const p=()=>{r.action&&t?.(r.action)},a=!!r.action,m=r.backgroundColor?void 0:E[n];return(0,e.jsx)("div",{ref:i,role:a?"button":void 0,tabIndex:a?0:void 0,onClick:a?p:void 0,onKeyDown:a?d=>{(d.key==="Enter"||d.key===" ")&&(d.preventDefault(),p())}:void 0,className:(0,C.cn)("rounded-card flex items-center justify-center px-6 py-4","lg-desktop:text-[16px] text-[14px] font-bold leading-[1.4] tracking-[-0.28px]",m,a&&"cursor-pointer",s),style:r.backgroundColor?{backgroundColor:r.backgroundColor}:void 0,children:(0,e.jsxs)("div",{className:"flex items-center gap-1",children:[n==="guest"?(0,e.jsx)(B,{}):(0,e.jsx)(k,{}),(0,e.jsx)(g.Text,{html:r.text,as:"div",className:"[&_a]:text-brand-0 flex items-center gap-1 [&_a]:underline"})]})})});f.displayName="PromoBanner";var F=f;
+//# sourceMappingURL=index.js.map

package/dist/cjs/biz-components/AccessoriesShelf/components/PromoBanner/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/biz-components/AccessoriesShelf/components/PromoBanner/index.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../../../helpers/index.js'\nimport type { UserType, BannerConfig, BannerAction } from '../../types.js'\nimport { Text } from '../../../../components/index.js'\n\nexport interface PromoBannerProps {\n  userType: UserType\n  configs: Partial<Record<UserType, BannerConfig | null>>\n  onAction?: (action: BannerAction) => void\n  className?: string\n}\n\nconst GuestPromotionalIcon = () => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"24\" viewBox=\"0 0 28 24\" fill=\"none\">\n      <path\n        d=\"M20.3194 0C21.1834 0 21.9923 0.429768 22.479 1.14948L27.5462 8.64391C28.2476 9.68126 28.125 11.0736 27.254 11.9707L16.6544 22.8856C15.2122 24.3702 12.8426 24.3716 11.3981 22.8891L0.748688 11.9602C-0.114133 11.0747 -0.24628 9.7017 0.430898 8.66496L5.31604 1.18456C5.79941 0.444636 6.62004 0 7.49882 0H20.3194Z\"\n        fill=\"#005D8E\"\n      />\n      <path\n        d=\"M19.0076 8.33664C19.4627 7.88876 20.2013 7.88756 20.6574 8.3344C21.1132 8.78154 21.1144 9.50728 20.6596 9.95535L14.8762 15.6466C14.3983 16.1168 13.6232 16.118 13.1443 15.6488L7.34264 9.95759C6.88678 9.51045 6.88556 8.78471 7.34036 8.33664C7.79546 7.88876 8.53413 7.88756 8.99017 8.3344L14.008 13.2555L19.0076 8.33664Z\"\n        fill=\"white\"\n      />\n    </svg>\n  )\n}\n\nconst MemberPromotionalIcon = () => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"24\" viewBox=\"0 0 28 24\" fill=\"none\">\n      <path\n        d=\"M20.3194 0C21.1834 0 21.9923 0.429768 22.479 1.14948L27.5462 8.64391C28.2476 9.68126 28.125 11.0736 27.254 11.9707L16.6544 22.8856C15.2122 24.3702 12.8426 24.3716 11.3981 22.8891L0.748688 11.9602C-0.114133 11.0747 -0.24628 9.7017 0.430898 8.66496L5.31604 1.18456C5.79941 0.444636 6.62004 0 7.49882 0H20.3194Z\"\n        fill=\"url(#paint0_linear_5861_8479)\"\n      />\n      <path\n        d=\"M19.0076 8.33664C19.4627 7.88876 20.2013 7.88756 20.6574 8.3344C21.1132 8.78154 21.1144 9.50728 20.6596 9.95535L14.8762 15.6466C14.3983 16.1168 13.6232 16.118 13.1443 15.6488L7.34264 9.95759C6.88678 9.51045 6.88556 8.78471 7.34036 8.33664C7.79546 7.88876 8.53413 7.88756 8.99017 8.3344L14.008 13.2555L19.0076 8.33664Z\"\n        fill=\"url(#paint1_linear_5861_8479)\"\n      />\n      <defs>\n        <linearGradient\n          id=\"paint0_linear_5861_8479\"\n          x1=\"-0.341464\"\n          y1=\"1.07126e-06\"\n          x2=\"30.68\"\n          y2=\"4.66513\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#6E6754\" />\n          <stop offset=\"1\" stopColor=\"#070708\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint1_linear_5861_8479\"\n          x1=\"6.82927\"\n          y1=\"8\"\n          x2=\"21.9228\"\n          y2=\"11.4047\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#FFF5E0\" />\n          <stop offset=\"1\" stopColor=\"#E8C08A\" />\n        </linearGradient>\n      </defs>\n    </svg>\n  )\n}\n\nconst BANNER_BG: Record<UserType, string> = {\n  guest: 'bg-[#E1F8FE]',\n  member: 'bg-[#FFF1E1]',\n  'plus-member': 'bg-[#FFF1E1]',\n}\n\nconst PromoBanner = React.forwardRef<HTMLDivElement, PromoBannerProps>(\n  ({ userType, configs, onAction, className }, ref) => {\n    const config = configs[userType]\n    if (!config) return null\n\n    const handleClick = () => {\n      if (config.action) onAction?.(config.action)\n    }\n\n    const hasClickBehavior = !!config.action\n    const bgColor = config.backgroundColor ? undefined : BANNER_BG[userType]\n\n    return (\n      <div\n        ref={ref}\n        role={hasClickBehavior ? 'button' : undefined}\n        tabIndex={hasClickBehavior ? 0 : undefined}\n        onClick={hasClickBehavior ? handleClick : undefined}\n        onKeyDown={\n          hasClickBehavior\n            ? e => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault()\n                  handleClick()\n                }\n              }\n            : undefined\n        }\n        className={cn(\n          'rounded-card flex items-center justify-center px-6 py-4',\n          'lg-desktop:text-[16px] text-[14px] font-bold leading-[1.4] tracking-[-0.28px]',\n          bgColor,\n          hasClickBehavior && 'cursor-pointer',\n          className\n        )}\n        style={config.backgroundColor ? { backgroundColor: config.backgroundColor } : undefined}\n      >\n        <div className=\"flex items-center gap-1\">\n          {userType === 'guest' ? <GuestPromotionalIcon /> : <MemberPromotionalIcon />}\n          <Text html={config.text} as=\"div\" className=\"[&_a]:text-brand-0 flex items-center gap-1 [&_a]:underline\" />\n        </div>\n      </div>\n    )\n  }\n)\n\nPromoBanner.displayName = 'PromoBanner'\n\nexport default PromoBanner\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAgBI,IAAAI,EAAA,6BAdJC,EAAuB,oBACvBC,EAAmB,wCAEnBC,EAAqB,2CASrB,MAAMC,EAAuB,OAEzB,QAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACtF,oBAAC,QACC,EAAE,uTACF,KAAK,UACP,KACA,OAAC,QACC,EAAE,gUACF,KAAK,QACP,GACF,EAIEC,EAAwB,OAE1B,QAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACtF,oBAAC,QACC,EAAE,uTACF,KAAK,gCACP,KACA,OAAC,QACC,EAAE,gUACF,KAAK,gCACP,KACA,QAAC,QACC,qBAAC,kBACC,GAAG,0BACH,GAAG,YACH,GAAG,cACH,GAAG,QACH,GAAG,UACH,cAAc,iBAEd,oBAAC,QAAK,UAAU,UAAU,KAC1B,OAAC,QAAK,OAAO,IAAI,UAAU,UAAU,GACvC,KACA,QAAC,kBACC,GAAG,0BACH,GAAG,UACH,GAAG,IACH,GAAG,UACH,GAAG,UACH,cAAc,iBAEd,oBAAC,QAAK,UAAU,UAAU,KAC1B,OAAC,QAAK,OAAO,IAAI,UAAU,UAAU,GACvC,GACF,GACF,EAIEC,EAAsC,CAC1C,MAAO,eACP,OAAQ,eACR,cAAe,cACjB,EAEMC,EAAcN,EAAM,WACxB,CAAC,CAAE,SAAAO,EAAU,QAAAC,EAAS,SAAAC,EAAU,UAAAC,CAAU,EAAGC,IAAQ,CACnD,MAAMC,EAASJ,EAAQD,CAAQ,EAC/B,GAAI,CAACK,EAAQ,OAAO,KAEpB,MAAMC,EAAc,IAAM,CACpBD,EAAO,QAAQH,IAAWG,EAAO,MAAM,CAC7C,EAEME,EAAmB,CAAC,CAACF,EAAO,OAC5BG,EAAUH,EAAO,gBAAkB,OAAYP,EAAUE,CAAQ,EAEvE,SACE,OAAC,OACC,IAAKI,EACL,KAAMG,EAAmB,SAAW,OACpC,SAAUA,EAAmB,EAAI,OACjC,QAASA,EAAmBD,EAAc,OAC1C,UACEC,EACIE,GAAK,EACCA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,OACjCA,EAAE,eAAe,EACjBH,EAAY,EAEhB,EACA,OAEN,aAAW,MACT,0DACA,gFACAE,EACAD,GAAoB,iBACpBJ,CACF,EACA,MAAOE,EAAO,gBAAkB,CAAE,gBAAiBA,EAAO,eAAgB,EAAI,OAE9E,oBAAC,OAAI,UAAU,0BACZ,UAAAL,IAAa,WAAU,OAACJ,EAAA,EAAqB,KAAK,OAACC,EAAA,EAAsB,KAC1E,OAAC,QAAK,KAAMQ,EAAO,KAAM,GAAG,MAAM,UAAU,6DAA6D,GAC3G,EACF,CAEJ,CACF,EAEAN,EAAY,YAAc,cAE1B,IAAOT,EAAQS",
+  "names": ["PromoBanner_exports", "__export", "PromoBanner_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_components", "GuestPromotionalIcon", "MemberPromotionalIcon", "BANNER_BG", "PromoBanner", "userType", "configs", "onAction", "className", "ref", "config", "handleClick", "hasClickBehavior", "bgColor", "e"]
+}

package/dist/cjs/biz-components/AccessoriesShelf/components/SectionHeader/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface SectionHeaderProps {
+    title: string;
+    subtitle?: string;
+    selectionNote?: string;
+    className?: string;
+}
+declare const SectionHeader: React.ForwardRefExoticComponent<SectionHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export default SectionHeader;

package/dist/cjs/biz-components/AccessoriesShelf/components/SectionHeader/index.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var m=Object.create;var l=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var N=(e,t)=>{for(var a in t)l(e,a,{get:t[a],enumerable:!0})},n=(e,t,a,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of f(t))!g.call(e,i)&&i!==a&&l(e,i,{get:()=>t[i],enumerable:!(s=d(t,i))||s.enumerable});return e};var w=(e,t,a)=>(a=e!=null?m(c(e)):{},n(t||!e||!e.__esModule?l(a,"default",{value:e,enumerable:!0}):a,e)),H=e=>n(l({},"__esModule",{value:!0}),e);var v={};N(v,{default:()=>k});module.exports=H(v);var r=require("react/jsx-runtime"),h=w(require("react")),x=require("../../../../helpers/index.js"),o=require("../../../../components/index.js");const p=h.forwardRef(({title:e,subtitle:t,selectionNote:a,className:s},i)=>(0,r.jsxs)("div",{ref:i,className:(0,x.cn)("laptop:flex-row laptop:items-end flex flex-col justify-between gap-6",s),children:[(0,r.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col gap-2",children:[(0,r.jsx)(o.Heading,{html:e,size:4,className:"text-info-primary"}),t&&(0,r.jsx)(o.Text,{as:"p",html:t,className:"lg-desktop:text-[16px] text-info-primary text-[14px] font-bold leading-[1.4] tracking-[-0.28px]"})]}),a&&(0,r.jsx)(o.Text,{as:"p",html:a,className:"lg-desktop:text-[16px] [&_span]:text-brand-0 text-info-primary shrink-0 whitespace-nowrap text-[14px] font-bold leading-[1.4] tracking-[-0.28px]"})]}));p.displayName="SectionHeader";var k=p;
+//# sourceMappingURL=index.js.map

package/dist/cjs/biz-components/AccessoriesShelf/components/SectionHeader/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/biz-components/AccessoriesShelf/components/SectionHeader/index.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../../../helpers/index.js'\nimport { Text, Heading } from '../../../../components/index.js'\n\nexport interface SectionHeaderProps {\n  title: string\n  subtitle?: string\n  selectionNote?: string\n  className?: string\n}\n\nconst SectionHeader = React.forwardRef<HTMLDivElement, SectionHeaderProps>(\n  ({ title, subtitle, selectionNote, className }, ref) => {\n    return (\n      <div ref={ref} className={cn('laptop:flex-row laptop:items-end flex flex-col justify-between gap-6', className)}>\n        <div className=\"flex min-w-0 flex-1 flex-col gap-2\">\n          <Heading html={title} size={4} className=\"text-info-primary\" />\n          {subtitle && (\n            <Text\n              as=\"p\"\n              html={subtitle}\n              className=\"lg-desktop:text-[16px] text-info-primary text-[14px] font-bold leading-[1.4] tracking-[-0.28px]\"\n            />\n          )}\n        </div>\n        {selectionNote && (\n          <Text\n            as=\"p\"\n            html={selectionNote}\n            className=\"lg-desktop:text-[16px] [&_span]:text-brand-0 text-info-primary shrink-0 whitespace-nowrap text-[14px] font-bold leading-[1.4] tracking-[-0.28px]\"\n          />\n        )}\n      </div>\n    )\n  }\n)\n\nSectionHeader.displayName = 'SectionHeader'\n\nexport default SectionHeader\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAiBQ,IAAAI,EAAA,6BAfRC,EAAuB,oBACvBC,EAAmB,wCACnBC,EAA8B,2CAS9B,MAAMC,EAAgBH,EAAM,WAC1B,CAAC,CAAE,MAAAI,EAAO,SAAAC,EAAU,cAAAC,EAAe,UAAAC,CAAU,EAAGC,OAE5C,QAAC,OAAI,IAAKA,EAAK,aAAW,MAAG,uEAAwED,CAAS,EAC5G,qBAAC,OAAI,UAAU,qCACb,oBAAC,WAAQ,KAAMH,EAAO,KAAM,EAAG,UAAU,oBAAoB,EAC5DC,MACC,OAAC,QACC,GAAG,IACH,KAAMA,EACN,UAAU,kGACZ,GAEJ,EACCC,MACC,OAAC,QACC,GAAG,IACH,KAAMA,EACN,UAAU,mJACZ,GAEJ,CAGN,EAEAH,EAAc,YAAc,gBAE5B,IAAON,EAAQM",
+  "names": ["SectionHeader_exports", "__export", "SectionHeader_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_components", "SectionHeader", "title", "subtitle", "selectionNote", "className", "ref"]
+}

package/dist/cjs/biz-components/AccessoriesShelf/index.d.ts

@@ -0,0 +1,7 @@
+import MainProductArea from './components/MainProductArea/index.js';
+import PromoBanner from './components/PromoBanner/index.js';
+import SectionHeader from './components/SectionHeader/index.js';
+import AccessoriesProductGrid from './components/AccessoriesProductGrid/index.js';
+import type { UserType, BannerConfig, BannerAction } from './types.js';
+export { AccessoriesProductGrid, SectionHeader, PromoBanner, MainProductArea };
+export type { UserType, BannerConfig, BannerAction };

package/dist/cjs/biz-components/AccessoriesShelf/index.js

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

package/dist/cjs/biz-components/AccessoriesShelf/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/AccessoriesShelf/index.tsx"],
+  "sourcesContent": ["// 'use client'\n\nimport MainProductArea from './components/MainProductArea/index.js'\nimport PromoBanner from './components/PromoBanner/index.js'\nimport SectionHeader from './components/SectionHeader/index.js'\nimport AccessoriesProductGrid from './components/AccessoriesProductGrid/index.js'\nimport type { UserType, BannerConfig, BannerAction } from './types.js'\n\nexport { AccessoriesProductGrid, SectionHeader, PromoBanner, MainProductArea }\nexport type { UserType, BannerConfig, BannerAction }\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,8BAAAE,QAAA,sBAAAC,QAAA,kBAAAC,QAAA,oBAAAC,UAAA,eAAAC,EAAAN,GAEA,IAAAO,EAA4B,oDAC5BC,EAAwB,gDACxBC,EAA0B,kDAC1BC,EAAmC",
+  "names": ["AccessoriesShelf_exports", "__export", "AccessoriesProductGrid", "MainProductArea", "PromoBanner", "SectionHeader", "__toCommonJS", "import_MainProductArea", "import_PromoBanner", "import_SectionHeader", "import_AccessoriesProductGrid"]
+}

package/dist/cjs/biz-components/AccessoriesShelf/types.d.ts

@@ -0,0 +1,16 @@
+export type UserType = 'guest' | 'member' | 'plus-member';
+export type PriceStyleType = 1 | 2 | 3 | 4 | 5 | 6;
+export type BannerAction = {
+    type: 'link';
+    url: string;
+} | {
+    type: 'modal';
+} | {
+    type: 'addToCart';
+    skuId: string;
+};
+export interface BannerConfig {
+    text: string;
+    backgroundColor?: string;
+    action?: BannerAction;
+}

package/dist/cjs/biz-components/AccessoriesShelf/types.js

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

package/dist/cjs/biz-components/AccessoriesShelf/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/AccessoriesShelf/types.ts"],
+  "sourcesContent": ["export type UserType = 'guest' | 'member' | 'plus-member'\n\nexport type PriceStyleType = 1 | 2 | 3 | 4 | 5 | 6\n\nexport type BannerAction = { type: 'link'; url: string } | { type: 'modal' } | { type: 'addToCart'; skuId: string }\n\nexport interface BannerConfig {\n  text: string\n  backgroundColor?: string\n  action?: BannerAction\n}\n"],
+  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
+  "names": ["types_exports", "__toCommonJS"]
+}

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

@@ -18,10 +18,6 @@ export type AccordionCardsType = Omit<React.HTMLAttributes<HTMLDivElement>, 'cla
         key?: string;
         title?: string;
         products: Array<ItemType>;
-        /** 按钮形状 */
-        shape?: 'round' | 'square';
-        /** 卡片形状 */
-        itemShape?: 'round' | 'square';
         /** 主按钮配置 */
         primaryButton?: string;
         theme?: 'light' | 'dark';
@@ -54,10 +50,6 @@ declare const _default: React.ForwardRefExoticComponent<Omit<Omit<React.HTMLAttr
         key?: string;
         title?: string;
         products: Array<ItemType>;
-        /** 按钮形状 */
-        shape?: "round" | "square";
-        /** 卡片形状 */
-        itemShape?: "round" | "square";
         /** 主按钮配置 */
         primaryButton?: string;
         theme?: "light" | "dark";
@@ -83,7 +75,7 @@ declare const _default: React.ForwardRefExoticComponent<Omit<Omit<React.HTMLAttr
     event?: {
         primaryButton?: (_v: any, _index: number) => void;
     };
-} & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../WheelLottery/index.js").ContainerProps & React.RefAttributes<unknown>> & {
+} & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../index.js").ContainerProps & React.RefAttributes<unknown>> & {
     readonly $$typeof: symbol;
 };
 export default _default;