@fluidattacks/design 6.4.0 → 6.5.0

package/dist/{components-CPnZ9kPp.mjs → components-BrzTiKVh.mjs}

@@ -71,6 +71,7 @@ const Ie = (e) => ({
   "lineSpacing",
   "textDecoration",
   "textOverflow",
+  "textTransform",
   "whiteSpace",
   "wordBreak",
   "wordWrap",
@@ -353,7 +354,7 @@ const Ie = (e) => ({
     ${S}
   `;
 }, Tt = (e) => {
-  const t = _("color", e.color), o = _("font-family", e.fontFamily), i = _("font-size", e.fontSize), a = _("font-weight", e.fontWeight), r = _("line-spacing", e.letterSpacing), l = _("line-height", e.lineSpacing), s = _("text-align", e.textAlign), c = _("text-decoration", e.textDecoration), d = _("text-overflow", e.textOverflow), g = _("white-space", e.whiteSpace), p = _("word-break", e.wordBreak), h = _("word-wrap", e.wordWrap);
+  const t = _("color", e.color), o = _("font-family", e.fontFamily), i = _("font-size", e.fontSize), a = _("font-weight", e.fontWeight), r = _("line-spacing", e.letterSpacing), l = _("line-height", e.lineSpacing), s = _("text-align", e.textAlign), c = _("text-decoration", e.textDecoration), d = _("text-overflow", e.textOverflow), g = _("text-transform", e.textTransform), p = _("white-space", e.whiteSpace), h = _("word-break", e.wordBreak), f = _("word-wrap", e.wordWrap);
   return `
     ${t}
     ${o}
@@ -367,6 +368,7 @@ const Ie = (e) => ({
     ${g}
     ${p}
     ${h}
+    ${f}
   `;
 }, Et = (e) => {
   const t = _("cursor", e.cursor), o = _("border-color", e.borderColorHover), i = _("background-color", e.bgColorHover), a = _(
@@ -496,8 +498,9 @@ const Ie = (e) => ({
   $size: c,
   $sizeMd: d,
   $textFill: g = "unset",
-  $whiteSpace: p = "pre-line",
-  $wordBreak: h = "normal"
+  $textTransform: p = "none",
+  $whiteSpace: h = "pre-line",
+  $wordBreak: f = "normal"
 }) => `
     background: ${t};
     color: ${o};
@@ -508,9 +511,10 @@ const Ie = (e) => ({
     letter-spacing: ${l};
     line-height: ${e.spacing[Fo(c, !0)]};
     overflow: ${s};
+    text-transform: ${p};
     width: ${i === "block" ? "100%" : "auto"};
-    white-space: ${p};
-    word-break: ${h};
+    white-space: ${h};
+    word-break: ${f};
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: ${g};
@@ -537,8 +541,9 @@ const Ie = (e) => ({
   $size: g,
   $sizeMd: p,
   $textFill: h = "unset",
-  $whiteSpace: f = "pre-line",
-  $wordBreak: x = "normal"
+  $textTransform: f = "none",
+  $whiteSpace: x = "pre-line",
+  $wordBreak: y = "normal"
 }) => `
     background: ${t};
     color: ${o};
@@ -550,9 +555,10 @@ const Ie = (e) => ({
     letter-spacing: ${s};
     line-height: ${c ?? e.spacing[Fo(g)]};
     overflow: ${d};
+    text-transform: ${f};
     width: ${i === "block" ? "100%" : "auto"};
-    white-space: ${f};
-    word-break: ${x};
+    white-space: ${x};
+    word-break: ${y};
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: ${h};
@@ -574,7 +580,8 @@ const Ie = (e) => ({
   $overflow: r = "unset",
   $size: l,
   $lineSpacing: s = 1.25,
-  $whiteSpace: c = "pre-line"
+  $textTransform: c = "none",
+  $whiteSpace: d = "pre-line"
 }) => `
     color: ${t};
     display: ${i};
@@ -584,7 +591,8 @@ const Ie = (e) => ({
     line-height: ${e.spacing[s]};
     max-width: 100%;
     overflow: ${r};
-    white-space: ${c};
+    text-transform: ${c};
+    white-space: ${d};
     width: ${i === "block" ? "100%" : "auto"};
 
     ${o === void 0 ? "" : `&::after { content: "${o}"; }`}
@@ -605,10 +613,11 @@ const Ie = (e) => ({
   sizeMd: f,
   sizeSm: x,
   textFill: y,
-  whiteSpace: $,
-  wordBreak: k,
-  ...w
-}, C) {
+  textTransform: $,
+  whiteSpace: k,
+  wordBreak: w,
+  ...C
+}, S) {
   return /* @__PURE__ */ n(
     ma,
     {
@@ -625,11 +634,12 @@ const Ie = (e) => ({
       $sizeMd: f,
       $sizeSm: x,
       $textFill: y,
-      $whiteSpace: $,
-      $wordBreak: k,
+      $textTransform: $,
+      $whiteSpace: k,
+      $wordBreak: w,
       className: i,
-      ref: C,
-      ...w,
+      ref: S,
+      ...C,
       children: o
     }
   );
@@ -648,8 +658,9 @@ const Ie = (e) => ({
   size: h,
   sizeMd: f,
   sizeSm: x,
-  ...y
-}, $) {
+  textTransform: y,
+  ...$
+}, k) {
   return /* @__PURE__ */ n(
     wa,
     {
@@ -665,9 +676,10 @@ const Ie = (e) => ({
       $size: h,
       $sizeMd: f,
       $sizeSm: x,
+      $textTransform: y,
       $whiteSpace: p,
-      ref: $,
-      ...y,
+      ref: k,
+      ...$,
       children: t
     }
   );
@@ -687,11 +699,12 @@ const Ie = (e) => ({
   sizeMd: f,
   sizeSm: x,
   textFill: y,
-  whiteSpace: $,
-  wordBreak: k,
-  fontStyle: w,
-  ...C
-}, S) {
+  textTransform: $,
+  whiteSpace: k,
+  wordBreak: w,
+  fontStyle: C,
+  ...S
+}, E) {
   return /* @__PURE__ */ n(
     jo,
     {
@@ -699,7 +712,7 @@ const Ie = (e) => ({
       $color: a,
       $display: r,
       $fontFamily: l,
-      $fontStyle: w,
+      $fontStyle: C,
       $fontWeight: s,
       $letterSpacing: c,
       $lineSpacing: d,
@@ -709,11 +722,12 @@ const Ie = (e) => ({
       $sizeMd: f,
       $sizeSm: x,
       $textFill: y,
-      $whiteSpace: $,
-      $wordBreak: k,
+      $textTransform: $,
+      $whiteSpace: k,
+      $wordBreak: w,
       className: i,
-      ref: S,
-      ...C,
+      ref: E,
+      ...S,
       children: o
     }
   );
@@ -2607,24 +2621,22 @@ const L = ie(function({
 
     ${fl(e, o)}
   `}
-`, { getVariant: $l } = Ie(
-  (e) => ({
-    highRelevance: `
+`, { getVariant: $l } = Ie((e) => ({
+  highRelevance: `
       color: ${e.palette.primary[500]};
 
       &:hover:not([disabled]) {
         color: ${e.palette.primary[400]};
       }
     `,
-    lowRelevance: `
+  lowRelevance: `
       color: ${e.palette.gray[800]};
 
       &:hover:not([disabled]) {
         color: ${e.palette.gray[500]};
       }
     `
-  })
-), nn = Qe`
+})), nn = Qe`
   ${({ theme: e, $color: t, $variant: o, $wrap: i }) => `
     align-items: center;
     cursor: pointer;
@@ -4609,12 +4621,10 @@ const L = ie(function({
       const s = `key_${l}`;
       return /* @__PURE__ */ n(Ol, { children: r }, s);
     }) }) }),
-    /* @__PURE__ */ n("tbody", { children: [...new Array(a).keys()].map(
-      (r) => /* @__PURE__ */ n(Gn, { children: e.getDatesInWeek(r).map((l, s) => {
-        const c = `key_${s}`;
-        return l ? /* @__PURE__ */ n(Bl, { date: l, state: e }, c) : /* @__PURE__ */ n("td", {}, c);
-      }) }, r)
-    ) })
+    /* @__PURE__ */ n("tbody", { children: [...new Array(a).keys()].map((r) => /* @__PURE__ */ n(Gn, { children: e.getDatesInWeek(r).map((l, s) => {
+      const c = `key_${s}`;
+      return l ? /* @__PURE__ */ n(Bl, { date: l, state: e }, c) : /* @__PURE__ */ n("td", {}, c);
+    }) }, r)) })
   ] });
 }, Vl = m(Ro)`
   align-items: center;
@@ -5504,9 +5514,7 @@ const L = ie(function({
             ]
           }
         ),
-        k ? /* @__PURE__ */ n("datalist", { id: `list_${p}`, children: k.map(
-          (X) => /* @__PURE__ */ n("option", { value: X }, X)
-        ) }) : void 0
+        k ? /* @__PURE__ */ n("datalist", { id: `list_${p}`, children: k.map((X) => /* @__PURE__ */ n("option", { value: X }, X)) }) : void 0
       ]
     }
   );
@@ -7440,31 +7448,29 @@ const L = ie(function({
             ]
           }
         ),
-        s ? /* @__PURE__ */ n(b, { display: "flex", gap: 0.75, wrap: "wrap", children: e.map(
-          (g) => /* @__PURE__ */ n(
-            b,
-            {
-              bgColor: l.palette.white,
-              border: "1px solid",
-              borderColor: l.palette.gray[300],
-              borderRadius: l.spacing[0.25],
-              px: 0.5,
-              py: 0.5,
-              children: /* @__PURE__ */ n(
-                De,
-                {
-                  checked: g.visible,
-                  disabled: g.locked,
-                  label: g.name,
-                  name: `${o}-${g.name}`,
-                  onChange: r,
-                  value: g.name
-                }
-              )
-            },
-            g.name
-          )
-        ) }) : void 0
+        s ? /* @__PURE__ */ n(b, { display: "flex", gap: 0.75, wrap: "wrap", children: e.map((g) => /* @__PURE__ */ n(
+          b,
+          {
+            bgColor: l.palette.white,
+            border: "1px solid",
+            borderColor: l.palette.gray[300],
+            borderRadius: l.spacing[0.25],
+            px: 0.5,
+            py: 0.5,
+            children: /* @__PURE__ */ n(
+              De,
+              {
+                checked: g.visible,
+                disabled: g.locked,
+                label: g.name,
+                name: `${o}-${g.name}`,
+                onChange: r,
+                value: g.name
+              }
+            )
+          },
+          g.name
+        )) }) : void 0
       ]
     }
   );
@@ -8032,9 +8038,7 @@ const L = ie(function({
             gap: 0.5,
             minHeight: "40px",
             width: "100%",
-            children: o.map(
-              (l) => /* @__PURE__ */ n(dn, { ...l }, `$card-toggle-${l.name}`)
-            )
+            children: o.map((l) => /* @__PURE__ */ n(dn, { ...l }, `$card-toggle-${l.name}`))
           }
         )
       ]
@@ -9585,12 +9589,10 @@ const Jn = Object.fromEntries(
     const [g, p] = B(o), h = v(() => {
       p({ ...o });
     }, []), f = v(($) => () => {
-      p(
-        (k) => ({
-          ...k,
-          [$]: { ...k[$], state: !k[$].state }
-        })
-      );
+      p((k) => ({
+        ...k,
+        [$]: { ...k[$], state: !k[$].state }
+      }));
     }, []), x = !Object.values(g).every(
       ({ state: $ }) => $
     ), y = Object.entries(g).map(
@@ -9881,19 +9883,17 @@ const Jn = Object.fromEntries(
                       gap: 0.5,
                       justify: "end",
                       width: "100%",
-                      children: r.map(
-                        ({ icon: C, text: S, onClick: E }, z) => /* @__PURE__ */ n(
-                          ne,
-                          {
-                            icon: C,
-                            onClick: E,
-                            variant: z === 0 ? "primary" : "tertiary",
-                            width: "100%",
-                            children: S
-                          },
-                          `${z}-${S}`
-                        )
-                      )
+                      children: r.map(({ icon: C, text: S, onClick: E }, z) => /* @__PURE__ */ n(
+                        ne,
+                        {
+                          icon: C,
+                          onClick: E,
+                          variant: z === 0 ? "primary" : "tertiary",
+                          width: "100%",
+                          children: S
+                        },
+                        `${z}-${S}`
+                      ))
                     }
                   ) : void 0
                 ]
@@ -11496,12 +11496,10 @@ const Jn = Object.fromEntries(
   tooltip: i
 }) => {
   const { values: a, setValues: r } = me(Ge), l = a[t] === Vt, s = v(() => {
-    r(
-      (c) => ({
-        ...c,
-        [t]: c[t] === Vt ? "" : Vt
-      })
-    );
+    r((c) => ({
+      ...c,
+      [t]: c[t] === Vt ? "" : Vt
+    }));
   }, [t, r]);
   return /* @__PURE__ */ n(
     dn,
@@ -11625,16 +11623,14 @@ const Jn = Object.fromEntries(
                 ref: j.setFloating
               }
             ),
-            R.map(
-              (re) => /* @__PURE__ */ wi(
-                _c,
-                {
-                  ...re,
-                  disabled: e || re.disabled,
-                  key: re.id
-                }
-              )
-            )
+            R.map((re) => /* @__PURE__ */ wi(
+              _c,
+              {
+                ...re,
+                disabled: e || re.disabled,
+                key: re.id
+              }
+            ))
           ]
         }
       )
@@ -12007,17 +12003,15 @@ const Wg = ({
                     ),
                     /* @__PURE__ */ n(I, { color: c.palette.gray[400], size: "md", children: "New organization" })
                   ] }) }) : void 0,
-                  d.map(
-                    (k) => /* @__PURE__ */ n(
-                      qc,
-                      {
-                        isSelected: r.toLowerCase() === k.name,
-                        label: k.name.charAt(0).toUpperCase() + k.name.slice(1),
-                        onSelect: i
-                      },
-                      k.name
-                    )
-                  )
+                  d.map((k) => /* @__PURE__ */ n(
+                    qc,
+                    {
+                      isSelected: r.toLowerCase() === k.name,
+                      label: k.name.charAt(0).toUpperCase() + k.name.slice(1),
+                      onSelect: i
+                    },
+                    k.name
+                  ))
                 ]
               }
             )
@@ -12141,20 +12135,18 @@ const Wg = ({
                 /* @__PURE__ */ n(I, { color: l.palette.gray[800], fontWeight: "bold", size: "lg", children: i }),
                 o
               ] }),
-              e && /* @__PURE__ */ n(b, { display: "flex", gap: 0.25, children: e.map(
-                ({ icon: s, onClick: c }, d) => /* @__PURE__ */ n(
-                  oe,
-                  {
-                    icon: s ?? "paper-plane",
-                    iconColor: l.palette.gray[400],
-                    iconSize: "sm",
-                    iconType: "fa-light",
-                    onClick: c,
-                    variant: "ghost"
-                  },
-                  `${d}-${s}`
-                )
-              ) })
+              e && /* @__PURE__ */ n(b, { display: "flex", gap: 0.25, children: e.map(({ icon: s, onClick: c }, d) => /* @__PURE__ */ n(
+                oe,
+                {
+                  icon: s ?? "paper-plane",
+                  iconColor: l.palette.gray[400],
+                  iconSize: "sm",
+                  iconType: "fa-light",
+                  onClick: c,
+                  variant: "ghost"
+                },
+                `${d}-${s}`
+              )) })
             ]
           }
         ),
@@ -12181,19 +12173,17 @@ const Wg = ({
             justify: "end",
             px: 1.25,
             py: 1,
-            children: r.map(
-              ({ icon: s, text: c, onClick: d }, g) => /* @__PURE__ */ n(
-                ne,
-                {
-                  icon: s,
-                  onClick: d,
-                  variant: g === 0 ? "primary" : "tertiary",
-                  width: "100%",
-                  children: c
-                },
-                `${g}-${c}`
-              )
-            )
+            children: r.map(({ icon: s, text: c, onClick: d }, g) => /* @__PURE__ */ n(
+              ne,
+              {
+                icon: s,
+                onClick: d,
+                variant: g === 0 ? "primary" : "tertiary",
+                width: "100%",
+                children: c
+              },
+              `${g}-${c}`
+            ))
           }
         )
       ]
@@ -14167,9 +14157,7 @@ const Wg = ({
     },
     [t, i]
   ), N = f && (y.trim().length > 0 || t.length > 0), j = G(
-    () => t.length === 0 ? /* @__PURE__ */ n(Ud, { children: c }) : /* @__PURE__ */ n(Gd, { role: "listbox", children: t.map(
-      (A, M) => /* @__PURE__ */ n(_d, { onClick: z, role: "option", children: o(A) }, M)
-    ) }),
+    () => t.length === 0 ? /* @__PURE__ */ n(Ud, { children: c }) : /* @__PURE__ */ n(Gd, { role: "listbox", children: t.map((A, M) => /* @__PURE__ */ n(_d, { onClick: z, role: "option", children: o(A) }, M)) }),
     [t, c, o, z]
   ), P = v(
     (A) => {
@@ -15360,19 +15348,17 @@ const Wg = ({
   );
   return /* @__PURE__ */ u(b, { as: "nav", display: "flex", flexDirection: "column", gap: 1.25, children: [
     t === void 0 ? null : /* @__PURE__ */ n(le, { fontWeight: "bold", size: "sm", children: t }),
-    /* @__PURE__ */ n($p, { $variant: i, children: e.map(
-      (d) => /* @__PURE__ */ n(yp, { children: /* @__PURE__ */ n(
-        bp,
-        {
-          $isActive: l === d.id,
-          $level: d.level ?? 0,
-          $variant: i,
-          href: `#${d.id}`,
-          onClick: c(d.id),
-          children: d.title
-        }
-      ) }, d.id)
-    ) })
+    /* @__PURE__ */ n($p, { $variant: i, children: e.map((d) => /* @__PURE__ */ n(yp, { children: /* @__PURE__ */ n(
+      bp,
+      {
+        $isActive: l === d.id,
+        $level: d.level ?? 0,
+        $variant: i,
+        href: `#${d.id}`,
+        onClick: c(d.id),
+        children: d.title
+      }
+    ) }, d.id)) })
   ] });
 }, Re = mo({
   containerRef: void 0,
@@ -15438,16 +15424,14 @@ const Wg = ({
   const { table: t } = e, { meta: o } = t.options, [i, a] = B(0), [, r] = t.getHeaderGroups(), l = t.getState(), s = G(
     () => t.getAllLeafColumns().filter((p) => p.id !== "selection"),
     [t]
-  ), c = G(() => s.map(
-    (p) => ({
-      group: p.parent?.id,
-      id: p.id,
-      locked: p.getIsPinned() === "left",
-      name: typeof p.columnDef.header == "string" ? p.columnDef.header : p.columnDef.id ?? "",
-      toggleVisibility: p.toggleVisibility,
-      visible: p.getIsVisible()
-    })
-  ), [s]), d = Oa({
+  ), c = G(() => s.map((p) => ({
+    group: p.parent?.id,
+    id: p.id,
+    locked: p.getIsPinned() === "left",
+    name: typeof p.columnDef.header == "string" ? p.columnDef.header : p.columnDef.id ?? "",
+    toggleVisibility: p.toggleVisibility,
+    visible: p.getIsVisible()
+  })), [s]), d = Oa({
     columnOrder: o?.defaultColumnOrder ?? [],
     items: c,
     name: "table-column-management",
@@ -15815,73 +15799,66 @@ const Wg = ({
     l(), p.getResizeHandler()(h);
   };
   if (i)
-    return /* @__PURE__ */ n("thead", { children: t?.getHeaderGroups().map(
-      (p) => /* @__PURE__ */ n("tr", { "data-testid": "row-headers", children: p.headers.map((h) => {
-        const { isPlaceholder: f } = h, x = f ? h.subHeaders[0] : h;
-        return Q.isUndefined(h.column.parent) && h.depth > 1 ? null : /* @__PURE__ */ u(
-          "th",
-          {
-            colSpan: x.colSpan,
-            id: `header-${x.id}`,
-            rowSpan: f ? 0 : 1,
-            style: {
-              borderRight: h.headerGroup.headers.indexOf(h) !== h.headerGroup.headers.length - 1 ? "1px solid white" : void 0,
-              position: "relative",
-              width: h.getSize()
-            },
-            children: [
-              /* @__PURE__ */ u(
-                b,
-                {
-                  alignItems: "center",
-                  bgColor: e.palette.gray[200],
-                  borderBottom: f ? void 0 : `1px solid${e.palette.white}`,
-                  display: "flex",
-                  gap: 0.25,
-                  height: f ? "6rem" : "3rem",
-                  lineSpacing: 0,
-                  onClick: r(x),
-                  pl: 0.5,
-                  pt: f ? 3 : 0,
-                  whiteSpace: "nowrap",
-                  width: "100%",
-                  children: [
-                    Gt(
-                      x.column.columnDef.header,
-                      x.getContext()
-                    ),
-                    x.column.getCanSort() ? /* @__PURE__ */ n(
-                      go,
-                      {
-                        variant: x.column.getIsSorted()
-                      }
-                    ) : void 0,
-                    a?.map(($) => $.columnId).includes(x.id) ?? !1 ? /* @__PURE__ */ n(
-                      he,
-                      {
-                        icon: "circle-info",
-                        id: x.id,
-                        place: "right",
-                        tip: a?.find(
-                          ($) => $.columnId === x.id
-                        )?.tip ?? ""
-                      }
-                    ) : void 0
-                  ]
-                }
-              ),
-              x.column.getCanResize() && /* @__PURE__ */ n(
-                uo,
-                {
-                  onMouseDown: s(h)
-                }
-              )
-            ]
+    return /* @__PURE__ */ n("thead", { children: t?.getHeaderGroups().map((p) => /* @__PURE__ */ n("tr", { "data-testid": "row-headers", children: p.headers.map((h) => {
+      const { isPlaceholder: f } = h, x = f ? h.subHeaders[0] : h;
+      return Q.isUndefined(h.column.parent) && h.depth > 1 ? null : /* @__PURE__ */ u(
+        "th",
+        {
+          colSpan: x.colSpan,
+          id: `header-${x.id}`,
+          rowSpan: f ? 0 : 1,
+          style: {
+            borderRight: h.headerGroup.headers.indexOf(h) !== h.headerGroup.headers.length - 1 ? "1px solid white" : void 0,
+            position: "relative",
+            width: h.getSize()
           },
-          x.id
-        );
-      }) }, p.id)
-    ) });
+          children: [
+            /* @__PURE__ */ u(
+              b,
+              {
+                alignItems: "center",
+                bgColor: e.palette.gray[200],
+                borderBottom: f ? void 0 : `1px solid${e.palette.white}`,
+                display: "flex",
+                gap: 0.25,
+                height: f ? "6rem" : "3rem",
+                lineSpacing: 0,
+                onClick: r(x),
+                pl: 0.5,
+                pt: f ? 3 : 0,
+                whiteSpace: "nowrap",
+                width: "100%",
+                children: [
+                  Gt(
+                    x.column.columnDef.header,
+                    x.getContext()
+                  ),
+                  x.column.getCanSort() ? /* @__PURE__ */ n(go, { variant: x.column.getIsSorted() }) : void 0,
+                  a?.map(($) => $.columnId).includes(x.id) ?? !1 ? /* @__PURE__ */ n(
+                    he,
+                    {
+                      icon: "circle-info",
+                      id: x.id,
+                      place: "right",
+                      tip: a?.find(
+                        ($) => $.columnId === x.id
+                      )?.tip ?? ""
+                    }
+                  ) : void 0
+                ]
+              }
+            ),
+            x.column.getCanResize() && /* @__PURE__ */ n(
+              uo,
+              {
+                onMouseDown: s(h)
+              }
+            )
+          ]
+        },
+        x.id
+      );
+    }) }, p.id)) });
   const [c, d] = t?.getHeaderGroups() ?? [], g = q.isNil(d) ? c : d;
   return /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ n("tr", { "data-testid": "row-headers", children: g.headers.map((p) => /* @__PURE__ */ u(
     "th",
@@ -16065,15 +16042,13 @@ const Wg = ({
         ref: c,
         style: d ? { tableLayout: "fixed", width: l?.getTotalSize() } : void 0,
         children: [
-          d ? /* @__PURE__ */ n("colgroup", { children: p.map(
-            (h) => /* @__PURE__ */ n(
-              "col",
-              {
-                style: { width: h.column.getSize() }
-              },
-              h.column.id
-            )
-          ) }) : void 0,
+          d ? /* @__PURE__ */ n("colgroup", { children: p.map((h) => /* @__PURE__ */ n(
+            "col",
+            {
+              style: { width: h.column.getSize() }
+            },
+            h.column.id
+          )) }) : void 0,
           /* @__PURE__ */ n(zp, {}),
           /* @__PURE__ */ n(Tp, {})
         ]
@@ -16747,19 +16722,17 @@ const Wg = ({
             ]
           }
         ),
-        o && l ? /* @__PURE__ */ n("div", { children: e.children?.map(
-          (g) => /* @__PURE__ */ n(
-            ai,
-            {
-              expandedNodes: a,
-              isExpanded: a.has(g.id),
-              level: t + 1,
-              node: g,
-              onToggle: i
-            },
-            g.id
-          )
-        ) }) : null
+        o && l ? /* @__PURE__ */ n("div", { children: e.children?.map((g) => /* @__PURE__ */ n(
+          ai,
+          {
+            expandedNodes: a,
+            isExpanded: a.has(g.id),
+            level: t + 1,
+            node: g,
+            onToggle: i
+          },
+          g.id
+        )) }) : null
       ]
     }
   ) });
@@ -16772,25 +16745,23 @@ const Wg = ({
       return d.has(s) ? d.delete(s) : d.add(s), d;
     });
   }, []);
-  return /* @__PURE__ */ n(b, { display: "flex", flexDirection: "column", ref: i, children: t.map(
-    (s) => /* @__PURE__ */ n(
-      b,
-      {
-        padding: [0.625, $t, 0.625, $t],
-        children: /* @__PURE__ */ n(
-          ai,
-          {
-            expandedNodes: a,
-            isExpanded: a.has(s.id),
-            level: 0,
-            node: s,
-            onToggle: l
-          }
-        )
-      },
-      s.id
-    )
-  ) });
+  return /* @__PURE__ */ n(b, { display: "flex", flexDirection: "column", ref: i, children: t.map((s) => /* @__PURE__ */ n(
+    b,
+    {
+      padding: [0.625, $t, 0.625, $t],
+      children: /* @__PURE__ */ n(
+        ai,
+        {
+          expandedNodes: a,
+          isExpanded: a.has(s.id),
+          level: 0,
+          node: s,
+          onToggle: l
+        }
+      )
+    },
+    s.id
+  )) });
 }), N0 = ({
   children: e,
   gap: t = 0.5,