commerce-toolkit 0.2.0 → 0.4.0

package/dist/product-card.js

@@ -1,8 +1,8 @@
 import { P as m, u as d } from "./product-card-root-4Xz4-pdL.js";
 import { jsx as s } from "react/jsx-runtime";
 import { c as o } from "./utils-BOGlfttm.js";
-import { c as p, l as f, k as P, f as b, d as x, g as C, b as k, m as g, e as h, P as v, j, i as L, a as S, h as T } from "./product-card-label-CJmC9ICf.js";
-import { P as B } from "./product-card-skeleton-Dkqf-bfA.js";
+import { c as p, l as f, k as P, f as b, d as x, g as C, b as k, m as g, e as h, P as v, j, i as L, a as S, h as T } from "./product-card-label-Djn5qQC4.js";
+import { P as B } from "./product-card-skeleton-Rvy8Ocb0.js";
 function i({ className: a, children: e, ...t }) {
   return /* @__PURE__ */ s("div", { className: o("relative", a), "data-slot": "product-card-content", ...t, children: e });
 }

package/dist/{side-panel-close-DVJwOxdM.js → side-panel-close-BtypdE9q.js}

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { R as o, T as l, P as r, O as s, C as d, a as f, b as c } from "./index-ChSlzMYI.js";
+import { R as o, T as l, P as r, O as s, C as d, a as f, b as c } from "./index-DthUnpqb.js";
 import { c as i } from "./utils-BOGlfttm.js";
 function g({ ...e }) {
   return /* @__PURE__ */ n(o, { "data-slot": "side-panel-root", ...e });
@@ -83,4 +83,4 @@ export {
   S as g,
   N as h
 };
-//# sourceMappingURL=side-panel-close-DVJwOxdM.js.map
+//# sourceMappingURL=side-panel-close-BtypdE9q.js.map

package/dist/{side-panel-close-DVJwOxdM.js.map → side-panel-close-BtypdE9q.js.map}

@@ -1 +1 @@
-{"version":3,"file":"side-panel-close-DVJwOxdM.js","sources":["../src/components/side-panel/primitives/side-panel-root.tsx","../src/components/side-panel/primitives/side-panel-trigger.tsx","../src/components/side-panel/primitives/side-panel-portal.tsx","../src/components/side-panel/primitives/side-panel-overlay.tsx","../src/components/side-panel/primitives/side-panel-content.tsx","../src/components/side-panel/primitives/side-panel-body.tsx","../src/components/side-panel/primitives/side-panel-header.tsx","../src/components/side-panel/primitives/side-panel-title.tsx","../src/components/side-panel/primitives/side-panel-close.tsx"],"sourcesContent":["import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nexport type SidePanelRootProps = ComponentProps<typeof Dialog.Root>;\n\nexport function SidePanelRoot({ ...props }: SidePanelRootProps) {\n  return <Dialog.Root data-slot=\"side-panel-root\" {...props} />;\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nexport type SidePanelTriggerProps = ComponentProps<typeof Dialog.Trigger>;\n\nexport function SidePanelTrigger({ ...props }: SidePanelTriggerProps) {\n  return <Dialog.Trigger data-slot=\"side-panel-trigger\" {...props} />;\n}\n","'use client';\n\nimport * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nexport type SidePanelPortalProps = ComponentProps<typeof Dialog.Portal>;\n\nexport function SidePanelPortal({ children, ...props }: SidePanelPortalProps) {\n  return (\n    <Dialog.Portal data-slot=\"side-panel-portal\" {...props}>\n      {children}\n    </Dialog.Portal>\n  );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelOverlayProps = ComponentProps<typeof Dialog.Overlay>;\n\nexport function SidePanelOverlay({ children, className, ...props }: SidePanelOverlayProps) {\n  return (\n    <Dialog.Overlay\n      className={cn(\n        'fixed inset-0 z-30 overflow-hidden bg-[var(--side-panel-overlay-background,color-mix(in_oklab,hsl(var(--foreground))_50%,transparent))] @container',\n        className,\n      )}\n      data-slot=\"side-panel-overlay\"\n      {...props}\n    >\n      {children}\n    </Dialog.Overlay>\n  );\n}\n","'use client';\n\nimport * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelContentProps = ComponentProps<typeof Dialog.Content>;\n\nexport function SidePanelContent({ children, className, ...props }: SidePanelContentProps) {\n  return (\n    <Dialog.Content\n      className={cn(\n        'fixed inset-y-0 right-0 flex w-96 max-w-full flex-col bg-[var(--side-panel-background,hsl(var(--background)))] font-[var(--side-panel-content-font-family,var(--font-family-body))] transition duration-500 [animation-timing-function:cubic-bezier(0.25,1,0,1)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right',\n        className,\n      )}\n      data-slot=\"side-panel-content\"\n      {...props}\n    >\n      {children}\n    </Dialog.Content>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelBodyProps = ComponentProps<'div'>;\n\nexport function SidePanelBody({ children, className, ...props }: SidePanelBodyProps) {\n  return (\n    <div className={cn('px-6 pb-6 @md:px-8 @md:pb-8', className)} {...props}>\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelHeaderProps = ComponentProps<'div'>;\n\nexport function SidePanelHeader({ children, className, ...props }: SidePanelHeaderProps) {\n  return (\n    <header\n      className={cn(\n        'flex items-center justify-between gap-2 px-6 pb-4 pt-4 @md:px-8 @md:pt-7',\n        className,\n      )}\n      data-slot=\"side-panel-header\"\n      {...props}\n    >\n      {children}\n    </header>\n  );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelTitleProps = ComponentProps<typeof Dialog.Title>;\n\nexport function SidePanelTitle({ children, className, ...props }: SidePanelTitleProps) {\n  return (\n    <Dialog.Title\n      className={cn(\n        'text-2xl font-medium text-[var(--side-panel-title-text,hsl(var(--foreground)))] [font-family:var(--side-panel-title-font-family,var(--font-family-heading))] @lg:text-3xl',\n        className,\n      )}\n      data-slot=\"side-panel-title\"\n      {...props}\n    >\n      {children}\n    </Dialog.Title>\n  );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelCloseProps = ComponentProps<typeof Dialog.Close>;\n\nexport function SidePanelClose({ children, className, ...props }: SidePanelCloseProps) {\n  return (\n    <Dialog.Close className={cn(className)} data-slot=\"side-panel-close\" {...props}>\n      {children}\n    </Dialog.Close>\n  );\n}\n"],"names":["SidePanelRoot","props","Dialog.Root","SidePanelTrigger","Dialog.Trigger","SidePanelPortal","children","jsx","Dialog.Portal","SidePanelOverlay","className","Dialog.Overlay","cn","SidePanelContent","Dialog.Content","SidePanelBody","SidePanelHeader","SidePanelTitle","Dialog.Title","SidePanelClose","Dialog.Close"],"mappings":";;;AAKO,SAASA,EAAc,EAAE,GAAGC,KAA6B;AAC9D,2BAAQC,GAAA,EAAY,aAAU,mBAAmB,GAAGD,GAAO;AAC7D;ACFO,SAASE,EAAiB,EAAE,GAAGF,KAAgC;AACpE,2BAAQG,GAAA,EAAe,aAAU,sBAAsB,GAAGH,GAAO;AACnE;ACAO,SAASI,EAAgB,EAAE,UAAAC,GAAU,GAAGL,KAA+B;AAC5E,SACE,gBAAAM,EAACC,GAAA,EAAc,aAAU,qBAAqB,GAAGP,GAC9C,UAAAK,GACH;AAEJ;ACNO,SAASG,EAAiB,EAAE,UAAAH,GAAU,WAAAI,GAAW,GAAGT,KAAgC;AACzF,SACE,gBAAAM;AAAA,IAACI;AAAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGT;AAAA,MAEH,UAAAK;AAAA,IAAA;AAAA,EAAA;AAGP;ACXO,SAASO,EAAiB,EAAE,UAAAP,GAAU,WAAAI,GAAW,GAAGT,KAAgC;AACzF,SACE,gBAAAM;AAAA,IAACO;AAAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGT;AAAA,MAEH,UAAAK;AAAA,IAAA;AAAA,EAAA;AAGP;AChBO,SAASS,EAAc,EAAE,UAAAT,GAAU,WAAAI,GAAW,GAAGT,KAA6B;AACnF,SACE,gBAAAM,EAAC,SAAI,WAAWK,EAAG,+BAA+BF,CAAS,GAAI,GAAGT,GAC/D,UAAAK,GACH;AAEJ;ACNO,SAASU,EAAgB,EAAE,UAAAV,GAAU,WAAAI,GAAW,GAAGT,KAA+B;AACvF,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWK;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGT;AAAA,MAEH,UAAAK;AAAA,IAAA;AAAA,EAAA;AAGP;ACZO,SAASW,EAAe,EAAE,UAAAX,GAAU,WAAAI,GAAW,GAAGT,KAA8B;AACrF,SACE,gBAAAM;AAAA,IAACW;AAAAA,IAAA;AAAA,MACC,WAAWN;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGT;AAAA,MAEH,UAAAK;AAAA,IAAA;AAAA,EAAA;AAGP;ACbO,SAASa,EAAe,EAAE,UAAAb,GAAU,WAAAI,GAAW,GAAGT,KAA8B;AACrF,SACE,gBAAAM,EAACa,GAAA,EAAa,WAAWR,EAAGF,CAAS,GAAG,aAAU,oBAAoB,GAAGT,GACtE,UAAAK,EAAA,CACH;AAEJ;"}
+{"version":3,"file":"side-panel-close-BtypdE9q.js","sources":["../src/components/side-panel/primitives/side-panel-root.tsx","../src/components/side-panel/primitives/side-panel-trigger.tsx","../src/components/side-panel/primitives/side-panel-portal.tsx","../src/components/side-panel/primitives/side-panel-overlay.tsx","../src/components/side-panel/primitives/side-panel-content.tsx","../src/components/side-panel/primitives/side-panel-body.tsx","../src/components/side-panel/primitives/side-panel-header.tsx","../src/components/side-panel/primitives/side-panel-title.tsx","../src/components/side-panel/primitives/side-panel-close.tsx"],"sourcesContent":["import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nexport type SidePanelRootProps = ComponentProps<typeof Dialog.Root>;\n\nexport function SidePanelRoot({ ...props }: SidePanelRootProps) {\n  return <Dialog.Root data-slot=\"side-panel-root\" {...props} />;\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nexport type SidePanelTriggerProps = ComponentProps<typeof Dialog.Trigger>;\n\nexport function SidePanelTrigger({ ...props }: SidePanelTriggerProps) {\n  return <Dialog.Trigger data-slot=\"side-panel-trigger\" {...props} />;\n}\n","'use client';\n\nimport * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nexport type SidePanelPortalProps = ComponentProps<typeof Dialog.Portal>;\n\nexport function SidePanelPortal({ children, ...props }: SidePanelPortalProps) {\n  return (\n    <Dialog.Portal data-slot=\"side-panel-portal\" {...props}>\n      {children}\n    </Dialog.Portal>\n  );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelOverlayProps = ComponentProps<typeof Dialog.Overlay>;\n\nexport function SidePanelOverlay({ children, className, ...props }: SidePanelOverlayProps) {\n  return (\n    <Dialog.Overlay\n      className={cn(\n        'fixed inset-0 z-30 overflow-hidden bg-[var(--side-panel-overlay-background,color-mix(in_oklab,hsl(var(--foreground))_50%,transparent))] @container',\n        className,\n      )}\n      data-slot=\"side-panel-overlay\"\n      {...props}\n    >\n      {children}\n    </Dialog.Overlay>\n  );\n}\n","'use client';\n\nimport * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelContentProps = ComponentProps<typeof Dialog.Content>;\n\nexport function SidePanelContent({ children, className, ...props }: SidePanelContentProps) {\n  return (\n    <Dialog.Content\n      className={cn(\n        'fixed inset-y-0 right-0 flex w-96 max-w-full flex-col bg-[var(--side-panel-background,hsl(var(--background)))] font-[var(--side-panel-content-font-family,var(--font-family-body))] transition duration-500 [animation-timing-function:cubic-bezier(0.25,1,0,1)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right',\n        className,\n      )}\n      data-slot=\"side-panel-content\"\n      {...props}\n    >\n      {children}\n    </Dialog.Content>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelBodyProps = ComponentProps<'div'>;\n\nexport function SidePanelBody({ children, className, ...props }: SidePanelBodyProps) {\n  return (\n    <div className={cn('px-6 pb-6 @md:px-8 @md:pb-8', className)} {...props}>\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelHeaderProps = ComponentProps<'div'>;\n\nexport function SidePanelHeader({ children, className, ...props }: SidePanelHeaderProps) {\n  return (\n    <header\n      className={cn(\n        'flex items-center justify-between gap-2 px-6 pb-4 pt-4 @md:px-8 @md:pt-7',\n        className,\n      )}\n      data-slot=\"side-panel-header\"\n      {...props}\n    >\n      {children}\n    </header>\n  );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelTitleProps = ComponentProps<typeof Dialog.Title>;\n\nexport function SidePanelTitle({ children, className, ...props }: SidePanelTitleProps) {\n  return (\n    <Dialog.Title\n      className={cn(\n        'text-2xl font-medium text-[var(--side-panel-title-text,hsl(var(--foreground)))] [font-family:var(--side-panel-title-font-family,var(--font-family-heading))] @lg:text-3xl',\n        className,\n      )}\n      data-slot=\"side-panel-title\"\n      {...props}\n    >\n      {children}\n    </Dialog.Title>\n  );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelCloseProps = ComponentProps<typeof Dialog.Close>;\n\nexport function SidePanelClose({ children, className, ...props }: SidePanelCloseProps) {\n  return (\n    <Dialog.Close className={cn(className)} data-slot=\"side-panel-close\" {...props}>\n      {children}\n    </Dialog.Close>\n  );\n}\n"],"names":["SidePanelRoot","props","Dialog.Root","SidePanelTrigger","Dialog.Trigger","SidePanelPortal","children","jsx","Dialog.Portal","SidePanelOverlay","className","Dialog.Overlay","cn","SidePanelContent","Dialog.Content","SidePanelBody","SidePanelHeader","SidePanelTitle","Dialog.Title","SidePanelClose","Dialog.Close"],"mappings":";;;AAKO,SAASA,EAAc,EAAE,GAAGC,KAA6B;AAC9D,2BAAQC,GAAA,EAAY,aAAU,mBAAmB,GAAGD,GAAO;AAC7D;ACFO,SAASE,EAAiB,EAAE,GAAGF,KAAgC;AACpE,2BAAQG,GAAA,EAAe,aAAU,sBAAsB,GAAGH,GAAO;AACnE;ACAO,SAASI,EAAgB,EAAE,UAAAC,GAAU,GAAGL,KAA+B;AAC5E,SACE,gBAAAM,EAACC,GAAA,EAAc,aAAU,qBAAqB,GAAGP,GAC9C,UAAAK,GACH;AAEJ;ACNO,SAASG,EAAiB,EAAE,UAAAH,GAAU,WAAAI,GAAW,GAAGT,KAAgC;AACzF,SACE,gBAAAM;AAAA,IAACI;AAAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGT;AAAA,MAEH,UAAAK;AAAA,IAAA;AAAA,EAAA;AAGP;ACXO,SAASO,EAAiB,EAAE,UAAAP,GAAU,WAAAI,GAAW,GAAGT,KAAgC;AACzF,SACE,gBAAAM;AAAA,IAACO;AAAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGT;AAAA,MAEH,UAAAK;AAAA,IAAA;AAAA,EAAA;AAGP;AChBO,SAASS,EAAc,EAAE,UAAAT,GAAU,WAAAI,GAAW,GAAGT,KAA6B;AACnF,SACE,gBAAAM,EAAC,SAAI,WAAWK,EAAG,+BAA+BF,CAAS,GAAI,GAAGT,GAC/D,UAAAK,GACH;AAEJ;ACNO,SAASU,EAAgB,EAAE,UAAAV,GAAU,WAAAI,GAAW,GAAGT,KAA+B;AACvF,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWK;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGT;AAAA,MAEH,UAAAK;AAAA,IAAA;AAAA,EAAA;AAGP;ACZO,SAASW,EAAe,EAAE,UAAAX,GAAU,WAAAI,GAAW,GAAGT,KAA8B;AACrF,SACE,gBAAAM;AAAA,IAACW;AAAAA,IAAA;AAAA,MACC,WAAWN;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGT;AAAA,MAEH,UAAAK;AAAA,IAAA;AAAA,EAAA;AAGP;ACbO,SAASa,EAAe,EAAE,UAAAb,GAAU,WAAAI,GAAW,GAAGT,KAA8B;AACrF,SACE,gBAAAM,EAACa,GAAA,EAAa,WAAWR,EAAGF,CAAS,GAAG,aAAU,oBAAoB,GAAGT,GACtE,UAAAK,EAAA,CACH;AAEJ;"}

package/dist/{side-panel-close-Bjcn4BEE.cjs → side-panel-close-DIP8gLRZ.cjs}

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),i=require("./index-BppAzNV8.cjs"),l=require("./utils-LBH114_M.cjs");function o({...e}){return n.jsx(i.Root,{"data-slot":"side-panel-root",...e})}function r({...e}){return n.jsx(i.Trigger,{"data-slot":"side-panel-trigger",...e})}function d({children:e,...t}){return n.jsx(i.Portal,{"data-slot":"side-panel-portal",...t,children:e})}function s({children:e,className:t,...a}){return n.jsx(i.Overlay,{className:l.cn("fixed inset-0 z-30 overflow-hidden bg-[var(--side-panel-overlay-background,color-mix(in_oklab,hsl(var(--foreground))_50%,transparent))] @container",t),"data-slot":"side-panel-overlay",...a,children:e})}function c({children:e,className:t,...a}){return n.jsx(i.Content,{className:l.cn("fixed inset-y-0 right-0 flex w-96 max-w-full flex-col bg-[var(--side-panel-background,hsl(var(--background)))] font-[var(--side-panel-content-font-family,var(--font-family-body))] transition duration-500 [animation-timing-function:cubic-bezier(0.25,1,0,1)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right",t),"data-slot":"side-panel-content",...a,children:e})}function u({children:e,className:t,...a}){return n.jsx("div",{className:l.cn("px-6 pb-6 @md:px-8 @md:pb-8",t),...a,children:e})}function f({children:e,className:t,...a}){return n.jsx("header",{className:l.cn("flex items-center justify-between gap-2 px-6 pb-4 pt-4 @md:px-8 @md:pt-7",t),"data-slot":"side-panel-header",...a,children:e})}function x({children:e,className:t,...a}){return n.jsx(i.Title,{className:l.cn("text-2xl font-medium text-[var(--side-panel-title-text,hsl(var(--foreground)))] [font-family:var(--side-panel-title-font-family,var(--font-family-heading))] @lg:text-3xl",t),"data-slot":"side-panel-title",...a,children:e})}function p({children:e,className:t,...a}){return n.jsx(i.Close,{className:l.cn(t),"data-slot":"side-panel-close",...a,children:e})}exports.SidePanelBody=u;exports.SidePanelClose=p;exports.SidePanelContent=c;exports.SidePanelHeader=f;exports.SidePanelOverlay=s;exports.SidePanelPortal=d;exports.SidePanelRoot=o;exports.SidePanelTitle=x;exports.SidePanelTrigger=r;
-//# sourceMappingURL=side-panel-close-Bjcn4BEE.cjs.map
+"use strict";const n=require("react/jsx-runtime"),i=require("./index-CY_4_uMy.cjs"),l=require("./utils-LBH114_M.cjs");function o({...e}){return n.jsx(i.Root,{"data-slot":"side-panel-root",...e})}function r({...e}){return n.jsx(i.Trigger,{"data-slot":"side-panel-trigger",...e})}function d({children:e,...t}){return n.jsx(i.Portal,{"data-slot":"side-panel-portal",...t,children:e})}function s({children:e,className:t,...a}){return n.jsx(i.Overlay,{className:l.cn("fixed inset-0 z-30 overflow-hidden bg-[var(--side-panel-overlay-background,color-mix(in_oklab,hsl(var(--foreground))_50%,transparent))] @container",t),"data-slot":"side-panel-overlay",...a,children:e})}function c({children:e,className:t,...a}){return n.jsx(i.Content,{className:l.cn("fixed inset-y-0 right-0 flex w-96 max-w-full flex-col bg-[var(--side-panel-background,hsl(var(--background)))] font-[var(--side-panel-content-font-family,var(--font-family-body))] transition duration-500 [animation-timing-function:cubic-bezier(0.25,1,0,1)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right",t),"data-slot":"side-panel-content",...a,children:e})}function u({children:e,className:t,...a}){return n.jsx("div",{className:l.cn("px-6 pb-6 @md:px-8 @md:pb-8",t),...a,children:e})}function f({children:e,className:t,...a}){return n.jsx("header",{className:l.cn("flex items-center justify-between gap-2 px-6 pb-4 pt-4 @md:px-8 @md:pt-7",t),"data-slot":"side-panel-header",...a,children:e})}function x({children:e,className:t,...a}){return n.jsx(i.Title,{className:l.cn("text-2xl font-medium text-[var(--side-panel-title-text,hsl(var(--foreground)))] [font-family:var(--side-panel-title-font-family,var(--font-family-heading))] @lg:text-3xl",t),"data-slot":"side-panel-title",...a,children:e})}function p({children:e,className:t,...a}){return n.jsx(i.Close,{className:l.cn(t),"data-slot":"side-panel-close",...a,children:e})}exports.SidePanelBody=u;exports.SidePanelClose=p;exports.SidePanelContent=c;exports.SidePanelHeader=f;exports.SidePanelOverlay=s;exports.SidePanelPortal=d;exports.SidePanelRoot=o;exports.SidePanelTitle=x;exports.SidePanelTrigger=r;
+//# sourceMappingURL=side-panel-close-DIP8gLRZ.cjs.map

