@anker-in/headless-ui 1.0.26-alpha.1762756639604 → 1.0.26-temp-111002

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

@@ -0,0 +1,22 @@
+type CollectionsFiltersProps = {
+    metafields: any;
+    result: any;
+    allResult: any;
+    pageSize?: number;
+    filterPrice: any;
+    isLoading?: boolean;
+    refreshStarRating?: () => void;
+    loadMore?: React.ReactNode;
+    data?: any;
+    onNextPage?: (v: string) => void;
+    onPrevPage?: (v: string) => void;
+    onFilteredChange?: (filtered: any) => void;
+    onSortAndReverseChange?: (sortKey: string, reverse: boolean) => void;
+    onPrimaryChange?: (item: any, sku: string) => void;
+    onSecondaryChange?: (item: any, sku: string) => void;
+};
+declare const _default: import("react").ForwardRefExoticComponent<Omit<CollectionsFiltersProps, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
+    className?: string;
+    data?: Record<string, any>;
+} & import("react").RefAttributes<any>>;
+export default _default;

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

@@ -0,0 +1,2 @@
+"use strict";var $=Object.create;var u=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var ee=Object.getOwnPropertyNames;var te=Object.getPrototypeOf,oe=Object.prototype.hasOwnProperty;var re=(o,r)=>{for(var n in r)u(o,n,{get:r[n],enumerable:!0})},N=(o,r,n,f)=>{if(r&&typeof r=="object"||typeof r=="function")for(let l of ee(r))!oe.call(o,l)&&l!==n&&u(o,l,{get:()=>r[l],enumerable:!(f=j(r,l))||f.enumerable});return o};var y=(o,r,n)=>(n=o!=null?$(te(o)):{},N(r||!o||!o.__esModule?u(n,"default",{value:o,enumerable:!0}):n,o)),ne=o=>N(u({},"__esModule",{value:!0}),o);var ie={};re(ie,{default:()=>se});module.exports=ne(ie);var s=require("react/jsx-runtime"),L=y(require("./FilterList")),I=y(require("./FilterHeader")),K=y(require("./FilterCardWrap")),_=require("../../shared/Styles.js"),k=y(require("./component/TabFilter")),t=require("react"),i=require("./component/filtersFun");function ae(o){const{data:r,result:n={},allResult:f={},loadMore:l=null,metafields:c={},filterPrice:b={},isLoading:M=!1,refreshStarRating:A,onFilteredChange:F,onSortAndReverseChange:V,onPrimaryChange:z,onSecondaryChange:T,onNextPage:W,onPrevPage:E}=o,{shop_filters_pair:m}=c,{data:P}=(0,i.getComponentData)(c,"FilterProduct"),[p,H]=(0,t.useState)(!1),[q,x]=(0,t.useState)(!1),[B,G]=(0,t.useState)([]),[d,S]=(0,t.useState)({}),[h,J]=(0,t.useState)(0),[v,g]=(0,t.useState)(1),[Q,U]=(0,t.useState)(!1),X=(0,t.useRef)(null);(0,t.useMemo)(()=>{const e=m?.filter_txt?.sortList,[a,Z]=(0,i.handleSortKeyAndReverse)(e,h);V?.(a,Z)},[m?.filter_txt?.sortList,d,h]);const Y=e=>!e?.metafields?.seoSetting?.noindex,R=(0,t.useMemo)(()=>f?.products?.filter(Y)?.length||0,[f?.products]),C=(0,t.useMemo)(()=>(0,i.handleFilterOptions)(n,b,m,P),[b,n?.filters,m?.filter_txt?.offers?.name,m?.filter_txt?.offers?.onsale]),D=(0,t.useMemo)(()=>C?.length?C?.map?.(e=>({...e,options:e?.options?.map?.(a=>({...a,checked:d?.[e?.value]?.indexOf?.(a?.value)>-1}))})):[],[d,C]),O=e=>{S?.({}),e&&g(1),F?.((0,i.handleFilters)({}))},w=e=>{S(e),g(1),F?.((0,i.handleFilters)(e))};return(0,t.useEffect)(()=>{const a=(d?.offers||[])?.includes?.("onsale");U(a)},[d]),(0,s.jsxs)("div",{className:"size-full box-border",children:[(0,s.jsx)("div",{className:"laptop:mb-12 mb-6",children:(0,s.jsx)(k.default,{tabs:r?.tabItems,filtered:d,filtersPair:D,filtersData:P,metafields:c,onTabClick:e=>w(e)})}),(0,s.jsx)(I.default,{total:R||0,metafields:c,closeFilter:p,sortKeyIndx:h,shopifyData:r,onSortChange:J,onCloseFilter:H,onClearFiltered:()=>O(),onMobileOpenDrawer:x}),(0,s.jsxs)("div",{className:"flex-1 overflow-hidden tablet:flex desktop:gap-x-16 tablet:gap-x-8",children:[!p&&(0,s.jsx)(L.default,{shopifyData:r,filtered:d,openOptions:B,closeFilter:p,filtersPair:D,mobileDrawerVisible:q,onFilteredChange:w,onClearFiltered:()=>O(!1),onOpenOptions:G,onCloseDrawer:x}),(0,s.jsxs)("div",{className:"flex-1 overflow-y-auto relative",children:[(0,s.jsx)(K.default,{page:v,result:n,shopifyData:r,total:R,isSale:Q,ref:X,metafields:c,closeFilter:p,refreshStarRating:A,onNextPage:e=>{g(v+1),W?.(e)},onPrevPage:e=>{g(v-1),E?.(e)},onPrimaryChange:(e,a)=>z?.(e,a),onSecondaryChange:(e,a)=>T?.(e,a)}),M&&l||null]})]})]})}var se=(0,_.withLayout)(ae);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/CollectionsFilters/index.tsx"],
+  "sourcesContent": ["import FilterList from './FilterList'\nimport FilterHeader from './FilterHeader'\nimport FilterCardWrap from './FilterCardWrap'\nimport { withLayout } from '../../shared/Styles.js'\nimport TabFilter from './component/TabFilter'\nimport { useState, useMemo, useEffect, useRef } from 'react'\nimport { handleSortKeyAndReverse, handleFilters, handleFilterOptions, getComponentData } from './component/filtersFun'\n\ntype CollectionsFiltersProps = {\n  metafields: any\n  result: any\n  allResult: any\n  pageSize?: number\n  filterPrice: any\n  isLoading?: boolean\n  refreshStarRating?: () => void\n  loadMore?: React.ReactNode\n  data?: any\n  onNextPage?: (v: string) => void\n  onPrevPage?: (v: string) => void\n  onFilteredChange?: (filtered: any) => void\n  onSortAndReverseChange?: (sortKey: string, reverse: boolean) => void\n  onPrimaryChange?: (item: any, sku: string) => void\n  onSecondaryChange?: (item: any, sku: string) => void\n}\nfunction CollectionsFilters(props: CollectionsFiltersProps) {\n  const {\n    data,\n    result = {},\n    allResult = {},\n    loadMore = null,\n    metafields = {},\n    filterPrice = {},\n    isLoading = false,\n    refreshStarRating,\n    onFilteredChange,\n    onSortAndReverseChange,\n    onPrimaryChange,\n    onSecondaryChange,\n    onNextPage,\n    onPrevPage,\n  } = props\n\n  const { shop_filters_pair } = metafields\n\n  const { data: filterProductData } = getComponentData(metafields, 'FilterProduct')\n\n  const [closeFilter, setCloseFilter] = useState<boolean>(false)\n  const [mobileDrawerVisible, setMobileDrawerVisible] = useState<boolean>(false) // \u79FB\u52A8\u7AEF\u7B5B\u9009\u9009\u9879\u5C55\u793A\u72B6\u6001\n  const [openOptions, setOpenOptions] = useState<any[]>([]) // \u5C55\u5F00\u7684\u7B5B\u9009\u9879\n  const [filtered, setFiltered] = useState<any>({}) // \u9009\u62E9\u7684\u7B5B\u9009\u9009\u9879\n  const [sortKeyIndx, setSortKeyIndx] = useState<number>(0) // \u6392\u5E8F\u65B9\u5F0F\n  const [currentPage, setCurrentPage] = useState<number>(1)\n  const [isSale, setIsSale] = useState<boolean>(false)\n\n  const filterCardWrapRef = useRef<any>(null)\n\n  // \u5904\u7406\u6392\u5E8F\u6570\u636E\n  useMemo(() => {\n    const sortList = shop_filters_pair?.filter_txt?.sortList\n    const [sortKey, reverse] = handleSortKeyAndReverse(sortList, sortKeyIndx)\n    onSortAndReverseChange?.(sortKey, reverse)\n  }, [shop_filters_pair?.filter_txt?.sortList, filtered, sortKeyIndx])\n\n  const hasNoIndex = (product: { metafields: { seoSetting: { noindex: any } } }) => {\n    return !product?.metafields?.seoSetting?.noindex\n  }\n  const totalCount = useMemo(() => {\n    return allResult?.products?.filter(hasNoIndex)?.length || 0\n  }, [allResult?.products])\n\n  // \u5904\u7406\u7B5B\u9009\u9879\u6570\u636E\n  const filtersOptions = useMemo(() => {\n    return handleFilterOptions(result, filterPrice, shop_filters_pair, filterProductData)\n  }, [\n    filterPrice,\n    result?.filters,\n    shop_filters_pair?.filter_txt?.offers?.name,\n    shop_filters_pair?.filter_txt?.offers?.onsale,\n  ])\n\n  const filtersPair = useMemo(() => {\n    if (!filtersOptions?.length) return []\n    return filtersOptions?.map?.((filter: any) => {\n      return {\n        ...filter,\n        options: filter?.options?.map?.((opt: any) => {\n          return {\n            ...opt,\n            checked: filtered?.[filter?.value]?.indexOf?.(opt?.value) > -1,\n          }\n        }),\n      }\n    })\n  }, [filtered, filtersOptions])\n\n\n  const clearFiltered = (flag?: boolean) => {\n    setFiltered?.({})\n    if (flag) {\n      setCurrentPage(1)\n    }\n    onFilteredChange?.(handleFilters({}))\n  }\n\n  const filterChange = (v: any) => {\n    setFiltered(v)\n    setCurrentPage(1)\n    onFilteredChange?.(handleFilters(v))\n  }\n\n  useEffect(() => {\n    const offers = filtered?.offers || []\n    const isShowSale = offers?.includes?.('onsale')\n    setIsSale(isShowSale)\n  }, [filtered])\n\n  return (\n    <div className=\"size-full box-border\">\n      {/* \u5934\u90E8 */}\n      <div className=\"laptop:mb-12 mb-6\">\n        <TabFilter\n          tabs={data?.tabItems}\n          filtered={filtered}\n          filtersPair={filtersPair}\n          filtersData={filterProductData}\n          metafields={metafields}\n          onTabClick={v => filterChange(v)}\n        />\n      </div>\n      <FilterHeader\n        total={totalCount || 0}\n        metafields={metafields}\n        closeFilter={closeFilter}\n        sortKeyIndx={sortKeyIndx}\n        shopifyData={data}\n        onSortChange={setSortKeyIndx}\n        onCloseFilter={setCloseFilter}\n        onClearFiltered={() => clearFiltered()}\n        onMobileOpenDrawer={setMobileDrawerVisible}\n      />\n      {/* PC\u7B5B\u9009\u9009\u9879 */}\n      <div className=\"flex-1 overflow-hidden tablet:flex desktop:gap-x-16 tablet:gap-x-8\">\n        {!closeFilter && (\n          <FilterList\n            shopifyData={data}\n            filtered={filtered}\n            openOptions={openOptions}\n            closeFilter={closeFilter}\n            filtersPair={filtersPair}\n            mobileDrawerVisible={mobileDrawerVisible}\n            onFilteredChange={filterChange}\n            onClearFiltered={() => clearFiltered(false)}\n            onOpenOptions={setOpenOptions}\n            onCloseDrawer={setMobileDrawerVisible}\n          />\n        )}\n        <div className=\"flex-1 overflow-y-auto relative\">\n          <FilterCardWrap\n            page={currentPage}\n            result={result}\n            shopifyData={data}\n            total={totalCount}\n            isSale={isSale}\n            ref={filterCardWrapRef}\n            metafields={metafields}\n            closeFilter={closeFilter}\n            refreshStarRating={refreshStarRating}\n            onNextPage={v => {\n              setCurrentPage(currentPage + 1)\n              onNextPage?.(v)\n            }}\n            onPrevPage={v => {\n              setCurrentPage(currentPage - 1)\n              onPrevPage?.(v)\n            }}\n            onPrimaryChange={(e, data) => onPrimaryChange?.(e, data)}\n            onSecondaryChange={(e, data) => onSecondaryChange?.(e, data)}\n          />\n          {isLoading ? loadMore || null : null}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default withLayout(CollectionsFilters)"],
+  "mappings": "kkBAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,aAAAE,KAAA,eAAAC,GAAAH,IAyHQ,IAAAI,EAAA,6BAzHRC,EAAuB,2BACvBC,EAAyB,6BACzBC,EAA2B,+BAC3BC,EAA2B,kCAC3BC,EAAsB,oCACtBC,EAAqD,iBACrDC,EAA8F,kCAmB9F,SAASC,GAAmBC,EAAgC,CAC1D,KAAM,CACJ,KAAAC,EACA,OAAAC,EAAS,CAAC,EACV,UAAAC,EAAY,CAAC,EACb,SAAAC,EAAW,KACX,WAAAC,EAAa,CAAC,EACd,YAAAC,EAAc,CAAC,EACf,UAAAC,EAAY,GACZ,kBAAAC,EACA,iBAAAC,EACA,uBAAAC,EACA,gBAAAC,EACA,kBAAAC,EACA,WAAAC,EACA,WAAAC,CACF,EAAId,EAEE,CAAE,kBAAAe,CAAkB,EAAIV,EAExB,CAAE,KAAMW,CAAkB,KAAI,oBAAiBX,EAAY,eAAe,EAE1E,CAACY,EAAaC,CAAc,KAAI,YAAkB,EAAK,EACvD,CAACC,EAAqBC,CAAsB,KAAI,YAAkB,EAAK,EACvE,CAACC,EAAaC,CAAc,KAAI,YAAgB,CAAC,CAAC,EAClD,CAACC,EAAUC,CAAW,KAAI,YAAc,CAAC,CAAC,EAC1C,CAACC,EAAaC,CAAc,KAAI,YAAiB,CAAC,EAClD,CAACC,EAAaC,CAAc,KAAI,YAAiB,CAAC,EAClD,CAACC,EAAQC,CAAS,KAAI,YAAkB,EAAK,EAE7CC,KAAoB,UAAY,IAAI,KAG1C,WAAQ,IAAM,CACZ,MAAMC,EAAWjB,GAAmB,YAAY,SAC1C,CAACkB,EAASC,CAAO,KAAI,2BAAwBF,EAAUP,CAAW,EACxEf,IAAyBuB,EAASC,CAAO,CAC3C,EAAG,CAACnB,GAAmB,YAAY,SAAUQ,EAAUE,CAAW,CAAC,EAEnE,MAAMU,EAAcC,GACX,CAACA,GAAS,YAAY,YAAY,QAErCC,KAAa,WAAQ,IAClBlC,GAAW,UAAU,OAAOgC,CAAU,GAAG,QAAU,EACzD,CAAChC,GAAW,QAAQ,CAAC,EAGlBmC,KAAiB,WAAQ,OACtB,uBAAoBpC,EAAQI,EAAaS,EAAmBC,CAAiB,EACnF,CACDV,EACAJ,GAAQ,QACRa,GAAmB,YAAY,QAAQ,KACvCA,GAAmB,YAAY,QAAQ,MACzC,CAAC,EAEKwB,KAAc,WAAQ,IACrBD,GAAgB,OACdA,GAAgB,MAAOE,IACrB,CACL,GAAGA,EACH,QAASA,GAAQ,SAAS,MAAOC,IACxB,CACL,GAAGA,EACH,QAASlB,IAAWiB,GAAQ,KAAK,GAAG,UAAUC,GAAK,KAAK,EAAI,EAC9D,EACD,CACH,EACD,EAXmC,CAAC,EAYpC,CAAClB,EAAUe,CAAc,CAAC,EAGvBI,EAAiBC,GAAmB,CACxCnB,IAAc,CAAC,CAAC,EACZmB,GACFf,EAAe,CAAC,EAElBnB,OAAmB,iBAAc,CAAC,CAAC,CAAC,CACtC,EAEMmC,EAAgBC,GAAW,CAC/BrB,EAAYqB,CAAC,EACbjB,EAAe,CAAC,EAChBnB,OAAmB,iBAAcoC,CAAC,CAAC,CACrC,EAEA,sBAAU,IAAM,CAEd,MAAMC,GADSvB,GAAU,QAAU,CAAC,IACT,WAAW,QAAQ,EAC9CO,EAAUgB,CAAU,CACtB,EAAG,CAACvB,CAAQ,CAAC,KAGX,QAAC,OAAI,UAAU,uBAEb,oBAAC,OAAI,UAAU,oBACb,mBAAC,EAAAwB,QAAA,CACC,KAAM9C,GAAM,SACZ,SAAUsB,EACV,YAAagB,EACb,YAAavB,EACb,WAAYX,EACZ,WAAYwC,GAAKD,EAAaC,CAAC,EACjC,EACF,KACA,OAAC,EAAAG,QAAA,CACC,MAAOX,GAAc,EACrB,WAAYhC,EACZ,YAAaY,EACb,YAAaQ,EACb,YAAaxB,EACb,aAAcyB,EACd,cAAeR,EACf,gBAAiB,IAAMwB,EAAc,EACrC,mBAAoBtB,EACtB,KAEA,QAAC,OAAI,UAAU,qEACZ,WAACH,MACA,OAAC,EAAAgC,QAAA,CACC,YAAahD,EACb,SAAUsB,EACV,YAAaF,EACb,YAAaJ,EACb,YAAasB,EACb,oBAAqBpB,EACrB,iBAAkByB,EAClB,gBAAiB,IAAMF,EAAc,EAAK,EAC1C,cAAepB,EACf,cAAeF,EACjB,KAEF,QAAC,OAAI,UAAU,kCACb,oBAAC,EAAA8B,QAAA,CACC,KAAMvB,EACN,OAAQzB,EACR,YAAaD,EACb,MAAOoC,EACP,OAAQR,EACR,IAAKE,EACL,WAAY1B,EACZ,YAAaY,EACb,kBAAmBT,EACnB,WAAYqC,GAAK,CACfjB,EAAeD,EAAc,CAAC,EAC9Bd,IAAagC,CAAC,CAChB,EACA,WAAYA,GAAK,CACfjB,EAAeD,EAAc,CAAC,EAC9Bb,IAAa+B,CAAC,CAChB,EACA,gBAAiB,CAAC,EAAG5C,IAASU,IAAkB,EAAGV,CAAI,EACvD,kBAAmB,CAAC,EAAGA,IAASW,IAAoB,EAAGX,CAAI,EAC7D,EACCM,GAAYH,GAAY,MAC3B,GACF,GACF,CAEJ,CAEA,IAAOf,MAAQ,cAAWU,EAAkB",
+  "names": ["CollectionsFilters_exports", "__export", "CollectionsFilters_default", "__toCommonJS", "import_jsx_runtime", "import_FilterList", "import_FilterHeader", "import_FilterCardWrap", "import_Styles", "import_TabFilter", "import_react", "import_filtersFun", "CollectionsFilters", "props", "data", "result", "allResult", "loadMore", "metafields", "filterPrice", "isLoading", "refreshStarRating", "onFilteredChange", "onSortAndReverseChange", "onPrimaryChange", "onSecondaryChange", "onNextPage", "onPrevPage", "shop_filters_pair", "filterProductData", "closeFilter", "setCloseFilter", "mobileDrawerVisible", "setMobileDrawerVisible", "openOptions", "setOpenOptions", "filtered", "setFiltered", "sortKeyIndx", "setSortKeyIndx", "currentPage", "setCurrentPage", "isSale", "setIsSale", "filterCardWrapRef", "sortList", "sortKey", "reverse", "hasNoIndex", "product", "totalCount", "filtersOptions", "filtersPair", "filter", "opt", "clearFiltered", "flag", "filterChange", "v", "isShowSale", "TabFilter", "FilterHeader", "FilterList", "FilterCardWrap"]
+}

