@anker-in/headless-ui 0.0.27-alpha.2 → 0.0.27-alpha.21

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

@@ -1,10 +1,10 @@
-import{Fragment as g,jsx as e,jsxs as s}from"react/jsx-runtime";import"react";import{cn as o}from"../../helpers/utils";import b from"../../components/picture";import p from"../../components/button";const v=({className:l="",shape:a="square",itemShape:d="square",products:i=[],primaryButton:n,secondaryButton:x,event:r})=>{const m=t=>{r?.primaryButton?.onClick?.(t)},c=t=>{r?.secondaryButton?.onClick(t)};return e(g,{children:e("div",{className:o("w-full",l),children:e("div",{className:o("flex overflow-hidden"),children:e("div",{className:o("w-full flex","gap-3 laptop:gap-4 overflow-x-auto overflow-y-hidden"),children:i?.map((t,u)=>s("div",{className:o("bg-[#EAEAEC] p-4 flex flex-col min-w-[288px] max-w-[288px]","laptop:min-w-[316px] laptop:max-w-[316px] desktop:min-w-[404px] desktop:max-w-[404px] desktop:pt-4 desktop:px-6 desktop:pb-6",d==="round"?"rounded-2xl":"rounded-none"),children:[e("div",{className:o("h-[137px] overflow-hidden relative inline-block mb-2","desktop:mb-3 desktop:h-[195px]"),children:e(b,{source:t?.img||"",className:"h-full [&_img]:w-auto object-cover flex justify-center"})}),e("div",{className:"mb-1 flex gap-1 flex-wrap desktop:mb-2",children:t?.tagItems?.map((f,k)=>e("div",{className:"border-2 border-[#00BEFA] px-2 py-1 text-sm font-bold rounded-3xl text-[#00BEFA] desktop:text-base",children:f},k))}),e("p",{className:"flex-1 font-bold text-xl text-[#1D1D1F] leading-[1.2] tracking-[-0.04em] desktop:text-2xl",children:t?.title||""}),e("h3",{className:"mt-1 mb-5 text-sm font-semibold text-[#1D1D1F] leading-[1.2] tracking-[-0.02em] desktop:mt-2 desktop:mb-6 desktop:text-lg",children:t?.subTitle||""}),s("div",{className:"mb-2 flex items-center",children:[e("div",{className:"font-bold text-xl text-[#1D1D1F] desktop:text-2xl",children:t?.price||""}),e("div",{className:"ml-1 font-bold text-xl text-[#86868C] desktop:text-2xl",children:t?.basePrice||""})]}),s("div",{className:"flex items-center gap-3",children:[e(p,{variant:"primary",onClick:()=>m(t),className:`
-                        flex-1 bg-transparent border-[#1D1D1F] border box-border text-[#1D1D1F] text-xs laptop:text-sm desktop:text-base
-                        px-4 laptop:px-6 desktop:px-7 hover:bg-transparent hover:text-black py-2 laptop:py-2.5 desktop:py-3 tracking-[-0.04em]
-                        ${a==="round"?"rounded-[20px] desktop:rounded-3xl":""}
+import{Fragment as g,jsx as e,jsxs as s}from"react/jsx-runtime";import"react";import{cn as o}from"../../helpers/utils.js";import b from"../../components/picture.js";import p from"../../components/button.js";const v=({className:l="",shape:a="square",itemShape:d="square",products:i=[],primaryButton:n,secondaryButton:x,event:r})=>{const m=t=>{r?.primaryButton?.onClick?.(t)},c=t=>{r?.secondaryButton?.onClick(t)};return e(g,{children:e("div",{className:o("w-full",l),children:e("div",{className:o("flex overflow-hidden"),children:e("div",{className:o("flex w-full","laptop:gap-4 gap-3 overflow-x-auto overflow-y-hidden"),children:i?.map((t,u)=>s("div",{className:o("flex min-w-[288px] max-w-[288px] flex-col bg-[#EAEAEC] p-4","laptop:min-w-[316px] laptop:max-w-[316px] desktop:min-w-[404px] desktop:max-w-[404px] desktop:pt-4 desktop:px-6 desktop:pb-6",d==="round"?"rounded-2xl":"rounded-none"),children:[e("div",{className:o("relative mb-2 inline-block h-[137px] overflow-hidden","desktop:mb-3 desktop:h-[195px]"),children:e(b,{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((f,k)=>e("div",{className:"desktop:text-base rounded-3xl border-2 border-[#00BEFA] px-2 py-1 text-sm font-bold text-[#00BEFA]",children:f},k))}),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||""}),s("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||""})]}),s("div",{className:"flex items-center gap-3",children:[e(p,{variant:"primary",onClick:()=>m(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
+                        ${a==="round"?"desktop:rounded-3xl rounded-[20px]":""}
                       `,children:n||""}),e(p,{variant:"secondary",onClick:()=>c(t),className:`
-                        flex-1 bg-[#1D1D1F] border-[#1D1D1F] border text-white box-border text-xs laptop:text-sm desktop:text-base
-                        px-4 laptop:px-6 desktop:px-7 py-2 laptop:py-2.5 desktop:py-3 tracking-[-0.04em]
-                        ${a==="round"?"rounded-[20px] desktop:rounded-3xl":""}
+                        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
+                        ${a==="round"?"desktop:rounded-3xl rounded-[20px]":""}
                       `,children:x||""})]})]},u))})})})})};var B=v;export{B as default};
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/ShelfDisplay/index.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { cn } from '../../helpers/utils'\nimport Picture from '../../components/picture'\nimport Button from '../../components/button'\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}\n\nexport interface ShelfDisplayProps {\n  products: ShelfDisplayItem[]\n  /** \u5361\u7247\u5F62\u72B6 */\n  itemShape?: 'round' | 'square'\n  className?: string\n  /** \u4E3B\u9898\u8272*/\n  theme?: 'light' | 'dark'\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  /** \u6309\u94AE\u4E8B\u4EF6*/\n  event?: {\n    primaryButton?: {\n      onClick: (v: any) => void\n    },\n    secondaryButton?: {\n      onClick: (v: any) => void\n    }\n  },\n}\n\nconst ShelfDisplay: React.FC<ShelfDisplayProps> = ({\n  className = '',\n  shape = 'square',\n  itemShape = 'square',\n  products = [],\n  primaryButton,\n  secondaryButton,\n  event\n}) => {\n\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    <>\n      <div className={cn('w-full', className)}>\n        <div className={cn('flex overflow-hidden')}>\n          <div className={cn('w-full flex', 'gap-3 laptop:gap-4 overflow-x-auto overflow-y-hidden')}>\n            {products?.map((item, index) => {\n              return (\n                <div\n                  key={index}\n                  className={cn(\n                    'bg-[#EAEAEC] p-4 flex flex-col min-w-[288px] max-w-[288px]',\n                    'laptop:min-w-[316px] laptop:max-w-[316px] desktop:min-w-[404px] desktop:max-w-[404px] desktop:pt-4 desktop:px-6 desktop:pb-6',\n                    itemShape === 'round' ? 'rounded-2xl' : 'rounded-none'\n                  )}\n                >\n                  <div className={cn('h-[137px] overflow-hidden relative inline-block mb-2', 'desktop:mb-3 desktop:h-[195px]')}>\n                    <Picture\n                      source={item?.img || ''}\n                      className=\"h-full [&_img]:w-auto object-cover flex justify-center\"\n                    />\n                  </div>\n                  <div className=\"mb-1 flex gap-1 flex-wrap desktop:mb-2\">\n                    {item?.tagItems?.map((tag, index) => {\n                      return (\n                        <div\n                          key={index}\n                          className=\"border-2 border-[#00BEFA] px-2 py-1 text-sm font-bold rounded-3xl text-[#00BEFA] desktop:text-base\"\n                        >\n                          {tag}\n                        </div>\n                      )\n                    })}\n                  </div>\n                  <p className=\"flex-1 font-bold text-xl text-[#1D1D1F] leading-[1.2] tracking-[-0.04em] desktop:text-2xl\">\n                    {item?.title || ''}\n                  </p>\n                  <h3 className=\"mt-1 mb-5 text-sm font-semibold text-[#1D1D1F] leading-[1.2] tracking-[-0.02em] desktop:mt-2 desktop:mb-6 desktop:text-lg\">\n                    {item?.subTitle || ''}\n                  </h3>\n                  <div className=\"mb-2 flex items-center\">\n                    <div className=\"font-bold text-xl text-[#1D1D1F] desktop:text-2xl\">\n                      {item?.price || ''}\n                    </div>\n                    <div className=\"ml-1 font-bold text-xl text-[#86868C] desktop:text-2xl\">\n                      {item?.basePrice || ''}\n                    </div>\n                  </div>\n                  {/* \u6309\u94AE\u7EC4 */}\n                  <div className=\"flex items-center gap-3\">\n                    <Button\n                      variant=\"primary\"\n                      onClick={() => onPrimaryButton(item)}\n                      className={`\n                        flex-1 bg-transparent border-[#1D1D1F] border box-border text-[#1D1D1F] text-xs laptop:text-sm desktop:text-base\n                        px-4 laptop:px-6 desktop:px-7 hover:bg-transparent hover:text-black py-2 laptop:py-2.5 desktop:py-3 tracking-[-0.04em]\n                        ${shape === 'round' ? 'rounded-[20px] desktop:rounded-3xl' : ''}\n                      `}\n                    >\n                      {primaryButton || ''}\n                    </Button>\n                    <Button\n                      variant=\"secondary\"\n                      onClick={() => onSecondaryButton(item)}\n                      className={`\n                        flex-1 bg-[#1D1D1F] border-[#1D1D1F] border text-white box-border text-xs laptop:text-sm desktop:text-base\n                        px-4 laptop:px-6 desktop:px-7 py-2 laptop:py-2.5 desktop:py-3 tracking-[-0.04em]\n                        ${shape === 'round' ? 'rounded-[20px] desktop:rounded-3xl' : ''}\n                      `}\n                    >\n                      {secondaryButton || ''}\n                    </Button>\n                  </div>\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n\nexport default ShelfDisplay\n"],
-  "mappings": "AA4DI,mBAAAA,EAegB,OAAAC,EAuBF,QAAAC,MAtCd,oBA5DJ,MAAkB,QAClB,OAAS,MAAAC,MAAU,sBACnB,OAAOC,MAAa,2BACpB,OAAOC,MAAY,0BAsCnB,MAAMC,EAA4C,CAAC,CACjD,UAAAC,EAAY,GACZ,MAAAC,EAAQ,SACR,UAAAC,EAAY,SACZ,SAAAC,EAAW,CAAC,EACZ,cAAAC,EACA,gBAAAC,EACA,MAAAC,CACF,IAAM,CAEJ,MAAMC,EAAmBC,GAA6B,CACpDF,GAAO,eAAe,UAAUE,CAAM,CACxC,EAEMC,EAAqBD,GAA6B,CACtDF,GAAO,iBAAiB,QAAQE,CAAM,CACxC,EAEA,OACEd,EAAAD,EAAA,CACE,SAAAC,EAAC,OAAI,UAAWE,EAAG,SAAUI,CAAS,EACpC,SAAAN,EAAC,OAAI,UAAWE,EAAG,sBAAsB,EACvC,SAAAF,EAAC,OAAI,UAAWE,EAAG,cAAe,sDAAsD,EACrF,SAAAO,GAAU,IAAI,CAACO,EAAMC,IAElBhB,EAAC,OAEC,UAAWC,EACT,6DACA,+HACAM,IAAc,QAAU,cAAgB,cAC1C,EAEA,UAAAR,EAAC,OAAI,UAAWE,EAAG,uDAAwD,gCAAgC,EACzG,SAAAF,EAACG,EAAA,CACC,OAAQa,GAAM,KAAO,GACrB,UAAU,yDACZ,EACF,EACAhB,EAAC,OAAI,UAAU,yCACZ,SAAAgB,GAAM,UAAU,IAAI,CAACE,EAAKD,IAEvBjB,EAAC,OAEC,UAAU,qGAET,SAAAkB,GAHID,CAIP,CAEH,EACH,EACAjB,EAAC,KAAE,UAAU,4FACV,SAAAgB,GAAM,OAAS,GAClB,EACAhB,EAAC,MAAG,UAAU,4HACX,SAAAgB,GAAM,UAAY,GACrB,EACAf,EAAC,OAAI,UAAU,yBACb,UAAAD,EAAC,OAAI,UAAU,oDACZ,SAAAgB,GAAM,OAAS,GAClB,EACAhB,EAAC,OAAI,UAAU,yDACZ,SAAAgB,GAAM,WAAa,GACtB,GACF,EAEAf,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACI,EAAA,CACC,QAAQ,UACR,QAAS,IAAMS,EAAgBG,CAAI,EACnC,UAAW;AAAA;AAAA;AAAA,0BAGPT,IAAU,QAAU,qCAAuC,EAAE;AAAA,wBAGhE,SAAAG,GAAiB,GACpB,EACAV,EAACI,EAAA,CACC,QAAQ,YACR,QAAS,IAAMW,EAAkBC,CAAI,EACrC,UAAW;AAAA;AAAA;AAAA,0BAGPT,IAAU,QAAU,qCAAuC,EAAE;AAAA,wBAGhE,SAAAI,GAAmB,GACtB,GACF,IA/DKM,CAgEP,CAEH,EACH,EACF,EACF,EACF,CAEJ,EAEA,IAAOE,EAAQd",
+  "sourcesContent": ["import React from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport Picture from '../../components/picture.js'\nimport Button from '../../components/button.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}\n\nexport interface ShelfDisplayProps {\n  products: ShelfDisplayItem[]\n  /** \u5361\u7247\u5F62\u72B6 */\n  itemShape?: 'round' | 'square'\n  className?: string\n  /** \u4E3B\u9898\u8272*/\n  theme?: 'light' | 'dark'\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  /** \u6309\u94AE\u4E8B\u4EF6*/\n  event?: {\n    primaryButton?: {\n      onClick: (v: any) => void\n    }\n    secondaryButton?: {\n      onClick: (v: any) => void\n    }\n  }\n}\n\nconst ShelfDisplay: React.FC<ShelfDisplayProps> = ({\n  className = '',\n  shape = 'square',\n  itemShape = 'square',\n  products = [],\n  primaryButton,\n  secondaryButton,\n  event,\n}) => {\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    <>\n      <div className={cn('w-full', className)}>\n        <div className={cn('flex overflow-hidden')}>\n          <div className={cn('flex w-full', 'laptop:gap-4 gap-3 overflow-x-auto overflow-y-hidden')}>\n            {products?.map((item, index) => {\n              return (\n                <div\n                  key={index}\n                  className={cn(\n                    'flex min-w-[288px] max-w-[288px] flex-col bg-[#EAEAEC] p-4',\n                    'laptop:min-w-[316px] laptop:max-w-[316px] desktop:min-w-[404px] desktop:max-w-[404px] desktop:pt-4 desktop:px-6 desktop:pb-6',\n                    itemShape === 'round' ? 'rounded-2xl' : 'rounded-none'\n                  )}\n                >\n                  <div\n                    className={cn(\n                      'relative mb-2 inline-block h-[137px] overflow-hidden',\n                      'desktop:mb-3 desktop:h-[195px]'\n                    )}\n                  >\n                    <Picture\n                      source={item?.img || ''}\n                      className=\"flex h-full justify-center object-cover [&_img]:w-auto\"\n                    />\n                  </div>\n                  <div className=\"desktop:mb-2 mb-1 flex flex-wrap gap-1\">\n                    {item?.tagItems?.map((tag, index) => {\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                    {item?.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                    {item?.subTitle || ''}\n                  </h3>\n                  <div className=\"mb-2 flex items-center\">\n                    <div className=\"desktop:text-2xl text-xl font-bold text-[#1D1D1F]\">{item?.price || ''}</div>\n                    <div className=\"desktop:text-2xl ml-1 text-xl font-bold text-[#86868C]\">\n                      {item?.basePrice || ''}\n                    </div>\n                  </div>\n                  {/* \u6309\u94AE\u7EC4 */}\n                  <div className=\"flex items-center gap-3\">\n                    <Button\n                      variant=\"primary\"\n                      onClick={() => onPrimaryButton(item)}\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                        ${shape === 'round' ? 'desktop:rounded-3xl rounded-[20px]' : ''}\n                      `}\n                    >\n                      {primaryButton || ''}\n                    </Button>\n                    <Button\n                      variant=\"secondary\"\n                      onClick={() => onSecondaryButton(item)}\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                        ${shape === 'round' ? 'desktop:rounded-3xl rounded-[20px]' : ''}\n                      `}\n                    >\n                      {secondaryButton || ''}\n                    </Button>\n                  </div>\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n\nexport default ShelfDisplay\n"],
+  "mappings": "AA2DI,mBAAAA,EAoBgB,OAAAC,EAuBF,QAAAC,MA3Cd,oBA3DJ,MAAkB,QAClB,OAAS,MAAAC,MAAU,yBACnB,OAAOC,MAAa,8BACpB,OAAOC,MAAY,6BAsCnB,MAAMC,EAA4C,CAAC,CACjD,UAAAC,EAAY,GACZ,MAAAC,EAAQ,SACR,UAAAC,EAAY,SACZ,SAAAC,EAAW,CAAC,EACZ,cAAAC,EACA,gBAAAC,EACA,MAAAC,CACF,IAAM,CACJ,MAAMC,EAAmBC,GAA6B,CACpDF,GAAO,eAAe,UAAUE,CAAM,CACxC,EAEMC,EAAqBD,GAA6B,CACtDF,GAAO,iBAAiB,QAAQE,CAAM,CACxC,EAEA,OACEd,EAAAD,EAAA,CACE,SAAAC,EAAC,OAAI,UAAWE,EAAG,SAAUI,CAAS,EACpC,SAAAN,EAAC,OAAI,UAAWE,EAAG,sBAAsB,EACvC,SAAAF,EAAC,OAAI,UAAWE,EAAG,cAAe,sDAAsD,EACrF,SAAAO,GAAU,IAAI,CAACO,EAAMC,IAElBhB,EAAC,OAEC,UAAWC,EACT,6DACA,+HACAM,IAAc,QAAU,cAAgB,cAC1C,EAEA,UAAAR,EAAC,OACC,UAAWE,EACT,uDACA,gCACF,EAEA,SAAAF,EAACG,EAAA,CACC,OAAQa,GAAM,KAAO,GACrB,UAAU,yDACZ,EACF,EACAhB,EAAC,OAAI,UAAU,yCACZ,SAAAgB,GAAM,UAAU,IAAI,CAACE,EAAKD,IAEvBjB,EAAC,OAEC,UAAU,qGAET,SAAAkB,GAHID,CAIP,CAEH,EACH,EACAjB,EAAC,KAAE,UAAU,4FACV,SAAAgB,GAAM,OAAS,GAClB,EACAhB,EAAC,MAAG,UAAU,4HACX,SAAAgB,GAAM,UAAY,GACrB,EACAf,EAAC,OAAI,UAAU,yBACb,UAAAD,EAAC,OAAI,UAAU,oDAAqD,SAAAgB,GAAM,OAAS,GAAG,EACtFhB,EAAC,OAAI,UAAU,yDACZ,SAAAgB,GAAM,WAAa,GACtB,GACF,EAEAf,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACI,EAAA,CACC,QAAQ,UACR,QAAS,IAAMS,EAAgBG,CAAI,EACnC,UAAW;AAAA;AAAA;AAAA,0BAGPT,IAAU,QAAU,qCAAuC,EAAE;AAAA,wBAGhE,SAAAG,GAAiB,GACpB,EACAV,EAACI,EAAA,CACC,QAAQ,YACR,QAAS,IAAMW,EAAkBC,CAAI,EACrC,UAAW;AAAA;AAAA;AAAA,0BAGPT,IAAU,QAAU,qCAAuC,EAAE;AAAA,wBAGhE,SAAAI,GAAmB,GACtB,GACF,IAlEKM,CAmEP,CAEH,EACH,EACF,EACF,EACF,CAEJ,EAEA,IAAOE,EAAQd",
   "names": ["Fragment", "jsx", "jsxs", "cn", "Picture", "Button", "ShelfDisplay", "className", "shape", "itemShape", "products", "primaryButton", "secondaryButton", "event", "onPrimaryButton", "params", "onSecondaryButton", "item", "index", "tag", "ShelfDisplay_default"]
 }

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

@@ -1,7 +1,9 @@
 import React from 'react';
 import type { SloganProps } from './types.js';
 declare const _default: {
-    (props: Omit<SloganProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps>): import("react/jsx-runtime").JSX.Element;
+    (props: Omit<SloganProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
+        className?: string;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default _default;

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

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as o}from"react/jsx-runtime";import p from"react";import{cn as n}from"../../helpers/utils.js";import{Heading as r,Text as d}from"../../components/index.js";import{withStyles as f}from"../../shared/Styles.js";const a=p.forwardRef(({title:s,features:e,className:x},i)=>o("div",{ref:i,className:n("flex flex-col items-start laptop:flex-row laptop:items-end justify-center laptop:justify-between text-center w-full","px-4 tablet:px-6 laptop:px-8 desktop:px-16 lg-desktop:px-32","gap-8 py-8 tablet:py-10 laptop:py-12 desktop:py-16 lg-desktop:py-20",x),children:[t(r,{as:"h2",size:2,weight:"bold",align:"left",className:"slogan-title text-[#1D1D1F] !leading-none text-[40px] laptop:text-[40px] desktop:text-[48px] lg-desktop:text-[64px]",children:s}),e&&e.length>0&&t("div",{className:"flex flex-row w-full gap-3 max-w-[423px] items-center",children:e.slice(0,3).map((m,l)=>o(p.Fragment,{children:[l>0&&t("div",{className:"self-stretch w-px bg-[#D9D9D9]"}),t("div",{className:"flex-1",children:t(d,{align:"left",className:"slogan-feature-text font-medium line-clamp-3 laptop:line-clamp-2 text-[#1D1D1F] text-[12px] leading-[1.4] tablet:text-[13px] laptop:text-[14px]",html:m})})]},l))})]}));a.displayName="Slogan";var v=f(a);export{v as default};
+"use client";import{jsx as t,jsxs as o}from"react/jsx-runtime";import p from"react";import{cn as n}from"../../helpers/utils.js";import{Heading as r,Text as d}from"../../components/index.js";import{withStyles as f}from"../../shared/Styles.js";const a=p.forwardRef(({title:s,features:e,className:i},x)=>o("div",{ref:x,className:n("laptop:flex-row laptop:items-end laptop:justify-between flex w-full flex-col items-start justify-center text-center","tablet:px-6 laptop:px-8 desktop:px-16 lg-desktop:px-32 px-4","tablet:py-10 laptop:py-12 desktop:py-16 lg-desktop:py-20 gap-8 py-8",i),children:[t(r,{as:"h2",size:2,weight:"bold",align:"left",className:"slogan-title laptop:text-[40px] desktop:text-[48px] lg-desktop:text-[64px] text-[40px] !leading-none text-[#1D1D1F]",children:s}),e&&e.length>0&&t("div",{className:"flex w-full max-w-[423px] flex-row items-center gap-3",children:e.slice(0,3).map((m,l)=>o(p.Fragment,{children:[l>0&&t("div",{className:"w-px self-stretch bg-[#D9D9D9]"}),t("div",{className:"flex-1",children:t(d,{align:"left",className:"slogan-feature-text laptop:line-clamp-2 tablet:text-[13px] laptop:text-[14px] line-clamp-3 text-[12px] font-medium leading-[1.4] text-[#1D1D1F]",html:m})})]},l))})]}));a.displayName="Slogan";var v=f(a);export{v as default};
 //# sourceMappingURL=index.js.map

package/dist/esm/biz-components/Slogan/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/Slogan/index.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { Heading, Text } from '../../components/index.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport type { SloganProps } from './types.js'\n\nconst Slogan = React.forwardRef<HTMLDivElement, SloganProps>(\n  ({ title, features, className }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex flex-col items-start laptop:flex-row laptop:items-end justify-center laptop:justify-between text-center w-full',\n          'px-4 tablet:px-6 laptop:px-8 desktop:px-16 lg-desktop:px-32',\n          'gap-8 py-8 tablet:py-10 laptop:py-12 desktop:py-16 lg-desktop:py-20',\n          className\n        )}\n      >\n        <Heading\n          as=\"h2\"\n          size={2}\n          weight={\"bold\"}\n          align={\"left\"}\n          className='slogan-title text-[#1D1D1F] !leading-none text-[40px] laptop:text-[40px] desktop:text-[48px] lg-desktop:text-[64px]'\n        >\n          {title}\n        </Heading>\n        {features && features.length > 0 && (\n          <div className=\"flex flex-row w-full gap-3 max-w-[423px] items-center\">\n            {features.slice(0, 3).map((feature, index) => (\n              <React.Fragment key={index}>\n                {index > 0 && (\n                  <div className=\"self-stretch w-px bg-[#D9D9D9]\" />\n                )}\n                <div className=\"flex-1\">\n                  <Text \n                    align=\"left\" \n                    className=\"slogan-feature-text font-medium line-clamp-3 laptop:line-clamp-2 text-[#1D1D1F] text-[12px] leading-[1.4] tablet:text-[13px] laptop:text-[14px]\" \n                    html={feature}\n                  />\n                </div>\n              </React.Fragment>\n            ))}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nSlogan.displayName = 'Slogan'\n\nexport default withStyles(Slogan)"],
-  "mappings": "AAkBQ,cAAAA,EAYM,QAAAC,MAZN,oBAlBR,OAAOC,MAAW,QAClB,OAAS,MAAAC,MAAU,yBACnB,OAAS,WAAAC,EAAS,QAAAC,MAAY,4BAC9B,OAAS,cAAAC,MAAkB,yBAG3B,MAAMC,EAASL,EAAM,WACnB,CAAC,CAAE,MAAAM,EAAO,SAAAC,EAAU,UAAAC,CAAU,EAAGC,IAE7BV,EAAC,OACC,IAAKU,EACL,UAAWR,EACT,sHACA,8DACA,sEACAO,CACF,EAEA,UAAAV,EAACI,EAAA,CACC,GAAG,KACH,KAAM,EACN,OAAQ,OACR,MAAO,OACP,UAAU,sHAET,SAAAI,EACH,EACCC,GAAYA,EAAS,OAAS,GAC7BT,EAAC,OAAI,UAAU,wDACZ,SAAAS,EAAS,MAAM,EAAG,CAAC,EAAE,IAAI,CAACG,EAASC,IAClCZ,EAACC,EAAM,SAAN,CACE,UAAAW,EAAQ,GACPb,EAAC,OAAI,UAAU,iCAAiC,EAElDA,EAAC,OAAI,UAAU,SACb,SAAAA,EAACK,EAAA,CACC,MAAM,OACN,UAAU,kJACV,KAAMO,EACR,EACF,IAVmBC,CAWrB,CACD,EACH,GAEJ,CAGN,EAEAN,EAAO,YAAc,SAErB,IAAOO,EAAQR,EAAWC,CAAM",
+  "sourcesContent": ["'use client'\nimport React from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { Heading, Text } from '../../components/index.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport type { SloganProps } from './types.js'\n\nconst Slogan = React.forwardRef<HTMLDivElement, SloganProps>(({ title, features, className }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'laptop:flex-row laptop:items-end laptop:justify-between flex w-full flex-col items-start justify-center text-center',\n        'tablet:px-6 laptop:px-8 desktop:px-16 lg-desktop:px-32 px-4',\n        'tablet:py-10 laptop:py-12 desktop:py-16 lg-desktop:py-20 gap-8 py-8',\n        className\n      )}\n    >\n      <Heading\n        as=\"h2\"\n        size={2}\n        weight={'bold'}\n        align={'left'}\n        className=\"slogan-title laptop:text-[40px] desktop:text-[48px] lg-desktop:text-[64px] text-[40px] !leading-none text-[#1D1D1F]\"\n      >\n        {title}\n      </Heading>\n      {features && features.length > 0 && (\n        <div className=\"flex w-full max-w-[423px] flex-row items-center gap-3\">\n          {features.slice(0, 3).map((feature, index) => (\n            <React.Fragment key={index}>\n              {index > 0 && <div className=\"w-px self-stretch bg-[#D9D9D9]\" />}\n              <div className=\"flex-1\">\n                <Text\n                  align=\"left\"\n                  className=\"slogan-feature-text laptop:line-clamp-2 tablet:text-[13px] laptop:text-[14px] line-clamp-3 text-[12px] font-medium leading-[1.4] text-[#1D1D1F]\"\n                  html={feature}\n                />\n              </div>\n            </React.Fragment>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n})\n\nSlogan.displayName = 'Slogan'\n\nexport default withStyles(Slogan)\n"],
+  "mappings": "aAkBM,cAAAA,EAYM,QAAAC,MAZN,oBAjBN,OAAOC,MAAW,QAClB,OAAS,MAAAC,MAAU,yBACnB,OAAS,WAAAC,EAAS,QAAAC,MAAY,4BAC9B,OAAS,cAAAC,MAAkB,yBAG3B,MAAMC,EAASL,EAAM,WAAwC,CAAC,CAAE,MAAAM,EAAO,SAAAC,EAAU,UAAAC,CAAU,EAAGC,IAE1FV,EAAC,OACC,IAAKU,EACL,UAAWR,EACT,sHACA,8DACA,sEACAO,CACF,EAEA,UAAAV,EAACI,EAAA,CACC,GAAG,KACH,KAAM,EACN,OAAQ,OACR,MAAO,OACP,UAAU,sHAET,SAAAI,EACH,EACCC,GAAYA,EAAS,OAAS,GAC7BT,EAAC,OAAI,UAAU,wDACZ,SAAAS,EAAS,MAAM,EAAG,CAAC,EAAE,IAAI,CAACG,EAASC,IAClCZ,EAACC,EAAM,SAAN,CACE,UAAAW,EAAQ,GAAKb,EAAC,OAAI,UAAU,iCAAiC,EAC9DA,EAAC,OAAI,UAAU,SACb,SAAAA,EAACK,EAAA,CACC,MAAM,OACN,UAAU,kJACV,KAAMO,EACR,EACF,IARmBC,CASrB,CACD,EACH,GAEJ,CAEH,EAEDN,EAAO,YAAc,SAErB,IAAOO,EAAQR,EAAWC,CAAM",
   "names": ["jsx", "jsxs", "React", "cn", "Heading", "Text", "withStyles", "Slogan", "title", "features", "className", "ref", "feature", "index", "Slogan_default"]
 }

