react-os-shell 4.79.1 → 4.79.3

package/dist/{chunk-VDKHMCWT.js → chunk-YZVJCHXV.js}

@@ -601,9 +601,9 @@ var Radio = forwardRef(function Radio2({ checked, onChange, label, description,
         ...rest
       }
     ),
-    /* @__PURE__ */ jsxs("span", { className: "text-sm leading-tight", children: [
-      label && /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-700", children: label }),
-      description && /* @__PURE__ */ jsx("span", { className: "mt-0.5 block text-xs text-gray-500", children: description })
+    /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1 text-sm leading-tight", children: [
+      label && /* @__PURE__ */ jsx("span", { className: "block min-w-0 font-medium text-gray-700", children: label }),
+      description && /* @__PURE__ */ jsx("span", { className: "mt-0.5 block min-w-0 text-xs text-gray-500", children: description })
     ] })
   ] });
 });
@@ -2578,8 +2578,7 @@ function SearchableSelect({
             top: menuPos?.top,
             bottom: menuPos?.bottom,
             minWidth: menuPos?.minWidth,
-            maxWidth: POPUP_MAX_WIDTH,
-            width: "max-content",
+            width: menuPos?.minWidth,
             // Hidden for the first paint until the layout effect measures the
             // trigger, so the menu never flashes at (0,0).
             visibility: menuPos ? void 0 : "hidden",
@@ -2594,10 +2593,10 @@ function SearchableSelect({
                 setOpen(false);
                 setSearch("");
               },
-              className: `w-full text-left px-3 py-1.5 text-sm hover:bg-gray-50 flex items-center justify-between gap-2 whitespace-nowrap ${value === o.value ? "text-blue-600 font-medium bg-blue-50/50" : "text-gray-700"}`,
+              className: `w-full overflow-hidden text-left px-3 py-1.5 text-sm hover:bg-gray-50 flex items-center justify-between gap-2 whitespace-nowrap ${value === o.value ? "text-blue-600 font-medium bg-blue-50/50" : "text-gray-700"}`,
               children: [
-                /* @__PURE__ */ jsx("span", { children: o.label }),
-                o.sublabel && /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-400 shrink-0", children: o.sublabel })
+                /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: o.label }),
+                o.sublabel && /* @__PURE__ */ jsx("span", { className: "min-w-0 max-w-[45%] shrink-0 truncate text-xs text-gray-400", children: o.sublabel })
               ]
             },
             o.value