package/dist/cjs/biz-components/CollectionsFilters/price.d.ts

@@ -0,0 +1,25 @@
+import type { FunctionMemberPriceResult, FunctionMemberPriceConfig, DiscountConfig, ProductVariant } from './priceProps';
+export declare const languageCurrencyCode: (locale: string) => string;
+export declare const languageTerritory: (locale: string) => string;
+export declare function formatPrice({ amount, currencyCode, locale, maximumFractionDigits, minimumFractionDigits, }: {
+    amount: number;
+    currencyCode: string;
+    locale: string;
+    maximumFractionDigits?: number;
+    minimumFractionDigits?: number;
+}): string;
+export declare function atobID(id?: string): string | null | undefined;
+export declare const functionDiscountCalculate: ({ config, price, }: {
+    config: DiscountConfig;
+    price: number;
+}) => number;
+export declare const getFunctionMemberPriceDiscountConfig: ({ config, variant, }: {
+    config?: FunctionMemberPriceConfig[];
+    variant?: ProductVariant;
+}) => DiscountConfig | undefined;
+export declare const getFunctionMemberPrice: ({ shopMemberPriceDiscountConfig, currencyCode, variant, locale, }: {
+    shopMemberPriceDiscountConfig?: FunctionMemberPriceConfig[];
+    currencyCode?: string;
+    variant?: ProductVariant;
+    locale: string;
+}) => false | FunctionMemberPriceResult;

package/dist/cjs/biz-components/CollectionsFilters/priceProps.d.ts

