commerce-toolkit 0.2.0 → 0.3.0

package/dist/components/counter/counter.d.ts

@@ -0,0 +1,25 @@
+export interface CounterProps {
+    start?: number;
+    max?: number;
+    decrementAriaLabel?: string;
+    incrementAriaLabel?: string;
+}
+/**
+ * This component supports various CSS variables for theming. Here's a comprehensive list, along
+ * with their default values:
+ *
+ * ```css
+ * :root {
+ *   --counter-focus: hsl(var(--primary));
+ *   --counter-font-family: var(--font-family-body);
+ *   --counter-background: hsl(var(--background));
+ *   --counter-background-hover: color-mix(in oklab, hsl(var(--contrast-100)) 50%, transparent);
+ *   --counter-border: hsl(var(--contrast-100));
+ *   --counter-text: hsl(var(--foreground));
+ *   --counter-icon-hover: hsl(var(--foreground));
+ *   --counter-icon: hsl(var(--contrast-300));
+ * }
+ * ```
+ */
+export declare function Counter({ start, max, decrementAriaLabel, incrementAriaLabel, }: CounterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=counter.d.ts.map

package/dist/components/counter/counter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"counter.d.ts","sourceRoot":"","sources":["../../../src/components/counter/counter.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAS,EACT,GAAQ,EACR,kBAAqC,EACrC,kBAAqC,GACtC,EAAE,YAAY,2CAsBd"}

package/dist/components/counter/index.d.ts

@@ -0,0 +1,3 @@
+export { Counter, type CounterProps } from './counter';
+export * from './primitives';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/counter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/counter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,iCAAiC,CAAC"}

package/dist/components/counter/primitives/counter-decrease.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentProps } from 'react';
+export type CounterDecreaseProps = ComponentProps<'button'>;
+export declare function CounterDecrease({ children, className, ...props }: CounterDecreaseProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=counter-decrease.d.ts.map

package/dist/components/counter/primitives/counter-decrease.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"counter-decrease.d.ts","sourceRoot":"","sources":["../../../../src/components/counter/primitives/counter-decrease.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAE5D,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAmBtF"}

package/dist/components/counter/primitives/counter-increase.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentProps } from 'react';
+export type CounterIncreaseProps = ComponentProps<'button'>;
+export declare function CounterIncrease({ children, className, ...props }: CounterIncreaseProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=counter-increase.d.ts.map

package/dist/components/counter/primitives/counter-increase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"counter-increase.d.ts","sourceRoot":"","sources":["../../../../src/components/counter/primitives/counter-increase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAE5D,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAmBtF"}

package/dist/components/counter/primitives/counter-input.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentProps } from 'react';
+export type CounterInputProps = Omit<ComponentProps<'input'>, 'type'>;
+export declare function CounterInput({ className, ...props }: CounterInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=counter-input.d.ts.map

package/dist/components/counter/primitives/counter-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"counter-input.d.ts","sourceRoot":"","sources":["../../../../src/components/counter/primitives/counter-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC;AAEtE,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAgBtE"}

package/dist/components/counter/primitives/counter-root.d.ts

@@ -0,0 +1,16 @@
+import type { ComponentProps } from 'react';
+interface CounterContext {
+    count: number;
+    max: number;
+    decrement: () => void;
+    increment: () => void;
+}
+export declare const CounterContext: import("react").Context<CounterContext | undefined>;
+export type CounterRootProps = ComponentProps<'div'> & {
+    start?: number;
+    max?: number;
+};
+export declare function CounterRoot({ children, className, start, max, ...props }: CounterRootProps): import("react/jsx-runtime").JSX.Element;
+export declare function useCounter(): CounterContext;
+export {};
+//# sourceMappingURL=counter-root.d.ts.map

package/dist/components/counter/primitives/counter-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"counter-root.d.ts","sourceRoot":"","sources":["../../../../src/components/counter/primitives/counter-root.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,cAAc,qDAAuD,CAAC;AAEnF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,KAAS,EACT,GAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAmClB;AAED,wBAAgB,UAAU,mBAQzB"}

package/dist/components/counter/primitives.d.ts

@@ -0,0 +1,5 @@
+export { CounterRoot as Root, type CounterRootProps as RootProps, useCounter, } from './primitives/counter-root';
+export { CounterDecrease as Decrease, type CounterDecreaseProps as DecreaseProps, } from './primitives/counter-decrease';
+export { CounterIncrease as Increase, type CounterIncreaseProps as IncreaseProps, } from './primitives/counter-increase';
+export { CounterInput as Input, type CounterInputProps as InputProps, } from './primitives/counter-input';
+//# sourceMappingURL=primitives.d.ts.map

package/dist/components/counter/primitives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../../src/components/counter/primitives.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,IAAI,IAAI,EACnB,KAAK,gBAAgB,IAAI,SAAS,EAClC,UAAU,GACX,MAAM,8CAA8C,CAAC;AACtD,OAAO,EACL,eAAe,IAAI,QAAQ,EAC3B,KAAK,oBAAoB,IAAI,aAAa,GAC3C,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EACL,eAAe,IAAI,QAAQ,EAC3B,KAAK,oBAAoB,IAAI,aAAa,GAC3C,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EACL,YAAY,IAAI,KAAK,EACrB,KAAK,iBAAiB,IAAI,UAAU,GACrC,MAAM,+CAA+C,CAAC"}

package/dist/counter-input-BJov0Fub.cjs

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),c=require("./utils-LBH114_M.cjs"),a=require("react"),p=a.createContext(void 0);function C({children:t,className:n,start:o=0,max:e=10,...r}){const[u,d]=a.useState(o),b=a.useCallback(()=>{d(l=>l-1)},[e]),v=a.useCallback(()=>{d(l=>l+1)},[e]),f=a.useMemo(()=>({count:u,max:e,decrement:b,increment:v}),[u,e,b,v]);return s.jsx(p.Provider,{value:f,children:s.jsx("div",{className:c.cn("flex items-center justify-between rounded-lg border border-[var(--counter-border,hsl(var(--contrast-100)))] bg-[var(--counter-background,hsl(var(--background)))] font-[var(--counter-font-family,var(--font-family-body))] text-[var(--counter-text,hsl(var(--foreground)))]",n),"data-slot":"counter-root",...r,children:t})})}function i(){const t=a.use(p);if(t===void 0)throw new Error("useCounter must be used within a CounterRoot");return t}function g({children:t,className:n,...o}){const{count:e,decrement:r}=i();return s.jsx("button",{className:c.cn("group z-[1] rounded-l-lg p-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--counter-focus,hsl(var(--primary)))] enabled:hover:bg-[var(--counter-background-hover,color-mix(in_oklab,hsl(var(--contrast-100))_50%,transparent))] disabled:cursor-not-allowed disabled:opacity-50",n),"data-slot":"counter-decrease","data-state":e>0?"enabled":"disabled",disabled:e===0,onClick:r,type:"button",...o,children:t})}function m({children:t,className:n,...o}){const{count:e,max:r,increment:u}=i();return s.jsx("button",{className:c.cn("group z-[1] rounded-r-lg p-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--counter-focus,hsl(var(--primary)))] enabled:hover:bg-[var(--counter-background-hover,color-mix(in_oklab,hsl(var(--contrast-100))_50%,transparent))] disabled:cursor-not-allowed disabled:opacity-50",n),"data-slot":"counter-increase","data-state":e<r?"enabled":"disabled",disabled:e===r,onClick:u,type:"button",...o,children:t})}function x({className:t,...n}){const{count:o,max:e}=i();return s.jsx("input",{className:c.cn("w-8 bg-transparent text-center [appearance:textfield] focus-visible:outline-none [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",t),"data-slot":"counter-input",max:e,type:"number",value:o,...n})}exports.CounterDecrease=g;exports.CounterIncrease=m;exports.CounterInput=x;exports.CounterRoot=C;exports.useCounter=i;
+//# sourceMappingURL=counter-input-BJov0Fub.cjs.map