package/dist/{side-panel-close-Bjcn4BEE.cjs.map → side-panel-close-DIP8gLRZ.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"side-panel-close-Bjcn4BEE.cjs","sources":["../src/components/side-panel/primitives/side-panel-root.tsx","../src/components/side-panel/primitives/side-panel-trigger.tsx","../src/components/side-panel/primitives/side-panel-portal.tsx","../src/components/side-panel/primitives/side-panel-overlay.tsx","../src/components/side-panel/primitives/side-panel-content.tsx","../src/components/side-panel/primitives/side-panel-body.tsx","../src/components/side-panel/primitives/side-panel-header.tsx","../src/components/side-panel/primitives/side-panel-title.tsx","../src/components/side-panel/primitives/side-panel-close.tsx"],"sourcesContent":["import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nexport type SidePanelRootProps = ComponentProps<typeof Dialog.Root>;\n\nexport function SidePanelRoot({ ...props }: SidePanelRootProps) {\n  return <Dialog.Root data-slot=\"side-panel-root\" {...props} />;\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nexport type SidePanelTriggerProps = ComponentProps<typeof Dialog.Trigger>;\n\nexport function SidePanelTrigger({ ...props }: SidePanelTriggerProps) {\n  return <Dialog.Trigger data-slot=\"side-panel-trigger\" {...props} />;\n}\n","'use client';\n\nimport * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nexport type SidePanelPortalProps = ComponentProps<typeof Dialog.Portal>;\n\nexport function SidePanelPortal({ children, ...props }: SidePanelPortalProps) {\n  return (\n    <Dialog.Portal data-slot=\"side-panel-portal\" {...props}>\n      {children}\n    </Dialog.Portal>\n  );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelOverlayProps = ComponentProps<typeof Dialog.Overlay>;\n\nexport function SidePanelOverlay({ children, className, ...props }: SidePanelOverlayProps) {\n  return (\n    <Dialog.Overlay\n      className={cn(\n        'fixed inset-0 z-30 overflow-hidden bg-[var(--side-panel-overlay-background,color-mix(in_oklab,hsl(var(--foreground))_50%,transparent))] @container',\n        className,\n      )}\n      data-slot=\"side-panel-overlay\"\n      {...props}\n    >\n      {children}\n    </Dialog.Overlay>\n  );\n}\n","'use client';\n\nimport * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelContentProps = ComponentProps<typeof Dialog.Content>;\n\nexport function SidePanelContent({ children, className, ...props }: SidePanelContentProps) {\n  return (\n    <Dialog.Content\n      className={cn(\n        'fixed inset-y-0 right-0 flex w-96 max-w-full flex-col bg-[var(--side-panel-background,hsl(var(--background)))] font-[var(--side-panel-content-font-family,var(--font-family-body))] transition duration-500 [animation-timing-function:cubic-bezier(0.25,1,0,1)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right',\n        className,\n      )}\n      data-slot=\"side-panel-content\"\n      {...props}\n    >\n      {children}\n    </Dialog.Content>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelBodyProps = ComponentProps<'div'>;\n\nexport function SidePanelBody({ children, className, ...props }: SidePanelBodyProps) {\n  return (\n    <div className={cn('px-6 pb-6 @md:px-8 @md:pb-8', className)} {...props}>\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelHeaderProps = ComponentProps<'div'>;\n\nexport function SidePanelHeader({ children, className, ...props }: SidePanelHeaderProps) {\n  return (\n    <header\n      className={cn(\n        'flex items-center justify-between gap-2 px-6 pb-4 pt-4 @md:px-8 @md:pt-7',\n        className,\n      )}\n      data-slot=\"side-panel-header\"\n      {...props}\n    >\n      {children}\n    </header>\n  );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelTitleProps = ComponentProps<typeof Dialog.Title>;\n\nexport function SidePanelTitle({ children, className, ...props }: SidePanelTitleProps) {\n  return (\n    <Dialog.Title\n      className={cn(\n        'text-2xl font-medium text-[var(--side-panel-title-text,hsl(var(--foreground)))] [font-family:var(--side-panel-title-font-family,var(--font-family-heading))] @lg:text-3xl',\n        className,\n      )}\n      data-slot=\"side-panel-title\"\n      {...props}\n    >\n      {children}\n    </Dialog.Title>\n  );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelCloseProps = ComponentProps<typeof Dialog.Close>;\n\nexport function SidePanelClose({ children, className, ...props }: SidePanelCloseProps) {\n  return (\n    <Dialog.Close className={cn(className)} data-slot=\"side-panel-close\" {...props}>\n      {children}\n    </Dialog.Close>\n  );\n}\n"],"names":["SidePanelRoot","props","Dialog.Root","SidePanelTrigger","Dialog.Trigger","SidePanelPortal","children","jsx","Dialog.Portal","SidePanelOverlay","className","Dialog.Overlay","cn","SidePanelContent","Dialog.Content","SidePanelBody","SidePanelHeader","SidePanelTitle","Dialog.Title","SidePanelClose","Dialog.Close"],"mappings":"sHAKO,SAASA,EAAc,CAAE,GAAGC,GAA6B,CAC9D,aAAQC,EAAAA,KAAA,CAAY,YAAU,kBAAmB,GAAGD,EAAO,CAC7D,CCFO,SAASE,EAAiB,CAAE,GAAGF,GAAgC,CACpE,aAAQG,EAAAA,QAAA,CAAe,YAAU,qBAAsB,GAAGH,EAAO,CACnE,CCAO,SAASI,EAAgB,CAAE,SAAAC,EAAU,GAAGL,GAA+B,CAC5E,OACEM,EAAAA,IAACC,EAAAA,OAAA,CAAc,YAAU,oBAAqB,GAAGP,EAC9C,SAAAK,EACH,CAEJ,CCNO,SAASG,EAAiB,CAAE,SAAAH,EAAU,UAAAI,EAAW,GAAGT,GAAgC,CACzF,OACEM,EAAAA,IAACI,EAAAA,QAAA,CACC,UAAWC,EAAAA,GACT,qJACAF,CAAA,EAEF,YAAU,qBACT,GAAGT,EAEH,SAAAK,CAAA,CAAA,CAGP,CCXO,SAASO,EAAiB,CAAE,SAAAP,EAAU,UAAAI,EAAW,GAAGT,GAAgC,CACzF,OACEM,EAAAA,IAACO,EAAAA,QAAA,CACC,UAAWF,EAAAA,GACT,6YACAF,CAAA,EAEF,YAAU,qBACT,GAAGT,EAEH,SAAAK,CAAA,CAAA,CAGP,CChBO,SAASS,EAAc,CAAE,SAAAT,EAAU,UAAAI,EAAW,GAAGT,GAA6B,CACnF,OACEM,MAAC,OAAI,UAAWK,EAAAA,GAAG,8BAA+BF,CAAS,EAAI,GAAGT,EAC/D,SAAAK,EACH,CAEJ,CCNO,SAASU,EAAgB,CAAE,SAAAV,EAAU,UAAAI,EAAW,GAAGT,GAA+B,CACvF,OACEM,EAAAA,IAAC,SAAA,CACC,UAAWK,EAAAA,GACT,2EACAF,CAAA,EAEF,YAAU,oBACT,GAAGT,EAEH,SAAAK,CAAA,CAAA,CAGP,CCZO,SAASW,EAAe,CAAE,SAAAX,EAAU,UAAAI,EAAW,GAAGT,GAA8B,CACrF,OACEM,EAAAA,IAACW,EAAAA,MAAA,CACC,UAAWN,EAAAA,GACT,4KACAF,CAAA,EAEF,YAAU,mBACT,GAAGT,EAEH,SAAAK,CAAA,CAAA,CAGP,CCbO,SAASa,EAAe,CAAE,SAAAb,EAAU,UAAAI,EAAW,GAAGT,GAA8B,CACrF,OACEM,MAACa,EAAAA,MAAA,CAAa,UAAWR,EAAAA,GAAGF,CAAS,EAAG,YAAU,mBAAoB,GAAGT,EACtE,SAAAK,CAAA,CACH,CAEJ"}
+{"version":3,"file":"side-panel-close-DIP8gLRZ.cjs","sources":["../src/components/side-panel/primitives/side-panel-root.tsx","../src/components/side-panel/primitives/side-panel-trigger.tsx","../src/components/side-panel/primitives/side-panel-portal.tsx","../src/components/side-panel/primitives/side-panel-overlay.tsx","../src/components/side-panel/primitives/side-panel-content.tsx","../src/components/side-panel/primitives/side-panel-body.tsx","../src/components/side-panel/primitives/side-panel-header.tsx","../src/components/side-panel/primitives/side-panel-title.tsx","../src/components/side-panel/primitives/side-panel-close.tsx"],"sourcesContent":["import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nexport type SidePanelRootProps = ComponentProps<typeof Dialog.Root>;\n\nexport function SidePanelRoot({ ...props }: SidePanelRootProps) {\n  return <Dialog.Root data-slot=\"side-panel-root\" {...props} />;\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nexport type SidePanelTriggerProps = ComponentProps<typeof Dialog.Trigger>;\n\nexport function SidePanelTrigger({ ...props }: SidePanelTriggerProps) {\n  return <Dialog.Trigger data-slot=\"side-panel-trigger\" {...props} />;\n}\n","'use client';\n\nimport * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nexport type SidePanelPortalProps = ComponentProps<typeof Dialog.Portal>;\n\nexport function SidePanelPortal({ children, ...props }: SidePanelPortalProps) {\n  return (\n    <Dialog.Portal data-slot=\"side-panel-portal\" {...props}>\n      {children}\n    </Dialog.Portal>\n  );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelOverlayProps = ComponentProps<typeof Dialog.Overlay>;\n\nexport function SidePanelOverlay({ children, className, ...props }: SidePanelOverlayProps) {\n  return (\n    <Dialog.Overlay\n      className={cn(\n        'fixed inset-0 z-30 overflow-hidden bg-[var(--side-panel-overlay-background,color-mix(in_oklab,hsl(var(--foreground))_50%,transparent))] @container',\n        className,\n      )}\n      data-slot=\"side-panel-overlay\"\n      {...props}\n    >\n      {children}\n    </Dialog.Overlay>\n  );\n}\n","'use client';\n\nimport * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelContentProps = ComponentProps<typeof Dialog.Content>;\n\nexport function SidePanelContent({ children, className, ...props }: SidePanelContentProps) {\n  return (\n    <Dialog.Content\n      className={cn(\n        'fixed inset-y-0 right-0 flex w-96 max-w-full flex-col bg-[var(--side-panel-background,hsl(var(--background)))] font-[var(--side-panel-content-font-family,var(--font-family-body))] transition duration-500 [animation-timing-function:cubic-bezier(0.25,1,0,1)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right',\n        className,\n      )}\n      data-slot=\"side-panel-content\"\n      {...props}\n    >\n      {children}\n    </Dialog.Content>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelBodyProps = ComponentProps<'div'>;\n\nexport function SidePanelBody({ children, className, ...props }: SidePanelBodyProps) {\n  return (\n    <div className={cn('px-6 pb-6 @md:px-8 @md:pb-8', className)} {...props}>\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelHeaderProps = ComponentProps<'div'>;\n\nexport function SidePanelHeader({ children, className, ...props }: SidePanelHeaderProps) {\n  return (\n    <header\n      className={cn(\n        'flex items-center justify-between gap-2 px-6 pb-4 pt-4 @md:px-8 @md:pt-7',\n        className,\n      )}\n      data-slot=\"side-panel-header\"\n      {...props}\n    >\n      {children}\n    </header>\n  );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelTitleProps = ComponentProps<typeof Dialog.Title>;\n\nexport function SidePanelTitle({ children, className, ...props }: SidePanelTitleProps) {\n  return (\n    <Dialog.Title\n      className={cn(\n        'text-2xl font-medium text-[var(--side-panel-title-text,hsl(var(--foreground)))] [font-family:var(--side-panel-title-font-family,var(--font-family-heading))] @lg:text-3xl',\n        className,\n      )}\n      data-slot=\"side-panel-title\"\n      {...props}\n    >\n      {children}\n    </Dialog.Title>\n  );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelCloseProps = ComponentProps<typeof Dialog.Close>;\n\nexport function SidePanelClose({ children, className, ...props }: SidePanelCloseProps) {\n  return (\n    <Dialog.Close className={cn(className)} data-slot=\"side-panel-close\" {...props}>\n      {children}\n    </Dialog.Close>\n  );\n}\n"],"names":["SidePanelRoot","props","Dialog.Root","SidePanelTrigger","Dialog.Trigger","SidePanelPortal","children","jsx","Dialog.Portal","SidePanelOverlay","className","Dialog.Overlay","cn","SidePanelContent","Dialog.Content","SidePanelBody","SidePanelHeader","SidePanelTitle","Dialog.Title","SidePanelClose","Dialog.Close"],"mappings":"sHAKO,SAASA,EAAc,CAAE,GAAGC,GAA6B,CAC9D,aAAQC,EAAAA,KAAA,CAAY,YAAU,kBAAmB,GAAGD,EAAO,CAC7D,CCFO,SAASE,EAAiB,CAAE,GAAGF,GAAgC,CACpE,aAAQG,EAAAA,QAAA,CAAe,YAAU,qBAAsB,GAAGH,EAAO,CACnE,CCAO,SAASI,EAAgB,CAAE,SAAAC,EAAU,GAAGL,GAA+B,CAC5E,OACEM,EAAAA,IAACC,EAAAA,OAAA,CAAc,YAAU,oBAAqB,GAAGP,EAC9C,SAAAK,EACH,CAEJ,CCNO,SAASG,EAAiB,CAAE,SAAAH,EAAU,UAAAI,EAAW,GAAGT,GAAgC,CACzF,OACEM,EAAAA,IAACI,EAAAA,QAAA,CACC,UAAWC,EAAAA,GACT,qJACAF,CAAA,EAEF,YAAU,qBACT,GAAGT,EAEH,SAAAK,CAAA,CAAA,CAGP,CCXO,SAASO,EAAiB,CAAE,SAAAP,EAAU,UAAAI,EAAW,GAAGT,GAAgC,CACzF,OACEM,EAAAA,IAACO,EAAAA,QAAA,CACC,UAAWF,EAAAA,GACT,6YACAF,CAAA,EAEF,YAAU,qBACT,GAAGT,EAEH,SAAAK,CAAA,CAAA,CAGP,CChBO,SAASS,EAAc,CAAE,SAAAT,EAAU,UAAAI,EAAW,GAAGT,GAA6B,CACnF,OACEM,MAAC,OAAI,UAAWK,EAAAA,GAAG,8BAA+BF,CAAS,EAAI,GAAGT,EAC/D,SAAAK,EACH,CAEJ,CCNO,SAASU,EAAgB,CAAE,SAAAV,EAAU,UAAAI,EAAW,GAAGT,GAA+B,CACvF,OACEM,EAAAA,IAAC,SAAA,CACC,UAAWK,EAAAA,GACT,2EACAF,CAAA,EAEF,YAAU,oBACT,GAAGT,EAEH,SAAAK,CAAA,CAAA,CAGP,CCZO,SAASW,EAAe,CAAE,SAAAX,EAAU,UAAAI,EAAW,GAAGT,GAA8B,CACrF,OACEM,EAAAA,IAACW,EAAAA,MAAA,CACC,UAAWN,EAAAA,GACT,4KACAF,CAAA,EAEF,YAAU,mBACT,GAAGT,EAEH,SAAAK,CAAA,CAAA,CAGP,CCbO,SAASa,EAAe,CAAE,SAAAb,EAAU,UAAAI,EAAW,GAAGT,GAA8B,CACrF,OACEM,MAACa,EAAAA,MAAA,CAAa,UAAWR,EAAAA,GAAGF,CAAS,EAAG,YAAU,mBAAoB,GAAGT,EACtE,SAAAK,CAAA,CACH,CAEJ"}

