react-os-shell 4.21.1 → 4.31.0

package/dist/ui/index.d.ts

@@ -1,3 +1,3 @@
-export { A as ALT, a as ALT_SHIFT_D, b as ALT_SHIFT_E, c as ALT_SHIFT_N, d as Accordion, e as AccordionItem, f as AccordionProps, g as Align, h as AuthScreen, i as AuthScreenProps, j as Avatar, k as AvatarGroup, l as AvatarGroupProps, m as AvatarProps, n as AvatarSize, o as AvatarStatus, B as Banner, p as BannerEmphasis, q as BannerProps, r as BannerTone, s as BarChart, t as BarChartProps, u as BreadcrumbItem, v as Breadcrumbs, w as BreadcrumbsProps, x as Button, y as ButtonProps, z as ButtonSize, D as ButtonVariant, E as CMD_A, F as CMD_DOT, G as CMD_ENTER, H as CMD_K, I as CMD_S, J as Card, K as CardPadding, L as CardProps, M as CellStyle, N as ChatTemplate, O as Checkbox, Q as CheckboxProps, R as CheckoutTemplate, T as ColoredBadge, U as ColoredBadgeProps, C as ColumnDef, V as ConfirmProvider, W as ContainerFillChart, X as ContainerFillChartProps, Y as ContainerFillItem, Z as CountBadge, _ as CountBadgeProps, $ as CountBadgeTone, a0 as DashboardTemplate, a1 as DataTable, a2 as DataTableColumn, a3 as DataTablePage, a4 as DataTableProps, a5 as DateRangePicker, a6 as DateRangePickerProps, a7 as DescriptionColumns, a8 as DescriptionItem, a9 as DescriptionList, aa as DescriptionListProps, ab as Dialog, ac as DialogProps, ad as DialogSize, ae as Divider, af as DividerProps, ag as DividerSpacing, ah as DonutChart, ai as DonutChartProps, aj as DonutSegment, ak as Drawer, al as DrawerProps, am as DrawerSide, an as DrawerSize, ao as ENTER, ap as EditableGrid, aq as EditableGridProps, ar as EmailTemplate, as as EmptyState, at as EmptyStateProps, au as ErrorPage, av as ErrorPageProps, aw as FilePicker, ax as FilePickerProps, ay as FormField, az as FormFieldProps, aA as FormLayoutPage, aB as GLASS_DIVIDER, aD as GalleryTemplate, aE as Gap, aF as Grid, aG as GridCols, aH as GridColumn, aI as GridProps, aJ as HelpCenter, aK as HelpCenterDoc, aL as HelpCenterProps, aM as INPUT_BASE, aN as INPUT_SIZES, aO as Inline, aP as InlineProps, aQ as Input, aR as InputNumber, aS as InputNumberProps, aT as InputProps, aU as InputSize, aV as Justify, aW as Kanban, aX as KanbanColumn, aY as KanbanProps, aZ as Label, a_ as LabelProps, a$ as ListFooter, b0 as ListLoadError, b1 as ListLoadErrorProps, b2 as LoadingSpinner, b3 as LoadingSpinnerProps, b4 as MAX_FRACTION_DIGITS, b5 as MOD, b6 as Markdown, b7 as MarkdownProps, b8 as MediaUploadField, b9 as MediaUploadFieldProps, ba as MediaUploadGrid, bb as MediaUploadGridItem, bc as MediaUploadGridProps, bd as MetricBar, be as MetricBarProps, bf as Milestone, bg as MilestoneKind, bh as MilestoneTimeline, bi as MilestoneTimelineProps, bj as NativeSelect, bk as NumericKeypad, bl as NumericKeypadProps, bm as PageHeader, bn as PageHeaderProps, P as PaginatedResponse, bo as Pagination, bp as PaginationProps, bq as Paragraph, br as ParagraphProps, bs as PopupMenu, bt as PopupMenuDivider, bu as PopupMenuItem, bv as PopupMenuLabel, bw as Radio, bx as RadioProps, by as Result, bz as ResultProps, bA as ResultStatus, bB as SHIFT, bC as SearchableOption, bD as SearchableSelect, bE as SearchableSelectProps, bF as Segmented, bG as SegmentedOption, bH as SegmentedProps, bI as SegmentedSize, bJ as Select, bK as SelectOption, bL as SelectProps, bM as SemanticGroup, bN as SeverityTone, bO as ShellPrefsAdapter, bP as ShellPrefsProvider, bQ as SidebarActionButton, bR as SidebarActionButtonProps, bS as SidebarGroupLabel, bT as SidebarLayout, bU as SidebarLayoutProps, bV as SidebarNavItem, bW as Skeleton, bX as SkeletonProps, bY as SkeletonVariant, S as SortState, bZ as Sparkline, b_ as SparklineProps, b$ as Stack, c0 as StackProps, c1 as StatCard, c2 as StatCardProps, c3 as Statistic, c4 as StatisticProps, c5 as StatisticSize, c6 as StatisticTone, c7 as StatusBadge, c8 as StatusBadgeProvider, c9 as Switch, ca as SwitchProps, cb as SwitchSize, cc as TabItem, cd as Tabs, ce as TabsProps, cf as Text, cg as TextProps, ch as TextSize, ci as TextTone, cj as TextWeight, ck as Textarea, cl as TextareaProps, cm as Theme, cn as TileButton, co as TileButtonProps, cp as TileSize, cq as Title, cr as TitleLevel, cs as TitleProps, ct as ToastOptions, cu as ToastPlacement, cv as Tooltip, cw as TooltipProps, cx as TopNav, cy as TopNavItem, cz as TopNavProps, cA as VERSION, cB as appendKey, cC as applyThemePrefs, cD as backspace, cE as confirm, cF as confirmDestructive, cG as formatDate, cH as glassStyle, cI as inputClasses, cJ as isMac, cK as isSeverityTone, cL as mediaFileName, cM as prompt, cN as resolveTheme, cO as severityOf, cP as toISODate, cQ as toast, cR as useClickOutside, cS as useConfirm, cT as useFocusTrap, cU as useIsMobile, cV as useLocalStoragePrefs, cW as useScrollLock, cX as useShellPrefs, cY as useTheme } from '../index-Czn1re5M.js';
+export { A as ALT, b as ALT_SHIFT_D, c as ALT_SHIFT_E, d as ALT_SHIFT_N, e as Accordion, f as AccordionItem, g as AccordionProps, h as Align, i as AuthScreen, j as AuthScreenProps, k as Avatar, l as AvatarGroup, m as AvatarGroupProps, n as AvatarProps, o as AvatarSize, p as AvatarStatus, B as Banner, q as BannerEmphasis, r as BannerProps, s as BannerTone, t as BarChart, u as BarChartProps, v as BreadcrumbItem, w as Breadcrumbs, x as BreadcrumbsProps, y as Button, z as ButtonProps, D as ButtonSize, E as ButtonVariant, F as CMD_A, G as CMD_DOT, H as CMD_ENTER, I as CMD_K, J as CMD_S, K as Card, L as CardPadding, M as CardProps, N as CellStyle, O as ChatTemplate, Q as Checkbox, R as CheckboxProps, T as CheckoutTemplate, U as ColoredBadge, V as ColoredBadgeProps, C as ColumnDef, W as ConfirmProvider, X as ContainerFillChart, Y as ContainerFillChartProps, Z as ContainerFillItem, _ as CountBadge, $ as CountBadgeProps, a0 as CountBadgeTone, a1 as DashboardTemplate, a2 as DataTable, a3 as DataTableColumn, a4 as DataTablePage, a5 as DataTableProps, a6 as DatePicker, a7 as DatePickerProps, a8 as DateRangePicker, a9 as DateRangePickerProps, aa as DescriptionColumns, ab as DescriptionItem, ac as DescriptionList, ad as DescriptionListProps, ae as Dialog, af as DialogProps, ag as DialogSize, ah as Divider, ai as DividerProps, aj as DividerSpacing, ak as DonutChart, al as DonutChartProps, am as DonutSegment, an as Drawer, ao as DrawerProps, ap as DrawerSide, aq as DrawerSize, ar as ENTER, as as EditableGrid, at as EditableGridProps, au as EmailTemplate, av as EmptyState, aw as EmptyStateProps, ax as ErrorPage, ay as ErrorPageProps, az as FilePicker, aA as FilePickerProps, aB as FormField, aC as FormFieldProps, aD as FormLayoutPage, aE as GLASS_DIVIDER, aG as GalleryTemplate, aH as Gap, aI as GlobalSearch, aJ as GlobalSearchProps, aK as Grid, aL as GridCols, aM as GridColumn, aN as GridProps, aO as HelpCenter, aP as HelpCenterDoc, aQ as HelpCenterProps, aR as INPUT_BASE, aS as INPUT_SIZES, aT as IconButton, aU as IconButtonProps, aV as Inline, aW as InlineProps, aX as Input, aY as InputNumber, aZ as InputNumberProps, a_ as InputProps, a$ as InputSize, b0 as Justify, b1 as Kanban, b2 as KanbanColumn, b3 as KanbanProps, b4 as Label, b5 as LabelProps, b6 as ListFooter, b7 as ListLoadError, b8 as ListLoadErrorProps, b9 as LoadingSpinner, ba as LoadingSpinnerProps, bb as MAX_FRACTION_DIGITS, bc as MOD, bd as Markdown, be as MarkdownProps, bf as MediaUploadField, bg as MediaUploadFieldProps, bh as MediaUploadGrid, bi as MediaUploadGridItem, bj as MediaUploadGridProps, bk as MetricBar, bl as MetricBarProps, bm as Milestone, bn as MilestoneKind, bo as MilestoneTimeline, bp as MilestoneTimelineProps, bq as NativeSelect, br as NumericKeypad, bs as NumericKeypadProps, bt as PageHeader, bu as PageHeaderProps, P as PaginatedResponse, bv as Pagination, bw as PaginationProps, bx as Paragraph, by as ParagraphProps, bz as PopupMenu, bA as PopupMenuDivider, bB as PopupMenuItem, bC as PopupMenuLabel, bD as Radio, bE as RadioProps, bF as Result, bG as ResultProps, bH as ResultStatus, bI as SHIFT, S as SearchConfig, bJ as SearchProvider, bK as SearchResult, bL as SearchableOption, bM as SearchableSelect, bN as SearchableSelectProps, bO as Segmented, bP as SegmentedOption, bQ as SegmentedProps, bR as SegmentedSize, bS as Select, bT as SelectOption, bU as SelectProps, bV as SemanticGroup, bW as SeverityTone, bX as ShellPrefsAdapter, bY as ShellPrefsProvider, bZ as SidebarActionButton, b_ as SidebarActionButtonProps, b$ as SidebarGroupLabel, c0 as SidebarLayout, c1 as SidebarLayoutProps, c2 as SidebarNavItem, c3 as Skeleton, c4 as SkeletonProps, c5 as SkeletonVariant, a as SortState, c6 as Sparkline, c7 as SparklineProps, c8 as Stack, c9 as StackProps, ca as StatCard, cb as StatCardProps, cc as Statistic, cd as StatisticProps, ce as StatisticSize, cf as StatisticTone, cg as StatusBadge, ch as StatusBadgeProvider, ci as Switch, cj as SwitchProps, ck as SwitchSize, cl as TabItem, cm as Tabs, cn as TabsProps, co as Text, cp as TextProps, cq as TextSize, cr as TextTone, cs as TextWeight, ct as Textarea, cu as TextareaProps, cv as Theme, cw as TileButton, cx as TileButtonProps, cy as TileSize, cz as Title, cA as TitleLevel, cB as TitleProps, cC as ToastOptions, cD as ToastPlacement, cE as Tooltip, cF as TooltipProps, cG as TopNav, cH as TopNavItem, cI as TopNavProps, cJ as VERSION, cK as appendKey, cL as applyThemePrefs, cM as backspace, cN as confirm, cO as confirmDestructive, cP as formatDate, cQ as glassStyle, cR as inputClasses, cS as isMac, cT as isSeverityTone, cU as mediaFileName, cV as prompt, cW as resolveTheme, cX as severityOf, cY as toISODate, cZ as toast, c_ as useClickOutside, c$ as useConfirm, d0 as useFocusTrap, d1 as useIsMobile, d2 as useLocalStoragePrefs, d3 as useScrollLock, d4 as useShellPrefs, d5 as useTheme } from '../index-CdxMm6Dk.js';
 import 'react';
 import 'react/jsx-runtime';