package/dist/counter-input-BJov0Fub.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"counter-input-BJov0Fub.cjs","sources":["../src/components/counter/primitives/counter-root.tsx","../src/components/counter/primitives/counter-decrease.tsx","../src/components/counter/primitives/counter-increase.tsx","../src/components/counter/primitives/counter-input.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, use, useCallback, useMemo, useState } from 'react';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\ninterface CounterContext {\n  count: number;\n  max: number;\n  decrement: () => void;\n  increment: () => void;\n}\n\nexport const CounterContext = createContext<CounterContext | undefined>(undefined);\n\nexport type CounterRootProps = ComponentProps<'div'> & {\n  start?: number;\n  max?: number;\n};\n\nexport function CounterRoot({\n  children,\n  className,\n  start = 0,\n  max = 10,\n  ...props\n}: CounterRootProps) {\n  const [count, setCount] = useState(start);\n\n  const decrement = useCallback(() => {\n    setCount((prev) => prev - 1);\n  }, [max]);\n\n  const increment = useCallback(() => {\n    setCount((prev) => prev + 1);\n  }, [max]);\n\n  const contextValues = useMemo(\n    () => ({\n      count,\n      max,\n      decrement,\n      increment,\n    }),\n    [count, max, decrement, increment],\n  );\n\n  return (\n    <CounterContext.Provider value={contextValues}>\n      <div\n        className={cn(\n          'flex items-center justify-between rounded-lg border border-[var(--counter-border,hsl(var(--contrast-100)))] bg-[var(--counter-background,hsl(var(--background)))] font-[var(--counter-font-family,var(--font-family-body))] text-[var(--counter-text,hsl(var(--foreground)))]',\n          className,\n        )}\n        data-slot=\"counter-root\"\n        {...props}\n      >\n        {children}\n      </div>\n    </CounterContext.Provider>\n  );\n}\n\nexport function useCounter() {\n  const context = use(CounterContext);\n\n  if (context === undefined) {\n    throw new Error('useCounter must be used within a CounterRoot');\n  }\n\n  return context;\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useCounter } from '@/components/counter';\nimport { cn } from '@/lib';\n\nexport type CounterDecreaseProps = ComponentProps<'button'>;\n\nexport function CounterDecrease({ children, className, ...props }: CounterDecreaseProps) {\n  const { count, decrement } = useCounter();\n\n  return (\n    <button\n      className={cn(\n        'group z-[1] rounded-l-lg p-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--counter-focus,hsl(var(--primary)))] enabled:hover:bg-[var(--counter-background-hover,color-mix(in_oklab,hsl(var(--contrast-100))_50%,transparent))] disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      data-slot=\"counter-decrease\"\n      data-state={count > 0 ? 'enabled' : 'disabled'}\n      disabled={count === 0}\n      onClick={decrement}\n      type=\"button\"\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useCounter } from '@/components/counter';\nimport { cn } from '@/lib';\n\nexport type CounterIncreaseProps = ComponentProps<'button'>;\n\nexport function CounterIncrease({ children, className, ...props }: CounterIncreaseProps) {\n  const { count, max, increment } = useCounter();\n\n  return (\n    <button\n      className={cn(\n        'group z-[1] rounded-r-lg p-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--counter-focus,hsl(var(--primary)))] enabled:hover:bg-[var(--counter-background-hover,color-mix(in_oklab,hsl(var(--contrast-100))_50%,transparent))] disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      data-slot=\"counter-increase\"\n      data-state={count < max ? 'enabled' : 'disabled'}\n      disabled={count === max}\n      onClick={increment}\n      type=\"button\"\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useCounter } from '@/components/counter';\nimport { cn } from '@/lib';\n\nexport type CounterInputProps = Omit<ComponentProps<'input'>, 'type'>;\n\nexport function CounterInput({ className, ...props }: CounterInputProps) {\n  const { count, max } = useCounter();\n\n  return (\n    <input\n      className={cn(\n        'w-8 bg-transparent text-center [appearance:textfield] focus-visible:outline-none [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none',\n        className,\n      )}\n      data-slot=\"counter-input\"\n      max={max}\n      type=\"number\"\n      value={count}\n      {...props}\n    />\n  );\n}\n"],"names":["CounterContext","createContext","CounterRoot","children","className","start","max","props","count","setCount","useState","decrement","useCallback","prev","increment","contextValues","useMemo","jsx","cn","useCounter","context","use","CounterDecrease","CounterIncrease","CounterInput"],"mappings":"uGAcaA,EAAiBC,EAAAA,cAA0C,MAAS,EAO1E,SAASC,EAAY,CAC1B,SAAAC,EACA,UAAAC,EACA,MAAAC,EAAQ,EACR,IAAAC,EAAM,GACN,GAAGC,CACL,EAAqB,CACnB,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAASL,CAAK,EAElCM,EAAYC,EAAAA,YAAY,IAAM,CAClCH,EAAUI,GAASA,EAAO,CAAC,CAC7B,EAAG,CAACP,CAAG,CAAC,EAEFQ,EAAYF,EAAAA,YAAY,IAAM,CAClCH,EAAUI,GAASA,EAAO,CAAC,CAC7B,EAAG,CAACP,CAAG,CAAC,EAEFS,EAAgBC,EAAAA,QACpB,KAAO,CACL,MAAAR,EACA,IAAAF,EACA,UAAAK,EACA,UAAAG,CAAA,GAEF,CAACN,EAAOF,EAAKK,EAAWG,CAAS,CAAA,EAGnC,OACEG,EAAAA,IAACjB,EAAe,SAAf,CAAwB,MAAOe,EAC9B,SAAAE,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,gRACAd,CAAA,EAEF,YAAU,eACT,GAAGG,EAEH,SAAAJ,CAAA,CAAA,EAEL,CAEJ,CAEO,SAASgB,GAAa,CAC3B,MAAMC,EAAUC,EAAAA,IAAIrB,CAAc,EAElC,GAAIoB,IAAY,OACd,MAAM,IAAI,MAAM,8CAA8C,EAGhE,OAAOA,CACT,CC/DO,SAASE,EAAgB,CAAE,SAAAnB,EAAU,UAAAC,EAAW,GAAGG,GAA+B,CACvF,KAAM,CAAE,MAAAC,EAAO,UAAAG,CAAA,EAAcQ,EAAA,EAE7B,OACEF,EAAAA,IAAC,SAAA,CACC,UAAWC,EAAAA,GACT,6SACAd,CAAA,EAEF,YAAU,mBACV,aAAYI,EAAQ,EAAI,UAAY,WACpC,SAAUA,IAAU,EACpB,QAASG,EACT,KAAK,SACJ,GAAGJ,EAEH,SAAAJ,CAAA,CAAA,CAGP,CCnBO,SAASoB,EAAgB,CAAE,SAAApB,EAAU,UAAAC,EAAW,GAAGG,GAA+B,CACvF,KAAM,CAAE,MAAAC,EAAO,IAAAF,EAAK,UAAAQ,CAAA,EAAcK,EAAA,EAElC,OACEF,EAAAA,IAAC,SAAA,CACC,UAAWC,EAAAA,GACT,6SACAd,CAAA,EAEF,YAAU,mBACV,aAAYI,EAAQF,EAAM,UAAY,WACtC,SAAUE,IAAUF,EACpB,QAASQ,EACT,KAAK,SACJ,GAAGP,EAEH,SAAAJ,CAAA,CAAA,CAGP,CCnBO,SAASqB,EAAa,CAAE,UAAApB,EAAW,GAAGG,GAA4B,CACvE,KAAM,CAAE,MAAAC,EAAO,IAAAF,CAAA,EAAQa,EAAA,EAEvB,OACEF,EAAAA,IAAC,QAAA,CACC,UAAWC,EAAAA,GACT,iLACAd,CAAA,EAEF,YAAU,gBACV,IAAAE,EACA,KAAK,SACL,MAAOE,EACN,GAAGD,CAAA,CAAA,CAGV"}