package/dist/side-panel.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./side-panel-close-Bjcn4BEE.cjs");exports.Body=e.SidePanelBody;exports.Close=e.SidePanelClose;exports.Content=e.SidePanelContent;exports.Header=e.SidePanelHeader;exports.Overlay=e.SidePanelOverlay;exports.Portal=e.SidePanelPortal;exports.Root=e.SidePanelRoot;exports.Title=e.SidePanelTitle;exports.Trigger=e.SidePanelTrigger;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./side-panel-close-DIP8gLRZ.cjs");exports.Body=e.SidePanelBody;exports.Close=e.SidePanelClose;exports.Content=e.SidePanelContent;exports.Header=e.SidePanelHeader;exports.Overlay=e.SidePanelOverlay;exports.Portal=e.SidePanelPortal;exports.Root=e.SidePanelRoot;exports.Title=e.SidePanelTitle;exports.Trigger=e.SidePanelTrigger;
 //# sourceMappingURL=side-panel.cjs.map

package/dist/side-panel.js

@@ -1,4 +1,4 @@
-import { e, h as o, d as r, f as t, c as l, b as d, S as g, g as f, a as i } from "./side-panel-close-DVJwOxdM.js";
+import { e, h as o, d as r, f as t, c as l, b as d, S as g, g as f, a as i } from "./side-panel-close-BtypdE9q.js";
 export {
   e as Body,
   o as Close,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "commerce-toolkit",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "A collection of modern, accessible commerce UI components",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -107,6 +107,16 @@
         "default": "./dist/chip.cjs"
       }
     },