package/dist/ui/index.js

@@ -1,11 +1,11 @@
-export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, Accordion, AuthScreen, Avatar, AvatarGroup, Banner, BarChart, Button_default as Button, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, Card, ChatTemplate, Checkbox_default as Checkbox, CheckoutTemplate, ColoredBadge, ContainerFillChart, CountBadge, DashboardTemplate, DataTable, DataTablePage, DateRangePicker, DescriptionList, Divider, DonutChart, Drawer, ENTER, EmailTemplate, EmptyState, ErrorPage, FilePicker, FormField, FormLayoutPage, GalleryTemplate, Grid, HelpCenter, INPUT_BASE, INPUT_SIZES, Inline, Input_default as Input, InputNumber_default as InputNumber, Kanban, Label, ListFooter, ListLoadError, LoadingSpinner, MAX_FRACTION_DIGITS, MOD, Markdown, MediaUploadField, MediaUploadGrid, MetricBar, MilestoneTimeline, NativeSelect, NumericKeypad, PageHeader, Pagination, Paragraph, Radio_default as Radio, Result, SHIFT, SearchableSelect, Segmented, Select_default as Select, SidebarActionButton, SidebarGroupLabel, SidebarNavItem, Skeleton, Sparkline, Stack, StatCard, Statistic, StatusBadge, StatusBadgeProvider, Switch, Tabs, Text, Textarea_default as Textarea, TileButton_default as TileButton, Title, Tooltip, TopNav, appendKey, applyThemePrefs, backspace, formatDate, inputClasses, isMac, isSeverityTone, mediaFileName, resolveTheme, severityOf, toISODate, useClickOutside, useTheme } from '../chunk-XBV7NUZK.js';
-export { Breadcrumbs } from '../chunk-HYAW6KIL.js';
+export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, Accordion, AuthScreen, Avatar, AvatarGroup, Banner, BarChart, Button_default as Button, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, Card, ChatTemplate, Checkbox_default as Checkbox, CheckoutTemplate, ColoredBadge, ContainerFillChart, CountBadge, DashboardTemplate, DataTable, DataTablePage, DatePicker_default as DatePicker, DateRangePicker, DescriptionList, Divider, DonutChart, Drawer, ENTER, EmailTemplate, EmptyState, ErrorPage, FilePicker, FormField, FormLayoutPage, GalleryTemplate, GlobalSearch, Grid, HelpCenter, INPUT_BASE, INPUT_SIZES, IconButton_default as IconButton, Inline, Input_default as Input, InputNumber_default as InputNumber, Kanban, Label, ListFooter, ListLoadError, LoadingSpinner, MAX_FRACTION_DIGITS, MOD, Markdown, MediaUploadField, MediaUploadGrid, MetricBar, MilestoneTimeline, NativeSelect, NumericKeypad, PageHeader, Pagination, Paragraph, Radio_default as Radio, Result, SHIFT, SearchableSelect, Segmented, Select_default as Select, SidebarActionButton, SidebarGroupLabel, SidebarNavItem, Skeleton, Sparkline, Stack, StatCard, Statistic, StatusBadge, StatusBadgeProvider, Switch_default as Switch, Tabs, Text, Textarea_default as Textarea, TileButton_default as TileButton, Title, Tooltip, TopNav, appendKey, applyThemePrefs, backspace, formatDate, inputClasses, isMac, isSeverityTone, mediaFileName, resolveTheme, severityOf, toISODate, useClickOutside, useTheme } from '../chunk-7NIFBQUX.js';
+export { Breadcrumbs } from '../chunk-HNH7FOYB.js';
 export { EditableGrid } from '../chunk-DC6BYGZ6.js';
 export { SidebarLayout } from '../chunk-YG45DAUT.js';
 export { toast_default as toast } from '../chunk-4AKVHY4B.js';