@@ -3451,59 +3450,68 @@ function Stepper({
   className = ""
 }) {
   const currentIndex = Math.max(0, items.findIndex((s) => s.id === value));
-  return /* @__PURE__ */ jsx("ol", { "aria-label": ariaLabel, className: `flex items-start ${className}`.trim(), children: items.map((step, i) => {
-    const state = i < currentIndex ? "complete" : i === currentIndex ? "current" : "upcoming";
-    const clickable = state === "complete" && !!onChange;
-    const circle = /* @__PURE__ */ jsx(
-      "span",
-      {
-        "aria-hidden": "true",
-        className: [
-          "flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-xs font-semibold transition-colors",
-          state === "complete" ? "bg-blue-600 text-white" : "",
-          state === "current" ? "border-2 border-blue-600 bg-white text-blue-600" : "",
-          state === "upcoming" ? "border-2 border-gray-300 bg-white text-gray-400" : ""
-        ].filter(Boolean).join(" "),
-        children: state === "complete" ? /* @__PURE__ */ jsx(Check, {}) : i + 1
-      }
-    );
-    const text = /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
-      /* @__PURE__ */ jsx("span", { className: `block text-sm font-medium ${state === "upcoming" ? "text-gray-400" : "text-gray-900"}`, children: step.label }),
-      step.description && /* @__PURE__ */ jsx("span", { className: "block text-xs text-gray-500", children: step.description })
-    ] });
-    return /* @__PURE__ */ jsxs(
-      "li",
-      {
-        "aria-current": state === "current" ? "step" : void 0,
-        className: `flex items-start gap-2 ${i > 0 ? "flex-1" : ""}`,
-        children: [
-          i > 0 && /* @__PURE__ */ jsx(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: `mt-3.5 h-0.5 flex-1 rounded ${i <= currentIndex ? "bg-blue-600" : "bg-gray-200"}`
-            }
-          ),
-          clickable ? /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: () => onChange?.(step.id),
-              className: "flex items-start gap-2 text-left rounded focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-400",
-              children: [
+  return /* @__PURE__ */ jsx(
+    "ol",
+    {
+      "aria-label": ariaLabel,
+      className: `grid items-start ${className}`.trim(),
+      style: { gridTemplateColumns: `repeat(${Math.max(items.length, 1)}, minmax(0, 1fr))` },
+      children: items.map((step, i) => {
+        const state = i < currentIndex ? "complete" : i === currentIndex ? "current" : "upcoming";
+        const clickable = state === "complete" && !!onChange;
+        const circle = /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: [
+              "flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-xs font-semibold transition-colors",
+              state === "complete" ? "bg-blue-600 text-white" : "",
+              state === "current" ? "border-2 border-blue-600 bg-white text-blue-600" : "",
+              state === "upcoming" ? "border-2 border-gray-300 bg-white text-gray-400" : ""
+            ].filter(Boolean).join(" "),
+            children: state === "complete" ? /* @__PURE__ */ jsx(Check, {}) : i + 1
+          }
+        );
+        const text = /* @__PURE__ */ jsxs("span", { className: "min-w-0 text-center", children: [
+          /* @__PURE__ */ jsx("span", { className: `block text-sm font-medium ${state === "upcoming" ? "text-gray-400" : "text-gray-900"}`, children: step.label }),
+          step.description && /* @__PURE__ */ jsx("span", { className: "block text-xs text-gray-500", children: step.description })
+        ] });
+        return /* @__PURE__ */ jsxs(
+          "li",
+          {
+            "aria-current": state === "current" ? "step" : void 0,
+            className: "relative flex min-w-0 justify-center",
+            children: [
+              i < items.length - 1 && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: `absolute top-3.5 h-0.5 rounded ${i < currentIndex ? "bg-blue-600" : "bg-gray-200"}`,
+                  style: { left: "calc(50% + 0.875rem)", right: "calc(-50% + 0.875rem)" }
+                }
+              ),
+              clickable ? /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onChange?.(step.id),
+                  className: "relative z-10 flex min-w-0 flex-col items-center gap-1.5 rounded px-2 text-center focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-400",
+                  children: [
+                    circle,
+                    text
+                  ]
+                }
+              ) : /* @__PURE__ */ jsxs("span", { className: "relative z-10 flex min-w-0 flex-col items-center gap-1.5 px-2 text-center", children: [
                 circle,
                 text
-              ]
-            }
-          ) : /* @__PURE__ */ jsxs("span", { className: "flex items-start gap-2", children: [
-            circle,
-            text
-          ] })
-        ]
-      },
-      step.id
-    );
-  }) });
+              ] })
+            ]
+          },
+          step.id
+        );
+      })
+    }
+  );
 }
 function Accordion({
   items,
@@ -4708,6 +4716,7 @@ function DropdownMenu({
   trigger,
   items,
   align = "end",
+  side = "bottom",
   "aria-label": ariaLabel,
   className = "",
   disabled
@@ -4804,7 +4813,7 @@ function DropdownMenu({
     open && /* @__PURE__ */ jsx(
       "div",
       {
-        className: `absolute top-full z-50 mt-1 ${align === "end" ? "right-0" : "left-0"}`,
+        className: `absolute z-50 ${side === "top" ? "bottom-full mb-1" : "top-full mt-1"} ${align === "end" ? "right-0" : "left-0"}`,
         onKeyDown: onMenuKeyDown,
         children: /* @__PURE__ */ jsx(PopupMenu, { portal: false, minWidth: 180, children: /* @__PURE__ */ jsx("div", { id: menuId, role: "menu", "aria-orientation": "vertical", "aria-label": ariaLabel, children: items.map((item, i) => /* @__PURE__ */ jsxs(
           PopupMenuItem,
@@ -6546,5 +6555,5 @@ var ALT_SHIFT_E = isMac ? "\u2325\u21E7E" : "Alt+Shift+E";
 var ALT_SHIFT_N = isMac ? "\u2325\u21E7N" : "Alt+Shift+N";
 
 export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, Accordion, AuthScreen, Avatar, AvatarGroup, Banner, BarChart, Button_default, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, CMD_SHIFT_Z, CMD_Z, Calendar, Card, ChatTemplate, Checkbox_default, CheckoutTemplate, ColoredBadge, ContainerFillChart, CountBadge, DashboardTemplate, DataTable, DataTablePage, DatePicker_default, DateRangePicker, DateTimePicker_default, DescriptionList, Divider, DonutChart, Drawer, DropdownMenu, ENTER, EmailTemplate, EmptyState, ErrorBoundary, ErrorPage, FilePicker, FormErrorSummary, FormField, FormLayoutPage, GROUP_COLORS, GalleryTemplate, GlobalSearch, Grid, HelpCenter, INPUT_BASE, INPUT_SIZES, IconButton_default, Inline, InputNumber_default, Input_default, Kanban, Label, LineChart, ListFooter, ListLoadError, LoadingSpinner, MAX_FRACTION_DIGITS, MOD, Markdown, MediaUploadField, MediaUploadGrid, MetricBar, MilestoneTimeline, NativeSelect, NumericKeypad, PageHeader, Pagination, Paragraph, Radio_default, Result, SHIFT, SearchableSelect, Segmented, Select_default, SidebarActionButton, SidebarGroupLabel, SidebarNavItem, Skeleton, Sparkline, Stack, StatCard, Statistic, StatusBadge, StatusBadgeProvider, Stepper, Switch_default, Tabs, TagInput, Text, Textarea_default, TileButton_default, TimePicker_default, Title, Tooltip, TopNav, appendKey, applyThemePrefs, backspace, firstEnabledIndex, formatDate, fromKey, inputClasses, isMac, isSeverityTone, lastEnabledIndex, matchTypeahead, mediaFileName, nextEnabledIndex, resolveTheme, severityOf, tabButtonId, tabPanelId, toISODate, toKey, useClickOutside, useTheme };
-//# sourceMappingURL=chunk-VDKHMCWT.js.map
-//# sourceMappingURL=chunk-VDKHMCWT.js.map
+//# sourceMappingURL=chunk-YZVJCHXV.js.map
+//# sourceMappingURL=chunk-YZVJCHXV.js.map