@simpli-route/apollo-ds 0.1.37 → 0.1.39

package/dist/index.es102.js

@@ -1,168 +1,59 @@
-import { getDefaultExportFromCjs as r } from "./index.es97.js";
-import { p as o } from "./index.es110.js";
-const l = o;
-function e(a) {
-  return Object.fromEntries(
-    Object.entries(a).filter(([i]) => i !== "DEFAULT")
-  );
-}
-var s = l(
-  ({ addUtilities: a, matchUtilities: i, theme: n }) => {
-    a({
-      "@keyframes enter": n("keyframes.enter"),
-      "@keyframes exit": n("keyframes.exit"),
-      ".animate-in": {
-        animationName: "enter",
-        animationDuration: n("animationDuration.DEFAULT"),
-        "--tw-enter-opacity": "initial",
-        "--tw-enter-scale": "initial",
-        "--tw-enter-rotate": "initial",
-        "--tw-enter-translate-x": "initial",
-        "--tw-enter-translate-y": "initial"
-      },
-      ".animate-out": {
-        animationName: "exit",
-        animationDuration: n("animationDuration.DEFAULT"),
-        "--tw-exit-opacity": "initial",
-        "--tw-exit-scale": "initial",
-        "--tw-exit-rotate": "initial",
-        "--tw-exit-translate-x": "initial",
-        "--tw-exit-translate-y": "initial"
-      }
-    }), i(
-      {
-        "fade-in": (t) => ({ "--tw-enter-opacity": t }),
-        "fade-out": (t) => ({ "--tw-exit-opacity": t })
-      },
-      { values: n("animationOpacity") }
-    ), i(
-      {
-        "zoom-in": (t) => ({ "--tw-enter-scale": t }),
-        "zoom-out": (t) => ({ "--tw-exit-scale": t })
-      },
-      { values: n("animationScale") }
-    ), i(
-      {
-        "spin-in": (t) => ({ "--tw-enter-rotate": t }),
-        "spin-out": (t) => ({ "--tw-exit-rotate": t })
-      },
-      { values: n("animationRotate") }
-    ), i(
-      {
-        "slide-in-from-top": (t) => ({
-          "--tw-enter-translate-y": `-${t}`
-        }),
-        "slide-in-from-bottom": (t) => ({
-          "--tw-enter-translate-y": t
-        }),
-        "slide-in-from-left": (t) => ({
-          "--tw-enter-translate-x": `-${t}`
-        }),
-        "slide-in-from-right": (t) => ({
-          "--tw-enter-translate-x": t
-        }),
-        "slide-out-to-top": (t) => ({
-          "--tw-exit-translate-y": `-${t}`
-        }),
-        "slide-out-to-bottom": (t) => ({
-          "--tw-exit-translate-y": t
-        }),
-        "slide-out-to-left": (t) => ({
-          "--tw-exit-translate-x": `-${t}`
-        }),
-        "slide-out-to-right": (t) => ({
-          "--tw-exit-translate-x": t
-        })
-      },
-      { values: n("animationTranslate") }
-    ), i(
-      { duration: (t) => ({ animationDuration: t }) },
-      { values: e(n("animationDuration")) }
-    ), i(
-      { delay: (t) => ({ animationDelay: t }) },
-      { values: n("animationDelay") }
-    ), i(
-      { ease: (t) => ({ animationTimingFunction: t }) },
-      { values: e(n("animationTimingFunction")) }
-    ), a({
-      ".running": { animationPlayState: "running" },
-      ".paused": { animationPlayState: "paused" }
-    }), i(
-      { "fill-mode": (t) => ({ animationFillMode: t }) },
-      { values: n("animationFillMode") }
-    ), i(
-      { direction: (t) => ({ animationDirection: t }) },
-      { values: n("animationDirection") }
-    ), i(
-      { repeat: (t) => ({ animationIterationCount: t }) },
-      { values: n("animationRepeat") }
-    );
-  },
+import { j as r } from "./index.es36.js";
+import { SliderThumb as m } from "react-aria-components";
+import { cn as i } from "./index.es37.js";
+import { Tooltip as c } from "./index.es32.js";
+import { TooltipTrigger as d } from "./index.es33.js";
+const y = ({
+  index: o,
+  valuePercent: n,
+  value: a,
+  suffix: p,
+  modeTooltip: g,
+  positionTooltip: t,
+  showTypeValue: s,
+  classNameThumb: e,
+  isHiddenValue: l
+}) => /* @__PURE__ */ r.jsx(
+  "div",
   {
-    theme: {
-      extend: {
-        animationDelay: ({ theme: a }) => ({
-          ...a("transitionDelay")
-        }),
-        animationDuration: ({ theme: a }) => ({
-          0: "0ms",
-          ...a("transitionDuration")
-        }),
-        animationTimingFunction: ({ theme: a }) => ({
-          ...a("transitionTimingFunction")
-        }),
-        animationFillMode: {
-          none: "none",
-          forwards: "forwards",
-          backwards: "backwards",
-          both: "both"
-        },
-        animationDirection: {
-          normal: "normal",
-          reverse: "reverse",
-          alternate: "alternate",
-          "alternate-reverse": "alternate-reverse"
-        },
-        animationOpacity: ({ theme: a }) => ({
-          DEFAULT: 0,
-          ...a("opacity")
-        }),
-        animationTranslate: ({ theme: a }) => ({
-          DEFAULT: "100%",
-          ...a("translate")
-        }),
-        animationScale: ({ theme: a }) => ({
-          DEFAULT: 0,
-          ...a("scale")
-        }),
-        animationRotate: ({ theme: a }) => ({
-          DEFAULT: "30deg",
-          ...a("rotate")
-        }),
-        animationRepeat: {
-          0: "0",
-          1: "1",
-          infinite: "infinite"
-        },
-        keyframes: {
-          enter: {
-            from: {
-              opacity: "var(--tw-enter-opacity, 1)",
-              transform: "translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))"
-            }
-          },
-          exit: {
-            to: {
-              opacity: "var(--tw-exit-opacity, 1)",
-              transform: "translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))"
-            }
-          }
+    className: i("absolute", s === "tooltip" && !l ? "top-[-6px]" : "top-1/2"),
+    style: { left: `${n * 100}%`, transform: "translate(-50%, -50%)" },
+    children: s === "tooltip" && !l ? /* @__PURE__ */ r.jsxs(d, { closeDelay: 100, delay: 100, children: [
+      /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx(
+        m,
+        {
+          index: o,
+          className: i(
+            "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
+            e
+          )
+        }
+      ) }),
+      /* @__PURE__ */ r.jsxs(
+        c,
+        {
+          mode: g,
+          placement: t,
+          size: "sm",
+          className: i("!text-sm", t === "top" ? "!mb-6" : "!mt-6"),
+          children: [
+            a,
+            p
+          ]
         }
+      )
+    ] }) : /* @__PURE__ */ r.jsx(
+      m,
+      {
+        index: o,
+        className: i(
+          "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
+          e
+        )
       }
-    }
+    )
   }
 );
-const u = /* @__PURE__ */ r(s);
 export {
-  u as default
+  y as SliderThumb
 };

package/dist/index.es11.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es36.js";
 import { forwardRef as h } from "react";
 import { TextField as j, Label as N, Input as V, FieldError as y } from "react-aria-components";
 import { cn as i } from "./index.es37.js";
-import { invisibleInputContainerVariants as w, invisibleInputLabelVariants as C, invisibleInputVariants as F, invisibleInputCaptionVariants as L } from "./index.es50.js";
+import { invisibleInputContainerVariants as w, invisibleInputLabelVariants as C, invisibleInputVariants as F, invisibleInputCaptionVariants as L } from "./index.es46.js";
 const R = h(
   ({
     size: l = "bodyDefault",

package/dist/index.es13.js

@@ -3,7 +3,7 @@ import { today as k, getLocalTimeZone as G } from "@internationalized/date";
 import { CalendarIcon as I, LeftChevronIcon as H, RightChevronIcon as z } from "./index.es38.js";
 import { DatePicker as L, Label as P, Group as B, DateInput as w, DateSegment as R, Button as c, FieldError as T, Popover as F, Dialog as Z, Calendar as q, Heading as A, CalendarGrid as J, CalendarGridHeader as K, CalendarHeaderCell as M, CalendarGridBody as O, CalendarCell as Q } from "react-aria-components";
 import { cn as r } from "./index.es37.js";
-import { datepickerLabelVariants as S, datepickerGroupVariants as U, datepickerInputVariants as W, datepickerSegmentVariants as X, datepickerButtonVariants as d, datepickerCaptionVariants as Y, popoverVariants as _, calendarVariants as $, calendarHeaderVariants as E, calendarHeadingVariants as ee, calendarGridVariants as ae, calendarHeaderCellVariants as se, calendarCellVariants as re } from "./index.es47.js";
+import { datepickerLabelVariants as S, datepickerGroupVariants as U, datepickerInputVariants as W, datepickerSegmentVariants as X, datepickerButtonVariants as d, datepickerCaptionVariants as Y, popoverVariants as _, calendarVariants as $, calendarHeaderVariants as E, calendarHeadingVariants as ee, calendarGridVariants as ae, calendarHeaderCellVariants as se, calendarCellVariants as re } from "./index.es45.js";
 const oe = ({
   label: o,
   size: l = "bodyDefault",

package/dist/index.es14.js

@@ -5,10 +5,10 @@ import { TimeField as S, Group as U, DateInput as W, Button as X, FieldError as
 import { cn as s } from "./index.es37.js";
 import "./index.es11.js";
 import { Label as Z } from "./index.es12.js";
-import { invisibleInputLabelVariants as $, invisibleInputCaptionVariants as q } from "./index.es50.js";
+import { invisibleInputLabelVariants as $, invisibleInputCaptionVariants as q } from "./index.es46.js";
 import { TimePickerPopover as z } from "./index.es15.js";
 import { TimeSegment as ee } from "./index.es16.js";
-import { invisibleTimeFieldContainerVariants as ie, invisibleTimeFieldGroupVariants as se, invisibleTimeFieldInputVariants as le, timeFieldButtonVariants as ne } from "./index.es60.js";
+import { invisibleTimeFieldContainerVariants as ie, invisibleTimeFieldGroupVariants as se, invisibleTimeFieldInputVariants as le, timeFieldButtonVariants as ne } from "./index.es47.js";
 const re = K(
   ({
     size: l = "bodyDefault",

package/dist/index.es19.js

@@ -5,8 +5,8 @@ import { NumberField as _, Group as k, Input as A, Button as d, FieldError as H
 import { cn as r } from "./index.es37.js";
 import "./index.es11.js";
 import { Label as J } from "./index.es12.js";
-import { invisibleInputContainerVariants as K, invisibleInputLabelVariants as M, invisibleInputCaptionVariants as O } from "./index.es50.js";
-import { invisibleNumberFieldGroupVariants as P, invisibleNumberFieldVariants as Q, invisibleNumberFieldStepperVariants as t } from "./index.es48.js";
+import { invisibleInputContainerVariants as K, invisibleInputLabelVariants as M, invisibleInputCaptionVariants as O } from "./index.es46.js";
+import { invisibleNumberFieldGroupVariants as P, invisibleNumberFieldVariants as Q, invisibleNumberFieldStepperVariants as t } from "./index.es49.js";
 const T = U(
   ({
     size: l = "bodyDefault",

package/dist/index.es20.js

@@ -5,7 +5,7 @@ import "./index.es11.js";
 import { Label as G } from "./index.es12.js";
 import { CaptionNumberField as S } from "./index.es62.js";
 import { StepperButton as V } from "./index.es63.js";
-import { inputNumberVariant as _ } from "./index.es48.js";
+import { inputNumberVariant as _ } from "./index.es49.js";
 const K = ({
   size: o = "sm",
   label: i,

package/dist/index.es21.js

@@ -4,23 +4,23 @@ import { ProgressBar as I } from "react-aria-components";
 import "react";
 import { cn as s } from "./index.es37.js";
 import "./index.es39.js";
-import "./index.es43.js";
-import "./index.es44.js";
+import "./index.es48.js";
+import "./index.es41.js";
 import "react-aria";
-import "./index.es45.js";
+import "./index.es42.js";
 import "@react-stately/color";
-import "./index.es46.js";
+import "./index.es43.js";
 import "./index.es10.js";
 import "./index.es11.js";
 import { Label as M } from "./index.es12.js";
 import "@internationalized/date";
-import "./index.es47.js";
+import "./index.es45.js";
 import "./index.es14.js";
 import "./index.es18.js";
 import "./index.es19.js";
-import "./index.es48.js";
-import { progressBarVariants as S, progressFillVariants as $ } from "./index.es49.js";
-import "./index.es50.js";
+import "./index.es49.js";
+import { progressBarVariants as S, progressFillVariants as $ } from "./index.es50.js";
+import "./index.es46.js";
 import "./index.es51.js";
 import "./index.es52.js";
 import "./index.es53.js";

package/dist/index.es22.js

@@ -3,11 +3,11 @@ import { SearchIcon as P, CrossIcon as y } from "./index.es38.js";
 import { useMemo as z } from "react";
 import { ComboBox as D, Input as H, Text as R, FieldError as E, Popover as O, ListBox as F, ListBoxItem as M } from "react-aria-components";
 import { cn as S } from "./index.es37.js";
-import { useDebouncedValue as _ } from "./index.es71.js";
+import { useDebouncedValue as _ } from "./index.es67.js";
 import { IconButton as T } from "./index.es10.js";
 import "./index.es11.js";
 import { Label as $ } from "./index.es12.js";
-import { inputVariants as k } from "./index.es50.js";
+import { inputVariants as k } from "./index.es46.js";
 import { popoverVariants as q, searchOptionVariants as A } from "./index.es51.js";
 const te = (i) => {
   const {

package/dist/index.es23.js

@@ -4,9 +4,9 @@ import { Select as S, Popover as tt, ListBox as st } from "react-aria-components
 import { cn as P } from "./index.es37.js";
 import "./index.es11.js";
 import { Label as it } from "./index.es12.js";
-import { SelectContent as rt } from "./index.es69.js";
+import { SelectContent as rt } from "./index.es68.js";
 import { SelectItem as lt } from "./index.es24.js";
-import { TooltipSelect as ot } from "./index.es70.js";
+import { TooltipSelect as ot } from "./index.es69.js";
 const b = "all-select-option", bt = ({
   mode: e = "single",
   keyLabelName: V,

package/dist/index.es25.js

@@ -2,8 +2,8 @@ import { j as m } from "./index.es36.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.es37.js";
-import { SliderContainerTrack as G } from "./index.es64.js";
-import { validateMinDistance as H } from "./index.es65.js";
+import { SliderContainerTrack as G } from "./index.es70.js";
+import { validateMinDistance as H } from "./index.es71.js";
 const U = ({
   type: r = "single",
   showTypeValue: A = "default",

package/dist/index.es29.js

@@ -3,10 +3,10 @@ import { CheckIcon as I } from "./index.es38.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.es66.js";
-import B from "./index.es67.js";
+import z from "./index.es64.js";
+import B from "./index.es65.js";
 import { cn as H } from "./index.es37.js";
-import { stepVariants as R, iconVariants as $, labelVariants as E } from "./index.es68.js";
+import { stepVariants as R, iconVariants as $, labelVariants as E } from "./index.es66.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.es4.js

@@ -1,62 +1,88 @@
 import { j as r } from "./index.es36.js";
-import { LeftArrowIcon as B } from "./index.es38.js";
-import { Breadcrumbs as C, Breadcrumb as g, Link as F } from "react-aria-components";
+import { LeftArrowIcon as m } from "./index.es38.js";
+import { Breadcrumbs as C, Breadcrumb as F, Link as f } from "react-aria-components";
 import { cn as s } from "./index.es37.js";
-import { breadcrumbsContainerVariants as V, breadcrumbItemVariants as m, breadcrumbSeparatorVariants as k } from "./index.es39.js";
-const A = ({
+import { breadcrumbsContainerVariants as V, breadcrumbItemVariants as o, breadcrumbSeparatorVariants as y } from "./index.es39.js";
+const S = ({
   items: a = [],
-  className: o,
-  onAction: u,
-  linkComponent: i,
-  hiddenIconArrow: x,
-  isDisabled: n = !1,
-  classNameLink: c,
-  classNameCurrentLink: b,
-  ...d
+  className: h,
+  onAction: p,
+  linkComponent: l,
+  hiddenIconArrow: b,
+  isDisabled: t = !1,
+  classNameLink: n,
+  classNameCurrentLink: d,
+  ...j
 }) => {
   if (!a || a.length === 0)
     return null;
-  const f = i || F;
+  const x = l || f, N = l && l !== f;
   return /* @__PURE__ */ r.jsx(
     C,
     {
-      className: s(V(), o),
-      isDisabled: n,
-      onAction: u,
-      ...d,
-      children: a.map((e, p) => {
-        const h = p === 0;
-        return /* @__PURE__ */ r.jsx(g, { className: "flex items-center", children: ({ isCurrent: j }) => j ? /* @__PURE__ */ r.jsx(
+      className: s(V(), h),
+      isDisabled: t,
+      onAction: p,
+      ...j,
+      children: a.map((e, v) => {
+        const i = v === 0;
+        return /* @__PURE__ */ r.jsx(F, { className: "flex items-center", children: ({ isCurrent: g }) => g ? /* @__PURE__ */ r.jsx(
           "span",
           {
             className: s(
-              m({ isCurrent: !0, isDisabled: n }),
-              c,
-              b
+              o({ isCurrent: !0, isDisabled: t }),
+              n,
+              d
             ),
             children: e.label
           }
         ) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-          /* @__PURE__ */ r.jsx(
-            f,
+          N ? /* @__PURE__ */ r.jsxs(
+            x,
             {
               href: e.href,
-              className: ({ isHovered: t, isFocusVisible: l }) => s(
-                m({
-                  isHovered: t,
-                  isFocusVisible: l,
+              className: s(
+                o({
                   isCurrent: !1,
-                  isDisabled: n
+                  isDisabled: t
                 }),
-                c
+                // Estados CSS para Next.js Link
+                "group hover:text-blue-500 focus-visible:border focus-visible:border-primary-500 focus-visible:outline-none",
+                n
               ),
-              children: ({ isHovered: t, isDisabled: l, isFocusVisible: N }) => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-                h && !x && /* @__PURE__ */ r.jsx(
-                  B,
+              children: [
+                i && !b && /* @__PURE__ */ r.jsx(
+                  m,
                   {
                     className: s(
                       "size-4 text-blue-700",
-                      t || N ? "text-blue-500" : l ? "text-neutral-600" : ""
+                      t ? "text-neutral-600" : "focus-visible:text-blue-500 group-hover:text-blue-500"
+                    )
+                  }
+                ),
+                e.label
+              ]
+            }
+          ) : /* @__PURE__ */ r.jsx(
+            x,
+            {
+              href: e.href,
+              className: ({ isHovered: c, isFocusVisible: u }) => s(
+                o({
+                  isHovered: c,
+                  isFocusVisible: u,
+                  isCurrent: !1,
+                  isDisabled: t
+                }),
+                n
+              ),
+              children: ({ isHovered: c, isDisabled: u, isFocusVisible: B }) => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+                i && !b && /* @__PURE__ */ r.jsx(
+                  m,
+                  {
+                    className: s(
+                      "size-4 text-blue-700",
+                      c || B ? "text-blue-500" : u ? "text-neutral-600" : ""
                     )
                   }
                 ),
@@ -64,12 +90,12 @@ const A = ({
               ] })
             }
           ),
-          /* @__PURE__ */ r.jsx("span", { className: k(), children: "/" })
+          /* @__PURE__ */ r.jsx("span", { className: y(), children: "/" })
         ] }) }, e.key || e.label);
       })
     }
   );
 };
 export {
-  A as Breadcrumbs
+  S as Breadcrumbs
 };

package/dist/index.es40.js

@@ -1,20 +1,32 @@
-import { j as r } from "./index.es36.js";
-import { ColorArea as s, ColorThumb as l } from "react-aria-components";
-function t({ color: o, onChange: e, ...a }) {
-  return /* @__PURE__ */ r.jsx(
-    s,
+import { j as e } from "./index.es36.js";
+import { cn as l } from "./index.es37.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",
     {
-      colorSpace: "hsb",
-      xChannel: "saturation",
-      yChannel: "brightness",
-      value: o,
-      className: "mb-2 h-32 w-48 rounded border",
-      onChange: e,
-      ...a,
-      children: /* @__PURE__ */ r.jsx(l, { className: "box-border size-5 rounded-full border-2 border-white shadow-[0_0_0_1px_black,inset_0_0_0_1px_black] data-[focus-visible]:size-6" })
+      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 {
-  t as ColorArea
+  m as MarkIcon
 };

package/dist/index.es41.js

@@ -1,19 +1,45 @@
-import { j as e } from "./index.es36.js";
-import { ColorField as n, Input as t } from "react-aria-components";
-function p(o) {
-  const { isDisabled: l, inputProps: r = {}, ...s } = o;
-  return /* @__PURE__ */ e.jsx(n, { className: "relative flex h-8 w-32 items-center", isDisabled: l, ...s, children: /* @__PURE__ */ e.jsx(
-    t,
-    {
-      className: "size-full border-none bg-transparent p-0 outline-none focus:outline-none focus:ring-0",
-      maxLength: 7,
-      "aria-label": "Color hex",
-      spellCheck: !1,
-      autoComplete: "off",
-      ...r
-    }
-  ) });
-}
+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: ""
+      },
+      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 {
-  p as ColorField
+  i as checkboxVariants
 };