@simpli-route/apollo-ds 0.1.65 → 0.1.66

package/dist/index.es70.js

@@ -1,162 +1,95 @@
 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 t = e(
+  "flex w-full items-center rounded-md border bg-white px-3 text-base leading-6 outline-none transition-colors",
   {
     variants: {
       size: {
-        sm: "h-5 px-2 py-1 text-xs gap-1"
+        xs: "py-1 gap-2",
+        sm: "py-2 gap-2",
+        md: "py-3 gap-3",
+        lg: "py-4 gap-3"
       },
-      variant: {
-        success: "text-success-800",
-        error: "text-error-800",
-        warning: "text-yellow-warning-800",
-        info: "text-blue-800"
-      },
-      isSelected: {
-        true: "",
-        false: ""
+      isHovered: {
+        true: ""
       },
       isDisabled: {
-        true: "cursor-not-allowed bg-neutral-200 border-neutral-400 text-neutral-400",
-        false: ""
+        true: "cursor-not-allowed bg-neutral-200 text-neutral-600 border-neutral-500"
       },
-      isHovered: {
-        true: "",
-        false: ""
+      isReadOnly: {
+        true: "cursor-not-allowed"
       },
       isFocused: {
-        true: "",
-        false: ""
+        true: "border-primary-500 ring-1 ring-primary-500"
+      },
+      validationState: {
+        invalid: "border-error-500 focus-within:border-error-500 focus-within:ring-error-500",
+        valid: "border-success-500 focus-within:border-success-500 focus-within:ring-success-500",
+        default: "border-neutral-500"
       }
     },
     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,
+        validationState: "default",
         isFocused: !1,
-        class: "bg-yellow-warning-100"
+        class: "border-neutral-900"
       },
       {
-        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"
+        validationState: "invalid",
+        class: "border-error-600"
       },
       {
-        variant: "warning",
-        isDisabled: !1,
         isHovered: !0,
-        isFocused: !0,
-        class: "bg-yellow-warning-100 border border-yellow-warning-400"
+        validationState: "valid",
+        class: "border-success-600"
       },
-      // 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"
+        validationState: "invalid",
+        class: "border-error-500 ring-1 ring-error-500"
       },
       {
-        variant: "info",
-        isDisabled: !1,
-        isHovered: !0,
         isFocused: !0,
-        class: "bg-blue-100 border border-blue-400"
+        validationState: "valid",
+        class: "border-success-500 ring-1 ring-success-500"
       }
     ],
     defaultVariants: {
       size: "sm",
-      variant: "success",
-      isSelected: !1,
-      isDisabled: !1,
-      isHovered: !1,
-      isFocused: !1
+      validationState: "default"
+    }
+  }
+), s = e("flex flex-1 items-center bg-transparent outline-none", {
+  variants: {
+    size: {
+      xs: "text-sm",
+      sm: "text-base",
+      md: "text-base",
+      lg: "text-lg"
+    }
+  },
+  defaultVariants: {
+    size: "sm"
+  }
+}), i = e(
+  "flex items-center justify-center rounded bg-transparent text-neutral-700 transition-colors hover:text-neutral-900 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+  {
+    variants: {
+      size: {
+        xs: "h-4 w-4",
+        sm: "h-5 w-5",
+        md: "h-5 w-5",
+        lg: "h-6 w-6"
+      }
+    },
+    defaultVariants: {
+      size: "sm"
     }
   }
 );
 export {
-  r as statusChipVariants
+  i as timeFieldButtonVariants,
+  t as timeFieldGroupVariants,
+  s as timeFieldInputVariants
 };

package/dist/index.es71.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.es72.js

