@simpli-route/apollo-ds 0.1.62 → 0.1.65

package/dist/index.es46.js

@@ -1,81 +1,10 @@
-import { j as e } from "./index.es42.js";
-import { CrossCircleIcon as d } from "./index.es44.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.es43.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
-      ] })
-    },
-    r.value
-  ) })
-] });
+import { j as m } from "./index.es47.js";
+import { cn as c } from "./index.es48.js";
+import { titleVariants as l } from "./index.es74.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 });
+}
 export {
-  C as PopoverContent
+  j as Title
 };

package/dist/index.es47.js

@@ -1,83 +1,8 @@
-import { cva as e } from "class-variance-authority";
-const t = e(
-  "flex w-full items-center justify-between gap-2 py-1 rounded border bg-neutral-50 text-xs font-normal text-primary-900 outline-none transition-all duration-150",
-  {
-    variants: {
-      size: {
-        xs: "min-h-8 px-3",
-        sm: "min-h-10 px-3",
-        md: "min-h-12 px-4",
-        lg: "min-h-14 px-4"
-      },
-      isDisabled: {
-        true: "cursor-not-allowed bg-neutral-200 border-none",
-        false: ""
-      },
-      isHovered: {
-        true: "",
-        false: ""
-      },
-      isFocusVisible: {
-        true: "",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        isDisabled: !1,
-        isHovered: !1,
-        isFocusVisible: !1,
-        class: "border-neutral-500"
-      },
-      {
-        isDisabled: !1,
-        isHovered: !0,
-        isFocusVisible: !1,
-        class: "border-neutral-800"
-      },
-      {
-        isDisabled: !1,
-        isFocusVisible: !0,
-        class: "border-2 border-primary-500"
-      }
-    ],
-    defaultVariants: {
-      size: "xs",
-      isDisabled: !1,
-      isHovered: !1,
-      isFocusVisible: !1
-    }
-  }
-);
-e(
-  "flex items-center gap-1 rounded bg-primary-100 font-normal text-primary-800",
-  {
-    variants: {
-      size: {
-        xs: "px-1.5 py-0.5 text-[10px]",
-        sm: "px-2 py-1 text-xs",
-        md: "px-2.5 py-1 text-sm",
-        lg: "px-3 py-1.5 text-base"
-      },
-      isDisabled: {
-        true: "bg-neutral-50 text-neutral-600",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      isDisabled: !1,
-      size: "xs"
-    }
-  }
-);
-const a = e(
-  "w-[--trigger-width] overflow-auto rounded border border-neutral-300 bg-white shadow-lg outline-none",
-  {
-    variants: {},
-    defaultVariants: {}
-  }
-);
+import { __module as e } from "./index.es99.js";
+import { __require as r } from "./index.es100.js";
+import { __require as o } from "./index.es101.js";
+process.env.NODE_ENV === "production" ? e.exports = r() : e.exports = o();
+var m = e.exports;
 export {
-  t as selectInputButtonVariants,
-  a as selectInputPopoverVariants
+  m as j
 };

package/dist/index.es48.js

@@ -1,132 +1,8 @@
-import { cva as e } from "class-variance-authority";
-const r = e(
-  "group inline-flex select-none items-center justify-center gap-1 text-center font-semibold text-xs transition duration-150 leading-6 ease-in-out focus:outline-none",
-  {
-    variants: {
-      size: {
-        xs: "rounded px-3 py-1",
-        sm: "rounded px-3 py-2",
-        md: "rounded px-4 py-3",
-        lg: "rounded-lg px-6 py-4"
-      },
-      isActive: {
-        true: "bg-primary-50 text-primary-500",
-        false: "bg-transparent text-primary-500"
-      },
-      isHovered: {
-        true: "",
-        false: ""
-      },
-      isFocused: {
-        true: "",
-        false: ""
-      },
-      isPressed: {
-        true: "",
-        false: ""
-      },
-      isDisabled: {
-        true: "cursor-not-allowed",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      // Inactive states
-      {
-        isActive: !1,
-        isHovered: !0,
-        isDisabled: !1,
-        class: "bg-primary-50"
-      },
-      {
-        isActive: !1,
-        isFocused: !0,
-        isDisabled: !1,
-        class: "bg-primary-50 border border-primary-500"
-      },
-      {
-        isActive: !1,
-        isPressed: !0,
-        isDisabled: !1,
-        class: "bg-primary-50 border border-primary-500"
-      },
-      {
-        isActive: !1,
-        isDisabled: !0,
-        class: "bg-neutral-50 text-neutral-600"
-      },
-      // Active states
-      {
-        isActive: !0,
-        isHovered: !0,
-        isDisabled: !1,
-        class: "bg-primary-100"
-      },
-      {
-        isActive: !0,
-        isFocused: !0,
-        isDisabled: !1,
-        class: "bg-primary-100 border border-primary-500"
-      },
-      {
-        isActive: !0,
-        isPressed: !0,
-        isDisabled: !1,
-        class: "bg-primary-100 border border-primary-500"
-      },
-      {
-        isActive: !0,
-        isDisabled: !0,
-        class: "bg-neutral-100 text-neutral-600"
-      }
-    ],
-    defaultVariants: {
-      size: "md",
-      isActive: !1,
-      isHovered: !1,
-      isFocused: !1,
-      isPressed: !1,
-      isDisabled: !1
-    }
-  }
-), i = e(
-  "inline-flex items-center justify-center w-4 h-4 rounded-full text-xs p-0.5 font-semibold ml-0.5",
-  {
-    variants: {
-      isActive: {
-        true: "bg-primary-500 text-primary-50",
-        false: ""
-      },
-      isHovered: {
-        true: "",
-        false: ""
-      },
-      isDisabled: {
-        true: "bg-neutral-400 text-neutral-50",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        isActive: !0,
-        isHovered: !0,
-        isDisabled: !1,
-        class: "bg-primary-500 text-primary-100"
-      },
-      {
-        isActive: !0,
-        isDisabled: !0,
-        class: "bg-neutral-400 text-neutral-50"
-      }
-    ],
-    defaultVariants: {
-      isActive: !1,
-      isHovered: !1,
-      isDisabled: !1
-    }
-  }
-);
+import { clsx as o } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+function n(...r) {
+  return t(o(r));
+}
 export {
-  i as filterButtonBadgeVariants,
-  r as filterButtonVariants
+  n as cn
 };

package/dist/index.es49.js

@@ -1,20 +1,35 @@
-import { j as r } from "./index.es42.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" })
-    }
-  );
-}
+import { C as o } from "./index.es102.js";
+import { C as r } from "./index.es103.js";
+import { C as n } from "./index.es104.js";
+import { C as c } from "./index.es105.js";
+import { C as a } from "./index.es106.js";
+import { C as I } from "./index.es107.js";
+import { D as m } from "./index.es108.js";
+import { I as s } from "./index.es109.js";
+import { L as C } from "./index.es110.js";
+import { L as i } from "./index.es111.js";
+import { M as e } from "./index.es112.js";
+import { O as t } from "./index.es113.js";
+import { P as v } from "./index.es114.js";
+import { R as f } from "./index.es115.js";
+import { S as p } from "./index.es116.js";
+import { U as h } from "./index.es117.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 {
-  t as ColorArea
+  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.es50.js

