@simpli-route/apollo-ds 0.1.57 → 0.1.59

package/dist/index.es64.js

@@ -1,19 +1,116 @@
-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,
-    {
-      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 s = r(
+  "box-border w-full rounded border border-neutral-500 px-3 placeholder:text-neutral-700 focus:outline-none",
+  {
+    variants: {
+      size: {
+        xs: "py-1",
+        sm: "py-2",
+        md: "py-3",
+        lg: "py-4"
+      },
+      isHovered: {
+        true: ""
+      },
+      isFocused: {
+        true: ""
+      },
+      isDisabled: {
+        true: "border border-neutral-200 bg-neutral-200 cursor-not-allowed text-neutral-700",
+        false: "bg-neutral-50"
+      },
+      isReadOnly: {
+        true: "cursor-not-allowed"
+      },
+      validationState: {
+        default: "",
+        valid: "border border-success-500",
+        invalid: "border border-error-500"
+      }
+    },
+    compoundVariants: [
+      {
+        isHovered: !0,
+        isDisabled: !1,
+        validationState: "default",
+        class: "border border-neutral-900"
+      },
+      // default focus
+      {
+        isFocused: !0,
+        isDisabled: !1,
+        class: "border-2 focus-within:border-primary-500 focus-within:ring-1 focus-within:ring-primary-500 focus:border-primary-500 focus:ring-1 focus:ring-primary-500"
+      },
+      // success focused
+      {
+        validationState: "valid",
+        isFocused: !0,
+        class: "border-2 border-success-500 focus-within:ring-1 focus-within:ring-success-500 focus:border-success-500 focus:ring-1 focus:ring-success-500"
+      },
+      // error focused
+      {
+        validationState: "invalid",
+        isFocused: !0,
+        class: "border-2 border-error-500 focus-within:ring-1 focus-within:ring-error-500 focus:border-error-500 focus:ring-1 focus:ring-error-500"
+      }
+    ]
+  }
+), t = r(
+  "w-full border outline-none transition-colors duration-200 rounded-sm text-blue-800",
+  {
+    variants: {
+      size: {
+        bodySm: "px-1.5 py-1 text-xs gap-2",
+        bodyDefault: "px-1.5 py-1 text-sm gap-2",
+        h5: "px-2 py-1 text-base gap-2",
+        h3: "px-2 py-1 text-[22px] gap-2"
+      },
+      state: {
+        default: "border-transparent bg-transparent",
+        hover: "border-blue-100 bg-transparent",
+        active: "!border-primary-500 bg-neutral-50 focus:!border-primary-500 focus:!bg-neutral-50",
+        error: "!border-error-500 bg-neutral-50 focus:!border-error-500 focus:!bg-neutral-50",
+        disabled: "border-transparent bg-transparent cursor-not-allowed"
+      }
+    },
+    defaultVariants: {
+      size: "bodyDefault",
+      state: "default"
     }
-  ) });
-}
+  }
+), a = r("relative flex w-full", {
+  variants: {
+    size: {
+      bodySm: "gap-1",
+      bodyDefault: "gap-1",
+      h5: "gap-1",
+      h3: "gap-1"
+    }
+  },
+  defaultVariants: {
+    size: "bodyDefault"
+  }
+}), i = r("flex items-center justify-center", {
+  variants: {
+    size: {
+      bodySm: "size-3",
+      bodyDefault: "size-3.5",
+      h5: "size-4",
+      h3: "size-5"
+    },
+    isDisabled: {
+      true: "text-neutral-600",
+      false: "text-primary-500"
+    }
+  },
+  defaultVariants: {
+    size: "bodyDefault",
+    isDisabled: !1
+  }
+});
 export {
-  p as ColorField
+  s as inputNumberVariant,
+  a as invisibleNumberFieldGroupVariants,
+  i as invisibleNumberFieldStepperVariants,
+  t as invisibleNumberFieldVariants
 };

package/dist/index.es65.js