@@ -0,0 +1,215 @@
+export declare enum RuleType {
+    AUTO_FREE_GIFT = 1,// 自动赠品
+    BUNDLE = 2,// 组合
+    VOLUME_DISCOUNT = 3,// 量价折扣
+    ORDER_DISCOUNT = 4,// 订单折扣
+    PRICE_DISCOUNT = 5
+}
+export type FunctionMemberPriceResult = {
+    hasMemberPrice: boolean;
+    useCoupon: boolean;
+    originalPrice: number;
+    originalPriceWithCurrency: string;
+    salePrice: number;
+    salePriceWithCurrency: string;
+    salePriceWithoutCoupon: number;
+    salePriceWithoutCouponWithCurrency: string;
+    savePrice: number;
+    savePriceWithCurrency: string;
+    savePriceWithoutCoupon: number;
+    savePriceWithoutCouponWithCurrency: string;
+};
+export declare enum ProductionsCombination {
+    SAME_PRODUCT = 0,// 相同产品
+    SAME_VARIANT = 1,// 相同变体
+    MIX_MATCH = 2
+}
+export declare enum DiscountOptions {
+    MINIMUM_QUANTITY = 1,
+    FIXED_QUANTITY = 2,
+    TIERED_QUANTITY = 3
+}
+export declare enum DISCOUNT_TYPE {
+    PERCENTAGE = 1,// 百分比
+    FIXED_AMOUNT = 2,// 固定金额
+    FIXED_PRICE = 3
+}
+export declare enum ROUND_SELECTED {
+    ROUND_HIGHEST = 1,// 向上取整
+    ROUND_LOWEST = 2,// 向下取整
+    ROUND_NEAREST = 3
+}
+export declare enum DISCOUNT_BASE_TYPE {
+    CURRENT_PRICE = 1,// 折后价
+    COMPARE_AT_PRICE = 2
+}
+export type TieredDiscount = {
+    quantity: number;
+    discount: number;
+    discount_type: DISCOUNT_TYPE;
+};
+type VariantItem = {
+    variant_id: string;
+    sku: string;
+    handle: string;
+};
+export type RuleCondition = {
+    with_special_url_params: string[];
+    without_special_url_params: string[];
+    with_user_tags: string[];
+    without_user_tags: string[];
+};
+export type DiscountConfig = {
+    discount_type: DISCOUNT_TYPE;
+    discount_value: number;
+    price_ending_conf: {
+        apply_price_ending: boolean;
+        conf_one_decimal_place: boolean;
+        conf_two_decimal_place: false;
+        one_decimal_place: number;
+        two_decimal_place: number;
+        round_selected: ROUND_SELECTED;
+    };
+};
+export type FunctionDiscountConfig = {
+    rule_id: number;
+    rule_type: RuleType;
+    discount_labels: {
+        cart_checkout_label: string;
+        product_label: string;
+        sold_out_label: string;
+    };
+    discount_combinations: {
+        other_order_discounts: boolean;
+        other_product_discounts: boolean;
+        shipping_discounts: boolean;
+    };
+    rule_conditions: RuleCondition[];
+};
+export type VolumeConfig = {
+    result_detail: {
+        productions_combination: ProductionsCombination;
+        discount_options: DiscountOptions;
+        discount_exclude_customed_price: boolean;
+        tiered_discounts: TieredDiscount[];
+        main_product: {
+            variant_list: VariantItem[];
+            all_store_variant: boolean;
+        };
+    };
+} & FunctionDiscountConfig;
+export type FunctionMemberPriceConfig = {
+    result_detail: {
+        member_discounts: {
+            main_products: {
+                variants: {
+                    variant_id: string;
+                    sku: string;
+                    handle: string;
+                    discount_value: number;
+                }[];
+                skip_variants: {
+                    variant_id: string;
+                    sku: string;
+                    handle: string;
+                    discount_value: number;
+                }[];
+                dynamic_conf: {
+                    in_collections?: string[];
+                    not_in_collections?: string[];
+                    in_products?: string[];
+                    not_in_products?: string[];
+                    SKU: {
+                        in?: string[];
+                        not_in?: string[];
+                        start_with?: string;
+                        notstart_with?: string;
+                        end_with?: string;
+                        unend_with?: string;
+                        contain?: string;
+                        uncontain?: string;
+                    };
+                };
+                all_store_variant: boolean;
+            };
+            discount_conf: DiscountConfig;
+        }[];
+        limit_discount_max: number;
+    };
+} & FunctionDiscountConfig;
+export type PriceDiscountConfig = FunctionDiscountConfig & {
+    result_detail: {
+        main_product: {
+            variant_list: {
+                variant_id: string;
+                sku: string;
+                handle: string;
+            }[];
+            all_store_variant: boolean;
+        };
+        price_conf: {
+            discount_type: DISCOUNT_TYPE;
+            discount_base: DISCOUNT_BASE_TYPE;
+            discount_amount: number;
+            price_ending_conf: {
+                apply_price_ending: false;
+                one_decimal_place: number;
+                two_decimal_place: number;
+                round_selected: ROUND_SELECTED;
+            };
+        };
+    };
+};
+export type ProductImage = {
+    url: string;
+    alt?: string;
+};
+export type ProductOption = {
+    __typename?: 'MultipleChoiceOption';
+    id: string;
+    displayName: string;
+    values: ProductOptionValues[];
+};
+export type ProductOptionValues = {
+    label: string;
+    hexColors?: string[];
+};
+export type ProductVariant = {
+    id: string | number;
+    options: ProductOption[];
+    availableForSale?: boolean;
+    quantityAvailable: number;
+    metafields?: Record<string, any>;
+    [key: string]: any;
+};
+export type ProductPrice = {
+    value: number;
+    currencyCode?: 'USD' | 'EUR' | 'ARS' | string;
+    retailPrice?: number;
+    salePrice?: number;
+    listPrice?: number;
+    extendedSalePrice?: number;
+    extendedListPrice?: number;
+};
+export type Product = any & {
+    id: string;
+    name: string;
+    description: string;
+    descriptionHtml?: string;
+    productType?: string;
+    sku?: string;
+    slug?: string;
+    handle?: string;
+    path?: string;
+    images: ProductImage[];
+    variants: ProductVariant[];
+    price: ProductPrice;
+    listPrice?: number;
+    options: ProductOption[];
+    preRender?: string;
+    seo?: any;
+    metafields?: {
+        [key: string]: any;
+    };
+};
+export {};

package/dist/cjs/biz-components/CollectionsFilters/tabFilter.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface TabsProps {
+    tabs: {
+        options: any[];
+    };
+    tabShape?: 'rounded' | 'square';
+    onTabClick?: (tabs: any, value: any) => void;
+}
+declare const TabFilter: React.FC<TabsProps>;
+export default TabFilter;

package/dist/cjs/biz-components/CollectionsFilters/tabSwitch.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface TabsProps {
+    tabs: any[];
+    value: string;
+    tabShape?: 'rounded' | 'square';
+    onTabClick?: (value: any) => void;
+}
+declare const TabSwitch: React.FC<TabsProps>;
+export default TabSwitch;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Img } from '../../types/props.js';
 export type CreativeModuleDataType = {
     img: Img;
@@ -16,7 +15,7 @@ type CreativeModuleType = {
     className?: string;
 };
 declare const _default: import("react").ForwardRefExoticComponent<Omit<CreativeModuleType, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string | undefined;
-    data?: Record<string, any> | undefined;
+    className?: string;
+    data?: Record<string, any>;
 } & import("react").RefAttributes<any>>;
 export default _default;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Img } from '../../types/props.js';
 export type DownLoadDataType = {
     title: string;
@@ -15,7 +14,7 @@ type DownLoadType = {
     className?: string;
 };
 declare const _default: import("react").ForwardRefExoticComponent<Omit<DownLoadType, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string | undefined;
-    data?: Record<string, any> | undefined;
+    className?: string;
+    data?: Record<string, any>;
 } & import("react").RefAttributes<any>>;
 export default _default;

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

@@ -31,7 +31,7 @@ export interface EvaluateProps {
     key?: string;
 }
 declare const _default: React.ForwardRefExoticComponent<Omit<Omit<EvaluateProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string | undefined;
-    data?: Record<string, any> | undefined;
+    className?: string;
+    data?: Record<string, any>;
 }, "ref"> & React.RefAttributes<any>>;
 export default _default;

package/dist/cjs/biz-components/Faq/Faq.d.ts

@@ -7,8 +7,8 @@ declare const FaqItem: {
     displayName: string;
 };
 declare const _default: React.ForwardRefExoticComponent<Omit<Omit<FaqProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string | undefined;
-    data?: Record<string, any> | undefined;
+    className?: string;
+    data?: Record<string, any>;
 }, "ref"> & React.RefAttributes<any>>;
 export default _default;
 export { FaqItem };

package/dist/cjs/biz-components/FeatureCards/FeatureCards.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { FeatureCardsProps } from './types.js';
 declare const _default: React.ForwardRefExoticComponent<Omit<Omit<FeatureCardsProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string | undefined;
-    data?: Record<string, any> | undefined;
+    className?: string;
+    data?: Record<string, any>;
 }, "ref"> & React.RefAttributes<any>>;
 export default _default;