@@ -1,19 +1,20 @@
-import { j as e } from "./index.es42.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 { j as r } from "./index.es47.js";
+import { ColorArea as s, ColorThumb as l } from "react-aria-components";
+function t({ color: o, onChange: e, ...a }) {
+  return /* @__PURE__ */ r.jsx(
+    s,
     {
-      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
+      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" })
     }
-  ) });
+  );
 }
 export {
-  p as ColorField
+  t as ColorArea
 };

package/dist/index.es51.js

@@ -1,18 +1,19 @@
-import { j as r } from "./index.es42.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.es47.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,
     {
-      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" }) })
+      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
     }
-  );
+  ) });
 }
 export {
-  d as ColorSlider
+  p as ColorField
 };

package/dist/index.es52.js

@@ -1,119 +1,18 @@
-import { cva as r } from "class-variance-authority";
-const t = r(
-  "flex w-full rounded-md border border-neutral-500 bg-white px-4 text-base leading-6 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",
-  {
-    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"
-      },
-      validationState: {
-        invalid: "border-error-500 text-red-800 placeholder:text-red-800 focus-within:border-error-500 focus-within:ring-error-500 focus:border-error-500 focus:ring-error-500 pr-10",
-        valid: "border-success-500 text-success-800 placeholder:text-success-800 focus-within:border-success-500 focus-within:ring-success-500 focus:border-success-500 focus:ring-success-500 pr-10"
-      },
-      hasIcon: {
-        true: "pr-10"
-      },
-      isFocusVisible: {
-        true: ""
-      }
-    },
-    compoundVariants: [
-      {
-        isHovered: !0,
-        validationState: void 0,
-        class: "border-neutral-900"
-      },
-      {
-        isHovered: !0,
-        validationState: "invalid",
-        class: "border-error-600"
-      },
-      {
-        isHovered: !0,
-        validationState: "valid",
-        class: "border-success-600"
-      }
-    ]
-  }
-), a = 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"
+import { j as r } from "./index.es47.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" }) })
     }
-  }
-), s = r("font-normal text-neutral-800 ml-0.5", {
-  variants: {
-    size: {
-      bodySm: "text-xs",
-      bodyDefault: "text-sm",
-      h5: "text-base",
-      h3: "text-[22px]"
-    }
-  },
-  defaultVariants: {
-    size: "bodyDefault"
-  }
-}), o = r("text-xs font-normal", {
-  variants: {
-    state: {
-      default: "text-neutral-600",
-      error: "text-error-800"
-    }
-  },
-  defaultVariants: {
-    state: "default"
-  }
-}), i = r("flex w-full gap-1", {
-  variants: {
-    size: {
-      bodySm: "gap-1",
-      bodyDefault: "gap-1",
-      h5: "gap-1",
-      h3: "gap-1"
-    },
-    orientation: {
-      vertical: "flex-col",
-      horizontal: "flex-row items-center"
-    }
-  },
-  defaultVariants: {
-    size: "bodyDefault",
-    orientation: "vertical"
-  }
-});
+  );
+}
 export {
-  t as inputVariants,
-  o as invisibleInputCaptionVariants,
-  i as invisibleInputContainerVariants,
-  s as invisibleInputLabelVariants,
-  a as invisibleInputVariants
+  d as ColorSlider
 };