@@ -1,18 +1,36 @@
-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,
-    {
-      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" }) })
+import { cva as r } from "class-variance-authority";
+const n = r("w-full overflow-hidden rounded-lg bg-primary-100 h-2", {
+  variants: {
+    variant: {
+      primary: "bg-primary-100",
+      success: "bg-success-100",
+      error: "bg-error-100",
+      yellow: "bg-yellow-100",
+      yellowWarning: "bg-yellow-warning-100",
+      orangeWarning: "bg-orange-warning-100",
+      sky: "bg-sky-100"
     }
-  );
-}
+  },
+  defaultVariants: {
+    variant: "primary"
+  }
+}), g = r("size-full rounded-lg", {
+  variants: {
+    variant: {
+      primary: "bg-primary-500",
+      success: "bg-success-500",
+      error: "bg-error-500",
+      yellow: "bg-yellow-500",
+      yellowWarning: "bg-yellow-warning-500",
+      orangeWarning: "bg-orange-warning-500",
+      sky: "bg-sky-500"
+    }
+  },
+  defaultVariants: {
+    variant: "primary"
+  }
+});
 export {
-  d as ColorSlider
+  n as progressBarVariants,
+  g as progressFillVariants
 };

package/dist/index.es66.js

@@ -1,165 +1,10 @@
 import { cva as e } from "class-variance-authority";
-const t = [
-  {
-    intent: "primary",
-    isHovered: !0,
-    isDisabled: !1,
-    isActive: !1,
-    class: "bg-primary-100"
-  },
-  {
-    intent: "secondary",
-    isHovered: !0,
-    isDisabled: !1,
-    isActive: !1,
-    class: "bg-primary-500 text-primary-50"
-  },
-  {
-    intent: "minimal",
-    isHovered: !0,
-    isDisabled: !1,
-    isActive: !1,
-    class: "bg-neutral-200 text-neutral-800"
-  },
-  {
-    intent: "error",
-    isHovered: !0,
-    isDisabled: !1,
-    isActive: !1,
-    class: "bg-error-100"
-  }
-], r = [
-  {
-    intent: "primary",
-    isActive: !0,
-    isDisabled: !1,
-    class: "bg-primary-500 text-primary-50"
-  },
-  {
-    intent: "primary",
-    isActive: !0,
-    isDisabled: !0,
-    class: "bg-primary-300 text-primary-100"
-  },
-  {
-    intent: "secondary",
-    isActive: !0,
-    isDisabled: !1,
-    class: "bg-primary-500 text-primary-50"
-  },
-  {
-    intent: "secondary",
-    isActive: !0,
-    isDisabled: !0,
-    class: "bg-primary-100 text-primary-300"
-  },
-  {
-    intent: "minimal",
-    isActive: !0,
-    isDisabled: !1,
-    class: "text-primary-500"
-  },
-  {
-    intent: "minimal",
-    isActive: !0,
-    isDisabled: !0,
-    class: "text-neutral-700"
-  },
-  {
-    intent: "error",
-    isActive: !0,
-    isDisabled: !1,
-    class: "bg-error-700 text-error-50"
-  },
-  {
-    intent: "error",
-    isActive: !0,
-    isDisabled: !0,
-    class: "bg-error-300 text-error-100"
-  }
-], i = [
-  {
-    intent: "primary",
-    isDisabled: !0,
-    isActive: !1,
-    class: "text-neutral-600"
-  },
-  {
-    intent: "primary",
-    isDisabled: !0,
-    isActive: !0,
-    class: "bg-primary-300 text-primary-100"
-  },
-  {
-    intent: "secondary",
-    isDisabled: !0,
-    isActive: !1,
-    class: "bg-neutral-400 text-neutral-600"
-  },
-  {
-    intent: "secondary",
-    isDisabled: !0,
-    isActive: !0,
-    class: "bg-primary-100 text-primary-300"
-  },
-  {
-    intent: "minimal",
-    isDisabled: !0,
-    isActive: !1,
-    class: "text-neutral-600"
-  },
-  {
-    intent: "minimal",
-    isDisabled: !0,
-    isActive: !0,
-    class: "text-neutral-700"
-  },
-  {
-    intent: "error",
-    isDisabled: !0,
-    isActive: !1,
-    class: "text-neutral-600"
-  },
-  {
-    intent: "error",
-    isDisabled: !0,
-    isActive: !0,
-    class: "bg-error-300 text-primary-100"
-  }
-], a = e(
-  "inline-flex items-center justify-center rounded-lg border border-transparent transition duration-150 ease-in-out focus:outline-none",
-  {
-    variants: {
-      intent: {
-        primary: "bg-transparent text-primary-500",
-        secondary: "bg-primary-200 text-primary-500",
-        minimal: "bg-transparent text-neutral-700",
-        error: "bg-transparent text-error-500"
-      },
-      size: {
-        xxs: "p-1",
-        xs: "p-2",
-        sm: "p-2.5",
-        md: "p-3",
-        lg: "p-4"
-      },
-      isDisabled: {
-        true: "pointer-events-none cursor-not-allowed"
-      },
-      isHovered: {
-        true: ""
-      },
-      isActive: {
-        true: ""
-      },
-      isFocused: {
-        false: "",
-        true: "focus:outline-none focus:ring-offset-2 outline-none ring-2 ring-sky-400"
-      }
-    },
-    compoundVariants: [...t, ...r, ...i]
-  }
-);
+const n = e("flex items-center justify-between pb-4"), a = e("text-base font-medium text-neutral-900"), r = e(
+  "flex h-8 w-8 items-center justify-center rounded-md text-primary-500 hover:bg-neutral-200 transition-colors outline-none focus-visible:ring-2 focus-visible:ring-blue-400 disabled:opacity-40 disabled:cursor-not-allowed"
+), i = e("pb-2 text-xs font-normal text-neutral-900 uppercase w-10");
 export {
-  a as buttonVariants
+  r as rangeCalendarButtonVariants,
+  i as rangeCalendarHeaderCellVariants,
+  n as rangeCalendarHeaderVariants,
+  a as rangeCalendarHeadingVariants
 };