+    "./counter": {
+      "import": {
+        "types": "./dist/components/counter/primitives.d.ts",
+        "default": "./dist/counter.js"
+      },
+      "require": {
+        "types": "./dist/components/counter/primitives.d.ts",
+        "default": "./dist/counter.cjs"
+      }
+    },
     "./compare-card": {
       "import": {
         "types": "./dist/components/compare-card/primitives.d.ts",
@@ -157,6 +167,16 @@
         "default": "./dist/favorite.cjs"
       }
     },
+    "./form-status": {
+      "import": {
+        "types": "./dist/components/form-status/primitives.d.ts",
+        "default": "./dist/form-status.js"
+      },
+      "require": {
+        "types": "./dist/components/form-status/primitives.d.ts",
+        "default": "./dist/form-status.cjs"
+      }
+    },
     "./icon": {
       "import": {
         "types": "./dist/components/icon/primitives.d.ts",
@@ -187,6 +207,16 @@
         "default": "./dist/modal.cjs"
       }
     },
+    "./navigation-menu": {
+      "import": {
+        "types": "./dist/components/navigation-menu/primitives.d.ts",
+        "default": "./dist/navigation-menu.js"
+      },
+      "require": {
+        "types": "./dist/components/navigation-menu/primitives.d.ts",
+        "default": "./dist/navigation-menu.cjs"
+      }
+    },
     "./offset-pagination": {
       "import": {
         "types": "./dist/components/offset-pagination/primitives.d.ts",