package/dist/esm/biz-components/Tabs/Tabs.d.ts

@@ -0,0 +1,9 @@
+import type { TabsProps } from './types.js';
+import React from 'react';
+declare const _default: {
+    (props: Omit<TabsProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
+        className?: string;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;

package/dist/esm/biz-components/Tabs/Tabs.js

@@ -0,0 +1,2 @@
+"use client";import{jsx as e,jsxs as u}from"react/jsx-runtime";import{withStyles as l}from"../../shared/Styles.js";import*as s from"../../components/tabs.js";import{cn as p}from"../../helpers/index.js";import c from"react";import f from"../ShelfDisplay/index.js";const N=c.forwardRef((i,r)=>{const{theme:m,shape:b,align:o,tabs:t,className:n}=i,T=a=>{if(a.blockType==="ShelfDisplay")return e(f,{...a})};return e("section",{ref:r,className:p(m==="dark"?"aiui-dark":"",n),children:u(s.Tabs,{shape:b,align:o,defaultValue:t[0].tabName,children:[e(s.TabsList,{className:"tabs-list",children:t.map(a=>e(s.TabsTrigger,{value:a.tabName,className:"tabs-trigger",children:a.tabName},a.tabName))}),t.map(a=>e(s.TabsContent,{value:a.tabName,className:"tabs-content",children:T(a.tabContent?.[0])},a.tabName))]})})});var d=l(N);export{d as default};
+//# sourceMappingURL=Tabs.js.map

package/dist/esm/biz-components/Tabs/Tabs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/Tabs/Tabs.tsx"],
+  "sourcesContent": ["'use client'\nimport { withStyles } from '../../shared/Styles.js'\nimport * as TabsPrimitive from '../../components/tabs.js'\nimport { cn } from '../../helpers/index.js'\nimport type { TabsProps } from './types.js'\nimport React from 'react'\nimport ShelfDisplay from '../ShelfDisplay/index.js'\n\nconst Tabs = React.forwardRef<HTMLDivElement, TabsProps>((props, forwardedRef) => {\n  const { theme, shape, align, tabs, className } = props\n\n  const renderTabContent = (tabContent: TabsProps['tabs'][number]['tabContent'][number]) => {\n    if (tabContent.blockType === 'ShelfDisplay') {\n      return <ShelfDisplay {...tabContent} />\n    }\n  }\n\n  return (\n    <section ref={forwardedRef} className={cn(theme === 'dark' ? 'aiui-dark' : '', className)}>\n      <TabsPrimitive.Tabs shape={shape} align={align} defaultValue={tabs[0].tabName}>\n        <TabsPrimitive.TabsList className=\"tabs-list\">\n          {tabs.map(tab => (\n            <TabsPrimitive.TabsTrigger key={tab.tabName} value={tab.tabName} className=\"tabs-trigger\">\n              {tab.tabName}\n            </TabsPrimitive.TabsTrigger>\n          ))}\n        </TabsPrimitive.TabsList>\n        {tabs.map(tab => (\n          <TabsPrimitive.TabsContent key={tab.tabName} value={tab.tabName} className=\"tabs-content\">\n            {renderTabContent(tab.tabContent?.[0])}\n          </TabsPrimitive.TabsContent>\n        ))}\n      </TabsPrimitive.Tabs>\n    </section>\n  )\n})\n\nexport default withStyles(Tabs)\n"],
+  "mappings": "aAaa,cAAAA,EAMP,QAAAC,MANO,oBAZb,OAAS,cAAAC,MAAkB,yBAC3B,UAAYC,MAAmB,2BAC/B,OAAS,MAAAC,MAAU,yBAEnB,OAAOC,MAAW,QAClB,OAAOC,MAAkB,2BAEzB,MAAMC,EAAOF,EAAM,WAAsC,CAACG,EAAOC,IAAiB,CAChF,KAAM,CAAE,MAAAC,EAAO,MAAAC,EAAO,MAAAC,EAAO,KAAAC,EAAM,UAAAC,CAAU,EAAIN,EAE3CO,EAAoBC,GAAgE,CACxF,GAAIA,EAAW,YAAc,eAC3B,OAAOhB,EAACM,EAAA,CAAc,GAAGU,EAAY,CAEzC,EAEA,OACEhB,EAAC,WAAQ,IAAKS,EAAc,UAAWL,EAAGM,IAAU,OAAS,YAAc,GAAII,CAAS,EACtF,SAAAb,EAACE,EAAc,KAAd,CAAmB,MAAOQ,EAAO,MAAOC,EAAO,aAAcC,EAAK,CAAC,EAAE,QACpE,UAAAb,EAACG,EAAc,SAAd,CAAuB,UAAU,YAC/B,SAAAU,EAAK,IAAII,GACRjB,EAACG,EAAc,YAAd,CAA4C,MAAOc,EAAI,QAAS,UAAU,eACxE,SAAAA,EAAI,SADyBA,EAAI,OAEpC,CACD,EACH,EACCJ,EAAK,IAAII,GACRjB,EAACG,EAAc,YAAd,CAA4C,MAAOc,EAAI,QAAS,UAAU,eACxE,SAAAF,EAAiBE,EAAI,aAAa,CAAC,CAAC,GADPA,EAAI,OAEpC,CACD,GACH,EACF,CAEJ,CAAC,EAED,IAAOC,EAAQhB,EAAWK,CAAI",
+  "names": ["jsx", "jsxs", "withStyles", "TabsPrimitive", "cn", "React", "ShelfDisplay", "Tabs", "props", "forwardedRef", "theme", "shape", "align", "tabs", "className", "renderTabContent", "tabContent", "tab", "Tabs_default"]
+}

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

@@ -0,0 +1 @@
+export { default } from './Tabs.js';

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

@@ -0,0 +1,2 @@
+import{default as o}from"./Tabs.js";export{o as default};
+//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/Tabs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/Tabs/index.ts"],
+  "sourcesContent": ["export { default } from './Tabs.js'\n"],
+  "mappings": "AAAA,OAAS,WAAAA,MAAe",
+  "names": ["default"]
+}

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