@@ -1,86 +1,32 @@
-import { cva as r } from "class-variance-authority";
-const i = r(
-  "relative flex w-full flex-wrap items-start gap-1 rounded-md border border-neutral-500 bg-white px-4 text-base leading-6 transition-colors focus-within:border-primary-500 focus-within:ring-1 focus-within:ring-primary-500 pr-10",
-  {
-    variants: {
-      size: {
-        xs: "min-h-8 py-1",
-        sm: "min-h-10 py-2",
-        md: "min-h-12 py-3",
-        lg: "min-h-14 py-4"
-      },
-      isDisabled: {
-        true: "cursor-not-allowed bg-neutral-200 text-neutral-600"
-      },
-      hasInvalidValue: {
-        true: "border-error-500 focus-within:border-error-500 focus-within:ring-error-500"
-      }
-    },
-    defaultVariants: {
-      size: "md"
+import { j as e } from "./index.es47.js";
+import { cn as l } from "./index.es49.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" }
     }
-  }
-), s = r(
-  "flex w-full rounded-md border border-neutral-500 bg-white px-4 text-base leading-6 outline-none",
-  {
-    variants: {
-      size: {
-        xs: "py-1",
-        sm: "py-2",
-        md: "py-3",
-        lg: "py-4"
-      },
-      isHovered: {
-        true: ""
-      },
-      isDisabled: {
-        true: "cursor-not-allowed bg-neutral-200 text-neutral-600"
-      },
-      isReadOnly: {
-        true: "cursor-not-allowed"
-      },
-      isFocused: {
-        true: "border-primary-500 ring-1 ring-primary-500"
-      },
-      validationState: {
-        invalid: "border-error-500 text-red-800 placeholder:text-red-800 focus:border-error-500 focus:ring-error-500 pr-10",
-        valid: "border-success-500 text-success-800 placeholder:text-success-800 focus:border-success-500 focus:ring-success-500 pr-10"
-      },
-      hasIcon: {
-        true: "pr-10"
-      }
-    },
-    compoundVariants: [
-      {
-        isHovered: !0,
-        validationState: void 0,
-        isFocused: !1,
-        class: "border-neutral-900"
-      },
-      {
-        isHovered: !0,
-        validationState: "invalid",
-        class: "border-error-600"
-      },
-      {
-        isHovered: !0,
-        validationState: "valid",
-        class: "border-success-600"
-      },
-      {
-        isFocused: !0,
-        validationState: "invalid",
-        class: "border-error-500 ring-1 ring-error-500"
-      },
-      {
-        isFocused: !0,
-        validationState: "valid",
-        class: "border-success-500 ring-1 ring-success-500"
-      }
-    ]
-  }
-);
+  ) : /* @__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 {
-  i as multiTextFieldContainerVariants,
-  s as textFieldInputVariants
+  m as MarkIcon
 };

package/dist/index.es73.js

@@ -1,95 +1,81 @@
-import { cva as e } from "class-variance-authority";
-const t = e(
-  "flex w-full items-center rounded-md border bg-white px-3 text-base leading-6 outline-none transition-colors",
-  {
-    variants: {
-      size: {
-        xs: "py-1 gap-2",
-        sm: "py-2 gap-2",
-        md: "py-3 gap-3",
-        lg: "py-4 gap-3"
-      },
-      isHovered: {
-        true: ""
-      },
-      isDisabled: {
-        true: "cursor-not-allowed bg-neutral-200 text-neutral-600 border-neutral-500"
-      },
-      isReadOnly: {
-        true: "cursor-not-allowed"
-      },
-      isFocused: {
-        true: "border-primary-500 ring-1 ring-primary-500"
-      },
-      validationState: {
-        invalid: "border-error-500 focus-within:border-error-500 focus-within:ring-error-500",
-        valid: "border-success-500 focus-within:border-success-500 focus-within:ring-success-500",
-        default: "border-neutral-500"
-      }
-    },
-    compoundVariants: [
-      {
-        isHovered: !0,
-        validationState: "default",
-        isFocused: !1,
-        class: "border-neutral-900"
-      },
-      {
-        isHovered: !0,
-        validationState: "invalid",
-        class: "border-error-600"
-      },
-      {
-        isHovered: !0,
-        validationState: "valid",
-        class: "border-success-600"
-      },
-      {
-        isFocused: !0,
-        validationState: "invalid",
-        class: "border-error-500 ring-1 ring-error-500"
-      },
-      {
-        isFocused: !0,
-        validationState: "valid",
-        class: "border-success-500 ring-1 ring-success-500"
-      }
-    ],
-    defaultVariants: {
-      size: "sm",
-      validationState: "default"
-    }
-  }
-), s = e("flex flex-1 items-center bg-transparent outline-none", {
-  variants: {
-    size: {
-      xs: "text-sm",
-      sm: "text-base",
-      md: "text-base",
-      lg: "text-lg"
+import { j as e } from "./index.es47.js";
+import { CrossCircleIcon as d } from "./index.es48.js";
+import { Autocomplete as p, SearchField as m, Input as f, Button as b, ListBox as h, ListBoxItem as j } from "react-aria-components";
+import { cn as n } from "./index.es49.js";
+const C = ({
+  enableSearch: a,
+  contains: o,
+  classNameSearchField: i,
+  classNameSearchFieldInput: c,
+  placeholderSearch: x,
+  items: u
+}) => /* @__PURE__ */ e.jsxs(p, { filter: o, disableAutoFocusFirst: !0, disableVirtualFocus: !0, children: [
+  a ? /* @__PURE__ */ e.jsxs(
+    m,
+    {
+      "aria-label": "Search",
+      className: n(
+        "group m-1 flex items-center rounded border border-neutral-500 bg-neutral-50",
+        i
+      ),
+      children: [
+        /* @__PURE__ */ e.jsx(
+          f,
+          {
+            placeholder: x,
+            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(b, { 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(d, { "aria-hidden": !0, className: "size-4" }) })
+      ]
     }
-  },
-  defaultVariants: {
-    size: "sm"
-  }
-}), i = e(
-  "flex items-center justify-center rounded bg-transparent text-neutral-700 transition-colors hover:text-neutral-900 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
-  {
-    variants: {
-      size: {
-        xs: "h-4 w-4",
-        sm: "h-5 w-5",
-        md: "h-5 w-5",
-        lg: "h-6 w-6"
-      }
+  ) : null,
+  /* @__PURE__ */ e.jsx(h, { className: "lg:custom-scrollbar max-h-[260px] overflow-auto outline-none", items: u, children: (r) => /* @__PURE__ */ e.jsx(
+    j,
+    {
+      id: r.value,
+      textValue: r.label,
+      isDisabled: r.isDisabled,
+      className: ({ isSelected: l, isFocusVisible: t, isHovered: s }) => n(
+        "flex cursor-pointer flex-col px-3 py-2 text-xs font-normal outline-none",
+        l ? "bg-primary-100 text-primary-500" : "text-primary-900",
+        s && "bg-primary-50 text-primary-500",
+        (s || t) && !l && "bg-primary-50",
+        (s || t) && l && "bg-primary-200",
+        (r == null ? void 0 : r.isDisabled) && "cursor-not-allowed opacity-50"
+      ),
+      children: ({ isSelected: l, isHovered: t }) => /* @__PURE__ */ e.jsxs("div", { className: "flex w-full flex-col", children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center justify-between", children: [
+          /* @__PURE__ */ e.jsx("span", { children: r.label }),
+          /* @__PURE__ */ e.jsx("span", { className: "flex w-5 items-center", children: l && /* @__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.description ? /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            slot: "description",
+            className: n(
+              l ? "text-primary-400" : "text-neutral-700",
+              t && "text-primary-400"
+            ),
+            children: r.description
+          }
+        ) : null
+      ] })
     },
-    defaultVariants: {
-      size: "sm"
-    }
-  }
-);
+    r.value
+  ) })
+] });
 export {
-  i as timeFieldButtonVariants,
-  t as timeFieldGroupVariants,
-  s as timeFieldInputVariants
+  C as PopoverContent
 };