package/dist/counter-input-hbz8NVA1.js

@@ -0,0 +1,106 @@
+import { jsx as a } from "react/jsx-runtime";
+import { c as u } from "./utils-BOGlfttm.js";
+import { createContext as m, useState as g, useCallback as v, useMemo as C, use as h } from "react";
+const p = m(void 0);
+function w({
+  children: t,
+  className: n,
+  start: o = 0,
+  max: e = 10,
+  ...r
+}) {
+  const [s, l] = g(o), d = v(() => {
+    l((c) => c - 1);
+  }, [e]), b = v(() => {
+    l((c) => c + 1);
+  }, [e]), f = C(
+    () => ({
+      count: s,
+      max: e,
+      decrement: d,
+      increment: b
+    }),
+    [s, e, d, b]
+  );
+  return /* @__PURE__ */ a(p.Provider, { value: f, children: /* @__PURE__ */ a(
+    "div",
+    {
+      className: u(
+        "flex items-center justify-between rounded-lg border border-[var(--counter-border,hsl(var(--contrast-100)))] bg-[var(--counter-background,hsl(var(--background)))] font-[var(--counter-font-family,var(--font-family-body))] text-[var(--counter-text,hsl(var(--foreground)))]",
+        n
+      ),
+      "data-slot": "counter-root",
+      ...r,
+      children: t
+    }
+  ) });
+}
+function i() {
+  const t = h(p);
+  if (t === void 0)
+    throw new Error("useCounter must be used within a CounterRoot");
+  return t;
+}
+function N({ children: t, className: n, ...o }) {
+  const { count: e, decrement: r } = i();
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      className: u(
+        "group z-[1] rounded-l-lg p-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--counter-focus,hsl(var(--primary)))] enabled:hover:bg-[var(--counter-background-hover,color-mix(in_oklab,hsl(var(--contrast-100))_50%,transparent))] disabled:cursor-not-allowed disabled:opacity-50",
+        n
+      ),
+      "data-slot": "counter-decrease",
+      "data-state": e > 0 ? "enabled" : "disabled",
+      disabled: e === 0,
+      onClick: r,
+      type: "button",
+      ...o,
+      children: t
+    }
+  );
+}
+function _({ children: t, className: n, ...o }) {
+  const { count: e, max: r, increment: s } = i();
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      className: u(
+        "group z-[1] rounded-r-lg p-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--counter-focus,hsl(var(--primary)))] enabled:hover:bg-[var(--counter-background-hover,color-mix(in_oklab,hsl(var(--contrast-100))_50%,transparent))] disabled:cursor-not-allowed disabled:opacity-50",
+        n
+      ),
+      "data-slot": "counter-increase",
+      "data-state": e < r ? "enabled" : "disabled",
+      disabled: e === r,
+      onClick: s,
+      type: "button",
+      ...o,
+      children: t
+    }
+  );
+}
+function j({ className: t, ...n }) {
+  const { count: o, max: e } = i();
+  return /* @__PURE__ */ a(
+    "input",
+    {
+      className: u(
+        "w-8 bg-transparent text-center [appearance:textfield] focus-visible:outline-none [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
+        t
+      ),
+      "data-slot": "counter-input",
+      max: e,
+      type: "number",
+      value: o,
+      ...n
+    }
+  );
+}
+export {
+  w as C,
+  N as a,
+  _ as b,
+  j as c,
+  i as u
+};
+//# sourceMappingURL=counter-input-hbz8NVA1.js.map