@@ -0,0 +1,14 @@
+import type { Align, Shape, Theme } from '../../types/props.js';
+import type { ShelfDisplayProps } from '../ShelfDisplay/index.js';
+export type TabsProps = {
+    theme: Theme;
+    shape: Shape;
+    align: Align;
+    className?: string;
+    tabs: {
+        tabName: string;
+        tabContent: (ShelfDisplayProps & {
+            blockType: 'ShelfDisplay';
+        })[];
+    }[];
+};

package/dist/esm/biz-components/Tabs/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -6,4 +6,8 @@ export { default as ShelfDisplay } from './ShelfDisplay/index.js';
 export { default as Evaluate } from './Evaluate/index.js';
 export { default as Category } from './Category/index.js';
 export { default as HeroBanner } from './HeroBanner/index.js';
-export * from './Marquee';
+export { default as AccordionCards } from './AccordionCards/index.js';
+export { default as Graphic } from './Graphic/index.js';
+export { Marquee, MarqueeList, MarqueeImageContent, MarqueeTextContent, type FastMarqueeProps, type MarqueeListProps, type MarqueeImageContentProps, type MarqueeTextContentProps, } from './Marquee/index.js';
+export * from './Marquee/index.js';
+export { default as MultiLayoutGraphicBlock } from './MultiLayoutGraphicBlock/index.js';

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

@@ -1,2 +1,2 @@
-import{default as r}from"./Shelf/index.js";import{default as t}from"./BrandEquity/index.js";import{default as l}from"./MemberEquity/index.js";import{default as m}from"./Slogan/index.js";import{default as d}from"./ShelfDisplay/index.js";import{default as x}from"./Evaluate/index.js";import{default as y}from"./Category/index.js";import{default as E}from"./HeroBanner/index.js";export*from"./Marquee";export{t as BrandEquity,y as Category,x as Evaluate,E as HeroBanner,l as MemberEquity,r as Shelf,d as ShelfDisplay,m as Slogan};
+import{default as t}from"./Shelf/index.js";import{default as o}from"./BrandEquity/index.js";import{default as p}from"./MemberEquity/index.js";import{default as s}from"./Slogan/index.js";import{default as m}from"./ShelfDisplay/index.js";import{default as d}from"./Evaluate/index.js";import{default as q}from"./Category/index.js";import{default as i}from"./HeroBanner/index.js";import{default as C}from"./AccordionCards/index.js";import{default as g}from"./Graphic/index.js";import{Marquee as P,MarqueeList as B,MarqueeImageContent as E,MarqueeTextContent as L}from"./Marquee/index.js";export*from"./Marquee/index.js";import{default as I}from"./MultiLayoutGraphicBlock/index.js";export{C as AccordionCards,o as BrandEquity,q as Category,d as Evaluate,g as Graphic,i as HeroBanner,P as Marquee,E as MarqueeImageContent,B as MarqueeList,L as MarqueeTextContent,p as MemberEquity,I as MultiLayoutGraphicBlock,t as Shelf,m as ShelfDisplay,s as Slogan};
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/biz-components/index.ts"],
-  "sourcesContent": ["export { default as Shelf } from './Shelf/index.js'\nexport { default as BrandEquity } from './BrandEquity/index.js'\nexport { default as MemberEquity } from './MemberEquity/index.js'\nexport { default as Slogan } from './Slogan/index.js'\nexport { default as ShelfDisplay } from './ShelfDisplay/index.js'\nexport { default as Evaluate } from './Evaluate/index.js'\nexport { default as Category } from './Category/index.js'\nexport { default as HeroBanner } from './HeroBanner/index.js'\n\n\nexport * from './Marquee'"],
-  "mappings": "AAAA,OAAoB,WAAXA,MAAwB,mBACjC,OAAoB,WAAXA,MAA8B,yBACvC,OAAoB,WAAXA,MAA+B,0BACxC,OAAoB,WAAXA,MAAyB,oBAClC,OAAoB,WAAXA,MAA+B,0BACxC,OAAoB,WAAXA,MAA2B,sBACpC,OAAoB,WAAXA,MAA2B,sBACpC,OAAoB,WAAXA,MAA6B,wBAGtC,WAAc",
-  "names": ["default"]
+  "sourcesContent": ["export { default as Shelf } from './Shelf/index.js'\nexport { default as BrandEquity } from './BrandEquity/index.js'\nexport { default as MemberEquity } from './MemberEquity/index.js'\nexport { default as Slogan } from './Slogan/index.js'\nexport { default as ShelfDisplay } from './ShelfDisplay/index.js'\nexport { default as Evaluate } from './Evaluate/index.js'\nexport { default as Category } from './Category/index.js'\nexport { default as HeroBanner } from './HeroBanner/index.js'\nexport { default as AccordionCards } from './AccordionCards/index.js'\nexport { default as Graphic } from './Graphic/index.js'\nexport {\n  Marquee,\n  MarqueeList,\n  MarqueeImageContent,\n  MarqueeTextContent,\n  type FastMarqueeProps,\n  type MarqueeListProps,\n  type MarqueeImageContentProps,\n  type MarqueeTextContentProps,\n} from './Marquee/index.js'\nexport * from './Marquee/index.js'\nexport { default as MultiLayoutGraphicBlock } from './MultiLayoutGraphicBlock/index.js'\n"],
+  "mappings": "AAAA,OAAoB,WAAXA,MAAwB,mBACjC,OAAoB,WAAXA,MAA8B,yBACvC,OAAoB,WAAXA,MAA+B,0BACxC,OAAoB,WAAXA,MAAyB,oBAClC,OAAoB,WAAXA,MAA+B,0BACxC,OAAoB,WAAXA,MAA2B,sBACpC,OAAoB,WAAXA,MAA2B,sBACpC,OAAoB,WAAXA,MAA6B,wBACtC,OAAoB,WAAXA,MAAiC,4BAC1C,OAAoB,WAAXA,MAA0B,qBACnC,OACE,WAAAC,EACA,eAAAC,EACA,uBAAAC,EACA,sBAAAC,MAKK,qBACP,WAAc,qBACd,OAAoB,WAAXJ,MAA0C",
+  "names": ["default", "Marquee", "MarqueeList", "MarqueeImageContent", "MarqueeTextContent"]
 }

