npm - @anker-in/headless-ui - Versions diffs - 0.0.27-alpha.30 → 0.0.27-alpha.32 - Mend

@anker-in/headless-ui 0.0.27-alpha.30 → 0.0.27-alpha.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (115) hide show

package/dist/esm/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { MultiLayoutGraphicBlockProps, Item } from './types'\nimport { withStyles } from '../../shared/Styles.js'\nimport Picture from '../../components/picture.js'\nimport Button from '../../components/button.js'\nimport { Heading } from '../../components/heading.js'\nimport { Text } from '../../components/text.js'\nimport { Carousel, CarouselContent, CarouselItem } from '../../components/carousel.js'\nimport { Grid, GridItem } from '../../components/gird.js'\nimport Title from '../Title/index.js'\nimport type { Shape } from '../../types/props'\nimport { cn } from '../../helpers/utils.js'\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '../../components/tabs.js'\nconst ItemBlock = ({ item, shape = 'square' }: { item: Item } & { shape?: Shape }) => {\n  const { theme = 'light', title, description, imageUrl, primaryBtn, secondaryBtn } = item\n\n  return (\n    <div\n      className={cn(`item-wrapper relative w-full`, {\n        'rounded-box': shape === 'rounded',\n        'aiui-dark': theme === 'dark',\n      })}\n    >\n      <Picture source={imageUrl} className=\"inset-0\" />\n      <div className=\"laptop:p-6 desktop:p-[32px] absolute inset-x-0 bottom-0 flex flex-col gap-6 p-3\">\n        <div>\n          <Heading className=\"item-title\">{title}</Heading>\n          <Text className=\"item-description\">{description}</Text>\n        </div>\n        <div className=\"flex gap-2\">\n          {secondaryBtn && (\n            <Button variant=\"secondary\" asChild>\n              <a href={secondaryBtn.link}>{secondaryBtn.text}</a>\n            </Button>\n          )}\n          {primaryBtn && (\n            <Button variant=\"primary\" asChild>\n              <a href={primaryBtn.link}>{primaryBtn.text}</a>\n            </Button>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nconst MultiLayoutGraphicBlock = React.forwardRef<HTMLDivElement, MultiLayoutGraphicBlockProps>((props, ref) => {\n  const { shape, sectionTitle, groupByTab = false, items = [], carousel } = props.data\n\n  const getSpan = (width: 'full' | 'half' | 'one-third') => {\n    switch (width) {\n      case 'full':\n        return 12\n      case 'half':\n        return 6\n      case 'one-third':\n        return 4\n    }\n  }\n\n  const tabNames = items\n    .map(item => item.tabName)\n    .filter(Boolean)\n    .filter((item, index, arr) => arr.indexOf(item) === index) as string[]\n\n  const tabItemsMaps = tabNames\n    .map(tabName => ({\n      tabName,\n      items: items.filter(item => item.tabName === tabName),\n    }))\n    .reduce(\n      (acc, cur) => {\n        acc[cur.tabName] = cur.items\n        return acc\n      },\n      {} as Record<string, (Item & { width?: 'full' | 'half' | 'one-third' })[]>\n    )\n\n  return (\n    <section data-ui-component-id=\"MultiLayoutGraphicBlock\" ref={ref} className=\"\">\n      {sectionTitle && <Title data={{ title: sectionTitle }} className=\"section-title\" />}\n\n      {groupByTab ? (\n        <Tabs shape={shape} align=\"left\" defaultValue={tabNames[0]!}>\n          <TabsList>\n            {tabNames.map((tabName, index) => (\n              <TabsTrigger key={index} value={tabName!}>\n                {tabName}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n          {tabNames.map((tabName, index) => (\n            <TabsContent key={index} value={tabName!} className=\"desktop:mt-[36px] mt-[24px] w-full\">\n              <>\n                <Grid className=\"w-full\">\n                  {tabItemsMaps[tabName].map((item, index) => (\n                    <GridItem key={index} span={getSpan(item.width ?? 'full')}>\n                      <ItemBlock item={item} />\n                    </GridItem>\n                  ))}\n                </Grid>\n                {carousel && carousel?.items.length > 0 ? (\n                  <Carousel className=\"laptop:mt-4 mt-3\">\n                    <CarouselContent className=\"flex\">\n                      {carousel.items.map((item, index) => (\n                        <CarouselItem key={index} className=\"tablet:basis-2/5 laptop:basis-[32%] flex basis-4/5\">\n                          <ItemBlock item={item} shape={shape} />\n                        </CarouselItem>\n                      ))}\n                    </CarouselContent>\n                  </Carousel>\n                ) : null}\n              </>\n            </TabsContent>\n          ))}\n        </Tabs>\n      ) : (\n        <>\n          <Grid className=\"w-full\">\n            {items.map((item, index) => (\n              <GridItem key={index} span={getSpan(item.width ?? 'full')}>\n                <ItemBlock item={item} />\n              </GridItem>\n            ))}\n          </Grid>\n          {carousel && carousel?.items.length > 0 ? (\n            <Carousel className=\"laptop:mt-4 mt-3\">\n              <CarouselContent className=\"flex\">\n                {carousel.items.map((item, index) => (\n                  <CarouselItem key={index} className=\"tablet:basis-2/5 laptop:basis-[32%] flex basis-4/5\">\n                    <ItemBlock item={item} shape={shape} />\n                  </CarouselItem>\n                ))}\n              </CarouselContent>\n            </Carousel>\n          ) : null}\n        </>\n      )}\n    </section>\n  )\n})\n\nexport default withStyles(MultiLayoutGraphicBlock)\nexport type { MultiLayoutGraphicBlockProps }\n"],
-  "mappings": "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",
-  "names": ["Fragment", "jsx", "jsxs", "React", "withStyles", "Picture", "Button", "Heading", "Text", "Carousel", "CarouselContent", "CarouselItem", "Grid", "GridItem", "Title", "cn", "Tabs", "TabsList", "TabsTrigger", "TabsContent", "ItemBlock", "item", "shape", "theme", "title", "description", "imageUrl", "primaryBtn", "secondaryBtn", "MultiLayoutGraphicBlock", "props", "ref", "sectionTitle", "groupByTab", "items", "carousel", "getSpan", "width", "tabNames", "index", "arr", "tabItemsMaps", "tabName", "acc", "cur", "MultiLayoutGraphicBlock_default"]
+  "sourcesContent": ["import React from 'react'\nimport type { MultiLayoutGraphicBlockProps, Item } from './types'\nimport { withStyles } from '../../shared/Styles.js'\nimport Picture from '../../components/picture.js'\nimport Button from '../../components/button.js'\nimport { Heading } from '../../components/heading.js'\nimport { Text } from '../../components/text.js'\nimport { Carousel, CarouselContent, CarouselItem } from '../../components/carousel.js'\nimport { Grid, GridItem } from '../../components/gird.js'\nimport Title from '../Title/index.js'\nimport type { Shape } from '../../types/props'\nimport { cn } from '../../helpers/utils.js'\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '../../components/tabs.js'\nconst ItemBlock = ({ item, shape = 'square' }: { item: Item } & { shape?: Shape }) => {\n  const { theme = 'light', title, description, imageUrl, primaryButton, secondaryButton } = item\n\n  return (\n    <div\n      className={cn(`item-wrapper relative w-full`, {\n        'rounded-box': shape === 'rounded',\n        'aiui-dark': theme === 'dark',\n      })}\n    >\n      <Picture source={imageUrl?.url} className=\"inset-0\" />\n      <div className=\"laptop:p-6 desktop:p-[32px] absolute inset-x-0 bottom-0 flex flex-col gap-6 p-3\">\n        <div>\n          <Heading className=\"item-title\">{title}</Heading>\n          <Text className=\"item-description\">{description}</Text>\n        </div>\n        <div className=\"flex gap-2\">\n          {secondaryButton && (\n            <Button variant=\"secondary\" asChild>\n              <a href={secondaryButton.link}>{secondaryButton.text}</a>\n            </Button>\n          )}\n          {primaryButton && (\n            <Button variant=\"primary\" asChild>\n              <a href={primaryButton.link}>{primaryButton.text}</a>\n            </Button>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nconst MultiLayoutGraphicBlock = React.forwardRef<HTMLDivElement, MultiLayoutGraphicBlockProps>((props, ref) => {\n  const { shape, sectionTitle, groupByTab = false, items = [], carousel } = props.data\n\n  const getSpan = (width: 'full' | 'half' | 'one-third') => {\n    switch (width) {\n      case 'full':\n        return 12\n      case 'half':\n        return 6\n      case 'one-third':\n        return 4\n    }\n  }\n\n  const tabNames = items\n    .map(item => item.tabName)\n    .filter(Boolean)\n    .filter((item, index, arr) => arr.indexOf(item) === index) as string[]\n\n  const tabItemsMaps = tabNames\n    .map(tabName => ({\n      tabName,\n      items: items.filter(item => item.tabName === tabName),\n    }))\n    .reduce(\n      (acc, cur) => {\n        acc[cur.tabName] = cur.items\n        return acc\n      },\n      {} as Record<string, (Item & { width?: 'full' | 'half' | 'one-third' })[]>\n    )\n\n  return (\n    <section data-ui-component-id=\"MultiLayoutGraphicBlock\" ref={ref} className=\"\">\n      {sectionTitle && <Title data={{ title: sectionTitle }} className=\"section-title\" />}\n\n      {groupByTab ? (\n        <Tabs shape={shape} align=\"left\" defaultValue={tabNames[0]!}>\n          <TabsList>\n            {tabNames.map((tabName, index) => (\n              <TabsTrigger key={index} value={tabName!}>\n                {tabName}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n          {tabNames.map((tabName, index) => (\n            <TabsContent key={index} value={tabName!} className=\"desktop:mt-[36px] mt-[24px] w-full\">\n              <>\n                <Grid className=\"w-full\">\n                  {tabItemsMaps[tabName].map((item, index) => (\n                    <GridItem key={index} span={getSpan(item.width ?? 'full')}>\n                      <ItemBlock item={item} />\n                    </GridItem>\n                  ))}\n                </Grid>\n                {carousel && carousel?.items.length > 0 ? (\n                  <Carousel className=\"laptop:mt-4 mt-3\">\n                    <CarouselContent className=\"flex\">\n                      {carousel.items.map((item, index) => (\n                        <CarouselItem key={index} className=\"tablet:basis-2/5 laptop:basis-[32%] flex basis-4/5\">\n                          <ItemBlock item={item} shape={shape} />\n                        </CarouselItem>\n                      ))}\n                    </CarouselContent>\n                  </Carousel>\n                ) : null}\n              </>\n            </TabsContent>\n          ))}\n        </Tabs>\n      ) : (\n        <>\n          <Grid className=\"w-full\">\n            {items.map((item, index) => (\n              <GridItem key={index} span={getSpan(item.width ?? 'full')}>\n                <ItemBlock item={item} />\n              </GridItem>\n            ))}\n          </Grid>\n          {carousel && carousel?.items.length > 0 ? (\n            <Carousel className=\"laptop:mt-4 mt-3\">\n              <CarouselContent className=\"flex\">\n                {carousel.items.map((item, index) => (\n                  <CarouselItem key={index} className=\"tablet:basis-2/5 laptop:basis-[32%] flex basis-4/5\">\n                    <ItemBlock item={item} shape={shape} />\n                  </CarouselItem>\n                ))}\n              </CarouselContent>\n            </Carousel>\n          ) : null}\n        </>\n      )}\n    </section>\n  )\n})\n\nexport default withStyles(MultiLayoutGraphicBlock)\nexport type { MultiLayoutGraphicBlockProps }\n"],
+  "mappings": "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",
+  "names": ["Fragment", "jsx", "jsxs", "React", "withStyles", "Picture", "Button", "Heading", "Text", "Carousel", "CarouselContent", "CarouselItem", "Grid", "GridItem", "Title", "cn", "Tabs", "TabsList", "TabsTrigger", "TabsContent", "ItemBlock", "item", "shape", "theme", "title", "description", "imageUrl", "primaryButton", "secondaryButton", "MultiLayoutGraphicBlock", "props", "ref", "sectionTitle", "groupByTab", "items", "carousel", "getSpan", "width", "tabNames", "index", "arr", "tabItemsMaps", "tabName", "acc", "cur", "MultiLayoutGraphicBlock_default"]
 }

package/dist/esm/biz-components/MultiLayoutGraphicBlock/types.d.ts CHANGED Viewed

