@companycam/slab-web 2.5.0 → 2.5.1

package/index.mjs

@@ -393,7 +393,7 @@ const vn = ({ disabled: e = !1, readOnly: r = !1 }) => `
     children: e
   }
 ) : e;
-function VC({
+function BC({
   contentAfter: e,
   contentTopLeft: r,
   contentTopRight: n,
@@ -3818,7 +3818,7 @@ const Ch = /* @__PURE__ */ $h(kh), Dh = w.ul`
   all: initial;
   flex-shrink: 0;
 `;
-function BC({
+function WC({
   avatars: e,
   renderListFooter: r,
   size: n = "medium",
@@ -3929,7 +3929,7 @@ const ht = {
     display: none;
   }
 `;
-function WC({
+function GC({
   children: e,
   color: r = ht.info,
   iconName: n,
@@ -4414,7 +4414,7 @@ const am = (e) => {
   min-width: var(--cc_size_avatar_xs);
   height: var(--cc_size_avatar_xs);
   border-radius: var(--cc_size_border_radius_pill);
-`, GC = Le(
+`, jC = Le(
   ({ count: e, icon: r, status: n = "normal", loading: t, ...o }, i) => {
     const a = n === "active" && e && e >= 1;
     return /* @__PURE__ */ A(
@@ -4547,7 +4547,7 @@ const fm = w.div`
 `, vm = (e) => ({
   ...e.onClick ? { as: "button", type: "button" } : { as: e.href ? "a" : "div" },
   ...e
-}), jC = ({
+}), KC = ({
   children: e,
   className: r,
   containerStyle: n,
@@ -4650,7 +4650,7 @@ const wm = w.span`
   font-size: var(--cc_size_text_m);
   width: ${ko};
 `;
-function KC({ closeAction: e, ...r }) {
+function qC({ closeAction: e, ...r }) {
   const { children: n, iconName: t, contentBefore: o, size: i = "medium", ...a } = r;
   return /* @__PURE__ */ _(wm, { $size: i, ...a, children: /* @__PURE__ */ _(
     Fu,
@@ -4691,7 +4691,7 @@ const Sm = w.button`
         ` : null}
   ${(e) => e.disabled ? pt : null}
 `;
-function qC({ pressed: e = !1, ...r }) {
+function UC({ pressed: e = !1, ...r }) {
   const {
     children: n,
     disabled: t = !1,
@@ -4728,7 +4728,7 @@ const km = w.div`
   overflow: hidden;
   transition: height ${(e) => e.$duration}ms ease;
 `;
-function UC({
+function QC({
   isOpen: e,
   collapsedHeight: r = "0px",
   duration: n = 300,
@@ -4810,7 +4810,7 @@ const Cm = w.div`
           border-start-start-radius: 0;
         `}
 `;
-function QC({
+function XC({
   ccMargin: e,
   design: r = "other",
   children: n,
@@ -4944,7 +4944,7 @@ const Lu = mn`
   animation-timing-function: ${$e.easeOut};
   animation-delay: 100ms; /* wait a little bit for the backdrop to fade in first */
 `;
-function XC({
+function ZC({
   as: e,
   backDropStyle: r,
   children: n,
@@ -5029,7 +5029,7 @@ const zu = w.span`
       `;
 })}
 `;
-function ZC({
+function JC({
   children: e,
   debug: r = !1,
   id: n,
@@ -5067,7 +5067,7 @@ const Am = w.hr`
           margin: ${yt(e.$ccMargin)};
         ` : null}
 `;
-function JC({ ccMargin: e, ...r }) {
+function eD({ ccMargin: e, ...r }) {
   return /* @__PURE__ */ _(Am, { $ccMargin: e, ...r });
 }
 const Hm = w.div`
@@ -5415,7 +5415,7 @@ function Bu({ layout: e = "block", ...r }) {
     }
   );
 }
-function eD({
+function tD({
   onChange: e,
   options: r,
   selectedValues: n,
@@ -11722,7 +11722,7 @@ const Wy = F`
           margin-block-end: var(--cc_size_spacing_xs);
         `}
 `;
-function tD({
+function nD({
   hideLabel: e,
   label: r,
   children: n,
@@ -11856,7 +11856,7 @@ function Jy({ messages: e, id: r, status: n }) {
     /* @__PURE__ */ _(Hu, { children: t })
   ] }) }, o)) }) });
 }
-const nD = Le(
+const rD = Le(
   ({
     onDrop: e,
     onDropAccepted: r,
@@ -12077,7 +12077,7 @@ const nD = Le(
   }
 ), a0 = w(hs)`
   margin-inline-end: var(--cc_size_spacing_s);
-`, rD = Le(
+`, oD = Le(
   (e, r) => {
     const [n, t] = ae();
     return /* @__PURE__ */ _(
@@ -12245,7 +12245,7 @@ const nD = Le(
     );
   }
 );
-function oD({
+function iD({
   onChange: e,
   options: r,
   selectedValue: n,
@@ -12362,7 +12362,7 @@ const u0 = w.span`
 `, g0 = (e, r, n) => Math.round((e - r) / n) * n + r, h0 = (e, r, n) => {
   const t = n > 0 ? n : 1, o = e + (r - e) / 2;
   return g0(o, e, t);
-}, iD = Le(
+}, aD = Le(
   ({
     contentBefore: e,
     contentAfter: r,
@@ -12506,7 +12506,7 @@ const u0 = w.span`
   font-size: var(--cc_size_text_l);
   color: var(--cc_color_link_subtle);
   pointer-events: none;
-`, aD = Le(
+`, sD = Le(
   ({
     className: e,
     style: r,
@@ -12624,7 +12624,7 @@ const u0 = w.span`
     "--textarea-height",
     `${n}px`
   );
-}, sD = Le(
+}, lD = Le(
   ({
     hideLabel: e = !1,
     inputSize: r = "medium",
@@ -12693,7 +12693,7 @@ const u0 = w.span`
   min-width: 0;
   color: ${(e) => e.$color === "yellow" ? Za : Io};
 `;
-function lD({ color: e, ...r }) {
+function cD({ color: e, ...r }) {
   return /* @__PURE__ */ _(x0, { ...r, $color: e, children: /* @__PURE__ */ _(
     $0,
     {
@@ -12759,7 +12759,7 @@ const D0 = w.div`
   cover: "xMidYMid slice",
   fill: "none"
 };
-function cD({
+function uD({
   accessibilityLabel: e,
   ccMargin: r,
   className: n,
@@ -15417,7 +15417,7 @@ const q$ = mn`
       }
     ) })
   ] });
-}, pD = (e) => /* @__PURE__ */ _(Ef, { children: ({ open: r }) => /* @__PURE__ */ _(X$, { ...e, open: r }) }), Z$ = w.h3`
+}, gD = (e) => /* @__PURE__ */ _(Ef, { children: ({ open: r }) => /* @__PURE__ */ _(X$, { ...e, open: r }) }), Z$ = w.h3`
   all: initial;
   display: block;
   ${ft}
@@ -15428,7 +15428,7 @@ const q$ = mn`
   margin: calc(var(--cc_size_spacing_s) * 1.25) var(--cc_size_spacing_s)
     calc(var(--cc_size_spacing_s) * 0.75);
 `;
-function gD({ ...e }) {
+function hD({ ...e }) {
   return /* @__PURE__ */ _(Z$, { ...e, "aria-hidden": "true" });
 }
 const J$ = w.button`
@@ -15465,7 +15465,7 @@ const J$ = w.button`
   display: flex;
   align-items: center;
 `;
-function hD({
+function mD({
   children: e,
   iconName: r,
   contentAfter: n,
@@ -15651,7 +15651,7 @@ const oS = F`
     /* @__PURE__ */ _(jt, { children: t })
   ] });
 };
-function mD({
+function vD({
   count: e,
   title: r,
   iconName: n,
@@ -15845,7 +15845,7 @@ const pS = w(Sf.Title)`
   n ? /* @__PURE__ */ _(wS, { children: n }) : null,
   r ? /* @__PURE__ */ _(xS, { children: r }) : null
 ] });
-function vD({
+function _D({
   isOpen: e,
   onClose: r,
   as: n,
@@ -15940,7 +15940,7 @@ const kS = w.dialog`
 `, CS = (e, r) => {
   const n = r.getBoundingClientRect();
   return !(e.clientX > n.left && e.clientX < n.right && e.clientY > n.top && e.clientY < n.bottom);
-}, _D = ({
+}, bD = ({
   isOpen: e,
   onClose: r,
   children: n,
@@ -16113,7 +16113,7 @@ const kS = w.dialog`
   font-size: ${({ size: e = Tn.medium }) => IS(e)}px;
   color: ${({ color: e = me.info }) => MS(e)};
 `;
-function bD({
+function yD({
   children: e,
   ccMargin: r,
   color: n = me.info,
@@ -16188,7 +16188,7 @@ const NS = lr.header`
   align-items: flex-end;
   gap: var(--cc_size_spacing_s);
 `;
-function yD({
+function wD({
   backAction: e,
   contentAfter: r,
   contentAfterHeading: n,
@@ -16258,7 +16258,7 @@ const WS = w.div`
     transform: none;
   }
 `;
-function wD({
+function xD({
   as: e,
   children: r,
   isOpen: n,
@@ -16344,7 +16344,7 @@ const KS = w.div`
     ${(e) => Nc(e.$color, e.$isCompleted)}
   }
 `;
-function xD({
+function $D({
   hideLabel: e = !1,
   labelStyle: r,
   size: n = "small",
@@ -16434,7 +16434,7 @@ const QS = {
   }
   return e === "large" ? "s" : "xs";
 };
-function $D({
+function SD({
   formatValue: e,
   size: r = "medium",
   customDiameter: n,
@@ -16578,7 +16578,7 @@ const oi = {
   all: initial;
   ${nt}
 `, hk = (e, r, n) => e > 0 && e >= r || e === 0 && r <= n;
-function SD({
+function kD({
   accessibilityLabel: e,
   className: r,
   "data-testid": n,
@@ -16646,20 +16646,35 @@ function SD({
     }
   );
 }
-const mk = (e, r) => e ? nt : r === "group" ? F`
+const mk = ({
+  mode: e,
+  surface: r,
+  className: n,
+  ...t
+}) => /* @__PURE__ */ _(
+  "div",
+  {
+    "data-mode": e,
+    "data-surface": r,
+    className: Ie("contents", n),
+    ...t
+  }
+);
+mk.displayName = "SlabProvider";
+const vk = (e, r) => e ? nt : r === "group" ? F`
       flex: 1;
       min-width: 1px;
-    ` : null, ii = Ja, vk = w.div`
+    ` : null, ii = Ja, _k = w.div`
   display: flex;
   align-items: center;
   gap: var(--cc_size_spacing_s);
   ${(e) => e.$message ? F`
           margin-block-end: var(--cc_size_spacing_s);
         ` : null}
-`, _k = w.label`
+`, bk = w.label`
   all: initial;
-  ${(e) => mk(e.$hideLabel, e.$layout)}
-`, bk = w.span`
+  ${(e) => vk(e.$hideLabel, e.$layout)}
+`, yk = w.span`
   ${Pe}
   flex: 1;
   min-width: 1px;
@@ -16683,7 +16698,7 @@ const mk = (e, r) => e ? nt : r === "group" ? F`
     transition: all 0.2s;
     background-color: var(--cc_color_button_text_secondary);
   }
-`, yk = w.span`
+`, wk = w.span`
   height: 100%;
   display: grid;
   grid-template-columns: 1fr 1fr;
@@ -16694,7 +16709,7 @@ const mk = (e, r) => e ? nt : r === "group" ? F`
   transition: all 0.2s;
   transition-delay: 0.1s;
   color: ${(e) => e.$isPressed ? "var(--cc_color_button_text_secondary)" : "var(--cc_color_button_text_subtle)"};
-`, wk = w.button`
+`, xk = w.button`
   all: initial; /* reset browser styles */
   ${vn} /* add our shared CoCam button styles */
   flex-shrink: 0;
@@ -16716,7 +16731,7 @@ const mk = (e, r) => e ? nt : r === "group" ? F`
         ` : F`
           background-color: var(--cc_color_button_background_subtle);
         `}
-`, kD = ({
+`, CD = ({
   hideLabel: e,
   label: r,
   layout: n = "default",
@@ -16725,13 +16740,13 @@ const mk = (e, r) => e ? nt : r === "group" ? F`
   ...i
 }) => {
   const { status: a = "normal", className: s, message: l, style: c, ...u } = i, d = /* @__PURE__ */ _(
-    _k,
+    bk,
     {
       id: `${i.id}-label`,
       $hideLabel: e,
       $layout: n,
       htmlFor: n === "default" ? i.id : "",
-      children: /* @__PURE__ */ _(bk, { children: r })
+      children: /* @__PURE__ */ _(yk, { children: r })
     }
   );
   return /* @__PURE__ */ _(
@@ -16742,10 +16757,10 @@ const mk = (e, r) => e ? nt : r === "group" ? F`
       className: s,
       status: a,
       style: c,
-      children: /* @__PURE__ */ A(vk, { $layout: n, $message: l, children: [
+      children: /* @__PURE__ */ A(_k, { $layout: n, $message: l, children: [
         n === "group" ? d : null,
         /* @__PURE__ */ A(
-          wk,
+          xk,
           {
             "aria-labelledby": `${i.id}-label`,
             "aria-describedby": l ? `${i.id}-message` : "",
@@ -16756,7 +16771,7 @@ const mk = (e, r) => e ? nt : r === "group" ? F`
             "aria-pressed": o,
             ...u,
             children: [
-              /* @__PURE__ */ A(yk, { children: [
+              /* @__PURE__ */ A(wk, { children: [
                 /* @__PURE__ */ _(
                   Ac,
                   {
@@ -16799,10 +16814,10 @@ function tt(e, r) {
 function Ni(e) {
   return e instanceof Function;
 }
-function xk(e) {
+function $k(e) {
   return Array.isArray(e) && e.every((r) => typeof r == "number");
 }
-function $k(e, r) {
+function Sk(e, r) {
   const n = [], t = (o) => {
     o.forEach((i) => {
       n.push(i);
@@ -16846,7 +16861,7 @@ function X(e, r, n, t) {
     onChange: t
   };
 }
-function Sk(e, r, n, t) {
+function kk(e, r, n, t) {
   const o = () => {
     var a;
     return (a = i.getValue()) != null ? a : e.options.renderFallbackValue;
@@ -16869,7 +16884,7 @@ function Sk(e, r, n, t) {
     a.createCell == null || a.createCell(i, n, r, e);
   }, {}), i;
 }
-function kk(e, r, n, t) {
+function Ck(e, r, n, t) {
   var o, i;
   const s = {
     ...e._getDefaultColumnDef(),
@@ -16939,7 +16954,7 @@ function Hc(e, r, n) {
     a.createHeader == null || a.createHeader(i, e);
   }), i;
 }
-const Ck = {
+const Dk = {
   createTable: (e) => {
     e.getHeaderGroups = Q(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (r, n, t, o) => {
       var i, a;
@@ -17024,7 +17039,7 @@ function wo(e, r, n, t) {
   });
   return d((o = (i = l[0]) == null ? void 0 : i.headers) != null ? o : []), l;
 }
-const Dk = (e, r, n, t, o, i, a) => {
+const Ek = (e, r, n, t, o, i, a) => {
   let s = {
     id: r,
     index: t,
@@ -17052,7 +17067,7 @@ const Dk = (e, r, n, t, o, i, a) => {
       return (c = s.getValue(l)) != null ? c : e.options.renderFallbackValue;
     },
     subRows: [],
-    getLeafRows: () => $k(s.subRows, (l) => l.subRows),
+    getLeafRows: () => Sk(s.subRows, (l) => l.subRows),
     getParentRow: () => s.parentId ? e.getRow(s.parentId, !0) : void 0,
     getParentRows: () => {
       let l = [], c = s;
@@ -17063,7 +17078,7 @@ const Dk = (e, r, n, t, o, i, a) => {
       }
       return l.reverse();
     },
-    getAllCells: Q(() => [e.getAllLeafColumns()], (l) => l.map((c) => Sk(e, s, c, c.id)), X(e.options, "debugRows", "getAllCells")),
+    getAllCells: Q(() => [e.getAllLeafColumns()], (l) => l.map((c) => kk(e, s, c, c.id)), X(e.options, "debugRows", "getAllCells")),
     _getAllCellsByColumnId: Q(() => [s.getAllCells()], (l) => l.reduce((c, u) => (c[u.column.id] = u, c), {}), X(e.options, "debugRows", "getAllCellsByColumnId"))
   };
   for (let l = 0; l < e._features.length; l++) {
@@ -17071,7 +17086,7 @@ const Dk = (e, r, n, t, o, i, a) => {
     c == null || c.createRow == null || c.createRow(s, e);
   }
   return s;
-}, Ek = {
+}, Mk = {
   createColumn: (e, r) => {
     e._getFacetedRowModel = r.options.getFacetedRowModel && r.options.getFacetedRowModel(r, e.id), e.getFacetedRowModel = () => e._getFacetedRowModel ? e._getFacetedRowModel() : r.getPreFilteredRowModel(), e._getFacetedUniqueValues = r.options.getFacetedUniqueValues && r.options.getFacetedUniqueValues(r, e.id), e.getFacetedUniqueValues = () => e._getFacetedUniqueValues ? e._getFacetedUniqueValues() : /* @__PURE__ */ new Map(), e._getFacetedMinMaxValues = r.options.getFacetedMinMaxValues && r.options.getFacetedMinMaxValues(r, e.id), e.getFacetedMinMaxValues = () => {
       if (e._getFacetedMinMaxValues)
@@ -17141,7 +17156,7 @@ const Ot = {
 function vt(e) {
   return e == null || e === "";
 }
-const Mk = {
+const Rk = {
   getDefaultColumnDef: () => ({
     filterFn: "auto"
   }),
@@ -17219,54 +17234,54 @@ const Mk = {
 function Yc(e, r, n) {
   return (e && e.autoRemove ? e.autoRemove(r, n) : !1) || typeof r > "u" || typeof r == "string" && !r;
 }
-const Rk = (e, r, n) => n.reduce((t, o) => {
+const Pk = (e, r, n) => n.reduce((t, o) => {
   const i = o.getValue(e);
   return t + (typeof i == "number" ? i : 0);
-}, 0), Pk = (e, r, n) => {
+}, 0), Tk = (e, r, n) => {
   let t;
   return n.forEach((o) => {
     const i = o.getValue(e);
     i != null && (t > i || t === void 0 && i >= i) && (t = i);
   }), t;
-}, Tk = (e, r, n) => {
+}, Ik = (e, r, n) => {
   let t;
   return n.forEach((o) => {
     const i = o.getValue(e);
     i != null && (t < i || t === void 0 && i >= i) && (t = i);
   }), t;
-}, Ik = (e, r, n) => {
+}, Ok = (e, r, n) => {
   let t, o;
   return n.forEach((i) => {
     const a = i.getValue(e);
     a != null && (t === void 0 ? a >= a && (t = o = a) : (t > a && (t = a), o < a && (o = a)));
   }), [t, o];
-}, Ok = (e, r) => {
+}, Fk = (e, r) => {
   let n = 0, t = 0;
   if (r.forEach((o) => {
     let i = o.getValue(e);
     i != null && (i = +i) >= i && (++n, t += i);
   }), n) return t / n;
-}, Fk = (e, r) => {
+}, Lk = (e, r) => {
   if (!r.length)
     return;
   const n = r.map((i) => i.getValue(e));
-  if (!xk(n))
+  if (!$k(n))
     return;
   if (n.length === 1)
     return n[0];
   const t = Math.floor(n.length / 2), o = n.sort((i, a) => i - a);
   return n.length % 2 !== 0 ? o[t] : (o[t - 1] + o[t]) / 2;
-}, Lk = (e, r) => Array.from(new Set(r.map((n) => n.getValue(e))).values()), zk = (e, r) => new Set(r.map((n) => n.getValue(e))).size, Nk = (e, r) => r.length, pa = {
-  sum: Rk,
-  min: Pk,
-  max: Tk,
-  extent: Ik,
-  mean: Ok,
-  median: Fk,
-  unique: Lk,
-  uniqueCount: zk,
-  count: Nk
-}, Ak = {
+}, zk = (e, r) => Array.from(new Set(r.map((n) => n.getValue(e))).values()), Nk = (e, r) => new Set(r.map((n) => n.getValue(e))).size, Ak = (e, r) => r.length, pa = {
+  sum: Pk,
+  min: Tk,
+  max: Ik,
+  extent: Ok,
+  mean: Fk,
+  median: Lk,
+  unique: zk,
+  uniqueCount: Nk,
+  count: Ak
+}, Hk = {
   getDefaultColumnDef: () => ({
     aggregatedCell: (e) => {
       var r, n;
@@ -17333,13 +17348,13 @@ const Rk = (e, r, n) => n.reduce((t, o) => {
     };
   }
 };
-function Hk(e, r, n) {
+function Yk(e, r, n) {
   if (!(r != null && r.length) || !n)
     return e;
   const t = e.filter((i) => !r.includes(i.id));
   return n === "remove" ? t : [...r.map((i) => e.find((a) => a.id === i)).filter(Boolean), ...t];
 }
-const Yk = {
+const Vk = {
   getInitialState: (e) => ({
     columnOrder: [],
     ...e
@@ -17373,13 +17388,13 @@ const Yk = {
         }
         i = [...i, ...s];
       }
-      return Hk(i, n, t);
+      return Yk(i, n, t);
     }, X(e.options, "debugTable", "_getOrderColumnsFn"));
   }
 }, ga = () => ({
   left: [],
   right: []
-}), Vk = {
+}), Bk = {
   getInitialState: (e) => ({
     columnPinning: ga(),
     ...e
@@ -17456,7 +17471,7 @@ const Yk = {
     }, X(e.options, "debugColumns", "getCenterLeafColumns"));
   }
 };
-function Bk(e) {
+function Wk(e) {
   return e || (typeof document < "u" ? document : null);
 }
 const xo = {
@@ -17470,7 +17485,7 @@ const xo = {
   deltaPercentage: null,
   isResizingColumn: !1,
   columnSizingStart: []
-}), Wk = {
+}), Gk = {
   getDefaultColumnDef: () => xo,
   getInitialState: (e) => ({
     columnSizing: {},
@@ -17550,7 +17565,7 @@ const xo = {
             deltaPercentage: null,
             columnSizingStart: []
           }));
-        }, f = Bk(n), g = {
+        }, f = Wk(n), g = {
           moveHandler: (v) => d(v.clientX),
           upHandler: (v) => {
             f?.removeEventListener("mousemove", g.moveHandler), f?.removeEventListener("mouseup", g.upHandler), p(v.clientX);
@@ -17561,7 +17576,7 @@ const xo = {
             var y;
             f?.removeEventListener("touchmove", h.moveHandler), f?.removeEventListener("touchend", h.upHandler), v.cancelable && (v.preventDefault(), v.stopPropagation()), p((y = v.touches[0]) == null ? void 0 : y.clientX);
           }
-        }, m = Gk() ? {
+        }, m = jk() ? {
           passive: !1
         } : !1;
         ma(i) ? (f?.addEventListener("touchmove", h.moveHandler, m), f?.addEventListener("touchend", h.upHandler, m)) : (f?.addEventListener("mousemove", g.moveHandler, m), f?.addEventListener("mouseup", g.upHandler, m)), r.setColumnSizingInfo((v) => ({
@@ -17599,7 +17614,7 @@ const xo = {
   }
 };
 let $o = null;
-function Gk() {
+function jk() {
   if (typeof $o == "boolean") return $o;
   let e = !1;
   try {
@@ -17618,7 +17633,7 @@ function Gk() {
 function ma(e) {
   return e.type === "touchstart";
 }
-const jk = {
+const Kk = {
   getInitialState: (e) => ({
     columnVisibility: {},
     ...e
@@ -17666,14 +17681,14 @@ const jk = {
 function Rr(e, r) {
   return r ? r === "center" ? e.getCenterVisibleLeafColumns() : r === "left" ? e.getLeftVisibleLeafColumns() : e.getRightVisibleLeafColumns() : e.getVisibleLeafColumns();
 }
-const Kk = {
+const qk = {
   createTable: (e) => {
     e._getGlobalFacetedRowModel = e.options.getFacetedRowModel && e.options.getFacetedRowModel(e, "__global__"), e.getGlobalFacetedRowModel = () => e.options.manualFiltering || !e._getGlobalFacetedRowModel ? e.getPreFilteredRowModel() : e._getGlobalFacetedRowModel(), e._getGlobalFacetedUniqueValues = e.options.getFacetedUniqueValues && e.options.getFacetedUniqueValues(e, "__global__"), e.getGlobalFacetedUniqueValues = () => e._getGlobalFacetedUniqueValues ? e._getGlobalFacetedUniqueValues() : /* @__PURE__ */ new Map(), e._getGlobalFacetedMinMaxValues = e.options.getFacetedMinMaxValues && e.options.getFacetedMinMaxValues(e, "__global__"), e.getGlobalFacetedMinMaxValues = () => {
       if (e._getGlobalFacetedMinMaxValues)
         return e._getGlobalFacetedMinMaxValues();
     };
   }
-}, qk = {
+}, Uk = {
   getInitialState: (e) => ({
     globalFilter: void 0,
     ...e
@@ -17706,7 +17721,7 @@ const Kk = {
       e.setGlobalFilter(r ? void 0 : e.initialState.globalFilter);
     };
   }
-}, Uk = {
+}, Qk = {
   getInitialState: (e) => ({
     expanded: {},
     ...e
@@ -17796,7 +17811,7 @@ const Kk = {
 }, ja = 0, Ka = 10, va = () => ({
   pageIndex: ja,
   pageSize: Ka
-}), Qk = {
+}), Xk = {
   getInitialState: (e) => ({
     ...e,
     pagination: {
@@ -17879,7 +17894,7 @@ const Kk = {
 }, _a = () => ({
   top: [],
   bottom: []
-}), Xk = {
+}), Zk = {
   getInitialState: (e) => ({
     rowPinning: _a(),
     ...e
@@ -17980,7 +17995,7 @@ const Kk = {
       return r.filter((i) => !o.has(i.id));
     }, X(e.options, "debugRows", "getCenterRows"));
   }
-}, Zk = {
+}, Jk = {
   getInitialState: (e) => ({
     rowSelection: {},
     ...e
@@ -18136,10 +18151,10 @@ function Ua(e, r, n) {
     }
   }), o ? "all" : i ? "some" : !1;
 }
-const Qa = /([0-9]+)/gm, Jk = (e, r, n) => Hf(gn(e.getValue(n)).toLowerCase(), gn(r.getValue(n)).toLowerCase()), eC = (e, r, n) => Hf(gn(e.getValue(n)), gn(r.getValue(n))), tC = (e, r, n) => Vs(gn(e.getValue(n)).toLowerCase(), gn(r.getValue(n)).toLowerCase()), nC = (e, r, n) => Vs(gn(e.getValue(n)), gn(r.getValue(n))), rC = (e, r, n) => {
+const Qa = /([0-9]+)/gm, eC = (e, r, n) => Hf(gn(e.getValue(n)).toLowerCase(), gn(r.getValue(n)).toLowerCase()), tC = (e, r, n) => Hf(gn(e.getValue(n)), gn(r.getValue(n))), nC = (e, r, n) => Vs(gn(e.getValue(n)).toLowerCase(), gn(r.getValue(n)).toLowerCase()), rC = (e, r, n) => Vs(gn(e.getValue(n)), gn(r.getValue(n))), oC = (e, r, n) => {
   const t = e.getValue(n), o = r.getValue(n);
   return t > o ? 1 : t < o ? -1 : 0;
-}, oC = (e, r, n) => Vs(e.getValue(n), r.getValue(n));
+}, iC = (e, r, n) => Vs(e.getValue(n), r.getValue(n));
 function Vs(e, r) {
   return e === r ? 0 : e > r ? 1 : -1;
 }
@@ -18167,13 +18182,13 @@ function Hf(e, r) {
   return n.length - t.length;
 }
 const br = {
-  alphanumeric: Jk,
-  alphanumericCaseSensitive: eC,
-  text: tC,
-  textCaseSensitive: nC,
-  datetime: rC,
-  basic: oC
-}, iC = {
+  alphanumeric: eC,
+  alphanumericCaseSensitive: tC,
+  text: nC,
+  textCaseSensitive: rC,
+  datetime: oC,
+  basic: iC
+}, aC = {
   getInitialState: (e) => ({
     sorting: [],
     ...e
@@ -18262,30 +18277,30 @@ const br = {
       e.setSorting(r ? [] : (n = (t = e.initialState) == null ? void 0 : t.sorting) != null ? n : []);
     }, e.getPreSortedRowModel = () => e.getGroupedRowModel(), e.getSortedRowModel = () => (!e._getSortedRowModel && e.options.getSortedRowModel && (e._getSortedRowModel = e.options.getSortedRowModel(e)), e.options.manualSorting || !e._getSortedRowModel ? e.getPreSortedRowModel() : e._getSortedRowModel());
   }
-}, aC = [
-  Ck,
-  jk,
-  Yk,
+}, sC = [
+  Dk,
+  Kk,
   Vk,
-  Ek,
+  Bk,
   Mk,
-  Kk,
-  //depends on ColumnFaceting
+  Rk,
   qk,
+  //depends on ColumnFaceting
+  Uk,
   //depends on ColumnFiltering
-  iC,
-  Ak,
+  aC,
+  Hk,
   //depends on RowSorting
-  Uk,
   Qk,
   Xk,
   Zk,
-  Wk
+  Jk,
+  Gk
 ];
-function sC(e) {
+function lC(e) {
   var r, n;
   process.env.NODE_ENV !== "production" && (e.debugAll || e.debugTable) && console.info("Creating Table Instance...");
-  const t = [...aC, ...(r = e._features) != null ? r : []];
+  const t = [...sC, ...(r = e._features) != null ? r : []];
   let o = {
     _features: t
   };
@@ -18365,7 +18380,7 @@ function sC(e) {
     getAllColumns: Q(() => [o._getColumnDefs()], (p) => {
       const f = function(g, h, m) {
         return m === void 0 && (m = 0), g.map((v) => {
-          const y = kk(o, v, m, h), b = v;
+          const y = Ck(o, v, m, h), b = v;
           return y.columns = b.columns ? f(b.columns, y, m + 1) : [], y;
         });
       };
@@ -18389,7 +18404,7 @@ function sC(e) {
   }
   return o;
 }
-function lC() {
+function cC() {
   return (e) => Q(() => [e.options.data], (r) => {
     const n = {
       rows: [],
@@ -18399,7 +18414,7 @@ function lC() {
       i === void 0 && (i = 0);
       const s = [];
       for (let c = 0; c < o.length; c++) {
-        const u = Dk(e, e._getRowId(o[c], c, a), o[c], c, i, void 0, a?.id);
+        const u = Ek(e, e._getRowId(o[c], c, a), o[c], c, i, void 0, a?.id);
         if (n.flatRows.push(u), n.rowsById[u.id] = u, s.push(u), e.options.getSubRows) {
           var l;
           u.originalSubRows = e.options.getSubRows(o[c], c), (l = u.originalSubRows) != null && l.length && (u.subRows = t(u.originalSubRows, i + 1, u));
@@ -18410,7 +18425,7 @@ function lC() {
     return n.rows = t(r), n;
   }, X(e.options, "debugTable", "getRowModel", () => e._autoResetPageIndex()));
 }
-function cC(e) {
+function uC(e) {
   const r = [], n = (t) => {
     var o;
     r.push(t), (o = t.subRows) != null && o.length && t.getIsExpanded() && t.subRows.forEach(n);
@@ -18421,7 +18436,7 @@ function cC(e) {
     rowsById: e.rowsById
   };
 }
-function uC(e) {
+function dC(e) {
   return (r) => Q(() => [r.getState().pagination, r.getPrePaginationRowModel(), r.options.paginateExpandedRows ? void 0 : r.getState().expanded], (n, t) => {
     if (!t.rows.length)
       return t;
@@ -18441,7 +18456,7 @@ function uC(e) {
       rows: a,
       flatRows: s,
       rowsById: l
-    } : d = cC({
+    } : d = uC({
       rows: a,
       flatRows: s,
       rowsById: l
@@ -18452,7 +18467,7 @@ function uC(e) {
     return d.rows.forEach(p), d;
   }, X(r.options, "debugTable", "getPaginationRowModel"));
 }
-function dC() {
+function fC() {
   return (e) => Q(() => [e.getState().sorting, e.getPreSortedRowModel()], (r, n) => {
     if (!n.rows.length || !(r != null && r.length))
       return n;
@@ -18502,21 +18517,21 @@ function dC() {
   }, X(e.options, "debugTable", "getSortedRowModel", () => e._autoResetPageIndex()));
 }
 function Xa(e, r) {
-  return e ? fC(e) ? /* @__PURE__ */ S.createElement(e, r) : e : null;
-}
-function fC(e) {
-  return pC(e) || typeof e == "function" || gC(e);
+  return e ? pC(e) ? /* @__PURE__ */ S.createElement(e, r) : e : null;
 }
 function pC(e) {
+  return gC(e) || typeof e == "function" || hC(e);
+}
+function gC(e) {
   return typeof e == "function" && (() => {
     const r = Object.getPrototypeOf(e);
     return r.prototype && r.prototype.isReactComponent;
   })();
 }
-function gC(e) {
+function hC(e) {
   return typeof e == "object" && typeof e.$$typeof == "symbol" && ["react.memo", "react.forward_ref"].includes(e.$$typeof.description);
 }
-function hC(e) {
+function mC(e) {
   const r = {
     state: {},
     // Dummy state
@@ -18526,7 +18541,7 @@ function hC(e) {
     renderFallbackValue: null,
     ...e
   }, [n] = S.useState(() => ({
-    current: sC(r)
+    current: lC(r)
   })), [t, o] = S.useState(() => n.current.initialState);
   return n.current.setOptions((i) => ({
     ...i,
@@ -18542,7 +18557,7 @@ function hC(e) {
     }
   })), n.current;
 }
-const mC = w.button`
+const vC = w.button`
   ${vn}
   display: flex;
   align-items: center;
@@ -18551,12 +18566,12 @@ const mC = w.button`
   font-weight: 600;
   text-align: start;
   color: ${(e) => e.$isInactive ? "var(--cc_color_link_subtle)" : "var(--cc_color_link_secondary)"};
-`, vC = w.span`
+`, _C = w.span`
   flex: 1;
-`, _C = w.i`
+`, bC = w.i`
   flex-shrink: 0;
   font-size: var(--cc_size_text_m);
-`, bC = ({
+`, yC = ({
   header: e
 }) => {
   const r = e.column.getIsSorted() || "false", n = {
@@ -18565,14 +18580,14 @@ const mC = w.button`
     false: "swap-vertical"
   };
   return /* @__PURE__ */ A(
-    mC,
+    vC,
     {
       onClick: e.column.getToggleSortingHandler(),
       $isInactive: r === "false",
       children: [
-        /* @__PURE__ */ _(vC, { children: e.isPlaceholder ? null : Xa(e.column.columnDef.header, e.getContext()) }),
+        /* @__PURE__ */ _(_C, { children: e.isPlaceholder ? null : Xa(e.column.columnDef.header, e.getContext()) }),
         /* @__PURE__ */ _(
-          _C,
+          bC,
           {
             role: "presentation",
             className: `mdi mdi-${n[r]}`
@@ -18581,11 +18596,11 @@ const mC = w.button`
       ]
     }
   );
-}, yC = (e) => typeof e == "number" ? `${e}px` : `${e === "fill" ? "minmax(100px, 1fr)" : e}`, Vc = F`
+}, wC = (e) => typeof e == "number" ? `${e}px` : `${e === "fill" ? "minmax(100px, 1fr)" : e}`, Vc = F`
   white-space: normal;
   overflow-wrap: break-word;
   hyphens: auto;
-`, wC = w.table`
+`, xC = w.table`
   all: unset;
   display: block;
   min-width: 100%;
@@ -18620,7 +18635,7 @@ const mC = w.button`
     min-width: 100%;
     display: grid;
     ${(e) => {
-  const r = e.$columnSizes?.map((n) => yC(n)).join(" ");
+  const r = e.$columnSizes?.map((n) => wC(n)).join(" ");
   return F`
         grid-template-columns: ${r};
       `;
@@ -18687,7 +18702,7 @@ const mC = w.button`
     position: relative;
     z-index: 1;
   }
-`, xC = (e) => e ? e?.desc ? "descending" : "ascending" : "none", CD = ({
+`, $C = (e) => e ? e?.desc ? "descending" : "ascending" : "none", DD = ({
   defaultSortedColumns: e,
   defaultData: r,
   ccMargin: n,
@@ -18701,7 +18716,7 @@ const mC = w.button`
   onSortingChange: u,
   ...d
 }) => {
-  const [p, f] = ae(() => [...r]), [g, h] = ae([]), m = c ?? g, v = c !== void 0, b = hC({
+  const [p, f] = ae(() => [...r]), [g, h] = ae([]), m = c ?? g, v = c !== void 0, b = mC({
     // asserting columns as a mutable type because react-table expects one, but in reality we shouldn't mutate the array
     columns: t,
     data: p,
@@ -18712,9 +18727,9 @@ const mC = w.button`
     onSortingChange: ($) => {
       u && u($), v || h($);
     },
-    getCoreRowModel: lC(),
-    getPaginationRowModel: uC(),
-    getSortedRowModel: v ? void 0 : dC(),
+    getCoreRowModel: cC(),
+    getPaginationRowModel: dC(),
+    getSortedRowModel: v ? void 0 : fC(),
     enableSortingRemoval: i,
     manualPagination: s,
     manualSorting: v,
@@ -18726,7 +18741,7 @@ const mC = w.button`
   }, [e, b]), de(() => {
     f([...r]);
   }, [r]), /* @__PURE__ */ A(
-    wC,
+    xC,
     {
       $ccMargin: n,
       $enableStickyHeaders: a,
@@ -18734,8 +18749,8 @@ const mC = w.button`
       ...d,
       children: [
         /* @__PURE__ */ _("thead", { children: b.getHeaderGroups().map(($) => /* @__PURE__ */ _("tr", { children: $.headers.map((C) => {
-          const k = m[C.column.getSortIndex()], E = xC(k);
-          return /* @__PURE__ */ _("th", { "aria-sort": E, scope: "col", children: C.column.getCanSort() ? /* @__PURE__ */ _(bC, { header: C }) : Xa(
+          const k = m[C.column.getSortIndex()], E = $C(k);
+          return /* @__PURE__ */ _("th", { "aria-sort": E, scope: "col", children: C.column.getCanSort() ? /* @__PURE__ */ _(yC, { header: C }) : Xa(
             C.column.columnDef.header,
             C.getContext()
           ) }, C.id);
@@ -18755,7 +18770,7 @@ const mC = w.button`
     statusSize: 24,
     iconSize: 22
   }
-}, $C = w.div`
+}, SC = w.div`
   display: flex;
   align-items: center;
   gap: calc(var(--cc_size_spacing_xs) * 1.25);
@@ -18766,7 +18781,7 @@ const mC = w.button`
   flex-shrink: 0;
   display: grid;
   place-items: center;
-`, SC = w.span`
+`, kC = w.span`
   ${Pe}
   color: ${(e) => e.$status === "error" ? "var(--cc_color_utility_destroy)" : "var(--cc_color_text_subtle)"};
   font-size: ${(e) => zn[e.$size || "small"].fontSize};
@@ -18775,7 +18790,7 @@ const mC = w.button`
   text-overflow: ellipsis;
   white-space: nowrap;
   min-width: 1px;
-`, kC = mn`
+`, CC = mn`
   50% {
     transform: scale(1.125);
     }
@@ -18783,25 +18798,25 @@ const mC = w.button`
     transform: scale(1);
     opacity: 1;
   }
-`, CC = w.i`
+`, DC = w.i`
   font-size: ${(e) => zn[e.$size || "small"].iconSize}px;
   color: ${(e) => e.$status === "error" ? "var(--cc_color_utility_destroy)" : "var(--cc_color_utility_success_darken_10)"};
 
   transform: scale(0.5);
   opacity: 0;
-  animation-name: ${kC};
+  animation-name: ${CC};
   animation-duration: ${$e.duration.medium};
   animation-fill-mode: forwards;
   animation-timing-function: ${$e.easeOut};
 `;
-function DD({
+function ED({
   children: e,
   avatar: r,
   size: n = "small",
   status: t = "none",
   ...o
 }) {
-  return /* @__PURE__ */ A($C, { ...o, children: [
+  return /* @__PURE__ */ A(SC, { ...o, children: [
     r ? /* @__PURE__ */ _(
       ps,
       {
@@ -18810,7 +18825,7 @@ function DD({
         ...r
       }
     ) : null,
-    /* @__PURE__ */ _(SC, { $size: n, $status: t, children: e }),
+    /* @__PURE__ */ _(kC, { $size: n, $status: t, children: e }),
     t === "saving" ? /* @__PURE__ */ _(Bc, { $size: n, children: /* @__PURE__ */ _(
       gs,
       {
@@ -18819,7 +18834,7 @@ function DD({
       }
     ) }) : null,
     t === "success" || t === "error" ? /* @__PURE__ */ _(Bc, { $size: n, children: /* @__PURE__ */ _(
-      CC,
+      DC,
       {
         className: `mdi mdi-${t === "error" ? "alert-circle-outline" : "cloud-check-variant-outline"}`,
         "aria-hidden": "true",
@@ -18834,7 +18849,7 @@ const ln = {
   destroy: "destroy",
   info: "info",
   success: "success"
-}, DC = (e, r) => {
+}, EC = (e, r) => {
   switch (r) {
     case "caution":
       return e || "alert-outline";
@@ -18847,7 +18862,7 @@ const ln = {
     default:
       return e || "information-outline";
   }
-}, EC = (e) => {
+}, MC = (e) => {
   switch (e) {
     case ln.caution:
       return "var(--cc_color_utility_caution)";
@@ -18860,13 +18875,13 @@ const ln = {
     default:
       return "var(--cc_color_utility_info)";
   }
-}, MC = (e) => e === ln.info ? Io : Za, RC = w.div`
+}, RC = (e) => e === ln.info ? Io : Za, PC = w.div`
   width: 360px;
   border-radius: var(--cc_size_border_radius_l);
   color: var(--cc_color_text_default);
   box-shadow: 0 var(--cc_size_depth_3_y) var(--cc_size_depth_3_blur)
     var(--cc_color_depth_3);
-`, PC = w.div`
+`, TC = w.div`
   position: relative;
   padding: var(--cc_size_spacing_m);
   display: flex;
@@ -18874,7 +18889,7 @@ const ln = {
   gap: var(--cc_size_spacing_m);
   background: var(--cc_color_background_3);
   border-radius: var(--cc_size_border_radius_l);
-`, TC = w.div`
+`, IC = w.div`
   flex: 1;
   min-width: 1px;
   display: flex;
@@ -18882,7 +18897,7 @@ const ln = {
   align-items: start;
   gap: var(--cc_size_spacing_xxs);
   padding-inline-end: var(--cc_size_spacing_l);
-`, IC = w.div`
+`, OC = w.div`
   display: grid;
   place-items: center;
   flex-shrink: 0;
@@ -18890,13 +18905,13 @@ const ln = {
   height: var(--cc_size_avatar_m);
   background: var(--cc_color_utility_success);
   border-radius: var(--cc_size_border_radius_l);
-  background-color: ${({ color: e = ln.success }) => EC(e)};
-`, OC = w.i`
+  background-color: ${({ color: e = ln.success }) => MC(e)};
+`, FC = w.i`
   font-size: 20px;
-  color: ${({ color: e = ln.success }) => MC(e)};
-`, FC = w(tr)`
+  color: ${({ color: e = ln.success }) => RC(e)};
+`, LC = w(tr)`
   margin-block-start: var(--cc_size_spacing_s);
-`, LC = w(
+`, zC = w(
   zr
 )`
   position: absolute;
@@ -18904,7 +18919,7 @@ const ln = {
   right: 6px;
   display: block;
 `;
-function ED({
+function MD({
   action: e,
   closeAction: r,
   color: n = ln.success,
@@ -18913,25 +18928,25 @@ function ED({
   title: i,
   testId: a
 }) {
-  return /* @__PURE__ */ _(RC, { "data-testId": a, children: /* @__PURE__ */ A(
-    PC,
+  return /* @__PURE__ */ _(PC, { "data-testId": a, children: /* @__PURE__ */ A(
+    TC,
     {
       $hasAction: !!e,
       $hasTitle: !!i,
       className: "dark-environment",
       children: [
-        /* @__PURE__ */ _(IC, { color: n, children: /* @__PURE__ */ _(
-          OC,
+        /* @__PURE__ */ _(OC, { color: n, children: /* @__PURE__ */ _(
+          FC,
           {
             color: n,
-            className: `mdi mdi-${DC(t, n)}`
+            className: `mdi mdi-${EC(t, n)}`
           }
         ) }),
-        /* @__PURE__ */ A(TC, { children: [
+        /* @__PURE__ */ A(IC, { children: [
           i ? /* @__PURE__ */ _(Fe, { as: "h4", family: "heading", size: "m", weight: 600, children: i }) : null,
           /* @__PURE__ */ _(Fe, { as: "p", children: o }),
           e ? /* @__PURE__ */ _(
-            FC,
+            LC,
             {
               ...e,
               "data-testid": e["data-testid"],
@@ -18947,7 +18962,7 @@ function ED({
           ) : null
         ] }),
         r ? /* @__PURE__ */ _(
-          LC,
+          zC,
           {
             ...r,
             "data-testid": r["data-testid"],
@@ -18961,58 +18976,59 @@ function ED({
   ) });
 }
 export {
-  VC as AssetThumbnail,
+  BC as AssetThumbnail,
   ps as Avatar,
-  BC as AvatarGroup,
-  WC as Badge,
+  WC as AvatarGroup,
+  GC as Badge,
   om as Billboard,
   tr as Button,
   Pu as ButtonCondensed,
-  GC as ButtonFilter,
+  jC as ButtonFilter,
   hs as ButtonIcon,
   zr as ButtonIconCondensed,
-  jC as Card,
-  KC as ChipFilter,
-  qC as ChipToggle,
-  UC as Collapse,
-  QC as Comment,
-  XC as Drawer,
+  KC as Card,
+  qC as ChipFilter,
+  UC as ChipToggle,
+  QC as Collapse,
+  XC as Comment,
+  ZC as Drawer,
   Qm as Fieldset,
-  ZC as Grid,
-  JC as HorizontalRule,
+  JC as Grid,
+  eD as HorizontalRule,
   jm as InputCheckbox,
-  eD as InputCheckboxGroup,
-  tD as InputDate,
-  nD as InputFile,
-  rD as InputPassword,
+  tD as InputCheckboxGroup,
+  nD as InputDate,
+  rD as InputFile,
+  oD as InputPassword,
   c0 as InputRadio,
-  oD as InputRadioGroup,
-  iD as InputRange,
-  aD as InputSelectHTML,
+  iD as InputRadioGroup,
+  aD as InputRange,
+  sD as InputSelectHTML,
   i0 as InputText,
-  sD as InputTextArea,
-  lD as Label,
+  lD as InputTextArea,
+  cD as Label,
   C0 as Link,
-  cD as Lottie,
-  pD as Menu,
-  gD as MenuHeading,
-  hD as MenuItem,
-  mD as Metric,
-  vD as Modal,
-  _D as ModalBase,
-  bD as Notice,
-  yD as PageHeader,
-  wD as Popover,
-  xD as ProgressBar,
-  $D as ProgressCircle,
-  SD as Rating,
+  uD as Lottie,
+  gD as Menu,
+  hD as MenuHeading,
+  mD as MenuItem,
+  vD as Metric,
+  _D as Modal,
+  bD as ModalBase,
+  yD as Notice,
+  wD as PageHeader,
+  xD as Popover,
+  $D as ProgressBar,
+  SD as ProgressCircle,
+  kD as Rating,
   jt as ScreenReaderContent,
+  mk as SlabProvider,
   gs as Spinner,
-  kD as Switch,
-  CD as Table,
+  CD as Switch,
+  DD as Table,
   Fe as Text,
-  DD as TimeStamp,
-  ED as Toast,
+  ED as TimeStamp,
+  MD as Toast,
   Cu as Tooltip,
   Xf as slabContainerAction
 };