commerce-toolkit 0.5.0 → 0.7.0

package/dist/button-BgvMm9T3.cjs

@@ -0,0 +1,7 @@
+"use strict";const r=require("react/jsx-runtime"),n=require("./utils-DoxiiusW.cjs"),v=require("./createLucideIcon-CpmcoNn-.cjs");/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const l=[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]],i=v.createLucideIcon("loader-circle",l),g=Object.freeze(Object.defineProperty({__proto__:null,__iconNode:l,default:i},Symbol.toStringTag,{value:"Module"}));function m({variant:o="primary",size:a="large",shape:e="pill",loading:t=!1,type:s="button",disabled:u=!1,className:c,children:d,...b}){return r.jsxs("button",{"aria-busy":t,className:n.cn("relative z-0 inline-flex h-fit select-none items-center justify-center overflow-hidden text-center font-semibold leading-normal transition-all duration-75 ease-linear [font-family:var(--button-font-family,var(--font-family-body))] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--button-focus,hsl(var(--primary)))] disabled:pointer-events-none disabled:opacity-30",{brand:"bg-[var(--button-brand-background,hsl(var(--primary)))] text-[var(--button-brand-text,hsl(var(--foreground)))] hover:opacity-70",primary:"bg-[var(--button-primary-background,hsl(var(--foreground)))] text-[var(--button-primary-text,hsl(var(--background)))] hover:opacity-70",outline:"border border-[var(--button-outline-border,hsl(var(--contrast-200)))] bg-[var(--button-outline-background,hsl(var(--background)))] text-[var(--button-outline-text,hsl(var(--foreground)))] hover:bg-foreground/5",ghost:"bg-transparent text-[var(--button-ghost-text,hsl(var(--foreground)))] hover:bg-foreground/5",danger:"bg-[var(--button-danger-background,hsl(var(--error)))] text-[var(--button-danger-text,hsl(var(--background)))] hover:opacity-70"}[o],e==="rounded"?{"x-small":"rounded-lg",small:"rounded-lg",medium:"rounded-xl",large:"rounded-xl"}[a]:{pill:"rounded-full",square:"rounded-none",circle:"rounded-full"}[e],t&&"pointer-events-none",c),"data-slot":"button",disabled:u,type:s,...b,children:[r.jsx("span",{className:n.cn("inline-flex items-center justify-center transition-all duration-300 ease-in-out",t?"-translate-y-full opacity-0":"translate-y-0 opacity-100",e==="circle"&&"aspect-square",{"x-small":"min-h-8 text-xs",small:"min-h-9 text-sm",medium:"min-h-11 text-base",large:"min-h-14 text-base"}[a],e!=="circle"&&{"x-small":"gap-x-2 px-3 py-1.5",small:"gap-x-2 px-3.5 py-2",medium:"gap-x-2.5 px-4 py-2.5",large:"gap-x-3 px-5 py-4"}[a]),children:d}),r.jsx("span",{className:n.cn("absolute inset-0 grid place-content-center transition-all duration-300 ease-in-out",t?"translate-y-0 opacity-100":"translate-y-full opacity-0"),children:r.jsx(i,{className:n.cn("animate-spin",o==="outline"&&"text-[var(--button-loader-icon,hsl(var(--foreground)))]")})})]})}exports.Button=m;exports.loaderCircle=g;
+//# sourceMappingURL=button-BgvMm9T3.cjs.map

