commerce-toolkit 0.0.39 → 0.0.40

package/dist/checkbox-indicator-Cfw9uH_b.js

@@ -0,0 +1,313 @@
+import { jsx as i, jsxs as z, Fragment as G } from "react/jsx-runtime";
+import * as n from "react";
+import { createContext as K, useMemo as U, use as X } from "react";
+import { c as R } from "./utils-BOGlfttm.js";
+import { u as S } from "./index-DLcqcWxM.js";
+import { c as V, P as $ } from "./index-Df-2-3xv.js";
+import { c as N } from "./index-B695uy69.js";
+import { u as J } from "./index-Cn_ZXVPF.js";
+import { u as Q } from "./index-B_420jYs.js";
+import { P as y } from "./index-BzgbBl8b.js";
+function W(e) {
+  const t = n.useRef({ value: e, previous: e });
+  return n.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
+}
+var P = "Checkbox", [Y] = V(P), [Z, I] = Y(P);
+function ee(e) {
+  const {
+    __scopeCheckbox: t,
+    checked: o,
+    children: s,
+    defaultChecked: a,
+    disabled: r,
+    form: l,
+    name: k,
+    onCheckedChange: h,
+    required: f,
+    value: x = "on",
+    // @ts-expect-error
+    internal_do_not_use_render: u
+  } = e, [b, g] = J({
+    prop: o,
+    defaultProp: a ?? !1,
+    onChange: h,
+    caller: P
+  }), [p, m] = n.useState(null), [C, c] = n.useState(null), d = n.useRef(!1), E = p ? !!l || !!p.closest("form") : (
+    // We set this to true by default so that events bubble to forms without JS (SSR)
+    !0
+  ), _ = {
+    checked: b,
+    disabled: r,
+    setChecked: g,
+    control: p,
+    setControl: m,
+    name: k,
+    form: l,
+    value: x,
+    hasConsumerStoppedPropagationRef: d,
+    required: f,
+    defaultChecked: v(a) ? !1 : a,
+    isFormControl: E,
+    bubbleInput: C,
+    setBubbleInput: c
+  };
+  return /* @__PURE__ */ i(
+    Z,
+    {
+      scope: t,
+      ..._,
+      children: re(u) ? u(_) : s
+    }
+  );
+}
+var B = "CheckboxTrigger", M = n.forwardRef(
+  ({ __scopeCheckbox: e, onKeyDown: t, onClick: o, ...s }, a) => {
+    const {
+      control: r,
+      value: l,
+      disabled: k,
+      checked: h,
+      required: f,
+      setControl: x,
+      setChecked: u,
+      hasConsumerStoppedPropagationRef: b,
+      isFormControl: g,
+      bubbleInput: p
+    } = I(B, e), m = S(a, x), C = n.useRef(h);
+    return n.useEffect(() => {
+      const c = r?.form;
+      if (c) {
+        const d = () => u(C.current);
+        return c.addEventListener("reset", d), () => c.removeEventListener("reset", d);
+      }
+    }, [r, u]), /* @__PURE__ */ i(
+      y.button,
+      {
+        type: "button",
+        role: "checkbox",
+        "aria-checked": v(h) ? "mixed" : h,
+        "aria-required": f,
+        "data-state": F(h),
+        "data-disabled": k ? "" : void 0,
+        disabled: k,
+        value: l,
+        ...s,
+        ref: m,
+        onKeyDown: N(t, (c) => {
+          c.key === "Enter" && c.preventDefault();
+        }),
+        onClick: N(o, (c) => {
+          u((d) => v(d) ? !0 : !d), p && g && (b.current = c.isPropagationStopped(), b.current || c.stopPropagation());
+        })
+      }
+    );
+  }
+);
+M.displayName = B;
+var T = n.forwardRef(
+  (e, t) => {
+    const {
+      __scopeCheckbox: o,
+      name: s,
+      checked: a,
+      defaultChecked: r,
+      required: l,
+      disabled: k,
+      value: h,
+      onCheckedChange: f,
+      form: x,
+      ...u
+    } = e;
+    return /* @__PURE__ */ i(
+      ee,
+      {
+        __scopeCheckbox: o,
+        checked: a,
+        defaultChecked: r,
+        disabled: k,
+        required: l,
+        onCheckedChange: f,
+        name: s,
+        form: x,
+        value: h,
+        internal_do_not_use_render: ({ isFormControl: b }) => /* @__PURE__ */ z(G, { children: [
+          /* @__PURE__ */ i(
+            M,
+            {
+              ...u,
+              ref: t,
+              __scopeCheckbox: o
+            }
+          ),
+          b && /* @__PURE__ */ i(
+            D,
+            {
+              __scopeCheckbox: o
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+T.displayName = P;
+var q = "CheckboxIndicator", A = n.forwardRef(
+  (e, t) => {
+    const { __scopeCheckbox: o, forceMount: s, ...a } = e, r = I(q, o);
+    return /* @__PURE__ */ i(
+      $,
+      {
+        present: s || v(r.checked) || r.checked === !0,
+        children: /* @__PURE__ */ i(
+          y.span,
+          {
+            "data-state": F(r.checked),
+            "data-disabled": r.disabled ? "" : void 0,
+            ...a,
+            ref: t,
+            style: { pointerEvents: "none", ...e.style }
+          }
+        )
+      }
+    );
+  }
+);
+A.displayName = q;
+var j = "CheckboxBubbleInput", D = n.forwardRef(
+  ({ __scopeCheckbox: e, ...t }, o) => {
+    const {
+      control: s,
+      hasConsumerStoppedPropagationRef: a,
+      checked: r,
+      defaultChecked: l,
+      required: k,
+      disabled: h,
+      name: f,
+      value: x,
+      form: u,
+      bubbleInput: b,
+      setBubbleInput: g
+    } = I(j, e), p = S(o, g), m = W(r), C = Q(s);
+    n.useEffect(() => {
+      const d = b;
+      if (!d) return;
+      const E = window.HTMLInputElement.prototype, w = Object.getOwnPropertyDescriptor(
+        E,
+        "checked"
+      ).set, O = !a.current;
+      if (m !== r && w) {
+        const H = new Event("click", { bubbles: O });
+        d.indeterminate = v(r), w.call(d, v(r) ? !1 : r), d.dispatchEvent(H);
+      }
+    }, [b, m, r, a]);
+    const c = n.useRef(v(r) ? !1 : r);
+    return /* @__PURE__ */ i(
+      y.input,
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: l ?? c.current,
+        required: k,
+        disabled: h,
+        name: f,
+        value: x,
+        form: u,
+        ...t,
+        tabIndex: -1,
+        ref: p,
+        style: {
+          ...t.style,
+          ...C,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0,
+          // We transform because the input is absolutely positioned but we have
+          // rendered it **after** the button. This pulls it back to sit on top
+          // of the button.
+          transform: "translateX(-100%)"
+        }
+      }
+    );
+  }
+);
+D.displayName = j;
+function re(e) {
+  return typeof e == "function";
+}
+function v(e) {
+  return e === "indeterminate";
+}
+function F(e) {
+  return v(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+const L = K(void 0);
+function ue({
+  children: e,
+  className: t,
+  colorScheme: o = "light",
+  ...s
+}) {
+  const a = U(
+    () => ({
+      colorScheme: o
+    }),
+    [o]
+  );
+  return /* @__PURE__ */ i(L.Provider, { value: a, children: /* @__PURE__ */ i(
+    T,
+    {
+      className: R(
+        "peer flex h-5 w-5 items-center justify-center rounded-md border transition-colors duration-150 focus-visible:outline-0 focus-visible:ring-2 focus-visible:ring-[var(--checkbox-focus,hsl(var(--primary)))] disabled:cursor-not-allowed",
+        {
+          light: R(
+            // Disabled states
+            "disabled:border-[var(--checkbox-light-disabled-border,hsl(var(--contrast-200)))] disabled:bg-[var(--checkbox-light-disabled-background,hsl(var(--contrast-100)))] disabled:text-[var(--checkbox-light-disabled-icon,hsl(var(--contrast-300)))]",
+            // Normal states
+            "enabled:data-[state=checked]:border-[var(--checkbox-light-checked-border,hsl(var(--foreground)))] enabled:data-[state=unchecked]:border-[var(--checkbox-light-unchecked-border,hsl(var(--contrast-200)))] enabled:data-[state=checked]:bg-[var(--checkbox-light-checked-background,hsl(var(--foreground)))] enabled:data-[state=unchecked]:bg-[var(--checkbox-light-unchecked-background,hsl(var(--background)))] enabled:data-[state=checked]:text-[var(--checkbox-light-checked-text,hsl(var(--background)))] enabled:data-[state=unchecked]:text-[var(--checkbox-light-unchecked-text,hsl(var(--foreground)))]",
+            // Hover states (only apply when checkbox is enabled)
+            "enabled:data-[state=checked]:hover:border-[var(--checkbox-light-checked-border-hover,hsl(var(--foreground)))] enabled:data-[state=unchecked]:hover:border-[var(--checkbox-light-unchecked-border-hover,hsl(var(--contrast-300)))]",
+            // Invalid states
+            "aria-invalid:border-[var(--checkbox-light-error,hsl(var(--error)))]"
+          ),
+          dark: R(
+            // Disabled states
+            "disabled:border-[var(--checkbox-dark-disabled-border,hsl(var(--contrast-200)))] disabled:bg-[var(--checkbox-dark-disabled-background,hsl(var(--contrast-100)))] disabled:text-[var(--checkbox-dark-disabled-icon,hsl(var(--contrast-300)))]",
+            // Normal states
+            "enabled:data-[state=checked]:border-[var(--checkbox-dark-checked-border,hsl(var(--background)))] enabled:data-[state=unchecked]:border-[var(--checkbox-dark-unchecked-border,hsl(var(--contrast-400)))] enabled:data-[state=checked]:bg-[var(--checkbox-dark-checked-background,hsl(var(--foreground)))] enabled:data-[state=unchecked]:bg-[var(--checkbox-dark-unchecked-background,hsl(var(--foreground)))] enabled:data-[state=checked]:text-[var(--checkbox-dark-checked-text,hsl(var(--background)))] enabled:data-[state=unchecked]:text-[var(--checkbox-dark-unchecked-text,hsl(var(--background)))]",
+            // Hover states (only apply when checkbox is enabled)
+            "enabled:data-[state=checked]:hover:border-[var(--checkbox-dark-checked-border-hover,hsl(var(--background)))] enabled:data-[state=unchecked]:hover:border-[var(--checkbox-dark-unchecked-border-hover,hsl(var(--contrast-300)))]",
+            // Invalid states
+            "aria-invalid:border-[var(--checkbox-dark-error,hsl(var(--error)))]"
+          )
+        }[o]
+      ),
+      "data-slot": "checkbox-root",
+      ...s,
+      children: e
+    }
+  ) });
+}
+function be() {
+  const e = X(L);
+  if (e === void 0)
+    throw new Error("useCheckbox must be used within an CheckboxRoot");
+  return e;
+}
+function le({ className: e, children: t, ...o }) {
+  return /* @__PURE__ */ i(
+    A,
+    {
+      className: R(e),
+      "data-slot": "checkbox-indicator",
+      ...o,
+      children: t
+    }
+  );
+}
+export {
+  ue as C,
+  le as a,
+  be as u
+};
+//# sourceMappingURL=checkbox-indicator-Cfw9uH_b.js.map

package/dist/checkbox-indicator-Cfw9uH_b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-indicator-Cfw9uH_b.js","sources":["../node_modules/.pnpm/@radix-ui+react-use-previous@1.1.1_@types+react@19.2.2_react@19.2.0/node_modules/@radix-ui/react-use-previous/dist/index.mjs","../node_modules/.pnpm/@radix-ui+react-checkbox@1.3.3_@types+react-dom@19.2.2_@types+react@19.2.2__@types+react@19.2_pia3geztaxdtc7a3vc4d2dm3y4/node_modules/@radix-ui/react-checkbox/dist/index.mjs","../src/components/checkbox/primitives/checkbox-root.tsx","../src/components/checkbox/primitives/checkbox-indicator.tsx"],"sourcesContent":["// packages/react/use-previous/src/use-previous.tsx\nimport * as React from \"react\";\nfunction usePrevious(value) {\n  const ref = React.useRef({ value, previous: value });\n  return React.useMemo(() => {\n    if (ref.current.value !== value) {\n      ref.current.previous = ref.current.value;\n      ref.current.value = value;\n    }\n    return ref.current.previous;\n  }, [value]);\n}\nexport {\n  usePrevious\n};\n//# sourceMappingURL=index.mjs.map\n","\"use client\";\n\n// src/checkbox.tsx\nimport * as React from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nvar CHECKBOX_NAME = \"Checkbox\";\nvar [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);\nvar [CheckboxProviderImpl, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);\nfunction CheckboxProvider(props) {\n  const {\n    __scopeCheckbox,\n    checked: checkedProp,\n    children,\n    defaultChecked,\n    disabled,\n    form,\n    name,\n    onCheckedChange,\n    required,\n    value = \"on\",\n    // @ts-expect-error\n    internal_do_not_use_render\n  } = props;\n  const [checked, setChecked] = useControllableState({\n    prop: checkedProp,\n    defaultProp: defaultChecked ?? false,\n    onChange: onCheckedChange,\n    caller: CHECKBOX_NAME\n  });\n  const [control, setControl] = React.useState(null);\n  const [bubbleInput, setBubbleInput] = React.useState(null);\n  const hasConsumerStoppedPropagationRef = React.useRef(false);\n  const isFormControl = control ? !!form || !!control.closest(\"form\") : (\n    // We set this to true by default so that events bubble to forms without JS (SSR)\n    true\n  );\n  const context = {\n    checked,\n    disabled,\n    setChecked,\n    control,\n    setControl,\n    name,\n    form,\n    value,\n    hasConsumerStoppedPropagationRef,\n    required,\n    defaultChecked: isIndeterminate(defaultChecked) ? false : defaultChecked,\n    isFormControl,\n    bubbleInput,\n    setBubbleInput\n  };\n  return /* @__PURE__ */ jsx(\n    CheckboxProviderImpl,\n    {\n      scope: __scopeCheckbox,\n      ...context,\n      children: isFunction(internal_do_not_use_render) ? internal_do_not_use_render(context) : children\n    }\n  );\n}\nvar TRIGGER_NAME = \"CheckboxTrigger\";\nvar CheckboxTrigger = React.forwardRef(\n  ({ __scopeCheckbox, onKeyDown, onClick, ...checkboxProps }, forwardedRef) => {\n    const {\n      control,\n      value,\n      disabled,\n      checked,\n      required,\n      setControl,\n      setChecked,\n      hasConsumerStoppedPropagationRef,\n      isFormControl,\n      bubbleInput\n    } = useCheckboxContext(TRIGGER_NAME, __scopeCheckbox);\n    const composedRefs = useComposedRefs(forwardedRef, setControl);\n    const initialCheckedStateRef = React.useRef(checked);\n    React.useEffect(() => {\n      const form = control?.form;\n      if (form) {\n        const reset = () => setChecked(initialCheckedStateRef.current);\n        form.addEventListener(\"reset\", reset);\n        return () => form.removeEventListener(\"reset\", reset);\n      }\n    }, [control, setChecked]);\n    return /* @__PURE__ */ jsx(\n      Primitive.button,\n      {\n        type: \"button\",\n        role: \"checkbox\",\n        \"aria-checked\": isIndeterminate(checked) ? \"mixed\" : checked,\n        \"aria-required\": required,\n        \"data-state\": getState(checked),\n        \"data-disabled\": disabled ? \"\" : void 0,\n        disabled,\n        value,\n        ...checkboxProps,\n        ref: composedRefs,\n        onKeyDown: composeEventHandlers(onKeyDown, (event) => {\n          if (event.key === \"Enter\") event.preventDefault();\n        }),\n        onClick: composeEventHandlers(onClick, (event) => {\n          setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);\n          if (bubbleInput && isFormControl) {\n            hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n            if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n          }\n        })\n      }\n    );\n  }\n);\nCheckboxTrigger.displayName = TRIGGER_NAME;\nvar Checkbox = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeCheckbox,\n      name,\n      checked,\n      defaultChecked,\n      required,\n      disabled,\n      value,\n      onCheckedChange,\n      form,\n      ...checkboxProps\n    } = props;\n    return /* @__PURE__ */ jsx(\n      CheckboxProvider,\n      {\n        __scopeCheckbox,\n        checked,\n        defaultChecked,\n        disabled,\n        required,\n        onCheckedChange,\n        name,\n        form,\n        value,\n        internal_do_not_use_render: ({ isFormControl }) => /* @__PURE__ */ jsxs(Fragment, { children: [\n          /* @__PURE__ */ jsx(\n            CheckboxTrigger,\n            {\n              ...checkboxProps,\n              ref: forwardedRef,\n              __scopeCheckbox\n            }\n          ),\n          isFormControl && /* @__PURE__ */ jsx(\n            CheckboxBubbleInput,\n            {\n              __scopeCheckbox\n            }\n          )\n        ] })\n      }\n    );\n  }\n);\nCheckbox.displayName = CHECKBOX_NAME;\nvar INDICATOR_NAME = \"CheckboxIndicator\";\nvar CheckboxIndicator = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;\n    const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);\n    return /* @__PURE__ */ jsx(\n      Presence,\n      {\n        present: forceMount || isIndeterminate(context.checked) || context.checked === true,\n        children: /* @__PURE__ */ jsx(\n          Primitive.span,\n          {\n            \"data-state\": getState(context.checked),\n            \"data-disabled\": context.disabled ? \"\" : void 0,\n            ...indicatorProps,\n            ref: forwardedRef,\n            style: { pointerEvents: \"none\", ...props.style }\n          }\n        )\n      }\n    );\n  }\n);\nCheckboxIndicator.displayName = INDICATOR_NAME;\nvar BUBBLE_INPUT_NAME = \"CheckboxBubbleInput\";\nvar CheckboxBubbleInput = React.forwardRef(\n  ({ __scopeCheckbox, ...props }, forwardedRef) => {\n    const {\n      control,\n      hasConsumerStoppedPropagationRef,\n      checked,\n      defaultChecked,\n      required,\n      disabled,\n      name,\n      value,\n      form,\n      bubbleInput,\n      setBubbleInput\n    } = useCheckboxContext(BUBBLE_INPUT_NAME, __scopeCheckbox);\n    const composedRefs = useComposedRefs(forwardedRef, setBubbleInput);\n    const prevChecked = usePrevious(checked);\n    const controlSize = useSize(control);\n    React.useEffect(() => {\n      const input = bubbleInput;\n      if (!input) return;\n      const inputProto = window.HTMLInputElement.prototype;\n      const descriptor = Object.getOwnPropertyDescriptor(\n        inputProto,\n        \"checked\"\n      );\n      const setChecked = descriptor.set;\n      const bubbles = !hasConsumerStoppedPropagationRef.current;\n      if (prevChecked !== checked && setChecked) {\n        const event = new Event(\"click\", { bubbles });\n        input.indeterminate = isIndeterminate(checked);\n        setChecked.call(input, isIndeterminate(checked) ? false : checked);\n        input.dispatchEvent(event);\n      }\n    }, [bubbleInput, prevChecked, checked, hasConsumerStoppedPropagationRef]);\n    const defaultCheckedRef = React.useRef(isIndeterminate(checked) ? false : checked);\n    return /* @__PURE__ */ jsx(\n      Primitive.input,\n      {\n        type: \"checkbox\",\n        \"aria-hidden\": true,\n        defaultChecked: defaultChecked ?? defaultCheckedRef.current,\n        required,\n        disabled,\n        name,\n        value,\n        form,\n        ...props,\n        tabIndex: -1,\n        ref: composedRefs,\n        style: {\n          ...props.style,\n          ...controlSize,\n          position: \"absolute\",\n          pointerEvents: \"none\",\n          opacity: 0,\n          margin: 0,\n          // We transform because the input is absolutely positioned but we have\n          // rendered it **after** the button. This pulls it back to sit on top\n          // of the button.\n          transform: \"translateX(-100%)\"\n        }\n      }\n    );\n  }\n);\nCheckboxBubbleInput.displayName = BUBBLE_INPUT_NAME;\nfunction isFunction(value) {\n  return typeof value === \"function\";\n}\nfunction isIndeterminate(checked) {\n  return checked === \"indeterminate\";\n}\nfunction getState(checked) {\n  return isIndeterminate(checked) ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\";\n}\nexport {\n  Checkbox,\n  CheckboxIndicator,\n  CheckboxIndicator as Indicator,\n  Checkbox as Root,\n  createCheckboxScope,\n  CheckboxBubbleInput as unstable_BubbleInput,\n  CheckboxBubbleInput as unstable_CheckboxBubbleInput,\n  CheckboxProvider as unstable_CheckboxProvider,\n  CheckboxTrigger as unstable_CheckboxTrigger,\n  CheckboxProvider as unstable_Provider,\n  CheckboxTrigger as unstable_Trigger\n};\n//# sourceMappingURL=index.mjs.map\n","'use client';\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { createContext, use, useMemo } from 'react';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib/utils';\n\ninterface CheckboxContext {\n  colorScheme: 'light' | 'dark';\n}\n\nexport const CheckboxContext = createContext<CheckboxContext | undefined>(undefined);\n\nexport type CheckboxRootProps = ComponentProps<typeof CheckboxPrimitive.Root> & {\n  colorScheme?: 'light' | 'dark';\n};\n\nexport function CheckboxRoot({\n  children,\n  className,\n  colorScheme = 'light',\n  ...props\n}: CheckboxRootProps) {\n  const contextValues = useMemo(\n    () => ({\n      colorScheme,\n    }),\n    [colorScheme],\n  );\n\n  return (\n    <CheckboxContext.Provider value={contextValues}>\n      <CheckboxPrimitive.Root\n        className={cn(\n          'peer flex h-5 w-5 items-center justify-center rounded-md border transition-colors duration-150 focus-visible:outline-0 focus-visible:ring-2 focus-visible:ring-[var(--checkbox-focus,hsl(var(--primary)))] disabled:cursor-not-allowed',\n          {\n            light: cn(\n              // Disabled states\n              'disabled:border-[var(--checkbox-light-disabled-border,hsl(var(--contrast-200)))] disabled:bg-[var(--checkbox-light-disabled-background,hsl(var(--contrast-100)))] disabled:text-[var(--checkbox-light-disabled-icon,hsl(var(--contrast-300)))]',\n              // Normal states\n              'enabled:data-[state=checked]:border-[var(--checkbox-light-checked-border,hsl(var(--foreground)))] enabled:data-[state=unchecked]:border-[var(--checkbox-light-unchecked-border,hsl(var(--contrast-200)))] enabled:data-[state=checked]:bg-[var(--checkbox-light-checked-background,hsl(var(--foreground)))] enabled:data-[state=unchecked]:bg-[var(--checkbox-light-unchecked-background,hsl(var(--background)))] enabled:data-[state=checked]:text-[var(--checkbox-light-checked-text,hsl(var(--background)))] enabled:data-[state=unchecked]:text-[var(--checkbox-light-unchecked-text,hsl(var(--foreground)))]',\n              // Hover states (only apply when checkbox is enabled)\n              'enabled:data-[state=checked]:hover:border-[var(--checkbox-light-checked-border-hover,hsl(var(--foreground)))] enabled:data-[state=unchecked]:hover:border-[var(--checkbox-light-unchecked-border-hover,hsl(var(--contrast-300)))]',\n              // Invalid states\n              'aria-invalid:border-[var(--checkbox-light-error,hsl(var(--error)))]',\n            ),\n            dark: cn(\n              // Disabled states\n              'disabled:border-[var(--checkbox-dark-disabled-border,hsl(var(--contrast-200)))] disabled:bg-[var(--checkbox-dark-disabled-background,hsl(var(--contrast-100)))] disabled:text-[var(--checkbox-dark-disabled-icon,hsl(var(--contrast-300)))]',\n              // Normal states\n              'enabled:data-[state=checked]:border-[var(--checkbox-dark-checked-border,hsl(var(--background)))] enabled:data-[state=unchecked]:border-[var(--checkbox-dark-unchecked-border,hsl(var(--contrast-400)))] enabled:data-[state=checked]:bg-[var(--checkbox-dark-checked-background,hsl(var(--foreground)))] enabled:data-[state=unchecked]:bg-[var(--checkbox-dark-unchecked-background,hsl(var(--foreground)))] enabled:data-[state=checked]:text-[var(--checkbox-dark-checked-text,hsl(var(--background)))] enabled:data-[state=unchecked]:text-[var(--checkbox-dark-unchecked-text,hsl(var(--background)))]',\n              // Hover states (only apply when checkbox is enabled)\n              'enabled:data-[state=checked]:hover:border-[var(--checkbox-dark-checked-border-hover,hsl(var(--background)))] enabled:data-[state=unchecked]:hover:border-[var(--checkbox-dark-unchecked-border-hover,hsl(var(--contrast-300)))]',\n              // Invalid states\n              'aria-invalid:border-[var(--checkbox-dark-error,hsl(var(--error)))]',\n            ),\n          }[colorScheme],\n        )}\n        data-slot=\"checkbox-root\"\n        {...props}\n      >\n        {children}\n      </CheckboxPrimitive.Root>\n    </CheckboxContext.Provider>\n  );\n}\n\nexport function useCheckbox() {\n  const context = use(CheckboxContext);\n\n  if (context === undefined) {\n    throw new Error('useCheckbox must be used within an CheckboxRoot');\n  }\n\n  return context;\n}\n","'use client';\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type CheckboxIndicatorProps = ComponentProps<typeof CheckboxPrimitive.Indicator>;\n\nexport function CheckboxIndicator({ className, children, ...props }: CheckboxIndicatorProps) {\n  return (\n    <CheckboxPrimitive.Indicator\n      className={cn(className)}\n      data-slot=\"checkbox-indicator\"\n      {...props}\n    >\n      {children}\n    </CheckboxPrimitive.Indicator>\n  );\n}\n"],"names":["usePrevious","value","ref","React","CHECKBOX_NAME","createCheckboxContext","createContextScope","CheckboxProviderImpl","useCheckboxContext","CheckboxProvider","props","__scopeCheckbox","checkedProp","children","defaultChecked","disabled","form","name","onCheckedChange","required","internal_do_not_use_render","checked","setChecked","useControllableState","control","setControl","bubbleInput","setBubbleInput","hasConsumerStoppedPropagationRef","isFormControl","context","isIndeterminate","jsx","isFunction","TRIGGER_NAME","CheckboxTrigger","onKeyDown","onClick","checkboxProps","forwardedRef","composedRefs","useComposedRefs","initialCheckedStateRef","reset","Primitive","getState","composeEventHandlers","event","prevChecked","Checkbox","jsxs","Fragment","CheckboxBubbleInput","INDICATOR_NAME","CheckboxIndicator","forceMount","indicatorProps","Presence","BUBBLE_INPUT_NAME","controlSize","useSize","input","inputProto","bubbles","defaultCheckedRef","CheckboxContext","createContext","CheckboxRoot","className","colorScheme","contextValues","useMemo","CheckboxPrimitive.Root","cn","useCheckbox","use","CheckboxPrimitive.Indicator"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/checkbox.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./checkbox-indicator-BgXRGvAh.cjs");exports.Indicator=o.CheckboxIndicator;exports.Root=o.CheckboxRoot;exports.useCheckbox=o.useCheckbox;
+//# sourceMappingURL=checkbox.cjs.map

package/dist/checkbox.cjs.map

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

package/dist/checkbox.js

@@ -0,0 +1,7 @@
+import { a as s, C as e, u as r } from "./checkbox-indicator-Cfw9uH_b.js";
+export {
+  s as Indicator,
+  e as Root,
+  r as useCheckbox
+};
+//# sourceMappingURL=checkbox.js.map

package/dist/checkbox.js.map

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

package/dist/{compare-drawer-remove-aLeR1WyI.js → compare-drawer-remove-BBcOUiSl.js}

@@ -1,13 +1,13 @@
 import { jsx as o } from "react/jsx-runtime";
 import { R as d } from "./index-CM8VpmHn.js";
 import { c as t } from "./utils-BOGlfttm.js";
-import { S as c } from "./index-DD8W7cMj.js";
-function v({ children: r, ...a }) {
-  return /* @__PURE__ */ o(d, { "data-slot": "compare-drawer-root", ...a, children: r });
+import { S as n } from "./index-DD8W7cMj.js";
+function u({ children: a, ...r }) {
+  return /* @__PURE__ */ o(d, { "data-slot": "compare-drawer-root", ...r, children: a });
 }
 function w({
-  className: r,
-  children: a,
+  className: a,
+  children: r,
   ...e
 }) {
   return /* @__PURE__ */ o(
@@ -15,81 +15,103 @@ function w({
     {
       className: t(
         "sticky bottom-0 z-10 w-full border-t border-[var(--compare-drawer-card-border,hsl(var(--contrast-100)))] bg-[var(--compare-drawer-background,hsl(var(--background)))] px-3 py-4 @container @md:py-5 @xl:px-6 @5xl:px-10",
-        r
+        a
       ),
       "data-slot": "compare-drawer-viewport",
       ...e,
-      children: a
+      children: r
     }
   );
 }
-function f({ children: r, className: a, ...e }) {
+function v({ children: a, className: r, ...e }) {
   return /* @__PURE__ */ o(
     "div",
     {
       className: t(
         "mx-auto flex w-full max-w-7xl flex-col items-start justify-end gap-x-3 gap-y-4 @md:flex-row",
-        a
+        r
       ),
       "data-slot": "compare-drawer-content",
       ...e,
-      children: r
+      children: a
     }
   );
 }
-function b({
-  children: r,
-  className: a,
+function f({
+  children: a,
+  className: r,
   ...e
 }) {
   return /* @__PURE__ */ o(
     "div",
     {
-      className: t("flex flex-1 flex-wrap justify-end gap-4", a),
+      className: t("flex flex-1 flex-wrap justify-end gap-4", r),
       "data-slot": "compare-drawer-item-list",
       ...e,
-      children: r
+      children: a
     }
   );
 }
-function g({ children: r, className: a, ...e }) {
-  return /* @__PURE__ */ o("div", { className: t("relative", a), "data-slot": "compare-drawer-item", ...e, children: r });
+function b({ children: a, className: r, ...e }) {
+  return /* @__PURE__ */ o("div", { className: t("relative", r), "data-slot": "compare-drawer-item", ...e, children: a });
 }
 function h({
-  asChild: r = !1,
-  className: a,
+  asChild: a = !1,
+  className: r,
   children: e,
   ...s
 }) {
-  const n = t(
-    "group relative flex max-w-56 items-center overflow-hidden whitespace-nowrap rounded-xl border border-[var(--compare-drawer-link-border,hsl(var(--contrast-100)))] bg-[var(--compare-drawer-card-background,hsl(var(--background)))] font-semibold ring-[var(--compare-drawer-card-focus,hsl(var(--primary)))] transition-all duration-150 hover:bg-[var(--compare-drawer-card-background-hover,hsl(var(--contrast-100)))] focus:outline-none focus:ring-2",
-    a
+  return /* @__PURE__ */ o(
+    a ? n : "a",
+    {
+      className: t(
+        "group relative flex max-w-56 items-center overflow-hidden whitespace-nowrap rounded-xl border border-[var(--compare-drawer-link-border,hsl(var(--contrast-100)))] bg-[var(--compare-drawer-card-background,hsl(var(--background)))] font-semibold ring-[var(--compare-drawer-card-focus,hsl(var(--primary)))] transition-all duration-150 hover:bg-[var(--compare-drawer-card-background-hover,hsl(var(--contrast-100)))] focus:outline-none focus:ring-2",
+        r
+      ),
+      "data-slot": "compare-drawer-link",
+      ...s
+    }
+  );
+}
+function g({
+  children: a,
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: t(
+        "relative aspect-square w-12 shrink-0 bg-[var(--compare-drawer-card-image-background,hsl(var(--contrast-100)))]",
+        r
+      ),
+      "data-slot": "compare-drawer-image",
+      ...e,
+      children: a
+    }
   );
-  return r ? /* @__PURE__ */ o(c, { className: n, "data-slot": "compare-drawer-link", ...s, children: e }) : /* @__PURE__ */ o("a", { className: n, "data-slot": "compare-drawer-link", ...s, children: e });
 }
 function x({
-  children: r,
-  className: a,
+  children: a,
+  className: r,
   asChild: e = !1,
   ...s
 }) {
-  const n = "h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-110", l = () => e && r ? /* @__PURE__ */ o(c, { className: n, children: r }) : r;
   return /* @__PURE__ */ o(
-    "div",
+    e ? n : "img",
     {
       className: t(
-        "relative aspect-square w-12 shrink-0 bg-[var(--compare-drawer-card-image-background,hsl(var(--contrast-100)))]",
-        a
+        "h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-110",
+        r
       ),
       "data-slot": "compare-drawer-image",
-      ...s,
-      children: l()
+      ...s
     }
   );
 }
 function k({
-  children: r,
-  className: a,
+  children: a,
+  className: r,
   ...e
 }) {
   return /* @__PURE__ */ o(
@@ -97,53 +119,54 @@ function k({
     {
       className: t(
         "flex h-full w-full items-center justify-center break-all p-1 text-xs text-[var(--compare-drawer-empty-image-text,var(--primary-shadow))] opacity-20",
-        a
+        r
       ),
       "data-slot": "compare-drawer-fallback",
       ...e,
-      children: r.split(" ").map((s) => s[0]).join("").toUpperCase().slice(0, 2)
+      children: a.split(" ").map((s) => s[0]).join("").toUpperCase().slice(0, 2)
     }
   );
 }
-function C({ children: r, className: a, ...e }) {
+function C({ children: a, className: r, ...e }) {
   return /* @__PURE__ */ o(
     "span",
     {
       className: t(
         "hidden truncate pl-3 pr-5 text-[var(--compare-drawer-card-text,hsl(var(--foreground)))] @4xl:block",
-        a
+        r
       ),
       "data-slot": "compare-drawer-title",
       ...e,
-      children: r
+      children: a
     }
   );
 }
-function y({ className: r, children: a, ...e }) {
+function y({ className: a, children: r, ...e }) {
   return /* @__PURE__ */ o(
     "button",
     {
       className: t(
         "absolute -right-2.5 -top-2.5 flex h-7 w-7 items-center justify-center rounded-full border border-[var(--compare-drawer-dismiss-border,hsl(var(--contrast-100)))] bg-[var(--compare-drawer-dismiss-background,hsl(var(--background)))] text-[var(--compare-drawer-dismiss-icon,hsl(var(--contrast-400)))] transition-colors duration-150 hover:border-[var(--compare-drawer-dismiss-border-hover,hsl(var(--contrast-200)))] hover:bg-[var(--compare-drawer-dismiss-background-hover,hsl(var(--contrast-100)))] hover:text-[var(--compare-drawer-dismiss-icon-hover,hsl(var(--foreground)))]",
-        r
+        a
       ),
       "data-slot": "compare-drawer-remove",
       type: "button",
       ...e,
-      children: a
+      children: r
     }
   );
 }
 export {
-  v as C,
+  u as C,
   w as a,
-  f as b,
-  b as c,
-  g as d,
+  v as b,
+  f as c,
+  b as d,
   h as e,
-  x as f,
-  k as g,
-  C as h,
-  y as i
+  g as f,
+  x as g,
+  k as h,
+  C as i,
+  y as j
 };
-//# sourceMappingURL=compare-drawer-remove-aLeR1WyI.js.map
+//# sourceMappingURL=compare-drawer-remove-BBcOUiSl.js.map

package/dist/compare-drawer-remove-BBcOUiSl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compare-drawer-remove-BBcOUiSl.js","sources":["../src/components/compare-drawer/primitives/compare-drawer-root.tsx","../src/components/compare-drawer/primitives/compare-drawer-viewport.tsx","../src/components/compare-drawer/primitives/compare-drawer-content.tsx","../src/components/compare-drawer/primitives/compare-drawer-item-list.tsx","../src/components/compare-drawer/primitives/compare-drawer-item.tsx","../src/components/compare-drawer/primitives/compare-drawer-link.tsx","../src/components/compare-drawer/primitives/compare-drawer-thumbnail.tsx","../src/components/compare-drawer/primitives/compare-drawer-image.tsx","../src/components/compare-drawer/primitives/compare-drawer-fallback.tsx","../src/components/compare-drawer/primitives/compare-drawer-title.tsx","../src/components/compare-drawer/primitives/compare-drawer-remove.tsx"],"sourcesContent":["'use client';\n\nimport * as Portal from '@radix-ui/react-portal';\nimport type { ComponentProps } from 'react';\n\nexport type CompareDrawerRootProps = ComponentProps<typeof Portal.Root>;\n\nexport function CompareDrawerRoot({ children, ...props }: CompareDrawerRootProps) {\n  return (\n    <Portal.Root data-slot=\"compare-drawer-root\" {...props}>\n      {children}\n    </Portal.Root>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CompareDrawerViewportProps = ComponentProps<'div'>;\n\nexport function CompareDrawerViewport({\n  className,\n  children,\n  ...props\n}: CompareDrawerViewportProps) {\n  return (\n    <div\n      className={cn(\n        'sticky bottom-0 z-10 w-full border-t border-[var(--compare-drawer-card-border,hsl(var(--contrast-100)))] bg-[var(--compare-drawer-background,hsl(var(--background)))] px-3 py-4 @container @md:py-5 @xl:px-6 @5xl:px-10',\n        className,\n      )}\n      data-slot=\"compare-drawer-viewport\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CompareDrawerContentProps = ComponentProps<'div'>;\n\nexport function CompareDrawerContent({ children, className, ...props }: CompareDrawerContentProps) {\n  return (\n    <div\n      className={cn(\n        'mx-auto flex w-full max-w-7xl flex-col items-start justify-end gap-x-3 gap-y-4 @md:flex-row',\n        className,\n      )}\n      data-slot=\"compare-drawer-content\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CompareDrawerItemListProps = ComponentProps<'div'>;\n\nexport function CompareDrawerItemList({\n  children,\n  className,\n  ...props\n}: CompareDrawerItemListProps) {\n  return (\n    <div\n      className={cn('flex flex-1 flex-wrap justify-end gap-4', className)}\n      data-slot=\"compare-drawer-item-list\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CompareDrawerItemProps = ComponentProps<'div'>;\n\nexport function CompareDrawerItem({ children, className, ...props }: CompareDrawerItemProps) {\n  return (\n    <div className={cn('relative', className)} data-slot=\"compare-drawer-item\" {...props}>\n      {children}\n    </div>\n  );\n}\n","import { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface CompareDrawerLinkProps extends ComponentProps<'a'> {\n  asChild?: boolean;\n}\n\nexport function CompareDrawerLink({\n  asChild = false,\n  className,\n  children,\n  ...props\n}: CompareDrawerLinkProps) {\n  const Component = asChild ? Slot : 'a';\n\n  return (\n    <Component\n      className={cn(\n        'group relative flex max-w-56 items-center overflow-hidden whitespace-nowrap rounded-xl border border-[var(--compare-drawer-link-border,hsl(var(--contrast-100)))] bg-[var(--compare-drawer-card-background,hsl(var(--background)))] font-semibold ring-[var(--compare-drawer-card-focus,hsl(var(--primary)))] transition-all duration-150 hover:bg-[var(--compare-drawer-card-background-hover,hsl(var(--contrast-100)))] focus:outline-none focus:ring-2',\n        className,\n      )}\n      data-slot=\"compare-drawer-link\"\n      {...props}\n    />\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CompareDrawerThumbnailProps = ComponentProps<'div'>;\n\nexport function CompareDrawerThumbnail({\n  children,\n  className,\n  ...props\n}: CompareDrawerThumbnailProps) {\n  return (\n    <div\n      className={cn(\n        'relative aspect-square w-12 shrink-0 bg-[var(--compare-drawer-card-image-background,hsl(var(--contrast-100)))]',\n        className,\n      )}\n      data-slot=\"compare-drawer-image\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CompareDrawerImageProps = ComponentProps<'img'> & {\n  asChild?: boolean;\n};\n\nexport function CompareDrawerImage({\n  children,\n  className,\n  asChild = false,\n  ...props\n}: CompareDrawerImageProps) {\n  const Component = asChild ? Slot : 'img';\n\n  return (\n    <Component\n      className={cn(\n        'h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-110',\n        className,\n      )}\n      data-slot=\"compare-drawer-image\"\n      {...props}\n    />\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CompareDrawerFallbackProps = ComponentProps<'span'> & {\n  children: string;\n};\n\nexport function CompareDrawerFallback({\n  children,\n  className,\n  ...props\n}: CompareDrawerFallbackProps) {\n  return (\n    <span\n      className={cn(\n        'flex h-full w-full items-center justify-center break-all p-1 text-xs text-[var(--compare-drawer-empty-image-text,var(--primary-shadow))] opacity-20',\n        className,\n      )}\n      data-slot=\"compare-drawer-fallback\"\n      {...props}\n    >\n      {children\n        .split(' ')\n        .map((word) => word[0])\n        .join('')\n        .toUpperCase()\n        .slice(0, 2)}\n    </span>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CompareDrawerTitleProps = ComponentProps<'span'>;\n\nexport function CompareDrawerTitle({ children, className, ...props }: CompareDrawerTitleProps) {\n  return (\n    <span\n      className={cn(\n        'hidden truncate pl-3 pr-5 text-[var(--compare-drawer-card-text,hsl(var(--foreground)))] @4xl:block',\n        className,\n      )}\n      data-slot=\"compare-drawer-title\"\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CompareDrawerRemoveProps = ComponentProps<'button'>;\n\nexport function CompareDrawerRemove({ className, children, ...props }: CompareDrawerRemoveProps) {\n  return (\n    <button\n      className={cn(\n        'absolute -right-2.5 -top-2.5 flex h-7 w-7 items-center justify-center rounded-full border border-[var(--compare-drawer-dismiss-border,hsl(var(--contrast-100)))] bg-[var(--compare-drawer-dismiss-background,hsl(var(--background)))] text-[var(--compare-drawer-dismiss-icon,hsl(var(--contrast-400)))] transition-colors duration-150 hover:border-[var(--compare-drawer-dismiss-border-hover,hsl(var(--contrast-200)))] hover:bg-[var(--compare-drawer-dismiss-background-hover,hsl(var(--contrast-100)))] hover:text-[var(--compare-drawer-dismiss-icon-hover,hsl(var(--foreground)))]',\n        className,\n      )}\n      data-slot=\"compare-drawer-remove\"\n      type=\"button\"\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n"],"names":["CompareDrawerRoot","children","props","jsx","Portal.Root","CompareDrawerViewport","className","cn","CompareDrawerContent","CompareDrawerItemList","CompareDrawerItem","CompareDrawerLink","asChild","Slot","CompareDrawerThumbnail","CompareDrawerImage","CompareDrawerFallback","word","CompareDrawerTitle","CompareDrawerRemove"],"mappings":"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"}

package/dist/compare-drawer-remove-ozXLyKba.cjs

@@ -0,0 +1,2 @@
+"use strict";const o=require("react/jsx-runtime"),l=require("./index-BgU5ZH3M.cjs"),t=require("./utils-LBH114_M.cjs"),c=require("./index-DGaxX11V.cjs");function i({children:e,...r}){return o.jsx(l.Root,{"data-slot":"compare-drawer-root",...r,children:e})}function m({className:e,children:r,...a}){return o.jsx("div",{className:t.cn("sticky bottom-0 z-10 w-full border-t border-[var(--compare-drawer-card-border,hsl(var(--contrast-100)))] bg-[var(--compare-drawer-background,hsl(var(--background)))] px-3 py-4 @container @md:py-5 @xl:px-6 @5xl:px-10",e),"data-slot":"compare-drawer-viewport",...a,children:r})}function d({children:e,className:r,...a}){return o.jsx("div",{className:t.cn("mx-auto flex w-full max-w-7xl flex-col items-start justify-end gap-x-3 gap-y-4 @md:flex-row",r),"data-slot":"compare-drawer-content",...a,children:e})}function p({children:e,className:r,...a}){return o.jsx("div",{className:t.cn("flex flex-1 flex-wrap justify-end gap-4",r),"data-slot":"compare-drawer-item-list",...a,children:e})}function u({children:e,className:r,...a}){return o.jsx("div",{className:t.cn("relative",r),"data-slot":"compare-drawer-item",...a,children:e})}function w({asChild:e=!1,className:r,children:a,...s}){const n=e?c.Slot:"a";return o.jsx(n,{className:t.cn("group relative flex max-w-56 items-center overflow-hidden whitespace-nowrap rounded-xl border border-[var(--compare-drawer-link-border,hsl(var(--contrast-100)))] bg-[var(--compare-drawer-card-background,hsl(var(--background)))] font-semibold ring-[var(--compare-drawer-card-focus,hsl(var(--primary)))] transition-all duration-150 hover:bg-[var(--compare-drawer-card-background-hover,hsl(var(--contrast-100)))] focus:outline-none focus:ring-2",r),"data-slot":"compare-drawer-link",...s})}function v({children:e,className:r,...a}){return o.jsx("div",{className:t.cn("relative aspect-square w-12 shrink-0 bg-[var(--compare-drawer-card-image-background,hsl(var(--contrast-100)))]",r),"data-slot":"compare-drawer-image",...a,children:e})}function x({children:e,className:r,asChild:a=!1,...s}){const n=a?c.Slot:"img";return o.jsx(n,{className:t.cn("h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-110",r),"data-slot":"compare-drawer-image",...s})}function f({children:e,className:r,...a}){return o.jsx("span",{className:t.cn("flex h-full w-full items-center justify-center break-all p-1 text-xs text-[var(--compare-drawer-empty-image-text,var(--primary-shadow))] opacity-20",r),"data-slot":"compare-drawer-fallback",...a,children:e.split(" ").map(s=>s[0]).join("").toUpperCase().slice(0,2)})}function b({children:e,className:r,...a}){return o.jsx("span",{className:t.cn("hidden truncate pl-3 pr-5 text-[var(--compare-drawer-card-text,hsl(var(--foreground)))] @4xl:block",r),"data-slot":"compare-drawer-title",...a,children:e})}function h({className:e,children:r,...a}){return o.jsx("button",{className:t.cn("absolute -right-2.5 -top-2.5 flex h-7 w-7 items-center justify-center rounded-full border border-[var(--compare-drawer-dismiss-border,hsl(var(--contrast-100)))] bg-[var(--compare-drawer-dismiss-background,hsl(var(--background)))] text-[var(--compare-drawer-dismiss-icon,hsl(var(--contrast-400)))] transition-colors duration-150 hover:border-[var(--compare-drawer-dismiss-border-hover,hsl(var(--contrast-200)))] hover:bg-[var(--compare-drawer-dismiss-background-hover,hsl(var(--contrast-100)))] hover:text-[var(--compare-drawer-dismiss-icon-hover,hsl(var(--foreground)))]",e),"data-slot":"compare-drawer-remove",type:"button",...a,children:r})}exports.CompareDrawerContent=d;exports.CompareDrawerFallback=f;exports.CompareDrawerImage=x;exports.CompareDrawerItem=u;exports.CompareDrawerItemList=p;exports.CompareDrawerLink=w;exports.CompareDrawerRemove=h;exports.CompareDrawerRoot=i;exports.CompareDrawerThumbnail=v;exports.CompareDrawerTitle=b;exports.CompareDrawerViewport=m;
+//# sourceMappingURL=compare-drawer-remove-ozXLyKba.cjs.map