package/dist/index.es67.js

@@ -1,81 +1,61 @@
-import { j as e } from "./index.es40.js";
-import { CrossCircleIcon as d } from "./index.es42.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.es41.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" }) })
-      ]
-    }
-  ) : 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
-      ] })
+import { cva as e } from "class-variance-authority";
+const t = e("w-[--trigger-width] rounded-md bg-neutral-50 shadow-md ring-0", {
+  variants: {}
+}), i = e(
+  "group flex cursor-pointer items-center justify-between rounded-sm p-2 text-sm text-neutral-700 outline-none hover:bg-primary-100 hover:text-primary-500",
+  {
+    variants: {
+      isFocused: {
+        true: "bg-primary-100 text-primary-500"
+      },
+      isSelected: {
+        true: "bg-primary-100 text-primary-500"
+      },
+      isDisabled: {
+        true: ""
+      },
+      isCheckValue: {
+        true: "bg-primary-100 text-primary-500"
+      },
+      hideDisabledItems: {
+        true: ""
+      }
+    },
+    compoundVariants: [
+      {
+        isDisabled: !0,
+        isFocused: !1,
+        isSelected: !1,
+        class: "text-neutral-400 cursor-not-allowed"
+      },
+      {
+        isSelected: !0,
+        hideDisabledItems: !0,
+        class: "bg-transparent"
+      }
+    ]
+  }
+), a = e(
+  "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"
+      }
     },
-    r.value
-  ) })
-] });
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
 export {
-  C as PopoverContent
+  a as multiSearchFieldContainerVariants,
+  t as popoverVariants,
+  i as searchOptionVariants
 };

package/dist/index.es68.js

@@ -1,32 +1,162 @@
-import { j as e } from "./index.es40.js";
-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",
-    {
-      x1: 1,
-      y1: 10,
-      x2: 14,
-      y2: 10,
-      fill: "none",
-      strokeWidth: 2,
-      strokeDasharray: 14,
-      strokeDashoffset: s ? 28 : 42,
-      style: { transition: "all 400ms" }
+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",
+  {
+    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: ""
+      },
+      isDisabled: {
+        true: "cursor-not-allowed bg-neutral-200 border-neutral-400 text-neutral-400",
+        false: ""
+      },
+      isHovered: {
+        true: "",
+        false: ""
+      },
+      isFocused: {
+        true: "",
+        false: ""
+      }
+    },
+    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",
+      isSelected: !1,
+      isDisabled: !1,
+      isHovered: !1,
+      isFocused: !1
     }
-  ) : /* @__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 {
-  m as MarkIcon
+  r as statusChipVariants
 };