@pibit.ai/cure-design-system 0.6.23 → 0.6.24

package/dist/patterns/sub-sidebar/sub-sidebar.js

@@ -102,7 +102,7 @@ const T = ({
               /* @__PURE__ */ r("nav", { className: "flex-1 pb-4 pr-2 overflow-y-auto overflow-x-hidden", children: i.sections.map((a) => /* @__PURE__ */ r(u, { children: h(
                 (a == null ? void 0 : a.permissions) || [],
                 /* @__PURE__ */ o("div", { className: n("mb-6"), children: [
-                  /* @__PURE__ */ r("div", { className: "py-0.5 px-2", children: /* @__PURE__ */ r("p", { className: "font-medium text-[10px] text-[var(--color-text-tertiary)] uppercase tracking-[1.3px] whitespace-nowrap", children: a.label }) }),
+                  /* @__PURE__ */ r("div", { className: "py-0.5 px-2", children: /* @__PURE__ */ r("p", { className: "font-medium text-3xs text-[var(--color-text-tertiary)] uppercase tracking-[1.3px] whitespace-nowrap", children: a.label }) }),
                   /* @__PURE__ */ r("ul", { className: "space-y-1", children: a.items.map((e) => {
                     const t = e.href || e.label, l = E.has(t), N = e.items && e.items.length > 0, p = v(e);
                     return N ? /* @__PURE__ */ r(u, { children: h(
@@ -255,7 +255,7 @@ const T = ({
                   }) })
                 ] }),
                 a.showDisabled ? /* @__PURE__ */ o("div", { className: n("mb-6"), children: [
-                  /* @__PURE__ */ r("div", { className: "py-0.5 px-2", children: /* @__PURE__ */ r("p", { className: "font-medium text-[10px] text-[var(--color-text-tertiary)] uppercase tracking-[1.3px] whitespace-nowrap", children: a.label }) }),
+                  /* @__PURE__ */ r("div", { className: "py-0.5 px-2", children: /* @__PURE__ */ r("p", { className: "font-medium text-3xs text-[var(--color-text-tertiary)] uppercase tracking-[1.3px] whitespace-nowrap", children: a.label }) }),
                   /* @__PURE__ */ r("ul", { className: "", children: a.items.map((e) => {
                     const t = e.href || e.label, l = v(e);
                     return /* @__PURE__ */ r(

package/dist/patterns/table/toolbar/ColumnHeaderMenu.js

@@ -4,10 +4,10 @@ import { AlignLeft as Z, AlignCenter as B, AlignRight as G, ChevronDown as K, Ey
 import { Button as j } from "react-aria-components";
 import { cx as m } from "../../../utils/cn.js";
 import { Dropdown as N } from "../../../primitives/dropdown/dropdown.js";
-const a = ({
+const s = ({
   icon: o,
   label: c,
-  danger: s,
+  danger: a,
   submenu: f,
   selected: p,
   disabled: r,
@@ -25,7 +25,7 @@ const a = ({
       "flex items-center gap-2 rounded-md px-2 py-2 text-xs font-medium transition-colors w-full text-left",
       r ? "cursor-not-allowed text-disabled" : m(
         "cursor-pointer",
-        s ? "text-error-primary hover:bg-error-primary" : p ? "bg-utility-brand-25 text-secondary" : "text-secondary hover:bg-primary_hover"
+        a ? "text-error-primary hover:bg-error-primary" : p ? "bg-utility-brand-25 text-secondary" : "text-secondary hover:bg-primary_hover"
       )
     ),
     children: [
@@ -35,7 +35,7 @@ const a = ({
           size: 16,
           className: m(
             "shrink-0",
-            r ? "text-fg-disabled" : s ? "text-error-primary" : "text-fg-quaternary"
+            r ? "text-fg-disabled" : a ? "text-error-primary" : "text-fg-quaternary"
           )
         }
       ),
@@ -44,7 +44,7 @@ const a = ({
       f && /* @__PURE__ */ e(E, { size: 14, className: "shrink-0 text-fg-quaternary" })
     ]
   }
-), i = () => /* @__PURE__ */ e("div", { className: "my-1 h-px w-full bg-secondary" }), M = ({ children: o }) => /* @__PURE__ */ e("span", { className: "text-[10px] font-medium uppercase tracking-wider text-tertiary", children: o }), le = ({ label: o, suffix: c }) => /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-1.5 rounded-md border border-secondary bg-primary px-1.5 py-0.5", children: [
+), i = () => /* @__PURE__ */ e("div", { className: "my-1 h-px w-full bg-secondary" }), M = ({ children: o }) => /* @__PURE__ */ e("span", { className: "text-3xs font-medium uppercase tracking-wider text-tertiary", children: o }), le = ({ label: o, suffix: c }) => /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-1.5 rounded-md border border-secondary bg-primary px-1.5 py-0.5", children: [
   /* @__PURE__ */ e("span", { className: "flex h-4 w-4 items-center justify-center rounded-sm border border-secondary text-[9px] font-semibold text-tertiary", children: "T" }),
   /* @__PURE__ */ e("span", { className: "text-xs font-semibold text-primary", children: o }),
   c && /* @__PURE__ */ e("span", { className: "text-xs text-tertiary", children: c })
@@ -55,7 +55,7 @@ const a = ({
 ], pe = ({
   column: o,
   columnLabel: c,
-  fieldDef: s,
+  fieldDef: a,
   currentAlignment: f,
   textWrapped: p = !1,
   capabilities: r,
@@ -66,7 +66,7 @@ const a = ({
   isHeaderHovered: H = !1
 }) => {
   var _, q;
-  const F = (s == null ? void 0 : s.data_type) ?? o.dataType, y = F === "LOOKUP" || o.variant === "lookup", L = F === "DERIVED" || o.variant === "derived", I = y ? "Hide field" : "Hide column", x = (r == null ? void 0 : r.sort) ?? !0, v = (r == null ? void 0 : r.align) ?? !0, k = (r == null ? void 0 : r.textWrap) ?? !1, w = (r == null ? void 0 : r.filter) ?? !0, b = (r == null ? void 0 : r.hide) ?? !0, [P, R] = z(!1), [U, A] = z(!1), V = !T || P || H, l = (t) => {
+  const F = (a == null ? void 0 : a.data_type) ?? o.dataType, y = F === "LOOKUP" || o.variant === "lookup", L = F === "DERIVED" || o.variant === "derived", I = y ? "Hide field" : "Hide column", x = (r == null ? void 0 : r.sort) ?? !0, v = (r == null ? void 0 : r.align) ?? !0, k = (r == null ? void 0 : r.textWrap) ?? !1, w = (r == null ? void 0 : r.filter) ?? !0, b = (r == null ? void 0 : r.hide) ?? !0, [P, R] = z(!1), [U, A] = z(!1), V = !T || P || H, l = (t) => {
     u(t), A(!1), R(!1);
   }, S = O.find((t) => t.id === f) ?? O[0], W = S.icon, C = h == null ? void 0 : h(o);
   return /* @__PURE__ */ n(
@@ -104,11 +104,11 @@ const a = ({
                   /* @__PURE__ */ e(le, { label: c, suffix: "Object name" })
                 ] }),
                 /* @__PURE__ */ e(i, {}),
-                /* @__PURE__ */ e(a, { icon: $, label: "View Field", onClick: () => l({ type: "lookup-view" }) }),
-                /* @__PURE__ */ e(a, { icon: J, label: "Edit field", onClick: () => l({ type: "lookup-edit" }) }),
+                /* @__PURE__ */ e(s, { icon: $, label: "View Field", onClick: () => l({ type: "lookup-view" }) }),
+                /* @__PURE__ */ e(s, { icon: J, label: "Edit field", onClick: () => l({ type: "lookup-edit" }) }),
                 /* @__PURE__ */ e(i, {}),
                 /* @__PURE__ */ e(
-                  a,
+                  s,
                   {
                     icon: Q,
                     label: "Add field to right",
@@ -116,7 +116,7 @@ const a = ({
                   }
                 ),
                 /* @__PURE__ */ e(
-                  a,
+                  s,
                   {
                     icon: X,
                     label: "Add field to left",
@@ -128,7 +128,7 @@ const a = ({
               L && /* @__PURE__ */ n(d, { children: [
                 /* @__PURE__ */ n("div", { className: "flex flex-col gap-1.5 px-2 py-2", children: [
                   /* @__PURE__ */ e(M, { children: "Formula" }),
-                  /* @__PURE__ */ e("div", { className: "text-xs font-medium text-secondary break-words", children: ((_ = s == null ? void 0 : s.formula) == null ? void 0 : _.trim()) || ((q = o.formula) == null ? void 0 : q.trim()) || c })
+                  /* @__PURE__ */ e("div", { className: "text-xs font-medium text-secondary break-words", children: ((_ = a == null ? void 0 : a.formula) == null ? void 0 : _.trim()) || ((q = o.formula) == null ? void 0 : q.trim()) || c })
                 ] }),
                 /* @__PURE__ */ e(i, {})
               ] }),
@@ -139,7 +139,7 @@ const a = ({
               C && (x || v || k || w || b) && /* @__PURE__ */ e(i, {}),
               x && /* @__PURE__ */ n(d, { children: [
                 /* @__PURE__ */ e(
-                  a,
+                  s,
                   {
                     icon: Y,
                     label: "Sort A to Z",
@@ -147,7 +147,7 @@ const a = ({
                   }
                 ),
                 /* @__PURE__ */ e(
-                  a,
+                  s,
                   {
                     icon: D,
                     label: "Sort Z to A",
@@ -180,7 +180,7 @@ const a = ({
                       placement: "right top",
                       className: "w-44",
                       children: /* @__PURE__ */ e("div", { className: "flex flex-col py-1 px-1.5", children: O.map((t) => /* @__PURE__ */ e(
-                        a,
+                        s,
                         {
                           icon: t.icon,
                           label: t.label,
@@ -196,7 +196,7 @@ const a = ({
               k && /* @__PURE__ */ n(d, { children: [
                 (x || v) && /* @__PURE__ */ e(i, {}),
                 /* @__PURE__ */ e(
-                  a,
+                  s,
                   {
                     icon: ee,
                     label: "Text wrap",
@@ -207,9 +207,9 @@ const a = ({
               ] }),
               (w || b) && /* @__PURE__ */ n(d, { children: [
                 (x || v) && !k && /* @__PURE__ */ e(i, {}),
-                w && /* @__PURE__ */ e(a, { icon: re, label: "Filter by", onClick: () => l({ type: "filter" }) }),
+                w && /* @__PURE__ */ e(s, { icon: re, label: "Filter by", onClick: () => l({ type: "filter" }) }),
                 b && /* @__PURE__ */ e(
-                  a,
+                  s,
                   {
                     icon: te,
                     label: I,
@@ -222,7 +222,7 @@ const a = ({
               y && /* @__PURE__ */ n(d, { children: [
                 /* @__PURE__ */ e(i, {}),
                 /* @__PURE__ */ e(
-                  a,
+                  s,
                   {
                     icon: ne,
                     label: "Delete fields",

package/dist/patterns/table/toolbar/TableViewsDropdown.js

@@ -180,7 +180,7 @@ const L = ({ config: e, isDisabled: r }) => {
         o.id
       )),
       d.length > 0 && /* @__PURE__ */ s(f, { children: [
-        /* @__PURE__ */ t("div", { className: "px-2.5 pb-1 pt-2 text-[10px] font-semibold tracking-wide text-tertiary uppercase", children: "Shared with me" }),
+        /* @__PURE__ */ t("div", { className: "px-2.5 pb-1 pt-2 text-3xs font-semibold tracking-wide text-tertiary uppercase", children: "Shared with me" }),
         d.map((o) => /* @__PURE__ */ t(
           h,
           {

package/dist/primitives/checkbox/checkbox.js

@@ -113,7 +113,7 @@ const H = ({
       root: "gap-2",
       textWrapper: c,
       label: e("text-xs font-medium", o),
-      hint: "text-[11px]"
+      hint: "text-2xs"
     },
     md: {
       root: "gap-3",

package/dist/primitives/input/hint-text.js

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
-import { cx as m } from "../../utils/cn.js";
-import { Text as s } from "react-aria-components";
+import { cx as s } from "../../utils/cn.js";
+import { Text as m } from "react-aria-components";
 const i = {
-  sm: "text-[11px]",
+  sm: "text-2xs",
   md: "text-xs",
   lg: "text-xs"
 }, p = ({
@@ -11,11 +11,11 @@ const i = {
   className: e,
   ...x
 }) => /* @__PURE__ */ o(
-  s,
+  m,
   {
     ...x,
     slot: t ? "errorMessage" : "description",
-    className: m(
+    className: s(
       "text-tertiary",
       i[r],
       // Invalid state

package/dist/primitives/select/multi-select.js

@@ -1,6 +1,6 @@
 import { jsx as s, jsxs as M, Fragment as me } from "react/jsx-runtime";
 import { useId as ge, useCallback as L, useMemo as B, useRef as G, useState as ue, createContext as we, useContext as H, useLayoutEffect as ye } from "react";
-import { useFilter as be, useInteractOutside as xe, FocusScope as ve, useFocusManager as De } from "react-aria";
+import { useFilter as be, useInteractOutside as ve, FocusScope as xe, useFocusManager as De } from "react-aria";
 import { ChevronDown as Ne, SearchMd as ke } from "@untitledui/icons";
 import { ComboBox as Te, ListBox as Se, ComboBoxStateContext as Z, ButtonContext as ee, Group as Re, Input as Fe } from "react-aria-components";
 import { useListData as Ae } from "../../node_modules/react-stately/dist/private/data/useListData.js";
@@ -44,7 +44,7 @@ function $e({
   popoverRef: y
 }) {
   const d = H(Z);
-  return xe({
+  return ve({
     ref: y,
     isDisabled: !(d != null && d.isOpen),
     onInteractOutside: (m) => {
@@ -169,7 +169,7 @@ const Ue = ({
   ...f
 }) => {
   var ae;
-  const _ = ge(), { contains: V } = be({ sensitivity: "base" }), E = (ae = m == null ? void 0 : m.items) != null && ae.length ? m.items.map((n) => n.id) : [], v = L(
+  const _ = ge(), { contains: V } = be({ sensitivity: "base" }), E = (ae = m == null ? void 0 : m.items) != null && ae.length ? m.items.map((n) => n.id) : [], x = L(
     (n) => E.some((i) => String(i) === String(n)),
     [E]
   ), X = L(
@@ -179,9 +179,9 @@ const Ue = ({
         i,
         V
       );
-      return (R || !v(n.id)) && A;
+      return (R || !x(n.id)) && A;
     },
-    [V, v, R]
+    [V, x, R]
   ), w = Ae({
     initialItems: c,
     filter: X
@@ -190,34 +190,34 @@ const Ue = ({
   ) : c : [], [c, z, w.filterText, V]), P = B(() => {
     if (D.length === 0) return "unselected";
     const n = D.filter(
-      (i) => v(i.id)
+      (i) => x(i.id)
     ).length;
     return n === 0 ? "unselected" : n === D.length ? "selected" : "indeterminate";
-  }, [D, v]), t = G(!1), N = L(() => {
+  }, [D, x]), t = G(!1), N = L(() => {
     t.current = !0, setTimeout(() => {
       t.current = !1;
     }, 0);
   }, []), J = L(() => {
     N();
-    const n = P !== "selected", i = D.map((x) => x.id), A = new Set(i.map(String)), K = n ? [.../* @__PURE__ */ new Set([...E, ...i])] : E.filter((x) => !A.has(String(x))), W = D.filter((x) => !v(x.id)), U = D.filter((x) => v(x.id)).map((x) => x.id);
+    const n = P !== "selected", i = D.map((v) => v.id), A = new Set(i.map(String)), K = n ? [.../* @__PURE__ */ new Set([...E, ...i])] : E.filter((v) => !A.has(String(v))), W = D.filter((v) => !x(v.id)), U = D.filter((v) => x(v.id)).map((v) => v.id);
     if (n && W.length > 0 ? m.append(...W) : !n && U.length > 0 && m.remove(...U), T) {
       T(K);
       return;
     }
     if (n) {
-      for (const x of D)
-        v(x.id) || b == null || b(x.id);
+      for (const v of D)
+        x(v.id) || b == null || b(v.id);
       return;
     }
-    for (const x of D)
-      v(x.id) && (l == null || l(x.id));
+    for (const v of D)
+      x(v.id) && (l == null || l(v.id));
   }, [
     N,
     P,
     D,
     E,
     m,
-    v,
+    x,
     T,
     b,
     l
@@ -238,7 +238,7 @@ const Ue = ({
     }, 0);
     const A = w.getItem(n) ?? (c == null ? void 0 : c.find((K) => String(K.id) === String(n)));
     if (A) {
-      if (v(n)) {
+      if (x(n)) {
         const K = E.find((W) => String(W) === i) ?? n;
         m.remove(K), l == null || l(K);
       } else
@@ -313,7 +313,7 @@ const Ue = ({
                 className: k(
                   "text-tertiary",
                   ce[d],
-                  "-mt-0.5 leading-[18px]"
+                  "-mt-0.5 leading-4.5"
                 ),
                 children: j
               }
@@ -510,7 +510,7 @@ const Ue = ({
         e == null || e.close();
         break;
     }
-  }, v = ((z = (w = a == null ? void 0 : a.selectedItems) == null ? void 0 : w.items) == null ? void 0 : z.length) === 0;
+  }, x = ((z = (w = a == null ? void 0 : a.selectedItems) == null ? void 0 : w.items) == null ? void 0 : z.length) === 0;
   return /* @__PURE__ */ M("div", { className: "relative min-w-0 w-full flex-1", children: [
     /* @__PURE__ */ M(
       "div",
@@ -525,7 +525,7 @@ const Ue = ({
           ) : "flex-nowrap items-center overflow-x-auto overflow-y-hidden scrollbar-hide"
         ),
         children: [
-          /* @__PURE__ */ s(ee.Provider, { value: null, children: !v && ((P = (D = a == null ? void 0 : a.selectedItems) == null ? void 0 : D.items) == null ? void 0 : P.map((t) => /* @__PURE__ */ M(
+          /* @__PURE__ */ s(ee.Provider, { value: null, children: !x && ((P = (D = a == null ? void 0 : a.selectedItems) == null ? void 0 : D.items) == null ? void 0 : P.map((t) => /* @__PURE__ */ M(
             "span",
             {
               "data-multiselect-chip": !0,
@@ -575,7 +575,7 @@ const Ue = ({
               className: k(
                 "relative flex flex-1 flex-row items-center",
                 o ? "min-w-[20%]" : "min-w-0",
-                !v && "ml-0.5",
+                !x && "ml-0.5",
                 y && "min-w-[30%]"
               ),
               children: [
@@ -583,7 +583,7 @@ const Ue = ({
                   Fe,
                   {
                     ref: T,
-                    placeholder: v ? m : void 0,
+                    placeholder: x ? m : void 0,
                     onKeyDown: F,
                     onMouseDown: _,
                     onFocus: V,
@@ -692,7 +692,7 @@ const Ue = ({
       },
       children: ({ isDisabled: u, isFocusWithin: h }) => /* @__PURE__ */ M(me, { children: [
         l && /* @__PURE__ */ s(l, { className: "pointer-events-none size-5 shrink-0 text-fg-quaternary" }),
-        /* @__PURE__ */ s(ve, { contain: !1, autoFocus: !1, restoreFocus: !1, children: /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ s(
+        /* @__PURE__ */ s(xe, { contain: !1, autoFocus: !1, restoreFocus: !1, children: /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ s(
           Je,
           {
             inputRef: g,