package/dist/esm/components/badge.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const badgeVariants: (props?: ({
-    size?: "sm" | "base" | null | undefined;
+    size?: "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }

package/dist/esm/components/badge.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import"react";import{cva as a}from"class-variance-authority";import{cn as n}from"../helpers/index.js";const s=a("inline-flex justify-center text-btn-primary border-btn-primary items-center font-medium rounded-[20px] border px-[10px] py-1 text-xs transition-colors focus:outline-none",{variants:{size:{sm:"text-xs",base:"text-sm"}},defaultVariants:{size:"base"}});function i({className:t,size:e,...r}){return o("div",{className:n(s({size:e}),t),...r})}var f=i;export{f as default};
+import{jsx as p}from"react/jsx-runtime";import"react";import{cva as a}from"class-variance-authority";import{cn as n}from"../helpers/index.js";const o=a("text-brand-0 border-brand-0 inline-flex items-center justify-center rounded-[16px] border-[1.6px] text-xs font-bold backdrop-blur-sm transition-colors focus:outline-none",{variants:{size:{sm:"px-[6px] py-[4px] text-[14px] leading-tight",lg:"px-[8px] py-[4px] text-[16px] leading-tight"}},defaultVariants:{size:"lg"}});function i({className:t,size:e,...r}){return p("div",{className:n(o({size:e}),t),...r})}var l=i;export{l as default};
 //# sourceMappingURL=badge.js.map

package/dist/esm/components/badge.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/badge.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '../helpers/index.js'\n\nconst badgeVariants = cva(\n  'inline-flex justify-center text-btn-primary border-btn-primary items-center font-medium rounded-[20px] border px-[10px] py-1 text-xs transition-colors focus:outline-none',\n  {\n    variants: {\n      size: {\n        sm: 'text-xs',\n        base: 'text-sm',\n      }\n    },\n    defaultVariants: {\n      size: 'base',\n    },\n  }\n)\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> { }\n\nfunction Badge({ className, size, ...props }: BadgeProps) {\n  return <div className={cn(badgeVariants({ size }), className)} {...props} />\n}\n\nexport default Badge\n"],
-  "mappings": "AAuBS,cAAAA,MAAA,oBAvBT,MAAuB,QACvB,OAA4B,OAAAC,MAAW,2BAEvC,OAAS,MAAAC,MAAU,sBAEnB,MAAMC,EAAgBF,EACpB,4KACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,UACJ,KAAM,SACR,CACF,EACA,gBAAiB,CACf,KAAM,MACR,CACF,CACF,EAIA,SAASG,EAAM,CAAE,UAAAC,EAAW,KAAAC,EAAM,GAAGC,CAAM,EAAe,CACxD,OAAOP,EAAC,OAAI,UAAWE,EAAGC,EAAc,CAAE,KAAAG,CAAK,CAAC,EAAGD,CAAS,EAAI,GAAGE,EAAO,CAC5E,CAEA,IAAOC,EAAQJ",
+  "sourcesContent": ["import * as React from 'react'\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '../helpers/index.js'\n\nconst badgeVariants = cva(\n  'text-brand-0 border-brand-0 inline-flex items-center justify-center rounded-[16px] border-[1.6px] text-xs font-bold backdrop-blur-sm transition-colors focus:outline-none',\n  {\n    variants: {\n      size: {\n        sm: 'px-[6px] py-[4px] text-[14px] leading-tight',\n        lg: 'px-[8px] py-[4px] text-[16px] leading-tight',\n      },\n    },\n    defaultVariants: {\n      size: 'lg',\n    },\n  }\n)\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}\n\nfunction Badge({ className, size, ...props }: BadgeProps) {\n  return <div className={cn(badgeVariants({ size }), className)} {...props} />\n}\n\nexport default Badge\n"],
+  "mappings": "AAuBS,cAAAA,MAAA,oBAvBT,MAAuB,QACvB,OAA4B,OAAAC,MAAW,2BAEvC,OAAS,MAAAC,MAAU,sBAEnB,MAAMC,EAAgBF,EACpB,4KACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,8CACJ,GAAI,6CACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CACF,EAIA,SAASG,EAAM,CAAE,UAAAC,EAAW,KAAAC,EAAM,GAAGC,CAAM,EAAe,CACxD,OAAOP,EAAC,OAAI,UAAWE,EAAGC,EAAc,CAAE,KAAAG,CAAK,CAAC,EAAGD,CAAS,EAAI,GAAGE,EAAO,CAC5E,CAEA,IAAOC,EAAQJ",
   "names": ["jsx", "cva", "cn", "badgeVariants", "Badge", "className", "size", "props", "badge_default"]
 }

package/dist/esm/components/button.d.ts

@@ -4,11 +4,10 @@ import { type VariantProps } from 'class-variance-authority';
  * Button Variants
  */
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "nature" | "primary" | "secondary" | "ghost" | null | undefined;
+    variant?: "link" | "primary" | "secondary" | "ghost" | null | undefined;
     size?: "sm" | "base" | "lg" | "icon" | null | undefined;
     hoverEffect?: "none" | "slide" | null | undefined;
     state?: "default" | "disabled" | "loading" | null | undefined;
-    theme?: "dark" | "light" | null | undefined;
 } & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     /** 设置按钮载入状态  */

package/dist/esm/components/button.js

@@ -1,2 +1,2 @@
-"use client";import{Fragment as V,jsx as e,jsxs as B}from"react/jsx-runtime";import*as m from"react";import{Slot as y}from"@radix-ui/react-slot";import{VisuallyHidden as g}from"@radix-ui/react-visually-hidden";import{cva as i}from"class-variance-authority";import v from"../icons/spinner.js";import{cn as h}from"../helpers/index.js";const x=i("ring-offset-background focus-visible:ring-ring rounded-btn inline-flex items-center justify-center text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none",{variants:{variant:{nature:"border border-solid border-black",primary:"bg-btn-primary text-btn-primary-foreground hover:bg-btn-primary-active",secondary:"bg-btn-secondary text-btn-secondary-foreground hover:bg-btn-secondary-active hover:text-btn-secondary border border-solid",link:"text-primary underline-offset-4 hover:underline",ghost:"hover:bg-btn-primary hover:text-btn-primary-foreground"},size:{sm:"px-3 py-2 text-[12px]  leading-tight",base:"px-5 pt-[11px] pb-[10px] text-[14px]  leading-tight",lg:"px-7 pt-[15px] pb-[14px] text-[16px]  leading-tight",icon:"size-10 rounded-full  leading-tight"},hoverEffect:{none:"",slide:""},state:{default:"",disabled:"",loading:""},theme:{dark:"",light:""}},compoundVariants:[{variant:"primary",hoverEffect:"slide",class:'z-[1] before:-z-[1] before:rounded-btn hover:!bg-btn-primary before:bg-btn-primary-active relative overflow-hidden before:absolute before:inset-y-0  before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[""] hover:before:translate-x-0'},{variant:"secondary",hoverEffect:"slide",class:'z-[1] before:-z-[1] before:rounded-btn hover:!bg-btn-secondary before:bg-btn-secondary-active relative overflow-hidden before:absolute before:inset-y-0  before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[""] hover:before:translate-x-0'},{variant:"primary",state:"loading",class:"bg-btn-primary"},{variant:"secondary",state:"loading",class:"bg-btn-secondary disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground"},{variant:"primary",state:"disabled",class:"disabled:bg-btn-primary-disabled disabled:text-btn-primary-disabled-foreground"},{variant:"secondary",state:"disabled",class:"disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground"},{variant:"nature",theme:"dark",class:"bg-transparent text-info-primary"},{variant:"nature",theme:"light",class:"bg-info-primary text-info-white"}],defaultVariants:{variant:"primary",size:"base",hoverEffect:"none",state:"default",theme:"light"}}),k=i("",{variants:{variant:{nature:"stroke-btn-primary-foreground",primary:"stroke-btn-primary-foreground",secondary:"stroke-btn-secondary-foreground",link:"stroke-primary",ghost:"stroke-primary"}},defaultVariants:{variant:"primary"}}),s=m.forwardRef(({asChild:d=!1,size:b="base",children:t,variant:a,theme:l="light",hoverEffect:f="none",className:p,disabled:n=!1,loading:r=!1,spinner:o,...c},u)=>e(d?y:"button",{disabled:n||r,className:h(x({variant:a,size:b,hoverEffect:f,state:r?"loading":n?"disabled":"default",theme:l}),p),ref:u,...c,children:r?B(V,{children:[e("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":!0,children:t}),e("span",{className:"absolute",children:o||e(v,{className:k({variant:a})})}),e(g,{children:t})]}):t}));s.displayName="Button";var L=s;export{L as default};
+"use client";import{Fragment as V,jsx as e,jsxs as k}from"react/jsx-runtime";import*as y from"react";import{Slot as m}from"@radix-ui/react-slot";import{VisuallyHidden as u}from"@radix-ui/react-visually-hidden";import{cva as i}from"class-variance-authority";import v from"../icons/spinner.js";import{cn as g}from"../helpers/index.js";const x=i("ring-offset-background focus-visible:ring-ring rounded-btn inline-flex items-center justify-center border-[1.6px] border-solid text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none",{variants:{variant:{primary:"bg-btn-primary text-btn-primary-foreground hover:bg-btn-primary-active border-info-primary hover:border-btn-primary-active hover:text-btn-primary-active-foreground",secondary:"bg-btn-secondary border-info-primary text-btn-secondary-foreground hover:bg-btn-secondary-active hover:text-btn-secondary border border-solid",link:"text-info-primary hover:text-btn-primary-active border-none underline-offset-4 hover:underline",ghost:"text-info-primary hover:bg-btn-primary hover:text-btn-primary-foreground"},size:{sm:"px-3 py-2 text-[12px]  leading-tight",base:"px-5 pb-[10px] pt-[11px] text-[14px] leading-tight",lg:"px-7 pb-[14px] pt-[15px] text-[16px]  leading-tight",icon:"size-10 rounded-full  leading-tight"},hoverEffect:{none:"",slide:""},state:{default:"",disabled:"",loading:""}},compoundVariants:[{variant:"primary",hoverEffect:"slide",class:'before:rounded-btn hover:!bg-btn-primary before:bg-btn-primary-active relative z-[1] overflow-hidden before:absolute before:inset-y-0 before:-z-[1] before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[""] hover:before:translate-x-0'},{variant:"secondary",hoverEffect:"slide",class:'before:rounded-btn hover:!bg-btn-secondary before:bg-btn-secondary-active relative z-[1] overflow-hidden before:absolute before:inset-y-0 before:-z-[1]  before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[""] hover:before:translate-x-0'},{variant:"primary",state:"loading",class:"bg-btn-primary-active disabled:border-btn-primary-disabled-border"},{variant:"secondary",state:"loading",class:"bg-btn-secondary disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground disabled:border-btn-primary-disabled"},{variant:"primary",state:"disabled",class:"disabled:bg-btn-primary-disabled disabled:text-btn-primary-disabled-foreground disabled:border-btn-primary-disabled"},{variant:"secondary",state:"disabled",class:"disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground disabled:border-btn-secondary-disabled-border"},{variant:"link",state:"disabled",class:"disabled:text-info-quaternary"}],defaultVariants:{variant:"primary",size:"base",hoverEffect:"none",state:"default"}}),h=i("",{variants:{variant:{primary:"stroke-btn-primary-foreground",secondary:"stroke-btn-secondary-foreground",link:"stroke-primary",ghost:"stroke-primary"}},defaultVariants:{variant:"primary"}}),s=y.forwardRef(({asChild:d=!1,size:b="base",children:r,variant:a,hoverEffect:l="none",className:f,disabled:o=!1,loading:t=!1,spinner:n,...p},c)=>e(d?m:"button",{disabled:o||t,className:g(x({variant:a,size:b,hoverEffect:l,state:t?"loading":o?"disabled":"default"}),f),ref:c,...p,children:t?k(V,{children:[e("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":!0,children:r}),e("span",{className:"absolute",children:n||e(v,{className:h({variant:a})})}),e(u,{children:r})]}):r}));s.displayName="Button";var C=s;export{C as default};
 //# sourceMappingURL=button.js.map

