@duro-app/ui 2.0.0 → 3.0.0

package/dist/index.js

@@ -1,8 +1,8 @@
 import { jsxs as E, jsx as k, Fragment as Y } from "react/jsx-runtime";
 import { c as W, m as S, d as w, b as ao } from "./Table-P-UHkEqJ.js";
-import { M as zr, T as Tr } from "./Table-P-UHkEqJ.js";
-import { useRef as F, useSyncExternalStore as Ee, useContext as et, useId as lt, createContext as st, useEffect as O, useState as X, Children as co, isValidElement as uo, useCallback as Ft, useLayoutEffect as pe, useMemo as xo } from "react";
-import { useFormContext as ko, useController as po, useForm as go, FormProvider as fo } from "react-hook-form";
+import { M as Tr, T as jr } from "./Table-P-UHkEqJ.js";
+import { useRef as F, useSyncExternalStore as Ee, useContext as et, useId as lt, createContext as st, useEffect as O, useState as X, Children as co, isValidElement as uo, useCallback as Ft, useLayoutEffect as ke, useMemo as xo } from "react";
+import { useFormContext as po, useController as ko, useForm as go, FormProvider as fo } from "react-hook-form";
 import { effectTsResolver as mo } from "@hookform/resolvers/effect-ts";
 import { createPortal as ge } from "react-dom";
 const ho = {
@@ -50,7 +50,7 @@ function bo() {
   };
 }
 const Ve = st(null);
