asma-ui-core 3.68.2 → 3.68.4

package/dist/components/custom/pathfinder-card/Pathfinder.module.js

@@ -1,14 +1,15 @@
-var e = "_root_t64s4_1", _ = "_shell_t64s4_5", a = "_shellCompact_t64s4_9", t = "_shellExpanded_t64s4_13", s = "_content_t64s4_17", r = "_compactItems_t64s4_21", o = "_expandedItems_t64s4_25", l = "_measureRow_t64s4_29", m = "_measureLayer_t64s4_33", v = "_chevron_t64s4_37", d = {
+var e = "_root_1k8wv_1", _ = "_shell_1k8wv_5", a = "_shellCompact_1k8wv_9", v = "_shellExpanded_1k8wv_13", r = "_content_1k8wv_17", t = "_compactItems_1k8wv_21", o = "_compactItemsStacked_1k8wv_25", m = "_expandedItems_1k8wv_29", s = "_measureRow_1k8wv_33", c = "_measureLayer_1k8wv_37", l = "_chevron_1k8wv_41", d = {
   root: e,
   shell: _,
   shellCompact: a,
-  shellExpanded: t,
-  content: s,
-  compactItems: r,
-  expandedItems: o,
-  measureRow: l,
-  measureLayer: m,
-  chevron: v
+  shellExpanded: v,
+  content: r,
+  compactItems: t,
+  compactItemsStacked: o,
+  expandedItems: m,
+  measureRow: s,
+  measureLayer: c,
+  chevron: l
 };
 export {
   d as default

package/dist/components/custom/pathfinder-card/PathfinderCard.js

@@ -1,17 +1,17 @@
-import { cn as I } from "../../../helpers/cn.js";
-import { ChevronDownIcon as z } from "../../icons/chevron-down-icon/ChevronDownIcon.js";
-import { ChevronUpIcon as B } from "../../icons/chevron-up-icon/ChevronUpIcon.js";
+import { cn as b } from "../../../helpers/cn.js";
+import { ChevronDownIcon as F } from "../../icons/chevron-down-icon/ChevronDownIcon.js";
+import { ChevronUpIcon as O } from "../../icons/chevron-up-icon/ChevronUpIcon.js";
 import h from "./Pathfinder.module.js";
-import { useCallback as R, useEffect as y, useLayoutEffect as F, useMemo as C, useRef as w, useState as x, useSyncExternalStore as O } from "react";
-import { Fragment as j, jsx as e, jsxs as N } from "react/jsx-runtime";
-var P = typeof window < "u" ? F : y;
-function D() {
-  const [i, n] = x(null), d = R((t) => {
+import { useCallback as I, useEffect as M, useLayoutEffect as j, useMemo as y, useRef as R, useState as x, useSyncExternalStore as P } from "react";
+import { Fragment as D, jsx as e, jsxs as k } from "react/jsx-runtime";
+var _ = typeof window < "u" ? j : M;
+function q() {
+  const [i, n] = x(null), d = I((t) => {
     n(t);
-  }, []), s = R(() => i ? Math.floor(i.getBoundingClientRect().width) : 0, [i]);
+  }, []), s = I(() => i ? Math.floor(i.getBoundingClientRect().width) : 0, [i]);
   return {
     ref: d,
-    width: O(R((t) => {
+    width: P(I((t) => {
       if (!i || typeof ResizeObserver > "u") return () => {
         console.log("Node is missing or ResizeObserver is undefined");
       };
@@ -25,33 +25,33 @@ function D() {
     }, [i]), s, () => 0)
   };
 }
-function M(i) {
+function A(i) {
   return [...i].sort((n, d) => {
     const s = n.order ?? 0, t = d.order ?? 0;
     return s !== t ? s - t : n.id.localeCompare(d.id);
   });
 }
-function _(i) {
-  const { items: n, leadSlot: d, actionSlot: s } = i, t = w({}), a = w(null), o = w(null), [l, p] = x({
+function K(i) {
+  const { items: n, leadSlot: d, actionSlot: s } = i, t = R({}), a = R(null), o = R(null), [l, v] = x({
     itemWidths: {},
     leadWidth: 0,
     actionWidth: 0
-  }), f = w(l);
-  y(() => {
+  }), f = R(l);
+  M(() => {
     f.current = l;
   }, [l]);
-  const v = R((c) => (m) => {
-    t.current[c] = m;
+  const p = I((r) => (m) => {
+    t.current[r] = m;
   }, []);
-  return P(() => {
-    const c = {};
+  return _(() => {
+    const r = {};
     for (const u of n) {
-      const k = t.current[u.id], r = Math.ceil(k?.getBoundingClientRect().width ?? u.estimatedWidth ?? 0);
-      c[u.id] = r;
+      const w = t.current[u.id], N = Math.ceil(w?.getBoundingClientRect().width ?? u.estimatedWidth ?? 0);
+      r[u.id] = N;
     }
     const m = d ? Math.ceil(a.current?.getBoundingClientRect().width ?? 0) : 0, g = s ? Math.ceil(o.current?.getBoundingClientRect().width ?? 0) : 0, W = f.current;
-    (!(Object.keys(W.itemWidths).length === Object.keys(c).length && n.every((u) => W.itemWidths[u.id] === c[u.id])) || W.leadWidth !== m || W.actionWidth !== g) && p({
-      itemWidths: c,
+    (!(Object.keys(W.itemWidths).length === Object.keys(r).length && n.every((u) => W.itemWidths[u.id] === r[u.id])) || W.leadWidth !== m || W.actionWidth !== g) && v({
+      itemWidths: r,
       leadWidth: m,
       actionWidth: g
     });
@@ -61,84 +61,84 @@ function _(i) {
     s
   ]), {
     measurements: l,
-    registerItemRef: v,
+    registerItemRef: p,
     leadRef: a,
     actionRef: o
   };
 }
-function q(i) {
+function U(i) {
   const { items: n, availableWidth: d, gapPx: s, itemWidths: t } = i, a = [];
   let o = 0;
-  for (const l of M(n)) {
-    const p = Math.max(0, t[l.id] ?? l.estimatedWidth ?? 0), f = a.length === 0 ? p : o + s + p;
+  for (const l of A(n)) {
+    const v = Math.max(0, t[l.id] ?? l.estimatedWidth ?? 0), f = a.length === 0 ? v : o + s + v;
     if (f > d) break;
     a.push(l), o = f;
   }
   return a;
 }
-function b({ item: i, compact: n }) {
-  return /* @__PURE__ */ e(j, { children: i.render({ compact: n }) });
+function C({ item: i, compact: n }) {
+  return /* @__PURE__ */ e(D, { children: i.render({ compact: n }) });
 }
-function Q({ items: i, expanded: n, onToggleExpanded: d, leadSlot: s, actionSlot: t, className: a, leadReservePx: o = 140, actionReservePx: l = 44 }) {
-  const { ref: p, width: f } = D(), v = !n, c = C(() => M(i), [i]), { measurements: m, registerItemRef: g, leadRef: W, actionRef: u } = _({
-    items: c,
+function Y({ items: i, expanded: n, onToggleExpanded: d, leadSlot: s, actionSlot: t, className: a, leadReservePx: o = 140, actionReservePx: l = 44 }) {
+  const { ref: v, width: f } = q(), p = !n, r = y(() => A(i), [i]), { measurements: m, registerItemRef: g, leadRef: W, actionRef: u } = K({
+    items: r,
     leadSlot: s,
     actionSlot: t
-  }), k = C(() => {
-    if (n) return c;
-    const r = 24, A = 24, E = s ? Math.max(o, m.leadWidth + 12) : 0, L = t ? Math.max(l, m.actionWidth) : 0;
-    return q({
-      items: c,
-      availableWidth: Math.max(0, f - r - A - E - L - 24),
+  }), w = y(() => {
+    if (n) return r;
+    const c = 24, L = 24, z = s ? Math.max(o, m.leadWidth + 12) : 0, B = t ? Math.max(l, m.actionWidth) : 0;
+    return U({
+      items: r,
+      availableWidth: Math.max(0, f - c - L - z - B - 24),
       gapPx: 12,
       itemWidths: m.itemWidths
     });
   }, [
     n,
-    c,
+    r,
     f,
     s,
     t,
     o,
     l,
     m
-  ]);
-  return /* @__PURE__ */ N("div", {
-    ref: p,
-    className: I(h.root, v ? "overflow-hidden" : "overflow-visible", a),
+  ]), N = p && w.length < Math.min(2, r.length), E = N ? r.slice(0, 2) : w;
+  return /* @__PURE__ */ k("div", {
+    ref: v,
+    className: b(h.root, p ? "overflow-hidden" : "overflow-visible", a),
     "aria-expanded": n,
     role: "button",
     tabIndex: 0,
     onClick: d,
-    onKeyDown: (r) => {
-      (r.key === "Enter" || r.key === " ") && (r.preventDefault(), d());
+    onKeyDown: (c) => {
+      (c.key === "Enter" || c.key === " ") && (c.preventDefault(), d());
     },
     children: [
-      /* @__PURE__ */ N("div", {
-        className: I(h.shell, v ? h.shellCompact : h.shellExpanded),
+      /* @__PURE__ */ k("div", {
+        className: b(h.shell, p ? h.shellCompact : h.shellExpanded),
         children: [s ? /* @__PURE__ */ e("div", {
           className: "shrink-0",
           children: s
         }) : null, /* @__PURE__ */ e("div", {
           className: h.content,
-          children: v ? /* @__PURE__ */ e("div", {
-            className: h.compactItems,
-            children: k.map((r) => /* @__PURE__ */ e("div", {
+          children: p ? /* @__PURE__ */ e("div", {
+            className: b(h.compactItems, N && h.compactItemsStacked),
+            children: E.map((c) => /* @__PURE__ */ e("div", {
               className: "shrink-0 whitespace-nowrap",
-              children: /* @__PURE__ */ e(b, {
-                item: r,
-                compact: v
+              children: /* @__PURE__ */ e(C, {
+                item: c,
+                compact: p
               })
-            }, r.id))
-          }) : /* @__PURE__ */ N("div", {
+            }, c.id))
+          }) : /* @__PURE__ */ k("div", {
             className: h.expandedItems,
-            children: [c.map((r) => /* @__PURE__ */ e("div", {
+            children: [r.map((c) => /* @__PURE__ */ e("div", {
               className: "shrink-0 whitespace-nowrap",
-              children: /* @__PURE__ */ e(b, {
-                item: r,
-                compact: v
+              children: /* @__PURE__ */ e(C, {
+                item: c,
+                compact: p
               })
-            }, r.id)), t ? /* @__PURE__ */ e("div", {
+            }, c.id)), t ? /* @__PURE__ */ e("div", {
               className: "shrink-0",
               children: /* @__PURE__ */ e("div", {
                 ref: u,
@@ -150,12 +150,12 @@ function Q({ items: i, expanded: n, onToggleExpanded: d, leadSlot: s, actionSlot
       }),
       /* @__PURE__ */ e("div", {
         className: h.chevron,
-        children: n ? /* @__PURE__ */ e(B, { className: "size-6" }) : /* @__PURE__ */ e(z, { className: "size-6" })
+        children: n ? /* @__PURE__ */ e(O, { className: "size-6" }) : /* @__PURE__ */ e(F, { className: "size-6" })
       }),
       /* @__PURE__ */ e("div", {
         "aria-hidden": !0,
         className: h.measureLayer,
-        children: /* @__PURE__ */ N("div", {
+        children: /* @__PURE__ */ k("div", {
           className: h.measureRow,
           children: [
             s ? /* @__PURE__ */ e("div", {
@@ -165,14 +165,14 @@ function Q({ items: i, expanded: n, onToggleExpanded: d, leadSlot: s, actionSlot
                 children: s
               })
             }) : null,
-            c.map((r) => /* @__PURE__ */ e("div", {
-              ref: g(r.id),
+            r.map((c) => /* @__PURE__ */ e("div", {
+              ref: g(c.id),
               className: "shrink-0 whitespace-nowrap",
-              children: /* @__PURE__ */ e(b, {
-                item: r,
+              children: /* @__PURE__ */ e(C, {
+                item: c,
                 compact: !0
               })
-            }, r.id)),
+            }, c.id)),
             t ? /* @__PURE__ */ e("div", {
               className: "shrink-0",
               children: /* @__PURE__ */ e("div", {
@@ -187,5 +187,5 @@ function Q({ items: i, expanded: n, onToggleExpanded: d, leadSlot: s, actionSlot
   });
 }
 export {
-  Q as PathfinderCard
+  Y as PathfinderCard
 };

package/dist/components/inputs/dynamic-select/components/DynamicSelectAutocomplete.js

@@ -104,7 +104,7 @@ var ye = oe((S, q) => {
               className: "min-w-[36px]",
               checked: h
             }), i ? i(t) : /* @__PURE__ */ l("span", {
-              className: "h-fit text-base text-delta-700",
+              className: "h-fit text-base text-delta-800",
               children: s(t)
             })] })
           }));
@@ -129,7 +129,7 @@ var ye = oe((S, q) => {
               width: 20
             })
           }), i ? i(t) : /* @__PURE__ */ l("span", {
-            className: "text-base text-delta-700",
+            className: "text-base text-delta-800",
             children: s(t)
           })] })
         }));

package/dist/components/inputs/select/StyledSelectItem.js

@@ -7,7 +7,7 @@ var p = ({ children: r, selected: e, disabled: t, className: o, onClick: i }) =>
   "aria-disabled": t ? !0 : void 0,
   tabIndex: -1,
   onClick: t ? void 0 : i,
-  className: l("flex items-center gap-1 px-2 py-2.5 text-base outline-none", t ? "cursor-not-allowed text-delta-300" : "cursor-pointer text-delta-700 hover:bg-delta-50", e && "bg-gama-50", o),
+  className: l("flex items-center gap-1 px-2 py-2.5 text-base outline-none", t ? "cursor-not-allowed text-delta-300" : "cursor-pointer text-delta-800 hover:bg-delta-50", e && "bg-gama-50", o),
   children: [/* @__PURE__ */ a("span", {
     className: "flex w-6 justify-center",
     children: e && /* @__PURE__ */ a(n, {

package/dist/components/inputs/select-autocomplete/StyledSelectAutocomplete.js

@@ -147,7 +147,7 @@ function St({ dataTest: l, options: p, renderInput: ee, value: v, onChange: N, g
         endAdornment: Fe
       }
     }
-  }, Ue = L("box-border flex min-h-10 cursor-pointer items-center gap-x-3 px-3 py-1.5 text-base text-delta-700 first:-mt-1", "aria-selected:bg-gama-50 data-[active]:bg-gama-50 data-[active]:text-delta-800", "aria-disabled:cursor-default aria-disabled:!bg-transparent aria-disabled:text-delta-300", o && "border-0 border-b border-solid border-delta-200"), Te = (e, t, r) => {
+  }, Ue = L("box-border flex min-h-10 cursor-pointer items-center gap-x-3 px-3 py-1.5 text-base text-delta-800 first:-mt-1", "aria-selected:bg-gama-50 data-[active]:bg-gama-50 data-[active]:text-delta-800", "aria-disabled:cursor-default aria-disabled:!bg-transparent aria-disabled:text-delta-300", o && "border-0 border-b border-solid border-delta-200"), Te = (e, t, r) => {
     const { key: d, ...u } = e;
     return /* @__PURE__ */ y("li", {
       ...u,

package/dist/src/components/inputs/dynamic-select/StyledDynamicSelect.d.ts

@@ -16,7 +16,7 @@ import { StyledDynamicSelectComponent } from './types';
  * `13248-31089`, Input field `15561-37391`, Menus `16073-19226`, Autocomplete `20474-27966`), so
  * parity here is the mode routing + the shared title/clear/helper chrome, not a bespoke visual.
  * Title = Body Base SemiBold 16 `text-icon/title-label` #363e4a (delta-800); dropdown option =
- * Menus item (`text-icon/body` delta-700, hover delta-50, selected gama-50). Non-annotated props
+ * Menus item (`text-icon/body` delta-800, hover delta-50, selected gama-50). Non-annotated props
  * are behavioral / MUI `Autocomplete` API-parity.
  *
  * **Rendering strategy:**

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.68.2",
+    "version": "3.68.4",
     "type": "module",
     "sideEffects": [
         "**/*.css",