package/dist/cjs/biz-components/FeatureCards/FeatureCards.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var b=Object.create;var o=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var H=(a,s)=>{for(var p in s)o(a,p,{get:s[p],enumerable:!0})},g=(a,s,p,i)=>{if(s&&typeof s=="object"||typeof s=="function")for(let l of F(s))!z.call(a,l)&&l!==p&&o(a,l,{get:()=>s[l],enumerable:!(i=C(s,l))||i.enumerable});return a};var $=(a,s,p)=>(p=a!=null?b(T(a)):{},g(s||!a||!a.__esModule?o(p,"default",{value:a,enumerable:!0}):p,a)),R=a=>g(o({},"__esModule",{value:!0}),a);var j={};H(j,{default:()=>S});module.exports=R(j);var e=require("react/jsx-runtime"),d=$(require("react")),r=require("../../components/index.js"),c=require("../../helpers/utils.js"),k=require("../../shared/Styles.js"),N=require("../../hooks/useExposure.js"),w=require("../../shared/trackUrlRef.js"),x=require("swiper/react");const n="image",f="feature_cards",v=d.default.forwardRef(({data:a,className:s},p)=>{const{title:i,subtitle:l,items:m=[]}=a,u=(0,d.useRef)(null);(0,N.useExposure)(u,{componentType:n,componentName:f,componentTitle:i,componentDescription:l}),(0,d.useImperativeHandle)(p,()=>u.current);const y=t=>{const _=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(r.Picture,{source:t.image?.url,alt:t.image?.alt||t.title,className:"feature-cards__card-image absolute inset-0 !h-full",imgClassName:"!h-full object-cover"}),(0,e.jsxs)("div",{className:"feature-cards__card-content z-10",children:[(0,e.jsx)(r.Heading,{size:3,as:"h2",className:"feature-cards__card-title laptop:text-[20px] desktop:text-[32px] lg-desktop:text-[32px]",children:t.title}),(0,e.jsx)(r.Text,{size:4,as:"p",className:"feature-cards__card-subtitle mt-[4px] line-clamp-2 h-[40px] text-[14px] laptop:h-[44px] lg-desktop:text-[18px]",children:t.subtitle})]})]}),h=(0,c.cn)("feature-cards__card relative flex h-[360px] max-h-[560px] flex-1 flex-col justify-end gap-[16px] overflow-hidden rounded-[12px] px-[16px] py-[12px] text-info-primary tablet:h-[336px] laptop:h-[336px] laptop:px-[16px] laptop:py-[16px] desktop:h-[448px] desktop:rounded-[16px] desktop:px-[32px] desktop:py-[24px] lg-desktop:h-[560px]",{"aiui-dark":t.theme==="dark","aiui-light":t.theme==="light"});return t.link?(0,e.jsx)("a",{href:(0,w.trackUrlRef)(t.link,`${n}_${f}`),className:h,"data-headless-type-name":`${n}#${f}`,"data-headless-title-desc-button":`${i}#${t.title}#${t.subtitle}`,children:_}):(0,e.jsx)("div",{className:h,children:_})};return(0,e.jsxs)("section",{ref:u,"data-ui-component-id":"FeatureCards",className:(0,c.cn)("feature-cards flex w-full flex-col justify-center",s),children:[(0,e.jsxs)("div",{className:"feature-cards__header",children:[(0,e.jsx)(r.Heading,{size:4,as:"h1",className:"feature-cards__title text-left laptop:text-center",children:i}),l&&(0,e.jsx)(r.Text,{size:2,as:"p",className:"feature-cards__subtitle mt-[4px] text-left text-[14px] laptop:text-center desktop:text-[16px] lg-desktop:text-[18px]",children:l})]}),(0,e.jsx)("div",{className:"feature-cards__grid mt-[24px] hidden w-full gap-[16px] laptop:mt-[32px] laptop:flex desktop:mt-[40px] lg-desktop:mt-[24px]",children:m.map(t=>(0,e.jsx)(d.default.Fragment,{children:y(t)},t.title))}),(0,e.jsx)("div",{className:"feature-cards__swiper-container mt-[24px] w-full laptop:hidden",children:(0,e.jsx)(x.Swiper,{spaceBetween:12,slidesPerView:"auto",grabCursor:!0,className:"feature-cards__swiper relative w-full !overflow-visible",children:m.map(t=>(0,e.jsx)(x.SwiperSlide,{className:"feature-cards__swiper-slide relative !h-[360px] !w-[296px]",children:(0,e.jsxs)("div",{className:(0,c.cn)("feature-cards__card feature-cards__card--mobile absolute inset-0 flex flex-1 flex-col justify-end gap-[16px] overflow-hidden rounded-[12px] px-[16px] py-[12px] text-info-primary laptop:px-[16px] laptop:py-[16px] desktop:rounded-[16px] desktop:px-[32px] desktop:py-[24px]",{"aiui-dark":t.theme==="dark","aiui-light":t.theme==="light"}),children:[(0,e.jsx)(r.Picture,{source:t.image?.url,alt:t.image?.alt||t.title,className:"feature-cards__card-image absolute inset-0 !h-full",imgClassName:"!h-full object-cover"}),(0,e.jsxs)("div",{className:"feature-cards__card-content z-10",children:[(0,e.jsx)(r.Heading,{size:3,as:"h2",className:"feature-cards__card-title",children:t.title}),(0,e.jsx)(r.Text,{size:4,as:"p",className:"feature-cards__card-subtitle mt-[4px] line-clamp-2 h-[40px] overflow-visible text-[14px] laptop:h-[50px] lg-desktop:text-[18px]",children:t.subtitle})]})]},t.title)},t.title))})})]})});v.displayName="FeatureCards";var S=(0,k.withLayout)(v);
+"use strict";"use client";var b=Object.create;var o=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var H=(a,s)=>{for(var p in s)o(a,p,{get:s[p],enumerable:!0})},g=(a,s,p,i)=>{if(s&&typeof s=="object"||typeof s=="function")for(let l of F(s))!z.call(a,l)&&l!==p&&o(a,l,{get:()=>s[l],enumerable:!(i=C(s,l))||i.enumerable});return a};var $=(a,s,p)=>(p=a!=null?b(T(a)):{},g(s||!a||!a.__esModule?o(p,"default",{value:a,enumerable:!0}):p,a)),R=a=>g(o({},"__esModule",{value:!0}),a);var j={};H(j,{default:()=>S});module.exports=R(j);var e=require("react/jsx-runtime"),d=$(require("react")),r=require("../../components/index.js"),c=require("../../helpers/utils.js"),k=require("../../shared/Styles.js"),N=require("../../hooks/useExposure.js"),w=require("../../shared/trackUrlRef.js"),x=require("swiper/react");const n="image",f="feature_cards",v=d.default.forwardRef(({data:a,className:s},p)=>{const{title:i,subtitle:l,items:m=[]}=a,u=(0,d.useRef)(null);(0,N.useExposure)(u,{componentType:n,componentName:f,componentTitle:i,componentDescription:l}),(0,d.useImperativeHandle)(p,()=>u.current);const y=t=>{const _=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(r.Picture,{source:t.image.url,alt:t.image.alt||t.title,className:"feature-cards__card-image absolute inset-0 !h-full",imgClassName:"!h-full object-cover"}),(0,e.jsxs)("div",{className:"feature-cards__card-content z-10",children:[(0,e.jsx)(r.Heading,{size:3,as:"h2",className:"feature-cards__card-title laptop:text-[20px] desktop:text-[32px] lg-desktop:text-[32px]",children:t.title}),(0,e.jsx)(r.Text,{size:4,as:"p",className:"feature-cards__card-subtitle mt-[4px] line-clamp-2 h-[40px] text-[14px] laptop:h-[44px] lg-desktop:text-[18px]",children:t.subtitle})]})]}),h=(0,c.cn)("feature-cards__card relative flex h-[360px] max-h-[560px] flex-1 flex-col justify-end gap-[16px] overflow-hidden rounded-[12px] px-[16px] py-[12px] text-info-primary tablet:h-[336px] laptop:h-[336px] laptop:px-[16px] laptop:py-[16px] desktop:h-[448px] desktop:rounded-[16px] desktop:px-[32px] desktop:py-[24px] lg-desktop:h-[560px]",{"aiui-dark":t.theme==="dark","aiui-light":t.theme==="light"});return t.link?(0,e.jsx)("a",{href:(0,w.trackUrlRef)(t.link,`${n}_${f}`),className:h,"data-headless-type-name":`${n}#${f}`,"data-headless-title-desc-button":`${i}#${t.title}#${t.subtitle}`,children:_}):(0,e.jsx)("div",{className:h,children:_})};return(0,e.jsxs)("section",{ref:u,"data-ui-component-id":"FeatureCards",className:(0,c.cn)("feature-cards flex w-full flex-col justify-center",s),children:[(0,e.jsxs)("div",{className:"feature-cards__header",children:[(0,e.jsx)(r.Heading,{size:4,as:"h1",className:"feature-cards__title text-left laptop:text-center",children:i}),l&&(0,e.jsx)(r.Text,{size:2,as:"p",className:"feature-cards__subtitle mt-[4px] text-left text-[14px] laptop:text-center desktop:text-[16px] lg-desktop:text-[18px]",children:l})]}),(0,e.jsx)("div",{className:"feature-cards__grid mt-[24px] hidden w-full gap-[16px] laptop:mt-[32px] laptop:flex desktop:mt-[40px] lg-desktop:mt-[24px]",children:m.map(t=>(0,e.jsx)(d.default.Fragment,{children:y(t)},t.title))}),(0,e.jsx)("div",{className:"feature-cards__swiper-container mt-[24px] w-full laptop:hidden",children:(0,e.jsx)(x.Swiper,{spaceBetween:12,slidesPerView:"auto",grabCursor:!0,className:"feature-cards__swiper relative w-full !overflow-visible",children:m.map(t=>(0,e.jsx)(x.SwiperSlide,{className:"feature-cards__swiper-slide relative !h-[360px] !w-[296px]",children:(0,e.jsxs)("div",{className:(0,c.cn)("feature-cards__card feature-cards__card--mobile absolute inset-0 flex flex-1 flex-col justify-end gap-[16px] overflow-hidden rounded-[12px] px-[16px] py-[12px] text-info-primary laptop:px-[16px] laptop:py-[16px] desktop:rounded-[16px] desktop:px-[32px] desktop:py-[24px]",{"aiui-dark":t.theme==="dark","aiui-light":t.theme==="light"}),children:[(0,e.jsx)(r.Picture,{source:t.image.url,alt:t.image.alt||t.title,className:"feature-cards__card-image absolute inset-0 !h-full",imgClassName:"!h-full object-cover"}),(0,e.jsxs)("div",{className:"feature-cards__card-content z-10",children:[(0,e.jsx)(r.Heading,{size:3,as:"h2",className:"feature-cards__card-title",children:t.title}),(0,e.jsx)(r.Text,{size:4,as:"p",className:"feature-cards__card-subtitle mt-[4px] line-clamp-2 h-[40px] overflow-visible text-[14px] laptop:h-[50px] lg-desktop:text-[18px]",children:t.subtitle})]})]},t.title)},t.title))})})]})});v.displayName="FeatureCards";var S=(0,k.withLayout)(v);
 //# sourceMappingURL=FeatureCards.js.map

