@simpli-route/apollo-ds 0.1.82 → 0.1.83

package/dist/index.es32.js

@@ -1,122 +1,124 @@
 import { j as e } from "./index.es49.js";
-import { forwardRef as U, useState as W } from "react";
-import { useFilter as X, Popover as Y, FieldError as Z, Select as C } from "react-aria-components";
-import { cn as n } from "./index.es51.js";
+import { forwardRef as W, useState as X } from "react";
+import { useFilter as Y, Popover as Z, FieldError as $, Select as C } from "react-aria-components";
+import { cn as n } from "./index.es50.js";
 import "./index.es17.js";
-import { Label as $ } from "./index.es18.js";
-import { PopoverContent as ee } from "./index.es82.js";
-import { SelectContent as le } from "./index.es99.js";
-import { selectInputPopoverVariants as te } from "./index.es59.js";
-const se = (I, P) => {
+import { Label as ee } from "./index.es18.js";
+import { PopoverContent as te } from "./index.es58.js";
+import { SelectContent as le } from "./index.es91.js";
+import { selectInputPopoverVariants as se } from "./index.es69.js";
+const ae = (I, y) => {
   const {
-    label: p,
-    items: V,
+    label: m,
+    items: P,
     selectionMode: r = "single",
     value: u,
     defaultValue: d,
-    placeholder: F = "Select",
+    placeholder: V = "Select",
     isDisabled: s = !1,
-    isRequired: L = !1,
-    size: y = "xs",
+    isRequired: F = !1,
+    size: L = "xs",
     className: M,
-    classNameLabel: f,
+    classNameLabel: x,
     classNameButton: O,
     classNamePopover: R,
     tooltipText: T,
-    tooltipSupportText: w,
-    tooltipProps: z,
-    onChange: l,
-    maxLengthTextOption: A = 18,
-    placeholderSearch: D = "Search",
-    enableSearch: E = !1,
+    tooltipSupportText: E,
+    tooltipProps: w,
+    onChange: t,
+    maxLengthTextOption: z = 18,
+    placeholderSearch: A = "Search",
+    enableSearch: D = !1,
     classNameSearchField: q,
     classNameSearchFieldInput: B,
     virtualizedList: _ = !1,
-    validationState: x,
+    noResultsText: k = "No se encontraron resultados",
+    validationState: f,
     errorMessage: o,
-    errorClassName: k,
+    errorClassName: G,
     onOpenChange: i,
     ...h
-  } = I, { contains: G } = X({ sensitivity: "base" }), [H, v] = W(() => d !== void 0 ? d : r === "multiple" ? [] : null), c = u !== void 0, a = c ? u : H, S = (t) => {
-    i == null || i(t);
-  }, m = x === "invalid" && !s, J = n("text-sm leading-6 text-error-500", k), K = (t) => {
+  } = I, { contains: H } = Y({ sensitivity: "base" }), [J, v] = X(() => d !== void 0 ? d : r === "multiple" ? [] : null), c = u !== void 0, a = c ? u : J, N = (l) => {
+    i == null || i(l);
+  }, p = f === "invalid" && !s, K = n("text-sm leading-6 text-error-500", G), Q = (l) => {
     if (r === "multiple" && a && Array.isArray(a)) {
-      const b = a.filter((Q) => Q !== t);
-      c || v(b), l == null || l(b);
+      const b = a.filter((U) => U !== l);
+      c || v(b), t == null || t(b);
     }
-  }, N = (t) => {
-    c || v(t), l == null || l(t);
-  }, g = n("flex w-full flex-col gap-1", M), j = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    p ? /* @__PURE__ */ e.jsx(
-      $,
+  }, S = (l) => {
+    c || v(l), t == null || t(l);
+  }, j = n("flex w-full flex-col gap-1", M), g = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    m ? /* @__PURE__ */ e.jsx(
+      ee,
       {
         labelClassName: n("mb-[1px] text-left leading-[19.07px]", {
           "text-neutral-700": s,
-          [f || ""]: !!f
+          [x || ""]: !!x
         }),
-        isRequired: L,
+        isRequired: F,
         tooltipText: T,
-        tooltipSupportText: w,
-        tooltipProps: z,
-        children: p
+        tooltipSupportText: E,
+        tooltipProps: w,
+        children: m
       }
     ) : null,
     /* @__PURE__ */ e.jsx(
       le,
       {
-        ref: P,
-        size: y,
+        ref: y,
+        size: L,
         isDisabled: s,
         classNameButton: O,
         selectionMode: r,
-        maxLengthTextOption: A,
-        handleDeleteOptionSelected: K,
-        placeholder: F,
-        validationState: x
+        maxLengthTextOption: z,
+        handleDeleteOptionSelected: Q,
+        placeholder: V,
+        validationState: f
       }
     ),
-    /* @__PURE__ */ e.jsx(Y, { className: n(te(), R), children: /* @__PURE__ */ e.jsx(
-      ee,
+    /* @__PURE__ */ e.jsx(Z, { className: n(se(), R), children: /* @__PURE__ */ e.jsx(
+      te,
       {
-        enableSearch: E,
-        contains: G,
+        enableSearch: D,
+        contains: H,
         classNameSearchField: q,
         classNameSearchFieldInput: B,
-        placeholderSearch: D,
-        items: V,
-        virtualizedList: _
+        placeholderSearch: A,
+        items: P,
+        virtualizedList: _,
+        renderEmptyState: () => /* @__PURE__ */ e.jsx("div", { className: "px-3 py-2 text-xs text-neutral-600", children: k })
       }
     ) }),
-    m && o ? /* @__PURE__ */ e.jsx(Z, { className: J, children: typeof o != "function" ? o : null }) : null
+    p && o ? /* @__PURE__ */ e.jsx($, { className: K, children: typeof o != "function" ? o : null }) : null
   ] });
   return r === "multiple" ? /* @__PURE__ */ e.jsx(
     C,
     {
       ...h,
-      className: g,
+      className: j,
       selectionMode: "multiple",
       isDisabled: s,
-      isInvalid: m,
+      isInvalid: p,
       value: a,
-      onOpenChange: S,
-      onChange: N,
-      children: j
+      onOpenChange: N,
+      onChange: S,
+      children: g
     }
   ) : /* @__PURE__ */ e.jsx(
     C,
     {
       ...h,
-      className: g,
+      className: j,
       selectionMode: "single",
       isDisabled: s,
-      isInvalid: m,
+      isInvalid: p,
       value: a,
-      onOpenChange: S,
-      onChange: N,
-      children: j
+      onOpenChange: N,
+      onChange: S,
+      children: g
     }
   );
-}, de = U(se);
+}, xe = W(ae);
 export {
-  de as SelectInput
+  xe as SelectInput
 };

