@simpli-route/apollo-ds 0.1.51 → 0.1.53

package/dist/index.es61.js

@@ -1,162 +1,94 @@
 import { cva as e } from "class-variance-authority";
-const r = e(
-  "inline-flex items-center justify-center font-medium transition-colors duration-200 cursor-pointer outline-none border border-transparent rounded-full",
+const s = e("relative rounded-full transition-colors duration-300", {
+  variants: {
+    isSelected: {
+      true: "bg-primary-500",
+      false: "bg-neutral-50 border border-primary-200"
+    },
+    isDisabled: {
+      true: "cursor-not-allowed bg-neutral-400 border-none",
+      false: "cursor-pointer"
+    },
+    isHoveredWhenOff: {
+      true: "bg-neutral-200 border-primary-700",
+      false: ""
+    },
+    isFocusVisible: {
+      true: "ring-2 ring-sky-400 ring-offset-2",
+      false: ""
+    },
+    size: {
+      sm: "w-[42px] h-[24px]",
+      md: "w-[56px] h-[32px]"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    isSelected: !1,
+    isDisabled: !1,
+    isFocusVisible: !1,
+    isHoveredWhenOff: !1
+  },
+  compoundVariants: [
+    // Hover cuando el switch está apagado y no deshabilitado
+    {
+      isSelected: !1,
+      isDisabled: !1,
+      class: "hover:bg-neutral-200 hover:border-primary-700"
+    },
+    {
+      isSelected: !0,
+      isDisabled: !1,
+      class: "hover:bg-primary-700"
+    },
+    {
+      isSelected: !1,
+      isDisabled: !0,
+      class: "bg-neutral-400 border-none"
+    },
+    {
+      isSelected: !0,
+      isDisabled: !0,
+      class: "bg-neutral-500"
+    }
+  ]
+}), a = e(
+  "absolute top-1/2 transform -translate-y-1/2 transition-all duration-300 rounded-full",
   {
     variants: {
-      size: {
-        sm: "h-5 px-2 py-1 text-xs gap-1"
-      },
-      variant: {
-        success: "text-success-800",
-        error: "text-error-800",
-        warning: "text-yellow-warning-800",
-        info: "text-blue-800"
-      },
       isSelected: {
-        true: "",
-        false: ""
+        true: "bg-primary-50",
+        false: "bg-primary-200 border border-primary-200"
       },
       isDisabled: {
-        true: "cursor-not-allowed bg-neutral-200 border-neutral-400 text-neutral-400",
+        true: "bg-neutral-600 border-none",
         false: ""
       },
-      isHovered: {
-        true: "",
+      isHoveredWhenOff: {
+        true: "bg-primary-700 border-primary-700",
         false: ""
       },
-      isFocused: {
-        true: "",
-        false: ""
+      size: {
+        sm: "w-[20px] h-[20px]",
+        md: "w-[24px] h-[24px]"
       }
     },
-    compoundVariants: [
-      // Success variants
-      {
-        variant: "success",
-        isDisabled: !1,
-        isHovered: !1,
-        isFocused: !1,
-        class: "bg-success-50"
-      },
-      {
-        variant: "success",
-        isDisabled: !1,
-        isHovered: !0,
-        isFocused: !1,
-        class: "bg-success-100"
-      },
-      {
-        variant: "success",
-        isDisabled: !1,
-        isHovered: !1,
-        isFocused: !0,
-        class: "bg-success-100 border border-success-400"
-      },
-      {
-        variant: "success",
-        isDisabled: !1,
-        isHovered: !0,
-        isFocused: !0,
-        class: "bg-success-100 border border-success-400"
-      },
-      // Error variants
-      {
-        variant: "error",
-        isDisabled: !1,
-        isHovered: !1,
-        isFocused: !1,
-        class: "bg-error-100"
-      },
-      {
-        variant: "error",
-        isDisabled: !1,
-        isHovered: !0,
-        isFocused: !1,
-        class: "bg-error-200"
-      },
-      {
-        variant: "error",
-        isDisabled: !1,
-        isHovered: !1,
-        isFocused: !0,
-        class: "bg-error-100 border border-error-400"
-      },
-      {
-        variant: "error",
-        isDisabled: !1,
-        isHovered: !0,
-        isFocused: !0,
-        class: "bg-error-100 border border-error-400"
-      },
-      // Warning variants
-      {
-        variant: "warning",
-        isDisabled: !1,
-        isHovered: !1,
-        isFocused: !1,
-        class: "bg-yellow-warning-100"
-      },
-      {
-        variant: "warning",
-        isDisabled: !1,
-        isHovered: !0,
-        isFocused: !1,
-        class: "bg-yellow-warning-200"
-      },
-      {
-        variant: "warning",
-        isDisabled: !1,
-        isHovered: !1,
-        isFocused: !0,
-        class: "bg-yellow-warning-100 border border-yellow-warning-400"
-      },
-      {
-        variant: "warning",
-        isDisabled: !1,
-        isHovered: !0,
-        isFocused: !0,
-        class: "bg-yellow-warning-100 border border-yellow-warning-400"
-      },
-      // Info variants
-      {
-        variant: "info",
-        isDisabled: !1,
-        isHovered: !1,
-        isFocused: !1,
-        class: "bg-blue-100"
-      },
-      {
-        variant: "info",
-        isDisabled: !1,
-        isHovered: !0,
-        isFocused: !1,
-        class: "bg-blue-200"
-      },
-      {
-        variant: "info",
-        isDisabled: !1,
-        isHovered: !1,
-        isFocused: !0,
-        class: "bg-blue-100 border border-blue-400"
-      },
-      {
-        variant: "info",
-        isDisabled: !1,
-        isHovered: !0,
-        isFocused: !0,
-        class: "bg-blue-100 border border-blue-400"
-      }
-    ],
     defaultVariants: {
-      size: "sm",
-      variant: "success",
+      size: "md",
       isSelected: !1,
       isDisabled: !1,
-      isHovered: !1,
-      isFocused: !1
-    }
+      isHoveredWhenOff: !1
+    },
+    compoundVariants: [
+      {
+        isSelected: !0,
+        isDisabled: !0,
+        class: "bg-neutral-400"
+      }
+    ]
   }
 );
 export {
-  r as statusChipVariants
+  a as indicatorVariants,
+  s as switchVariants
 };

package/dist/index.es62.js

@@ -1,94 +1,24 @@
-import { cva as e } from "class-variance-authority";
-const s = e("relative rounded-full transition-colors duration-300", {
+import { cva as t } from "class-variance-authority";
+const o = t("scroll-m-12 text-neutral-900", {
   variants: {
-    isSelected: {
-      true: "bg-primary-500",
-      false: "bg-neutral-50 border border-primary-200"
-    },
-    isDisabled: {
-      true: "cursor-not-allowed bg-neutral-400 border-none",
-      false: "cursor-pointer"
-    },
-    isHoveredWhenOff: {
-      true: "bg-neutral-200 border-primary-700",
-      false: ""
-    },
-    isFocusVisible: {
-      true: "ring-2 ring-sky-400 ring-offset-2",
-      false: ""
-    },
     size: {
-      sm: "w-[42px] h-[24px]",
-      md: "w-[56px] h-[32px]"
+      h1: "text-[2rem] font-bold leading-10",
+      h2: "text-[1.75rem] font-bold leading-9",
+      h3: "text-2xl font-semibold",
+      h4: "text-[1.375rem] font-semibold leading-7",
+      h5: "text-xl font-semibold",
+      h6: "text-lg font-semibold"
     }
-  },
-  defaultVariants: {
-    size: "md",
-    isSelected: !1,
-    isDisabled: !1,
-    isFocusVisible: !1,
-    isHoveredWhenOff: !1
-  },
-  compoundVariants: [
-    // Hover cuando el switch está apagado y no deshabilitado
-    {
-      isSelected: !1,
-      isDisabled: !1,
-      class: "hover:bg-neutral-200 hover:border-primary-700"
-    },
-    {
-      isSelected: !0,
-      isDisabled: !1,
-      class: "hover:bg-primary-700"
-    },
-    {
-      isSelected: !1,
-      isDisabled: !0,
-      class: "bg-neutral-400 border-none"
-    },
-    {
-      isSelected: !0,
-      isDisabled: !0,
-      class: "bg-neutral-500"
+  }
+}), n = t("", {
+  variants: {
+    type: {
+      body: "text-base text-neutral-900",
+      caption: "text-xs text-neutral-700"
     }
-  ]
-}), a = e(
-  "absolute top-1/2 transform -translate-y-1/2 transition-all duration-300 rounded-full",
-  {
-    variants: {
-      isSelected: {
-        true: "bg-primary-50",
-        false: "bg-primary-200 border border-primary-200"
-      },
-      isDisabled: {
-        true: "bg-neutral-600 border-none",
-        false: ""
-      },
-      isHoveredWhenOff: {
-        true: "bg-primary-700 border-primary-700",
-        false: ""
-      },
-      size: {
-        sm: "w-[20px] h-[20px]",
-        md: "w-[24px] h-[24px]"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      isSelected: !1,
-      isDisabled: !1,
-      isHoveredWhenOff: !1
-    },
-    compoundVariants: [
-      {
-        isSelected: !0,
-        isDisabled: !0,
-        class: "bg-neutral-400"
-      }
-    ]
   }
-);
+});
 export {
-  a as indicatorVariants,
-  s as switchVariants
+  n as textVariants,
+  o as titleVariants
 };

package/dist/index.es63.js

@@ -1,24 +1,20 @@
-import { cva as t } from "class-variance-authority";
-const o = t("scroll-m-12 text-neutral-900", {
-  variants: {
-    size: {
-      h1: "text-[2rem] font-bold leading-10",
-      h2: "text-[1.75rem] font-bold leading-9",
-      h3: "text-2xl font-semibold",
-      h4: "text-[1.375rem] font-semibold leading-7",
-      h5: "text-xl font-semibold",
-      h6: "text-lg font-semibold"
+import { j as r } from "./index.es40.js";
+import { ColorArea as s, ColorThumb as l } from "react-aria-components";
+function t({ color: o, onChange: e, ...a }) {
+  return /* @__PURE__ */ r.jsx(
+    s,
+    {
+      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" })
     }
-  }
-}), n = t("", {
-  variants: {
-    type: {
-      body: "text-base text-neutral-900",
-      caption: "text-xs text-neutral-700"
-    }
-  }
-});
+  );
+}
 export {
-  n as textVariants,
-  o as titleVariants
+  t as ColorArea
 };

package/dist/index.es64.js

@@ -1,67 +1,19 @@
 import { j as e } from "./index.es40.js";
-import { CrossCircleIcon as m } from "./index.es42.js";
-import { Autocomplete as d, SearchField as p, Input as b, Button as h, ListBox as f, ListBoxItem as g } from "react-aria-components";
-import { cn as n } from "./index.es41.js";
-const v = ({
-  enableSearch: a,
-  contains: o,
-  classNameSearchField: i,
-  classNameSearchFieldInput: c,
-  placeholderSearch: u,
-  items: x
-}) => /* @__PURE__ */ e.jsxs(d, { filter: o, disableAutoFocusFirst: !0, disableVirtualFocus: !0, children: [
-  a ? /* @__PURE__ */ e.jsxs(
-    p,
+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,
     {
-      "aria-label": "Search",
-      className: n(
-        "group m-1 flex items-center rounded border border-neutral-500 bg-neutral-50",
-        i
-      ),
-      children: [
-        /* @__PURE__ */ e.jsx(
-          b,
-          {
-            placeholder: u,
-            className: n(
-              "h-8 min-w-0 flex-1 rounded border-none p-1 text-sm font-normal text-neutral-800 outline-none outline-0 placeholder:text-neutral-700 focus:outline-none focus:ring-0 [&::-webkit-search-cancel-button]:hidden",
-              c
-            )
-          }
-        ),
-        /* @__PURE__ */ e.jsx(h, { className: "pressed:bg-black/10 mr-1 flex w-6 items-center justify-center rounded-full border-0 bg-transparent p-1 text-center text-sm text-neutral-600 transition hover:bg-black/[5%] group-data-[empty]:invisible", children: /* @__PURE__ */ e.jsx(m, { "aria-hidden": !0, className: "size-4" }) })
-      ]
+      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
     }
-  ) : null,
-  /* @__PURE__ */ e.jsx(f, { className: "lg:custom-scrollbar max-h-[260px] overflow-auto outline-none", items: x, children: (r) => /* @__PURE__ */ e.jsx(
-    g,
-    {
-      id: r.value,
-      textValue: r.label,
-      isDisabled: r.isDisabled,
-      className: ({ isSelected: t, isFocusVisible: s, isHovered: l }) => n(
-        "flex cursor-pointer items-center justify-between px-3 py-2 text-xs font-normal outline-none",
-        t ? "bg-primary-100 text-primary-500" : "text-primary-900",
-        l && "bg-primary-50 text-primary-500",
-        (l || s) && !t && "bg-primary-50",
-        (l || s) && t && "bg-primary-200"
-      ),
-      children: ({ isSelected: t }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx("span", { children: r.label }),
-        /* @__PURE__ */ e.jsx("span", { className: "flex w-5 items-center", children: t && /* @__PURE__ */ e.jsx("svg", { width: "14", height: "13", viewBox: "0 0 14 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e.jsx(
-          "path",
-          {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M13.2241 0.601824C13.4808 0.780773 13.5439 1.13398 13.365 1.39073L5.69829 12.3907C5.59653 12.5367 5.43209 12.6264 5.25425 12.633C5.07641 12.6395 4.90582 12.5622 4.79359 12.4241L0.460261 7.09072C0.26291 6.84783 0.299829 6.49094 0.542723 6.29358C0.785617 6.09623 1.14251 6.13315 1.33986 6.37605L5.19872 11.1254L12.4352 0.7427C12.6141 0.485948 12.9673 0.422875 13.2241 0.601824Z",
-            fill: "#4C3BEF"
-          }
-        ) }) })
-      ] })
-    },
-    r.value
-  ) })
-] });
+  ) });
+}
 export {
-  v as PopoverContent
+  p as ColorField
 };