package/dist/cjs/biz-components/FeatureCards/FeatureCards.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/FeatureCards/FeatureCards.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useImperativeHandle, useRef } from 'react'\nimport { Heading, Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport type { FeatureCardsProps, FeatureCardItem } from './types.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\n\nconst componentType = 'image'\nconst componentName = 'feature_cards'\n\nconst FeatureCards = React.forwardRef<HTMLDivElement, FeatureCardsProps>(({ data, className }, ref) => {\n  const { title, subtitle, items = [] } = data\n\n  const boxRef = useRef<HTMLDivElement>(null)\n\n  useExposure(boxRef, {\n    componentType,\n    componentName,\n    componentTitle: title,\n    componentDescription: subtitle,\n  })\n\n  useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n  const renderCard = (item: FeatureCardItem) => {\n    const cardContent = (\n      <>\n        <Picture\n          source={item.image?.url}\n          alt={item.image?.alt || item.title}\n          className=\"feature-cards__card-image absolute inset-0 !h-full\"\n          imgClassName=\"!h-full object-cover\"\n        />\n        <div className=\"feature-cards__card-content z-10\">\n          <Heading size={3} as=\"h2\" className=\"feature-cards__card-title laptop:text-[20px] desktop:text-[32px] lg-desktop:text-[32px]\">\n            {item.title}\n          </Heading>\n          <Text\n            size={4}\n            as=\"p\"\n            className=\"feature-cards__card-subtitle mt-[4px] line-clamp-2 h-[40px] text-[14px] laptop:h-[44px] lg-desktop:text-[18px]\"\n          >\n            {item.subtitle}\n          </Text>\n        </div>\n      </>\n    )\n\n    const cardClasses = cn(\n      'feature-cards__card relative flex h-[360px] max-h-[560px] flex-1 flex-col justify-end gap-[16px] overflow-hidden rounded-[12px] px-[16px] py-[12px] text-info-primary tablet:h-[336px] laptop:h-[336px] laptop:px-[16px] laptop:py-[16px] desktop:h-[448px] desktop:rounded-[16px] desktop:px-[32px] desktop:py-[24px] lg-desktop:h-[560px]',\n      {\n        'aiui-dark': item.theme === 'dark',\n        'aiui-light': item.theme === 'light',\n      }\n    )\n\n    if (item.link) {\n      return (\n        <a\n          href={trackUrlRef(item.link, `${componentType}_${componentName}`)}\n          className={cardClasses}\n          data-headless-type-name={`${componentType}#${componentName}`}\n          data-headless-title-desc-button={`${title}#${item.title}#${item.subtitle}`}\n        >\n          {cardContent}\n        </a>\n      )\n    }\n\n    return <div className={cardClasses}>{cardContent}</div>\n  }\n\n  return (\n    <section\n      ref={boxRef}\n      data-ui-component-id=\"FeatureCards\"\n      className={cn('feature-cards flex w-full flex-col justify-center', className)}\n    >\n      {/* \u6807\u9898\u533A\u57DF */}\n      <div className=\"feature-cards__header\">\n        <Heading size={4} as=\"h1\" className=\"feature-cards__title text-left laptop:text-center\">\n          {title}\n        </Heading>\n        {subtitle && (\n          <Text\n            size={2}\n            as=\"p\"\n            className=\"feature-cards__subtitle mt-[4px] text-left text-[14px] laptop:text-center desktop:text-[16px] lg-desktop:text-[18px]\"\n          >\n            {subtitle}\n          </Text>\n        )}\n      </div>\n\n      {/* \u684C\u9762\u7AEF\u7F51\u683C\u5E03\u5C40 */}\n      <div className=\"feature-cards__grid mt-[24px] hidden w-full gap-[16px] laptop:mt-[32px] laptop:flex desktop:mt-[40px] lg-desktop:mt-[24px]\">\n        {items.map(item => (\n          <React.Fragment key={item.title}>{renderCard(item)}</React.Fragment>\n        ))}\n      </div>\n\n      {/* \u79FB\u52A8\u7AEF Swiper \u5E03\u5C40 */}\n      <div className=\"feature-cards__swiper-container mt-[24px] w-full laptop:hidden\">\n        <Swiper spaceBetween={12} slidesPerView=\"auto\" grabCursor className=\"feature-cards__swiper relative w-full !overflow-visible\">\n          {items.map(item => (\n            <SwiperSlide key={item.title} className=\"feature-cards__swiper-slide relative !h-[360px] !w-[296px]\">\n              <div\n                key={item.title}\n                className={cn(\n                  'feature-cards__card feature-cards__card--mobile absolute inset-0 flex flex-1 flex-col justify-end gap-[16px] overflow-hidden rounded-[12px] px-[16px] py-[12px] text-info-primary laptop:px-[16px] laptop:py-[16px] desktop:rounded-[16px] desktop:px-[32px] desktop:py-[24px]',\n                  {\n                    'aiui-dark': item.theme === 'dark',\n                    'aiui-light': item.theme === 'light',\n                  }\n                )}\n              >\n                <Picture\n                  source={item.image?.url}\n                  alt={item.image?.alt || item.title}\n                  className=\"feature-cards__card-image absolute inset-0 !h-full\"\n                  imgClassName=\"!h-full object-cover\"\n                />\n                <div className=\"feature-cards__card-content z-10\">\n                  <Heading size={3} as=\"h2\" className=\"feature-cards__card-title\">\n                    {item.title}\n                  </Heading>\n                  <Text\n                    size={4}\n                    as=\"p\"\n                    className=\"feature-cards__card-subtitle mt-[4px] line-clamp-2 h-[40px] overflow-visible text-[14px] laptop:h-[50px] lg-desktop:text-[18px]\"\n                  >\n                    {item.subtitle}\n                  </Text>\n                </div>\n              </div>\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      </div>\n    </section>\n  )\n})\n\nFeatureCards.displayName = 'FeatureCards'\n\nexport default withLayout(FeatureCards)\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA6BM,IAAAI,EAAA,6BA5BNC,EAAmD,oBACnDC,EAAuC,qCACvCC,EAAmB,kCACnBC,EAA2B,kCAC3BC,EAA4B,sCAC5BC,EAA4B,uCAE5BL,EAAoC,wBAEpC,MAAMM,EAAgB,QAChBC,EAAgB,gBAEhBC,EAAe,EAAAC,QAAM,WAA8C,CAAC,CAAE,KAAAC,EAAM,UAAAC,CAAU,EAAGC,IAAQ,CACrG,KAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,MAAAC,EAAQ,CAAC,CAAE,EAAIL,EAElCM,KAAS,UAAuB,IAAI,KAE1C,eAAYA,EAAQ,CAClB,cAAAV,EACA,cAAAC,EACA,eAAgBM,EAChB,qBAAsBC,CACxB,CAAC,KAED,uBAAoBF,EAAK,IAAMI,EAAO,OAAyB,EAE/D,MAAMC,EAAcC,GAA0B,CAC5C,MAAMC,KACJ,oBACE,oBAAC,WACC,OAAQD,EAAK,OAAO,IACpB,IAAKA,EAAK,OAAO,KAAOA,EAAK,MAC7B,UAAU,qDACV,aAAa,uBACf,KACA,QAAC,OAAI,UAAU,mCACb,oBAAC,WAAQ,KAAM,EAAG,GAAG,KAAK,UAAU,0FACjC,SAAAA,EAAK,MACR,KACA,OAAC,QACC,KAAM,EACN,GAAG,IACH,UAAU,iHAET,SAAAA,EAAK,SACR,GACF,GACF,EAGIE,KAAc,MAClB,8UACA,CACE,YAAaF,EAAK,QAAU,OAC5B,aAAcA,EAAK,QAAU,OAC/B,CACF,EAEA,OAAIA,EAAK,QAEL,OAAC,KACC,QAAM,eAAYA,EAAK,KAAM,GAAGZ,CAAa,IAAIC,CAAa,EAAE,EAChE,UAAWa,EACX,0BAAyB,GAAGd,CAAa,IAAIC,CAAa,GAC1D,kCAAiC,GAAGM,CAAK,IAAIK,EAAK,KAAK,IAAIA,EAAK,QAAQ,GAEvE,SAAAC,EACH,KAIG,OAAC,OAAI,UAAWC,EAAc,SAAAD,EAAY,CACnD,EAEA,SACE,QAAC,WACC,IAAKH,EACL,uBAAqB,eACrB,aAAW,MAAG,oDAAqDL,CAAS,EAG5E,qBAAC,OAAI,UAAU,wBACb,oBAAC,WAAQ,KAAM,EAAG,GAAG,KAAK,UAAU,oDACjC,SAAAE,EACH,EACCC,MACC,OAAC,QACC,KAAM,EACN,GAAG,IACH,UAAU,uHAET,SAAAA,EACH,GAEJ,KAGA,OAAC,OAAI,UAAU,6HACZ,SAAAC,EAAM,IAAIG,MACT,OAAC,EAAAT,QAAM,SAAN,CAAiC,SAAAQ,EAAWC,CAAI,GAA5BA,EAAK,KAAyB,CACpD,EACH,KAGA,OAAC,OAAI,UAAU,iEACb,mBAAC,UAAO,aAAc,GAAI,cAAc,OAAO,WAAU,GAAC,UAAU,0DACjE,SAAAH,EAAM,IAAIG,MACT,OAAC,eAA6B,UAAU,6DACtC,oBAAC,OAEC,aAAW,MACT,iRACA,CACE,YAAaA,EAAK,QAAU,OAC5B,aAAcA,EAAK,QAAU,OAC/B,CACF,EAEA,oBAAC,WACC,OAAQA,EAAK,OAAO,IACpB,IAAKA,EAAK,OAAO,KAAOA,EAAK,MAC7B,UAAU,qDACV,aAAa,uBACf,KACA,QAAC,OAAI,UAAU,mCACb,oBAAC,WAAQ,KAAM,EAAG,GAAG,KAAK,UAAU,4BACjC,SAAAA,EAAK,MACR,KACA,OAAC,QACC,KAAM,EACN,GAAG,IACH,UAAU,kIAET,SAAAA,EAAK,SACR,GACF,IA1BKA,EAAK,KA2BZ,GA7BgBA,EAAK,KA8BvB,CACD,EACH,EACF,GACF,CAEJ,CAAC,EAEDV,EAAa,YAAc,eAE3B,IAAOX,KAAQ,cAAWW,CAAY",
+  "sourcesContent": ["'use client'\nimport React, { useImperativeHandle, useRef } from 'react'\nimport { Heading, Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport type { FeatureCardsProps, FeatureCardItem } from './types.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\n\nconst componentType = 'image'\nconst componentName = 'feature_cards'\n\nconst FeatureCards = React.forwardRef<HTMLDivElement, FeatureCardsProps>(({ data, className }, ref) => {\n  const { title, subtitle, items = [] } = data\n\n  const boxRef = useRef<HTMLDivElement>(null)\n\n  useExposure(boxRef, {\n    componentType,\n    componentName,\n    componentTitle: title,\n    componentDescription: subtitle,\n  })\n\n  useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n  const renderCard = (item: FeatureCardItem) => {\n    const cardContent = (\n      <>\n        <Picture\n          source={item.image.url}\n          alt={item.image.alt || item.title}\n          className=\"feature-cards__card-image absolute inset-0 !h-full\"\n          imgClassName=\"!h-full object-cover\"\n        />\n        <div className=\"feature-cards__card-content z-10\">\n          <Heading size={3} as=\"h2\" className=\"feature-cards__card-title laptop:text-[20px] desktop:text-[32px] lg-desktop:text-[32px]\">\n            {item.title}\n          </Heading>\n          <Text\n            size={4}\n            as=\"p\"\n            className=\"feature-cards__card-subtitle mt-[4px] line-clamp-2 h-[40px] text-[14px] laptop:h-[44px] lg-desktop:text-[18px]\"\n          >\n            {item.subtitle}\n          </Text>\n        </div>\n      </>\n    )\n\n    const cardClasses = cn(\n      'feature-cards__card relative flex h-[360px] max-h-[560px] flex-1 flex-col justify-end gap-[16px] overflow-hidden rounded-[12px] px-[16px] py-[12px] text-info-primary tablet:h-[336px] laptop:h-[336px] laptop:px-[16px] laptop:py-[16px] desktop:h-[448px] desktop:rounded-[16px] desktop:px-[32px] desktop:py-[24px] lg-desktop:h-[560px]',\n      {\n        'aiui-dark': item.theme === 'dark',\n        'aiui-light': item.theme === 'light',\n      }\n    )\n\n    if (item.link) {\n      return (\n        <a\n          href={trackUrlRef(item.link, `${componentType}_${componentName}`)}\n          className={cardClasses}\n          data-headless-type-name={`${componentType}#${componentName}`}\n          data-headless-title-desc-button={`${title}#${item.title}#${item.subtitle}`}\n        >\n          {cardContent}\n        </a>\n      )\n    }\n\n    return <div className={cardClasses}>{cardContent}</div>\n  }\n\n  return (\n    <section\n      ref={boxRef}\n      data-ui-component-id=\"FeatureCards\"\n      className={cn('feature-cards flex w-full flex-col justify-center', className)}\n    >\n      {/* \u6807\u9898\u533A\u57DF */}\n      <div className=\"feature-cards__header\">\n        <Heading size={4} as=\"h1\" className=\"feature-cards__title text-left laptop:text-center\">\n          {title}\n        </Heading>\n        {subtitle && (\n          <Text\n            size={2}\n            as=\"p\"\n            className=\"feature-cards__subtitle mt-[4px] text-left text-[14px] laptop:text-center desktop:text-[16px] lg-desktop:text-[18px]\"\n          >\n            {subtitle}\n          </Text>\n        )}\n      </div>\n\n      {/* \u684C\u9762\u7AEF\u7F51\u683C\u5E03\u5C40 */}\n      <div className=\"feature-cards__grid mt-[24px] hidden w-full gap-[16px] laptop:mt-[32px] laptop:flex desktop:mt-[40px] lg-desktop:mt-[24px]\">\n        {items.map(item => (\n          <React.Fragment key={item.title}>{renderCard(item)}</React.Fragment>\n        ))}\n      </div>\n\n      {/* \u79FB\u52A8\u7AEF Swiper \u5E03\u5C40 */}\n      <div className=\"feature-cards__swiper-container mt-[24px] w-full laptop:hidden\">\n        <Swiper spaceBetween={12} slidesPerView=\"auto\" grabCursor className=\"feature-cards__swiper relative w-full !overflow-visible\">\n          {items.map(item => (\n            <SwiperSlide key={item.title} className=\"feature-cards__swiper-slide relative !h-[360px] !w-[296px]\">\n              <div\n                key={item.title}\n                className={cn(\n                  'feature-cards__card feature-cards__card--mobile absolute inset-0 flex flex-1 flex-col justify-end gap-[16px] overflow-hidden rounded-[12px] px-[16px] py-[12px] text-info-primary laptop:px-[16px] laptop:py-[16px] desktop:rounded-[16px] desktop:px-[32px] desktop:py-[24px]',\n                  {\n                    'aiui-dark': item.theme === 'dark',\n                    'aiui-light': item.theme === 'light',\n                  }\n                )}\n              >\n                <Picture\n                  source={item.image.url}\n                  alt={item.image.alt || item.title}\n                  className=\"feature-cards__card-image absolute inset-0 !h-full\"\n                  imgClassName=\"!h-full object-cover\"\n                />\n                <div className=\"feature-cards__card-content z-10\">\n                  <Heading size={3} as=\"h2\" className=\"feature-cards__card-title\">\n                    {item.title}\n                  </Heading>\n                  <Text\n                    size={4}\n                    as=\"p\"\n                    className=\"feature-cards__card-subtitle mt-[4px] line-clamp-2 h-[40px] overflow-visible text-[14px] laptop:h-[50px] lg-desktop:text-[18px]\"\n                  >\n                    {item.subtitle}\n                  </Text>\n                </div>\n              </div>\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      </div>\n    </section>\n  )\n})\n\nFeatureCards.displayName = 'FeatureCards'\n\nexport default withLayout(FeatureCards)\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA6BM,IAAAI,EAAA,6BA5BNC,EAAmD,oBACnDC,EAAuC,qCACvCC,EAAmB,kCACnBC,EAA2B,kCAC3BC,EAA4B,sCAC5BC,EAA4B,uCAE5BL,EAAoC,wBAEpC,MAAMM,EAAgB,QAChBC,EAAgB,gBAEhBC,EAAe,EAAAC,QAAM,WAA8C,CAAC,CAAE,KAAAC,EAAM,UAAAC,CAAU,EAAGC,IAAQ,CACrG,KAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,MAAAC,EAAQ,CAAC,CAAE,EAAIL,EAElCM,KAAS,UAAuB,IAAI,KAE1C,eAAYA,EAAQ,CAClB,cAAAV,EACA,cAAAC,EACA,eAAgBM,EAChB,qBAAsBC,CACxB,CAAC,KAED,uBAAoBF,EAAK,IAAMI,EAAO,OAAyB,EAE/D,MAAMC,EAAcC,GAA0B,CAC5C,MAAMC,KACJ,oBACE,oBAAC,WACC,OAAQD,EAAK,MAAM,IACnB,IAAKA,EAAK,MAAM,KAAOA,EAAK,MAC5B,UAAU,qDACV,aAAa,uBACf,KACA,QAAC,OAAI,UAAU,mCACb,oBAAC,WAAQ,KAAM,EAAG,GAAG,KAAK,UAAU,0FACjC,SAAAA,EAAK,MACR,KACA,OAAC,QACC,KAAM,EACN,GAAG,IACH,UAAU,iHAET,SAAAA,EAAK,SACR,GACF,GACF,EAGIE,KAAc,MAClB,8UACA,CACE,YAAaF,EAAK,QAAU,OAC5B,aAAcA,EAAK,QAAU,OAC/B,CACF,EAEA,OAAIA,EAAK,QAEL,OAAC,KACC,QAAM,eAAYA,EAAK,KAAM,GAAGZ,CAAa,IAAIC,CAAa,EAAE,EAChE,UAAWa,EACX,0BAAyB,GAAGd,CAAa,IAAIC,CAAa,GAC1D,kCAAiC,GAAGM,CAAK,IAAIK,EAAK,KAAK,IAAIA,EAAK,QAAQ,GAEvE,SAAAC,EACH,KAIG,OAAC,OAAI,UAAWC,EAAc,SAAAD,EAAY,CACnD,EAEA,SACE,QAAC,WACC,IAAKH,EACL,uBAAqB,eACrB,aAAW,MAAG,oDAAqDL,CAAS,EAG5E,qBAAC,OAAI,UAAU,wBACb,oBAAC,WAAQ,KAAM,EAAG,GAAG,KAAK,UAAU,oDACjC,SAAAE,EACH,EACCC,MACC,OAAC,QACC,KAAM,EACN,GAAG,IACH,UAAU,uHAET,SAAAA,EACH,GAEJ,KAGA,OAAC,OAAI,UAAU,6HACZ,SAAAC,EAAM,IAAIG,MACT,OAAC,EAAAT,QAAM,SAAN,CAAiC,SAAAQ,EAAWC,CAAI,GAA5BA,EAAK,KAAyB,CACpD,EACH,KAGA,OAAC,OAAI,UAAU,iEACb,mBAAC,UAAO,aAAc,GAAI,cAAc,OAAO,WAAU,GAAC,UAAU,0DACjE,SAAAH,EAAM,IAAIG,MACT,OAAC,eAA6B,UAAU,6DACtC,oBAAC,OAEC,aAAW,MACT,iRACA,CACE,YAAaA,EAAK,QAAU,OAC5B,aAAcA,EAAK,QAAU,OAC/B,CACF,EAEA,oBAAC,WACC,OAAQA,EAAK,MAAM,IACnB,IAAKA,EAAK,MAAM,KAAOA,EAAK,MAC5B,UAAU,qDACV,aAAa,uBACf,KACA,QAAC,OAAI,UAAU,mCACb,oBAAC,WAAQ,KAAM,EAAG,GAAG,KAAK,UAAU,4BACjC,SAAAA,EAAK,MACR,KACA,OAAC,QACC,KAAM,EACN,GAAG,IACH,UAAU,kIAET,SAAAA,EAAK,SACR,GACF,IA1BKA,EAAK,KA2BZ,GA7BgBA,EAAK,KA8BvB,CACD,EACH,EACF,GACF,CAEJ,CAAC,EAEDV,EAAa,YAAc,eAE3B,IAAOX,KAAQ,cAAWW,CAAY",
   "names": ["FeatureCards_exports", "__export", "FeatureCards_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_utils", "import_Styles", "import_useExposure", "import_trackUrlRef", "componentType", "componentName", "FeatureCards", "React", "data", "className", "ref", "title", "subtitle", "items", "boxRef", "renderCard", "item", "cardContent", "cardClasses"]
 }

package/dist/cjs/biz-components/FeatureShowcase/FeatureShowcase.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { FeatureShowcaseProps } from './types.js';
 declare const _default: React.ForwardRefExoticComponent<Omit<Omit<FeatureShowcaseProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string | undefined;
-    data?: Record<string, any> | undefined;
+    className?: string;
+    data?: Record<string, any>;
 }, "ref"> & React.RefAttributes<any>>;
 export default _default;