package/dist/esm/components/button.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/button.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport Spinner from '../icons/spinner.js'\nimport { cn } from '../helpers/index.js'\n\n/**\n * Button Variants\n */\nconst buttonVariants = cva(\n  'ring-offset-background focus-visible:ring-ring rounded-btn inline-flex items-center justify-center text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none',\n  {\n    variants: {\n      variant: {\n        nature: 'border border-solid border-black',\n        primary: 'bg-btn-primary text-btn-primary-foreground hover:bg-btn-primary-active',\n        secondary:\n          'bg-btn-secondary text-btn-secondary-foreground hover:bg-btn-secondary-active hover:text-btn-secondary border border-solid',\n        link: 'text-primary underline-offset-4 hover:underline',\n        ghost: 'hover:bg-btn-primary hover:text-btn-primary-foreground',\n      },\n      size: {\n        sm: 'px-3 py-2 text-[12px]  leading-tight',\n        base: 'px-5 pt-[11px] pb-[10px] text-[14px]  leading-tight',\n        lg: 'px-7 pt-[15px] pb-[14px] text-[16px]  leading-tight',\n        icon: 'size-10 rounded-full  leading-tight',\n      },\n      /** hover \u72B6\u6001\u4E0B\u7684\u52A8\u753B\u6548\u679C,\u9700\u8981\u6CE8\u610F\u4E0D\u540Cvariant \u4E0B\u7684\u6548\u679C */\n      hoverEffect: {\n        none: '',\n        slide: '',\n      },\n      state: {\n        default: '',\n        disabled: '',\n        loading: '',\n      },\n      theme: {\n        dark: '',\n        light: '',\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'primary',\n        hoverEffect: 'slide',\n        class:\n          'z-[1] before:-z-[1] before:rounded-btn hover:!bg-btn-primary before:bg-btn-primary-active relative overflow-hidden before:absolute before:inset-y-0  before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[\"\"] hover:before:translate-x-0',\n      },\n      {\n        variant: 'secondary',\n        hoverEffect: 'slide',\n        class:\n          'z-[1] before:-z-[1] before:rounded-btn hover:!bg-btn-secondary before:bg-btn-secondary-active relative overflow-hidden before:absolute before:inset-y-0  before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[\"\"] hover:before:translate-x-0',\n      },\n      {\n        variant: 'primary',\n        state: 'loading',\n        class: 'bg-btn-primary',\n      },\n      {\n        variant: 'secondary',\n        state: 'loading',\n        class: 'bg-btn-secondary disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground',\n      },\n      {\n        variant: 'primary',\n        state: 'disabled',\n        class: 'disabled:bg-btn-primary-disabled disabled:text-btn-primary-disabled-foreground',\n      },\n      {\n        variant: 'secondary',\n        state: 'disabled',\n        class: 'disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground',\n      },\n      {\n        variant: 'nature',\n        theme: 'dark',\n        class: 'bg-transparent text-info-primary',\n      },\n      {\n        variant: 'nature',\n        theme: 'light',\n        class: 'bg-info-primary text-info-white',\n      },\n    ],\n    defaultVariants: {\n      variant: 'primary',\n      size: 'base',\n      hoverEffect: 'none',\n      state: 'default',\n      theme: 'light',\n    },\n  }\n)\n\nconst loadingSvgVariants = cva('', {\n  variants: {\n    variant: {\n      nature: 'stroke-btn-primary-foreground',\n      primary: 'stroke-btn-primary-foreground',\n      secondary: 'stroke-btn-secondary-foreground',\n      link: 'stroke-primary',\n      ghost: 'stroke-primary',\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n  },\n})\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n  VariantProps<typeof buttonVariants> {\n  /** \u8BBE\u7F6E\u6309\u94AE\u8F7D\u5165\u72B6\u6001  */\n  loading?: boolean\n  /** \u8BBE\u7F6E\u6309\u94AE\u5931\u6548\u72B6\u6001  */\n  disabled?: boolean\n  /** \u5B9A\u4E49\u81EA\u7EC4\u4EF6\u4F5C\u4E3A\u7236\u7EC4\u4EF6\u7684\u7C7B\u578B\uFF0C \u8BE6\u7EC6\u4F7F\u7528\u65B9\u5F0F\u8BF7\u53C2\u8003radix-ui */\n  asChild?: boolean\n  /** \u81EA\u5B9A\u4E49loading  */\n  spinner?: React.ReactNode\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      asChild = false,\n      size = 'base',\n      children,\n      variant,\n      theme = 'light',\n      hoverEffect = 'none',\n      className,\n      disabled = false,\n      loading = false,\n      spinner,\n      ...props\n    }: ButtonProps,\n    ref\n  ) => {\n    const Comp = asChild ? Slot : 'button'\n    const isInactive = disabled || loading\n    const state = loading ? 'loading' : disabled ? 'disabled' : 'default'\n\n    return (\n      <Comp\n        disabled={isInactive}\n        className={cn(buttonVariants({ variant, size, hoverEffect, state, theme }), className)}\n        ref={ref}\n        {...props}\n      >\n        {loading ? (\n          <>\n            <span style={{ display: 'contents', visibility: 'hidden' }} aria-hidden>\n              {children}\n            </span>\n            <span className=\"absolute\">\n              {spinner ? (\n                spinner\n              ) : (\n                <Spinner\n                  className={loadingSvgVariants({\n                    variant,\n                  })}\n                />\n              )}\n            </span>\n            <VisuallyHidden>{children}</VisuallyHidden>\n          </>\n        ) : (\n          children\n        )}\n      </Comp>\n    )\n  }\n)\n\nButton.displayName = 'Button'\nexport default Button\n"],
-  "mappings": "aA4JU,mBAAAA,EACE,OAAAC,EADF,QAAAC,MAAA,oBA1JV,UAAYC,MAAW,QACvB,OAAS,QAAAC,MAAY,uBACrB,OAAS,kBAAAC,MAAsB,kCAC/B,OAA4B,OAAAC,MAAW,2BACvC,OAAOC,MAAa,sBACpB,OAAS,MAAAC,MAAU,sBAKnB,MAAMC,EAAiBH,EACrB,oPACA,CACE,SAAU,CACR,QAAS,CACP,OAAQ,mCACR,QAAS,yEACT,UACE,4HACF,KAAM,kDACN,MAAO,wDACT,EACA,KAAM,CACJ,GAAI,uCACJ,KAAM,sDACN,GAAI,sDACJ,KAAM,qCACR,EAEA,YAAa,CACX,KAAM,GACN,MAAO,EACT,EACA,MAAO,CACL,QAAS,GACT,SAAU,GACV,QAAS,EACX,EACA,MAAO,CACL,KAAM,GACN,MAAO,EACT,CACF,EACA,iBAAkB,CAChB,CACE,QAAS,UACT,YAAa,QACb,MACE,+SACJ,EACA,CACE,QAAS,YACT,YAAa,QACb,MACE,mTACJ,EACA,CACE,QAAS,UACT,MAAO,UACP,MAAO,gBACT,EACA,CACE,QAAS,YACT,MAAO,UACP,MAAO,qGACT,EACA,CACE,QAAS,UACT,MAAO,WACP,MAAO,gFACT,EACA,CACE,QAAS,YACT,MAAO,WACP,MAAO,oFACT,EACA,CACE,QAAS,SACT,MAAO,OACP,MAAO,kCACT,EACA,CACE,QAAS,SACT,MAAO,QACP,MAAO,iCACT,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,OACN,YAAa,OACb,MAAO,UACP,MAAO,OACT,CACF,CACF,EAEMI,EAAqBJ,EAAI,GAAI,CACjC,SAAU,CACR,QAAS,CACP,OAAQ,gCACR,QAAS,gCACT,UAAW,kCACX,KAAM,iBACN,MAAO,gBACT,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CAAC,EAeKK,EAASR,EAAM,WACnB,CACE,CACE,QAAAS,EAAU,GACV,KAAAC,EAAO,OACP,SAAAC,EACA,QAAAC,EACA,MAAAC,EAAQ,QACR,YAAAC,EAAc,OACd,UAAAC,EACA,SAAAC,EAAW,GACX,QAAAC,EAAU,GACV,QAAAC,EACA,GAAGC,CACL,EACAC,IAOEtB,EALWW,EAAUR,EAAO,SAK3B,CACC,SALee,GAAYC,EAM3B,UAAWZ,EAAGC,EAAe,CAAE,QAAAM,EAAS,KAAAF,EAAM,YAAAI,EAAa,MALjDG,EAAU,UAAYD,EAAW,WAAa,UAKU,MAAAH,CAAM,CAAC,EAAGE,CAAS,EACrF,IAAKK,EACJ,GAAGD,EAEH,SAAAF,EACClB,EAAAF,EAAA,CACE,UAAAC,EAAC,QAAK,MAAO,CAAE,QAAS,WAAY,WAAY,QAAS,EAAG,cAAW,GACpE,SAAAa,EACH,EACAb,EAAC,QAAK,UAAU,WACb,SAAAoB,GAGCpB,EAACM,EAAA,CACC,UAAWG,EAAmB,CAC5B,QAAAK,CACF,CAAC,EACH,EAEJ,EACAd,EAACI,EAAA,CAAgB,SAAAS,EAAS,GAC5B,EAEAA,EAEJ,CAGN,EAEAH,EAAO,YAAc,SACrB,IAAOa,EAAQb",
-  "names": ["Fragment", "jsx", "jsxs", "React", "Slot", "VisuallyHidden", "cva", "Spinner", "cn", "buttonVariants", "loadingSvgVariants", "Button", "asChild", "size", "children", "variant", "theme", "hoverEffect", "className", "disabled", "loading", "spinner", "props", "ref", "button_default"]
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport Spinner from '../icons/spinner.js'\nimport { cn } from '../helpers/index.js'\n\n/**\n * Button Variants\n */\n// eslint-disable-next-line tailwindcss/enforces-negative-arbitrary-values\nconst buttonVariants = cva(\n  'ring-offset-background focus-visible:ring-ring rounded-btn inline-flex items-center justify-center border-[1.6px] border-solid text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none',\n  {\n    variants: {\n      variant: {\n        primary:\n          'bg-btn-primary text-btn-primary-foreground hover:bg-btn-primary-active border-info-primary hover:border-btn-primary-active hover:text-btn-primary-active-foreground',\n        secondary:\n          'bg-btn-secondary border-info-primary text-btn-secondary-foreground hover:bg-btn-secondary-active hover:text-btn-secondary border border-solid',\n        link: 'text-info-primary hover:text-btn-primary-active border-none underline-offset-4 hover:underline',\n        ghost: 'text-info-primary hover:bg-btn-primary hover:text-btn-primary-foreground',\n      },\n      size: {\n        sm: 'px-3 py-2 text-[12px]  leading-tight',\n        base: 'px-5 pb-[10px] pt-[11px] text-[14px] leading-tight',\n        lg: 'px-7 pb-[14px] pt-[15px] text-[16px]  leading-tight',\n        icon: 'size-10 rounded-full  leading-tight',\n      },\n      /** hover \u72B6\u6001\u4E0B\u7684\u52A8\u753B\u6548\u679C,\u9700\u8981\u6CE8\u610F\u4E0D\u540Cvariant \u4E0B\u7684\u6548\u679C */\n      hoverEffect: {\n        none: '',\n        slide: '',\n      },\n      state: {\n        default: '',\n        disabled: '',\n        loading: '',\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'primary',\n        hoverEffect: 'slide',\n        class:\n          'before:rounded-btn hover:!bg-btn-primary before:bg-btn-primary-active relative z-[1] overflow-hidden before:absolute before:inset-y-0 before:-z-[1] before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[\"\"] hover:before:translate-x-0',\n      },\n      {\n        variant: 'secondary',\n        hoverEffect: 'slide',\n        class:\n          'before:rounded-btn hover:!bg-btn-secondary before:bg-btn-secondary-active relative z-[1] overflow-hidden before:absolute before:inset-y-0 before:-z-[1]  before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[\"\"] hover:before:translate-x-0',\n      },\n      {\n        variant: 'primary',\n        state: 'loading',\n        class: 'bg-btn-primary-active disabled:border-btn-primary-disabled-border',\n      },\n      {\n        variant: 'secondary',\n        state: 'loading',\n        class:\n          'bg-btn-secondary disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground disabled:border-btn-primary-disabled',\n      },\n      {\n        variant: 'primary',\n        state: 'disabled',\n        class:\n          'disabled:bg-btn-primary-disabled disabled:text-btn-primary-disabled-foreground disabled:border-btn-primary-disabled',\n      },\n      {\n        variant: 'secondary',\n        state: 'disabled',\n        class:\n          'disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground disabled:border-btn-secondary-disabled-border',\n      },\n      {\n        variant: 'link',\n        state: 'disabled',\n        class: 'disabled:text-info-quaternary',\n      },\n    ],\n    defaultVariants: {\n      variant: 'primary',\n      size: 'base',\n      hoverEffect: 'none',\n      state: 'default',\n    },\n  }\n)\n\nconst loadingSvgVariants = cva('', {\n  variants: {\n    variant: {\n      primary: 'stroke-btn-primary-foreground',\n      secondary: 'stroke-btn-secondary-foreground',\n      link: 'stroke-primary',\n      ghost: 'stroke-primary',\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n  },\n})\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  /** \u8BBE\u7F6E\u6309\u94AE\u8F7D\u5165\u72B6\u6001  */\n  loading?: boolean\n  /** \u8BBE\u7F6E\u6309\u94AE\u5931\u6548\u72B6\u6001  */\n  disabled?: boolean\n  /** \u5B9A\u4E49\u81EA\u7EC4\u4EF6\u4F5C\u4E3A\u7236\u7EC4\u4EF6\u7684\u7C7B\u578B\uFF0C \u8BE6\u7EC6\u4F7F\u7528\u65B9\u5F0F\u8BF7\u53C2\u8003radix-ui */\n  asChild?: boolean\n  /** \u81EA\u5B9A\u4E49loading  */\n  spinner?: React.ReactNode\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      asChild = false,\n      size = 'base',\n      children,\n      variant,\n\n      hoverEffect = 'none',\n      className,\n      disabled = false,\n      loading = false,\n      spinner,\n      ...props\n    }: ButtonProps,\n    ref\n  ) => {\n    const Comp = asChild ? Slot : 'button'\n    const isInactive = disabled || loading\n    const state = loading ? 'loading' : disabled ? 'disabled' : 'default'\n\n    return (\n      <Comp\n        disabled={isInactive}\n        className={cn(buttonVariants({ variant, size, hoverEffect, state }), className)}\n        ref={ref}\n        {...props}\n      >\n        {loading ? (\n          <>\n            <span style={{ display: 'contents', visibility: 'hidden' }} aria-hidden>\n              {children}\n            </span>\n            <span className=\"absolute\">\n              {spinner ? (\n                spinner\n              ) : (\n                <Spinner\n                  className={loadingSvgVariants({\n                    variant,\n                  })}\n                />\n              )}\n            </span>\n            <VisuallyHidden>{children}</VisuallyHidden>\n          </>\n        ) : (\n          children\n        )}\n      </Comp>\n    )\n  }\n)\n\nButton.displayName = 'Button'\nexport default Button\n"],
+  "mappings": "aAqJU,mBAAAA,EACE,OAAAC,EADF,QAAAC,MAAA,oBAnJV,UAAYC,MAAW,QACvB,OAAS,QAAAC,MAAY,uBACrB,OAAS,kBAAAC,MAAsB,kCAC/B,OAA4B,OAAAC,MAAW,2BACvC,OAAOC,MAAa,sBACpB,OAAS,MAAAC,MAAU,sBAMnB,MAAMC,EAAiBH,EACrB,gRACA,CACE,SAAU,CACR,QAAS,CACP,QACE,sKACF,UACE,gJACF,KAAM,iGACN,MAAO,0EACT,EACA,KAAM,CACJ,GAAI,uCACJ,KAAM,qDACN,GAAI,sDACJ,KAAM,qCACR,EAEA,YAAa,CACX,KAAM,GACN,MAAO,EACT,EACA,MAAO,CACL,QAAS,GACT,SAAU,GACV,QAAS,EACX,CACF,EACA,iBAAkB,CAChB,CACE,QAAS,UACT,YAAa,QACb,MACE,8SACJ,EACA,CACE,QAAS,YACT,YAAa,QACb,MACE,mTACJ,EACA,CACE,QAAS,UACT,MAAO,UACP,MAAO,mEACT,EACA,CACE,QAAS,YACT,MAAO,UACP,MACE,0IACJ,EACA,CACE,QAAS,UACT,MAAO,WACP,MACE,qHACJ,EACA,CACE,QAAS,YACT,MAAO,WACP,MACE,kIACJ,EACA,CACE,QAAS,OACT,MAAO,WACP,MAAO,+BACT,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,OACN,YAAa,OACb,MAAO,SACT,CACF,CACF,EAEMI,EAAqBJ,EAAI,GAAI,CACjC,SAAU,CACR,QAAS,CACP,QAAS,gCACT,UAAW,kCACX,KAAM,iBACN,MAAO,gBACT,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CAAC,EAeKK,EAASR,EAAM,WACnB,CACE,CACE,QAAAS,EAAU,GACV,KAAAC,EAAO,OACP,SAAAC,EACA,QAAAC,EAEA,YAAAC,EAAc,OACd,UAAAC,EACA,SAAAC,EAAW,GACX,QAAAC,EAAU,GACV,QAAAC,EACA,GAAGC,CACL,EACAC,IAOErB,EALWW,EAAUR,EAAO,SAK3B,CACC,SALec,GAAYC,EAM3B,UAAWX,EAAGC,EAAe,CAAE,QAAAM,EAAS,KAAAF,EAAM,YAAAG,EAAa,MALjDG,EAAU,UAAYD,EAAW,WAAa,SAKS,CAAC,EAAGD,CAAS,EAC9E,IAAKK,EACJ,GAAGD,EAEH,SAAAF,EACCjB,EAAAF,EAAA,CACE,UAAAC,EAAC,QAAK,MAAO,CAAE,QAAS,WAAY,WAAY,QAAS,EAAG,cAAW,GACpE,SAAAa,EACH,EACAb,EAAC,QAAK,UAAU,WACb,SAAAmB,GAGCnB,EAACM,EAAA,CACC,UAAWG,EAAmB,CAC5B,QAAAK,CACF,CAAC,EACH,EAEJ,EACAd,EAACI,EAAA,CAAgB,SAAAS,EAAS,GAC5B,EAEAA,EAEJ,CAGN,EAEAH,EAAO,YAAc,SACrB,IAAOY,EAAQZ",
+  "names": ["Fragment", "jsx", "jsxs", "React", "Slot", "VisuallyHidden", "cva", "Spinner", "cn", "buttonVariants", "loadingSvgVariants", "Button", "asChild", "size", "children", "variant", "hoverEffect", "className", "disabled", "loading", "spinner", "props", "ref", "button_default"]
 }

package/dist/esm/components/checkbox.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as e}from"react/jsx-runtime";import*as n from"react";import*as o from"@radix-ui/react-checkbox";import{CheckIcon as f}from"@radix-ui/react-icons";import{cn as i}from"../helpers/index.js";import{cva as b}from"class-variance-authority";const p=b("border-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground peer shrink-0 rounded-sm border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-btn-primary-disabled",{variants:{size:{sm:"size-[14px]",base:"size-4",lg:"size-5"}},defaultVariants:{size:"base"}}),r=n.forwardRef(({className:t,size:s,...a},c)=>e(o.Root,{ref:c,className:i(p({size:s}),t),...a,children:e(o.Indicator,{className:i("flex items-center justify-center text-current w-full h-full"),children:e(f,{})})}));r.displayName="Checkbox";var h=r;export{h as default};
+"use client";import{jsx as e}from"react/jsx-runtime";import*as n from"react";import*as o from"@radix-ui/react-checkbox";import{CheckIcon as b}from"@radix-ui/react-icons";import{cn as i}from"../helpers/index.js";import{cva as f}from"class-variance-authority";const p=f("border-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground disabled:bg-btn-primary-disabled peer shrink-0 rounded-sm border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",{variants:{size:{sm:"size-[14px]",base:"size-4",lg:"size-5"}},defaultVariants:{size:"base"}}),r=n.forwardRef(({className:t,size:s,...a},c)=>e(o.Root,{ref:c,className:i(p({size:s}),t),...a,children:e(o.Indicator,{className:i("flex size-full items-center justify-center text-current"),children:e(b,{})})}));r.displayName="Checkbox";var x=r;export{x as default};
 //# sourceMappingURL=checkbox.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/checkbox.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { CheckIcon } from '@radix-ui/react-icons'\n\nimport { cn } from '../helpers/index.js'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nconst checkboxVariants = cva(\n  'border-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground peer shrink-0 rounded-sm border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-btn-primary-disabled',\n  {\n    variants: {\n      size: {\n        sm: 'size-[14px]',\n        base: 'size-4',\n        lg: 'size-5',\n      },\n    },\n    defaultVariants: {\n      size: 'base',\n    },\n  }\n)\n\ninterface CheckboxProps\n  extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>,\n    VariantProps<typeof checkboxVariants> {}\n\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxProps>(\n  ({ className, size, ...props }, ref) => (\n    <CheckboxPrimitive.Root ref={ref} className={cn(checkboxVariants({ size }), className)} {...props}>\n      <CheckboxPrimitive.Indicator className={cn('flex items-center justify-center text-current w-full h-full')}>\n        <CheckIcon />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n)\nCheckbox.displayName = 'Checkbox'\n\nexport default Checkbox\nexport type { CheckboxProps }\n"],
-  "mappings": "aAiCQ,cAAAA,MAAA,oBA/BR,UAAYC,MAAW,QACvB,UAAYC,MAAuB,2BACnC,OAAS,aAAAC,MAAiB,wBAE1B,OAAS,MAAAC,MAAU,sBACnB,OAAS,OAAAC,MAA8B,2BAEvC,MAAMC,EAAmBD,EACvB,0UACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,cACJ,KAAM,SACN,GAAI,QACN,CACF,EACA,gBAAiB,CACf,KAAM,MACR,CACF,CACF,EAMME,EAAWN,EAAM,WACrB,CAAC,CAAE,UAAAO,EAAW,KAAAC,EAAM,GAAGC,CAAM,EAAGC,IAC9BX,EAACE,EAAkB,KAAlB,CAAuB,IAAKS,EAAK,UAAWP,EAAGE,EAAiB,CAAE,KAAAG,CAAK,CAAC,EAAGD,CAAS,EAAI,GAAGE,EAC1F,SAAAV,EAACE,EAAkB,UAAlB,CAA4B,UAAWE,EAAG,6DAA6D,EACtG,SAAAJ,EAACG,EAAA,EAAU,EACb,EACF,CAEJ,EACAI,EAAS,YAAc,WAEvB,IAAOK,EAAQL",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { CheckIcon } from '@radix-ui/react-icons'\n\nimport { cn } from '../helpers/index.js'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nconst checkboxVariants = cva(\n  'border-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground disabled:bg-btn-primary-disabled peer shrink-0 rounded-sm border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n  {\n    variants: {\n      size: {\n        sm: 'size-[14px]',\n        base: 'size-4',\n        lg: 'size-5',\n      },\n    },\n    defaultVariants: {\n      size: 'base',\n    },\n  }\n)\n\ninterface CheckboxProps\n  extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>,\n    VariantProps<typeof checkboxVariants> {}\n\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxProps>(\n  ({ className, size, ...props }, ref) => (\n    <CheckboxPrimitive.Root ref={ref} className={cn(checkboxVariants({ size }), className)} {...props}>\n      <CheckboxPrimitive.Indicator className={cn('flex size-full items-center justify-center text-current')}>\n        <CheckIcon />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n)\nCheckbox.displayName = 'Checkbox'\n\nexport default Checkbox\nexport type { CheckboxProps }\n"],
+  "mappings": "aAiCQ,cAAAA,MAAA,oBA/BR,UAAYC,MAAW,QACvB,UAAYC,MAAuB,2BACnC,OAAS,aAAAC,MAAiB,wBAE1B,OAAS,MAAAC,MAAU,sBACnB,OAAS,OAAAC,MAA8B,2BAEvC,MAAMC,EAAmBD,EACvB,0UACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,cACJ,KAAM,SACN,GAAI,QACN,CACF,EACA,gBAAiB,CACf,KAAM,MACR,CACF,CACF,EAMME,EAAWN,EAAM,WACrB,CAAC,CAAE,UAAAO,EAAW,KAAAC,EAAM,GAAGC,CAAM,EAAGC,IAC9BX,EAACE,EAAkB,KAAlB,CAAuB,IAAKS,EAAK,UAAWP,EAAGE,EAAiB,CAAE,KAAAG,CAAK,CAAC,EAAGD,CAAS,EAAI,GAAGE,EAC1F,SAAAV,EAACE,EAAkB,UAAlB,CAA4B,UAAWE,EAAG,yDAAyD,EAClG,SAAAJ,EAACG,EAAA,EAAU,EACb,EACF,CAEJ,EACAI,EAAS,YAAc,WAEvB,IAAOK,EAAQL",
   "names": ["jsx", "React", "CheckboxPrimitive", "CheckIcon", "cn", "cva", "checkboxVariants", "Checkbox", "className", "size", "props", "ref", "checkbox_default"]
 }

package/dist/esm/components/container.js

@@ -1,2 +1,2 @@
-import{jsx as l}from"react/jsx-runtime";import m from"react";import{cn as i}from"../helpers/utils.js";import{Slot as s}from"@radix-ui/react-slot";const o=m.forwardRef(({...e},t)=>{const{asChild:n,children:r,className:a,...p}=e;return l(n?s:"div",{...p,ref:t,className:i("box-border max-w-[1664px] mx-4 tablet:mx-8 laptop:mx-16 desktop:mx-16 lg-desktop:mx-auto ",a),children:r})});o.displayName="Container";export{o as Container};
+"use client";import{jsx as l}from"react/jsx-runtime";import m from"react";import{cn as i}from"../helpers/utils.js";import{Slot as s}from"@radix-ui/react-slot";const e=m.forwardRef(({...o},t)=>{const{asChild:n,children:r,className:a,...p}=o;return l(n?s:"div",{...p,ref:t,className:i("tablet:mx-8 laptop:mx-16 desktop:mx-16 lg-desktop:mx-auto mx-4 box-border max-w-[1664px] ",a),children:r})});e.displayName="Container";export{e as Container};
 //# sourceMappingURL=container.js.map

package/dist/esm/components/container.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/container.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { cn } from '../helpers/utils.js'\nimport { Slot } from '@radix-ui/react-slot'\n\ntype ContainerElement = React.ElementRef<'div'>\ntype ContainerProps = {\n  asChild?: boolean\n  children?: React.ReactNode\n  className?: string\n} & React.ComponentPropsWithoutRef<'div'>\nconst Container = React.forwardRef<ContainerElement, ContainerProps>(({ ...props }, forwardedRef) => {\n  const { asChild, children, className, ...containerProps } = props\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      {...containerProps}\n      ref={forwardedRef}\n      className={cn(\"box-border max-w-[1664px] mx-4 tablet:mx-8 laptop:mx-16 desktop:mx-16 lg-desktop:mx-auto \", className)}\n    >\n      {children}\n    </Comp>\n  )\n})\nContainer.displayName = 'Container'\n\nexport { Container }\nexport type { ContainerProps }\n"],
-  "mappings": "AAeI,cAAAA,MAAA,oBAfJ,OAAOC,MAAW,QAClB,OAAS,MAAAC,MAAU,sBACnB,OAAS,QAAAC,MAAY,uBAQrB,MAAMC,EAAYH,EAAM,WAA6C,CAAC,CAAE,GAAGI,CAAM,EAAGC,IAAiB,CACnG,KAAM,CAAE,QAAAC,EAAS,SAAAC,EAAU,UAAAC,EAAW,GAAGC,CAAe,EAAIL,EAG5D,OACEL,EAHWO,EAAUJ,EAAO,MAG3B,CACE,GAAGO,EACJ,IAAKJ,EACL,UAAWJ,EAAG,4FAA6FO,CAAS,EAEnH,SAAAD,EACH,CAEJ,CAAC,EACDJ,EAAU,YAAc",
+  "sourcesContent": ["'use client'\nimport React from 'react'\nimport { cn } from '../helpers/utils.js'\nimport { Slot } from '@radix-ui/react-slot'\n\ntype ContainerElement = React.ElementRef<'div'>\ntype ContainerProps = {\n  asChild?: boolean\n  children?: React.ReactNode\n  className?: string\n} & React.ComponentPropsWithoutRef<'div'>\nconst Container = React.forwardRef<ContainerElement, ContainerProps>(({ ...props }, forwardedRef) => {\n  const { asChild, children, className, ...containerProps } = props\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      {...containerProps}\n      ref={forwardedRef}\n      className={cn(\n        'tablet:mx-8 laptop:mx-16 desktop:mx-16 lg-desktop:mx-auto mx-4 box-border max-w-[1664px] ',\n        className\n      )}\n    >\n      {children}\n    </Comp>\n  )\n})\nContainer.displayName = 'Container'\n\nexport { Container }\nexport type { ContainerProps }\n"],
+  "mappings": "aAgBI,cAAAA,MAAA,oBAfJ,OAAOC,MAAW,QAClB,OAAS,MAAAC,MAAU,sBACnB,OAAS,QAAAC,MAAY,uBAQrB,MAAMC,EAAYH,EAAM,WAA6C,CAAC,CAAE,GAAGI,CAAM,EAAGC,IAAiB,CACnG,KAAM,CAAE,QAAAC,EAAS,SAAAC,EAAU,UAAAC,EAAW,GAAGC,CAAe,EAAIL,EAG5D,OACEL,EAHWO,EAAUJ,EAAO,MAG3B,CACE,GAAGO,EACJ,IAAKJ,EACL,UAAWJ,EACT,4FACAO,CACF,EAEC,SAAAD,EACH,CAEJ,CAAC,EACDJ,EAAU,YAAc",
   "names": ["jsx", "React", "cn", "Slot", "Container", "props", "forwardedRef", "asChild", "children", "className", "containerProps"]
 }

package/dist/esm/components/dialog.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as o,jsxs as r}from"react/jsx-runtime";import*as s from"react";import*as e from"@radix-ui/react-dialog";import{Cross2Icon as u}from"@radix-ui/react-icons";import{cn as l}from"../helpers/index.js";const d=e.Root;d.displayName="Dialog";const R=e.Trigger,c=e.Portal,v=e.Close,n=s.forwardRef(({className:t,...a},i)=>o(e.Overlay,{ref:i,className:l("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0  fixed inset-0 z-50 bg-black/80",t),...a}));n.displayName=e.Overlay.displayName;const f=s.forwardRef(({className:t,children:a,...i},y)=>r(c,{children:[o(n,{}),r(e.Content,{ref:y,className:l("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200 tablet:rounded-lg",t),...i,children:[a,r(e.Close,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none",children:[o(u,{className:"size-4"}),o("span",{className:"sr-only",children:"Close"})]})]})]}));f.displayName=e.Content.displayName;const m=({className:t,...a})=>o("div",{className:l("flex flex-col space-y-1.5 text-center tablet:text-left",t),...a});m.displayName="DialogHeader";const p=({className:t,...a})=>o("div",{className:l("flex flex-col-reverse tablet:flex-row tablet:justify-end tablet:space-x-2",t),...a});p.displayName="DialogFooter";const g=s.forwardRef(({className:t,...a},i)=>o(e.Title,{ref:i,className:l("text-lg font-semibold leading-none tracking-tight",t),...a}));g.displayName=e.Title.displayName;const D=s.forwardRef(({className:t,...a},i)=>o(e.Description,{ref:i,className:l("text-muted-foreground text-sm",t),...a}));D.displayName=e.Description.displayName;export{d as Dialog,v as DialogClose,f as DialogContent,D as DialogDescription,p as DialogFooter,m as DialogHeader,n as DialogOverlay,c as DialogPortal,g as DialogTitle,R as DialogTrigger};
+"use client";import{jsx as o,jsxs as r}from"react/jsx-runtime";import*as s from"react";import*as e from"@radix-ui/react-dialog";import{Cross2Icon as u}from"@radix-ui/react-icons";import{cn as l}from"../helpers/index.js";const d=e.Root;d.displayName="Dialog";const R=e.Trigger,c=e.Portal,v=e.Close,n=s.forwardRef(({className:t,...a},i)=>o(e.Overlay,{ref:i,className:l("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0  fixed inset-0 z-50 bg-black/80",t),...a}));n.displayName=e.Overlay.displayName;const f=s.forwardRef(({className:t,children:a,...i},y)=>r(c,{children:[o(n,{}),r(e.Content,{ref:y,className:l("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] tablet:rounded-lg fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200",t),...i,children:[a,r(e.Close,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none",children:[o(u,{className:"size-4"}),o("span",{className:"sr-only",children:"Close"})]})]})]}));f.displayName=e.Content.displayName;const m=({className:t,...a})=>o("div",{className:l("tablet:text-left flex flex-col space-y-1.5 text-center",t),...a});m.displayName="DialogHeader";const p=({className:t,...a})=>o("div",{className:l("tablet:flex-row tablet:justify-end tablet:space-x-2 flex flex-col-reverse",t),...a});p.displayName="DialogFooter";const g=s.forwardRef(({className:t,...a},i)=>o(e.Title,{ref:i,className:l("text-lg font-semibold leading-none tracking-tight",t),...a}));g.displayName=e.Title.displayName;const D=s.forwardRef(({className:t,...a},i)=>o(e.Description,{ref:i,className:l("text-muted-foreground text-sm",t),...a}));D.displayName=e.Description.displayName;export{d as Dialog,v as DialogClose,f as DialogContent,D as DialogDescription,p as DialogFooter,m as DialogHeader,n as DialogOverlay,c as DialogPortal,g as DialogTitle,R as DialogTrigger};
 //# sourceMappingURL=dialog.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/dialog.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { Cross2Icon } from '@radix-ui/react-icons'\n\nimport { cn } from '../helpers/index.js'\n\nconst Dialog = DialogPrimitive.Root\nDialog.displayName = 'Dialog'\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0  fixed inset-0 z-50 bg-black/80',\n      className\n    )}\n    {...props}\n  />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200 tablet:rounded-lg',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <DialogPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none\">\n        <Cross2Icon className=\"size-4\" />\n        <span className=\"sr-only\">Close</span>\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col space-y-1.5 text-center tablet:text-left', className)} {...props} />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col-reverse tablet:flex-row tablet:justify-end tablet:space-x-2', className)} {...props} />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n    {...props}\n  />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n}\n"],
-  "mappings": "aAqBE,cAAAA,EA0BI,QAAAC,MA1BJ,oBAnBF,UAAYC,MAAW,QACvB,UAAYC,MAAqB,yBACjC,OAAS,cAAAC,MAAkB,wBAE3B,OAAS,MAAAC,MAAU,sBAEnB,MAAMC,EAASH,EAAgB,KAC/BG,EAAO,YAAc,SAErB,MAAMC,EAAgBJ,EAAgB,QAEhCK,EAAeL,EAAgB,OAE/BM,EAAcN,EAAgB,MAE9BO,EAAgBR,EAAM,WAG1B,CAAC,CAAE,UAAAS,EAAW,GAAGC,CAAM,EAAGC,IAC1Bb,EAACG,EAAgB,QAAhB,CACC,IAAKU,EACL,UAAWR,EACT,0JACAM,CACF,EACC,GAAGC,EACN,CACD,EACDF,EAAc,YAAcP,EAAgB,QAAQ,YAEpD,MAAMW,EAAgBZ,EAAM,WAG1B,CAAC,CAAE,UAAAS,EAAW,SAAAI,EAAU,GAAGH,CAAM,EAAGC,IACpCZ,EAACO,EAAA,CACC,UAAAR,EAACU,EAAA,EAAc,EACfT,EAACE,EAAgB,QAAhB,CACC,IAAKU,EACL,UAAWR,EACT,0fACAM,CACF,EACC,GAAGC,EAEH,UAAAG,EACDd,EAACE,EAAgB,MAAhB,CAAsB,UAAU,gRAC/B,UAAAH,EAACI,EAAA,CAAW,UAAU,SAAS,EAC/BJ,EAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,GACF,CACD,EACDc,EAAc,YAAcX,EAAgB,QAAQ,YAEpD,MAAMa,EAAe,CAAC,CAAE,UAAAL,EAAW,GAAGC,CAAM,IAC1CZ,EAAC,OAAI,UAAWK,EAAG,yDAA0DM,CAAS,EAAI,GAAGC,EAAO,EAEtGI,EAAa,YAAc,eAE3B,MAAMC,EAAe,CAAC,CAAE,UAAAN,EAAW,GAAGC,CAAM,IAC1CZ,EAAC,OAAI,UAAWK,EAAG,4EAA6EM,CAAS,EAAI,GAAGC,EAAO,EAEzHK,EAAa,YAAc,eAE3B,MAAMC,EAAchB,EAAM,WAGxB,CAAC,CAAE,UAAAS,EAAW,GAAGC,CAAM,EAAGC,IAC1Bb,EAACG,EAAgB,MAAhB,CACC,IAAKU,EACL,UAAWR,EAAG,oDAAqDM,CAAS,EAC3E,GAAGC,EACN,CACD,EACDM,EAAY,YAAcf,EAAgB,MAAM,YAEhD,MAAMgB,EAAoBjB,EAAM,WAG9B,CAAC,CAAE,UAAAS,EAAW,GAAGC,CAAM,EAAGC,IAC1Bb,EAACG,EAAgB,YAAhB,CAA4B,IAAKU,EAAK,UAAWR,EAAG,gCAAiCM,CAAS,EAAI,GAAGC,EAAO,CAC9G,EACDO,EAAkB,YAAchB,EAAgB,YAAY",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { Cross2Icon } from '@radix-ui/react-icons'\n\nimport { cn } from '../helpers/index.js'\n\nconst Dialog = DialogPrimitive.Root\nDialog.displayName = 'Dialog'\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0  fixed inset-0 z-50 bg-black/80',\n      className\n    )}\n    {...props}\n  />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] tablet:rounded-lg fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <DialogPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none\">\n        <Cross2Icon className=\"size-4\" />\n        <span className=\"sr-only\">Close</span>\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('tablet:text-left flex flex-col space-y-1.5 text-center', className)} {...props} />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('tablet:flex-row tablet:justify-end tablet:space-x-2 flex flex-col-reverse', className)}\n    {...props}\n  />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n    {...props}\n  />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n}\n"],
+  "mappings": "aAqBE,cAAAA,EA0BI,QAAAC,MA1BJ,oBAnBF,UAAYC,MAAW,QACvB,UAAYC,MAAqB,yBACjC,OAAS,cAAAC,MAAkB,wBAE3B,OAAS,MAAAC,MAAU,sBAEnB,MAAMC,EAASH,EAAgB,KAC/BG,EAAO,YAAc,SAErB,MAAMC,EAAgBJ,EAAgB,QAEhCK,EAAeL,EAAgB,OAE/BM,EAAcN,EAAgB,MAE9BO,EAAgBR,EAAM,WAG1B,CAAC,CAAE,UAAAS,EAAW,GAAGC,CAAM,EAAGC,IAC1Bb,EAACG,EAAgB,QAAhB,CACC,IAAKU,EACL,UAAWR,EACT,0JACAM,CACF,EACC,GAAGC,EACN,CACD,EACDF,EAAc,YAAcP,EAAgB,QAAQ,YAEpD,MAAMW,EAAgBZ,EAAM,WAG1B,CAAC,CAAE,UAAAS,EAAW,SAAAI,EAAU,GAAGH,CAAM,EAAGC,IACpCZ,EAACO,EAAA,CACC,UAAAR,EAACU,EAAA,EAAc,EACfT,EAACE,EAAgB,QAAhB,CACC,IAAKU,EACL,UAAWR,EACT,0fACAM,CACF,EACC,GAAGC,EAEH,UAAAG,EACDd,EAACE,EAAgB,MAAhB,CAAsB,UAAU,gRAC/B,UAAAH,EAACI,EAAA,CAAW,UAAU,SAAS,EAC/BJ,EAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,GACF,CACD,EACDc,EAAc,YAAcX,EAAgB,QAAQ,YAEpD,MAAMa,EAAe,CAAC,CAAE,UAAAL,EAAW,GAAGC,CAAM,IAC1CZ,EAAC,OAAI,UAAWK,EAAG,yDAA0DM,CAAS,EAAI,GAAGC,EAAO,EAEtGI,EAAa,YAAc,eAE3B,MAAMC,EAAe,CAAC,CAAE,UAAAN,EAAW,GAAGC,CAAM,IAC1CZ,EAAC,OACC,UAAWK,EAAG,4EAA6EM,CAAS,EACnG,GAAGC,EACN,EAEFK,EAAa,YAAc,eAE3B,MAAMC,EAAchB,EAAM,WAGxB,CAAC,CAAE,UAAAS,EAAW,GAAGC,CAAM,EAAGC,IAC1Bb,EAACG,EAAgB,MAAhB,CACC,IAAKU,EACL,UAAWR,EAAG,oDAAqDM,CAAS,EAC3E,GAAGC,EACN,CACD,EACDM,EAAY,YAAcf,EAAgB,MAAM,YAEhD,MAAMgB,EAAoBjB,EAAM,WAG9B,CAAC,CAAE,UAAAS,EAAW,GAAGC,CAAM,EAAGC,IAC1Bb,EAACG,EAAgB,YAAhB,CAA4B,IAAKU,EAAK,UAAWR,EAAG,gCAAiCM,CAAS,EAAI,GAAGC,EAAO,CAC9G,EACDO,EAAkB,YAAchB,EAAgB,YAAY",
   "names": ["jsx", "jsxs", "React", "DialogPrimitive", "Cross2Icon", "cn", "Dialog", "DialogTrigger", "DialogPortal", "DialogClose", "DialogOverlay", "className", "props", "ref", "DialogContent", "children", "DialogHeader", "DialogFooter", "DialogTitle", "DialogDescription"]
 }

package/dist/esm/components/drawer.js

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as d}from"react/jsx-runtime";import"react";import{Drawer as e}from"vaul";import{Cross2Icon as s}from"@radix-ui/react-icons";import{cn as i}from"../helpers/utils.js";function w({...a}){return r(e.Root,{"data-slot":"drawer",...a})}function m({...a}){return r(e.Trigger,{"data-slot":"drawer-trigger",...a})}function n({...a}){return r(e.Portal,{"data-slot":"drawer-portal",...a})}function l({...a}){return r(e.Close,{"data-slot":"drawer-close",...a})}function c({className:a,...t}){return r(e.Overlay,{"data-slot":"drawer-overlay",className:i("data-[state=open]:ai-animate-in data-[state=closed]:ai-animate-out data-[state=closed]:ai-fade-out-0 data-[state=open]:ai-fade-in-0 ai-fixed ai-inset-0 ai-z-50 ai-bg-black/50",a),...t})}function p({className:a,children:t,...o}){return d(n,{"data-slot":"drawer-portal",children:[r(c,{}),d(e.Content,{"data-slot":"drawer-content",className:i("group/drawer-content ai-bg-background ai-fixed ai-z-50 ai-flex ai-px-6 ai-h-auto ai-flex-col","data-[vaul-drawer-direction=top]:ai-inset-x-0 data-[vaul-drawer-direction=top]:ai-top-0 data-[vaul-drawer-direction=top]:ai-mb-24 data-[vaul-drawer-direction=top]:ai-max-h-[80vh] data-[vaul-drawer-direction=top]:ai-border-b","data-[vaul-drawer-direction=bottom]:ai-inset-x-0 data-[vaul-drawer-direction=bottom]:ai-bottom-0 data-[vaul-drawer-direction=bottom]:ai-mt-24 data-[vaul-drawer-direction=bottom]:ai-max-h-[80vh] data-[vaul-drawer-direction=bottom]:ai-border-t","data-[vaul-drawer-direction=right]:ai-inset-y-0 data-[vaul-drawer-direction=right]:ai-right-0 data-[vaul-drawer-direction=right]:ai-w-3/4 data-[vaul-drawer-direction=right]:ai-border-l data-[vaul-drawer-direction=right]:ai-max-w-sm","data-[vaul-drawer-direction=left]:ai-inset-y-0 data-[vaul-drawer-direction=left]:ai-left-0 data-[vaul-drawer-direction=left]:ai-w-3/4 data-[vaul-drawer-direction=left]:ai-border-r data-[vaul-drawer-direction=left]:ai-max-w-sm",a),...o,children:[r("div",{className:"ai-bg-muted ai-mx-auto ai-mt-4 ai-hidden ai-h-2 ai-w-[100px] ai-shrink-0 group-data-[vaul-drawer-direction=bottom]/drawer-content:ai-block"}),t]})]})}function u({className:a,children:t,...o}){return d("div",{"data-slot":"drawer-header",className:i("gird-container ai-flex ai-justify-between ai-py-6 gap-1.5",a),...o,children:[r("div",{children:t}),r(l,{children:r(s,{className:"ai-size-4"})})]})}function v({className:a,...t}){return r("div",{"data-slot":"drawer-footer",className:i("ai-mt-auto ai-flex ai-flex-col ai-gap-2 ai-py-8",a),...t})}function f({className:a,...t}){return r(e.Title,{"data-slot":"drawer-title",className:i("text-foreground font-semibold",a),...t})}function D({className:a,...t}){return r(e.Description,{"data-slot":"drawer-description",className:i("ai-text-muted-foreground ai-text-sm",a),...t})}export{w as Drawer,l as DrawerClose,p as DrawerContent,D as DrawerDescription,v as DrawerFooter,u as DrawerHeader,c as DrawerOverlay,n as DrawerPortal,f as DrawerTitle,m as DrawerTrigger};
+import{jsx as t,jsxs as d}from"react/jsx-runtime";import"react";import{Drawer as a}from"vaul";import{Cross2Icon as s}from"@radix-ui/react-icons";import{cn as o}from"../helpers/utils.js";function w({...r}){return t(a.Root,{"data-slot":"drawer",...r})}function m({...r}){return t(a.Trigger,{"data-slot":"drawer-trigger",...r})}function n({...r}){return t(a.Portal,{"data-slot":"drawer-portal",...r})}function l({...r}){return t(a.Close,{"data-slot":"drawer-close",...r})}function c({className:r,...e}){return t(a.Overlay,{"data-slot":"drawer-overlay",className:o("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",r),...e})}function p({className:r,children:e,...i}){return d(n,{"data-slot":"drawer-portal",children:[t(c,{}),d(a.Content,{"data-slot":"drawer-content",className:o("group/drawer-content bg-background fixed z-50 flex h-auto flex-col px-6","data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:border-b","data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:border-t","data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:max-w-sm data-[vaul-drawer-direction=right]:border-l","data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:max-w-sm data-[vaul-drawer-direction=left]:border-r",r),...i,children:[t("div",{className:"bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 group-data-[vaul-drawer-direction=bottom]/drawer-content:block"}),e]})]})}function u({className:r,children:e,...i}){return d("div",{"data-slot":"drawer-header",className:o("gird-container flex justify-between gap-1.5 py-6",r),...i,children:[t("div",{children:e}),t(l,{children:t(s,{className:"size-4"})})]})}function v({className:r,...e}){return t("div",{"data-slot":"drawer-footer",className:o("mt-auto flex flex-col gap-2 py-8",r),...e})}function f({className:r,...e}){return t(a.Title,{"data-slot":"drawer-title",className:o("text-foreground font-semibold",r),...e})}function D({className:r,...e}){return t(a.Description,{"data-slot":"drawer-description",className:o("text-muted-foreground text-sm",r),...e})}export{w as Drawer,l as DrawerClose,p as DrawerContent,D as DrawerDescription,v as DrawerFooter,u as DrawerHeader,c as DrawerOverlay,n as DrawerPortal,f as DrawerTitle,m as DrawerTrigger};
 //# sourceMappingURL=drawer.js.map

package/dist/esm/components/drawer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/drawer.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { Drawer as DrawerPrimitive } from 'vaul'\nimport { Cross2Icon } from '@radix-ui/react-icons'\n\nimport { cn } from '../helpers/utils.js'\n\nfunction Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n  return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />\n}\n\nfunction DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />\n}\n\nfunction DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />\n}\n\nfunction DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />\n}\n\nfunction DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot=\"drawer-overlay\"\n      className={cn(\n        'data-[state=open]:ai-animate-in data-[state=closed]:ai-animate-out data-[state=closed]:ai-fade-out-0 data-[state=open]:ai-fade-in-0 ai-fixed ai-inset-0 ai-z-50 ai-bg-black/50',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n  return (\n    <DrawerPortal data-slot=\"drawer-portal\">\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        data-slot=\"drawer-content\"\n        className={cn(\n          'group/drawer-content ai-bg-background ai-fixed ai-z-50 ai-flex ai-px-6 ai-h-auto ai-flex-col',\n          'data-[vaul-drawer-direction=top]:ai-inset-x-0 data-[vaul-drawer-direction=top]:ai-top-0 data-[vaul-drawer-direction=top]:ai-mb-24 data-[vaul-drawer-direction=top]:ai-max-h-[80vh] data-[vaul-drawer-direction=top]:ai-border-b',\n          'data-[vaul-drawer-direction=bottom]:ai-inset-x-0 data-[vaul-drawer-direction=bottom]:ai-bottom-0 data-[vaul-drawer-direction=bottom]:ai-mt-24 data-[vaul-drawer-direction=bottom]:ai-max-h-[80vh] data-[vaul-drawer-direction=bottom]:ai-border-t',\n          'data-[vaul-drawer-direction=right]:ai-inset-y-0 data-[vaul-drawer-direction=right]:ai-right-0 data-[vaul-drawer-direction=right]:ai-w-3/4 data-[vaul-drawer-direction=right]:ai-border-l data-[vaul-drawer-direction=right]:ai-max-w-sm',\n          'data-[vaul-drawer-direction=left]:ai-inset-y-0 data-[vaul-drawer-direction=left]:ai-left-0 data-[vaul-drawer-direction=left]:ai-w-3/4 data-[vaul-drawer-direction=left]:ai-border-r data-[vaul-drawer-direction=left]:ai-max-w-sm',\n          className\n        )}\n        {...props}\n      >\n        <div className=\"ai-bg-muted ai-mx-auto ai-mt-4 ai-hidden ai-h-2 ai-w-[100px] ai-shrink-0 group-data-[vaul-drawer-direction=bottom]/drawer-content:ai-block\" />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  )\n}\n\nfunction DrawerHeader({ className, children, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn('gird-container ai-flex ai-justify-between ai-py-6 gap-1.5', className)}\n      {...props}\n    >\n      <div>{children}</div>\n      <DrawerClose>\n        <Cross2Icon className=\"ai-size-4\" />\n      </DrawerClose>\n    </div>\n  )\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      className={cn('ai-mt-auto ai-flex ai-flex-col ai-gap-2 ai-py-8', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot=\"drawer-title\"\n      className={cn('text-foreground font-semibold', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot=\"drawer-description\"\n      className={cn('ai-text-muted-foreground ai-text-sm', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n}\n"],
-  "mappings": "AAOS,cAAAA,EAgCH,QAAAC,MAhCG,oBAPT,MAAkB,QAClB,OAAS,UAAUC,MAAuB,OAC1C,OAAS,cAAAC,MAAkB,wBAE3B,OAAS,MAAAC,MAAU,sBAEnB,SAASC,EAAO,CAAE,GAAGC,CAAM,EAAsD,CAC/E,OAAON,EAACE,EAAgB,KAAhB,CAAqB,YAAU,SAAU,GAAGI,EAAO,CAC7D,CAEA,SAASC,EAAc,CAAE,GAAGD,CAAM,EAAyD,CACzF,OAAON,EAACE,EAAgB,QAAhB,CAAwB,YAAU,iBAAkB,GAAGI,EAAO,CACxE,CAEA,SAASE,EAAa,CAAE,GAAGF,CAAM,EAAwD,CACvF,OAAON,EAACE,EAAgB,OAAhB,CAAuB,YAAU,gBAAiB,GAAGI,EAAO,CACtE,CAEA,SAASG,EAAY,CAAE,GAAGH,CAAM,EAAuD,CACrF,OAAON,EAACE,EAAgB,MAAhB,CAAsB,YAAU,eAAgB,GAAGI,EAAO,CACpE,CAEA,SAASI,EAAc,CAAE,UAAAC,EAAW,GAAGL,CAAM,EAAyD,CACpG,OACEN,EAACE,EAAgB,QAAhB,CACC,YAAU,iBACV,UAAWE,EACT,iLACAO,CACF,EACC,GAAGL,EACN,CAEJ,CAEA,SAASM,EAAc,CAAE,UAAAD,EAAW,SAAAE,EAAU,GAAGP,CAAM,EAAyD,CAC9G,OACEL,EAACO,EAAA,CAAa,YAAU,gBACtB,UAAAR,EAACU,EAAA,EAAc,EACfT,EAACC,EAAgB,QAAhB,CACC,YAAU,iBACV,UAAWE,EACT,+FACA,kOACA,oPACA,0OACA,oOACAO,CACF,EACC,GAAGL,EAEJ,UAAAN,EAAC,OAAI,UAAU,6IAA6I,EAC3Ja,GACH,GACF,CAEJ,CAEA,SAASC,EAAa,CAAE,UAAAH,EAAW,SAAAE,EAAU,GAAGP,CAAM,EAAgC,CACpF,OACEL,EAAC,OACC,YAAU,gBACV,UAAWG,EAAG,4DAA6DO,CAAS,EACnF,GAAGL,EAEJ,UAAAN,EAAC,OAAK,SAAAa,EAAS,EACfb,EAACS,EAAA,CACC,SAAAT,EAACG,EAAA,CAAW,UAAU,YAAY,EACpC,GACF,CAEJ,CAEA,SAASY,EAAa,CAAE,UAAAJ,EAAW,GAAGL,CAAM,EAAgC,CAC1E,OACEN,EAAC,OACC,YAAU,gBACV,UAAWI,EAAG,kDAAmDO,CAAS,EACzE,GAAGL,EACN,CAEJ,CAEA,SAASU,EAAY,CAAE,UAAAL,EAAW,GAAGL,CAAM,EAAuD,CAChG,OACEN,EAACE,EAAgB,MAAhB,CACC,YAAU,eACV,UAAWE,EAAG,gCAAiCO,CAAS,EACvD,GAAGL,EACN,CAEJ,CAEA,SAASW,EAAkB,CAAE,UAAAN,EAAW,GAAGL,CAAM,EAA6D,CAC5G,OACEN,EAACE,EAAgB,YAAhB,CACC,YAAU,qBACV,UAAWE,EAAG,sCAAuCO,CAAS,EAC7D,GAAGL,EACN,CAEJ",
+  "sourcesContent": ["import React from 'react'\nimport { Drawer as DrawerPrimitive } from 'vaul'\nimport { Cross2Icon } from '@radix-ui/react-icons'\n\nimport { cn } from '../helpers/utils.js'\n\nfunction Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n  return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />\n}\n\nfunction DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />\n}\n\nfunction DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />\n}\n\nfunction DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />\n}\n\nfunction DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot=\"drawer-overlay\"\n      className={cn(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n  return (\n    <DrawerPortal data-slot=\"drawer-portal\">\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        data-slot=\"drawer-content\"\n        className={cn(\n          'group/drawer-content bg-background fixed z-50 flex h-auto flex-col px-6',\n          'data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:border-b',\n          'data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:border-t',\n          'data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:max-w-sm data-[vaul-drawer-direction=right]:border-l',\n          'data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:max-w-sm data-[vaul-drawer-direction=left]:border-r',\n          className\n        )}\n        {...props}\n      >\n        <div className=\"bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 group-data-[vaul-drawer-direction=bottom]/drawer-content:block\" />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  )\n}\n\nfunction DrawerHeader({ className, children, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn('gird-container flex justify-between gap-1.5 py-6', className)}\n      {...props}\n    >\n      <div>{children}</div>\n      <DrawerClose>\n        <Cross2Icon className=\"size-4\" />\n      </DrawerClose>\n    </div>\n  )\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"drawer-footer\" className={cn('mt-auto flex flex-col gap-2 py-8', className)} {...props} />\n}\n\nfunction DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot=\"drawer-title\"\n      className={cn('text-foreground font-semibold', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot=\"drawer-description\"\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n}\n"],
+  "mappings": "AAOS,cAAAA,EAgCH,QAAAC,MAhCG,oBAPT,MAAkB,QAClB,OAAS,UAAUC,MAAuB,OAC1C,OAAS,cAAAC,MAAkB,wBAE3B,OAAS,MAAAC,MAAU,sBAEnB,SAASC,EAAO,CAAE,GAAGC,CAAM,EAAsD,CAC/E,OAAON,EAACE,EAAgB,KAAhB,CAAqB,YAAU,SAAU,GAAGI,EAAO,CAC7D,CAEA,SAASC,EAAc,CAAE,GAAGD,CAAM,EAAyD,CACzF,OAAON,EAACE,EAAgB,QAAhB,CAAwB,YAAU,iBAAkB,GAAGI,EAAO,CACxE,CAEA,SAASE,EAAa,CAAE,GAAGF,CAAM,EAAwD,CACvF,OAAON,EAACE,EAAgB,OAAhB,CAAuB,YAAU,gBAAiB,GAAGI,EAAO,CACtE,CAEA,SAASG,EAAY,CAAE,GAAGH,CAAM,EAAuD,CACrF,OAAON,EAACE,EAAgB,MAAhB,CAAsB,YAAU,eAAgB,GAAGI,EAAO,CACpE,CAEA,SAASI,EAAc,CAAE,UAAAC,EAAW,GAAGL,CAAM,EAAyD,CACpG,OACEN,EAACE,EAAgB,QAAhB,CACC,YAAU,iBACV,UAAWE,EACT,yJACAO,CACF,EACC,GAAGL,EACN,CAEJ,CAEA,SAASM,EAAc,CAAE,UAAAD,EAAW,SAAAE,EAAU,GAAGP,CAAM,EAAyD,CAC9G,OACEL,EAACO,EAAA,CAAa,YAAU,gBACtB,UAAAR,EAACU,EAAA,EAAc,EACfT,EAACC,EAAgB,QAAhB,CACC,YAAU,iBACV,UAAWE,EACT,0EACA,mNACA,qOACA,2NACA,qNACAO,CACF,EACC,GAAGL,EAEJ,UAAAN,EAAC,OAAI,UAAU,qHAAqH,EACnIa,GACH,GACF,CAEJ,CAEA,SAASC,EAAa,CAAE,UAAAH,EAAW,SAAAE,EAAU,GAAGP,CAAM,EAAgC,CACpF,OACEL,EAAC,OACC,YAAU,gBACV,UAAWG,EAAG,mDAAoDO,CAAS,EAC1E,GAAGL,EAEJ,UAAAN,EAAC,OAAK,SAAAa,EAAS,EACfb,EAACS,EAAA,CACC,SAAAT,EAACG,EAAA,CAAW,UAAU,SAAS,EACjC,GACF,CAEJ,CAEA,SAASY,EAAa,CAAE,UAAAJ,EAAW,GAAGL,CAAM,EAAgC,CAC1E,OAAON,EAAC,OAAI,YAAU,gBAAgB,UAAWI,EAAG,mCAAoCO,CAAS,EAAI,GAAGL,EAAO,CACjH,CAEA,SAASU,EAAY,CAAE,UAAAL,EAAW,GAAGL,CAAM,EAAuD,CAChG,OACEN,EAACE,EAAgB,MAAhB,CACC,YAAU,eACV,UAAWE,EAAG,gCAAiCO,CAAS,EACvD,GAAGL,EACN,CAEJ,CAEA,SAASW,EAAkB,CAAE,UAAAN,EAAW,GAAGL,CAAM,EAA6D,CAC5G,OACEN,EAACE,EAAgB,YAAhB,CACC,YAAU,qBACV,UAAWE,EAAG,gCAAiCO,CAAS,EACvD,GAAGL,EACN,CAEJ",
   "names": ["jsx", "jsxs", "DrawerPrimitive", "Cross2Icon", "cn", "Drawer", "props", "DrawerTrigger", "DrawerPortal", "DrawerClose", "DrawerOverlay", "className", "DrawerContent", "children", "DrawerHeader", "DrawerFooter", "DrawerTitle", "DrawerDescription"]
 }