@simpli-route/apollo-ds 0.1.82 → 0.1.84

package/dist/index.es13.js

@@ -1,140 +1,52 @@
-import { j as e } from "./index.es49.js";
-import { OptionsIcon as J } from "./index.es50.js";
-import { useState as N } from "react";
-import { useFilter as K, Button as Q, Select as T, Popover as U } from "react-aria-components";
-import { cn as p } from "./index.es51.js";
-import { Loader as W } from "./index.es25.js";
-import { PopoverContent as X } from "./index.es82.js";
-import { selectInputPopoverVariants as Y } from "./index.es59.js";
-import { filterButtonVariants as Z, filterButtonBadgeVariants as _ } from "./index.es60.js";
-const $ = ({
-  renderPosition: t,
-  leftIcon: f,
-  rightIcon: r,
-  isLoading: n,
-  loaderPosition: l,
-  loaderProps: a
-}) => {
-  const c = t === "left" ? f : t === "right" ? r : null;
-  return c || n && l === t ? /* @__PURE__ */ e.jsx("span", { className: t === "left" ? "mr-1" : "ml-1", children: n && l === t ? /* @__PURE__ */ e.jsx(W, { size: "sm", ...a }) : c }) : null;
-}, ae = ({
-  leftIcon: t,
-  size: f = "md",
-  isDisabled: r,
-  children: n,
-  className: l,
-  isLoading: a,
-  loaderPosition: c = "left",
-  loaderProps: C,
-  unstyled: F = !1,
-  isMobileFullWidth: S = !1,
-  hideBadgeFilterSelected: V = !1,
-  items: s,
-  value: x,
-  onChange: j,
-  enableSearch: y = !1,
-  placeholderSearch: O = "Search",
-  classNameSearchField: b,
-  classNameSearchFieldInput: w,
-  classNamePopover: A,
-  "aria-label": v = "Filter",
-  classNameBadge: P,
-  placementPopover: z = "bottom start",
-  ...R
-}) => {
-  const { contains: E } = K({ sensitivity: "base" }), [m, u] = N(!1), [H, M] = N([]), g = x !== void 0, d = g ? x : H, B = s && d ? d.length : 0, h = B > 0, k = (o) => {
-    const i = o instanceof Set ? Array.from(o) : o;
-    g || M(i), j && j(i), u(!1);
-  }, q = () => {
-    s && u(!m);
-  }, I = /* @__PURE__ */ e.jsxs(
-    Q,
+import { j as c } from "./index.es52.js";
+import { useRef as y, useEffect as k } from "react";
+import { ColorSwatchPicker as C } from "react-aria-components";
+import { cn as S } from "./index.es54.js";
+import { ColorSwatchPickerItem as E } from "./index.es14.js";
+import { DEFAULT_ARIA_LABEL as g } from "./index.es15.js";
+import { StyleContext as j } from "./index.es62.js";
+import { safeParse as f, toHex as L, normalizeItem as V } from "./index.es87.js";
+import { colorSwatchPickerVariants as A } from "./index.es63.js";
+const H = (e) => {
+  const {
+    value: s,
+    defaultValue: n,
+    onChange: r,
+    size: u = "md",
+    shape: b = "circle",
+    isDisabled: v,
+    className: h,
+    showTooltip: p = !1,
+    layout: m = "grid",
+    "aria-label": o,
+    "aria-labelledby": a
+  } = e, d = y(!1);
+  k(() => {
+    typeof process < "u" && process.env.NODE_ENV !== "production" && !d.current && !o && !a && (d.current = !0, console.warn(
+      "[ColorSwatchPicker] Missing aria-label or aria-labelledby. Falling back to a generic default. Provide an explicit aria-label for better accessibility."
+    ));
+  }, [o, a]);
+  const w = (i) => {
+    r == null || r(L(i));
+  }, x = s !== void 0 ? f(s) : void 0, P = n !== void 0 ? f(n) : void 0;
+  let l;
+  return "colors" in e && e.colors ? l = e.colors.map((i) => {
+    const t = V(i);
+    return /* @__PURE__ */ c.jsx(E, { color: t.value, name: t.name, isDisabled: v }, t.value);
+  }) : l = e.children, /* @__PURE__ */ c.jsx(j.Provider, { value: { size: u, shape: b, showTooltip: p }, children: /* @__PURE__ */ c.jsx(
+    C,
     {
-      "data-disabled": r || void 0,
-      "data-loading": a || void 0,
-      isDisabled: r,
-      ...s ? {} : { "aria-label": v },
-      className: ({ isHovered: o, isFocusVisible: i }) => p(
-        F ? "" : Z({
-          size: f,
-          isActive: h,
-          isHovered: o,
-          isFocused: i,
-          isPressed: s ? m : !1,
-          isDisabled: r
-        }),
-        l
-      ),
-      onPress: q,
-      ...R,
-      children: [
-        /* @__PURE__ */ e.jsx(
-          $,
-          {
-            renderPosition: "left",
-            loaderPosition: c,
-            loaderProps: C,
-            isLoading: a,
-            leftIcon: t || /* @__PURE__ */ e.jsx(J, { className: "size-[18px]" })
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          "span",
-          {
-            className: p("flex h-full items-center overflow-hidden whitespace-nowrap", S ? "w-full" : ""),
-            children: n
-          }
-        ),
-        h && !V && /* @__PURE__ */ e.jsx(
-          "span",
-          {
-            className: p(
-              _({
-                isActive: h,
-                isHovered: !1,
-                isDisabled: r
-              }),
-              !r && "group-hover:bg-primary-500 group-hover:text-primary-100",
-              P
-            ),
-            children: B
-          }
-        )
-      ]
+      value: x,
+      defaultValue: P,
+      layout: m,
+      "aria-label": o ?? (a ? void 0 : g),
+      "aria-labelledby": a,
+      className: S(A({ layout: m }), h),
+      onChange: w,
+      children: l
     }
-  );
-  if (!s)
-    return I;
-  const G = {
-    selectionMode: "multiple",
-    value: d,
-    onChange: k,
-    "aria-label": v
-  };
-  return /* @__PURE__ */ e.jsxs(T, { ...G, children: [
-    I,
-    /* @__PURE__ */ e.jsx(
-      U,
-      {
-        className: p(Y(), "min-w-[200px]", A),
-        isOpen: m,
-        placement: z,
-        onOpenChange: u,
-        children: /* @__PURE__ */ e.jsx(
-          X,
-          {
-            enableSearch: y,
-            contains: E,
-            classNameSearchField: b,
-            classNameSearchFieldInput: w,
-            placeholderSearch: O,
-            items: s
-          }
-        )
-      }
-    )
-  ] });
+  ) });
 };
 export {
-  ae as FilterButton
+  H as ColorSwatchPicker
 };

package/dist/index.es130.js

@@ -1,5 +1,53 @@
-import { j as e } from "./index.es49.js";
-const o = ({ text: t }) => /* @__PURE__ */ e.jsx("div", { className: "max-h-60 overflow-auto p-4 text-center text-sm text-neutral-600", children: t ?? "No results found" });
+import { j as r } from "./index.es52.js";
+import { ListBox as x, ListBoxItem as i } from "react-aria-components";
+import { cn as t } from "./index.es54.js";
+const m = ({ items: n, renderEmptyState: o }) => /* @__PURE__ */ r.jsx(
+  x,
+  {
+    className: "lg:custom-scrollbar max-h-[260px] overflow-auto outline-none",
+    items: n,
+    renderEmptyState: o,
+    children: (l) => /* @__PURE__ */ r.jsx(
+      i,
+      {
+        id: l.value,
+        textValue: l.label,
+        isDisabled: l.isDisabled,
+        className: ({ isSelected: e, isFocusVisible: s, isHovered: a }) => t(
+          "flex cursor-pointer flex-col px-3 py-2 text-xs font-normal outline-none",
+          e ? "bg-primary-100 text-primary-500" : "text-primary-900",
+          a && "bg-primary-50 text-primary-500",
+          (a || s) && !e && "bg-primary-50",
+          (a || s) && e && "bg-primary-200",
+          (l == null ? void 0 : l.isDisabled) && "cursor-not-allowed opacity-50"
+        ),
+        children: ({ isSelected: e, isHovered: s }) => /* @__PURE__ */ r.jsxs("div", { className: "flex w-full flex-col", children: [
+          /* @__PURE__ */ r.jsxs("div", { className: "flex w-full items-center justify-between", children: [
+            /* @__PURE__ */ r.jsx("span", { children: l.label }),
+            /* @__PURE__ */ r.jsx("span", { className: "flex w-5 items-center", children: e && /* @__PURE__ */ r.jsx("svg", { width: "14", height: "13", viewBox: "0 0 14 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ r.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"
+              }
+            ) }) })
+          ] }),
+          l.description && /* @__PURE__ */ r.jsx(
+            "span",
+            {
+              slot: "description",
+              className: t(e ? "text-primary-400" : "text-neutral-700", s && "text-primary-400"),
+              children: l.description
+            }
+          )
+        ] })
+      },
+      l.value
+    )
+  }
+);
 export {
-  o as NoResultsMessage
+  m as SelectListBox
 };