-export { VERSION } from '../chunk-CM2NWGYZ.js';
+export { VERSION } from '../chunk-SGS3IQEL.js';
 export { PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, ShellPrefsProvider, useIsMobile, useLocalStoragePrefs, useShellPrefs } from '../chunk-C22EFSND.js';
-export { ConfirmProvider, Dialog, confirm, confirmDestructive, prompt, useConfirm, useFocusTrap, useScrollLock } from '../chunk-L2O6B5KT.js';
+export { ConfirmProvider, Dialog, confirm, confirmDestructive, prompt, useConfirm, useFocusTrap, useScrollLock } from '../chunk-OXLLRKBC.js';
 export { GLASS_DIVIDER, glassStyle } from '../chunk-3CUSBZWG.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-os-shell",
-  "version": "4.21.1",
+  "version": "4.31.0",
   "description": "Desktop-style React UI shell — windows, taskbar, start menu, sticky notes, frosted glass theming, and bundled apps.",
   "license": "MIT",
   "author": "Victor Y. Mau",

package/dist/ConfirmDialog-WAM5OKAV.js

@@ -1,3 +0,0 @@
-export { ConfirmProvider, confirm, confirmDestructive, prompt, useConfirm } from './chunk-L2O6B5KT.js';
-//# sourceMappingURL=ConfirmDialog-WAM5OKAV.js.map
-//# sourceMappingURL=ConfirmDialog-WAM5OKAV.js.map

