@pibit.ai/cure-design-system 0.6.44 → 0.6.46

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

@@ -1,47 +1,48 @@
-import { jsx as n, jsxs as p } from "react/jsx-runtime";
-import { useMemo as O, isValidElement as F, cloneElement as P, useRef as k, useState as W, useEffect as H, useLayoutEffect as K } from "react";
-import { FlipBackward as M, FlipForward as G, ChevronSelectorVertical as T, DotsHorizontal as _ } from "@untitledui/icons";
+import { jsx as n, jsxs as f } from "react/jsx-runtime";
+import { useMemo as N, isValidElement as F, cloneElement as P, useRef as k, useState as W, useEffect as M, useLayoutEffect as K } from "react";
+import { FlipBackward as T, FlipForward as G, ChevronSelectorVertical as _, DotsHorizontal as $ } from "@untitledui/icons";
 import { cx as j } from "../../../utils/cn.js";
-import { AlignDropdown as $ } from "./AlignDropdown.js";
-import { GroupByDropdown as q } from "./GroupByDropdown.js";
-import { HideFieldsDropdown as J } from "./HideFieldsDropdown.js";
-import { RowHeightDropdown as Q } from "./RowHeightDropdown.js";
-import { ShowSummaryDropdown as X } from "./ShowSummaryDropdown.js";
-import { resolveColumnLabel as Y } from "./tableToolbarHelpers.js";
-import { useUndoRedoShortcuts as Z } from "./useUndoRedoShortcuts.js";
-import { TableViewDirtyActions as E } from "./TableViewDirtyActions.js";
-import { hasSavedOrSharedViews as ee, TableViewsDropdown as ne } from "./TableViewsDropdown.js";
-import { ExpandableSearchInput as oe } from "../../../primitives/select/ExpandableSearchInput.js";
-import { Button as I } from "../../../primitives/button/button.js";
-import { Dropdown as z } from "../../../primitives/dropdown/dropdown.js";
-import { Icon as re } from "../../../primitives/icon/icon.js";
-function ie(e, t) {
+import { AlignDropdown as q } from "./AlignDropdown.js";
+import { GroupByDropdown as J } from "./GroupByDropdown.js";
+import { HideFieldsDropdown as Q } from "./HideFieldsDropdown.js";
+import { RowHeightDropdown as X } from "./RowHeightDropdown.js";
+import { ShowSummaryDropdown as Y } from "./ShowSummaryDropdown.js";
+import { resolveColumnLabel as Z } from "./tableToolbarHelpers.js";
+import { useUndoRedoShortcuts as E } from "./useUndoRedoShortcuts.js";
+import { ToolbarRefreshButton as ee } from "./ToolbarRefreshButton.js";
+import { TableViewDirtyActions as ne } from "./TableViewDirtyActions.js";
+import { hasSavedOrSharedViews as oe, TableViewsDropdown as re } from "./TableViewsDropdown.js";
+import { ExpandableSearchInput as ie } from "../../../primitives/select/ExpandableSearchInput.js";
+import { Button as A } from "../../../primitives/button/button.js";
+import { Dropdown as S } from "../../../primitives/dropdown/dropdown.js";
+import { Icon as te } from "../../../primitives/icon/icon.js";
+function se(e, t) {
   return F(e) ? P(e, {
     onApply: t.onApply,
     onClear: t.onClear,
     clearAllSorts: t.onClear
   }) : e;
 }
-function te(e, t) {
+function le(e, t) {
   return F(e) ? P(e, {
     onApply: t.onApply,
     onClearAll: t.onClearAll
   }) : e;
 }
-const se = ({ config: e }) => (Z({
+const ae = ({ config: e }) => (E({
   enabled: e.shortcut ?? !0,
   canUndo: e.canUndo,
   canRedo: e.canRedo,
   onUndo: e.onUndo,
   onRedo: e.onRedo,
   isDisabled: e.isDisabled
-}), /* @__PURE__ */ p("div", { className: "flex items-center gap-2", children: [
+}), /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ n(
-    I,
+    A,
     {
       size: "xs",
       color: "secondary",
-      iconLeading: /* @__PURE__ */ n(M, { size: 16 }),
+      iconLeading: /* @__PURE__ */ n(T, { size: 16 }),
       "aria-label": "Undo",
       title: "Undo",
       isDisabled: e.isDisabled || !e.canUndo,
@@ -49,7 +50,7 @@ const se = ({ config: e }) => (Z({
     }
   ),
   /* @__PURE__ */ n(
-    I,
+    A,
     {
       size: "xs",
       color: "secondary",
@@ -60,10 +61,10 @@ const se = ({ config: e }) => (Z({
       onClick: e.onRedo
     }
   )
-] })), le = ({ config: e, content: t, isDisabled: d }) => {
+] })), de = ({ config: e, content: t, isDisabled: d }) => {
   const i = e.sorts.some((s) => s.field !== "" && s.direction !== "");
-  return /* @__PURE__ */ p(
-    z.Root,
+  return /* @__PURE__ */ f(
+    S.Root,
     {
       isOpen: e.isOpen,
       onOpenChange: (s) => {
@@ -72,13 +73,13 @@ const se = ({ config: e }) => (Z({
         ), e.onOpenChange(s);
       },
       children: [
-        /* @__PURE__ */ p(
-          I,
+        /* @__PURE__ */ f(
+          A,
           {
             size: "xs",
             color: "secondary",
             isDisabled: d,
-            iconLeading: /* @__PURE__ */ n(T, { size: 12 }),
+            iconLeading: /* @__PURE__ */ n(_, { size: 12 }),
             className: j(
               i && "ring-1 ring-brand-600 bg-brand-primary text-brand-600 hover:bg-brand-primary hover:text-brand-600"
             ),
@@ -88,20 +89,20 @@ const se = ({ config: e }) => (Z({
             ]
           }
         ),
-        /* @__PURE__ */ n(z.Popover, { className: "w-auto min-w-[300px]", children: t })
+        /* @__PURE__ */ n(S.Popover, { className: "w-auto min-w-[300px]", children: t })
       ]
     }
   );
-}, ae = ({ config: e, content: t, isDisabled: d }) => {
+}, ce = ({ config: e, content: t, isDisabled: d }) => {
   const i = e.meaningfulConditionsCount > 0;
-  return /* @__PURE__ */ p(z.Root, { isOpen: e.isOpen, onOpenChange: e.onOpenChange, children: [
-    /* @__PURE__ */ p(
-      I,
+  return /* @__PURE__ */ f(S.Root, { isOpen: e.isOpen, onOpenChange: e.onOpenChange, children: [
+    /* @__PURE__ */ f(
+      A,
       {
         size: "xs",
         color: "secondary",
         isDisabled: d,
-        iconLeading: /* @__PURE__ */ n(re, { name: "FilterLines", size: 12 }),
+        iconLeading: /* @__PURE__ */ n(te, { name: "FilterLines", size: 12 }),
         className: j(
           i && "ring-1 ring-brand-600 bg-brand-primary text-brand-600 hover:bg-brand-primary hover:text-brand-600"
         ),
@@ -111,105 +112,106 @@ const se = ({ config: e }) => (Z({
         ]
       }
     ),
-    /* @__PURE__ */ n(z.Popover, { className: "w-auto min-w-[300px]", children: t })
+    /* @__PURE__ */ n(S.Popover, { className: "w-auto min-w-[300px]", children: t })
   ] });
-}, Ae = ({
+}, Le = ({
   className: e,
   fallbackTitle: t,
   undoRedo: d,
   sort: i,
   filter: s,
   search: c,
-  rowHeight: x,
-  hideFields: f,
-  align: N,
-  groupBy: h,
-  summary: C,
-  beforeSearch: A,
-  trailing: w,
+  rowHeight: g,
+  hideFields: b,
+  align: y,
+  groupBy: m,
+  summary: x,
+  refresh: O,
+  beforeSearch: v,
+  trailing: L,
   searchCollapsible: U,
   disableExtendedTools: a = !1,
-  isEditMode: b = !0,
-  sortContent: g,
-  filterContent: o,
+  isEditMode: p = !0,
+  sortContent: o,
+  filterContent: l,
   views: r
 }) => {
-  const l = O(
-    () => i && g ? ie(g, i) : g,
-    [i, g]
-  ), D = O(
-    () => s && o ? te(o, s) : o,
-    [s, o]
-  ), S = O(() => {
-    const m = [];
-    if (b && d && m.push({ id: "undo-redo", node: /* @__PURE__ */ n(se, { config: d }) }), i && l) {
-      const y = i.sorts.some((v) => v.field !== "" && v.direction !== "");
-      m.push({
+  const C = N(
+    () => i && o ? se(o, i) : o,
+    [i, o]
+  ), D = N(
+    () => s && l ? le(l, s) : l,
+    [s, l]
+  ), u = N(() => {
+    const h = [];
+    if (p && d && h.push({ id: "undo-redo", node: /* @__PURE__ */ n(ae, { config: d }) }), i && C) {
+      const w = i.sorts.some((I) => I.field !== "" && I.direction !== "");
+      h.push({
         id: "sort",
-        widthKey: y ? String(i.sorts.length) : "",
+        widthKey: w ? String(i.sorts.length) : "",
         node: /* @__PURE__ */ n(
-          le,
+          de,
           {
             config: i,
-            content: l,
+            content: C,
             isDisabled: a
           }
         )
       });
     }
-    if (s && D && m.push({
+    if (s && D && h.push({
       id: "filter",
       widthKey: s.meaningfulConditionsCount > 0 ? String(s.meaningfulConditionsCount) : "",
       node: /* @__PURE__ */ n(
-        ae,
+        ce,
         {
           config: s,
           content: D,
           isDisabled: a
         }
       )
-    }), b && x && m.push({
+    }), p && g && h.push({
       id: "row-height",
-      node: /* @__PURE__ */ n(Q, { ...x, isDisabled: a })
-    }), f && m.push({
+      node: /* @__PURE__ */ n(X, { ...g, isDisabled: a })
+    }), b && h.push({
       id: "hide-fields",
-      widthKey: f.hiddenColumns.size > 0 ? String(f.hiddenColumns.size) : "",
-      node: /* @__PURE__ */ n(J, { ...f, isDisabled: a })
-    }), N && m.push({ id: "align", node: /* @__PURE__ */ n($, { ...N, isDisabled: a }) }), b && h) {
-      const y = h.value ? h.schema.find((B) => B.value === h.value) : void 0, v = y ? Y(y, h.labelMeta) : "";
-      m.push({
+      widthKey: b.hiddenColumns.size > 0 ? String(b.hiddenColumns.size) : "",
+      node: /* @__PURE__ */ n(Q, { ...b, isDisabled: a })
+    }), y && h.push({ id: "align", node: /* @__PURE__ */ n(q, { ...y, isDisabled: a }) }), p && m) {
+      const w = m.value ? m.schema.find((H) => H.value === m.value) : void 0, I = w ? Z(w, m.labelMeta) : "";
+      h.push({
         id: "group-by",
-        widthKey: v,
-        node: /* @__PURE__ */ n(q, { ...h, isDisabled: a })
+        widthKey: I,
+        node: /* @__PURE__ */ n(J, { ...m, isDisabled: a })
       });
     }
-    return b && C && m.push({
+    return p && x && h.push({
       id: "summary",
-      node: /* @__PURE__ */ n(X, { ...C, isDisabled: a })
-    }), A && m.push({ id: "zoom", node: A }), m;
+      node: /* @__PURE__ */ n(Y, { ...x, isDisabled: a })
+    }), v && h.push({ id: "zoom", node: v }), h;
   }, [
     d,
     i,
-    l,
+    C,
     s,
     D,
+    g,
+    b,
+    y,
+    m,
     x,
-    f,
-    N,
-    h,
-    C,
-    A,
+    v,
     a,
-    b
-  ]), u = !!(b && r && (r.onSelectInitial || ee(r.items))), R = b && r && r.dirtyAction !== "none" ? /* @__PURE__ */ n(E, { config: r, isDisabled: a }) : null, L = u || S.length > 0 || R != null;
-  return /* @__PURE__ */ p("div", { className: j("flex justify-between items-center gap-2", e), children: [
-    L ? /* @__PURE__ */ p("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-      u && r && /* @__PURE__ */ n(ne, { config: r, isDisabled: a }),
-      S.length > 0 ? /* @__PURE__ */ n(ce, { items: S, suffix: R }) : R
+    p
+  ]), z = !!(p && r && (r.onSelectInitial || oe(r.items))), R = p && r && r.dirtyAction !== "none" ? /* @__PURE__ */ n(ne, { config: r, isDisabled: a }) : null, B = z || u.length > 0 || R != null;
+  return /* @__PURE__ */ f("div", { className: j("flex justify-between items-center gap-2", e), children: [
+    B ? /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+      z && r && /* @__PURE__ */ n(re, { config: r, isDisabled: a }),
+      u.length > 0 ? /* @__PURE__ */ n(me, { items: u, suffix: R }) : R
     ] }) : t ? /* @__PURE__ */ n("h4", { className: "text-sm font-normal text-secondary", children: t }) : /* @__PURE__ */ n("div", {}),
-    /* @__PURE__ */ p("div", { className: "flex items-center gap-2 shrink-0", children: [
+    /* @__PURE__ */ f("div", { className: "flex items-center gap-2 shrink-0", children: [
       c && /* @__PURE__ */ n(
-        oe,
+        ie,
         {
           size: "sm",
           placeholder: "Search",
@@ -220,103 +222,104 @@ const se = ({ config: e }) => (Z({
           shortcut: c.shortcut
         }
       ),
-      w
+      O && /* @__PURE__ */ n(ee, { config: O }),
+      L
     ] })
   ] });
-}, de = 40, V = 8, ce = ({
+}, he = 40, V = 8, me = ({
   items: e,
   suffix: t
 }) => {
-  const d = k(null), i = k(null), s = k(/* @__PURE__ */ new Map()), [c, x] = W(() => /* @__PURE__ */ new Map()), [f, N] = W(null), [h, C] = W(0), A = O(() => e.map((o) => `${o.id}:${o.widthKey ?? ""}`).join("|"), [e]);
-  H(() => {
-    x(/* @__PURE__ */ new Map());
-  }, [A]), K(() => {
+  const d = k(null), i = k(null), s = k(/* @__PURE__ */ new Map()), [c, g] = W(() => /* @__PURE__ */ new Map()), [b, y] = W(null), [m, x] = W(0), O = N(() => e.map((o) => `${o.id}:${o.widthKey ?? ""}`).join("|"), [e]);
+  M(() => {
+    g(/* @__PURE__ */ new Map());
+  }, [O]), K(() => {
     if (c.size === e.length) return;
     const o = /* @__PURE__ */ new Map();
-    for (const r of e) {
-      const l = s.current.get(r.id);
-      l && o.set(r.id, l.getBoundingClientRect().width);
+    for (const l of e) {
+      const r = s.current.get(l.id);
+      r && o.set(l.id, r.getBoundingClientRect().width);
     }
-    o.size === e.length && x(o);
+    o.size === e.length && g(o);
   }, [e, c]), K(() => {
     const o = d.current;
     if (!o) return;
-    const r = () => {
-      d.current && N(d.current.clientWidth);
+    const l = () => {
+      d.current && y(d.current.clientWidth);
     };
-    r();
-    const l = new ResizeObserver(r);
-    return l.observe(o), () => l.disconnect();
+    l();
+    const r = new ResizeObserver(l);
+    return r.observe(o), () => r.disconnect();
   }, []), K(() => {
     const o = i.current;
     if (!o) {
-      C(0);
+      x(0);
       return;
     }
-    const r = () => {
-      i.current && C(i.current.getBoundingClientRect().width);
+    const l = () => {
+      i.current && x(i.current.getBoundingClientRect().width);
     };
-    r();
-    const l = new ResizeObserver(r);
-    return l.observe(o), () => l.disconnect();
+    l();
+    const r = new ResizeObserver(l);
+    return r.observe(o), () => r.disconnect();
   }, [t]);
-  const w = c.size === e.length, { visibleIds: U, overflowIds: a } = O(() => {
-    if (!w || f == null)
+  const v = c.size === e.length, { visibleIds: L, overflowIds: U } = N(() => {
+    if (!v || b == null)
       return {
         visibleIds: new Set(e.map((u) => u.id)),
         overflowIds: /* @__PURE__ */ new Set()
       };
-    const o = h > 0 ? h + V : 0, r = Math.max(0, f - o);
-    let l = 0;
-    const D = /* @__PURE__ */ new Set(), S = /* @__PURE__ */ new Set();
+    const o = m > 0 ? m + V : 0, l = Math.max(0, b - o);
+    let r = 0;
+    const C = /* @__PURE__ */ new Set(), D = /* @__PURE__ */ new Set();
     for (let u = 0; u < e.length; u++) {
-      const R = e[u].id, L = c.get(R) ?? 0, y = e.length - u - 1 > 0 ? de + V : 0;
-      if (l + L + y > r) {
-        for (let v = u; v < e.length; v++) S.add(e[v].id);
+      const z = e[u].id, R = c.get(z) ?? 0, h = e.length - u - 1 > 0 ? he + V : 0;
+      if (r + R + h > l) {
+        for (let w = u; w < e.length; w++) D.add(e[w].id);
         break;
       }
-      l += L + V, D.add(R);
+      r += R + V, C.add(z);
     }
-    return { visibleIds: D, overflowIds: S };
-  }, [e, c, f, w, h]), b = e.filter((o) => U.has(o.id)), g = e.filter((o) => a.has(o.id));
-  return /* @__PURE__ */ p(
+    return { visibleIds: C, overflowIds: D };
+  }, [e, c, b, v, m]), a = e.filter((o) => L.has(o.id)), p = e.filter((o) => U.has(o.id));
+  return /* @__PURE__ */ f(
     "div",
     {
       ref: d,
       className: "flex items-center gap-2 min-w-0 flex-1 overflow-visible",
-      style: w ? void 0 : { visibility: "hidden" },
+      style: v ? void 0 : { visibility: "hidden" },
       children: [
-        (w ? b : e).map((o) => /* @__PURE__ */ n(
+        (v ? a : e).map((o) => /* @__PURE__ */ n(
           "div",
           {
-            ref: (r) => {
-              s.current.set(o.id, r);
+            ref: (l) => {
+              s.current.set(o.id, l);
             },
             className: "shrink-0",
             children: o.node
           },
           o.id
         )),
-        w && g.length > 0 && /* @__PURE__ */ p(z.Root, { children: [
+        v && p.length > 0 && /* @__PURE__ */ f(S.Root, { children: [
           /* @__PURE__ */ n(
-            I,
+            A,
             {
               size: "xs",
               color: "secondary",
-              iconLeading: /* @__PURE__ */ n(_, { size: 16 }),
+              iconLeading: /* @__PURE__ */ n($, { size: 16 }),
               "aria-label": "More tools",
               title: "More tools",
               className: "shrink-0"
             }
           ),
-          /* @__PURE__ */ n(z.Popover, { className: "w-auto", children: /* @__PURE__ */ n("div", { className: "flex flex-col items-stretch gap-2 p-2 min-w-[180px]", children: g.map((o) => /* @__PURE__ */ n("div", { className: "[&>*]:w-full", children: o.node }, o.id)) }) })
+          /* @__PURE__ */ n(S.Popover, { className: "w-auto", children: /* @__PURE__ */ n("div", { className: "flex flex-col items-stretch gap-2 p-2 min-w-[180px]", children: p.map((o) => /* @__PURE__ */ n("div", { className: "[&>*]:w-full", children: o.node }, o.id)) }) })
         ] }),
         t != null && /* @__PURE__ */ n("div", { ref: i, className: "shrink-0", children: t })
       ]
     }
   );
 };
-function Oe(e) {
+function Ue(e) {
   return {
     sort: e.sort,
     filter: e.filter,
@@ -324,6 +327,6 @@ function Oe(e) {
   };
 }
 export {
-  Ae as TableToolbar,
-  Oe as pickCoreToolbarProps
+  Le as TableToolbar,
+  Ue as pickCoreToolbarProps
 };

package/dist/patterns/table/toolbar/ToolbarRefreshButton.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+export interface RefreshToolConfig {
+    onClick: () => void;
+    isDisabled?: boolean;
+    /** Spins the icon and disables the button while the list request is in flight. */
+    isLoading?: boolean;
+}
+export declare const ToolbarRefreshButton: FC<{
+    config: RefreshToolConfig;
+}>;
+export default ToolbarRefreshButton;
+//# sourceMappingURL=ToolbarRefreshButton.d.ts.map

package/dist/patterns/table/toolbar/ToolbarRefreshButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarRefreshButton.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/ToolbarRefreshButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAUhC,MAAM,WAAW,iBAAiB;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kFAAkF;IAClF,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC;IAAE,MAAM,EAAE,iBAAiB,CAAA;CAAE,CAWlE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

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

@@ -0,0 +1,20 @@
+import { jsx as o } from "react/jsx-runtime";
+import { RefreshCw04 as s } from "@untitledui/icons";
+import { ButtonUtility as e } from "../../../primitives/button/button-utility.js";
+const l = ({ config: i }) => /* @__PURE__ */ o(
+  e,
+  {
+    size: "xs",
+    color: "tertiary",
+    icon: s,
+    tooltip: "Refresh",
+    "aria-label": "Refresh",
+    onClick: i.onClick,
+    isDisabled: i.isDisabled || i.isLoading,
+    className: i.isLoading ? "[&_svg]:animate-spin" : void 0
+  }
+);
+export {
+  l as ToolbarRefreshButton,
+  l as default
+};

package/dist/patterns/table/toolbar/index.d.ts

@@ -1,4 +1,5 @@
 export { TableToolbar, pickCoreToolbarProps } from './TableToolbar';
+export { ToolbarRefreshButton, type RefreshToolConfig } from './ToolbarRefreshButton';
 export type { TableToolbarProps, SortToolConfig, FilterToolConfig, SearchToolConfig, RowHeightToolConfig, HideFieldsToolConfig, AlignToolConfig, GroupByToolConfig, SummaryToolConfig, UndoRedoToolConfig, } from './TableToolbar';
 export { TableViewsDropdown, hasSavedOrSharedViews } from './TableViewsDropdown';
 export { TableViewDirtyActions } from './TableViewDirtyActions';

package/dist/patterns/table/toolbar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACpE,YAAY,EACV,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AACjF,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EACL,qBAAqB,EACrB,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,GAC1B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,2BAA2B,EAC3B,mBAAmB,EACnB,0BAA0B,EAC1B,gBAAgB,EAChB,sBAAsB,EACtB,sBAAsB,EACtB,yBAAyB,GAC1B,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,YAAY,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAE7G,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AACtF,YAAY,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;AACtE,YAAY,EACV,oBAAoB,EACpB,sBAAsB,EACtB,gBAAgB,EAChB,UAAU,GACX,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3E,OAAO,EACL,mBAAmB,EACnB,0BAA0B,EAC1B,qBAAqB,EACrB,cAAc,EACd,sBAAsB,EACtB,kBAAkB,EAClB,SAAS,EACT,kBAAkB,EAClB,8BAA8B,EAC9B,kBAAkB,GACnB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtF,YAAY,EACV,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AACjF,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EACL,qBAAqB,EACrB,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,GAC1B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,2BAA2B,EAC3B,mBAAmB,EACnB,0BAA0B,EAC1B,gBAAgB,EAChB,sBAAsB,EACtB,sBAAsB,EACtB,yBAAyB,GAC1B,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,YAAY,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAE7G,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AACtF,YAAY,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;AACtE,YAAY,EACV,oBAAoB,EACpB,sBAAsB,EACtB,gBAAgB,EAChB,UAAU,GACX,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3E,OAAO,EACL,mBAAmB,EACnB,0BAA0B,EAC1B,qBAAqB,EACrB,cAAc,EACd,sBAAsB,EACtB,kBAAkB,EAClB,SAAS,EACT,kBAAkB,EAClB,8BAA8B,EAC9B,kBAAkB,GACnB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/primitives/avatar/avatar-label-group.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { AvatarProps } from './avatar';
+export interface AvatarLabelGroupProps extends AvatarProps {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    title: string | ReactNode;
+    subtitle: string | ReactNode;
+}
+export declare const AvatarLabelGroup: ({ title, subtitle, className, ...props }: AvatarLabelGroupProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=avatar-label-group.d.ts.map

package/dist/primitives/avatar/avatar-label-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-label-group.d.ts","sourceRoot":"","sources":["../../../src/primitives/avatar/avatar-label-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAWpD,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACvC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,gBAAgB,GAAI,0CAK9B,qBAAqB,4CAoBvB,CAAC"}

package/dist/primitives/avatar/avatar-label-group.js

@@ -0,0 +1,40 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { Avatar as m } from "./avatar.js";
+import { cx as s } from "../../utils/cn.js";
+const i = {
+  xs: { root: "gap-2", title: "text-xs", subtitle: "text-xs" },
+  sm: { root: "gap-2", title: "text-sm", subtitle: "text-xs" },
+  md: { root: "gap-2", title: "text-sm", subtitle: "text-sm" },
+  lg: { root: "gap-3", title: "text-md", subtitle: "text-md" },
+  xl: { root: "gap-4", title: "text-lg", subtitle: "text-md" }
+}, u = ({
+  title: r,
+  subtitle: x,
+  className: a,
+  ...t
+}) => /* @__PURE__ */ l(
+  "figure",
+  {
+    className: s(
+      "group flex min-w-0 flex-1 items-center",
+      i[t.size].root,
+      a
+    ),
+    children: [
+      /* @__PURE__ */ e(m, { ...t }),
+      /* @__PURE__ */ l("figcaption", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ e("p", { className: s(i[t.size].title), children: r }),
+        /* @__PURE__ */ e(
+          "p",
+          {
+            className: s("truncate text-tertiary", i[t.size].subtitle),
+            children: x
+          }
+        )
+      ] })
+    ]
+  }
+);
+export {
+  u as AvatarLabelGroup
+};

package/dist/primitives/avatar/get-initials.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Extracts the initials from a full name, for the `Avatar` `initials` prop.
+ *
+ * @param name - The full name from which to extract initials.
+ * @returns The initials of the provided name. If the name contains only one word,
+ *          it returns the first character of that word. With `showLastName`, it
+ *          returns the first character of the first and last words. Returns an
+ *          empty string if the name is undefined/null/empty.
+ */
+export declare const getInitials: (name: string | undefined | null, showLastName?: boolean) => string;
+//# sourceMappingURL=get-initials.d.ts.map

package/dist/primitives/avatar/get-initials.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-initials.d.ts","sourceRoot":"","sources":["../../../src/primitives/avatar/get-initials.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,GACtB,MAAM,MAAM,GAAG,SAAS,GAAG,IAAI,EAC/B,eAAc,OAAe,WAS9B,CAAC"}

package/dist/primitives/avatar/get-initials.js

@@ -0,0 +1,9 @@
+const s = (t, p = !1) => {
+  if (!t || typeof t != "string" || t.trim().length === 0)
+    return "";
+  const [e, r] = t.split(" ");
+  return p && r ? `${e.charAt(0).toUpperCase()}${r == null ? void 0 : r.charAt(0).toUpperCase()}` : e.charAt(0).toUpperCase();
+};
+export {
+  s as getInitials
+};

package/dist/primitives/avatar/index.d.ts

@@ -1,2 +1,4 @@
 export { Avatar, type AvatarProps } from './avatar';
+export { AvatarLabelGroup, type AvatarLabelGroupProps, } from './avatar-label-group';
+export { getInitials } from './get-initials';
 //# sourceMappingURL=index.d.ts.map

package/dist/primitives/avatar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/primitives/loading-dots/index.d.ts

@@ -0,0 +1,2 @@
+export { LoadingDots, type LoadingDotsProps } from './loading-dots';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/loading-dots/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/loading-dots/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/primitives/loading-dots/loading-dots.d.ts

@@ -0,0 +1,13 @@
+export interface LoadingDotsProps {
+    /** @default 'Loading' */
+    text?: string;
+    /** Milliseconds between dot steps. @default 500 */
+    speed?: number;
+    className?: string;
+}
+/**
+ * Inline text loader that cycles an ellipsis after the text ("Loading", "Loading.", …).
+ * The dots render in an absolutely-positioned span so the text never shifts.
+ */
+export declare const LoadingDots: ({ text, speed, className, }: LoadingDotsProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=loading-dots.d.ts.map

package/dist/primitives/loading-dots/loading-dots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-dots.d.ts","sourceRoot":"","sources":["../../../src/primitives/loading-dots/loading-dots.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,6BAIzB,gBAAgB,4CAoBlB,CAAC"}