package/dist/index.es131.js

@@ -1,21 +1,32 @@
-import { j as t } from "./index.es49.js";
-import { ListBox as n, ListBoxItem as r } from "react-aria-components";
-import { searchOptionVariants as h } from "./index.es71.js";
-const m = ({
-  items: a,
-  onItemSelect: l
-}) => /* @__PURE__ */ t.jsx(n, { items: a, className: "max-h-60 overflow-auto outline-none", children: (o) => /* @__PURE__ */ t.jsx(
-  r,
-  {
-    id: o.id,
-    textValue: o.label,
-    className: ({ isDisabled: s, isSelected: i, isFocused: e }) => h({ isFocused: e, isSelected: i, isDisabled: s }),
-    onAction: l ? () => l(o.id) : void 0,
-    children: o.shouldHighlight ? /* @__PURE__ */ t.jsx("span", { children: o.highlightedParts.map(
-      (s, i) => s.highlight ? /* @__PURE__ */ t.jsx("span", { className: "font-bold text-neutral-900", children: s.text }, s.text + i) : s.text
-    ) }) : o.label
+import { cva as l } from "class-variance-authority";
+const e = l("absolute inset-0 z-[1000px] overflow-hidden", {
+  variants: {
+    opacity: {
+      sm: "bg-neutral-50/10",
+      md: "bg-neutral-50/20",
+      lg: "bg-neutral-50/30",
+      xl: "bg-neutral-50/50",
+      "2xl": "bg-neutral-50/60",
+      "3xl": "bg-neutral-50/75"
+    },
+    fixed: {
+      true: "fixed",
+      false: ""
+    },
+    center: {
+      true: "flex items-center justify-center",
+      false: ""
+    },
+    blur: {
+      sm: "backdrop-blur-sm",
+      md: "backdrop-blur-md",
+      lg: "backdrop-blur-lg",
+      xl: "backdrop-blur-xl",
+      "2xl": "backdrop-blur-2xl",
+      "3xl": "backdrop-blur-3xl"
+    }
   }
-) });
+});
 export {
-  m as SearchListBox
+  e as overlayVariants
 };

package/dist/index.es132.js

@@ -1,28 +1,7 @@
-import { __exports as i } from "./index.es133.js";
-import "./index.es138.js";
-import "./index.es139.js";
-import { __exports as l } from "./index.es140.js";
-import { __exports as s } from "./index.es141.js";
-(function(t) {
-  Object.defineProperty(t, "__esModule", {
-    value: !0
-  }), Object.defineProperty(t, "default", {
-    enumerable: !0,
-    get: function() {
-      return f;
-    }
-  });
-  const o = /* @__PURE__ */ r(l), n = /* @__PURE__ */ r(s);
-  function r(e) {
-    return e && e.__esModule ? e : {
-      default: e
-    };
-  }
-  function f(...e) {
-    let [, ...u] = (0, n.default)(e[0]);
-    return (0, o.default)([
-      ...e,
-      ...u
-    ]);
-  }
-})(i);
+import { j as t } from "./index.es52.js";
+import { CrossIcon as s } from "./index.es53.js";
+import { IconButton as e } from "./index.es19.js";
+const m = ({ icon: o, onPress: n, isDisabled: r }) => /* @__PURE__ */ t.jsx(e, { intent: "minimal", size: "xxs", "data-testid": "clear-icon-button", isDisabled: r, onPress: n, children: o ?? /* @__PURE__ */ t.jsx(s, { className: "size-5 text-neutral-700", "data-testid": "clear-icon" }) });
+export {
+  m as ClearIconButton
+};

package/dist/index.es133.js

@@ -1,4 +1,6 @@
-var e = {};
+import { j as t } from "./index.es52.js";
+import { SearchIcon as e } from "./index.es53.js";
+const s = ({ icon: r }) => r ?? /* @__PURE__ */ t.jsx(e, { className: "size-6 text-neutral-700", "data-testid": "search-icon" });
 export {
-  e as __exports
+  s as SearchIcon
 };

package/dist/index.es134.js

@@ -1,10 +1,5 @@
-import { getDefaultExportFromCjs as t } from "./index.es125.js";
-import "./index.es142.js";
-import { __exports as a } from "./index.es143.js";
-let e = a;
-var o = (e.__esModule ? e : { default: e }).default;
-const r = /* @__PURE__ */ t(o);
+import { j as e } from "./index.es52.js";
+const o = ({ text: t }) => /* @__PURE__ */ e.jsx("div", { className: "max-h-60 overflow-auto p-4 text-center text-sm text-neutral-600", children: t ?? "No results found" });
 export {
-  o as d,
-  r as default
+  o as NoResultsMessage
 };