package/dist/chunk-CM2NWGYZ.js

@@ -1,7 +0,0 @@
-// src/version.ts
-var VERSION = "4.21.1" ;
-var APP_VERSION = VERSION;
-
-export { APP_VERSION, VERSION };
-//# sourceMappingURL=chunk-CM2NWGYZ.js.map
-//# sourceMappingURL=chunk-CM2NWGYZ.js.map

package/dist/chunk-HYAW6KIL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/shell/Breadcrumbs.tsx"],"names":[],"mappings":"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","file":"chunk-HYAW6KIL.js","sourcesContent":["import { Fragment } from 'react';\nimport type { ReactNode } from 'react';\n\n/**\n * Generic breadcrumb trail. Self-contained and styled with the same Tailwind\n * utilities the shell already ships, so consumers get it for free.\n *\n * Pass an ordered list of `items` from root → current. Every crumb except the\n * last renders as a button when it has an `onClick`; the last crumb is treated\n * as the current location — rendered inert with `aria-current=\"page\"`. When the\n * trail is long, set `maxItems` to collapse the middle into an ellipsis\n * (`first … last-n` ), keeping the first and the tail visible.\n */\nexport interface BreadcrumbItem {\n  /** Visible label. */\n  label: ReactNode;\n  /** Optional leading icon (typically a 3.5×3.5 svg). */\n  icon?: ReactNode;\n  /** Navigate to this crumb. Omitted on the current (last) crumb. */\n  onClick?: () => void;\n}\n\nexport interface BreadcrumbsProps {\n  items: BreadcrumbItem[];\n  /** Node rendered between crumbs. Defaults to a chevron. */\n  separator?: ReactNode;\n  /** Collapse the middle to an ellipsis when there are more than this many\n   *  crumbs. `0` (default) never collapses. */\n  maxItems?: number;\n  className?: string;\n}\n\nconst DEFAULT_SEPARATOR = (\n  <svg className=\"h-3.5 w-3.5 shrink-0 text-gray-300\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden>\n    <path\n      fillRule=\"evenodd\"\n      d=\"M7.21 14.77a.75.75 0 0 1 .02-1.06L11.168 10 7.23 6.29a.75.75 0 1 1 1.04-1.08l4.5 4.25a.75.75 0 0 1 0 1.08l-4.5 4.25a.75.75 0 0 1-1.06-.02Z\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n);\n\ntype Crumb = { kind: 'item'; item: BreadcrumbItem; isLast: boolean } | { kind: 'ellipsis' };\n\nexport default function Breadcrumbs({ items, separator, maxItems = 0, className }: BreadcrumbsProps) {\n  if (items.length === 0) return null;\n  const sep = separator ?? DEFAULT_SEPARATOR;\n\n  // Build the display list, collapsing the middle if `maxItems` is exceeded.\n  const crumbs: Crumb[] = [];\n  const lastIndex = items.length - 1;\n  if (maxItems > 0 && items.length > maxItems && maxItems >= 2) {\n    const tailCount = Math.max(1, maxItems - 1); // keep the first + this many from the end\n    crumbs.push({ kind: 'item', item: items[0], isLast: false });\n    crumbs.push({ kind: 'ellipsis' });\n    for (let i = items.length - tailCount; i <= lastIndex; i++) {\n      crumbs.push({ kind: 'item', item: items[i], isLast: i === lastIndex });\n    }\n  } else {\n    items.forEach((item, i) => crumbs.push({ kind: 'item', item, isLast: i === lastIndex }));\n  }\n\n  return (\n    <nav aria-label=\"Breadcrumb\" className={`min-w-0 ${className ?? ''}`}>\n      <ol className=\"flex items-center gap-1.5 text-sm\">\n        {crumbs.map((crumb, i) => (\n          <Fragment key={i}>\n            {i > 0 && <li aria-hidden className=\"flex items-center\">{sep}</li>}\n            <li className=\"flex min-w-0 items-center\">\n              {crumb.kind === 'ellipsis' ? (\n                <span className=\"px-0.5 text-gray-400 select-none\" aria-label=\"Hidden crumbs\">…</span>\n              ) : crumb.isLast || !crumb.item.onClick ? (\n                <span\n                  aria-current={crumb.isLast ? 'page' : undefined}\n                  className={`inline-flex min-w-0 items-center gap-1 truncate ${\n                    crumb.isLast ? 'font-medium text-gray-900' : 'text-gray-500'\n                  }`}\n                >\n                  {crumb.item.icon}\n                  <span className=\"truncate\">{crumb.item.label}</span>\n                </span>\n              ) : (\n                <button\n                  type=\"button\"\n                  onClick={crumb.item.onClick}\n                  className=\"inline-flex min-w-0 items-center gap-1 truncate rounded px-1 -mx-1 text-gray-500 transition-colors hover:text-gray-900 hover:underline focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-400\"\n                >\n                  {crumb.item.icon}\n                  <span className=\"truncate\">{crumb.item.label}</span>\n                </button>\n              )}\n            </li>\n          </Fragment>\n        ))}\n      </ol>\n    </nav>\n  );\n}\n"]}