package/dist/cjs/biz-components/FeatureShowcase/FeatureShowcase.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var _=Object.create;var i=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var k=(t,a)=>{for(var p in a)i(t,p,{get:a[p],enumerable:!0})},d=(t,a,p,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(let l of v(a))!N.call(t,l)&&l!==p&&i(t,l,{get:()=>a[l],enumerable:!(r=w(a,l))||r.enumerable});return t};var y=(t,a,p)=>(p=t!=null?_(g(t)):{},d(a||!t||!t.__esModule?i(p,"default",{value:t,enumerable:!0}):p,t)),b=t=>d(i({},"__esModule",{value:!0}),t);var H={};k(H,{default:()=>T});module.exports=b(H);var e=require("react/jsx-runtime"),c=y(require("react")),s=require("../../components/index.js"),f=require("../../helpers/utils.js"),h=require("../../shared/Styles.js"),n=require("../../hooks/useExposure.js");const F="image",S="feature_showcase",u=c.default.forwardRef(({data:t,className:a},p)=>{const{datalist:r=[],datalists:l=[]}=t||{},x=(0,c.useRef)(null);return(0,n.useExposure)(x,{componentType:F,componentName:S,componentTitle:"Feature Showcase"}),(0,c.useImperativeHandle)(p,()=>x.current),(0,e.jsxs)("section",{ref:x,"data-ui-component-id":"FeatureShowcase",className:(0,f.cn)("feature-showcase flex gap-[16px] scrollbar-hidden l:flex-row l:overflow-hidden l:overflow-x-scroll laptop:flex-col",a),children:[(0,e.jsx)("div",{className:"feature-showcase__list flex gap-[16px]",children:r?.map((o,m)=>(0,e.jsx)("div",{className:"feature-showcase__item",children:(0,e.jsxs)("div",{className:"feature-showcase__card relative",children:[(0,e.jsx)(s.Picture,{source:`${o.imageMob?.url}`,className:"feature-showcase__image feature-showcase__image--mobile w-[296px] rounded-[12px] laptop:hidden"}),(0,e.jsx)(s.Picture,{source:`${o.image?.url} 1024`,className:"feature-showcase__image feature-showcase__image--desktop l:hidden"}),(0,e.jsxs)("div",{className:"feature-showcase__content absolute bottom-0 left-0 px-[16px] py-[12px] text-[#fff] laptop:px-[16px] laptop:py-[20px] desktop:px-[32px] desktop:py-[24px] lg-desktop:px-[32px] lg-desktop:py-[32px]",children:[(0,e.jsx)(s.Heading,{as:"h2",size:3,html:o?.title,className:"feature-showcase__title mt-[16px] md:text-[20px]"}),(0,e.jsx)(s.Text,{as:"p",html:o.desc,size:4,className:"feature-showcase__description mt-[4px] line-clamp-2 h-[40px] text-[14px] tablet:text-[14px] laptop:text-[14px] desktop:h-fit desktop:text-[16px] lg-desktop:text-[18px]"})]})]})},m))}),(0,e.jsx)("div",{className:"feature-showcase__list flex gap-[16px]",children:l?.map((o,m)=>(0,e.jsx)("div",{className:"feature-showcase__item",children:(0,e.jsxs)("div",{className:"feature-showcase__card relative",children:[(0,e.jsx)(s.Picture,{source:`${o.imageMob?.url}`,className:"feature-showcase__image feature-showcase__image--mobile w-[296px] rounded-[12px] laptop:hidden"}),(0,e.jsx)(s.Picture,{source:`${o.image?.url} 1024`,className:"feature-showcase__image feature-showcase__image--desktop l:hidden"}),(0,e.jsxs)("div",{className:"feature-showcase__content absolute bottom-0 left-0 px-[16px] py-[12px] text-[#fff] laptop:px-[16px] laptop:py-[20px] desktop:px-[32px] desktop:py-[24px] lg-desktop:px-[32px] lg-desktop:py-[32px]",children:[(0,e.jsx)(s.Heading,{as:"h2",size:3,html:o?.title,className:"feature-showcase__title mt-[16px] md:text-[20px]"}),(0,e.jsx)(s.Text,{as:"p",html:o.desc,size:4,className:"feature-showcase__description mt-[4px] line-clamp-2 h-[40px] text-[14px] tablet:text-[14px] laptop:text-[14px] desktop:h-fit desktop:text-[16px] lg-desktop:text-[18px]"})]})]})},m))})]})});u.displayName="FeatureShowcase";var T=(0,h.withLayout)(u);
+"use strict";"use client";var _=Object.create;var i=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var k=(t,a)=>{for(var p in a)i(t,p,{get:a[p],enumerable:!0})},d=(t,a,p,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(let l of v(a))!N.call(t,l)&&l!==p&&i(t,l,{get:()=>a[l],enumerable:!(r=w(a,l))||r.enumerable});return t};var y=(t,a,p)=>(p=t!=null?_(g(t)):{},d(a||!t||!t.__esModule?i(p,"default",{value:t,enumerable:!0}):p,t)),b=t=>d(i({},"__esModule",{value:!0}),t);var H={};k(H,{default:()=>T});module.exports=b(H);var e=require("react/jsx-runtime"),c=y(require("react")),s=require("../../components/index.js"),f=require("../../helpers/utils.js"),h=require("../../shared/Styles.js"),n=require("../../hooks/useExposure.js");const F="image",S="feature_showcase",u=c.default.forwardRef(({data:t,className:a},p)=>{const{datalist:r=[],datalists:l=[]}=t||{},x=(0,c.useRef)(null);return(0,n.useExposure)(x,{componentType:F,componentName:S,componentTitle:"Feature Showcase"}),(0,c.useImperativeHandle)(p,()=>x.current),(0,e.jsxs)("section",{ref:x,"data-ui-component-id":"FeatureShowcase",className:(0,f.cn)("feature-showcase flex gap-[16px] scrollbar-hidden l:flex-row l:overflow-hidden l:overflow-x-scroll laptop:flex-col",a),children:[(0,e.jsx)("div",{className:"feature-showcase__list flex gap-[16px]",children:r?.map((o,m)=>(0,e.jsx)("div",{className:"feature-showcase__item",children:(0,e.jsxs)("div",{className:"feature-showcase__card relative",children:[(0,e.jsx)(s.Picture,{source:`${o.imageMob.url}`,className:"feature-showcase__image feature-showcase__image--mobile w-[296px] rounded-[12px] laptop:hidden"}),(0,e.jsx)(s.Picture,{source:`${o.image.url} 1024`,className:"feature-showcase__image feature-showcase__image--desktop l:hidden"}),(0,e.jsxs)("div",{className:"feature-showcase__content absolute bottom-0 left-0 px-[16px] py-[12px] text-[#fff] laptop:px-[16px] laptop:py-[20px] desktop:px-[32px] desktop:py-[24px] lg-desktop:px-[32px] lg-desktop:py-[32px]",children:[(0,e.jsx)(s.Heading,{as:"h2",size:3,html:o?.title,className:"feature-showcase__title mt-[16px] md:text-[20px]"}),(0,e.jsx)(s.Text,{as:"p",html:o.desc,size:4,className:"feature-showcase__description mt-[4px] line-clamp-2 h-[40px] text-[14px] tablet:text-[14px] laptop:text-[14px] desktop:h-fit desktop:text-[16px] lg-desktop:text-[18px]"})]})]})},m))}),(0,e.jsx)("div",{className:"feature-showcase__list flex gap-[16px]",children:l?.map((o,m)=>(0,e.jsx)("div",{className:"feature-showcase__item",children:(0,e.jsxs)("div",{className:"feature-showcase__card relative",children:[(0,e.jsx)(s.Picture,{source:`${o.imageMob.url}`,className:"feature-showcase__image feature-showcase__image--mobile w-[296px] rounded-[12px] laptop:hidden"}),(0,e.jsx)(s.Picture,{source:`${o.image.url} 1024`,className:"feature-showcase__image feature-showcase__image--desktop l:hidden"}),(0,e.jsxs)("div",{className:"feature-showcase__content absolute bottom-0 left-0 px-[16px] py-[12px] text-[#fff] laptop:px-[16px] laptop:py-[20px] desktop:px-[32px] desktop:py-[24px] lg-desktop:px-[32px] lg-desktop:py-[32px]",children:[(0,e.jsx)(s.Heading,{as:"h2",size:3,html:o?.title,className:"feature-showcase__title mt-[16px] md:text-[20px]"}),(0,e.jsx)(s.Text,{as:"p",html:o.desc,size:4,className:"feature-showcase__description mt-[4px] line-clamp-2 h-[40px] text-[14px] tablet:text-[14px] laptop:text-[14px] desktop:h-fit desktop:text-[16px] lg-desktop:text-[18px]"})]})]})},m))})]})});u.displayName="FeatureShowcase";var T=(0,h.withLayout)(u);
 //# sourceMappingURL=FeatureShowcase.js.map