package/dist/index.es33.js

@@ -1,9 +1,9 @@
 import { j as m } from "./index.es49.js";
 import { useState as q, useEffect as x } from "react";
 import { Slider as z, SliderTrack as B } from "react-aria-components";
-import { cn as F } from "./index.es51.js";
-import { SliderContainerTrack as G } from "./index.es100.js";
-import { validateMinDistance as H } from "./index.es101.js";
+import { cn as F } from "./index.es50.js";
+import { SliderContainerTrack as G } from "./index.es89.js";
+import { validateMinDistance as H } from "./index.es90.js";
 const U = ({
   type: r = "single",
   showTypeValue: A = "default",

package/dist/index.es34.js

@@ -1,9 +1,9 @@
 import { j as c } from "./index.es49.js";
-import { CheckIcon as h } from "./index.es50.js";
+import { CheckIcon as h } from "./index.es51.js";
 import { useState as j } from "react";
 import { Button as S } from "react-aria-components";
-import { cn as k } from "./index.es51.js";
-import { statusChipVariants as I } from "./index.es72.js";
+import { cn as k } from "./index.es50.js";
+import { statusChipVariants as I } from "./index.es78.js";
 const F = ({
   size: m = "sm",
   label: n,

package/dist/index.es37.js

@@ -1,12 +1,12 @@
 import { j as n } from "./index.es49.js";
-import { CheckIcon as I } from "./index.es50.js";
+import { CheckIcon as I } from "./index.es51.js";
 import { motion as f } from "framer-motion";
 import { useRef as k } from "react";
 import { useButton as D, useHover as V } from "react-aria";
-import z from "./index.es92.js";
-import B from "./index.es93.js";
-import { cn as H } from "./index.es51.js";
-import { stepVariants as R, iconVariants as $, labelVariants as E } from "./index.es94.js";
+import z from "./index.es86.js";
+import B from "./index.es87.js";
+import { cn as H } from "./index.es50.js";
+import { stepVariants as R, iconVariants as $, labelVariants as E } from "./index.es88.js";
 const c = z(B), x = (s, e) => typeof s == "function" ? /* @__PURE__ */ n.jsx(s, { step: e || 0 }) : s, C = (s) => {
   var t, r, o, a, i;
   const e = (t = c == null ? void 0 : c.theme) == null ? void 0 : t.colors;

package/dist/index.es38.js

@@ -1,9 +1,9 @@
 import { j as o } from "./index.es49.js";
 import { Switch as u } from "react-aria-components";
-import { cn as c } from "./index.es51.js";
-import { ContentSwitch as L } from "./index.es102.js";
-import { SwitchIndicator as v } from "./index.es103.js";
-import { switchVariants as b } from "./index.es73.js";
+import { cn as c } from "./index.es50.js";
+import { ContentSwitch as L } from "./index.es101.js";
+import { SwitchIndicator as v } from "./index.es102.js";
+import { switchVariants as b } from "./index.es79.js";
 const E = ({
   children: f,
   label: m,

package/dist/index.es39.js

@@ -2,10 +2,10 @@ import { j as s } from "./index.es49.js";
 import { useRef as b } from "react";
 import { useTabList as d } from "react-aria";
 import { useTabListState as u, Item as N } from "react-stately";
-import { cn as e } from "./index.es51.js";
-import { Tab as j } from "./index.es95.js";
-import { TabPanel as h } from "./index.es96.js";
-import { tabsVariants as T } from "./index.es97.js";
+import { cn as e } from "./index.es50.js";
+import { Tab as j } from "./index.es98.js";
+import { TabPanel as h } from "./index.es99.js";
+import { tabsVariants as T } from "./index.es100.js";
 const v = (a) => {
   var l;
   const {

package/dist/index.es4.js

@@ -1,13 +1,13 @@
 import { j as s } from "./index.es49.js";
-import { DownChevronIcon as ne } from "./index.es50.js";
+import { DownChevronIcon as ne } from "./index.es51.js";
 import { useState as d, useCallback as n, useMemo as ae } from "react";
 import { ComboBox as ie, Group as re, Input as ce, Text as C, Popover as me, ListBox as ue } from "react-aria-components";
-import { cn as p } from "./index.es51.js";
+import { cn as p } from "./index.es50.js";
 import "./index.es17.js";
 import { Label as de } from "./index.es18.js";
-import { AutocompleteContext as pe } from "./index.es52.js";
-import { AutocompleteToggle as xe } from "./index.es53.js";
-import { comboBoxVariants as fe, autocompleteGroupVariants as Ie, autocompleteInputVariants as je, autocompletePopoverVariants as Ve } from "./index.es54.js";
+import { AutocompleteContext as pe } from "./index.es54.js";
+import { AutocompleteToggle as xe } from "./index.es55.js";
+import { comboBoxVariants as fe, autocompleteGroupVariants as Ie, autocompleteInputVariants as je, autocompletePopoverVariants as Ve } from "./index.es56.js";
 function Ce(L) {
   const {
     size: x = "sm",

package/dist/index.es40.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es49.js";
-import { CrossCircleIcon as r, CheckCircleIcon as o } from "./index.es50.js";
-import { cn as i } from "./index.es51.js";
+import { CrossCircleIcon as r, CheckCircleIcon as o } from "./index.es51.js";
+import { cn as i } from "./index.es50.js";
 function m(n) {
   const { className: t, validationState: s } = n;
   return s === "invalid" ? /* @__PURE__ */ e.jsx("div", { className: i("pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3", t), children: /* @__PURE__ */ e.jsx(r, { className: "size-6 text-error-500" }) }) : s === "valid" ? /* @__PURE__ */ e.jsx("div", { className: i("pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3", t), children: /* @__PURE__ */ e.jsx(o, { className: "size-6 text-success-500" }) }) : null;

package/dist/index.es41.js

@@ -1,12 +1,12 @@
 import { j as s } from "./index.es49.js";
 import { useState as D, useRef as ce } from "react";
 import { TextField as fe, Text as pe, FieldError as me } from "react-aria-components";
-import { cn as b } from "./index.es51.js";
+import { cn as b } from "./index.es50.js";
 import { Badge as xe } from "./index.es6.js";
 import "./index.es7.js";
 import "./index.es17.js";
 import { Label as he } from "./index.es18.js";
-import { multiTextFieldContainerVariants as ge } from "./index.es74.js";
+import { multiTextFieldContainerVariants as ge } from "./index.es80.js";
 const je = (q) => {
   const {
     label: j,

package/dist/index.es42.js

@@ -1,10 +1,10 @@
 import { j as e } from "./index.es49.js";
 import { TextField as S, TextArea as V, Input as q, Text as w, FieldError as z } from "react-aria-components";
-import { cn as i } from "./index.es51.js";
+import { cn as i } from "./index.es50.js";
 import "./index.es17.js";
 import { Label as A } from "./index.es18.js";
 import { InputValidationIcon as D } from "./index.es40.js";
-import { textFieldInputVariants as M } from "./index.es74.js";
+import { textFieldInputVariants as M } from "./index.es80.js";
 function H(u) {
   const {
     size: N = "sm",

package/dist/index.es43.js

@@ -1,13 +1,13 @@
 import { j as e } from "./index.es49.js";
-import { ClockIcon as w } from "./index.es50.js";
+import { ClockIcon as w } from "./index.es51.js";
 import { TimeField as A, Group as H, DateInput as J, Button as K, Text as Q, FieldError as U } from "react-aria-components";
-import { cn as a } from "./index.es51.js";
+import { cn as a } from "./index.es50.js";
 import "./index.es17.js";
 import { Label as W } from "./index.es18.js";
 import { TimePickerPopover as X } from "./index.es23.js";
 import { TimeSegment as Y } from "./index.es24.js";
 import { useTimeField as ee } from "./index.es44.js";
-import { timeFieldGroupVariants as ae, timeFieldInputVariants as ie, timeFieldButtonVariants as se } from "./index.es75.js";
+import { timeFieldGroupVariants as ae, timeFieldInputVariants as ie, timeFieldButtonVariants as se } from "./index.es81.js";
 function xe(N) {
   const {
     size: i = "sm",

package/dist/index.es45.js

@@ -1,9 +1,9 @@
 import { j as s } from "./index.es49.js";
 import { forwardRef as f, useContext as u } from "react";
 import { useTooltip as T, mergeProps as h } from "react-aria";
-import { cn as e } from "./index.es51.js";
-import { TooltipContext as j } from "./index.es62.js";
-import { tooltipVariants as N } from "./index.es98.js";
+import { cn as e } from "./index.es50.js";
+import { TooltipContext as j } from "./index.es71.js";
+import { tooltipVariants as N } from "./index.es103.js";
 const P = f((p, i) => {
   const { placement: l = "bottom", className: m, mode: o = "dark", supportText: t, children: a, ...r } = p, { state: n, ...c } = u(j), { tooltipProps: x } = T(r, n), d = e(N({ placement: l, mode: o, hasSupportText: !!t }), m);
   return /* @__PURE__ */ s.jsxs("span", { className: d, ...h(r, x, c), ref: i, children: [

package/dist/index.es46.js

@@ -2,8 +2,8 @@ import { j as i } from "./index.es49.js";
 import { useRef as a, Children as f, cloneElement as u } from "react";
 import { useTooltipTrigger as T } from "react-aria";
 import { useTooltipTriggerState as h } from "react-stately";
-import { cn as x } from "./index.es51.js";
-import { TooltipContext as d } from "./index.es62.js";
+import { cn as x } from "./index.es50.js";
+import { TooltipContext as d } from "./index.es71.js";
 const w = (e) => {
   const { children: r, isDisabled: s, trigger: l, className: n } = e, t = h(e), o = a(null), { triggerProps: g, tooltipProps: m } = T({ isDisabled: s, trigger: l }, t, o), [c, p] = f.toArray(r);
   if (!Array.isArray(r) || r.length > 2)

package/dist/index.es47.js

@@ -1,6 +1,6 @@
 import { j as m } from "./index.es49.js";
-import { cn as n } from "./index.es51.js";
-import { textVariants as a } from "./index.es76.js";
+import { cn as n } from "./index.es50.js";
+import { textVariants as a } from "./index.es82.js";
 function x(t) {
   const { children: s, type: o = "body", className: r } = t, e = n(a({ type: o }), r);
   return /* @__PURE__ */ m.jsx("p", { className: e, children: s });

package/dist/index.es48.js

@@ -1,6 +1,6 @@
 import { j as m } from "./index.es49.js";
-import { cn as c } from "./index.es51.js";
-import { titleVariants as l } from "./index.es76.js";
+import { cn as c } from "./index.es50.js";
+import { titleVariants as l } from "./index.es82.js";
 function j(s) {
   const { children: e, type: t = "h1", size: r = t, className: i, ...o } = s, n = t, a = c(l({ size: r }), i);
   return /* @__PURE__ */ m.jsx(n, { className: a, ...o, children: e });

package/dist/index.es5.js

@@ -1,10 +1,10 @@
 import { j as e } from "./index.es49.js";
-import { CheckIcon as m } from "./index.es50.js";
+import { CheckIcon as m } from "./index.es51.js";
 import { memo as x } from "react";
 import { ListBoxItem as d } from "react-aria-components";
-import { cn as f } from "./index.es51.js";
-import { useAutocompleteFilter as h } from "./index.es52.js";
-import { autocompleteOptionVariants as u } from "./index.es54.js";
+import { cn as f } from "./index.es50.js";
+import { useAutocompleteFilter as h } from "./index.es54.js";
+import { autocompleteOptionVariants as u } from "./index.es56.js";
 const p = ({ text: r, searchText: t }) => {
   if (!t)
     return /* @__PURE__ */ e.jsx(e.Fragment, { children: r });

package/dist/index.es50.js

@@ -1,35 +1,8 @@
-import { C as o } from "./index.es107.js";
-import { C as r } from "./index.es108.js";
-import { C as n } from "./index.es109.js";
-import { C as c } from "./index.es110.js";
-import { C as a } from "./index.es111.js";
-import { C as I } from "./index.es112.js";
-import { D as m } from "./index.es113.js";
-import { I as s } from "./index.es114.js";
-import { L as C } from "./index.es115.js";
-import { L as i } from "./index.es116.js";
-import { M as e } from "./index.es117.js";
-import { O as t } from "./index.es118.js";
-import { P as v } from "./index.es119.js";
-import { R as f } from "./index.es120.js";
-import { S as p } from "./index.es121.js";
-import { U as h } from "./index.es122.js";
-var x = o, b = r, j = n, q = c, y = a, z = I, B = m, E = s, F = C, G = i, H = e, J = t, K = v, N = f, Q = p, T = h;
+import { clsx as o } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+function n(...r) {
+  return t(o(r));
+}
 export {
-  x as CalendarIcon,
-  b as CheckCircleIcon,
-  j as CheckIcon,
-  q as ClockIcon,
-  y as CrossCircleIcon,
-  z as CrossIcon,
-  B as DownChevronIcon,
-  E as InfoIcon,
-  F as LeftArrowIcon,
-  G as LeftChevronIcon,
-  H as MinusIcon,
-  J as OptionsIcon,
-  K as PlusIcon,
-  N as RightChevronIcon,
-  Q as SearchIcon,
-  T as UpChevronIcon
+  n as cn
 };

package/dist/index.es51.js

@@ -1,8 +1,35 @@
-import { clsx as o } from "clsx";
-import { twMerge as t } from "tailwind-merge";
-function n(...r) {
-  return t(o(r));
-}
+import { C as o } from "./index.es107.js";
+import { C as r } from "./index.es108.js";
+import { C as n } from "./index.es109.js";
+import { C as c } from "./index.es110.js";
+import { C as a } from "./index.es111.js";
+import { C as I } from "./index.es112.js";
+import { D as m } from "./index.es113.js";
+import { I as s } from "./index.es114.js";
+import { L as C } from "./index.es115.js";
+import { L as i } from "./index.es116.js";
+import { M as e } from "./index.es117.js";
+import { O as t } from "./index.es118.js";
+import { P as v } from "./index.es119.js";
+import { R as f } from "./index.es120.js";
+import { S as p } from "./index.es121.js";
+import { U as h } from "./index.es122.js";
+var x = o, b = r, j = n, q = c, y = a, z = I, B = m, E = s, F = C, G = i, H = e, J = t, K = v, N = f, Q = p, T = h;
 export {
-  n as cn
+  x as CalendarIcon,
+  b as CheckCircleIcon,
+  j as CheckIcon,
+  q as ClockIcon,
+  y as CrossCircleIcon,
+  z as CrossIcon,
+  B as DownChevronIcon,
+  E as InfoIcon,
+  F as LeftArrowIcon,
+  G as LeftChevronIcon,
+  H as MinusIcon,
+  J as OptionsIcon,
+  K as PlusIcon,
+  N as RightChevronIcon,
+  Q as SearchIcon,
+  T as UpChevronIcon
 };

package/dist/index.es52.js

@@ -1,6 +1,32 @@
-import { createContext as t, useContext as e } from "react";
-const o = t(""), n = () => e(o);
+import { j as e } from "./index.es49.js";
+import { cn as l } from "./index.es50.js";
+const m = (r) => {
+  const { isIndeterminate: t, isSelected: s, className: n, isHovered: a } = r, o = a && !s && !t ? "text-neutral-500" : "", i = !!(o || s);
+  return /* @__PURE__ */ e.jsx("svg", { className: l("stroke-current", o, n), viewBox: "-1 1 17 17", children: t ? /* @__PURE__ */ e.jsx(
+    "line",
+    {
+      x1: 1,
+      y1: 10,
+      x2: 14,
+      y2: 10,
+      fill: "none",
+      strokeWidth: 2,
+      strokeDasharray: 14,
+      strokeDashoffset: s ? 28 : 42,
+      style: { transition: "all 400ms" }
+    }
+  ) : /* @__PURE__ */ e.jsx(
+    "polyline",
+    {
+      points: "1 9 7 14 15 4",
+      fill: "none",
+      strokeWidth: 2,
+      strokeDasharray: 22,
+      strokeDashoffset: i ? 44 : 66,
+      style: { transition: "all 400ms" }
+    }
+  ) });
+};
 export {
-  o as AutocompleteContext,
-  n as useAutocompleteFilter
+  m as MarkIcon
 };

package/dist/index.es53.js

@@ -1,43 +1,45 @@
-import { j as e } from "./index.es49.js";
-import { CrossIcon as x, DownChevronIcon as f } from "./index.es50.js";
-import { cn as n } from "./index.es51.js";
-import { IconButton as p } from "./index.es16.js";
-import { Loader as d } from "./index.es25.js";
-function v({
-  hasSelection: o,
-  isOpen: s,
-  isDisabled: i,
-  isReadOnly: a,
-  isLoading: m = !1,
-  iconClassName: r,
-  icon: l = f,
-  onClear: c,
-  onIconPress: u
-}) {
-  return m ? /* @__PURE__ */ e.jsx("div", { className: "mr-2 flex items-center justify-center", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(d, { size: "xs", className: "mr-0 text-neutral-700" }) }) : o && !i && !a ? /* @__PURE__ */ e.jsx(
-    "button",
-    {
-      type: "button",
-      "aria-label": "Clear selection",
-      className: "mr-2 flex items-center justify-center rounded-lg p-1 text-neutral-700 hover:text-primary-500 focus:text-primary-500 focus:outline-none",
-      onPointerDown: (t) => t.preventDefault(),
-      onClick: (t) => {
-        t.stopPropagation(), c();
+import { cva as r } from "class-variance-authority";
+const i = r(
+  "flex h-5 w-5 shrink-0 cursor-pointer items-center justify-center rounded border-2 border-primary-200 text-white transition duration-150 ease-in-out",
+  {
+    variants: {
+      isHovered: {
+        true: ""
       },
-      children: /* @__PURE__ */ e.jsx(x, { className: n("size-3", r) })
-    }
-  ) : /* @__PURE__ */ e.jsx(p, { intent: "minimal", size: "xxs", className: "mr-2", onPress: u, children: ({ isFocusVisible: t }) => /* @__PURE__ */ e.jsx(
-    l,
-    {
-      className: n(
-        "size-4 transition-transform duration-200",
-        s && "rotate-180",
-        t ? "text-primary-500" : "text-neutral-700",
-        r
-      )
-    }
-  ) });
-}
+      isSelected: {
+        true: "border-primary-500 bg-primary-500",
+        false: "bg-white"
+      },
+      isFocusVisible: {
+        true: "border-primary-500 group-active:border-primary-500"
+      },
+      isDisabled: {
+        true: "border-neutral-500 cursor-not-allowed"
+      },
+      label: {
+        true: "mr-2"
+      }
+    },
+    compoundVariants: [
+      {
+        isHovered: !0,
+        isSelected: !0,
+        class: "border-none bg-primary-600 group-active:bg-primary-600"
+      },
+      {
+        isHovered: !0,
+        isSelected: !1,
+        isDisabled: !1,
+        class: "border-primary-700 group-active:bg-primary-600"
+      },
+      {
+        isDisabled: !0,
+        isSelected: !0,
+        class: "bg-neutral-500"
+      }
+    ]
+  }
+);
 export {
-  v as AutocompleteToggle
+  i as checkboxVariants
 };