package/dist/counter-input-hbz8NVA1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"counter-input-hbz8NVA1.js","sources":["../src/components/counter/primitives/counter-root.tsx","../src/components/counter/primitives/counter-decrease.tsx","../src/components/counter/primitives/counter-increase.tsx","../src/components/counter/primitives/counter-input.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, use, useCallback, useMemo, useState } from 'react';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\ninterface CounterContext {\n  count: number;\n  max: number;\n  decrement: () => void;\n  increment: () => void;\n}\n\nexport const CounterContext = createContext<CounterContext | undefined>(undefined);\n\nexport type CounterRootProps = ComponentProps<'div'> & {\n  start?: number;\n  max?: number;\n};\n\nexport function CounterRoot({\n  children,\n  className,\n  start = 0,\n  max = 10,\n  ...props\n}: CounterRootProps) {\n  const [count, setCount] = useState(start);\n\n  const decrement = useCallback(() => {\n    setCount((prev) => prev - 1);\n  }, [max]);\n\n  const increment = useCallback(() => {\n    setCount((prev) => prev + 1);\n  }, [max]);\n\n  const contextValues = useMemo(\n    () => ({\n      count,\n      max,\n      decrement,\n      increment,\n    }),\n    [count, max, decrement, increment],\n  );\n\n  return (\n    <CounterContext.Provider value={contextValues}>\n      <div\n        className={cn(\n          'flex items-center justify-between rounded-lg border border-[var(--counter-border,hsl(var(--contrast-100)))] bg-[var(--counter-background,hsl(var(--background)))] font-[var(--counter-font-family,var(--font-family-body))] text-[var(--counter-text,hsl(var(--foreground)))]',\n          className,\n        )}\n        data-slot=\"counter-root\"\n        {...props}\n      >\n        {children}\n      </div>\n    </CounterContext.Provider>\n  );\n}\n\nexport function useCounter() {\n  const context = use(CounterContext);\n\n  if (context === undefined) {\n    throw new Error('useCounter must be used within a CounterRoot');\n  }\n\n  return context;\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useCounter } from '@/components/counter';\nimport { cn } from '@/lib';\n\nexport type CounterDecreaseProps = ComponentProps<'button'>;\n\nexport function CounterDecrease({ children, className, ...props }: CounterDecreaseProps) {\n  const { count, decrement } = useCounter();\n\n  return (\n    <button\n      className={cn(\n        'group z-[1] rounded-l-lg p-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--counter-focus,hsl(var(--primary)))] enabled:hover:bg-[var(--counter-background-hover,color-mix(in_oklab,hsl(var(--contrast-100))_50%,transparent))] disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      data-slot=\"counter-decrease\"\n      data-state={count > 0 ? 'enabled' : 'disabled'}\n      disabled={count === 0}\n      onClick={decrement}\n      type=\"button\"\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useCounter } from '@/components/counter';\nimport { cn } from '@/lib';\n\nexport type CounterIncreaseProps = ComponentProps<'button'>;\n\nexport function CounterIncrease({ children, className, ...props }: CounterIncreaseProps) {\n  const { count, max, increment } = useCounter();\n\n  return (\n    <button\n      className={cn(\n        'group z-[1] rounded-r-lg p-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--counter-focus,hsl(var(--primary)))] enabled:hover:bg-[var(--counter-background-hover,color-mix(in_oklab,hsl(var(--contrast-100))_50%,transparent))] disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      data-slot=\"counter-increase\"\n      data-state={count < max ? 'enabled' : 'disabled'}\n      disabled={count === max}\n      onClick={increment}\n      type=\"button\"\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useCounter } from '@/components/counter';\nimport { cn } from '@/lib';\n\nexport type CounterInputProps = Omit<ComponentProps<'input'>, 'type'>;\n\nexport function CounterInput({ className, ...props }: CounterInputProps) {\n  const { count, max } = useCounter();\n\n  return (\n    <input\n      className={cn(\n        'w-8 bg-transparent text-center [appearance:textfield] focus-visible:outline-none [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none',\n        className,\n      )}\n      data-slot=\"counter-input\"\n      max={max}\n      type=\"number\"\n      value={count}\n      {...props}\n    />\n  );\n}\n"],"names":["CounterContext","createContext","CounterRoot","children","className","start","max","props","count","setCount","useState","decrement","useCallback","prev","increment","contextValues","useMemo","jsx","cn","useCounter","context","use","CounterDecrease","CounterIncrease","CounterInput"],"mappings":";;;AAcO,MAAMA,IAAiBC,EAA0C,MAAS;AAO1E,SAASC,EAAY;AAAA,EAC1B,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,KAAAC,IAAM;AAAA,EACN,GAAGC;AACL,GAAqB;AACnB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAASL,CAAK,GAElCM,IAAYC,EAAY,MAAM;AAClC,IAAAH,EAAS,CAACI,MAASA,IAAO,CAAC;AAAA,EAC7B,GAAG,CAACP,CAAG,CAAC,GAEFQ,IAAYF,EAAY,MAAM;AAClC,IAAAH,EAAS,CAACI,MAASA,IAAO,CAAC;AAAA,EAC7B,GAAG,CAACP,CAAG,CAAC,GAEFS,IAAgBC;AAAA,IACpB,OAAO;AAAA,MACL,OAAAR;AAAA,MACA,KAAAF;AAAA,MACA,WAAAK;AAAA,MACA,WAAAG;AAAA,IAAA;AAAA,IAEF,CAACN,GAAOF,GAAKK,GAAWG,CAAS;AAAA,EAAA;AAGnC,SACE,gBAAAG,EAACjB,EAAe,UAAf,EAAwB,OAAOe,GAC9B,UAAA,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAd;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGG;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEO,SAASgB,IAAa;AAC3B,QAAMC,IAAUC,EAAIrB,CAAc;AAElC,MAAIoB,MAAY;AACd,UAAM,IAAI,MAAM,8CAA8C;AAGhE,SAAOA;AACT;AC/DO,SAASE,EAAgB,EAAE,UAAAnB,GAAU,WAAAC,GAAW,GAAGG,KAA+B;AACvF,QAAM,EAAE,OAAAC,GAAO,WAAAG,EAAA,IAAcQ,EAAA;AAE7B,SACE,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAd;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACV,cAAYI,IAAQ,IAAI,YAAY;AAAA,MACpC,UAAUA,MAAU;AAAA,MACpB,SAASG;AAAA,MACT,MAAK;AAAA,MACJ,GAAGJ;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;ACnBO,SAASoB,EAAgB,EAAE,UAAApB,GAAU,WAAAC,GAAW,GAAGG,KAA+B;AACvF,QAAM,EAAE,OAAAC,GAAO,KAAAF,GAAK,WAAAQ,EAAA,IAAcK,EAAA;AAElC,SACE,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAd;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACV,cAAYI,IAAQF,IAAM,YAAY;AAAA,MACtC,UAAUE,MAAUF;AAAA,MACpB,SAASQ;AAAA,MACT,MAAK;AAAA,MACJ,GAAGP;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;ACnBO,SAASqB,EAAa,EAAE,WAAApB,GAAW,GAAGG,KAA4B;AACvE,QAAM,EAAE,OAAAC,GAAO,KAAAF,EAAA,IAAQa,EAAA;AAEvB,SACE,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAd;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACV,KAAAE;AAAA,MACA,MAAK;AAAA,MACL,OAAOE;AAAA,MACN,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/counter.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./counter-input-BJov0Fub.cjs");exports.Decrease=e.CounterDecrease;exports.Increase=e.CounterIncrease;exports.Input=e.CounterInput;exports.Root=e.CounterRoot;exports.useCounter=e.useCounter;
+//# sourceMappingURL=counter.cjs.map

package/dist/counter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"counter.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/counter.js

@@ -0,0 +1,9 @@
+import { a as s, b as o, c as r, C as t, u } from "./counter-input-hbz8NVA1.js";
+export {
+  s as Decrease,
+  o as Increase,
+  r as Input,
+  t as Root,
+  u as useCounter
+};
+//# sourceMappingURL=counter.js.map

package/dist/counter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"counter.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}