package/dist/cjs/biz-components/FeatureShowcase/FeatureShowcase.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/FeatureShowcase/FeatureShowcase.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useRef, useImperativeHandle } from 'react'\nimport { Picture, Text, Heading } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport type { FeatureShowcaseProps, FeatureShowcaseItem } from './types.js'\n\nconst componentType = 'image'\nconst componentName = 'feature_showcase'\n\nconst FeatureShowcase = React.forwardRef<HTMLDivElement, FeatureShowcaseProps>(({ data, className }, ref) => {\n  const { datalist = [], datalists = [] } = data || {}\n\n  const boxRef = useRef<HTMLDivElement>(null)\n\n  useExposure(boxRef, {\n    componentType,\n    componentName,\n    componentTitle: 'Feature Showcase',\n  })\n\n  useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n  return (\n    <section\n      ref={boxRef}\n      data-ui-component-id=\"FeatureShowcase\"\n      className={cn(\n        'feature-showcase flex gap-[16px] scrollbar-hidden l:flex-row l:overflow-hidden l:overflow-x-scroll laptop:flex-col',\n        className\n      )}\n    >\n      <div className=\"feature-showcase__list flex gap-[16px]\">\n        {datalist?.map((item: FeatureShowcaseItem, index: number) => (\n          <div key={index} className=\"feature-showcase__item\">\n            <div className=\"feature-showcase__card relative\">\n              <Picture source={`${item.imageMob?.url}`} className=\"feature-showcase__image feature-showcase__image--mobile w-[296px] rounded-[12px] laptop:hidden\" />\n              <Picture source={`${item.image?.url} 1024`} className=\"feature-showcase__image feature-showcase__image--desktop l:hidden\" />\n              <div className=\"feature-showcase__content absolute bottom-0 left-0 px-[16px] py-[12px] text-[#fff] laptop:px-[16px] laptop:py-[20px] desktop:px-[32px] desktop:py-[24px] lg-desktop:px-[32px] lg-desktop:py-[32px]\">\n                <Heading as={'h2'} size={3} html={item?.title} className=\"feature-showcase__title mt-[16px] md:text-[20px]\" />\n\n                <Text\n                  as={'p'}\n                  html={item.desc}\n                  size={4}\n                  className=\"feature-showcase__description mt-[4px] line-clamp-2 h-[40px] text-[14px] tablet:text-[14px] laptop:text-[14px] desktop:h-fit desktop:text-[16px] lg-desktop:text-[18px]\"\n                />\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n      <div className=\"feature-showcase__list flex gap-[16px]\">\n        {datalists?.map((item: FeatureShowcaseItem, index: number) => (\n          <div key={index} className=\"feature-showcase__item\">\n            <div className=\"feature-showcase__card relative\">\n              <Picture source={`${item.imageMob?.url}`} className=\"feature-showcase__image feature-showcase__image--mobile w-[296px] rounded-[12px] laptop:hidden\" />\n              <Picture source={`${item.image?.url} 1024`} className=\"feature-showcase__image feature-showcase__image--desktop l:hidden\" />\n              <div className=\"feature-showcase__content absolute bottom-0 left-0 px-[16px] py-[12px] text-[#fff] laptop:px-[16px] laptop:py-[20px] desktop:px-[32px] desktop:py-[24px] lg-desktop:px-[32px] lg-desktop:py-[32px]\">\n                <Heading as={'h2'} size={3} html={item?.title} className=\"feature-showcase__title mt-[16px] md:text-[20px]\" />\n\n                <Text\n                  as={'p'}\n                  html={item.desc}\n                  size={4}\n                  className=\"feature-showcase__description mt-[4px] line-clamp-2 h-[40px] text-[14px] tablet:text-[14px] laptop:text-[14px] desktop:h-fit desktop:text-[16px] lg-desktop:text-[18px]\"\n                />\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n    </section>\n  )\n})\n\nFeatureShowcase.displayName = 'FeatureShowcase'\n\nexport default withLayout(FeatureShowcase)\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAqCc,IAAAI,EAAA,6BApCdC,EAAmD,oBACnDC,EAAuC,qCACvCC,EAAmB,kCACnBC,EAA2B,kCAC3BC,EAA4B,sCAG5B,MAAMC,EAAgB,QAChBC,EAAgB,mBAEhBC,EAAkB,EAAAC,QAAM,WAAiD,CAAC,CAAE,KAAAC,EAAM,UAAAC,CAAU,EAAGC,IAAQ,CAC3G,KAAM,CAAE,SAAAC,EAAW,CAAC,EAAG,UAAAC,EAAY,CAAC,CAAE,EAAIJ,GAAQ,CAAC,EAE7CK,KAAS,UAAuB,IAAI,EAE1C,wBAAYA,EAAQ,CAClB,cAAAT,EACA,cAAAC,EACA,eAAgB,kBAClB,CAAC,KAED,uBAAoBK,EAAK,IAAMG,EAAO,OAAyB,KAG7D,QAAC,WACC,IAAKA,EACL,uBAAqB,kBACrB,aAAW,MACT,qHACAJ,CACF,EAEA,oBAAC,OAAI,UAAU,yCACZ,SAAAE,GAAU,IAAI,CAACG,EAA2BC,OACzC,OAAC,OAAgB,UAAU,yBACzB,oBAAC,OAAI,UAAU,kCACb,oBAAC,WAAQ,OAAQ,GAAGD,EAAK,UAAU,GAAG,GAAI,UAAU,iGAAiG,KACrJ,OAAC,WAAQ,OAAQ,GAAGA,EAAK,OAAO,GAAG,QAAS,UAAU,oEAAoE,KAC1H,QAAC,OAAI,UAAU,qMACb,oBAAC,WAAQ,GAAI,KAAM,KAAM,EAAG,KAAMA,GAAM,MAAO,UAAU,mDAAmD,KAE5G,OAAC,QACC,GAAI,IACJ,KAAMA,EAAK,KACX,KAAM,EACN,UAAU,0KACZ,GACF,GACF,GAdQC,CAeV,CACD,EACH,KACA,OAAC,OAAI,UAAU,yCACZ,SAAAH,GAAW,IAAI,CAACE,EAA2BC,OAC1C,OAAC,OAAgB,UAAU,yBACzB,oBAAC,OAAI,UAAU,kCACb,oBAAC,WAAQ,OAAQ,GAAGD,EAAK,UAAU,GAAG,GAAI,UAAU,iGAAiG,KACrJ,OAAC,WAAQ,OAAQ,GAAGA,EAAK,OAAO,GAAG,QAAS,UAAU,oEAAoE,KAC1H,QAAC,OAAI,UAAU,qMACb,oBAAC,WAAQ,GAAI,KAAM,KAAM,EAAG,KAAMA,GAAM,MAAO,UAAU,mDAAmD,KAE5G,OAAC,QACC,GAAI,IACJ,KAAMA,EAAK,KACX,KAAM,EACN,UAAU,0KACZ,GACF,GACF,GAdQC,CAeV,CACD,EACH,GACF,CAEJ,CAAC,EAEDT,EAAgB,YAAc,kBAE9B,IAAOV,KAAQ,cAAWU,CAAe",
+  "sourcesContent": ["'use client'\nimport React, { useRef, useImperativeHandle } from 'react'\nimport { Picture, Text, Heading } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport type { FeatureShowcaseProps, FeatureShowcaseItem } from './types.js'\n\nconst componentType = 'image'\nconst componentName = 'feature_showcase'\n\nconst FeatureShowcase = React.forwardRef<HTMLDivElement, FeatureShowcaseProps>(({ data, className }, ref) => {\n  const { datalist = [], datalists = [] } = data || {}\n\n  const boxRef = useRef<HTMLDivElement>(null)\n\n  useExposure(boxRef, {\n    componentType,\n    componentName,\n    componentTitle: 'Feature Showcase',\n  })\n\n  useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n  return (\n    <section\n      ref={boxRef}\n      data-ui-component-id=\"FeatureShowcase\"\n      className={cn(\n        'feature-showcase flex gap-[16px] scrollbar-hidden l:flex-row l:overflow-hidden l:overflow-x-scroll laptop:flex-col',\n        className\n      )}\n    >\n      <div className=\"feature-showcase__list flex gap-[16px]\">\n        {datalist?.map((item: FeatureShowcaseItem, index: number) => (\n          <div key={index} className=\"feature-showcase__item\">\n            <div className=\"feature-showcase__card relative\">\n              <Picture source={`${item.imageMob.url}`} className=\"feature-showcase__image feature-showcase__image--mobile w-[296px] rounded-[12px] laptop:hidden\" />\n              <Picture source={`${item.image.url} 1024`} className=\"feature-showcase__image feature-showcase__image--desktop l:hidden\" />\n              <div className=\"feature-showcase__content absolute bottom-0 left-0 px-[16px] py-[12px] text-[#fff] laptop:px-[16px] laptop:py-[20px] desktop:px-[32px] desktop:py-[24px] lg-desktop:px-[32px] lg-desktop:py-[32px]\">\n                <Heading as={'h2'} size={3} html={item?.title} className=\"feature-showcase__title mt-[16px] md:text-[20px]\" />\n\n                <Text\n                  as={'p'}\n                  html={item.desc}\n                  size={4}\n                  className=\"feature-showcase__description mt-[4px] line-clamp-2 h-[40px] text-[14px] tablet:text-[14px] laptop:text-[14px] desktop:h-fit desktop:text-[16px] lg-desktop:text-[18px]\"\n                />\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n      <div className=\"feature-showcase__list flex gap-[16px]\">\n        {datalists?.map((item: FeatureShowcaseItem, index: number) => (\n          <div key={index} className=\"feature-showcase__item\">\n            <div className=\"feature-showcase__card relative\">\n              <Picture source={`${item.imageMob.url}`} className=\"feature-showcase__image feature-showcase__image--mobile w-[296px] rounded-[12px] laptop:hidden\" />\n              <Picture source={`${item.image.url} 1024`} className=\"feature-showcase__image feature-showcase__image--desktop l:hidden\" />\n              <div className=\"feature-showcase__content absolute bottom-0 left-0 px-[16px] py-[12px] text-[#fff] laptop:px-[16px] laptop:py-[20px] desktop:px-[32px] desktop:py-[24px] lg-desktop:px-[32px] lg-desktop:py-[32px]\">\n                <Heading as={'h2'} size={3} html={item?.title} className=\"feature-showcase__title mt-[16px] md:text-[20px]\" />\n\n                <Text\n                  as={'p'}\n                  html={item.desc}\n                  size={4}\n                  className=\"feature-showcase__description mt-[4px] line-clamp-2 h-[40px] text-[14px] tablet:text-[14px] laptop:text-[14px] desktop:h-fit desktop:text-[16px] lg-desktop:text-[18px]\"\n                />\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n    </section>\n  )\n})\n\nFeatureShowcase.displayName = 'FeatureShowcase'\n\nexport default withLayout(FeatureShowcase)\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAqCc,IAAAI,EAAA,6BApCdC,EAAmD,oBACnDC,EAAuC,qCACvCC,EAAmB,kCACnBC,EAA2B,kCAC3BC,EAA4B,sCAG5B,MAAMC,EAAgB,QAChBC,EAAgB,mBAEhBC,EAAkB,EAAAC,QAAM,WAAiD,CAAC,CAAE,KAAAC,EAAM,UAAAC,CAAU,EAAGC,IAAQ,CAC3G,KAAM,CAAE,SAAAC,EAAW,CAAC,EAAG,UAAAC,EAAY,CAAC,CAAE,EAAIJ,GAAQ,CAAC,EAE7CK,KAAS,UAAuB,IAAI,EAE1C,wBAAYA,EAAQ,CAClB,cAAAT,EACA,cAAAC,EACA,eAAgB,kBAClB,CAAC,KAED,uBAAoBK,EAAK,IAAMG,EAAO,OAAyB,KAG7D,QAAC,WACC,IAAKA,EACL,uBAAqB,kBACrB,aAAW,MACT,qHACAJ,CACF,EAEA,oBAAC,OAAI,UAAU,yCACZ,SAAAE,GAAU,IAAI,CAACG,EAA2BC,OACzC,OAAC,OAAgB,UAAU,yBACzB,oBAAC,OAAI,UAAU,kCACb,oBAAC,WAAQ,OAAQ,GAAGD,EAAK,SAAS,GAAG,GAAI,UAAU,iGAAiG,KACpJ,OAAC,WAAQ,OAAQ,GAAGA,EAAK,MAAM,GAAG,QAAS,UAAU,oEAAoE,KACzH,QAAC,OAAI,UAAU,qMACb,oBAAC,WAAQ,GAAI,KAAM,KAAM,EAAG,KAAMA,GAAM,MAAO,UAAU,mDAAmD,KAE5G,OAAC,QACC,GAAI,IACJ,KAAMA,EAAK,KACX,KAAM,EACN,UAAU,0KACZ,GACF,GACF,GAdQC,CAeV,CACD,EACH,KACA,OAAC,OAAI,UAAU,yCACZ,SAAAH,GAAW,IAAI,CAACE,EAA2BC,OAC1C,OAAC,OAAgB,UAAU,yBACzB,oBAAC,OAAI,UAAU,kCACb,oBAAC,WAAQ,OAAQ,GAAGD,EAAK,SAAS,GAAG,GAAI,UAAU,iGAAiG,KACpJ,OAAC,WAAQ,OAAQ,GAAGA,EAAK,MAAM,GAAG,QAAS,UAAU,oEAAoE,KACzH,QAAC,OAAI,UAAU,qMACb,oBAAC,WAAQ,GAAI,KAAM,KAAM,EAAG,KAAMA,GAAM,MAAO,UAAU,mDAAmD,KAE5G,OAAC,QACC,GAAI,IACJ,KAAMA,EAAK,KACX,KAAM,EACN,UAAU,0KACZ,GACF,GACF,GAdQC,CAeV,CACD,EACH,GACF,CAEJ,CAAC,EAEDT,EAAgB,YAAc,kBAE9B,IAAOV,KAAQ,cAAWU,CAAe",
   "names": ["FeatureShowcase_exports", "__export", "FeatureShowcase_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_utils", "import_Styles", "import_useExposure", "componentType", "componentName", "FeatureShowcase", "React", "data", "className", "ref", "datalist", "datalists", "boxRef", "item", "index"]
 }

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Img } from '../../types/props.js';
 export type FeaturesDataType = {
     img: Img;
@@ -21,7 +20,7 @@ type FeaturesType = {
     className?: string;
 };
 declare const _default: import("react").ForwardRefExoticComponent<Omit<FeaturesType, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string | undefined;
-    data?: Record<string, any> | undefined;
+    className?: string;
+    data?: Record<string, any>;
 } & import("react").RefAttributes<any>>;
 export default _default;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type FootChargerType = {
     data: {
         title: string;
@@ -7,7 +6,7 @@ type FootChargerType = {
     className?: string;
 };
 declare const _default: import("react").ForwardRefExoticComponent<Omit<FootChargerType, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string | undefined;
-    data?: Record<string, any> | undefined;
+    className?: string;
+    data?: Record<string, any>;
 } & import("react").RefAttributes<any>>;
 export default _default;

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import type { FooterNavigationProps } from './types.js';
 declare const _default: import("react").ForwardRefExoticComponent<Omit<FooterNavigationProps, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string | undefined;
-    data?: Record<string, any> | undefined;
+    className?: string;
+    data?: Record<string, any>;
 } & import("react").RefAttributes<any>>;
 export default _default;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Img } from '../../types/props.js';
 export type GiftBoxDataType = {
     img: Img;
@@ -12,7 +11,7 @@ type GiftBoxType = {
     className?: string;
 };
 declare const _default: import("react").ForwardRefExoticComponent<Omit<GiftBoxType, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string | undefined;
-    data?: Record<string, any> | undefined;
+    className?: string;
+    data?: Record<string, any>;
 } & import("react").RefAttributes<any>>;
 export default _default;

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

@@ -32,7 +32,7 @@ export interface GraphicProps extends ComponentCommonProps {
     };
 }
 declare const _default: React.ForwardRefExoticComponent<Omit<Omit<GraphicProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string | undefined;
-    data?: Record<string, any> | undefined;
+    className?: string;
+    data?: Record<string, any>;
 }, "ref"> & React.RefAttributes<any>>;
 export default _default;

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

@@ -18,8 +18,8 @@ interface GraphicAttractionBlockProps extends ComponentCommonProps {
     };
 }
 declare const _default: React.ForwardRefExoticComponent<Omit<Omit<GraphicAttractionBlockProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string | undefined;
-    data?: Record<string, any> | undefined;
+    className?: string;
+    data?: Record<string, any>;
 }, "ref"> & React.RefAttributes<any>>;
 export default _default;
 export type { GraphicAttractionBlockProps };