package/dist/button-BgvMm9T3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-BgvMm9T3.cjs","sources":["../node_modules/.pnpm/lucide-react@0.545.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/loader-circle.js","../src/components/button/button.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.545.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [[\"path\", { d: \"M21 12a9 9 0 1 1-6.219-8.56\", key: \"13zald\" }]];\nconst LoaderCircle = createLucideIcon(\"loader-circle\", __iconNode);\n\nexport { __iconNode, LoaderCircle as default };\n//# sourceMappingURL=loader-circle.js.map\n","'use client';\n\nimport { Loader2 } from 'lucide-react';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface ButtonProps extends ComponentProps<'button'> {\n  variant?: 'primary' | 'brand' | 'outline' | 'ghost' | 'danger';\n  size?: 'large' | 'medium' | 'small' | 'x-small';\n  shape?: 'pill' | 'rounded' | 'square' | 'circle';\n  loading?: boolean;\n}\n\n/**\n * This component supports various CSS variables for theming. Here's a comprehensive list, along\n * with their default values:\n *\n * ```css\n * :root {\n *   --button-focus: hsl(var(--primary));\n *   --button-font-family: var(--font-family-body);\n *   --button-brand-background: hsl(var(--primary));\n *   --button-brand-background-hover: color-mix(in oklab, hsl(var(--primary)), white 75%);\n *   --button-brand-text: hsl(var(--foreground));\n *   --button-brand-border: hsl(var(--primary));\n *   --button-primary-background: hsl(var(--foreground));\n *   --button-primary-background-hover: hsl(var(--background));\n *   --button-primary-text: hsl(var(--background));\n *   --button-primary-border: hsl(var(--foreground));\n *   --button-outline-background: hsl(var(--background));\n *   --button-outline-background-hover: hsl(var(--contrast-100));\n *   --button-outline-text: hsl(var(--foreground));\n *   --button-outline-border: hsl(var(--contrast-200));\n *   --button-ghost-background: transparent;\n *   --button-ghost-background-hover: color-mix(in oklab, hsl(var(--foreground)) 5%, transparent);\n *   --button-ghost-text: hsl(var(--foreground));\n *   --button-ghost-border: transparent;\n *   --button-loader-icon: hsl(var(--foreground));\n *   --button-danger-background: color-mix(in oklab, hsl(var(--error)), white 30%);\n *   --button-danger-background-hover: color-mix(in oklab, hsl(var(--error)), white 75%);\n *   --button-danger-text: hsl(var(--foreground));\n *   --button-danger-border: color-mix(in oklab, hsl(var(--error)), white 30%);\n * }\n * ```\n */\nexport function Button({\n  variant = 'primary',\n  size = 'large',\n  shape = 'pill',\n  loading = false,\n  type = 'button',\n  disabled = false,\n  className,\n  children,\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      aria-busy={loading}\n      className={cn(\n        'relative z-0 inline-flex h-fit select-none items-center justify-center overflow-hidden text-center font-semibold leading-normal transition-all duration-75 ease-linear [font-family:var(--button-font-family,var(--font-family-body))] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--button-focus,hsl(var(--primary)))] disabled:pointer-events-none disabled:opacity-30',\n        {\n          brand:\n            'bg-[var(--button-brand-background,hsl(var(--primary)))] text-[var(--button-brand-text,hsl(var(--foreground)))] hover:opacity-70',\n          primary:\n            'bg-[var(--button-primary-background,hsl(var(--foreground)))] text-[var(--button-primary-text,hsl(var(--background)))] hover:opacity-70',\n          outline:\n            'border border-[var(--button-outline-border,hsl(var(--contrast-200)))] bg-[var(--button-outline-background,hsl(var(--background)))] text-[var(--button-outline-text,hsl(var(--foreground)))] hover:bg-foreground/5',\n          ghost:\n            'bg-transparent text-[var(--button-ghost-text,hsl(var(--foreground)))] hover:bg-foreground/5',\n          danger:\n            'bg-[var(--button-danger-background,hsl(var(--error)))] text-[var(--button-danger-text,hsl(var(--background)))] hover:opacity-70',\n        }[variant],\n        shape === 'rounded'\n          ? {\n              'x-small': 'rounded-lg',\n              small: 'rounded-lg',\n              medium: 'rounded-xl',\n              large: 'rounded-xl',\n            }[size]\n          : {\n              pill: 'rounded-full',\n              square: 'rounded-none',\n              circle: 'rounded-full',\n            }[shape],\n        loading && 'pointer-events-none',\n        className,\n      )}\n      data-slot=\"button\"\n      disabled={disabled}\n      type={type}\n      {...props}\n    >\n      <span\n        className={cn(\n          'inline-flex items-center justify-center transition-all duration-300 ease-in-out',\n          loading ? '-translate-y-full opacity-0' : 'translate-y-0 opacity-100',\n          shape === 'circle' && 'aspect-square',\n          {\n            'x-small': 'min-h-8 text-xs',\n            small: 'min-h-9 text-sm',\n            medium: 'min-h-11 text-base',\n            large: 'min-h-14 text-base',\n          }[size],\n          shape !== 'circle' &&\n            {\n              'x-small': 'gap-x-2 px-3 py-1.5',\n              small: 'gap-x-2 px-3.5 py-2',\n              medium: 'gap-x-2.5 px-4 py-2.5',\n              large: 'gap-x-3 px-5 py-4',\n            }[size],\n        )}\n      >\n        {children}\n      </span>\n      <span\n        className={cn(\n          'absolute inset-0 grid place-content-center transition-all duration-300 ease-in-out',\n          loading ? 'translate-y-0 opacity-100' : 'translate-y-full opacity-0',\n        )}\n      >\n        <Loader2\n          className={cn(\n            'animate-spin',\n            variant === 'outline' && 'text-[var(--button-loader-icon,hsl(var(--foreground)))]',\n          )}\n        />\n      </span>\n    </button>\n  );\n}\n"],"names":["__iconNode","LoaderCircle","createLucideIcon","Button","variant","size","shape","loading","type","disabled","className","children","props","jsxs","cn","jsx","Loader2"],"mappings":"iIAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASA,MAAMA,EAAa,CAAC,CAAC,OAAQ,CAAE,EAAG,8BAA+B,IAAK,QAAQ,CAAE,CAAC,EAC3EC,EAAeC,EAAAA,iBAAiB,gBAAiBF,CAAU,sHCoC1D,SAASG,EAAO,CACrB,QAAAC,EAAU,UACV,KAAAC,EAAO,QACP,MAAAC,EAAQ,OACR,QAAAC,EAAU,GACV,KAAAC,EAAO,SACP,SAAAC,EAAW,GACX,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAgB,CACd,OACEC,EAAAA,KAAC,SAAA,CACC,YAAWN,EACX,UAAWO,EAAAA,GACT,iZACA,CACE,MACE,kIACF,QACE,yIACF,QACE,oNACF,MACE,8FACF,OACE,iIAAA,EACFV,CAAO,EACTE,IAAU,UACN,CACE,UAAW,aACX,MAAO,aACP,OAAQ,aACR,MAAO,YAAA,EACPD,CAAI,EACN,CACE,KAAM,eACN,OAAQ,eACR,OAAQ,cAAA,EACRC,CAAK,EACXC,GAAW,sBACXG,CAAA,EAEF,YAAU,SACV,SAAAD,EACA,KAAAD,EACC,GAAGI,EAEJ,SAAA,CAAAG,EAAAA,IAAC,OAAA,CACC,UAAWD,EAAAA,GACT,kFACAP,EAAU,8BAAgC,4BAC1CD,IAAU,UAAY,gBACtB,CACE,UAAW,kBACX,MAAO,kBACP,OAAQ,qBACR,MAAO,oBAAA,EACPD,CAAI,EACNC,IAAU,UACR,CACE,UAAW,sBACX,MAAO,sBACP,OAAQ,wBACR,MAAO,mBAAA,EACPD,CAAI,CAAA,EAGT,SAAAM,CAAA,CAAA,EAEHI,EAAAA,IAAC,OAAA,CACC,UAAWD,EAAAA,GACT,qFACAP,EAAU,4BAA8B,4BAAA,EAG1C,SAAAQ,EAAAA,IAACC,EAAA,CACC,UAAWF,EAAAA,GACT,eACAV,IAAY,WAAa,yDAAA,CAC3B,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAGN","x_google_ignoreList":[0]}