-function Di({
+function Ri({
   children: s
 }) {
   const t = F(null);
@@ -247,7 +247,7 @@ function $o(s) {
   }
   return null;
 }
-const Ri = $o, So = {
+const Li = $o, So = {
   "x-circle": /* @__PURE__ */ E(Y, { children: [
     /* @__PURE__ */ k("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ k("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
@@ -513,7 +513,7 @@ const ne = {
 function zo(s, t) {
   return s === !1 ? null : s === void 0 ? /* @__PURE__ */ k(qt, { name: Co[t], size: "md" }) : typeof s == "string" ? /* @__PURE__ */ k(qt, { name: s, size: "md" }) : s;
 }
-function Li(s) {
+function Gi(s) {
   const t = W.c(11), {
     variant: o,
     icon: e,
@@ -593,7 +593,7 @@ const Qt = !1, le = {
   sm: le.sizeSm,
   md: le.sizeMd
 };
-function Gi(s) {
+function Bi(s) {
   const t = W.c(6), {
     variant: o,
     size: e,
@@ -779,7 +779,7 @@ const vt = {
   center: vt.verticalAlignCenter,
   end: vt.verticalAlignEnd
 };
-function Bi(s) {
+function Ei(s) {
   const t = W.c(8), {
     children: o,
     orientation: e,
@@ -858,7 +858,7 @@ const Ht = {
 function Ro(s, t) {
   return s === !1 ? null : s === void 0 ? /* @__PURE__ */ k(qt, { name: Do[t], size: "xl" }) : typeof s == "string" ? /* @__PURE__ */ k(qt, { name: s, size: "xl" }) : s;
 }
-function Ei(s) {
+function Vi(s) {
   const t = W.c(14), {
     variant: o,
     icon: e,
@@ -942,7 +942,7 @@ const _t = {
   compact: _t.sizeCompact,
   full: _t.sizeFull
 };
-function Vi(s) {
+function Ai(s) {
   const t = W.c(10), {
     variant: o,
     size: e,
@@ -1151,7 +1151,7 @@ function Vo(s) {
   let f;
   return t[6] !== n || t[7] !== d || t[8] !== c || t[9] !== u || t[10] !== o ? (f = /* @__PURE__ */ k(Go, { value: o, checked: c, disabled: u, onChange: d, children: n }), t[6] = n, t[7] = d, t[8] = c, t[9] = u, t[10] = o, t[11] = f) : f = t[11], f;
 }
-const Ai = {
+const qi = {
   Root: Eo,
   Item: Vo
 }, me = st(null);
@@ -1185,7 +1185,7 @@ const de = {
     $$css: "ColorInput/styles.css.ts:36"
   }
 };
-function qi(s) {
+function Pi(s) {
   const t = W.c(19), {
     value: o,
     defaultValue: e,
@@ -1734,7 +1734,7 @@ function Zo(s) {
     children: i
   } = s, x = n === void 0 ? !1 : n, c = lt(), {
     control: u
-  } = ko();
+  } = po();
   let p;
   t[0] !== u || t[1] !== o ? (p = {
     control: u,
@@ -1743,7 +1743,7 @@ function Zo(s) {
   const {
     field: d,
     fieldState: f
-  } = po(p), g = x || !!f.error, m = l ?? e.disabled, b = a ?? e.labelPosition, y = e.necessityIndicator, h = `${c}-control`, v = `${c}-description`, $ = `${c}-error`;
+  } = ko(p), g = x || !!f.error, m = l ?? e.disabled, b = a ?? e.labelPosition, y = e.necessityIndicator, h = `${c}-control`, v = `${c}-description`, $ = `${c}-error`;
   let z;
   t[3] !== d.name || t[4] !== d.onBlur || t[5] !== d.onChange || t[6] !== d.ref || t[7] !== d.value ? (z = {
     value: d.value,
@@ -1857,7 +1857,7 @@ const je = {
   Description: ts,
   Error: es
 };
-function Pi(s) {
+function Ni(s) {
   const t = W.c(36), {
     open: o,
     onOpenChange: e,
@@ -2221,7 +2221,7 @@ function ds(s) {
   let a;
   return t[4] !== n || t[5] !== r ? (a = /* @__PURE__ */ k("button", { "data-element-src": "DetailPanel/DetailPanel.tsx:293", onClick: r, "aria-label": n, ...S(w.button, ot.closeButton), type: "button", children: l }), t[4] = n, t[5] = r, t[6] = a) : a = t[6], a;
 }
-const Ni = {
+const Oi = {
   Root: os,
   Content: is,
   Header: rs,
@@ -2453,8 +2453,8 @@ const Ni = {
     "display-k1xSpc": "display-x3nfvp2",
     $$css: "Drawer/styles.css.ts:248"
   }
-}, us = 0.3, xs = 0.5, ue = 160, ks = 12;
-function ps(s) {
+}, us = 0.3, xs = 0.5, ue = 160, ps = 12;
+function ks(s) {
   const t = W.c(26), {
     anchor: o,
     enabled: e,
@@ -2494,7 +2494,7 @@ function ps(s) {
       const C = v.closest("[data-drawer-viewport]")?.previousElementSibling;
       C && (C.style.opacity = String(Math.max(0, 1 - z)));
     } else {
-      const z = Math.abs(h), C = z / (z + $ * 0.5) * ks, T = Math.round(C);
+      const z = Math.abs(h), C = z / (z + $ * 0.5) * ps, T = Math.round(C);
       v.style.transform = "", v.style.boxShadow = T > 0 ? `0 0 ${T * 2}px ${T}px rgba(0, 0, 0, 0.15)` : "";
     }
   }, t[4] = o, t[5] = i, t[6] = u) : u = t[6];
@@ -2725,7 +2725,7 @@ function $s(s) {
     enabled: y,
     onDismiss: p,
     panelRef: g
-  }, t[3] = i, t[4] = g, t[5] = p, t[6] = y, t[7] = h) : h = t[7], ps(h), !r)
+  }, t[3] = i, t[4] = g, t[5] = p, t[6] = y, t[7] = h) : h = t[7], ks(h), !r)
     return null;
   const v = i === "left" || i === "right", $ = l && Z.backdropClosing, z = l && Me[a], C = !l && Z.backdropOpen;
   let T;
@@ -2803,7 +2803,7 @@ function js(s) {
   let a;
   return t[4] !== n || t[5] !== r ? (a = /* @__PURE__ */ k("button", { "data-element-src": "Drawer/Drawer.tsx:351", onClick: r, "aria-label": n, ...S(w.button, Z.closeButton), type: "button", children: l }), t[4] = n, t[5] = r, t[6] = a) : a = t[6], a;
 }
-const Oi = {
+const Fi = {
   Root: ms,
   Trigger: hs,
   Portal: $s,
@@ -2836,7 +2836,7 @@ const Oi = {
     $$css: "EmptyState/styles.css.ts:22"
   }
 };
-function Fi(s) {
+function Hi(s) {
   const t = W.c(8), {
     message: o,
     icon: e,
@@ -3004,7 +3004,7 @@ const Ke = {
   center: re.alignCenter,
   end: re.alignEnd
 };
-function Hi(s) {
+function Xi(s) {
   const t = W.c(22), {
     level: o,
     variant: e,
@@ -3188,7 +3188,7 @@ function Vs(s) {
   let e;
   return t[0] !== o ? (e = /* @__PURE__ */ k("div", { "data-element-src": "List/List.tsx:98", role: "listitem", ...S(w.div, Gt.empty), children: o }), t[0] = o, t[1] = e) : e = t[1], e;
 }
-const Xi = {
+const Ki = {
   Root: Ds,
   Item: Rs,
   Content: Ls,
@@ -3203,7 +3203,7 @@ const Xi = {
     $$css: "Form/Form.tsx:28"
   }
 };
-function Ki(s) {
+function Yi(s) {
   const t = W.c(36), {
     schema: o,
     defaultValues: e,
@@ -3346,7 +3346,7 @@ function Ns(s) {
   let e;
   return t[0] !== o ? (e = /* @__PURE__ */ k("span", { "data-element-src": "Fieldset/Fieldset.tsx:44", ...S(w.span, Dt.legend), children: o }), t[0] = o, t[1] = e) : e = t[1], e;
 }
-const Yi = {
+const Ui = {
   Root: Ps,
   Legend: Ns
 }, Yt = {
@@ -3444,7 +3444,7 @@ function Hs(s) {
   let f;
   return t[12] !== l || t[13] !== d ? (f = /* @__PURE__ */ k("span", { "data-element-src": "InputGroup/InputGroup.tsx:56", ...S(w.span, d), children: l }), t[12] = l, t[13] = d, t[14] = f) : f = t[14], f;
 }
-const Ui = {
+const _i = {
   Root: Os,
   Addon: Hs
 }, te = {
@@ -3501,7 +3501,7 @@ const Ui = {
   default: te.sizeDefault,
   small: te.sizeSmall
 };
-function _i(s) {
+function Ji(s) {
   const t = W.c(10), {
     href: o,
     variant: e,
@@ -3608,7 +3608,7 @@ function _s(s) {
   let e;
   return t[0] !== o ? (e = /* @__PURE__ */ k("div", { "data-element-src": "Panel/Panel.tsx:38", ...S(w.div, Zt.footer), children: o }), t[0] = o, t[1] = e) : e = t[1], e;
 }
-const Ji = {
+const Zi = {
   Root: Ks,
   Header: Ys,
   Body: Us,
@@ -3751,7 +3751,7 @@ function Qs(s) {
     $
   ] }), t[23] = p, t[24] = v, t[25] = $, t[26] = f, t[27] = m, t[28] = z) : z = t[28], z;
 }
-const Zi = {
+const Qi = {
   Root: Zs,
   Item: Qs
 }, St = {
@@ -3991,7 +3991,7 @@ function rn(s) {
   let R;
   return t[16] !== T || t[17] !== I || t[18] !== D ? (R = /* @__PURE__ */ k("div", { "data-element-src": "ScrollArea/ScrollArea.tsx:179", onPointerDown: T, onPointerMove: I, onPointerUp: L, ...S(w.div, D) }), t[16] = T, t[17] = I, t[18] = D, t[19] = R) : R = t[19], R;
 }
-const Qi = {
+const tr = {
   Root: en,
   Viewport: on,
   Content: sn,
@@ -4171,10 +4171,10 @@ function ln(s) {
     b(!0);
     const J = M.current, tt = D.current;
     let ct = null;
-    for (const ut of tt) {
-      const xt = J.get(ut);
-      if (xt && xt.value === i) {
-        ct = ut;
+    for (const xt of tt) {
+      const pt = J.get(xt);
+      if (pt && pt.value === i) {
+        ct = xt;
         break;
       }
     }
@@ -4202,11 +4202,11 @@ function ln(s) {
       value: tt,
       element: ct
     });
-    const ut = M.current, xt = [...ut.keys()];
-    return xt.sort((yt, Et) => {
-      const $e = ut.get(yt)?.element, Se = ut.get(Et)?.element;
+    const xt = M.current, pt = [...xt.keys()];
+    return pt.sort((yt, Et) => {
+      const $e = xt.get(yt)?.element, Se = xt.get(Et)?.element;
       return !$e || !Se ? 0 : $e.compareDocumentPosition(Se) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
-    }), D.current = xt, () => {
+    }), D.current = pt, () => {
       M.current.delete(J), D.current = D.current.filter((yt) => yt !== J);
     };
   }, t[19] = P) : P = t[19];
@@ -4225,38 +4225,38 @@ function ln(s) {
     const J = T.current;
     if (!J || !m)
       return;
-    const tt = function(ut) {
-      const xt = Q();
-      if (!(xt.length === 0 && ut.key !== "Escape" && ut.key !== "Tab"))
-        t: switch (ut.key) {
+    const tt = function(xt) {
+      const pt = Q();
+      if (!(pt.length === 0 && xt.key !== "Escape" && xt.key !== "Tab"))
+        t: switch (xt.key) {
           case "ArrowDown": {
-            if (ut.preventDefault(), !m) {
+            if (xt.preventDefault(), !m) {
               b(!0);
               return;
             }
             z((yt) => {
-              const Et = yt ? xt.indexOf(yt) : -1;
-              return xt[(Et + 1) % xt.length] ?? null;
+              const Et = yt ? pt.indexOf(yt) : -1;
+              return pt[(Et + 1) % pt.length] ?? null;
             });
             break t;
           }
           case "ArrowUp": {
-            ut.preventDefault(), z((yt) => {
-              const Et = yt ? xt.indexOf(yt) : 0;
-              return xt[(Et - 1 + xt.length) % xt.length] ?? null;
+            xt.preventDefault(), z((yt) => {
+              const Et = yt ? pt.indexOf(yt) : 0;
+              return pt[(Et - 1 + pt.length) % pt.length] ?? null;
             });
             break t;
           }
           case "Home": {
-            ut.preventDefault(), z(xt[0] ?? null);
+            xt.preventDefault(), z(pt[0] ?? null);
             break t;
           }
           case "End": {
-            ut.preventDefault(), z(xt[xt.length - 1] ?? null);
+            xt.preventDefault(), z(pt[pt.length - 1] ?? null);
             break t;
           }
           case "Enter": {
-            ut.preventDefault(), z((yt) => {
+            xt.preventDefault(), z((yt) => {
               if (yt) {
                 const Et = M.current.get(yt);
                 Et && A(Et.value);
@@ -4267,7 +4267,7 @@ function ln(s) {
             break t;
           }
           case "Escape": {
-            ut.preventDefault(), G(), j.current?.focus();
+            xt.preventDefault(), G(), j.current?.focus();
             break t;
           }
           case "Tab":
@@ -4356,7 +4356,7 @@ const an = {
 function ye() {
   return et(Ze);
 }
-function kn(s) {
+function pn(s) {
   const t = W.c(11), {
     theme: o,
     children: e
@@ -4374,7 +4374,7 @@ function kn(s) {
     d
   ] }), t[7] = p, t[8] = n, t[9] = x, t[10] = f) : f = t[10], f;
 }
-function pn(s) {
+function kn(s) {
   const t = W.c(17), {
     name: o,
     defaultValue: e,
@@ -4496,7 +4496,7 @@ function mn(s) {
     return m(), window.addEventListener("resize", m), window.addEventListener("scroll", m, !0), () => {
       window.removeEventListener("resize", m), window.removeEventListener("scroll", m, !0);
     };
-  }, c = [e, r], t[0] = e, t[1] = r, t[2] = x, t[3] = c) : (x = t[2], c = t[3]), pe(x, c), !e || !a)
+  }, c = [e, r], t[0] = e, t[1] = r, t[2] = x, t[3] = c) : (x = t[2], c = t[3]), ke(x, c), !e || !a)
     return null;
   let u;
   t[4] !== a.left || t[5] !== a.top || t[6] !== a.width ? (u = zt.popupPosition(a.top, a.left, a.width), t[4] = a.left, t[5] = a.top, t[6] = a.width, t[7] = u) : u = t[7];
@@ -4570,8 +4570,8 @@ function bn(s) {
   let i;
   return t[0] !== o ? (i = /* @__PURE__ */ k("div", { "data-element-src": "Combobox/Combobox.tsx:264", ...S(w.div, zt.empty), children: o }), t[0] = o, t[1] = i) : i = t[1], i;
 }
-const tr = {
-  Root: pn,
+const er = {
+  Root: kn,
   Input: gn,
   Trigger: fn,
   Popup: mn,
@@ -4928,7 +4928,7 @@ function zn(s) {
     return $(), window.addEventListener("resize", $), window.addEventListener("scroll", $, !0), () => {
       window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0);
     };
-  }, u = [e, l], t[0] = e, t[1] = l, t[2] = c, t[3] = u) : (c = t[2], u = t[3]), pe(c, u);
+  }, u = [e, l], t[0] = e, t[1] = l, t[2] = c, t[3] = u) : (c = t[2], u = t[3]), ke(c, u);
   let p;
   t[4] !== n || t[5] !== e ? (p = e && /* @__PURE__ */ k("div", { "data-element-src": "Select/Select.tsx:146", ...S(w.div, wt.backdrop), onClick: n }), t[4] = n, t[5] = e, t[6] = p) : p = t[6];
   const d = !e, f = (!e || !i) && wt.hidden;
@@ -4994,7 +4994,7 @@ function jn(s) {
   let e;
   return t[0] !== o ? (e = /* @__PURE__ */ k("span", { "data-element-src": "Select/Select.tsx:228", ...S(w.span), children: o }), t[0] = o, t[1] = e) : e = t[1], e;
 }
-const er = {
+const or = {
   Root: $n,
   Trigger: Sn,
   Value: wn,
@@ -5278,7 +5278,7 @@ function Dn(s) {
     y
   ] }), t[15] = y, t[16] = u, t[17] = d, t[18] = f, t[19] = m, t[20] = b, t[21] = o, t[22] = h) : h = t[22], h;
 }
-const or = {
+const sr = {
   Root: In,
   Group: Mn,
   Section: Wn,
@@ -5332,7 +5332,7 @@ const or = {
   md: Jt.md,
   lg: Jt.lg
 };
-function sr(s) {
+function nr(s) {
   const t = W.c(7), {
     size: o,
     label: e
@@ -5503,7 +5503,7 @@ const Bn = {
   error: Ct.iconError,
   info: Ct.iconInfo
 }, oo = st(null);
-function nr() {
+function ir() {
   const s = et(oo);
   if (!s)
     throw new Error("useToast must be used within a <ToastProvider>");
@@ -5562,7 +5562,7 @@ function Vn(s) {
     j
   ] }), t[29] = h, t[30] = z, t[31] = j, t[32] = u, t[33] = p, t[34] = f, t[35] = I) : I = t[35], I;
 }
-function ir({
+function rr({
   children: s
 }) {
   const t = F(null);
@@ -5605,7 +5605,7 @@ const De = {
     $$css: "StatusIcon/styles.css.ts:24"
   }
 };
-function rr(s) {
+function lr(s) {
   const t = W.c(8), {
     name: o,
     size: e,
@@ -5729,7 +5729,7 @@ const It = {
   sm: It.removableSm,
   md: It.removableMd
 };
-function lr({
+function ar({
   value: s,
   variant: t = "default",
   size: o = "md",
@@ -5963,7 +5963,7 @@ function Fn({
     };
   }, [t]), /* @__PURE__ */ k("input", { "data-element-src": "TagGroup/TagGroup.tsx:282", ref: n, type: "text", value: o, onChange: (l) => e(l.target.value), placeholder: s, disabled: t?.disabled, ...S(w.input, At.input), dir: "auto" });
 }
-const ar = {
+const cr = {
   Root: Nn,
   List: On,
   Input: Fn
@@ -6202,7 +6202,7 @@ function Un(s) {
     z();
     const C = new ResizeObserver(z);
     return C.observe($), C.observe(v), () => C.disconnect();
-  }, d = [n, e, i], t[0] = n, t[1] = e, t[2] = i, t[3] = p, t[4] = d) : (p = t[3], d = t[4]), pe(p, d);
+  }, d = [n, e, i], t[0] = n, t[1] = e, t[2] = i, t[3] = p, t[4] = d) : (p = t[3], d = t[4]), ke(p, d);
   let f, g;
   t[5] !== n || t[6] !== r || t[7] !== a || t[8] !== e || t[9] !== l ? (f = () => {
     const v = x.current;
@@ -6312,7 +6312,7 @@ function Jn(s) {
   let i;
   return t[2] !== e || t[3] !== a ? (i = /* @__PURE__ */ k("div", { "data-element-src": "Tabs/Tabs.tsx:245", role: "tabpanel", ...S(w.div, a), children: e }), t[2] = e, t[3] = a, t[4] = i) : i = t[4], i;
 }
-const cr = {
+const dr = {
   Root: Yn,
   List: Un,
   Tab: _n,
@@ -6351,7 +6351,7 @@ const cr = {
     $$css: "Textarea/styles.css.ts:50"
   }
 };
-function dr(s) {
+function ur(s) {
   const t = W.c(22), {
     variant: o,
     name: e,
@@ -6436,7 +6436,7 @@ function ii(s, t) {
     } catch {
     }
 }
-function ur(s) {
+function xr(s) {
   const t = W.c(29), {
     children: o,
     defaultPreference: e,
@@ -6485,11 +6485,11 @@ function ur(s) {
   }, t[16] = M, t[17] = u, t[18] = m, t[19] = v, t[20] = j, t[21] = L) : L = t[21];
   const D = L;
   let R;
-  t[22] !== d || t[23] !== o || t[24] !== j ? (R = d ? /* @__PURE__ */ k(kn, { theme: j, children: o }) : o, t[22] = d, t[23] = o, t[24] = j, t[25] = R) : R = t[25];
+  t[22] !== d || t[23] !== o || t[24] !== j ? (R = d ? /* @__PURE__ */ k(pn, { theme: j, children: o }) : o, t[22] = d, t[23] = o, t[24] = j, t[25] = R) : R = t[25];
   let G;
   return t[26] !== R || t[27] !== D ? (G = /* @__PURE__ */ k(io.Provider, { value: D, children: R }), t[26] = R, t[27] = D, t[28] = G) : G = t[28], G;
 }
-function xr(s) {
+function pr(s) {
   const t = W.c(7), {
     size: o,
     "aria-label": e
@@ -6663,7 +6663,7 @@ const Ot = {
   default: Ot.sizeDefault,
   small: Ot.sizeSmall
 };
-function pr(s) {
+function gr(s) {
   const t = W.c(23), {
     pressed: o,
     defaultPressed: e,
@@ -6702,7 +6702,7 @@ const Ge = {
     $$css: "ToggleGroup/styles.css.ts:14"
   }
 };
-function gr(s) {
+function fr(s) {
   const t = W.c(21), {
     value: o,
     defaultValue: e,
@@ -6739,7 +6739,7 @@ function gr(s) {
   let T;
   return t[18] !== C || t[19] !== v ? (T = /* @__PURE__ */ k(ro.Provider, { value: v, children: C }), t[18] = C, t[19] = v, t[20] = T) : T = t[20], T;
 }
-const ke = {
+const pe = {
   root: {
     "position-kVAEAm": "position-x1n2onr6",
     "display-k1xSpc": "display-x3nfvp2",
@@ -6827,9 +6827,9 @@ function ui(s) {
     placement: l
   }, t[3] = i, t[4] = l, t[5] = d, t[6] = c, t[7] = m) : m = t[7];
   let b;
-  t[8] !== e || t[9] !== i || t[10] !== l || t[11] !== c ? (b = i && /* @__PURE__ */ k("div", { "data-element-src": "Tooltip/Tooltip.tsx:63", id: c, role: "tooltip", ...S(w.div, ke.popup, ke[l]), children: e }), t[8] = e, t[9] = i, t[10] = l, t[11] = c, t[12] = b) : b = t[12];
+  t[8] !== e || t[9] !== i || t[10] !== l || t[11] !== c ? (b = i && /* @__PURE__ */ k("div", { "data-element-src": "Tooltip/Tooltip.tsx:63", id: c, role: "tooltip", ...S(w.div, pe.popup, pe[l]), children: e }), t[8] = e, t[9] = i, t[10] = l, t[11] = c, t[12] = b) : b = t[12];
   let y;
-  t[13] !== o || t[14] !== b ? (y = /* @__PURE__ */ E("div", { "data-element-src": "Tooltip/Tooltip.tsx:60", ...S(w.div, ke.root), children: [
+  t[13] !== o || t[14] !== b ? (y = /* @__PURE__ */ E("div", { "data-element-src": "Tooltip/Tooltip.tsx:60", ...S(w.div, pe.root), children: [
     o,
     b
   ] }), t[13] = o, t[14] = b, t[15] = y) : y = t[15];
@@ -6848,7 +6848,7 @@ function xi(s) {
   let i;
   return t[0] !== o || t[1] !== r || t[2] !== n || t[3] !== a ? (i = /* @__PURE__ */ k("div", { "data-element-src": "Tooltip/Tooltip.tsx:82", onPointerEnter: n, onPointerLeave: r, onFocus: n, onBlur: r, "aria-describedby": a, ...S(w.div), children: o }), t[0] = o, t[1] = r, t[2] = n, t[3] = a, t[4] = i) : i = t[4], i;
 }
-const fr = {
+const mr = {
   Root: ui,
   Trigger: xi
 }, Vt = {
@@ -6919,7 +6919,7 @@ const fr = {
     $$css: "Switch/styles.css.ts:65"
   }
 };
-function mr(s) {
+function hr(s) {
   const t = W.c(31), {
     checked: o,
     defaultChecked: e,
@@ -7011,7 +7011,7 @@ const bt = {
     "gap-kOIVth": "gap-x1a8amag",
     $$css: "Stack/styles.css.ts:20"
   }
-}, ki = {
+}, pi = {
   xs: bt.gapXs,
   sm: bt.gapSm,
   ms: bt.gapMs,
@@ -7020,18 +7020,18 @@ const bt = {
   xl: bt.gapXl,
   xxl: bt.gapXxl,
   xxxl: bt.gapXxxl
-}, pi = {
+}, ki = {
   start: bt.alignStart,
   center: bt.alignCenter,
   end: bt.alignEnd,
   stretch: bt.alignStretch
 };
-function hr(s) {
+function yr(s) {
   const t = W.c(6), {
     gap: o,
     align: e,
     children: n
-  } = s, r = o === void 0 ? "md" : o, l = e === void 0 ? "stretch" : e, a = ki[r], i = pi[l];
+  } = s, r = o === void 0 ? "md" : o, l = e === void 0 ? "stretch" : e, a = pi[r], i = ki[l];
   let x;
   t[0] !== a || t[1] !== i ? (x = [bt.base, a, i], t[0] = a, t[1] = i, t[2] = x) : x = t[2];
   let c;
@@ -7133,7 +7133,7 @@ const dt = {
   end: dt.justifyEnd,
   between: dt.justifyBetween
 };
-function yr(s) {
+function br(s) {
   const t = W.c(7), {
     gap: o,
     align: e,
@@ -7145,7 +7145,7 @@ function yr(s) {
   let d;
   return t[4] !== r || t[5] !== p ? (d = /* @__PURE__ */ k("div", { "data-element-src": "Inline/Inline.tsx:41", ...S(w.div, p), children: r }), t[4] = r, t[5] = p, t[6] = d) : d = t[6], d;
 }
-const pt = {
+const gt = {
   base: {
     "display-k1xSpc": "display-x78zum5",
     "flexDirection-kXwgrk": "flexDirection-x1q0g3np",
@@ -7213,25 +7213,25 @@ const pt = {
     $$css: "Cluster/styles.css.ts:24"
   }
 }, hi = {
-  xs: pt.gapXs,
-  sm: pt.gapSm,
-  ms: pt.gapMs,
-  md: pt.gapMd,
-  lg: pt.gapLg,
-  xl: pt.gapXl,
-  xxl: pt.gapXxl,
-  xxxl: pt.gapXxxl
+  xs: gt.gapXs,
+  sm: gt.gapSm,
+  ms: gt.gapMs,
+  md: gt.gapMd,
+  lg: gt.gapLg,
+  xl: gt.gapXl,
+  xxl: gt.gapXxl,
+  xxxl: gt.gapXxxl
 }, yi = {
-  start: pt.alignStart,
-  center: pt.alignCenter,
-  end: pt.alignEnd
+  start: gt.alignStart,
+  center: gt.alignCenter,
+  end: gt.alignEnd
 }, bi = {
-  start: pt.justifyStart,
-  center: pt.justifyCenter,
-  end: pt.justifyEnd,
-  between: pt.justifyBetween
+  start: gt.justifyStart,
+  center: gt.justifyCenter,
+  end: gt.justifyEnd,
+  between: gt.justifyBetween
 };
-function br(s) {
+function vr(s) {
   const t = W.c(7), {
     gap: o,
     align: e,
@@ -7239,108 +7239,120 @@ function br(s) {
     children: r
   } = s, l = o === void 0 ? "sm" : o, a = e === void 0 ? "start" : e, i = n === void 0 ? "start" : n, x = hi[l], c = yi[a], u = bi[i];
   let p;
-  t[0] !== x || t[1] !== c || t[2] !== u ? (p = [pt.base, x, c, u], t[0] = x, t[1] = c, t[2] = u, t[3] = p) : p = t[3];
+  t[0] !== x || t[1] !== c || t[2] !== u ? (p = [gt.base, x, c, u], t[0] = x, t[1] = c, t[2] = u, t[3] = p) : p = t[3];
   let d;
   return t[4] !== r || t[5] !== p ? (d = /* @__PURE__ */ k("div", { "data-element-src": "Cluster/Cluster.tsx:39", ...S(w.div, p), children: r }), t[4] = r, t[5] = p, t[6] = d) : d = t[6], d;
 }
 const vi = {
   "gridTemplateColumns-kumcoG": "gridTemplateColumns-xqketvx",
-  $$css: "Grid/styles.css.ts:14"
-}, gt = {
+  $$css: "Grid/styles.css.ts:19"
+}, ut = {
   base: {
     "display-k1xSpc": "display-xrvj5dj",
-    $$css: "Grid/styles.css.ts:5"
+    $$css: "Grid/styles.css.ts:10"
   },
   col1: {
     "gridTemplateColumns-kumcoG": "gridTemplateColumns-x1y6fwsi",
-    $$css: "Grid/styles.css.ts:8"
+    $$css: "Grid/styles.css.ts:13"
   },
   col2: {
     "gridTemplateColumns-kumcoG": "gridTemplateColumns-x1p9eum2",
-    $$css: "Grid/styles.css.ts:9"
+    $$css: "Grid/styles.css.ts:14"
   },
   col3: {
     "gridTemplateColumns-kumcoG": "gridTemplateColumns-x1wlfl8j",
-    $$css: "Grid/styles.css.ts:10"
+    $$css: "Grid/styles.css.ts:15"
   },
   col4: {
     "gridTemplateColumns-kumcoG": "gridTemplateColumns-xl501l6",
-    $$css: "Grid/styles.css.ts:11"
+    $$css: "Grid/styles.css.ts:16"
   },
   col5: {
     "gridTemplateColumns-kumcoG": "gridTemplateColumns-xkgyxu0",
-    $$css: "Grid/styles.css.ts:12"
+    $$css: "Grid/styles.css.ts:17"
   },
   col6: {
     "gridTemplateColumns-kumcoG": "gridTemplateColumns-xu4o1vd",
-    $$css: "Grid/styles.css.ts:13"
+    $$css: "Grid/styles.css.ts:18"
   },
   autoFit: (s) => [vi, {
     "--x-gridTemplateColumns": `repeat(auto-fill, minmax(${s}, 1fr))` != null ? `repeat(auto-fill, minmax(${s}, 1fr))` : void 0
   }],
+  split: {
+    "gridTemplateColumns-kumcoG": "gridTemplateColumns-x1y6fwsi gridTemplateColumns-xxiyio7",
+    $$css: "Grid/styles.css.ts:26"
+  },
+  splitWide: {
+    "gridTemplateColumns-kumcoG": "gridTemplateColumns-x1y6fwsi gridTemplateColumns-x1ri1lbn",
+    $$css: "Grid/styles.css.ts:32"
+  },
   gapXs: {
     "gap-kOIVth": "gap-xl5ne8a",
-    $$css: "Grid/styles.css.ts:17"
+    $$css: "Grid/styles.css.ts:38"
   },
   gapSm: {
     "gap-kOIVth": "gap-x175yhtj",
-    $$css: "Grid/styles.css.ts:18"
+    $$css: "Grid/styles.css.ts:39"
   },
   gapMs: {
     "gap-kOIVth": "gap-x1x2w4m1",
-    $$css: "Grid/styles.css.ts:19"
+    $$css: "Grid/styles.css.ts:40"
   },
   gapMd: {
     "gap-kOIVth": "gap-xb6pwsi",
-    $$css: "Grid/styles.css.ts:20"
+    $$css: "Grid/styles.css.ts:41"
   },
   gapLg: {
     "gap-kOIVth": "gap-x1038972",
-    $$css: "Grid/styles.css.ts:21"
+    $$css: "Grid/styles.css.ts:42"
   },
   gapXl: {
     "gap-kOIVth": "gap-x8w6ti4",
-    $$css: "Grid/styles.css.ts:22"
+    $$css: "Grid/styles.css.ts:43"
   },
   gapXxl: {
     "gap-kOIVth": "gap-x6m84cd",
-    $$css: "Grid/styles.css.ts:23"
+    $$css: "Grid/styles.css.ts:44"
   },
   gapXxxl: {
     "gap-kOIVth": "gap-x1a8amag",
-    $$css: "Grid/styles.css.ts:24"
+    $$css: "Grid/styles.css.ts:45"
   }
 }, $i = {
-  xs: gt.gapXs,
-  sm: gt.gapSm,
-  ms: gt.gapMs,
-  md: gt.gapMd,
-  lg: gt.gapLg,
-  xl: gt.gapXl,
-  xxl: gt.gapXxl,
-  xxxl: gt.gapXxxl
+  xs: ut.gapXs,
+  sm: ut.gapSm,
+  ms: ut.gapMs,
+  md: ut.gapMd,
+  lg: ut.gapLg,
+  xl: ut.gapXl,
+  xxl: ut.gapXxl,
+  xxxl: ut.gapXxxl
 }, Si = {
-  1: gt.col1,
-  2: gt.col2,
-  3: gt.col3,
-  4: gt.col4,
-  5: gt.col5,
-  6: gt.col6
+  1: ut.col1,
+  2: ut.col2,
+  3: ut.col3,
+  4: ut.col4,
+  5: ut.col5,
+  6: ut.col6
+}, wi = {
+  split: ut.split,
+  "split-wide": ut.splitWide
 };
-function vr(s) {
-  const t = W.c(9), {
+function $r(s) {
+  const t = W.c(10), {
     gap: o,
     columns: e,
     minColumnWidth: n,
-    children: r
-  } = s, l = o === void 0 ? "md" : o;
-  let a;
-  t[0] !== e || t[1] !== n ? (a = n ? gt.autoFit(n) : e ? Si[e] : void 0, t[0] = e, t[1] = n, t[2] = a) : a = t[2];
-  const i = a, x = $i[l];
-  let c;
-  t[3] !== i || t[4] !== x ? (c = [gt.base, x, i], t[3] = i, t[4] = x, t[5] = c) : c = t[5];
+    layout: r,
+    children: l
+  } = s, a = o === void 0 ? "md" : o;
+  let i;
+  t[0] !== e || t[1] !== r || t[2] !== n ? (i = r ? wi[r] : n ? ut.autoFit(n) : e ? Si[e] : void 0, t[0] = e, t[1] = r, t[2] = n, t[3] = i) : i = t[3];
+  const x = i, c = $i[a];
   let u;
-  return t[6] !== r || t[7] !== c ? (u = /* @__PURE__ */ k("div", { "data-element-src": "Grid/Grid.tsx:40", ...S(w.div, c), children: r }), t[6] = r, t[7] = c, t[8] = u) : u = t[8], u;
+  t[4] !== x || t[5] !== c ? (u = [ut.base, c, x], t[4] = x, t[5] = c, t[6] = u) : u = t[6];
+  let p;
+  return t[7] !== l || t[8] !== u ? (p = /* @__PURE__ */ k("div", { "data-element-src": "Grid/Grid.tsx:55", ...S(w.div, u), children: l }), t[7] = l, t[8] = u, t[9] = p) : p = t[9], p;
 }
 const $t = {
   root: {
@@ -7389,23 +7401,23 @@ const $t = {
     "paddingBottom-kGO01o": "paddingBottom-x8ouyoa",
     $$css: "PageShell/styles.css.ts:24"
   }
-}, wi = {
+}, Ci = {
   sm: $t.maxSm,
   md: $t.maxMd,
   lg: $t.maxLg,
   full: null
-}, Ci = {
+}, zi = {
   sm: $t.padSm,
   md: $t.padMd,
   lg: $t.padLg
 };
-function $r(s) {
+function Sr(s) {
   const t = W.c(12), {
     maxWidth: o,
     padding: e,
     header: n,
     children: r
-  } = s, l = o === void 0 ? "lg" : o, a = e === void 0 ? "md" : e, i = wi[l], x = Ci[a];
+  } = s, l = o === void 0 ? "lg" : o, a = e === void 0 ? "md" : e, i = Ci[l], x = zi[a];
   let c;
   t[0] !== n || t[1] !== x ? (c = n != null && /* @__PURE__ */ k("header", { "data-element-src": "PageShell/PageShell.tsx:38", ...S(w.header, $t.container, $t.maxLg, x, $t.headerPadding), children: n }), t[0] = n, t[1] = x, t[2] = c) : c = t[2];
   let u;
@@ -7421,7 +7433,7 @@ function $r(s) {
 function Be(s) {
   return typeof s == "number" ? s : ao[s];
 }
-function Sr(s) {
+function wr(s) {
   const t = W.c(8);
   let o;
   t[0] !== s ? (o = s === void 0 ? {} : s, t[0] = s, t[1] = o) : o = t[1];
@@ -7455,62 +7467,62 @@ function Sr(s) {
   }, t[6] = u, t[7] = g) : g = t[7], g;
 }
 export {
-  Ri as ActionBar,
-  Di as ActionBarProvider,
-  Li as Alert,
-  Gi as Badge,
+  Li as ActionBar,
+  Ri as ActionBarProvider,
+  Gi as Alert,
+  Bi as Badge,
   Ce as Button,
-  Bi as ButtonGroup,
-  Ei as Callout,
-  Vi as Card,
+  Ei as ButtonGroup,
+  Vi as Callout,
+  Ai as Card,
   Go as Checkbox,
-  Ai as CheckboxGroup,
-  br as Cluster,
-  qi as ColorInput,
-  ur as ColorModeProvider,
-  xr as ColorModeToggle,
-  tr as Combobox,
-  Pi as ConfirmDialog,
-  Ni as DetailPanel,
+  qi as CheckboxGroup,
+  vr as Cluster,
+  Pi as ColorInput,
+  xr as ColorModeProvider,
+  pr as ColorModeToggle,
+  er as Combobox,
+  Ni as ConfirmDialog,
+  Oi as DetailPanel,
   Kt as Dialog,
-  Oi as Drawer,
-  Fi as EmptyState,
+  Fi as Drawer,
+  Hi as EmptyState,
   je as Field,
-  Yi as Fieldset,
-  Ki as Form,
-  vr as Grid,
-  Hi as Heading,
+  Ui as Fieldset,
+  Yi as Form,
+  $r as Grid,
+  Xi as Heading,
   qt as Icon,
-  yr as Inline,
+  br as Inline,
   Uo as Input,
-  Ui as InputGroup,
-  _i as LinkButton,
-  Xi as List,
-  zr as Menu,
-  $r as PageShell,
-  Ji as Panel,
-  Zi as RadioGroup,
-  Qi as ScrollArea,
-  er as Select,
-  or as SideNav,
-  sr as Spinner,
-  hr as Stack,
-  rr as StatusIcon,
-  mr as Switch,
-  Tr as Table,
-  cr as Tabs,
-  lr as Tag,
-  ar as TagGroup,
+  _i as InputGroup,
+  Ji as LinkButton,
+  Ki as List,
+  Tr as Menu,
+  Sr as PageShell,
+  Zi as Panel,
+  Qi as RadioGroup,
+  tr as ScrollArea,
+  or as Select,
+  sr as SideNav,
+  nr as Spinner,
+  yr as Stack,
+  lr as StatusIcon,
+  hr as Switch,
+  jr as Table,
+  dr as Tabs,
+  ar as Tag,
+  cr as TagGroup,
   kr as Text,
-  dr as Textarea,
-  kn as ThemeProvider,
-  ir as ToastProvider,
-  pr as Toggle,
-  gr as ToggleGroup,
-  fr as Tooltip,
+  ur as Textarea,
+  pn as ThemeProvider,
+  rr as ToastProvider,
+  gr as Toggle,
+  fr as ToggleGroup,
+  mr as Tooltip,
   ei as useColorMode,
-  Sr as useContainerQuery,
+  wr as useContainerQuery,
   ye as usePortalMount,
-  nr as useToast
+  ir as useToast
 };
 //# sourceMappingURL=index.js.map