@deadragdoll/reactnu 0.1.52 → 0.1.56

package/dist/index.js

@@ -375,6 +375,7 @@ function MainMenuList({
                         ) : isChecked ? /* @__PURE__ */ jsx3(NuGlyph, { name: "check-mark" }) : null
                       }
                     ) : null,
+                    isPopupRow ? /* @__PURE__ */ jsx3("span", { "aria-hidden": "true", className: "nu-main-menu__icon", children: item.icon }) : null,
                     /* @__PURE__ */ jsx3("span", { className: "nu-main-menu__label", children: renderItemLabel(item) }),
                     isPopupRow ? /* @__PURE__ */ jsx3("span", { className: "nu-main-menu__shortcut", children: resolveItemShortcut(item) }) : null,
                     isPopupRow ? /* @__PURE__ */ jsx3("span", { className: "nu-main-menu__submenu-arrow", children: hasChildren ? "\u25B6" : "" }) : null
@@ -1654,6 +1655,7 @@ function MdiWindowPickerDialog({
             items: resolvedWindows.map((windowEntry, index) => ({
               id: windowEntry.id,
               name: {
+                icon: windowEntry.icon,
                 text: `${index + 1} ${formatPickerWindowTitle(windows, windowEntry)}`
               },
               selected: windowEntry.id === activeWindowId
@@ -1769,6 +1771,7 @@ function buildStandardMdiMenuItems(bridge) {
     ...mdiWindows.map((windowEntry, index) => ({
       checked: windowEntry.id === activeWindowId,
       id: `mdi.window.${windowEntry.id}`,
+      icon: windowEntry.icon,
       onSelect: () => bridge?.activateWindow(windowEntry.id),
       text: `${index + 1} ${windowEntry.title}`
     })),
@@ -2006,6 +2009,7 @@ function WindowTitleButton({
 import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
 function WindowTitleBar({
   draggable,
+  icon,
   onDragStart,
   titleButtons,
   title
@@ -2021,6 +2025,7 @@ function WindowTitleBar({
         "--nu-window-title-controls-width": controlsWidth
       },
       children: [
+        /* @__PURE__ */ jsx20("span", { "aria-hidden": true, className: "nu-window__title-icon", children: icon }),
         /* @__PURE__ */ jsx20("span", { className: "nu-window__title", children: renderMnemonicText(title) }),
         titleButtons.length > 0 ? /* @__PURE__ */ jsx20("span", { className: "nu-window__title-controls", children: titleButtons.map((button, index) => /* @__PURE__ */ jsx20(
           WindowTitleButton,
@@ -2121,16 +2126,23 @@ function getWindowGeometry(node) {
     width: rect.width
   };
 }
+function getValidAspectRatio(value) {
+  return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : void 0;
+}
 function WindowInner({
   active = true,
+  aspectRatio,
   bodyClassName,
   border = "single",
   children,
   className,
   closeable = true,
   draggable,
+  icon,
   maximizable,
   maximized = false,
+  minHeight,
+  minWidth,
   minimizable,
   minimized = false,
   mode = "dialog",
@@ -2159,7 +2171,8 @@ function WindowInner({
   const menuState = useMainMenuState();
   const windowManager = useContext5(NuWindowContext);
   const isDraggable = draggable ?? mode === "window";
-  const isMaximizable = maximizable ?? mode === "window";
+  const resolvedAspectRatio = getValidAspectRatio(aspectRatio);
+  const isMaximizable = resolvedAspectRatio === void 0 && (maximizable ?? mode === "window");
   const isMinimizable = minimizable ?? mode === "window";
   const isResizable = resizable ?? mode === "window";
   const mdiBridge = useMemo6(
@@ -2309,22 +2322,16 @@ function WindowInner({
     } = getWindowGeometry(windowNode);
     const layerBounds = getWindowLayerBounds(windowNode);
     const computedStyle = window.getComputedStyle(windowNode);
-    const minWidth = Math.max(
-      Number.parseFloat(computedStyle.minWidth || "0") || 0,
-      240
-    );
-    const minHeight = Math.max(
-      Number.parseFloat(computedStyle.minHeight || "0") || 0,
-      120
-    );
-    const maxWidth = Math.max(
-      minWidth,
-      (layerBounds?.width ?? window.innerWidth) - left
-    );
-    const maxHeight = Math.max(
-      minHeight,
-      (layerBounds?.height ?? window.innerHeight) - top
-    );
+    const minWidth2 = Number.parseFloat(computedStyle.minWidth || "0") || 0;
+    const minHeight2 = Number.parseFloat(computedStyle.minHeight || "0") || 0;
+    const availableWidth = (layerBounds?.width ?? window.innerWidth) - left;
+    const availableHeight = (layerBounds?.height ?? window.innerHeight) - top;
+    const ratioMinWidth = resolvedAspectRatio ? Math.max(minWidth2, minHeight2 * resolvedAspectRatio) : minWidth2;
+    const maxWidth = resolvedAspectRatio ? Math.max(
+      ratioMinWidth,
+      Math.min(availableWidth, availableHeight * resolvedAspectRatio)
+    ) : Math.max(minWidth2, availableWidth);
+    const maxHeight = resolvedAspectRatio ? maxWidth / resolvedAspectRatio : Math.max(minHeight2, availableHeight);
     const hadTransform = computedStyle.transform !== "none";
     let didResize = false;
     if (hadTransform) {
@@ -2349,14 +2356,16 @@ function WindowInner({
       resizeFrameRef.current = window.requestAnimationFrame(flushResize);
     }
     function handlePointerMove(moveEvent) {
-      const nextWidth = Math.min(
+      const widthDelta = moveEvent.clientX - startClientX;
+      const heightDelta = moveEvent.clientY - startClientY;
+      const nextWidth = resolvedAspectRatio ? Math.min(
         maxWidth,
-        Math.max(minWidth, startWidth + moveEvent.clientX - startClientX)
-      );
-      const nextHeight = Math.min(
-        maxHeight,
-        Math.max(minHeight, startHeight + moveEvent.clientY - startClientY)
-      );
+        Math.max(
+          ratioMinWidth,
+          startWidth + (Math.abs(widthDelta) >= Math.abs(heightDelta * resolvedAspectRatio) ? widthDelta : heightDelta * resolvedAspectRatio)
+        )
+      ) : Math.min(maxWidth, Math.max(minWidth2, startWidth + widthDelta));
+      const nextHeight = resolvedAspectRatio ? nextWidth / resolvedAspectRatio : Math.min(maxHeight, Math.max(minHeight2, startHeight + heightDelta));
       didResize = true;
       scheduleResize({
         height: nextHeight,
@@ -2396,7 +2405,11 @@ function WindowInner({
       "data-mode": mode,
       onPointerDownCapture: handleRootPointerDownCapture,
       ref: windowRef,
-      style,
+      style: {
+        ...style,
+        minHeight: minHeight ?? style?.minHeight ?? 120,
+        minWidth: minWidth ?? style?.minWidth ?? 240
+      },
       children: [
         /* @__PURE__ */ jsx21(
           "span",
@@ -2417,6 +2430,7 @@ function WindowInner({
             WindowTitleBar,
             {
               draggable: isDraggable,
+              icon,
               onDragStart: handleTitlePointerDown,
               title,
               titleButtons: resolvedTitleButtons
@@ -2543,7 +2557,7 @@ function AppBarItem(props) {
 }
 
 // src/windowing/WindowBar.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
 function buildWindowBarGroups(items) {
   const groups = [];
   const groupsByDomain = /* @__PURE__ */ new Map();
@@ -2552,6 +2566,7 @@ function buildWindowBarGroups(items) {
       groups.push({
         active: Boolean(item.active),
         id: item.id,
+        icon: item.icon,
         items: [item],
         label: item.title
       });
@@ -2563,6 +2578,7 @@ function buildWindowBarGroups(items) {
         active: Boolean(item.active),
         domain: item.domain,
         id: item.id,
+        icon: item.icon,
         items: [item],
         label: item.title
       };
@@ -2572,10 +2588,16 @@ function buildWindowBarGroups(items) {
     }
     existingGroup.items.push(item);
     existingGroup.active = existingGroup.active || Boolean(item.active);
+    if (item.active) {
+      existingGroup.icon = item.icon;
+    }
     existingGroup.label = `${item.domain} (${existingGroup.items.length})`;
   });
   return groups;
 }
+function getGroupIcon(group) {
+  return group.items.find((item) => item.active)?.icon ?? group.icon;
+}
 function WindowBar({ items, onActivateWindow }) {
   const windowManager = useContext6(NuWindowContext);
   const groups = buildWindowBarGroups(items);
@@ -2616,17 +2638,23 @@ function WindowBar({ items, onActivateWindow }) {
     };
     windowManager.openDialog(dialogDefinition);
   }
-  return /* @__PURE__ */ jsx23("div", { className: "nu-window-bar", role: "group", "aria-label": "Open windows", children: groups.map((group) => /* @__PURE__ */ jsx23(
-    AppBarItem,
-    {
-      active: group.active,
-      className: "nu-window-bar__item",
-      interactive: true,
-      onClick: () => activateGroup(group),
-      children: group.label
-    },
-    group.id
-  )) });
+  return /* @__PURE__ */ jsx23("div", { className: "nu-window-bar", role: "group", "aria-label": "Open windows", children: groups.map((group) => {
+    const icon = getGroupIcon(group);
+    return /* @__PURE__ */ jsxs13(
+      AppBarItem,
+      {
+        active: group.active,
+        className: "nu-window-bar__item",
+        interactive: true,
+        onClick: () => activateGroup(group),
+        children: [
+          icon ? /* @__PURE__ */ jsx23("span", { "aria-hidden": true, className: "nu-window-bar__icon", children: icon }) : null,
+          group.label
+        ]
+      },
+      group.id
+    );
+  }) });
 }
 
 // src/windowing/dialogHelpers.tsx
@@ -2639,7 +2667,7 @@ import {
   useRef as useRef6,
   useState as useState7
 } from "react";
-import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
 function TextField({
   className,
   debounceMs = 0,
@@ -2690,7 +2718,7 @@ function TextField({
     }
     onChange?.(event);
   }
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "label",
     {
       className: cx("nu-text-field", slotClassNames?.root, className),
@@ -2705,7 +2733,7 @@ function TextField({
             children: renderMnemonicText(label)
           }
         ),
-        /* @__PURE__ */ jsxs13(
+        /* @__PURE__ */ jsxs14(
           "span",
           {
             className: cx("nu-text-field__slot", slotClassNames?.slot),
@@ -2797,7 +2825,7 @@ function NuView({
 }
 
 // src/windowing/dialogHelpers.tsx
-import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
 function getPresetButtons(preset) {
   switch (preset) {
     case "ok-cancel":
@@ -2900,7 +2928,7 @@ function MessageBoxDialogContent({
   const bodyStyle = kind === "error" ? {
     background: "var(--nu-color-button-danger)"
   } : void 0;
-  return /* @__PURE__ */ jsx26(NuView, { padding: "cell", style: bodyStyle, children: /* @__PURE__ */ jsxs14(Stack, { gap: "md", children: [
+  return /* @__PURE__ */ jsx26(NuView, { padding: "cell", style: bodyStyle, children: /* @__PURE__ */ jsxs15(Stack, { gap: "md", children: [
     /* @__PURE__ */ jsx26(
       "div",
       {
@@ -2910,7 +2938,7 @@ function MessageBoxDialogContent({
         children: message
       }
     ),
-    /* @__PURE__ */ jsxs14(Stack, { direction: "row", gap: "sm", justify: "center", children: [
+    /* @__PURE__ */ jsxs15(Stack, { direction: "row", gap: "sm", justify: "center", children: [
       ok ? /* @__PURE__ */ jsx26(
         Button,
         {
@@ -2960,7 +2988,7 @@ function InputBoxDialogContent({
   placeholder
 }) {
   const [value, setValue] = useState8(defaultValue ?? "");
-  return /* @__PURE__ */ jsx26(NuView, { padding: "cell", children: /* @__PURE__ */ jsxs14(Stack, { gap: "md", children: [
+  return /* @__PURE__ */ jsx26(NuView, { padding: "cell", children: /* @__PURE__ */ jsxs15(Stack, { gap: "md", children: [
     /* @__PURE__ */ jsx26(
       TextField,
       {
@@ -2972,7 +3000,7 @@ function InputBoxDialogContent({
         placeholder
       }
     ),
-    /* @__PURE__ */ jsxs14(Stack, { direction: "row", gap: "sm", justify: "center", children: [
+    /* @__PURE__ */ jsxs15(Stack, { direction: "row", gap: "sm", justify: "center", children: [
       /* @__PURE__ */ jsx26(
         Button,
         {
@@ -2996,7 +3024,7 @@ function InputBoxDialogContent({
 }
 
 // src/windowing/NuWindowProvider.tsx
-import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
 function getDefaultWindowStyle(mode, index) {
   const offset = index * 18;
   return {
@@ -3071,6 +3099,7 @@ function buildWindowRecord(definition, currentWindows, windowBoundsById, creatio
     ownerCenteredStyle,
     index
   );
+  const hasAspectRatio = typeof definition.aspectRatio === "number" && Number.isFinite(definition.aspectRatio) && definition.aspectRatio > 0;
   return {
     ...definition,
     appModal,
@@ -3079,18 +3108,18 @@ function buildWindowRecord(definition, currentWindows, windowBoundsById, creatio
     creationOrder,
     draggable: mode === "window",
     id,
-    maximizable: definition.maximizable ?? mode === "window",
+    maximizable: !hasAspectRatio && (definition.maximizable ?? mode === "window"),
     modalOwnerId,
     minimizable: definition.minimizable ?? mode === "window",
     mode,
     resizable: definition.resizable ?? mode === "window",
-    restoreStyle: savedWindowState.restoreStyle,
+    restoreStyle: hasAspectRatio ? void 0 : savedWindowState.restoreStyle,
     title: resolveManagedWindowTitle(currentWindows, titleBase),
     titleBase,
     style: {
       ...savedWindowState.style
     },
-    maximized: savedWindowState.maximized,
+    maximized: hasAspectRatio ? false : savedWindowState.maximized,
     minimized: savedWindowState.minimized
   };
 }
@@ -3305,7 +3334,7 @@ function NuWindowProvider({
   const toggleWindowMaximized = useCallback3((id) => {
     setWindows(
       (currentWindows) => currentWindows.map((windowEntry) => {
-        if (windowEntry.id !== id) {
+        if (windowEntry.id !== id || !windowEntry.maximizable) {
           return windowEntry;
         }
         if (windowEntry.maximized) {
@@ -3471,21 +3500,32 @@ function NuWindowProvider({
   const topmostAppModalIndex = findTopmostAppModalIndex(visibleWindows);
   const topmostAppModalId = topmostAppModalIndex >= 0 ? visibleWindows[topmostAppModalIndex]?.id : void 0;
   const activeWindowId = topmostAppModalIndex >= 0 ? visibleWindows[topmostAppModalIndex]?.id : visibleWindows[visibleWindows.length - 1]?.id;
+  const activeWindow = activeWindowId ? windows.find((windowEntry) => windowEntry.id === activeWindowId) : void 0;
+  const activeActivationGroup = topmostAppModalIndex >= 0 ? void 0 : activeWindow?.activationGroup;
   const hasAppModal = topmostAppModalIndex >= 0;
+  const isWindowActive = useCallback3(
+    (windowEntry) => windowEntry.id === activeWindowId || activeActivationGroup !== void 0 && windowEntry.activationGroup === activeActivationGroup,
+    [activeActivationGroup, activeWindowId]
+  );
   const windowsInfo = useMemo7(
     () => [...windows].sort(
       (leftWindow, rightWindow) => leftWindow.creationOrder - rightWindow.creationOrder
     ).map((windowEntry) => ({
-      active: windowEntry.id === activeWindowId,
+      active: isWindowActive(windowEntry),
+      activationGroup: windowEntry.activationGroup,
+      aspectRatio: windowEntry.aspectRatio,
       bodyClassName: windowEntry.bodyClassName,
       appModal: windowEntry.appModal,
       border: windowEntry.border,
       className: windowEntry.className,
       closeable: windowEntry.closeable,
       domain: windowEntry.domain,
+      icon: windowEntry.icon,
       id: windowEntry.id,
       maximizable: windowEntry.maximizable,
       maximized: windowEntry.maximized,
+      minHeight: windowEntry.minHeight,
+      minWidth: windowEntry.minWidth,
       modal: windowEntry.modalOwnerId ?? false,
       minimizable: windowEntry.minimizable,
       minimized: windowEntry.minimized,
@@ -3496,7 +3536,7 @@ function NuWindowProvider({
       title: windowEntry.title,
       titleButtons: windowEntry.titleButtons
     })),
-    [activeWindowId, windows]
+    [isWindowActive, windows]
   );
   const mdiBridge = useMemo7(
     () => ({
@@ -3553,10 +3593,10 @@ function NuWindowProvider({
   useEffect6(() => {
     onAppModalChange?.(hasAppModal);
   }, [hasAppModal, onAppModalChange]);
-  return /* @__PURE__ */ jsx27(NuWindowContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs15("div", { className: ["nu-window-host", className].filter(Boolean).join(" "), children: [
+  return /* @__PURE__ */ jsx27(NuWindowContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs16("div", { className: ["nu-window-host", className].filter(Boolean).join(" "), children: [
     children,
     /* @__PURE__ */ jsx27("div", { className: "nu-window-layer", children: renderWindows.map((windowEntry) => {
-      const isActiveWindow = windowEntry.id === activeWindowId;
+      const isActiveWindow = isWindowActive(windowEntry);
       const stackIndex = stackIndexById.get(windowEntry.id);
       const isTopmostAppModal = windowEntry.id === topmostAppModalId;
       const ownerBounds = windowEntry.modalOwnerId ? windowBoundsById[windowEntry.modalOwnerId] : void 0;
@@ -3584,7 +3624,7 @@ function NuWindowProvider({
         update: handleUpdate
       };
       const content = typeof windowEntry.content === "function" ? windowEntry.content(controls) : windowEntry.content;
-      return /* @__PURE__ */ jsxs15(Fragment3, { children: [
+      return /* @__PURE__ */ jsxs16(Fragment3, { children: [
         isTopmostAppModal ? /* @__PURE__ */ jsx27(
           "div",
           {
@@ -3602,12 +3642,16 @@ function NuWindowProvider({
           Window,
           {
             active: isActiveWindow,
+            aspectRatio: windowEntry.aspectRatio,
             bodyClassName: windowEntry.bodyClassName,
             border: windowEntry.border,
             className: windowEntry.className,
             closeable: windowEntry.closeable,
             draggable: windowEntry.draggable,
+            icon: windowEntry.icon,
             maximizable: windowEntry.maximizable,
+            minHeight: windowEntry.minHeight,
+            minWidth: windowEntry.minWidth,
             minimizable: windowEntry.minimizable,
             maximized: windowEntry.maximized,
             minimized: windowEntry.minimized,
@@ -3638,6 +3682,7 @@ function NuWindowProvider({
           active: windowEntry.active,
           domain: windowEntry.domain,
           id: windowEntry.id,
+          icon: windowEntry.icon,
           minimized: windowEntry.minimized,
           title: windowEntry.title
         })),
@@ -3648,9 +3693,9 @@ function NuWindowProvider({
 }
 
 // src/components/Desktop/Desktop.tsx
-import { jsx as jsx28, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
 function DesktopWindowRegion({ appBar, children }) {
-  return /* @__PURE__ */ jsxs16(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs17(Fragment4, { children: [
     /* @__PURE__ */ jsx28("div", { className: "nu-desktop__workspace", children }),
     appBar ? /* @__PURE__ */ jsx28("div", { className: "nu-desktop__app-bar", children: appBar }) : null
   ] });
@@ -3695,7 +3740,7 @@ function NuDesktopShell({
     appHostContext.mainMenu,
     appHostContext.windowBridge
   );
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       ...props,
@@ -3805,7 +3850,7 @@ function Dashboard({
 
 // src/components/CheckBox/CheckBox.tsx
 import { useId as useId3, useState as useState11 } from "react";
-import { jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
 function CheckBox({
   checked,
   className,
@@ -3832,13 +3877,13 @@ function CheckBox({
     }
     onCheckedChange?.(event.target.checked, event);
   }
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "label",
     {
       className: cx("nu-check-box", slotClassNames?.root, className),
       style: slotStyles?.root,
       children: [
-        /* @__PURE__ */ jsxs17(
+        /* @__PURE__ */ jsxs18(
           "span",
           {
             className: cx("nu-check-box__main", slotClassNames?.main),
@@ -4067,7 +4112,7 @@ function usePopupPosition({
 }
 
 // src/components/Dropdown/Dropdown.tsx
-import { jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs19 } from "react/jsx-runtime";
 function flattenDropdownOptions(data) {
   const options = [];
   data.forEach((group) => {
@@ -4233,7 +4278,7 @@ function Dropdown({
         break;
     }
   }
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       ...props,
@@ -4268,13 +4313,13 @@ function Dropdown({
             },
             style: slotStyles?.trigger,
             type: "button",
-            children: /* @__PURE__ */ jsxs18(
+            children: /* @__PURE__ */ jsxs19(
               "span",
               {
                 className: cx("nu-dropdown__slot", slotClassNames?.slot),
                 style: slotStyles?.slot,
                 children: [
-                  /* @__PURE__ */ jsxs18(
+                  /* @__PURE__ */ jsxs19(
                     "span",
                     {
                       className: cx("nu-dropdown__field", slotClassNames?.field),
@@ -4411,7 +4456,7 @@ function Dropdown({
 }
 
 // src/components/Frame/Frame.tsx
-import { jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
 function Frame({
   children,
   className,
@@ -4432,7 +4477,7 @@ function Frame({
 }) {
   const resolvedTitleContent = titleContent ?? (title ? renderMnemonicText(title) : null);
   const hasTitleShell = Boolean(titleStart || resolvedTitleContent || titleEnd);
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     "section",
     {
       ...props,
@@ -4449,7 +4494,7 @@ function Frame({
         ...slotStyles?.root
       },
       children: [
-        hasTitleShell ? /* @__PURE__ */ jsxs19(
+        hasTitleShell ? /* @__PURE__ */ jsxs20(
           "span",
           {
             className: cx("nu-frame__title", slotClassNames?.title),
@@ -4796,7 +4841,7 @@ function useNuIconGridContext() {
 }
 
 // src/components/IconGrid/NuIconGrid.tsx
-import { Fragment as Fragment5, jsx as jsx36, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
 var DRAG_THRESHOLD2 = 3;
 var gridRegistrations = /* @__PURE__ */ new Map();
 function clamp2(value, minimum, maximum) {
@@ -5010,8 +5055,8 @@ function NuIconGridItem({
     manager.selectIcon(icon.id);
     contextMenu.openAtElement(event.currentTarget);
   }
-  return /* @__PURE__ */ jsxs20(Fragment5, { children: [
-    /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(Fragment5, { children: [
+    /* @__PURE__ */ jsxs21(
       "button",
       {
         "aria-haspopup": contextMenuItems.length > 0 ? "menu" : void 0,
@@ -5125,7 +5170,7 @@ function NuIconGrid({
     manager.selectIcon(null);
     contextMenu.openAtPoint(event.clientX, event.clientY, event.currentTarget);
   }
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     "div",
     {
       ...props,
@@ -5335,7 +5380,7 @@ import {
   useState as useState17
 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
-import { jsx as jsx38, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs22 } from "react/jsx-runtime";
 function flattenComboBoxOptions(data) {
   const options = [];
   data.forEach((group) => {
@@ -5495,7 +5540,7 @@ function ComboBox({
         break;
     }
   }
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     "div",
     {
       ...props,
@@ -5513,13 +5558,13 @@ function ComboBox({
             children: renderMnemonicText(label)
           }
         ),
-        /* @__PURE__ */ jsxs21(
+        /* @__PURE__ */ jsxs22(
           "span",
           {
             className: cx("nu-combo-box__slot", slotClassNames?.slot),
             style: slotStyles?.slot,
             children: [
-              /* @__PURE__ */ jsxs21(
+              /* @__PURE__ */ jsxs22(
                 "span",
                 {
                   className: cx("nu-combo-box__field", slotClassNames?.field),
@@ -5658,7 +5703,7 @@ function ComboBox({
 import {
   Fragment as Fragment6
 } from "react";
-import { jsx as jsx39, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
 var COMMAND_BUTTON_GLYPH_NAMES = /* @__PURE__ */ new Set([
   "check-fill",
   "check-mark",
@@ -5707,8 +5752,8 @@ function CommandButton({
     }
     popupMenu.openFromClick(event);
   }
-  return /* @__PURE__ */ jsxs22(Fragment6, { children: [
-    /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(Fragment6, { children: [
+    /* @__PURE__ */ jsxs23(
       "button",
       {
         ...props,
@@ -5779,7 +5824,7 @@ function CommandButton({
 
 // src/components/CrtGlitch/CrtGlitch.tsx
 import { useEffect as useEffect10, useId as useId6, useRef as useRef13 } from "react";
-import { jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs24 } from "react/jsx-runtime";
 var DEFAULT_INTERVAL_MS = 3e3;
 var DEFAULT_DURATION_MS = 2500;
 var DEFAULT_TOP_LEVEL_RATIO = 1 / 3;
@@ -5913,7 +5958,7 @@ function NuCrtGlitch({
       }
     };
   }, [durationMs, enabled, filterId, intervalMs, targetSelector, topLevelRatio]);
-  return /* @__PURE__ */ jsx40("svg", { "aria-hidden": "true", height: "0", style: { position: "absolute" }, width: "0", children: /* @__PURE__ */ jsx40("defs", { children: /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsx40("svg", { "aria-hidden": "true", height: "0", style: { position: "absolute" }, width: "0", children: /* @__PURE__ */ jsx40("defs", { children: /* @__PURE__ */ jsxs24(
     "filter",
     {
       "color-interpolation-filters": "sRGB",
@@ -6068,7 +6113,7 @@ function ListViewCheckControl({
 }
 
 // src/components/ListView/internals/ListViewRow.tsx
-import { jsx as jsx42, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs25 } from "react/jsx-runtime";
 function ListViewRowInner({
   columns,
   isActive,
@@ -6099,7 +6144,7 @@ function ListViewRowInner({
   function handleToggleCheck() {
     onToggleCheck(rowId);
   }
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     "div",
     {
       "aria-disabled": row.disabled || void 0,
@@ -6149,7 +6194,7 @@ function ListViewRowInner({
 var ListViewRow = memo3(ListViewRowInner);
 
 // src/components/ListView/ListView.tsx
-import { jsx as jsx43, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs26 } from "react/jsx-runtime";
 function ListViewInner({
   activeRowId: activeRowIdProp,
   checkedIds,
@@ -6317,7 +6362,7 @@ function ListViewInner({
         break;
     }
   }
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "div",
     {
       ...props,
@@ -6328,7 +6373,7 @@ function ListViewInner({
       role: "grid",
       tabIndex: 0,
       children: [
-        /* @__PURE__ */ jsxs25(
+        /* @__PURE__ */ jsxs26(
           "div",
           {
             className: "nu-list-view__header",
@@ -6549,7 +6594,7 @@ function getMaskedFieldState(mask, rawValue) {
 }
 
 // src/components/MaskedField/MaskedField.tsx
-import { jsx as jsx44, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs27 } from "react/jsx-runtime";
 function MaskedField({
   "aria-invalid": ariaInvalid,
   className,
@@ -6621,7 +6666,7 @@ function MaskedField({
     }
     onChange?.(event);
   }
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     "label",
     {
       className: cx(
@@ -6641,7 +6686,7 @@ function MaskedField({
             children: renderMnemonicText(label)
           }
         ),
-        /* @__PURE__ */ jsxs26(
+        /* @__PURE__ */ jsxs27(
           "span",
           {
             className: cx("nu-masked-field__slot", slotClassNames?.slot),
@@ -6775,7 +6820,7 @@ import {
   useRef as useRef16,
   useState as useState21
 } from "react";
-import { jsx as jsx46, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs28 } from "react/jsx-runtime";
 function PageControl({
   activePageId: activePageIdProp,
   className,
@@ -6860,7 +6905,7 @@ function PageControl({
         break;
     }
   }
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     "div",
     {
       ...props,
@@ -6923,7 +6968,7 @@ function PageControl({
 }
 
 // src/components/Panel/Panel.tsx
-import { jsx as jsx47, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs29 } from "react/jsx-runtime";
 function Panel({
   children,
   className,
@@ -6934,7 +6979,7 @@ function Panel({
   title,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs29(
     "section",
     {
       ...props,
@@ -6981,7 +7026,7 @@ import {
   useRef as useRef17,
   useState as useState22
 } from "react";
-import { jsx as jsx48, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs30 } from "react/jsx-runtime";
 function collectGroupIds(entries) {
   const groupIds = /* @__PURE__ */ new Set();
   function visit(nextEntries) {
@@ -7242,7 +7287,7 @@ function PropertyGrid({
         }
         if (row.type === "group") {
           const isExpanded = expandedIdSet.has(row.entry.id);
-          return /* @__PURE__ */ jsxs29(
+          return /* @__PURE__ */ jsxs30(
             "div",
             {
               className: "nu-property-grid__row",
@@ -7271,7 +7316,7 @@ function PropertyGrid({
                       "--nu-property-grid-depth": row.depth
                     },
                     type: "button",
-                    children: /* @__PURE__ */ jsxs29("span", { className: "nu-property-grid__lead", children: [
+                    children: /* @__PURE__ */ jsxs30("span", { className: "nu-property-grid__lead", children: [
                       /* @__PURE__ */ jsx48("span", { className: "nu-property-grid__expander", children: /* @__PURE__ */ jsx48(
                         NuGlyph,
                         {
@@ -7289,7 +7334,7 @@ function PropertyGrid({
           );
         }
         const editorId = `${editorIdPrefix}-editor-${row.entry.id}`;
-        return /* @__PURE__ */ jsxs29(
+        return /* @__PURE__ */ jsxs30(
           "div",
           {
             className: "nu-property-grid__row",
@@ -7316,13 +7361,13 @@ function PropertyGrid({
                     "--nu-property-grid-depth": row.depth
                   },
                   type: "button",
-                  children: /* @__PURE__ */ jsxs29("span", { className: "nu-property-grid__lead", children: [
+                  children: /* @__PURE__ */ jsxs30("span", { className: "nu-property-grid__lead", children: [
                     /* @__PURE__ */ jsx48("span", { className: "nu-property-grid__expander-placeholder" }),
                     /* @__PURE__ */ jsx48("span", { className: "nu-property-grid__label-text", children: renderMnemonicText(row.entry.label) })
                   ] })
                 }
               ),
-              /* @__PURE__ */ jsxs29(
+              /* @__PURE__ */ jsxs30(
                 "div",
                 {
                   className: "nu-property-grid__editor",
@@ -7344,7 +7389,7 @@ function PropertyGrid({
 }
 
 // src/components/ProgressBar/ProgressBar.tsx
-import { jsx as jsx49, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs31 } from "react/jsx-runtime";
 function clamp3(value, min, max) {
   return Math.min(max, Math.max(min, value));
 }
@@ -7368,7 +7413,7 @@ function ProgressBar({
   const clampedValue = clamp3(value, min, safeMax);
   const percent = Math.round((clampedValue - min) / (safeMax - min) * 100);
   const renderedValue = valueRenderer ? valueRenderer(percent, clampedValue, min, safeMax) : `${percent}%`;
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs31(
     "div",
     {
       ...props,
@@ -7388,7 +7433,7 @@ function ProgressBar({
             children: renderMnemonicText(label)
           }
         ) : null,
-        /* @__PURE__ */ jsxs30(
+        /* @__PURE__ */ jsxs31(
           "div",
           {
             className: cx("nu-progress-bar__track", slotClassNames?.track),
@@ -7438,7 +7483,7 @@ function ProgressBar({
 
 // src/components/RadioGroup/RadioButton.tsx
 import { useId as useId10, useState as useState23 } from "react";
-import { jsx as jsx50, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs32 } from "react/jsx-runtime";
 function RadioButton({
   checked,
   className,
@@ -7462,8 +7507,8 @@ function RadioButton({
     }
     onCheckedChange?.(event.target.checked, event);
   }
-  return /* @__PURE__ */ jsxs31("label", { className: ["nu-radio-button", className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs31("span", { className: "nu-radio-button__main", children: [
+  return /* @__PURE__ */ jsxs32("label", { className: ["nu-radio-button", className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs32("span", { className: "nu-radio-button__main", children: [
       /* @__PURE__ */ jsx50(
         "input",
         {
@@ -7477,7 +7522,7 @@ function RadioButton({
           type: "radio"
         }
       ),
-      /* @__PURE__ */ jsx50("span", { "aria-hidden": "true", className: "nu-radio-button__control", children: /* @__PURE__ */ jsxs31("span", { className: "nu-radio-button__disc", children: [
+      /* @__PURE__ */ jsx50("span", { "aria-hidden": "true", className: "nu-radio-button__control", children: /* @__PURE__ */ jsxs32("span", { className: "nu-radio-button__disc", children: [
         /* @__PURE__ */ jsx50(NuGlyph, { className: "nu-radio-button__ring", name: "radio-ring" }),
         resolvedChecked ? /* @__PURE__ */ jsx50(NuGlyph, { className: "nu-radio-button__fill", name: "radio-fill" }) : null
       ] }) }),
@@ -7489,7 +7534,7 @@ function RadioButton({
 
 // src/components/RadioGroup/RadioGroup.tsx
 import { useId as useId11, useState as useState24 } from "react";
-import { jsx as jsx51, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs33 } from "react/jsx-runtime";
 function RadioGroup({
   className,
   defaultValue,
@@ -7516,7 +7561,7 @@ function RadioGroup({
     }
     onValueChange?.(nextValue);
   }
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs33(
     "fieldset",
     {
       ...props,
@@ -7601,7 +7646,7 @@ import {
   useState as useState25
 } from "react";
 import { createPortal as createPortal4 } from "react-dom";
-import { jsx as jsx53, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs34 } from "react/jsx-runtime";
 function resolveSearchBoxPortalRoot() {
   return document.body;
 }
@@ -7796,7 +7841,7 @@ function SearchBox({
         break;
     }
   }
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       ...props,
@@ -7805,7 +7850,7 @@ function SearchBox({
       style,
       children: [
         /* @__PURE__ */ jsx53("label", { className: "nu-search-box__label", htmlFor: fieldId, id: labelId, children: renderMnemonicText(label) }),
-        /* @__PURE__ */ jsxs33("span", { className: "nu-search-box__slot", ref: fieldRef, children: [
+        /* @__PURE__ */ jsxs34("span", { className: "nu-search-box__slot", ref: fieldRef, children: [
           /* @__PURE__ */ jsx53("span", { "aria-hidden": "true", className: "nu-search-box__bracket", children: "[" }),
           /* @__PURE__ */ jsx53("span", { className: "nu-search-box__input-shell", children: /* @__PURE__ */ jsx53(
             "input",
@@ -7859,7 +7904,7 @@ import {
   useMemo as useMemo17,
   useState as useState26
 } from "react";
-import { jsx as jsx54, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs35 } from "react/jsx-runtime";
 function clampSpinValue(value, min, max) {
   let nextValue = value;
   if (min !== void 0) {
@@ -7972,7 +8017,7 @@ function SpinBox({
     () => disabled || max !== void 0 && numericValue >= max,
     [disabled, max, numericValue]
   );
-  return /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs35(
     "label",
     {
       className: cx("nu-spin-box", slotClassNames?.root, className),
@@ -7987,7 +8032,7 @@ function SpinBox({
             children: renderMnemonicText(label)
           }
         ),
-        /* @__PURE__ */ jsxs34(
+        /* @__PURE__ */ jsxs35(
           "span",
           {
             className: cx("nu-spin-box__slot", slotClassNames?.slot),
@@ -8035,7 +8080,7 @@ function SpinBox({
                   children: "]"
                 }
               ),
-              /* @__PURE__ */ jsxs34(
+              /* @__PURE__ */ jsxs35(
                 "span",
                 {
                   className: cx("nu-spin-box__controls", slotClassNames?.controls),
@@ -8090,7 +8135,7 @@ import {
   useRef as useRef19,
   useState as useState27
 } from "react";
-import { jsx as jsx55, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs36 } from "react/jsx-runtime";
 function clamp4(value, min, max) {
   return Math.min(max, Math.max(min, value));
 }
@@ -8245,7 +8290,7 @@ function Splitter({
       commitValue(max);
     }
   }
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs36(
     "div",
     {
       ...props,
@@ -8295,7 +8340,7 @@ import {
   useRef as useRef20,
   useState as useState28
 } from "react";
-import { jsx as jsx56, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs37 } from "react/jsx-runtime";
 function clamp5(value, min, max) {
   return Math.min(max, Math.max(min, value));
 }
@@ -8431,7 +8476,7 @@ function TickBar({
     }
     onKeyDown?.(event);
   }
-  return /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs37(
     "div",
     {
       ...props,
@@ -8452,13 +8497,13 @@ function TickBar({
             children: renderMnemonicText(label)
           }
         ) : null,
-        /* @__PURE__ */ jsxs36(
+        /* @__PURE__ */ jsxs37(
           "div",
           {
             className: cx("nu-tick-bar__slot", slotClassNames?.slot),
             style: slotStyles?.slot,
             children: [
-              /* @__PURE__ */ jsxs36(
+              /* @__PURE__ */ jsxs37(
                 "div",
                 {
                   "aria-describedby": hintId,
@@ -8774,7 +8819,7 @@ function collectVisibleTreeItems(items, expandedIds, depth = 0, guideMask = [],
 
 // src/components/TreeView/internals/TreeViewItem.tsx
 import { memo as memo4 } from "react";
-import { jsx as jsx58, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs38 } from "react/jsx-runtime";
 function areTreeViewGuideArraysEqual(previousArray, nextArray) {
   if (previousArray.length !== nextArray.length) {
     return false;
@@ -8848,8 +8893,8 @@ function TreeViewItemInner({
     handleActivate();
     onToggleItemCheck?.(item, !isChecked);
   }
-  return /* @__PURE__ */ jsxs37("div", { className: "nu-tree-view__row", role: "none", children: [
-    /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsxs38("div", { className: "nu-tree-view__row", role: "none", children: [
+    /* @__PURE__ */ jsxs38(
       "div",
       {
         "aria-checked": isCheckable ? isChecked : void 0,
@@ -8868,7 +8913,7 @@ function TreeViewItemInner({
         ref: (node) => registerItemRef(itemId, node),
         role: "treeitem",
         children: [
-          /* @__PURE__ */ jsxs37("span", { "aria-hidden": "true", className: "nu-tree-view__prefix", children: [
+          /* @__PURE__ */ jsxs38("span", { "aria-hidden": "true", className: "nu-tree-view__prefix", children: [
             guideMask.map((hasGuide, guideIndex) => /* @__PURE__ */ jsx58(
               "span",
               {
@@ -8880,7 +8925,7 @@ function TreeViewItemInner({
               },
               `${itemId}-guide-${guideIndex}`
             )),
-            /* @__PURE__ */ jsxs37(
+            /* @__PURE__ */ jsxs38(
               "span",
               {
                 className: "nu-tree-view__lead",
@@ -8928,7 +8973,7 @@ function TreeViewItemInner({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs37("span", { className: "nu-tree-view__content", children: [
+          /* @__PURE__ */ jsxs38("span", { className: "nu-tree-view__content", children: [
             isCheckable ? /* @__PURE__ */ jsx58("span", { className: "nu-tree-view__check-slot", children: /* @__PURE__ */ jsx58(
               "button",
               {
@@ -9384,9 +9429,9 @@ function renderTreeListCellValue(item, column) {
 
 // src/components/TreeListView/internals/TreeListViewRow.tsx
 import { memo as memo5 } from "react";
-import { Fragment as Fragment7, jsx as jsx60, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx60, jsxs as jsxs39 } from "react/jsx-runtime";
 function renderTreeTitleContent(item) {
-  return /* @__PURE__ */ jsxs38(Fragment7, { children: [
+  return /* @__PURE__ */ jsxs39(Fragment7, { children: [
     /* @__PURE__ */ jsx60("span", { className: "nu-tree-list-view__title", children: item.title }),
     item.hint ? /* @__PURE__ */ jsx60("span", { className: "nu-tree-list-view__hint", children: item.hint }) : null
   ] });
@@ -9514,7 +9559,7 @@ function TreeListViewRowInner({
     handleActivate();
     onToggleItemCheck?.(item, !isChecked);
   }
-  return /* @__PURE__ */ jsxs38(Fragment7, { children: [
+  return /* @__PURE__ */ jsxs39(Fragment7, { children: [
     /* @__PURE__ */ jsx60(
       "div",
       {
@@ -9543,7 +9588,7 @@ function TreeListViewRowInner({
           "--nu-tree-list-view-columns": templateColumns
         },
         children: columns.map(
-          (column, columnIndex) => column.id === treeColumnId ? /* @__PURE__ */ jsxs38(
+          (column, columnIndex) => column.id === treeColumnId ? /* @__PURE__ */ jsxs39(
             "span",
             {
               className: [
@@ -9555,7 +9600,7 @@ function TreeListViewRowInner({
               "data-column-id": column.id,
               role: "gridcell",
               children: [
-                /* @__PURE__ */ jsxs38("span", { "aria-hidden": "true", className: "nu-tree-list-view__prefix", children: [
+                /* @__PURE__ */ jsxs39("span", { "aria-hidden": "true", className: "nu-tree-list-view__prefix", children: [
                   guideMask.map((hasGuide, guideIndex) => /* @__PURE__ */ jsx60(
                     "span",
                     {
@@ -9567,7 +9612,7 @@ function TreeListViewRowInner({
                     },
                     `${itemId}-guide-${guideIndex}`
                   )),
-                  /* @__PURE__ */ jsxs38(
+                  /* @__PURE__ */ jsxs39(
                     "span",
                     {
                       className: "nu-tree-list-view__lead",
@@ -9615,7 +9660,7 @@ function TreeListViewRowInner({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs38("span", { className: "nu-tree-list-view__tree-content", children: [
+                /* @__PURE__ */ jsxs39("span", { className: "nu-tree-list-view__tree-content", children: [
                   isCheckable ? /* @__PURE__ */ jsx60("span", { className: "nu-tree-list-view__check-slot", children: /* @__PURE__ */ jsx60(
                     "button",
                     {
@@ -9716,7 +9761,7 @@ var TreeListViewRow = memo5(
 );
 
 // src/components/TreeListView/TreeListView.tsx
-import { jsx as jsx61, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs40 } from "react/jsx-runtime";
 function TreeListViewInner({
   acceptsDrop,
   activeItemId: activeItemIdProp,
@@ -10160,7 +10205,7 @@ function TreeListViewInner({
     window.addEventListener("pointermove", handleColumnResizeMove);
     window.addEventListener("pointerup", handleColumnResizeEnd);
   }
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs40(
     "div",
     {
       ...props,
@@ -10180,7 +10225,7 @@ function TreeListViewInner({
             style: {
               "--nu-tree-list-view-columns": templateColumns
             },
-            children: columns.map((column, columnIndex) => /* @__PURE__ */ jsxs39(
+            children: columns.map((column, columnIndex) => /* @__PURE__ */ jsxs40(
               "span",
               {
                 className: [
@@ -10541,7 +10586,7 @@ function useNuTheme() {
 }
 
 // src/theme/NuThemeProvider.tsx
-import { jsx as jsx62, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs41 } from "react/jsx-runtime";
 function NuThemeProvider({
   children,
   className,
@@ -10632,7 +10677,7 @@ function NuThemeProvider({
       handleThemeChange
     ]
   );
-  return /* @__PURE__ */ jsx62(NuThemeContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsx62(NuThemeContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs41(
     "div",
     {
       className: ["nu-theme-root", className].filter(Boolean).join(" "),