package/dist/index.es65.js

@@ -1,20 +1,18 @@
 import { j as r } from "./index.es40.js";
-import { ColorArea as s, ColorThumb as l } from "react-aria-components";
-function t({ color: o, onChange: e, ...a }) {
+import { ColorSlider as f, SliderTrack as l, ColorThumb as i } from "react-aria-components";
+function d(e) {
+  const { color: o } = e;
   return /* @__PURE__ */ r.jsx(
-    s,
+    f,
     {
-      colorSpace: "hsb",
-      xChannel: "saturation",
-      yChannel: "brightness",
+      channel: "hue",
       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" })
+      className: "mb-2 h-4 w-48 rounded border bg-[linear-gradient(to_right,#ff0000,#ffff00,#00ff00,#00ffff,#0000ff,#ff00ff,#ff0000)]",
+      ...e,
+      children: /* @__PURE__ */ r.jsx(l, { className: "size-full", children: /* @__PURE__ */ r.jsx(i, { 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" }) })
     }
   );
 }
 export {
-  t as ColorArea
+  d as ColorSlider
 };

package/dist/index.es66.js

@@ -1,19 +1,32 @@
 import { j as e } from "./index.es40.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,
+import { cn as l } from "./index.es41.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",
     {
-      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
+      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 {
-  p as ColorField
+  m as MarkIcon
 };

package/dist/index.es67.js

@@ -1,18 +1,67 @@
-import { j as r } from "./index.es40.js";
-import { ColorSlider as f, SliderTrack as l, ColorThumb as i } from "react-aria-components";
-function d(e) {
-  const { color: o } = e;
-  return /* @__PURE__ */ r.jsx(
-    f,
+import { j as e } from "./index.es40.js";
+import { CrossCircleIcon as m } from "./index.es42.js";
+import { Autocomplete as d, SearchField as p, Input as b, Button as h, ListBox as f, ListBoxItem as g } from "react-aria-components";
+import { cn as n } from "./index.es41.js";
+const v = ({
+  enableSearch: a,
+  contains: o,
+  classNameSearchField: i,
+  classNameSearchFieldInput: c,
+  placeholderSearch: u,
+  items: x
+}) => /* @__PURE__ */ e.jsxs(d, { filter: o, disableAutoFocusFirst: !0, disableVirtualFocus: !0, children: [
+  a ? /* @__PURE__ */ e.jsxs(
+    p,
     {
-      channel: "hue",
-      value: o,
-      className: "mb-2 h-4 w-48 rounded border bg-[linear-gradient(to_right,#ff0000,#ffff00,#00ff00,#00ffff,#0000ff,#ff00ff,#ff0000)]",
-      ...e,
-      children: /* @__PURE__ */ r.jsx(l, { className: "size-full", children: /* @__PURE__ */ r.jsx(i, { 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" }) })
+      "aria-label": "Search",
+      className: n(
+        "group m-1 flex items-center rounded border border-neutral-500 bg-neutral-50",
+        i
+      ),
+      children: [
+        /* @__PURE__ */ e.jsx(
+          b,
+          {
+            placeholder: u,
+            className: n(
+              "h-8 min-w-0 flex-1 rounded border-none p-1 text-sm font-normal text-neutral-800 outline-none outline-0 placeholder:text-neutral-700 focus:outline-none focus:ring-0 [&::-webkit-search-cancel-button]:hidden",
+              c
+            )
+          }
+        ),
+        /* @__PURE__ */ e.jsx(h, { className: "pressed:bg-black/10 mr-1 flex w-6 items-center justify-center rounded-full border-0 bg-transparent p-1 text-center text-sm text-neutral-600 transition hover:bg-black/[5%] group-data-[empty]:invisible", children: /* @__PURE__ */ e.jsx(m, { "aria-hidden": !0, className: "size-4" }) })
+      ]
     }
-  );
-}
+  ) : null,
+  /* @__PURE__ */ e.jsx(f, { className: "lg:custom-scrollbar max-h-[260px] overflow-auto outline-none", items: x, children: (r) => /* @__PURE__ */ e.jsx(
+    g,
+    {
+      id: r.value,
+      textValue: r.label,
+      isDisabled: r.isDisabled,
+      className: ({ isSelected: t, isFocusVisible: s, isHovered: l }) => n(
+        "flex cursor-pointer items-center justify-between px-3 py-2 text-xs font-normal outline-none",
+        t ? "bg-primary-100 text-primary-500" : "text-primary-900",
+        l && "bg-primary-50 text-primary-500",
+        (l || s) && !t && "bg-primary-50",
+        (l || s) && t && "bg-primary-200"
+      ),
+      children: ({ isSelected: t }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx("span", { children: r.label }),
+        /* @__PURE__ */ e.jsx("span", { className: "flex w-5 items-center", children: t && /* @__PURE__ */ e.jsx("svg", { width: "14", height: "13", viewBox: "0 0 14 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e.jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M13.2241 0.601824C13.4808 0.780773 13.5439 1.13398 13.365 1.39073L5.69829 12.3907C5.59653 12.5367 5.43209 12.6264 5.25425 12.633C5.07641 12.6395 4.90582 12.5622 4.79359 12.4241L0.460261 7.09072C0.26291 6.84783 0.299829 6.49094 0.542723 6.29358C0.785617 6.09623 1.14251 6.13315 1.33986 6.37605L5.19872 11.1254L12.4352 0.7427C12.6141 0.485948 12.9673 0.422875 13.2241 0.601824Z",
+            fill: "#4C3BEF"
+          }
+        ) }) })
+      ] })
+    },
+    r.value
+  ) })
+] });
 export {
-  d as ColorSlider
+  v as PopoverContent
 };