package/dist/{button-W0_PtryU.js → button-C0iR-l2_.js}

@@ -28,7 +28,7 @@ function y({
     {
       "aria-busy": e,
       className: r(
-        "relative z-0 inline-flex h-fit select-none items-center justify-center overflow-hidden text-center font-semibold leading-normal duration-200 ease-in-out [font-family:var(--button-font-family,var(--font-family-body))] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--button-focus,hsl(var(--primary)))] disabled:pointer-events-none disabled:opacity-30",
+        "relative z-0 inline-flex h-fit select-none items-center justify-center overflow-hidden text-center font-semibold leading-normal transition-all duration-75 ease-linear [font-family:var(--button-font-family,var(--font-family-body))] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--button-focus,hsl(var(--primary)))] disabled:pointer-events-none disabled:opacity-30",
         {
           brand: "bg-[var(--button-brand-background,hsl(var(--primary)))] text-[var(--button-brand-text,hsl(var(--foreground)))] hover:opacity-70",
           primary: "bg-[var(--button-primary-background,hsl(var(--foreground)))] text-[var(--button-primary-text,hsl(var(--background)))] hover:opacity-70",
@@ -103,4 +103,4 @@ export {
   y as B,
   x as l
 };
-//# sourceMappingURL=button-W0_PtryU.js.map
+//# sourceMappingURL=button-C0iR-l2_.js.map

package/dist/button-C0iR-l2_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-C0iR-l2_.js","sources":["../node_modules/.pnpm/lucide-react@0.545.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/loader-circle.js","../src/components/button/button.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.545.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [[\"path\", { d: \"M21 12a9 9 0 1 1-6.219-8.56\", key: \"13zald\" }]];\nconst LoaderCircle = createLucideIcon(\"loader-circle\", __iconNode);\n\nexport { __iconNode, LoaderCircle as default };\n//# sourceMappingURL=loader-circle.js.map\n","'use client';\n\nimport { Loader2 } from 'lucide-react';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface ButtonProps extends ComponentProps<'button'> {\n  variant?: 'primary' | 'brand' | 'outline' | 'ghost' | 'danger';\n  size?: 'large' | 'medium' | 'small' | 'x-small';\n  shape?: 'pill' | 'rounded' | 'square' | 'circle';\n  loading?: boolean;\n}\n\n/**\n * This component supports various CSS variables for theming. Here's a comprehensive list, along\n * with their default values:\n *\n * ```css\n * :root {\n *   --button-focus: hsl(var(--primary));\n *   --button-font-family: var(--font-family-body);\n *   --button-brand-background: hsl(var(--primary));\n *   --button-brand-background-hover: color-mix(in oklab, hsl(var(--primary)), white 75%);\n *   --button-brand-text: hsl(var(--foreground));\n *   --button-brand-border: hsl(var(--primary));\n *   --button-primary-background: hsl(var(--foreground));\n *   --button-primary-background-hover: hsl(var(--background));\n *   --button-primary-text: hsl(var(--background));\n *   --button-primary-border: hsl(var(--foreground));\n *   --button-outline-background: hsl(var(--background));\n *   --button-outline-background-hover: hsl(var(--contrast-100));\n *   --button-outline-text: hsl(var(--foreground));\n *   --button-outline-border: hsl(var(--contrast-200));\n *   --button-ghost-background: transparent;\n *   --button-ghost-background-hover: color-mix(in oklab, hsl(var(--foreground)) 5%, transparent);\n *   --button-ghost-text: hsl(var(--foreground));\n *   --button-ghost-border: transparent;\n *   --button-loader-icon: hsl(var(--foreground));\n *   --button-danger-background: color-mix(in oklab, hsl(var(--error)), white 30%);\n *   --button-danger-background-hover: color-mix(in oklab, hsl(var(--error)), white 75%);\n *   --button-danger-text: hsl(var(--foreground));\n *   --button-danger-border: color-mix(in oklab, hsl(var(--error)), white 30%);\n * }\n * ```\n */\nexport function Button({\n  variant = 'primary',\n  size = 'large',\n  shape = 'pill',\n  loading = false,\n  type = 'button',\n  disabled = false,\n  className,\n  children,\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      aria-busy={loading}\n      className={cn(\n        'relative z-0 inline-flex h-fit select-none items-center justify-center overflow-hidden text-center font-semibold leading-normal transition-all duration-75 ease-linear [font-family:var(--button-font-family,var(--font-family-body))] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--button-focus,hsl(var(--primary)))] disabled:pointer-events-none disabled:opacity-30',\n        {\n          brand:\n            'bg-[var(--button-brand-background,hsl(var(--primary)))] text-[var(--button-brand-text,hsl(var(--foreground)))] hover:opacity-70',\n          primary:\n            'bg-[var(--button-primary-background,hsl(var(--foreground)))] text-[var(--button-primary-text,hsl(var(--background)))] hover:opacity-70',\n          outline:\n            'border border-[var(--button-outline-border,hsl(var(--contrast-200)))] bg-[var(--button-outline-background,hsl(var(--background)))] text-[var(--button-outline-text,hsl(var(--foreground)))] hover:bg-foreground/5',\n          ghost:\n            'bg-transparent text-[var(--button-ghost-text,hsl(var(--foreground)))] hover:bg-foreground/5',\n          danger:\n            'bg-[var(--button-danger-background,hsl(var(--error)))] text-[var(--button-danger-text,hsl(var(--background)))] hover:opacity-70',\n        }[variant],\n        shape === 'rounded'\n          ? {\n              'x-small': 'rounded-lg',\n              small: 'rounded-lg',\n              medium: 'rounded-xl',\n              large: 'rounded-xl',\n            }[size]\n          : {\n              pill: 'rounded-full',\n              square: 'rounded-none',\n              circle: 'rounded-full',\n            }[shape],\n        loading && 'pointer-events-none',\n        className,\n      )}\n      data-slot=\"button\"\n      disabled={disabled}\n      type={type}\n      {...props}\n    >\n      <span\n        className={cn(\n          'inline-flex items-center justify-center transition-all duration-300 ease-in-out',\n          loading ? '-translate-y-full opacity-0' : 'translate-y-0 opacity-100',\n          shape === 'circle' && 'aspect-square',\n          {\n            'x-small': 'min-h-8 text-xs',\n            small: 'min-h-9 text-sm',\n            medium: 'min-h-11 text-base',\n            large: 'min-h-14 text-base',\n          }[size],\n          shape !== 'circle' &&\n            {\n              'x-small': 'gap-x-2 px-3 py-1.5',\n              small: 'gap-x-2 px-3.5 py-2',\n              medium: 'gap-x-2.5 px-4 py-2.5',\n              large: 'gap-x-3 px-5 py-4',\n            }[size],\n        )}\n      >\n        {children}\n      </span>\n      <span\n        className={cn(\n          'absolute inset-0 grid place-content-center transition-all duration-300 ease-in-out',\n          loading ? 'translate-y-0 opacity-100' : 'translate-y-full opacity-0',\n        )}\n      >\n        <Loader2\n          className={cn(\n            'animate-spin',\n            variant === 'outline' && 'text-[var(--button-loader-icon,hsl(var(--foreground)))]',\n          )}\n        />\n      </span>\n    </button>\n  );\n}\n"],"names":["__iconNode","LoaderCircle","createLucideIcon","Button","variant","size","shape","loading","type","disabled","className","children","props","jsxs","cn","jsx","Loader2"],"mappings":";;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAG,+BAA+B,KAAK,SAAQ,CAAE,CAAC,GAC3EC,IAAeC,EAAiB,iBAAiBF,CAAU;;;;;ACoC1D,SAASG,EAAO;AAAA,EACrB,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AACd,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAWN;AAAA,MACX,WAAWO;AAAA,QACT;AAAA,QACA;AAAA,UACE,OACE;AAAA,UACF,SACE;AAAA,UACF,SACE;AAAA,UACF,OACE;AAAA,UACF,QACE;AAAA,QAAA,EACFV,CAAO;AAAA,QACTE,MAAU,YACN;AAAA,UACE,WAAW;AAAA,UACX,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,OAAO;AAAA,QAAA,EACPD,CAAI,IACN;AAAA,UACE,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,QAAQ;AAAA,QAAA,EACRC,CAAK;AAAA,QACXC,KAAW;AAAA,QACXG;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACV,UAAAD;AAAA,MACA,MAAAD;AAAA,MACC,GAAGI;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACAP,IAAU,gCAAgC;AAAA,cAC1CD,MAAU,YAAY;AAAA,cACtB;AAAA,gBACE,WAAW;AAAA,gBACX,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,OAAO;AAAA,cAAA,EACPD,CAAI;AAAA,cACNC,MAAU,YACR;AAAA,gBACE,WAAW;AAAA,gBACX,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,OAAO;AAAA,cAAA,EACPD,CAAI;AAAA,YAAA;AAAA,YAGT,UAAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAEH,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACAP,IAAU,8BAA8B;AAAA,YAAA;AAAA,YAG1C,UAAA,gBAAAQ;AAAA,cAACC;AAAAA,cAAA;AAAA,gBACC,WAAWF;AAAA,kBACT;AAAA,kBACAV,MAAY,aAAa;AAAA,gBAAA;AAAA,cAC3B;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;","x_google_ignoreList":[0]}