@@ -1,15 +1,15 @@
-import type { Shape, Theme } from '../../types/props';
+import type { Media, Shape, Theme } from '../../types/props';
 export type Item = {
     theme?: Theme;
     title: string;
     description: string;
-    imageUrl: string;
+    imageUrl: Media;
     tabName?: string;
-    primaryBtn: {
+    primaryButton: {
         text: string;
         link: string;
     };
-    secondaryBtn: {
+    secondaryButton: {
         text: string;
         link: string;
     };

package/dist/esm/biz-components/ShelfDisplay/index.d.ts CHANGED Viewed

@@ -1,6 +1,11 @@
 export interface ShelfDisplayItem {
+    id?: string;
     /** 产品图片*/
-    img?: string;
+    img?: {
+        url: string;
+    };
+    handle?: string;
+    sku?: string;
     /** 折扣后价格*/
     price?: string;
     title?: string;
@@ -17,11 +22,14 @@ export interface ShelfDisplayProps {
         title?: string;
         isShowTab?: boolean;
         align?: 'left' | 'center' | 'right';
-        items: ShelfDisplayItem[];
+        productsTab?: ShelfDisplayItem[];
+        productsCard?: ShelfDisplayItem[];
         /** 卡片形状 */
         itemShape?: 'round' | 'square';
         /** 按钮形状 */
         shape?: 'round' | 'square';
+        /** 标签页形状*/
+        tabShape?: 'rounded' | 'square';
         /** 主按钮配置 */
         primaryButton?: string;
         /** 副按钮配置 */

package/dist/esm/biz-components/ShelfDisplay/index.js CHANGED Viewed

@@ -1,10 +1,10 @@
-"use client";import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as f,useEffect as h}from"react";import{cn as x}from"../../helpers/utils.js";import v from"../../components/picture.js";import{Tabs as D,TabsList as S,TabsTrigger as w}from"../../components/tabs.js";import u from"../../components/button.js";import B from"../Title/index.js";import N from"../SwiperBox/index.js";import{withStyles as I}from"../../shared/Styles.js";const T=({data:t,configuration:s})=>{const l=a=>{},p=a=>{};return i("div",{className:x("flex w-full h-full flex-col bg-[#EAEAEC] p-4 cursor-pointer","desktop:pt-4 desktop:px-6 desktop:pb-6",s?.itemShape==="round"?"rounded-2xl":"rounded-none"),children:[e("div",{className:x("relative mb-2 inline-block h-[137px] overflow-hidden","desktop:mb-3 desktop:h-[195px]"),children:e(v,{source:t?.img||"",className:"flex h-full justify-center object-cover [&_img]:w-auto"})}),e("div",{className:"desktop:mb-2 mb-1 flex flex-wrap gap-1",children:t?.tagItems?.map((a,n)=>e("div",{className:"desktop:text-base rounded-3xl border-2 border-[#00BEFA] px-2 py-1 text-sm font-bold text-[#00BEFA]",children:a},n))}),e("p",{className:"desktop:text-2xl flex-1 text-xl font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F]",children:t?.title||""}),e("h3",{className:"desktop:mt-2 desktop:mb-6 desktop:text-lg mb-5 mt-1 text-sm font-semibold leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]",children:t?.subTitle||""}),i("div",{className:"mb-2 flex items-center",children:[e("div",{className:"desktop:text-2xl text-xl font-bold text-[#1D1D1F]",children:t?.price||""}),e("div",{className:"desktop:text-2xl ml-1 text-xl font-bold text-[#86868C]",children:t?.basePrice||""})]}),i("div",{className:"flex items-center gap-3",children:[e(u,{variant:"primary",onClick:()=>l(t),className:`
+"use client";import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as u,useEffect as D}from"react";import{cn as x}from"../../helpers/utils.js";import S from"../../components/picture.js";import{Tabs as w,TabsList as B,TabsTrigger as N}from"../../components/tabs.js";import f from"../../components/button.js";import T from"../Title/index.js";import I from"../SwiperBox/index.js";import{withStyles as C}from"../../shared/Styles.js";import"query-string";const F=({data:t,configuration:s})=>{const l=r=>{},p=r=>{};return i("div",{className:x("flex w-full h-full flex-col bg-[#EAEAEC] p-4 cursor-pointer","desktop:pt-4 desktop:px-6 desktop:pb-6",s?.itemShape==="round"?"rounded-2xl":"rounded-none"),children:[e("div",{className:x("relative mb-2 inline-block h-[137px] overflow-hidden","desktop:mb-3 desktop:h-[195px]"),children:e(S,{source:t?.img?.url||"",className:"flex h-full justify-center object-cover [&_img]:w-auto"})}),e("div",{className:"desktop:mb-2 mb-1 flex flex-wrap gap-1",children:t?.tagItems?.map((r,n)=>e("div",{className:"desktop:text-base rounded-3xl border-2 border-[#00BEFA] px-2 py-1 text-sm font-bold text-[#00BEFA]",children:r?.tag},r?.id||n))}),e("p",{className:"min-h-[56px] max-h-[56px] line-clamp-2 desktop:text-2xl flex-1 text-xl font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F]",children:t?.title||""}),e("h3",{className:"desktop:mt-2 truncate desktop:mb-6 desktop:text-lg mb-5 mt-1 text-sm font-semibold leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]",children:t?.subTitle||""}),i("div",{className:"mb-2 flex items-center",children:[e("div",{className:"desktop:text-2xl text-xl font-bold text-[#1D1D1F]",children:t?.price||""}),e("div",{className:"desktop:text-2xl ml-1 text-xl font-bold text-[#86868C]",children:t?.basePrice||""})]}),i("div",{className:"flex items-center gap-3",children:[e(f,{variant:"primary",onClick:()=>l(t),className:`
             laptop:text-sm desktop:text-base laptop:px-6 desktop:px-7 laptop:py-2.5 desktop:py-3 box-border flex-1 border
             border-[#1D1D1F] bg-transparent px-4 py-2 text-xs tracking-[-0.04em] text-[#1D1D1F] hover:bg-transparent hover:text-black
             ${s?.shape==="round"?"desktop:rounded-3xl rounded-[20px]":""}
-          `,children:s?.primaryButton||""}),e(u,{variant:"secondary",onClick:()=>p(t),className:`
+          `,children:s?.primaryButton||""}),e(f,{variant:"secondary",onClick:()=>p(t),className:`
             laptop:text-sm desktop:text-base laptop:px-6 desktop:px-7 laptop:py-2.5 desktop:py-3 box-border flex-1 border
             border-[#1D1D1F] bg-[#1D1D1F] px-4 py-2 text-xs tracking-[-0.04em] text-white
             ${s?.shape==="round"?"desktop:rounded-3xl rounded-[20px]":""}
-          `,children:s?.secondaryButton||""})]})]})},F=({data:t,className:s="",key:l})=>{const[p,a]=f(""),[n,d]=f([]),{items:r,title:c,align:g="left",isShowTab:b=!0,...y}=t;return h(()=>{if(b){a(r?.[0]?.tab||""),d(r?.[0]?.data||[]);return}d(r||[])},[]),i("div",{className:x("w-full",s),children:[c&&e(B,{data:{title:c}}),b&&e(D,{align:g,value:p,onValueChange:o=>{a(o);const m=r?.find(k=>k?.tab===o);d(m?.data||[])},className:"mb-8",children:e(S,{children:r?.map((o,m)=>e(w,{value:o?.tab||"",children:o?.tab},m))})}),e(N,{className:"!overflow-visible",id:"ShelfDisplay"+l,data:{list:n,configuration:{...y}},Slide:T,breakpoints:{0:{spaceBetween:"12px",freeMode:!1,slidesPerView:1},374:{spaceBetween:"12px",freeMode:!1,slidesPerView:1.3},768:{spaceBetween:"16px",freeMode:!1,slidesPerView:4}}})]})};var $=I(F);export{$ as default};
+          `,children:s?.secondaryButton||""})]})]},t?.id||t?.handle)},P=({data:t,className:s="",key:l})=>{const[p,r]=u(""),[n,d]=u([]),{productsTab:o=[],productsCard:g=[],title:c,align:h="left",isShowTab:b=!0,tabShape:y="square",...k}=t;return D(()=>{if(b){r(o?.[0]?.tab||""),d(o?.[0]?.data||[]);return}d(g)},[]),i("div",{className:x("w-full",s),children:[c&&e(T,{data:{title:c}}),b&&e(w,{shape:y,align:h,value:p,onValueChange:a=>{r(a);const m=o?.find(v=>v?.tab===a);d(m?.data||[])},className:"mb-8",children:e(B,{children:o?.map((a,m)=>e(N,{value:a?.tab||"",children:a?.tab},m))})}),e(I,{className:"!overflow-visible",id:"ShelfDisplay"+l,data:{list:n,configuration:{...k}},Slide:F,breakpoints:{0:{spaceBetween:"12px",freeMode:!1,slidesPerView:1},374:{spaceBetween:"12px",freeMode:!1,slidesPerView:1.3},768:{spaceBetween:"16px",freeMode:!1,slidesPerView:4}}})]})};var G=C(P);export{G as default};
 //# sourceMappingURL=index.js.map

package/dist/esm/biz-components/ShelfDisplay/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/ShelfDisplay/index.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useState, useEffect } from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport Picture from '../../components/picture.js'\nimport { Tabs, TabsList, TabsTrigger } from '../../components/tabs.js'\nimport Button from '../../components/button.js'\nimport Title from '../Title/index.js'\nimport SwiperBox from '../SwiperBox/index.js'\nimport { withStyles } from '../../shared/Styles.js'\nexport interface ShelfDisplayItem {\n  /** \u4EA7\u54C1\u56FE\u7247*/\n  img?: string\n  /** \u6298\u6263\u540E\u4EF7\u683C*/\n  price?: string\n  title?: string\n  /** \u6298\u6263\u524D\u4EF7\u683C*/\n  basePrice?: string\n  subTitle?: string\n  /** \u6807\u7B7E*/\n  tagItems?: string[]\n  tab?: string\n  data?: ShelfDisplayItem[]\n}\n\nexport interface ShelfDisplayProps {\n  data: {\n    title?: string\n    isShowTab?: boolean\n    align?: 'left' | 'center' | 'right'\n    items: ShelfDisplayItem[]\n    /** \u5361\u7247\u5F62\u72B6 */\n    itemShape?: 'round' | 'square'\n    /** \u6309\u94AE\u5F62\u72B6 */\n    shape?: 'round' | 'square'\n    /** \u4E3B\u6309\u94AE\u914D\u7F6E */\n    primaryButton?: string\n    /** \u526F\u6309\u94AE\u914D\u7F6E */\n    secondaryButton?: string\n  }\n  /** \u4E3B\u9898\u8272*/\n  theme?: 'light' | 'dark'\n  className?: string\n  /** \u6309\u94AE\u4E8B\u4EF6*/\n  event?: {\n    primaryButton?: {\n      onClick: (v: any) => void\n    }\n    secondaryButton?: {\n      onClick: (v: any) => void\n    }\n  }\n  key?: string\n}\n\nconst ShelfDisplayItem = ({ data, configuration }: { data: ShelfDisplayItem; configuration?: any }) => {\n  const onPrimaryButton = (params: ShelfDisplayItem) => {\n    // event?.primaryButton?.onClick?.(params)\n  }\n\n  const onSecondaryButton = (params: ShelfDisplayItem) => {\n    // event?.secondaryButton?.onClick(params)\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex w-full h-full flex-col bg-[#EAEAEC] p-4 cursor-pointer',\n        'desktop:pt-4 desktop:px-6 desktop:pb-6',\n        configuration?.itemShape === 'round' ? 'rounded-2xl' : 'rounded-none'\n      )}\n    >\n      <div className={cn('relative mb-2 inline-block h-[137px] overflow-hidden', 'desktop:mb-3 desktop:h-[195px]')}>\n        <Picture source={data?.img || ''} className=\"flex h-full justify-center object-cover [&_img]:w-auto\" />\n      </div>\n      <div className=\"desktop:mb-2 mb-1 flex flex-wrap gap-1\">\n        {data?.tagItems?.map((tag: any, index: number) => {\n          return (\n            <div\n              key={index}\n              className=\"desktop:text-base rounded-3xl border-2 border-[#00BEFA] px-2 py-1 text-sm font-bold text-[#00BEFA]\"\n            >\n              {tag}\n            </div>\n          )\n        })}\n      </div>\n      <p className=\"desktop:text-2xl flex-1 text-xl font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F]\">\n        {data?.title || ''}\n      </p>\n      <h3 className=\"desktop:mt-2 desktop:mb-6 desktop:text-lg mb-5 mt-1 text-sm font-semibold leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]\">\n        {data?.subTitle || ''}\n      </h3>\n      <div className=\"mb-2 flex items-center\">\n        <div className=\"desktop:text-2xl text-xl font-bold text-[#1D1D1F]\">{data?.price || ''}</div>\n        <div className=\"desktop:text-2xl ml-1 text-xl font-bold text-[#86868C]\">{data?.basePrice || ''}</div>\n      </div>\n      {/* \u6309\u94AE\u7EC4 */}\n      <div className=\"flex items-center gap-3\">\n        <Button\n          variant=\"primary\"\n          onClick={() => onPrimaryButton(data)}\n          className={`\n            laptop:text-sm desktop:text-base laptop:px-6 desktop:px-7 laptop:py-2.5 desktop:py-3 box-border flex-1 border\n            border-[#1D1D1F] bg-transparent px-4 py-2 text-xs tracking-[-0.04em] text-[#1D1D1F] hover:bg-transparent hover:text-black\n            ${configuration?.shape === 'round' ? 'desktop:rounded-3xl rounded-[20px]' : ''}\n          `}\n        >\n          {configuration?.primaryButton || ''}\n        </Button>\n        <Button\n          variant=\"secondary\"\n          onClick={() => onSecondaryButton(data)}\n          className={`\n            laptop:text-sm desktop:text-base laptop:px-6 desktop:px-7 laptop:py-2.5 desktop:py-3 box-border flex-1 border\n            border-[#1D1D1F] bg-[#1D1D1F] px-4 py-2 text-xs tracking-[-0.04em] text-white\n            ${configuration?.shape === 'round' ? 'desktop:rounded-3xl rounded-[20px]' : ''}\n          `}\n        >\n          {configuration?.secondaryButton || ''}\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nconst ShelfDisplay: React.FC<ShelfDisplayProps> = ({ data, className = '', key }) => {\n  const [tabId, setTabId] = useState<string>('')\n  const [currentItems, setCurrentItems] = useState<ShelfDisplayItem[]>([])\n  const { items, title, align = 'left', isShowTab = true, ...ohter } = data\n\n  useEffect(() => {\n    if (isShowTab) {\n      setTabId(items?.[0]?.tab || '')\n      setCurrentItems(items?.[0]?.data || [])\n      return\n    }\n    setCurrentItems(items || [])\n  }, [])\n\n  return (\n    <div className={cn('w-full', className)}>\n      {title && <Title data={{ title: title }} />}\n      {isShowTab && (\n        <Tabs\n          align={align}\n          value={tabId}\n          onValueChange={v => {\n            setTabId(v)\n            const findData = items?.find(item => item?.tab === v)\n            setCurrentItems(findData?.data || [])\n          }}\n          className=\"mb-8\"\n        >\n          <TabsList>\n            {items?.map((item, index) => {\n              return (\n                <TabsTrigger key={index} value={item?.tab || ''}>\n                  {item?.tab}\n                </TabsTrigger>\n              )\n            })}\n          </TabsList>\n        </Tabs>\n      )}\n      <SwiperBox\n        className=\"!overflow-visible\"\n        id={'ShelfDisplay' + key}\n        data={{ list: currentItems, configuration: { ...ohter } }}\n        Slide={ShelfDisplayItem}\n        breakpoints={{\n          0: {\n            spaceBetween: '12px',\n            freeMode: false,\n            slidesPerView: 1,\n          },\n          374: {\n            spaceBetween: '12px',\n            freeMode: false,\n            slidesPerView: 1.3,\n          },\n          768: {\n            spaceBetween: '16px',\n            freeMode: false,\n            slidesPerView: 4,\n          },\n        }}\n      />\n    </div>\n  )\n}\n\nexport default withStyles(ShelfDisplay)\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "useState", "useEffect", "cn", "Picture", "Tabs", "TabsList", "TabsTrigger", "Button", "Title", "SwiperBox", "withStyles", "ShelfDisplayItem", "data", "configuration", "onPrimaryButton", "params", "onSecondaryButton", "tag", "index", "ShelfDisplay", "className", "key", "tabId", "setTabId", "currentItems", "setCurrentItems", "items", "title", "align", "isShowTab", "ohter", "v", "findData", "item", "ShelfDisplay_default"]
+  "sourcesContent": ["'use client'\nimport React, { useState, useEffect } from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport Picture from '../../components/picture.js'\nimport { Tabs, TabsList, TabsTrigger } from '../../components/tabs.js'\nimport Button from '../../components/button.js'\nimport Title from '../Title/index.js'\nimport SwiperBox from '../SwiperBox/index.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport { stringify } from 'query-string';\nexport interface ShelfDisplayItem {\n  id?: string\n  /** \u4EA7\u54C1\u56FE\u7247*/\n  img?: {\n    url: string\n  }\n  handle?: string\n  sku?: string\n  /** \u6298\u6263\u540E\u4EF7\u683C*/\n  price?: string\n  title?: string\n  /** \u6298\u6263\u524D\u4EF7\u683C*/\n  basePrice?: string\n  subTitle?: string\n  /** \u6807\u7B7E*/\n  tagItems?: string[]\n  tab?: string\n  data?: ShelfDisplayItem[]\n}\n\nexport interface ShelfDisplayProps {\n  data: {\n    title?: string\n    isShowTab?: boolean\n    align?: 'left' | 'center' | 'right'\n    productsTab?: ShelfDisplayItem[]\n    productsCard?: ShelfDisplayItem[]\n    /** \u5361\u7247\u5F62\u72B6 */\n    itemShape?: 'round' | 'square'\n    /** \u6309\u94AE\u5F62\u72B6 */\n    shape?: 'round' | 'square'\n    /** \u6807\u7B7E\u9875\u5F62\u72B6*/\n    tabShape?: 'rounded' | 'square'\n    /** \u4E3B\u6309\u94AE\u914D\u7F6E */\n    primaryButton?: string\n    /** \u526F\u6309\u94AE\u914D\u7F6E */\n    secondaryButton?: string\n  }\n  /** \u4E3B\u9898\u8272*/\n  theme?: 'light' | 'dark'\n  className?: string\n  /** \u6309\u94AE\u4E8B\u4EF6*/\n  event?: {\n    primaryButton?: {\n      onClick: (v: any) => void\n    }\n    secondaryButton?: {\n      onClick: (v: any) => void\n    }\n  }\n  key?: string\n}\n\nconst ShelfDisplayItem = ({ data, configuration }: { data: ShelfDisplayItem; configuration?: any }) => {\n  const onPrimaryButton = (params: ShelfDisplayItem) => {\n    // event?.primaryButton?.onClick?.(params)\n  }\n\n  const onSecondaryButton = (params: ShelfDisplayItem) => {\n    // event?.secondaryButton?.onClick(params)\n  }\n\n  return (\n    <div\n      key={data?.id || data?.handle}\n      className={cn(\n        'flex w-full h-full flex-col bg-[#EAEAEC] p-4 cursor-pointer',\n        'desktop:pt-4 desktop:px-6 desktop:pb-6',\n        configuration?.itemShape === 'round' ? 'rounded-2xl' : 'rounded-none'\n      )}\n    >\n      <div className={cn('relative mb-2 inline-block h-[137px] overflow-hidden', 'desktop:mb-3 desktop:h-[195px]')}>\n        <Picture source={data?.img?.url || ''} className=\"flex h-full justify-center object-cover [&_img]:w-auto\" />\n      </div>\n      <div className=\"desktop:mb-2 mb-1 flex flex-wrap gap-1\">\n        {data?.tagItems?.map((item: any, index: number) => {\n          return (\n            <div\n              key={item?.id || index}\n              className=\"desktop:text-base rounded-3xl border-2 border-[#00BEFA] px-2 py-1 text-sm font-bold text-[#00BEFA]\"\n            >\n              {item?.tag}\n            </div>\n          )\n        })}\n      </div>\n      <p className=\"min-h-[56px] max-h-[56px] line-clamp-2 desktop:text-2xl flex-1 text-xl font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F]\">\n        {data?.title || ''}\n      </p>\n      <h3 className=\"desktop:mt-2 truncate desktop:mb-6 desktop:text-lg mb-5 mt-1 text-sm font-semibold leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]\">\n        {data?.subTitle || ''}\n      </h3>\n      <div className=\"mb-2 flex items-center\">\n        <div className=\"desktop:text-2xl text-xl font-bold text-[#1D1D1F]\">{data?.price || ''}</div>\n        <div className=\"desktop:text-2xl ml-1 text-xl font-bold text-[#86868C]\">{data?.basePrice || ''}</div>\n      </div>\n      {/* \u6309\u94AE\u7EC4 */}\n      <div className=\"flex items-center gap-3\">\n        <Button\n          variant=\"primary\"\n          onClick={() => onPrimaryButton(data)}\n          className={`\n            laptop:text-sm desktop:text-base laptop:px-6 desktop:px-7 laptop:py-2.5 desktop:py-3 box-border flex-1 border\n            border-[#1D1D1F] bg-transparent px-4 py-2 text-xs tracking-[-0.04em] text-[#1D1D1F] hover:bg-transparent hover:text-black\n            ${configuration?.shape === 'round' ? 'desktop:rounded-3xl rounded-[20px]' : ''}\n          `}\n        >\n          {configuration?.primaryButton || ''}\n        </Button>\n        <Button\n          variant=\"secondary\"\n          onClick={() => onSecondaryButton(data)}\n          className={`\n            laptop:text-sm desktop:text-base laptop:px-6 desktop:px-7 laptop:py-2.5 desktop:py-3 box-border flex-1 border\n            border-[#1D1D1F] bg-[#1D1D1F] px-4 py-2 text-xs tracking-[-0.04em] text-white\n            ${configuration?.shape === 'round' ? 'desktop:rounded-3xl rounded-[20px]' : ''}\n          `}\n        >\n          {configuration?.secondaryButton || ''}\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nconst ShelfDisplay: React.FC<ShelfDisplayProps> = ({ data, className = '', key }) => {\n  const [tabId, setTabId] = useState<string>('')\n  const [currentItems, setCurrentItems] = useState<ShelfDisplayItem[]>([])\n  const {\n    productsTab = [],\n    productsCard = [],\n    title,\n    align = 'left',\n    isShowTab = true,\n    tabShape = 'square',\n    ...ohter\n  } = data\n\n  useEffect(() => {\n    if (isShowTab) {\n      setTabId(productsTab?.[0]?.tab || '')\n      setCurrentItems(productsTab?.[0]?.data || [])\n      return\n    }\n    setCurrentItems(productsCard)\n  }, [])\n\n  return (\n    <div className={cn('w-full', className)}>\n      {title && <Title data={{ title: title }} />}\n      {isShowTab && (\n        <Tabs\n          shape={tabShape}\n          align={align}\n          value={tabId}\n          onValueChange={v => {\n            setTabId(v)\n            const findData = productsTab?.find(item => item?.tab === v)\n            setCurrentItems(findData?.data || [])\n          }}\n          className=\"mb-8\"\n        >\n          <TabsList>\n            {productsTab?.map((item, index) => {\n              return (\n                <TabsTrigger key={index} value={item?.tab || ''}>\n                  {item?.tab}\n                </TabsTrigger>\n              )\n            })}\n          </TabsList>\n        </Tabs>\n      )}\n      <SwiperBox\n        className=\"!overflow-visible\"\n        id={'ShelfDisplay' + key}\n        data={{ list: currentItems, configuration: { ...ohter } }}\n        Slide={ShelfDisplayItem}\n        breakpoints={{\n          0: {\n            spaceBetween: '12px',\n            freeMode: false,\n            slidesPerView: 1,\n          },\n          374: {\n            spaceBetween: '12px',\n            freeMode: false,\n            slidesPerView: 1.3,\n          },\n          768: {\n            spaceBetween: '16px',\n            freeMode: false,\n            slidesPerView: 4,\n          },\n        }}\n      />\n    </div>\n  )\n}\n\nexport default withStyles(ShelfDisplay)\n"],
+  "mappings": "aAkFQ,cAAAA,EAoBF,QAAAC,MApBE,oBAjFR,OAAgB,YAAAC,EAAU,aAAAC,MAAiB,QAC3C,OAAS,MAAAC,MAAU,yBACnB,OAAOC,MAAa,8BACpB,OAAS,QAAAC,EAAM,YAAAC,EAAU,eAAAC,MAAmB,2BAC5C,OAAOC,MAAY,6BACnB,OAAOC,MAAW,oBAClB,OAAOC,MAAe,wBACtB,OAAS,cAAAC,MAAkB,yBAC3B,MAA0B,eAsD1B,MAAMC,EAAmB,CAAC,CAAE,KAAAC,EAAM,cAAAC,CAAc,IAAuD,CACrG,MAAMC,EAAmBC,GAA6B,CAEtD,EAEMC,EAAqBD,GAA6B,CAExD,EAEA,OACEhB,EAAC,OAEC,UAAWG,EACT,8DACA,yCACAW,GAAe,YAAc,QAAU,cAAgB,cACzD,EAEA,UAAAf,EAAC,OAAI,UAAWI,EAAG,uDAAwD,gCAAgC,EACzG,SAAAJ,EAACK,EAAA,CAAQ,OAAQS,GAAM,KAAK,KAAO,GAAI,UAAU,yDAAyD,EAC5G,EACAd,EAAC,OAAI,UAAU,yCACZ,SAAAc,GAAM,UAAU,IAAI,CAACK,EAAWC,IAE7BpB,EAAC,OAEC,UAAU,qGAET,SAAAmB,GAAM,KAHFA,GAAM,IAAMC,CAInB,CAEH,EACH,EACApB,EAAC,KAAE,UAAU,mIACV,SAAAc,GAAM,OAAS,GAClB,EACAd,EAAC,MAAG,UAAU,qIACX,SAAAc,GAAM,UAAY,GACrB,EACAb,EAAC,OAAI,UAAU,yBACb,UAAAD,EAAC,OAAI,UAAU,oDAAqD,SAAAc,GAAM,OAAS,GAAG,EACtFd,EAAC,OAAI,UAAU,yDAA0D,SAAAc,GAAM,WAAa,GAAG,GACjG,EAEAb,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACS,EAAA,CACC,QAAQ,UACR,QAAS,IAAMO,EAAgBF,CAAI,EACnC,UAAW;AAAA;AAAA;AAAA,cAGPC,GAAe,QAAU,QAAU,qCAAuC,EAAE;AAAA,YAG/E,SAAAA,GAAe,eAAiB,GACnC,EACAf,EAACS,EAAA,CACC,QAAQ,YACR,QAAS,IAAMS,EAAkBJ,CAAI,EACrC,UAAW;AAAA;AAAA;AAAA,cAGPC,GAAe,QAAU,QAAU,qCAAuC,EAAE;AAAA,YAG/E,SAAAA,GAAe,iBAAmB,GACrC,GACF,IAxDKD,GAAM,IAAMA,GAAM,MAyDzB,CAEJ,EAEMO,EAA4C,CAAC,CAAE,KAAAP,EAAM,UAAAQ,EAAY,GAAI,IAAAC,CAAI,IAAM,CACnF,KAAM,CAACC,EAAOC,CAAQ,EAAIvB,EAAiB,EAAE,EACvC,CAACwB,EAAcC,CAAe,EAAIzB,EAA6B,CAAC,CAAC,EACjE,CACJ,YAAA0B,EAAc,CAAC,EACf,aAAAC,EAAe,CAAC,EAChB,MAAAC,EACA,MAAAC,EAAQ,OACR,UAAAC,EAAY,GACZ,SAAAC,EAAW,SACX,GAAGC,CACL,EAAIpB,EAEJ,OAAAX,EAAU,IAAM,CACd,GAAI6B,EAAW,CACbP,EAASG,IAAc,CAAC,GAAG,KAAO,EAAE,EACpCD,EAAgBC,IAAc,CAAC,GAAG,MAAQ,CAAC,CAAC,EAC5C,MACF,CACAD,EAAgBE,CAAY,CAC9B,EAAG,CAAC,CAAC,EAGH5B,EAAC,OAAI,UAAWG,EAAG,SAAUkB,CAAS,EACnC,UAAAQ,GAAS9B,EAACU,EAAA,CAAM,KAAM,CAAE,MAAOoB,CAAM,EAAG,EACxCE,GACChC,EAACM,EAAA,CACC,MAAO2B,EACP,MAAOF,EACP,MAAOP,EACP,cAAeW,GAAK,CAClBV,EAASU,CAAC,EACV,MAAMC,EAAWR,GAAa,KAAKT,GAAQA,GAAM,MAAQgB,CAAC,EAC1DR,EAAgBS,GAAU,MAAQ,CAAC,CAAC,CACtC,EACA,UAAU,OAEV,SAAApC,EAACO,EAAA,CACE,SAAAqB,GAAa,IAAI,CAACT,EAAMC,IAErBpB,EAACQ,EAAA,CAAwB,MAAOW,GAAM,KAAO,GAC1C,SAAAA,GAAM,KADSC,CAElB,CAEH,EACH,EACF,EAEFpB,EAACW,EAAA,CACC,UAAU,oBACV,GAAI,eAAiBY,EACrB,KAAM,CAAE,KAAMG,EAAc,cAAe,CAAE,GAAGQ,CAAM,CAAE,EACxD,MAAOrB,EACP,YAAa,CACX,EAAG,CACD,aAAc,OACd,SAAU,GACV,cAAe,CACjB,EACA,IAAK,CACH,aAAc,OACd,SAAU,GACV,cAAe,GACjB,EACA,IAAK,CACH,aAAc,OACd,SAAU,GACV,cAAe,CACjB,CACF,EACF,GACF,CAEJ,EAEA,IAAOwB,EAAQzB,EAAWS,CAAY",
+  "names": ["jsx", "jsxs", "useState", "useEffect", "cn", "Picture", "Tabs", "TabsList", "TabsTrigger", "Button", "Title", "SwiperBox", "withStyles", "ShelfDisplayItem", "data", "configuration", "onPrimaryButton", "params", "onSecondaryButton", "item", "index", "ShelfDisplay", "className", "key", "tabId", "setTabId", "currentItems", "setCurrentItems", "productsTab", "productsCard", "title", "align", "isShowTab", "tabShape", "ohter", "v", "findData", "ShelfDisplay_default"]
 }

package/dist/esm/stories/HeroBanner.stories.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import t from"../biz-components/HeroBanner/HeroBanner.js";const r={title:"Biz-Components/HeroBanner",component:t,parameters:{layout:"fullscreen",docs:{description:{component:`
+import r from"../biz-components/HeroBanner/HeroBanner.js";const o={title:"Biz-Components/HeroBanner",component:r,parameters:{layout:"fullscreen",docs:{description:{component:`
 HeroBanner \u7EC4\u4EF6\u7528\u4E8E\u5C55\u793A\u7F51\u7AD9\u7684\u4E3B\u8981\u5185\u5BB9\u533A\u57DF\uFF0C\u901A\u5E38\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u548C\u884C\u52A8\u6309\u94AE\u3002
 ### \u7279\u70B9
@@ -6,5 +6,5 @@ HeroBanner \u7EC4\u4EF6\u7528\u4E8E\u5C55\u793A\u7F51\u7AD9\u7684\u4E3B\u8981\u5
 - \u4F7F\u7528 Mont For Anker \u5B57\u4F53\u4F5C\u4E3A\u6807\u9898
 - \u53EF\u914D\u7F6E\u4E3B\u6309\u94AE\u548C\u6B21\u8981\u6309\u94AE
 - \u652F\u6301\u5E95\u90E8\u4EA7\u54C1\u5217\u8868
-        `}}},tags:["autodocs"]};var n=r;const e="https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aee13b30b2c77fc8d0a46e4f19fa48cb_6a25debf-f95e-4ca6-990b-babcad65216c.png?v=1745468206",o="https://cdn.shopify.com/s/files/1/0517/6767/3016/files/87e32d61fc407d5e6c8aff00f3453072.jpg?v=1745999899",i={args:{data:{title:"Anker Laptop Power",subtitle:"Anker Prime 240W GaN Desktop Charger (4 Ports)",background:e,theme:"light",primaryButton:{text:"Shop Now"},secondaryButton:{text:"Learn More"},products:[{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"},{title:"Anker Prime 27,650mAh Power Bank (250W)"},{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"}]}}},s={args:{data:{title:"Power Your Life",subtitle:"Experience the next generation of charging technology with our innovative solutions designed for modern life.",background:o,theme:"dark",primaryButton:{text:"Shop Now"},secondaryButton:{text:"Learn More"},products:[{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"},{title:"Anker Prime 27,650mAh Power Bank (250W)"},{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"}]}}},p={args:{data:{title:"Future of Charging",subtitle:"Step into the future with our revolutionary charging solutions that redefine the way you power your devices.",background:e,theme:"light",primaryButton:{text:"Shop Now"},products:[{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"},{title:"Anker Prime 27,650mAh Power Bank (250W)"},{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"}]}}};export{s as DarkTheme,i as LightTheme,p as WithoutSecondaryButton,n as default};
+        `}}},tags:["autodocs"]};var i=o;const e="https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aee13b30b2c77fc8d0a46e4f19fa48cb_6a25debf-f95e-4ca6-990b-babcad65216c.png?v=1745468206",t="https://cdn.shopify.com/s/files/1/0517/6767/3016/files/87e32d61fc407d5e6c8aff00f3453072.jpg?v=1745999899",n={args:{data:{title:"Anker Laptop Power",subtitle:"Anker Prime 240W GaN Desktop Charger (4 Ports)",pcImage:{url:e,alt:"default background",thumbnailURL:e,mimeType:"image/jpeg"},mobileImage:{url:e,alt:"default background",thumbnailURL:e,mimeType:"image/jpeg"},theme:"light",primaryButton:{text:"Shop Now"},secondaryButton:{text:"Learn More"},products:[{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"},{title:"Anker Prime 27,650mAh Power Bank (250W)"},{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"}]}}},m={args:{data:{title:"Power Your Life",subtitle:"Experience the next generation of charging technology with our innovative solutions designed for modern life.",pcImage:{url:t,alt:"dark background",thumbnailURL:t,mimeType:"image/jpeg"},mobileImage:{url:t,alt:"dark background",thumbnailURL:t,mimeType:"image/jpeg"},theme:"dark",primaryButton:{text:"Shop Now"},secondaryButton:{text:"Learn More"},products:[{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"},{title:"Anker Prime 27,650mAh Power Bank (250W)"},{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"}]}}},s={args:{data:{title:"Future of Charging",subtitle:"Step into the future with our revolutionary charging solutions that redefine the way you power your devices.",pcImage:{url:e,alt:"default background",thumbnailURL:e,mimeType:"image/jpeg"},mobileImage:{url:e,alt:"default background",thumbnailURL:e,mimeType:"image/jpeg"},theme:"light",primaryButton:{text:"Shop Now"},products:[{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"},{title:"Anker Prime 27,650mAh Power Bank (250W)"},{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"}]}}};export{m as DarkTheme,n as LightTheme,s as WithoutSecondaryButton,i as default};
 //# sourceMappingURL=HeroBanner.stories.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/HeroBanner.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport HeroBanner from '../biz-components/HeroBanner/HeroBanner.js'\n\nconst meta = {\n  title: 'Biz-Components/HeroBanner',\n  component: HeroBanner,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: `\nHeroBanner \u7EC4\u4EF6\u7528\u4E8E\u5C55\u793A\u7F51\u7AD9\u7684\u4E3B\u8981\u5185\u5BB9\u533A\u57DF\uFF0C\u901A\u5E38\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u548C\u884C\u52A8\u6309\u94AE\u3002\n\n### \u7279\u70B9\n- \u652F\u6301\u4EAE\u8272\u548C\u6697\u8272\u4E3B\u9898\n- \u4F7F\u7528 Mont For Anker \u5B57\u4F53\u4F5C\u4E3A\u6807\u9898\n- \u53EF\u914D\u7F6E\u4E3B\u6309\u94AE\u548C\u6B21\u8981\u6309\u94AE\n- \u652F\u6301\u5E95\u90E8\u4EA7\u54C1\u5217\u8868\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof HeroBanner>\n\nexport default meta\ntype Story = StoryObj<typeof HeroBanner>\n\nconst defaultBackground =\n  'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aee13b30b2c77fc8d0a46e4f19fa48cb_6a25debf-f95e-4ca6-990b-babcad65216c.png?v=1745468206'\n\nconst darkBackground =\n  'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/87e32d61fc407d5e6c8aff00f3453072.jpg?v=1745999899'\n\nexport const LightTheme: Story = {\n  args: {\n    data: {\n      title: 'Anker Laptop Power',\n      subtitle: 'Anker Prime 240W GaN Desktop Charger (4 Ports)',\n      background: defaultBackground,\n      theme: 'light',\n      primaryButton: {\n        text: 'Shop Now',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n      },\n      products: [\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n        { title: 'Anker Prime 27,650mAh Power Bank (250W)' },\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n      ],\n    },\n  },\n}\n\nexport const DarkTheme: Story = {\n  args: {\n    data: {\n      title: 'Power Your Life',\n      subtitle:\n        'Experience the next generation of charging technology with our innovative solutions designed for modern life.',\n      background: darkBackground,\n      theme: 'dark',\n      primaryButton: {\n        text: 'Shop Now',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n      },\n      products: [\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n        { title: 'Anker Prime 27,650mAh Power Bank (250W)' },\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n      ],\n    },\n  },\n}\n\nexport const WithoutSecondaryButton: Story = {\n  args: {\n    data: {\n      title: 'Future of Charging',\n      subtitle:\n        'Step into the future with our revolutionary charging solutions that redefine the way you power your devices.',\n      background: defaultBackground,\n      theme: 'light',\n      primaryButton: {\n        text: 'Shop Now',\n      },\n      products: [\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n        { title: 'Anker Prime 27,650mAh Power Bank (250W)' },\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n      ],\n    },\n  },\n}\n"],
-  "mappings": "AACA,OAAOA,MAAgB,6CAEvB,MAAMC,EAAO,CACX,MAAO,4BACP,UAAWD,EACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SASb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EACJ,gJAEIC,EACJ,2GAEWC,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,MAAO,qBACP,SAAU,iDACV,WAAYF,EACZ,MAAO,QACP,cAAe,CACb,KAAM,UACR,EACA,gBAAiB,CACf,KAAM,YACR,EACA,SAAU,CACR,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,CACF,EAEaG,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,MAAO,kBACP,SACE,gHACF,WAAYF,EACZ,MAAO,OACP,cAAe,CACb,KAAM,UACR,EACA,gBAAiB,CACf,KAAM,YACR,EACA,SAAU,CACR,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,CACF,EAEaG,EAAgC,CAC3C,KAAM,CACJ,KAAM,CACJ,MAAO,qBACP,SACE,+GACF,WAAYJ,EACZ,MAAO,QACP,cAAe,CACb,KAAM,UACR,EACA,SAAU,CACR,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport HeroBanner from '../biz-components/HeroBanner/HeroBanner.js'\n\nconst meta = {\n  title: 'Biz-Components/HeroBanner',\n  component: HeroBanner,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: `\nHeroBanner \u7EC4\u4EF6\u7528\u4E8E\u5C55\u793A\u7F51\u7AD9\u7684\u4E3B\u8981\u5185\u5BB9\u533A\u57DF\uFF0C\u901A\u5E38\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u548C\u884C\u52A8\u6309\u94AE\u3002\n\n### \u7279\u70B9\n- \u652F\u6301\u4EAE\u8272\u548C\u6697\u8272\u4E3B\u9898\n- \u4F7F\u7528 Mont For Anker \u5B57\u4F53\u4F5C\u4E3A\u6807\u9898\n- \u53EF\u914D\u7F6E\u4E3B\u6309\u94AE\u548C\u6B21\u8981\u6309\u94AE\n- \u652F\u6301\u5E95\u90E8\u4EA7\u54C1\u5217\u8868\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof HeroBanner>\n\nexport default meta\ntype Story = StoryObj<typeof HeroBanner>\n\nconst defaultBackground =\n  'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aee13b30b2c77fc8d0a46e4f19fa48cb_6a25debf-f95e-4ca6-990b-babcad65216c.png?v=1745468206'\n\nconst darkBackground =\n  'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/87e32d61fc407d5e6c8aff00f3453072.jpg?v=1745999899'\n\nexport const LightTheme: Story = {\n  args: {\n    data: {\n      title: 'Anker Laptop Power',\n      subtitle: 'Anker Prime 240W GaN Desktop Charger (4 Ports)',\n      pcImage: {\n        url: defaultBackground,\n        alt: 'default background',\n        thumbnailURL: defaultBackground,\n        mimeType: 'image/jpeg',\n      },\n      mobileImage: {\n        url: defaultBackground,\n        alt: 'default background',\n        thumbnailURL: defaultBackground,\n        mimeType: 'image/jpeg',\n      },\n      theme: 'light',\n      primaryButton: {\n        text: 'Shop Now',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n      },\n      products: [\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n        { title: 'Anker Prime 27,650mAh Power Bank (250W)' },\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n      ],\n    },\n  },\n}\n\nexport const DarkTheme: Story = {\n  args: {\n    data: {\n      title: 'Power Your Life',\n      subtitle:\n        'Experience the next generation of charging technology with our innovative solutions designed for modern life.',\n      pcImage: {\n        url: darkBackground,\n        alt: 'dark background',\n        thumbnailURL: darkBackground,\n        mimeType: 'image/jpeg',\n      },\n      mobileImage: {\n        url: darkBackground,\n        alt: 'dark background',\n        thumbnailURL: darkBackground,\n        mimeType: 'image/jpeg',\n      },\n      theme: 'dark',\n      primaryButton: {\n        text: 'Shop Now',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n      },\n      products: [\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n        { title: 'Anker Prime 27,650mAh Power Bank (250W)' },\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n      ],\n    },\n  },\n}\n\nexport const WithoutSecondaryButton: Story = {\n  args: {\n    data: {\n      title: 'Future of Charging',\n      subtitle:\n        'Step into the future with our revolutionary charging solutions that redefine the way you power your devices.',\n      pcImage: {\n        url: defaultBackground,\n        alt: 'default background',\n        thumbnailURL: defaultBackground,\n        mimeType: 'image/jpeg',\n      },\n      mobileImage: {\n        url: defaultBackground,\n        alt: 'default background',\n        thumbnailURL: defaultBackground,\n        mimeType: 'image/jpeg',\n      },\n      theme: 'light',\n      primaryButton: {\n        text: 'Shop Now',\n      },\n      products: [\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n        { title: 'Anker Prime 27,650mAh Power Bank (250W)' },\n        { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n      ],\n    },\n  },\n}\n"],
+  "mappings": "AACA,OAAOA,MAAgB,6CAEvB,MAAMC,EAAO,CACX,MAAO,4BACP,UAAWD,EACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SASb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EACJ,gJAEIC,EACJ,2GAEWC,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,MAAO,qBACP,SAAU,iDACV,QAAS,CACP,IAAKF,EACL,IAAK,qBACL,aAAcA,EACd,SAAU,YACZ,EACA,YAAa,CACX,IAAKA,EACL,IAAK,qBACL,aAAcA,EACd,SAAU,YACZ,EACA,MAAO,QACP,cAAe,CACb,KAAM,UACR,EACA,gBAAiB,CACf,KAAM,YACR,EACA,SAAU,CACR,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,CACF,EAEaG,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,MAAO,kBACP,SACE,gHACF,QAAS,CACP,IAAKF,EACL,IAAK,kBACL,aAAcA,EACd,SAAU,YACZ,EACA,YAAa,CACX,IAAKA,EACL,IAAK,kBACL,aAAcA,EACd,SAAU,YACZ,EACA,MAAO,OACP,cAAe,CACb,KAAM,UACR,EACA,gBAAiB,CACf,KAAM,YACR,EACA,SAAU,CACR,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,CACF,EAEaG,EAAgC,CAC3C,KAAM,CACJ,KAAM,CACJ,MAAO,qBACP,SACE,+GACF,QAAS,CACP,IAAKJ,EACL,IAAK,qBACL,aAAcA,EACd,SAAU,YACZ,EACA,YAAa,CACX,IAAKA,EACL,IAAK,qBACL,aAAcA,EACd,SAAU,YACZ,EACA,MAAO,QACP,cAAe,CACb,KAAM,UACR,EACA,SAAU,CACR,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,CACF",
   "names": ["HeroBanner", "meta", "HeroBanner_stories_default", "defaultBackground", "darkBackground", "LightTheme", "DarkTheme", "WithoutSecondaryButton"]
 }

package/dist/esm/stories/MemberEquity.stories.js CHANGED Viewed

@@ -7,7 +7,7 @@ MemberEquity \u7EC4\u4EF6\u662F\u7528\u4E8E\u5C55\u793A\u4F1A\u5458\u6743\u76CA\
 .member-equity-description
 .member-equity-button-primary
 .member-equity-button-secondary
-      `}}},tags:["autodocs"]};var a=t;const o={args:{data:{title:"Become a Member Today",description:"Gain early access to new products, exclusive deals, and opportunities to try our products for free.",backgroundImage:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",primaryButton:{text:"Shop Now",href:"/shop"},secondaryButton:{text:"Learn More",href:"/learn"},shape:"square"}}},s={args:{data:{title:"Become a Member Today",description:"Gain early access to new products, exclusive deals, and opportunities to try our products for free.",backgroundImage:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",primaryButton:{text:"Shop Now",href:"/shop"},secondaryButton:{text:"Learn More",href:"/learn"},shape:"rounded"}}},n={args:{data:{...o.args?.data,title:"Premium Experience",description:"Join our community to get early access to new products and exclusive member benefits.",backgroundImage:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e",primaryButton:{text:"Join Now",href:"/join"},secondaryButton:{text:"Explore Benefits",href:"/benefits"}}}},i={args:{data:{title:"Become a Member Today and opportunities",description:"Gain early access to new products, exclusive deals, and opportunities to try our products for free.",backgroundImage:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",primaryButton:{text:"Shop Now",href:"/shop"},secondaryButton:{text:"Learn More",href:"/learn"},shape:"square"},style:`
+      `}}},tags:["autodocs"]};var r=t;const o={args:{data:{title:"Become a Member Today",description:"Gain early access to new products, exclusive deals, and opportunities to try our products for free.",backgroundImage:{alt:"backgroundImage",url:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",thumbnailURL:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",mimeType:"image/jpeg"},mobileBackgroundImage:{alt:"mobileBackgroundImage",url:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",thumbnailURL:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",mimeType:"image/jpeg"},primaryButton:{text:"Shop Now",href:"/shop"},secondaryButton:{text:"Learn More",href:"/learn"},shape:"square"}}},s={args:{data:{title:"Become a Member Today",description:"Gain early access to new products, exclusive deals, and opportunities to try our products for free.",backgroundImage:{url:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",alt:"backgroundImage",thumbnailURL:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",mimeType:"image/jpeg"},primaryButton:{text:"Shop Now",href:"/shop"},secondaryButton:{text:"Learn More",href:"/learn"},shape:"rounded"}}},m={args:{data:{...o.args?.data,title:"Premium Experience",description:"Join our community to get early access to new products and exclusive member benefits.",backgroundImage:{alt:"backgroundImage",url:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e",thumbnailURL:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e",mimeType:"image/jpeg"},mobileBackgroundImage:{alt:"mobileBackgroundImage",url:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e",thumbnailURL:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e",mimeType:"image/jpeg"},primaryButton:{text:"Join Now",href:"/join"},secondaryButton:{text:"Explore Benefits",href:"/benefits"}}}},i={args:{data:{title:"Become a Member Today and opportunities",description:"Gain early access to new products, exclusive deals, and opportunities to try our products for free.",backgroundImage:{alt:"backgroundImage",url:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",thumbnailURL:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",mimeType:"image/jpeg"},mobileBackgroundImage:{alt:"mobileBackgroundImage",url:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",thumbnailURL:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",mimeType:"image/jpeg"},primaryButton:{text:"Shop Now",href:"/shop"},secondaryButton:{text:"Learn More",href:"/learn"},shape:"square"},style:`
       .member-equity-title {
           background: linear-gradient(
                 90deg,
@@ -27,5 +27,5 @@ MemberEquity \u7EC4\u4EF6\u662F\u7528\u4E8E\u5C55\u793A\u4F1A\u5458\u6743\u76CA\
       .member-equity-button-primary {
         color: green;
       }
-    `}};export{n as CustomButtons,i as CustomStyles,o as Default,s as Round,a as default};
+    `}};export{m as CustomButtons,i as CustomStyles,o as Default,s as Round,r as default};
 //# sourceMappingURL=MemberEquity.stories.js.map

package/dist/esm/stories/MemberEquity.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/MemberEquity.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport MemberEquity from '../biz-components/MemberEquity/index.js'\n\nconst meta: Meta<typeof MemberEquity> = {\n  title: 'Biz-Components/MemberEquity',\n  component: MemberEquity,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: ` \nMemberEquity \u7EC4\u4EF6\u662F\u7528\u4E8E\u5C55\u793A\u4F1A\u5458\u6743\u76CA\u7684\u7EC4\u4EF6\u3002  \n\n\n### \u81EA\u5B9A\u4E49style \u53EF\u7528class \n.member-equity-title  \n.member-equity-description  \n.member-equity-button-primary  \n.member-equity-button-secondary  \n      `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n}\n\nexport default meta\ntype Story = StoryObj<typeof MemberEquity>\n\n// \u9ED8\u8BA4\u6837\u5F0F - \u65B9\u5F62\nexport const Default: Story = {\n  args: {\n    data: {\n      title: 'Become a Member Today',\n      description:\n        'Gain early access to new products, exclusive deals, and opportunities to try our products for free.',\n      backgroundImage: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n      primaryButton: {\n        text: 'Shop Now',\n        href: '/shop',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n        href: '/learn',\n      },\n      shape: 'square',\n    },\n  },\n}\n\n// \u5706\u89D2\u98CE\u683C\nexport const Round: Story = {\n  args: {\n    data: {\n      title: 'Become a Member Today',\n      description:\n        'Gain early access to new products, exclusive deals, and opportunities to try our products for free.',\n      backgroundImage: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n      primaryButton: {\n        text: 'Shop Now',\n        href: '/shop',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n        href: '/learn',\n      },\n      shape: 'rounded',\n    },\n  },\n}\n\n// \u81EA\u5B9A\u4E49\u6309\u94AE\nexport const CustomButtons: Story = {\n  args: {\n    data: {\n      ...Default.args?.data,\n      title: 'Premium Experience',\n      description: 'Join our community to get early access to new products and exclusive member benefits.',\n      backgroundImage: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e',\n      primaryButton: {\n        text: 'Join Now',\n        href: '/join',\n      },\n      secondaryButton: {\n        text: 'Explore Benefits',\n        href: '/benefits',\n      },\n    },\n  },\n}\n\n// \u81EA\u5B9A\u4E49\u6837\u5F0F\nexport const CustomStyles: Story = {\n  args: {\n    data: {\n      title: 'Become a Member Today and opportunities',\n      description:\n        'Gain early access to new products, exclusive deals, and opportunities to try our products for free.',\n      backgroundImage: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n      primaryButton: {\n        text: 'Shop Now',\n        href: '/shop',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n        href: '/learn',\n      },\n      shape: 'square',\n    },\n    style: `\n      .member-equity-title {\n          background: linear-gradient(\n                90deg,\n              #FFD700,   /* \u91D1\u8272 (Gold) */\n              #FFC000,   /* \u4EAE\u91D1\u8272 (Light Gold) */\n              #FFA500,   /* \u6A59\u8272 (Orange) */\n              #FF8C00,   /* \u6DF1\u6A59\u8272 (Dark Orange) */\n              #FF6B00    /* \u6A59\u7EA2\u8272 (Red-Orange) */\n          );\n          -webkit-background-clip: text; /* \u517C\u5BB9 WebKit \u6D4F\u89C8\u5668 */\n          background-clip: text;\n          color: transparent; /* \u9690\u85CF\u539F\u59CB\u6587\u5B57\u989C\u8272 */\n      }\n      .member-equity-description {\n        color: blue;\n      }\n      .member-equity-button-primary {\n        color: green;\n      }\n    `,\n  },\n}\n"],
-  "mappings": "AACA,OAAOA,MAAkB,0CAEzB,MAAMC,EAAkC,CACtC,MAAO,8BACP,UAAWD,EACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAUb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,wBACP,YACE,sGACF,gBAAiB,+DACjB,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,aACN,KAAM,QACR,EACA,MAAO,QACT,CACF,CACF,EAGaC,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAO,wBACP,YACE,sGACF,gBAAiB,+DACjB,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,aACN,KAAM,QACR,EACA,MAAO,SACT,CACF,CACF,EAGaC,EAAuB,CAClC,KAAM,CACJ,KAAM,CACJ,GAAGF,EAAQ,MAAM,KACjB,MAAO,qBACP,YAAa,wFACb,gBAAiB,+DACjB,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,mBACN,KAAM,WACR,CACF,CACF,CACF,EAGaG,EAAsB,CACjC,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,YACE,sGACF,gBAAiB,+DACjB,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,aACN,KAAM,QACR,EACA,MAAO,QACT,EACA,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAqBT,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport MemberEquity from '../biz-components/MemberEquity/index.js'\n\nconst meta: Meta<typeof MemberEquity> = {\n  title: 'Biz-Components/MemberEquity',\n  component: MemberEquity,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: ` \nMemberEquity \u7EC4\u4EF6\u662F\u7528\u4E8E\u5C55\u793A\u4F1A\u5458\u6743\u76CA\u7684\u7EC4\u4EF6\u3002  \n\n\n### \u81EA\u5B9A\u4E49style \u53EF\u7528class \n.member-equity-title  \n.member-equity-description  \n.member-equity-button-primary  \n.member-equity-button-secondary  \n      `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n}\n\nexport default meta\ntype Story = StoryObj<typeof MemberEquity>\n\n// \u9ED8\u8BA4\u6837\u5F0F - \u65B9\u5F62\nexport const Default: Story = {\n  args: {\n    data: {\n      title: 'Become a Member Today',\n      description:\n        'Gain early access to new products, exclusive deals, and opportunities to try our products for free.',\n      backgroundImage: {\n        alt: 'backgroundImage',\n        url: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        thumbnailURL: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        mimeType: 'image/jpeg',\n      },\n      mobileBackgroundImage: {\n        alt: 'mobileBackgroundImage',\n        url: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        thumbnailURL: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        mimeType: 'image/jpeg',\n      },\n      primaryButton: {\n        text: 'Shop Now',\n        href: '/shop',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n        href: '/learn',\n      },\n      shape: 'square',\n    },\n  },\n}\n\n// \u5706\u89D2\u98CE\u683C\nexport const Round: Story = {\n  args: {\n    data: {\n      title: 'Become a Member Today',\n      description:\n        'Gain early access to new products, exclusive deals, and opportunities to try our products for free.',\n      backgroundImage: {\n        url: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        alt: 'backgroundImage',\n        thumbnailURL: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        mimeType: 'image/jpeg',\n      },\n      primaryButton: {\n        text: 'Shop Now',\n        href: '/shop',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n        href: '/learn',\n      },\n      shape: 'rounded',\n    },\n  },\n}\n\n// \u81EA\u5B9A\u4E49\u6309\u94AE\nexport const CustomButtons: Story = {\n  args: {\n    data: {\n      ...Default.args?.data,\n      title: 'Premium Experience',\n      description: 'Join our community to get early access to new products and exclusive member benefits.',\n      backgroundImage: {\n        alt: 'backgroundImage',\n        url: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e',\n        thumbnailURL: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e',\n        mimeType: 'image/jpeg',\n      },\n      mobileBackgroundImage: {\n        alt: 'mobileBackgroundImage',\n        url: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e',\n        thumbnailURL: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e',\n        mimeType: 'image/jpeg',\n      },\n      primaryButton: {\n        text: 'Join Now',\n        href: '/join',\n      },\n      secondaryButton: {\n        text: 'Explore Benefits',\n        href: '/benefits',\n      },\n    },\n  },\n}\n\n// \u81EA\u5B9A\u4E49\u6837\u5F0F\nexport const CustomStyles: Story = {\n  args: {\n    data: {\n      title: 'Become a Member Today and opportunities',\n      description:\n        'Gain early access to new products, exclusive deals, and opportunities to try our products for free.',\n      backgroundImage: {\n        alt: 'backgroundImage',\n        url: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        thumbnailURL: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        mimeType: 'image/jpeg',\n      },\n      mobileBackgroundImage: {\n        alt: 'mobileBackgroundImage',\n        url: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        thumbnailURL: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n        mimeType: 'image/jpeg',\n      },\n      primaryButton: {\n        text: 'Shop Now',\n        href: '/shop',\n      },\n      secondaryButton: {\n        text: 'Learn More',\n        href: '/learn',\n      },\n      shape: 'square',\n    },\n    style: `\n      .member-equity-title {\n          background: linear-gradient(\n                90deg,\n              #FFD700,   /* \u91D1\u8272 (Gold) */\n              #FFC000,   /* \u4EAE\u91D1\u8272 (Light Gold) */\n              #FFA500,   /* \u6A59\u8272 (Orange) */\n              #FF8C00,   /* \u6DF1\u6A59\u8272 (Dark Orange) */\n              #FF6B00    /* \u6A59\u7EA2\u8272 (Red-Orange) */\n          );\n          -webkit-background-clip: text; /* \u517C\u5BB9 WebKit \u6D4F\u89C8\u5668 */\n          background-clip: text;\n          color: transparent; /* \u9690\u85CF\u539F\u59CB\u6587\u5B57\u989C\u8272 */\n      }\n      .member-equity-description {\n        color: blue;\n      }\n      .member-equity-button-primary {\n        color: green;\n      }\n    `,\n  },\n}\n"],
+  "mappings": "AACA,OAAOA,MAAkB,0CAEzB,MAAMC,EAAkC,CACtC,MAAO,8BACP,UAAWD,EACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAUb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,wBACP,YACE,sGACF,gBAAiB,CACf,IAAK,kBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,sBAAuB,CACrB,IAAK,wBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,aACN,KAAM,QACR,EACA,MAAO,QACT,CACF,CACF,EAGaC,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAO,wBACP,YACE,sGACF,gBAAiB,CACf,IAAK,+DACL,IAAK,kBACL,aAAc,+DACd,SAAU,YACZ,EACA,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,aACN,KAAM,QACR,EACA,MAAO,SACT,CACF,CACF,EAGaC,EAAuB,CAClC,KAAM,CACJ,KAAM,CACJ,GAAGF,EAAQ,MAAM,KACjB,MAAO,qBACP,YAAa,wFACb,gBAAiB,CACf,IAAK,kBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,sBAAuB,CACrB,IAAK,wBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,mBACN,KAAM,WACR,CACF,CACF,CACF,EAGaG,EAAsB,CACjC,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,YACE,sGACF,gBAAiB,CACf,IAAK,kBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,sBAAuB,CACrB,IAAK,wBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,aACN,KAAM,QACR,EACA,MAAO,QACT,EACA,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAqBT,CACF",
   "names": ["MemberEquity", "meta", "MemberEquity_stories_default", "Default", "Round", "CustomButtons", "CustomStyles"]
 }

package/dist/esm/stories/MultiLayoutGraphicBlock.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import"react";import e from"../biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js";const i={title:"Biz-Components/MultiLayoutGraphicBlock",component:e,tags:["autodocs"],parameters:{layout:"fullscreen",docs:{description:{component:"\u591A\u5E03\u5C40\u56FE\u6587\u533A\u5757\uFF0C\u652F\u6301\u4E0D\u540C\u5BBD\u5EA6\u3001\u4E3B\u9898\u548C\u8F6E\u64AD\u3002"}}}};var n=i;const t=[{theme:"light",title:"\u6807\u98981",description:"\u8FD9\u662F\u7B2C\u4E00\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:"https://placehold.co/1920x1080?text=Image1",primaryBtn:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryBtn:{text:"\u6B21\u6309\u94AE",link:"#"},width:"full"},{theme:"dark",title:"\u6807\u98982",description:"\u8FD9\u662F\u7B2C\u4E8C\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:"https://placehold.co/200x240?text=Image2",primaryBtn:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryBtn:{text:"\u6B21\u6309\u94AE",link:"#"},width:"half"},{theme:"light",title:"\u6807\u98983",description:"\u8FD9\u662F\u7B2C\u4E09\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:"https://placehold.co/200x240?text=Image3",primaryBtn:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryBtn:{text:"\u6B21\u6309\u94AE",link:"#"},width:"half"}],o=[{theme:"dark",title:"\u8F6E\u64AD1",description:"\u8F6E\u64AD\u533A\u57571",imageUrl:"https://placehold.co/200x240?text=Carousel1",primaryBtn:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryBtn:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD2",description:"\u8F6E\u64AD\u533A\u57572",imageUrl:"https://placehold.co/200x240?text=Carousel2",primaryBtn:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryBtn:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD3",description:"\u8F6E\u64AD\u533A\u57573",imageUrl:"https://placehold.co/200x240?text=Carousel2",primaryBtn:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryBtn:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD4",description:"\u8F6E\u64AD\u533A\u57574",imageUrl:"https://placehold.co/200x240?text=Carousel2",primaryBtn:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryBtn:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD5",description:"\u8F6E\u64AD\u533A\u57575",imageUrl:"https://placehold.co/200x240?text=Carousel2",primaryBtn:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryBtn:{text:"\u6B21\u6309\u94AE",link:"#"}}],s={args:{data:{items:t,carousel:{items:[]}}}},c={args:{data:{items:[{theme:"light",title:"\u6807\u98981",description:"\u8FD9\u662F\u7B2C\u4E00\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:"https://placehold.co/1920x1080?text=Image1",primaryBtn:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryBtn:{text:"\u6B21\u6309\u94AE",link:"#"},width:"full"},{theme:"dark",title:"\u6807\u98982",description:"\u8FD9\u662F\u7B2C\u4E8C\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:"https://placehold.co/200x240?text=Image2",primaryBtn:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryBtn:{text:"\u6B21\u6309\u94AE",link:"#"},width:"one-third"},{theme:"light",title:"\u6807\u98983",description:"\u8FD9\u662F\u7B2C\u4E09\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:"https://placehold.co/200x240?text=Image3",primaryBtn:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryBtn:{text:"\u6B21\u6309\u94AE",link:"#"},width:"one-third"},{theme:"light",title:"\u6807\u98984",description:"\u8FD9\u662F\u7B2C4\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:"https://placehold.co/200x240?text=Image3",primaryBtn:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryBtn:{text:"\u6B21\u6309\u94AE",link:"#"},width:"one-third"}]}}},p={args:{data:{items:t.slice(0,1),carousel:{items:o}}}};export{s as Default,c as ThirdWidth,p as WithCarousel,n as default};
+import"react";import e from"../biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js";const o={title:"Biz-Components/MultiLayoutGraphicBlock",component:e,tags:["autodocs"],parameters:{layout:"fullscreen",docs:{description:{component:"\u591A\u5E03\u5C40\u56FE\u6587\u533A\u5757\uFF0C\u652F\u6301\u4E0D\u540C\u5BBD\u5EA6\u3001\u4E3B\u9898\u548C\u8F6E\u64AD\u3002"}}}};var p=o;const t=[{theme:"light",title:"\u6807\u98981",description:"\u8FD9\u662F\u7B2C\u4E00\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:"https://placehold.co/1920x1080?text=Image1",primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"full"},{theme:"dark",title:"\u6807\u98982",description:"\u8FD9\u662F\u7B2C\u4E8C\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:"https://placehold.co/200x240?text=Image2",primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"half"},{theme:"light",title:"\u6807\u98983",description:"\u8FD9\u662F\u7B2C\u4E09\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/200x240?text=Image3",alt:"Image3",thumbnailURL:"https://placehold.co/200x240?text=Image3",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"half"}],l=[{theme:"dark",title:"\u8F6E\u64AD1",description:"\u8F6E\u64AD\u533A\u57571",imageUrl:{url:"https://placehold.co/200x240?text=Carousel1",alt:"Carousel1",thumbnailURL:"https://placehold.co/200x240?text=Carousel1",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD2",description:"\u8F6E\u64AD\u533A\u57572",imageUrl:{url:"https://placehold.co/200x240?text=Carousel2",alt:"Carousel2",thumbnailURL:"https://placehold.co/200x240?text=Carousel2",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD3",description:"\u8F6E\u64AD\u533A\u57573",imageUrl:"https://placehold.co/200x240?text=Carousel2",primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD4",description:"\u8F6E\u64AD\u533A\u57574",imageUrl:{url:"https://placehold.co/200x240?text=Carousel2",alt:"Carousel2",thumbnailURL:"https://placehold.co/200x240?text=Carousel2",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD5",description:"\u8F6E\u64AD\u533A\u57575",imageUrl:{url:"https://placehold.co/200x240?text=Carousel2",alt:"Carousel2",thumbnailURL:"https://placehold.co/200x240?text=Carousel2",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"}}],n={args:{data:{items:t,carousel:{items:[]}}}},s={args:{data:{items:[{theme:"light",title:"\u6807\u98981",description:"\u8FD9\u662F\u7B2C\u4E00\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/1920x1080?text=Image1",alt:"Image1",thumbnailURL:"https://placehold.co/1920x1080?text=Image1",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"full"},{theme:"dark",title:"\u6807\u98982",description:"\u8FD9\u662F\u7B2C\u4E8C\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/200x240?text=Image2",alt:"Image2",thumbnailURL:"https://placehold.co/200x240?text=Image2",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"one-third"},{theme:"light",title:"\u6807\u98983",description:"\u8FD9\u662F\u7B2C\u4E09\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/200x240?text=Image3",alt:"Image3",thumbnailURL:"https://placehold.co/200x240?text=Image3",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"one-third"},{theme:"light",title:"\u6807\u98984",description:"\u8FD9\u662F\u7B2C4\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/200x240?text=Image3",alt:"Image3",thumbnailURL:"https://placehold.co/200x240?text=Image3",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"one-third"}]}}},c={args:{data:{items:t.slice(0,1),carousel:{items:l}}}};export{n as Default,s as ThirdWidth,c as WithCarousel,p as default};
 //# sourceMappingURL=MultiLayoutGraphicBlock.stories.js.map

package/dist/esm/stories/MultiLayoutGraphicBlock.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/MultiLayoutGraphicBlock.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport React from 'react'\nimport MultiLayoutGraphicBlock from '../biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js'\nimport type { MultiLayoutGraphicBlockProps } from '../biz-components/MultiLayoutGraphicBlock/types.js'\n\nconst meta: Meta<typeof MultiLayoutGraphicBlock> = {\n  title: 'Biz-Components/MultiLayoutGraphicBlock',\n  component: MultiLayoutGraphicBlock,\n  tags: ['autodocs'],\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u591A\u5E03\u5C40\u56FE\u6587\u533A\u5757\uFF0C\u652F\u6301\u4E0D\u540C\u5BBD\u5EA6\u3001\u4E3B\u9898\u548C\u8F6E\u64AD\u3002',\n      },\n    },\n  },\n}\n\nexport default meta\n\ntype Story = StoryObj<typeof MultiLayoutGraphicBlock>\n\nconst baseItems = [\n  {\n    theme: 'light',\n    title: '\u6807\u98981',\n    description: '\u8FD9\u662F\u7B2C\u4E00\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n    imageUrl: 'https://placehold.co/1920x1080?text=Image1',\n    primaryBtn: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryBtn: { text: '\u6B21\u6309\u94AE', link: '#' },\n    width: 'full' as const,\n  },\n  {\n    theme: 'dark',\n    title: '\u6807\u98982',\n    description: '\u8FD9\u662F\u7B2C\u4E8C\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n    imageUrl: 'https://placehold.co/200x240?text=Image2',\n    primaryBtn: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryBtn: { text: '\u6B21\u6309\u94AE', link: '#' },\n    width: 'half' as const,\n  },\n  {\n    theme: 'light',\n    title: '\u6807\u98983',\n    description: '\u8FD9\u662F\u7B2C\u4E09\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n    imageUrl: 'https://placehold.co/200x240?text=Image3',\n    primaryBtn: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryBtn: { text: '\u6B21\u6309\u94AE', link: '#' },\n    width: 'half' as const,\n  },\n]\n\nconst carouselItems = [\n  {\n    theme: 'dark',\n    title: '\u8F6E\u64AD1',\n    description: '\u8F6E\u64AD\u533A\u57571',\n    imageUrl: 'https://placehold.co/200x240?text=Carousel1',\n    primaryBtn: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryBtn: { text: '\u6B21\u6309\u94AE', link: '#' },\n  },\n  {\n    theme: 'light',\n    title: '\u8F6E\u64AD2',\n    description: '\u8F6E\u64AD\u533A\u57572',\n    imageUrl: 'https://placehold.co/200x240?text=Carousel2',\n    primaryBtn: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryBtn: { text: '\u6B21\u6309\u94AE', link: '#' },\n  },\n  {\n    theme: 'light',\n    title: '\u8F6E\u64AD3',\n    description: '\u8F6E\u64AD\u533A\u57573',\n    imageUrl: 'https://placehold.co/200x240?text=Carousel2',\n    primaryBtn: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryBtn: { text: '\u6B21\u6309\u94AE', link: '#' },\n  },\n  {\n    theme: 'light',\n    title: '\u8F6E\u64AD4',\n    description: '\u8F6E\u64AD\u533A\u57574',\n    imageUrl: 'https://placehold.co/200x240?text=Carousel2',\n    primaryBtn: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryBtn: { text: '\u6B21\u6309\u94AE', link: '#' },\n  },\n  {\n    theme: 'light',\n    title: '\u8F6E\u64AD5',\n    description: '\u8F6E\u64AD\u533A\u57575',\n    imageUrl: 'https://placehold.co/200x240?text=Carousel2',\n    primaryBtn: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryBtn: { text: '\u6B21\u6309\u94AE', link: '#' },\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      items: baseItems,\n      carousel: { items: [] },\n    },\n  } as MultiLayoutGraphicBlockProps,\n}\n\nexport const ThirdWidth: Story = {\n  args: {\n    data: {\n      items: [\n        {\n          theme: 'light',\n          title: '\u6807\u98981',\n          description: '\u8FD9\u662F\u7B2C\u4E00\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n          imageUrl: 'https://placehold.co/1920x1080?text=Image1',\n          primaryBtn: { text: '\u4E3B\u6309\u94AE', link: '#' },\n          secondaryBtn: { text: '\u6B21\u6309\u94AE', link: '#' },\n          width: 'full' as const,\n        },\n        {\n          theme: 'dark',\n          title: '\u6807\u98982',\n          description: '\u8FD9\u662F\u7B2C\u4E8C\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n          imageUrl: 'https://placehold.co/200x240?text=Image2',\n          primaryBtn: { text: '\u4E3B\u6309\u94AE', link: '#' },\n          secondaryBtn: { text: '\u6B21\u6309\u94AE', link: '#' },\n          width: 'one-third' as const,\n        },\n        {\n          theme: 'light',\n          title: '\u6807\u98983',\n          description: '\u8FD9\u662F\u7B2C\u4E09\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n          imageUrl: 'https://placehold.co/200x240?text=Image3',\n          primaryBtn: { text: '\u4E3B\u6309\u94AE', link: '#' },\n          secondaryBtn: { text: '\u6B21\u6309\u94AE', link: '#' },\n          width: 'one-third' as const,\n        },\n        {\n          theme: 'light',\n          title: '\u6807\u98984',\n          description: '\u8FD9\u662F\u7B2C4\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n          imageUrl: 'https://placehold.co/200x240?text=Image3',\n          primaryBtn: { text: '\u4E3B\u6309\u94AE', link: '#' },\n          secondaryBtn: { text: '\u6B21\u6309\u94AE', link: '#' },\n          width: 'one-third' as const,\n        },\n      ],\n    },\n  } as MultiLayoutGraphicBlockProps,\n}\n\nexport const WithCarousel: Story = {\n  args: {\n    data: {\n      items: baseItems.slice(0, 1),\n      carousel: { items: carouselItems },\n    },\n  } as MultiLayoutGraphicBlockProps,\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport React from 'react'\nimport MultiLayoutGraphicBlock from '../biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js'\nimport type { MultiLayoutGraphicBlockProps } from '../biz-components/MultiLayoutGraphicBlock/types.js'\n\nconst meta: Meta<typeof MultiLayoutGraphicBlock> = {\n  title: 'Biz-Components/MultiLayoutGraphicBlock',\n  component: MultiLayoutGraphicBlock,\n  tags: ['autodocs'],\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u591A\u5E03\u5C40\u56FE\u6587\u533A\u5757\uFF0C\u652F\u6301\u4E0D\u540C\u5BBD\u5EA6\u3001\u4E3B\u9898\u548C\u8F6E\u64AD\u3002',\n      },\n    },\n  },\n}\n\nexport default meta\n\ntype Story = StoryObj<typeof MultiLayoutGraphicBlock>\n\nconst baseItems = [\n  {\n    theme: 'light',\n    title: '\u6807\u98981',\n    description: '\u8FD9\u662F\u7B2C\u4E00\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n    imageUrl: 'https://placehold.co/1920x1080?text=Image1',\n    primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n    width: 'full' as const,\n  },\n  {\n    theme: 'dark',\n    title: '\u6807\u98982',\n    description: '\u8FD9\u662F\u7B2C\u4E8C\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n    imageUrl: 'https://placehold.co/200x240?text=Image2',\n    primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n    width: 'half' as const,\n  },\n  {\n    theme: 'light',\n    title: '\u6807\u98983',\n    description: '\u8FD9\u662F\u7B2C\u4E09\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n    imageUrl: {\n      url: 'https://placehold.co/200x240?text=Image3',\n      alt: 'Image3',\n      thumbnailURL: 'https://placehold.co/200x240?text=Image3',\n      mimeType: 'image/png',\n    },\n    primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n    width: 'half' as const,\n  },\n]\n\nconst carouselItems = [\n  {\n    theme: 'dark',\n    title: '\u8F6E\u64AD1',\n    description: '\u8F6E\u64AD\u533A\u57571',\n    imageUrl: {\n      url: 'https://placehold.co/200x240?text=Carousel1',\n      alt: 'Carousel1',\n      thumbnailURL: 'https://placehold.co/200x240?text=Carousel1',\n      mimeType: 'image/png',\n    },\n    primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n  },\n  {\n    theme: 'light',\n    title: '\u8F6E\u64AD2',\n    description: '\u8F6E\u64AD\u533A\u57572',\n    imageUrl: {\n      url: 'https://placehold.co/200x240?text=Carousel2',\n      alt: 'Carousel2',\n      thumbnailURL: 'https://placehold.co/200x240?text=Carousel2',\n      mimeType: 'image/png',\n    },\n    primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n  },\n  {\n    theme: 'light',\n    title: '\u8F6E\u64AD3',\n    description: '\u8F6E\u64AD\u533A\u57573',\n    imageUrl: 'https://placehold.co/200x240?text=Carousel2',\n    primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n  },\n  {\n    theme: 'light',\n    title: '\u8F6E\u64AD4',\n    description: '\u8F6E\u64AD\u533A\u57574',\n    imageUrl: {\n      url: 'https://placehold.co/200x240?text=Carousel2',\n      alt: 'Carousel2',\n      thumbnailURL: 'https://placehold.co/200x240?text=Carousel2',\n      mimeType: 'image/png',\n    },\n    primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n  },\n  {\n    theme: 'light',\n    title: '\u8F6E\u64AD5',\n    description: '\u8F6E\u64AD\u533A\u57575',\n    imageUrl: {\n      url: 'https://placehold.co/200x240?text=Carousel2',\n      alt: 'Carousel2',\n      thumbnailURL: 'https://placehold.co/200x240?text=Carousel2',\n      mimeType: 'image/png',\n    },\n    primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n    secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      items: baseItems,\n      carousel: { items: [] },\n    },\n  } as MultiLayoutGraphicBlockProps,\n}\n\nexport const ThirdWidth: Story = {\n  args: {\n    data: {\n      items: [\n        {\n          theme: 'light',\n          title: '\u6807\u98981',\n          description: '\u8FD9\u662F\u7B2C\u4E00\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n          imageUrl: {\n            url: 'https://placehold.co/1920x1080?text=Image1',\n            alt: 'Image1',\n            thumbnailURL: 'https://placehold.co/1920x1080?text=Image1',\n            mimeType: 'image/png',\n          },\n          primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n          secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n          width: 'full' as const,\n        },\n        {\n          theme: 'dark',\n          title: '\u6807\u98982',\n          description: '\u8FD9\u662F\u7B2C\u4E8C\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n          imageUrl: {\n            url: 'https://placehold.co/200x240?text=Image2',\n            alt: 'Image2',\n            thumbnailURL: 'https://placehold.co/200x240?text=Image2',\n            mimeType: 'image/png',\n          },\n          primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n          secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n          width: 'one-third' as const,\n        },\n        {\n          theme: 'light',\n          title: '\u6807\u98983',\n          description: '\u8FD9\u662F\u7B2C\u4E09\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n          imageUrl: {\n            url: 'https://placehold.co/200x240?text=Image3',\n            alt: 'Image3',\n            thumbnailURL: 'https://placehold.co/200x240?text=Image3',\n            mimeType: 'image/png',\n          },\n          primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n          secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n          width: 'one-third' as const,\n        },\n        {\n          theme: 'light',\n          title: '\u6807\u98984',\n          description: '\u8FD9\u662F\u7B2C4\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n          imageUrl: {\n            url: 'https://placehold.co/200x240?text=Image3',\n            alt: 'Image3',\n            thumbnailURL: 'https://placehold.co/200x240?text=Image3',\n            mimeType: 'image/png',\n          },\n          primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n          secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n          width: 'one-third' as const,\n        },\n      ],\n    },\n  } as MultiLayoutGraphicBlockProps,\n}\n\nexport const WithCarousel: Story = {\n  args: {\n    data: {\n      items: baseItems.slice(0, 1),\n      carousel: { items: carouselItems },\n    },\n  } as MultiLayoutGraphicBlockProps,\n}\n"],
+  "mappings": "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",
   "names": ["MultiLayoutGraphicBlock", "meta", "MultiLayoutGraphicBlock_stories_default", "baseItems", "carouselItems", "Default", "ThirdWidth", "WithCarousel"]
 }

package/dist/esm/stories/accordionCards.stories.d.ts CHANGED Viewed

@@ -6,9 +6,11 @@ declare const meta: {
         data: {
             key?: string;
             title?: string;
-            items: Array<{
+            products: Array<{
                 title: string;
-                img: string;
+                img: {
+                    url: string;
+                };
                 subTitle: string;
             }>;
             shape?: "round" | "square";

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

@@ -1,2 +1,2 @@
-import t from"../biz-components/AccordionCards/index.js";const o={title:"Biz-Components/AccordionCards",component:t,parameters:{layout:"fullscreen"},tags:["autodocs"]};var i=o;const e=[{title:"Apple Charging Solutions",img:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768",subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768",subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768",subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768",subTitle:"Dependable Charging for Your Entire Apple Ecosystem."}],a={args:{data:{items:e,primaryButton:"Learn More"}}},p={args:{data:{items:e,shape:"round",itemShape:"round",primaryButton:"Learn More"}}};export{a as Default,p as Round,i as default};
+import o from"../biz-components/AccordionCards/index.js";const t={title:"Biz-Components/AccordionCards",component:o,parameters:{layout:"fullscreen"},tags:["autodocs"]};var p=t;const e=[{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."}],r={args:{data:{products:e,primaryButton:"Learn More"}}},a={args:{data:{products:e,shape:"round",itemShape:"round",primaryButton:"Learn More"}}};export{r as Default,a as Round,p as default};
 //# sourceMappingURL=accordionCards.stories.js.map

package/dist/esm/stories/accordionCards.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/accordionCards.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport AccordionCards from '../biz-components/AccordionCards/index.js'\n\nconst meta = {\n  title: 'Biz-Components/AccordionCards',\n  component: AccordionCards,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof AccordionCards>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mock = [\n  {\n    title: 'Apple Charging Solutions',\n    img: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      items: mock,\n      primaryButton: 'Learn More',\n    },\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      items: mock,\n      shape: 'round',\n      itemShape: 'round',\n      primaryButton: 'Learn More',\n    },\n  },\n}\n"],
-  "mappings": "AACA,OAAOA,MAAoB,4CAE3B,MAAMC,EAAO,CACX,MAAO,gCACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EAAO,CACX,CACE,MAAO,2BACP,IAAK,gPACL,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,gPACL,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,gPACL,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,gPACL,SAAU,sDACZ,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAOD,EACP,cAAe,YACjB,CACF,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAOF,EACP,MAAO,QACP,UAAW,QACX,cAAe,YACjB,CACF,CACF",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport AccordionCards from '../biz-components/AccordionCards/index.js'\n\nconst meta = {\n  title: 'Biz-Components/AccordionCards',\n  component: AccordionCards,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof AccordionCards>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mock = [\n  {\n    title: 'Apple Charging Solutions',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    },\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    },\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    },\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n  {\n    title: 'Apple Charging Solutions',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n    },\n    subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      products: mock,\n      primaryButton: 'Learn More',\n    },\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      products: mock,\n      shape: 'round',\n      itemShape: 'round',\n      primaryButton: 'Learn More',\n    },\n  },\n}\n"],
+  "mappings": "AACA,OAAOA,MAAoB,4CAE3B,MAAMC,EAAO,CACX,MAAO,gCACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EAAO,CACX,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,SAAUD,EACV,cAAe,YACjB,CACF,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,SAAUF,EACV,MAAO,QACP,UAAW,QACX,cAAe,YACjB,CACF,CACF",
   "names": ["AccordionCards", "meta", "accordionCards_stories_default", "mock", "Default", "Round"]
 }

package/dist/esm/stories/brandEquity.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import a from"../biz-components/BrandEquity/BrandEquity.js";const t=o=>e("svg",{width:"30",height:"30",viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.4653 6.25C11.9801 4.79351 13.3691 3.75 15.0019 3.75C16.6347 3.75 18.0237 4.79351 18.5385 6.25H11.4653ZM8.75192 8.75V13.75C8.75192 14.4404 9.31156 15 10.0019 15C10.6923 15 11.2519 14.4404 11.2519 13.75V8.75H18.7519V13.75C18.7519 14.4404 19.3116 15 20.0019 15C20.6923 15 21.2519 14.4404 21.2519 13.75V8.75H23.8452C24.5037 8.75 25.0493 9.26086 25.0925 9.91794L26.0793 24.9179C26.1268 25.639 25.5547 26.25 24.832 26.25H5.1718C4.44915 26.25 3.87705 25.639 3.92449 24.9179L4.91133 9.91794C4.95456 9.26086 5.50014 8.75 6.15864 8.75H8.75192ZM8.87694 6.25C9.45603 3.3972 11.9782 1.25 15.0019 1.25C18.0256 1.25 20.5478 3.3972 21.1269 6.25H23.8452C25.8207 6.25 27.4574 7.78258 27.5871 9.75382L28.5739 24.7538C28.7163 26.9171 27 28.75 24.832 28.75H5.1718C3.00385 28.75 1.28756 26.9171 1.42989 24.7538L2.41673 9.75382C2.54641 7.78259 4.18314 6.25 6.15864 6.25H8.87694ZM12.5019 16.25C12.5019 15.5596 13.0616 15 13.7519 15H16.2519C16.9423 15 17.5019 15.5596 17.5019 16.25C17.5019 16.9404 16.9423 17.5 16.2519 17.5H13.7519C13.0616 17.5 12.5019 16.9404 12.5019 16.25Z",fill:"#1D1D1F"})}),i={title:"Biz-Components/BrandEquity",component:a,parameters:{layout:"fullscreen"},tags:["autodocs"]};var r=i;const s=[{icon:e(t,{className:"size-6"}),title:"Hassle-Free Warranty",description:"Comprehensive warranty protection on all purchases."},{icon:e(t,{className:"size-6"}),title:"Our Happy Customers",description:"Join millions of satisfied Anker users worldwide."},{icon:e(t,{className:"size-6"}),title:"Anker credits rewards",description:"Buy more, save more, and earn more."},{icon:e(t,{className:"size-6"}),title:"Pay with Ease",description:"Pay immediately or in installments with Affirm."},{icon:e(t,{className:"size-6"}),title:"30-day money-back guarantee",description:"Return within 30 days for a full refund."},{avatarList:["https://cdn.shopify.com/s/files/1/0521/9411/5753/files/25954496272e3aad27d750494d4748ca_c591cb1a-5f47-42d9-b356-0acd9e87fed0.png?v=1744612103","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ee5edd6de20a7af2f30f2fa976d779c9_6ddc29a7-c287-4afc-909c-383fe1f1a74b.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b0b7c87fb0819b6cd109bf4b0d865006_e0f7c15a-7d1a-45e7-aee3-783e681a3864.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"],title:"We are Here to Help",description:"Contact our expert team via email or live chat for assistance."}],n={args:{data:{items:s},className:"bg-[#eeeeee] p-4"}},l={args:{data:{items:s},className:"bg-gray-900 p-4",itemShape:"round"}};export{l as CustomBackground,n as Default,r as default};
+import t from"../biz-components/BrandEquity/BrandEquity.js";const a={title:"Biz-Components/BrandEquity",component:t,parameters:{layout:"fullscreen"},tags:["autodocs"]};var i=a;const e=[{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Hassle-Free Warranty"},title:"Hassle-Free Warranty",description:"Comprehensive warranty protection on all purchases."},{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Our Happy Customers"},title:"Our Happy Customers",description:"Join millions of satisfied Anker users worldwide."},{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Anker credits rewards"},title:"Anker credits rewards",description:"Buy more, save more, and earn more."},{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Pay with Ease"},title:"Pay with Ease",description:"Pay immediately or in installments with Affirm."},{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"30-day money-back guarantee"},title:"30-day money-back guarantee",description:"Return within 30 days for a full refund."},{avatarList:[{avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/25954496272e3aad27d750494d4748ca_c591cb1a-5f47-42d9-b356-0acd9e87fed0.png?v=1744612103"}},{avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ee5edd6de20a7af2f30f2fa976d779c9_6ddc29a7-c287-4afc-909c-383fe1f1a74b.png?v=1744612102"}},{avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b0b7c87fb0819b6cd109bf4b0d865006_e0f7c15a-7d1a-45e7-aee3-783e681a3864.png?v=1744612102"}},{avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"}}],type:"avatar",title:"We are Here to Help",description:"Contact our expert team via email or live chat for assistance."}],r={args:{data:{items:e},className:"bg-[#eeeeee] p-4"}},c={args:{data:{items:e},className:"bg-gray-900 p-4",itemShape:"round"}};export{c as CustomBackground,r as Default,i as default};
 //# sourceMappingURL=brandEquity.stories.js.map

package/dist/esm/stories/brandEquity.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/brandEquity.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport BrandEquity from '../biz-components/BrandEquity/BrandEquity.js'\n\nconst ShieldCheckIcon = (props: { className?: string }) => (\n  <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M11.4653 6.25C11.9801 4.79351 13.3691 3.75 15.0019 3.75C16.6347 3.75 18.0237 4.79351 18.5385 6.25H11.4653ZM8.75192 8.75V13.75C8.75192 14.4404 9.31156 15 10.0019 15C10.6923 15 11.2519 14.4404 11.2519 13.75V8.75H18.7519V13.75C18.7519 14.4404 19.3116 15 20.0019 15C20.6923 15 21.2519 14.4404 21.2519 13.75V8.75H23.8452C24.5037 8.75 25.0493 9.26086 25.0925 9.91794L26.0793 24.9179C26.1268 25.639 25.5547 26.25 24.832 26.25H5.1718C4.44915 26.25 3.87705 25.639 3.92449 24.9179L4.91133 9.91794C4.95456 9.26086 5.50014 8.75 6.15864 8.75H8.75192ZM8.87694 6.25C9.45603 3.3972 11.9782 1.25 15.0019 1.25C18.0256 1.25 20.5478 3.3972 21.1269 6.25H23.8452C25.8207 6.25 27.4574 7.78258 27.5871 9.75382L28.5739 24.7538C28.7163 26.9171 27 28.75 24.832 28.75H5.1718C3.00385 28.75 1.28756 26.9171 1.42989 24.7538L2.41673 9.75382C2.54641 7.78259 4.18314 6.25 6.15864 6.25H8.87694ZM12.5019 16.25C12.5019 15.5596 13.0616 15 13.7519 15H16.2519C16.9423 15 17.5019 15.5596 17.5019 16.25C17.5019 16.9404 16.9423 17.5 16.2519 17.5H13.7519C13.0616 17.5 12.5019 16.9404 12.5019 16.25Z\"\n      fill=\"#1D1D1F\"\n    />\n  </svg>\n)\n\nconst meta = {\n  title: 'Biz-Components/BrandEquity',\n  component: BrandEquity,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof BrandEquity>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    icon: <ShieldCheckIcon className=\"size-6\" />,\n    title: 'Hassle-Free Warranty',\n    description: 'Comprehensive warranty protection on all purchases.',\n  },\n  {\n    icon: <ShieldCheckIcon className=\"size-6\" />,\n    title: 'Our Happy Customers',\n    description: 'Join millions of satisfied Anker users worldwide.',\n  },\n  {\n    icon: <ShieldCheckIcon className=\"size-6\" />,\n    title: 'Anker credits rewards',\n    description: 'Buy more, save more, and earn more.',\n  },\n  {\n    icon: <ShieldCheckIcon className=\"size-6\" />,\n    title: 'Pay with Ease',\n    description: 'Pay immediately or in installments with Affirm.',\n  },\n  {\n    icon: <ShieldCheckIcon className=\"size-6\" />,\n    title: '30-day money-back guarantee',\n    description: 'Return within 30 days for a full refund.',\n  },\n  {\n    avatarList: [\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/25954496272e3aad27d750494d4748ca_c591cb1a-5f47-42d9-b356-0acd9e87fed0.png?v=1744612103',\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ee5edd6de20a7af2f30f2fa976d779c9_6ddc29a7-c287-4afc-909c-383fe1f1a74b.png?v=1744612102',\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b0b7c87fb0819b6cd109bf4b0d865006_e0f7c15a-7d1a-45e7-aee3-783e681a3864.png?v=1744612102',\n      'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n    ],\n    title: 'We are Here to Help',\n    description: 'Contact our expert team via email or live chat for assistance.',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      items: mockItems,\n    },\n    className: 'bg-[#eeeeee] p-4',\n  },\n}\n\nexport const CustomBackground: Story = {\n  args: {\n    data: {\n      items: mockItems,\n    },\n    className: 'bg-gray-900 p-4',\n    itemShape: 'round',\n  },\n}\n"],
-  "mappings": "AAKI,cAAAA,MAAA,oBAJJ,OAAOC,MAAiB,+CAExB,MAAMC,EAAmBC,GACvBH,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,SAAAA,EAAC,QACC,SAAS,UACT,SAAS,UACT,EAAE,iiCACF,KAAK,UACP,EACF,EAGII,EAAO,CACX,MAAO,6BACP,UAAWH,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOI,EAAQD,EAGf,MAAME,EAAY,CAChB,CACE,KAAMN,EAACE,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,uBACP,YAAa,qDACf,EACA,CACE,KAAMF,EAACE,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,sBACP,YAAa,mDACf,EACA,CACE,KAAMF,EAACE,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,wBACP,YAAa,qCACf,EACA,CACE,KAAMF,EAACE,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,gBACP,YAAa,iDACf,EACA,CACE,KAAMF,EAACE,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,8BACP,YAAa,0CACf,EACA,CACE,WAAY,CACV,gJACA,gJACA,gJACA,gJACA,0GACF,EACA,MAAO,sBACP,YAAa,gEACf,CACF,EAEaK,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAOD,CACT,EACA,UAAW,kBACb,CACF,EAEaE,EAA0B,CACrC,KAAM,CACJ,KAAM,CACJ,MAAOF,CACT,EACA,UAAW,kBACX,UAAW,OACb,CACF",
-  "names": ["jsx", "BrandEquity", "ShieldCheckIcon", "props", "meta", "brandEquity_stories_default", "mockItems", "Default", "CustomBackground"]
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport BrandEquity from '../biz-components/BrandEquity/BrandEquity.js'\nimport type { BrandEquityItem } from '../biz-components/BrandEquity/BrandEquity.js'\n\nconst meta = {\n  title: 'Biz-Components/BrandEquity',\n  component: BrandEquity,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof BrandEquity>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    icon: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n      alt: 'Hassle-Free Warranty',\n    },\n    title: 'Hassle-Free Warranty',\n    description: 'Comprehensive warranty protection on all purchases.',\n  },\n  {\n    icon: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n      alt: 'Our Happy Customers',\n    },\n    title: 'Our Happy Customers',\n    description: 'Join millions of satisfied Anker users worldwide.',\n  },\n  {\n    icon: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n      alt: 'Anker credits rewards',\n    },\n    title: 'Anker credits rewards',\n    description: 'Buy more, save more, and earn more.',\n  },\n  {\n    icon: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n      alt: 'Pay with Ease',\n    },\n    title: 'Pay with Ease',\n    description: 'Pay immediately or in installments with Affirm.',\n  },\n  {\n    icon: {\n      url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n      alt: '30-day money-back guarantee',\n    },\n    title: '30-day money-back guarantee',\n    description: 'Return within 30 days for a full refund.',\n  },\n  {\n    avatarList: [\n      {\n        avatar: {\n          url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/25954496272e3aad27d750494d4748ca_c591cb1a-5f47-42d9-b356-0acd9e87fed0.png?v=1744612103',\n        },\n      },\n      {\n        avatar: {\n          url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ee5edd6de20a7af2f30f2fa976d779c9_6ddc29a7-c287-4afc-909c-383fe1f1a74b.png?v=1744612102',\n        },\n      },\n      {\n        avatar: {\n          url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b0b7c87fb0819b6cd109bf4b0d865006_e0f7c15a-7d1a-45e7-aee3-783e681a3864.png?v=1744612102',\n        },\n      },\n      {\n        avatar: {\n          url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n        },\n      },\n    ],\n    type: 'avatar',\n    title: 'We are Here to Help',\n    description: 'Contact our expert team via email or live chat for assistance.',\n  },\n] satisfies BrandEquityItem[]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      items: mockItems,\n    },\n    className: 'bg-[#eeeeee] p-4',\n  },\n}\n\nexport const CustomBackground: Story = {\n  args: {\n    data: {\n      items: mockItems,\n    },\n    className: 'bg-gray-900 p-4',\n    itemShape: 'round',\n  },\n}\n"],
+  "mappings": "AACA,OAAOA,MAAiB,+CAGxB,MAAMC,EAAO,CACX,MAAO,6BACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EAAY,CAChB,CACE,KAAM,CACJ,IAAK,gJACL,IAAK,sBACP,EACA,MAAO,uBACP,YAAa,qDACf,EACA,CACE,KAAM,CACJ,IAAK,gJACL,IAAK,qBACP,EACA,MAAO,sBACP,YAAa,mDACf,EACA,CACE,KAAM,CACJ,IAAK,gJACL,IAAK,uBACP,EACA,MAAO,wBACP,YAAa,qCACf,EACA,CACE,KAAM,CACJ,IAAK,gJACL,IAAK,eACP,EACA,MAAO,gBACP,YAAa,iDACf,EACA,CACE,KAAM,CACJ,IAAK,gJACL,IAAK,6BACP,EACA,MAAO,8BACP,YAAa,0CACf,EACA,CACE,WAAY,CACV,CACE,OAAQ,CACN,IAAK,+IACP,CACF,EACA,CACE,OAAQ,CACN,IAAK,+IACP,CACF,EACA,CACE,OAAQ,CACN,IAAK,+IACP,CACF,EACA,CACE,OAAQ,CACN,IAAK,0GACP,CACF,CACF,EACA,KAAM,SACN,MAAO,sBACP,YAAa,gEACf,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAOD,CACT,EACA,UAAW,kBACb,CACF,EAEaE,EAA0B,CACrC,KAAM,CACJ,KAAM,CACJ,MAAOF,CACT,EACA,UAAW,kBACX,UAAW,OACb,CACF",
+  "names": ["BrandEquity", "meta", "brandEquity_stories_default", "mockItems", "Default", "CustomBackground"]
 }

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

@@ -1,2 +1,2 @@
-import t from"../biz-components/Category/index.js";const o={title:"Biz-Components/Category",component:t,parameters:{layout:"fullscreen"},tags:["autodocs"]};var i=o;const e=[{title:"Anker Prime 27",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{title:"Anker Prime",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{title:"Anker Prime",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{title:"Anker Prime",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"},{title:"Anker Prime",img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}],r={args:{data:{items:e},className:"p-4"}},a={args:{data:{shape:"round",items:e},className:"p-4"}};export{r as Default,a as Round,i as default};
+import t from"../biz-components/Category/index.js";const o={title:"Biz-Components/Category",component:t,parameters:{layout:"fullscreen"},tags:["autodocs"]};var r=o;const e=[{title:"Anker Prime 27",img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}},{title:"Anker Prime",img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}},{title:"Anker Prime",img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}},{title:"Anker Prime",img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}},{title:"Anker Prime",img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}}],c={args:{data:{products:e},className:"p-4"}},a={args:{data:{shape:"round",products:e},className:"p-4"}};export{c as Default,a as Round,r as default};
 //# sourceMappingURL=category.stories.js.map

package/dist/esm/stories/category.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/category.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Category from '../biz-components/Category/index.js'\n\nconst meta = {\n  title: 'Biz-Components/Category',\n  component: Category,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Category>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n  {\n    title: 'Anker Prime 27',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    title: 'Anker Prime',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    title: 'Anker Prime',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    title: 'Anker Prime',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n  {\n    title: 'Anker Prime',\n    img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      items: mockItems,\n    },\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      shape: 'round',\n      items: mockItems,\n    },\n    className: 'p-4',\n  },\n}\n"],
-  "mappings": "AACA,OAAOA,MAAc,sCAErB,MAAMC,EAAO,CACX,MAAO,0BACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EAAY,CAChB,CACE,MAAO,iBACP,IAAK,8HACP,EACA,CACE,MAAO,cACP,IAAK,8HACP,EACA,CACE,MAAO,cACP,IAAK,8HACP,EACA,CACE,MAAO,cACP,IAAK,8HACP,EACA,CACE,MAAO,cACP,IAAK,8HACP,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAOD,CACT,EACA,UAAW,KACb,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAO,QACP,MAAOF,CACT,EACA,UAAW,KACb,CACF",
-  "names": ["Category", "meta", "category_stories_default", "mockItems", "Default", "Round"]
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Category from '../biz-components/Category/index.js'\n\nconst meta = {\n  title: 'Biz-Components/Category',\n  component: Category,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Category>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mock = [\n  {\n    title: 'Anker Prime 27',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n    },\n  },\n  {\n    title: 'Anker Prime',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n    },\n  },\n  {\n    title: 'Anker Prime',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n    },\n  },\n  {\n    title: 'Anker Prime',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n    },\n  },\n  {\n    title: 'Anker Prime',\n    img: {\n      url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n    },\n  },\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      products: mock,\n    },\n    className: 'p-4',\n  },\n}\n\nexport const Round: Story = {\n  args: {\n    data: {\n      shape: 'round',\n      products: mock,\n    },\n    className: 'p-4',\n  },\n}\n"],
+  "mappings": "AACA,OAAOA,MAAc,sCAErB,MAAMC,EAAO,CACX,MAAO,0BACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EAAO,CACX,CACE,MAAO,iBACP,IAAK,CACH,IAAK,8HACP,CACF,EACA,CACE,MAAO,cACP,IAAK,CACH,IAAK,8HACP,CACF,EACA,CACE,MAAO,cACP,IAAK,CACH,IAAK,8HACP,CACF,EACA,CACE,MAAO,cACP,IAAK,CACH,IAAK,8HACP,CACF,EACA,CACE,MAAO,cACP,IAAK,CACH,IAAK,8HACP,CACF,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,SAAUD,CACZ,EACA,UAAW,KACb,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAO,QACP,SAAUF,CACZ,EACA,UAAW,KACb,CACF",
+  "names": ["Category", "meta", "category_stories_default", "mock", "Default", "Round"]
 }