@floegence/floe-webapp-core 0.4.0 → 0.6.0

package/dist/components/ui/Dialog.d.ts

@@ -19,7 +19,10 @@ export interface ConfirmDialogProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
     title: string;
+    /** Description displayed under title (header area). Use children for content area. */
     description?: string;
+    /** Custom content in the dialog body. If not provided, an empty placeholder is used. */
+    children?: JSX.Element;
     confirmText?: string;
     cancelText?: string;
     variant?: 'default' | 'destructive';

package/dist/components/ui/DirectoryPicker.d.ts

@@ -0,0 +1,31 @@
+import type { FileItem } from '../file-browser/types';
+export interface DirectoryPickerProps {
+    /** Whether the picker dialog is open */
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Full file tree (same FileItem[] as FileBrowser) */
+    files: FileItem[];
+    /** Initial selected path (default: '/') */
+    initialPath?: string;
+    /** Dialog title (default: 'Select Directory') */
+    title?: string;
+    /** Confirm button text (default: 'Select') */
+    confirmText?: string;
+    /** Cancel button text (default: 'Cancel') */
+    cancelText?: string;
+    /** Called when user confirms selection */
+    onSelect: (path: string) => void;
+    /**
+     * Called when user creates a new folder.
+     * When provided, a "New Folder" button is shown.
+     */
+    onCreateFolder?: (parentPath: string, name: string) => Promise<void>;
+    /** Optional: filter which directories are selectable (return false to grey-out) */
+    filter?: (item: FileItem) => boolean;
+    class?: string;
+}
+/**
+ * Modal directory picker for selecting a folder path.
+ * Standalone component — does not depend on FileBrowserContext.
+ */
+export declare function DirectoryPicker(props: DirectoryPickerProps): import("solid-js").JSX.Element;

package/dist/components/ui/index.d.ts

@@ -7,3 +7,4 @@ export { Tooltip, type TooltipProps } from './Tooltip';
 export { CommandPalette } from './CommandPalette';
 export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, Interactive3DCard, AnimatedBorderCard, NeonCard, MorphCard, type CardProps, type CardVariant, type CardHeaderProps, type CardTitleProps, type CardDescriptionProps, type CardContentProps, type CardFooterProps, type Interactive3DCardProps, type AnimatedBorderCardProps, type NeonCardProps, type MorphCardProps, } from './Card';
 export { Tabs, TabPanel, type TabsProps, type TabPanelProps, type TabItem } from './Tabs';
+export { DirectoryPicker, type DirectoryPickerProps } from './DirectoryPicker';

package/dist/index.js

@@ -4,7 +4,7 @@ import { Sidebar as n, SidebarContent as m, SidebarItem as p, SidebarItemList as
 import { TopBar as x } from "./index5.js";
 import { BottomBar as c, BottomBarItem as g, StatusIndicator as C } from "./index6.js";
 import { MobileTabBar as S } from "./index7.js";
-import { ResizeHandle as h } from "./index8.js";
+import { ResizeHandle as y } from "./index8.js";
 import { Panel as I, PanelContent as v, PanelHeader as D } from "./index9.js";
 import { KeepAliveStack as T } from "./index10.js";
 import { DECK_GRID_CONFIG as B, DeckGrid as L, getGridConfigFromElement as W } from "./index11.js";
@@ -23,66 +23,67 @@ import { FloatingWindow as oe } from "./index23.js";
 import { Dropdown as ie, Select as ae } from "./index24.js";
 import { Tooltip as me } from "./index25.js";
 import { CommandPalette as de } from "./index26.js";
-import { AnimatedBorderCard as le, Card as xe, CardContent as se, CardDescription as ce, CardFooter as ge, CardHeader as Ce, CardTitle as ue, Interactive3DCard as Se, MorphCard as Fe, NeonCard as he } from "./index27.js";
+import { AnimatedBorderCard as le, Card as xe, CardContent as se, CardDescription as ce, CardFooter as ge, CardHeader as Ce, CardTitle as ue, Interactive3DCard as Se, MorphCard as Fe, NeonCard as ye } from "./index27.js";
 import { TabPanel as Ie, Tabs as ve } from "./index28.js";
-import { SnakeLoader as Pe } from "./index29.js";
-import { LoadingOverlay as be } from "./index30.js";
-import { Skeleton as Le, SkeletonCard as We, SkeletonList as ke, SkeletonText as Re } from "./index31.js";
-import { ArrowRightLeft as Ge, Bell as Ae, Check as Me, ChevronDown as Ne, ChevronRight as ze, Copy as Ke, Files as Oe, GitBranch as Ve, Grid as Ee, Grid3x3 as He, GripVertical as _e, LayoutDashboard as Qe, Loader2 as Ue, Maximize as Xe, Minus as Ze, Moon as je, Pencil as qe, Plus as Je, Restore as Ye, Search as $e, Settings as er, Sun as rr, Terminal as or, Trash as tr, X as ir } from "./index32.js";
-import { Launchpad as nr } from "./index33.js";
-import { LaunchpadItem as pr } from "./index34.js";
-import { LaunchpadGrid as fr } from "./index35.js";
-import { LaunchpadSearch as xr } from "./index36.js";
-import { LaunchpadPagination as cr } from "./index37.js";
-import { FileBrowser as Cr } from "./index38.js";
-import { FileBrowserProvider as Sr, useFileBrowser as Fr } from "./index39.js";
-import { DirectoryTree as yr } from "./index40.js";
-import { FileListView as vr } from "./index41.js";
-import { FileGridView as Pr } from "./index42.js";
-import { FileContextMenu as br } from "./index43.js";
-import { Breadcrumb as Lr } from "./index44.js";
-import { FileBrowserToolbar as kr } from "./index45.js";
-import { CodeFileIcon as wr, ConfigFileIcon as Gr, DocumentFileIcon as Ar, FileIcon as Mr, FolderIcon as Nr, FolderOpenIcon as zr, ImageFileIcon as Kr, StyleFileIcon as Or, getFileIcon as Vr } from "./index46.js";
-import { FloeProvider as Hr } from "./index47.js";
-import { FloeApp as Qr } from "./index48.js";
-import { ActivityAppsMain as Xr } from "./index49.js";
-import { createSimpleContext as jr } from "./index50.js";
-import { DEFAULT_FLOE_CONFIG as Jr, FloeConfigProvider as Yr, useFloeConfig as $r, useResolvedFloeConfig as eo } from "./index51.js";
-import { ThemeProvider as oo, createThemeService as to, useTheme as io } from "./index52.js";
-import { LayoutProvider as no, createLayoutService as mo, useLayout as po } from "./index53.js";
-import { CommandProvider as lo, createCommandService as xo, useCommand as so } from "./index54.js";
-import { NotificationContainer as go, NotificationProvider as Co, createNotificationService as uo, useNotification as So } from "./index55.js";
-import { ComponentRegistryProvider as ho, createComponentRegistry as yo, useComponentContextFactory as Io, useComponentRegistry as vo } from "./index56.js";
-import { WidgetRegistryProvider as Po, createWidgetRegistry as To, useWidgetRegistry as bo } from "./index57.js";
-import { DeckProvider as Lo, createDeckService as Wo, useDeck as ko } from "./index58.js";
-import { WidgetStateProvider as wo, useCurrentWidgetId as Go, useWidgetState as Ao, useWidgetStateContext as Mo } from "./index59.js";
-import { ViewActivationProvider as zo, useViewActivation as Ko } from "./index60.js";
-import { useMediaQuery as Vo } from "./index61.js";
-import { useDebounce as Ho } from "./index62.js";
-import { useResizeObserver as Qo } from "./index63.js";
-import { useKeybind as Xo } from "./index64.js";
-import { usePersisted as jo } from "./index65.js";
-import { useDeckDrag as Jo } from "./index66.js";
-import { cn as $o } from "./index67.js";
-import { deferAfterPaint as rt, deferNonBlocking as ot } from "./index68.js";
-import { formatKeybind as it, matchKeybind as at, parseKeybind as nt } from "./index69.js";
-import { lockBodyStyle as pt } from "./index70.js";
-import { duration as ft, easing as lt, fadeIn as xt, listContainer as st, listItem as ct, panelResize as gt, popIn as Ct, scaleIn as ut, sidebarVariants as St, slideInFromBottom as Ft, slideInFromLeft as ht, slideInFromRight as yt, slideInFromTop as It, springConfig as vt } from "./index71.js";
-import { checkCollision as Pt, constrainPosition as Tt, findFreePosition as bt, hasCollision as Bt } from "./index72.js";
-import { applyDragDelta as Wt, applyResizeDelta as kt, getGridCellSize as Rt, pixelDeltaToGridDelta as wt, positionToGridArea as Gt, snapToGrid as At } from "./index73.js";
-import { applyTheme as Nt, builtInThemes as zt, getSystemTheme as Kt } from "./index74.js";
-import { FilesSidebarWidget as Vt, SearchSidebarWidget as Et, SettingsSidebarWidget as Ht, ShowcaseSidebarWidget as _t, SidebarWidget as Qt } from "./index75.js";
-import { MetricsWidget as Xt } from "./index76.js";
-import { TerminalWidget as jt } from "./index77.js";
+import { DirectoryPicker as Pe } from "./index29.js";
+import { SnakeLoader as be } from "./index30.js";
+import { LoadingOverlay as Le } from "./index31.js";
+import { Skeleton as ke, SkeletonCard as Re, SkeletonList as we, SkeletonText as Ge } from "./index32.js";
+import { ArrowRightLeft as Me, Bell as Ne, Check as ze, ChevronDown as Ke, ChevronRight as Oe, Copy as Ve, Files as Ee, GitBranch as He, Grid as _e, Grid3x3 as Qe, GripVertical as Ue, LayoutDashboard as Xe, Loader2 as Ze, Maximize as je, Minus as qe, Moon as Je, Pencil as Ye, Plus as $e, Restore as er, Search as rr, Settings as or, Sun as tr, Terminal as ir, Trash as ar, X as nr } from "./index33.js";
+import { Launchpad as pr } from "./index34.js";
+import { LaunchpadItem as fr } from "./index35.js";
+import { LaunchpadGrid as xr } from "./index36.js";
+import { LaunchpadSearch as cr } from "./index37.js";
+import { LaunchpadPagination as Cr } from "./index38.js";
+import { FileBrowser as Sr } from "./index39.js";
+import { FileBrowserProvider as yr, useFileBrowser as hr } from "./index40.js";
+import { DirectoryTree as vr } from "./index41.js";
+import { FileListView as Pr } from "./index42.js";
+import { FileGridView as br } from "./index43.js";
+import { FileContextMenu as Lr } from "./index44.js";
+import { Breadcrumb as kr } from "./index45.js";
+import { FileBrowserToolbar as wr } from "./index46.js";
+import { CodeFileIcon as Ar, ConfigFileIcon as Mr, DocumentFileIcon as Nr, FileIcon as zr, FolderIcon as Kr, FolderOpenIcon as Or, ImageFileIcon as Vr, StyleFileIcon as Er, getFileIcon as Hr } from "./index47.js";
+import { FloeProvider as Qr } from "./index48.js";
+import { FloeApp as Xr } from "./index49.js";
+import { ActivityAppsMain as jr } from "./index50.js";
+import { createSimpleContext as Jr } from "./index51.js";
+import { DEFAULT_FLOE_CONFIG as $r, FloeConfigProvider as eo, useFloeConfig as ro, useResolvedFloeConfig as oo } from "./index52.js";
+import { ThemeProvider as io, createThemeService as ao, useTheme as no } from "./index53.js";
+import { LayoutProvider as po, createLayoutService as fo, useLayout as lo } from "./index54.js";
+import { CommandProvider as so, createCommandService as co, useCommand as go } from "./index55.js";
+import { NotificationContainer as uo, NotificationProvider as So, createNotificationService as Fo, useNotification as yo } from "./index56.js";
+import { ComponentRegistryProvider as Io, createComponentRegistry as vo, useComponentContextFactory as Do, useComponentRegistry as Po } from "./index57.js";
+import { WidgetRegistryProvider as bo, createWidgetRegistry as Bo, useWidgetRegistry as Lo } from "./index58.js";
+import { DeckProvider as ko, createDeckService as Ro, useDeck as wo } from "./index59.js";
+import { WidgetStateProvider as Ao, useCurrentWidgetId as Mo, useWidgetState as No, useWidgetStateContext as zo } from "./index60.js";
+import { ViewActivationProvider as Oo, useViewActivation as Vo } from "./index61.js";
+import { useMediaQuery as Ho } from "./index62.js";
+import { useDebounce as Qo } from "./index63.js";
+import { useResizeObserver as Xo } from "./index64.js";
+import { useKeybind as jo } from "./index65.js";
+import { usePersisted as Jo } from "./index66.js";
+import { useDeckDrag as $o } from "./index67.js";
+import { cn as rt } from "./index68.js";
+import { deferAfterPaint as tt, deferNonBlocking as it } from "./index69.js";
+import { formatKeybind as nt, matchKeybind as mt, parseKeybind as pt } from "./index70.js";
+import { lockBodyStyle as ft } from "./index71.js";
+import { duration as xt, easing as st, fadeIn as ct, listContainer as gt, listItem as Ct, panelResize as ut, popIn as St, scaleIn as Ft, sidebarVariants as yt, slideInFromBottom as ht, slideInFromLeft as It, slideInFromRight as vt, slideInFromTop as Dt, springConfig as Pt } from "./index72.js";
+import { checkCollision as bt, constrainPosition as Bt, findFreePosition as Lt, hasCollision as Wt } from "./index73.js";
+import { applyDragDelta as Rt, applyResizeDelta as wt, getGridCellSize as Gt, pixelDeltaToGridDelta as At, positionToGridArea as Mt, snapToGrid as Nt } from "./index74.js";
+import { applyTheme as Kt, builtInThemes as Ot, getSystemTheme as Vt } from "./index75.js";
+import { FilesSidebarWidget as Ht, SearchSidebarWidget as _t, SettingsSidebarWidget as Qt, ShowcaseSidebarWidget as Ut, SidebarWidget as Xt } from "./index76.js";
+import { MetricsWidget as jt } from "./index77.js";
+import { TerminalWidget as Jt } from "./index78.js";
 export {
-  Xr as ActivityAppsMain,
+  jr as ActivityAppsMain,
   i as ActivityBar,
   le as AnimatedBorderCard,
-  Ge as ArrowRightLeft,
-  Ae as Bell,
+  Me as ArrowRightLeft,
+  Ne as Bell,
   c as BottomBar,
   g as BottomBarItem,
-  Lr as Breadcrumb,
+  kr as Breadcrumb,
   Z as Button,
   xe as Card,
   se as CardContent,
@@ -90,177 +91,178 @@ export {
   ge as CardFooter,
   Ce as CardHeader,
   ue as CardTitle,
-  Me as Check,
-  Ne as ChevronDown,
-  ze as ChevronRight,
-  wr as CodeFileIcon,
+  ze as Check,
+  Ke as ChevronDown,
+  Oe as ChevronRight,
+  Ar as CodeFileIcon,
   de as CommandPalette,
-  lo as CommandProvider,
-  ho as ComponentRegistryProvider,
-  Gr as ConfigFileIcon,
+  so as CommandProvider,
+  Io as ComponentRegistryProvider,
+  Mr as ConfigFileIcon,
   $ as ConfirmDialog,
-  Ke as Copy,
+  Ve as Copy,
   B as DECK_GRID_CONFIG,
-  Jr as DEFAULT_FLOE_CONFIG,
+  $r as DEFAULT_FLOE_CONFIG,
   R as DeckCell,
   L as DeckGrid,
-  Lo as DeckProvider,
+  ko as DeckProvider,
   _ as DeckTopBar,
   ee as Dialog,
-  yr as DirectoryTree,
-  Ar as DocumentFileIcon,
+  Pe as DirectoryPicker,
+  vr as DirectoryTree,
+  Nr as DocumentFileIcon,
   U as DropZonePreview,
   ie as Dropdown,
-  Cr as FileBrowser,
-  Sr as FileBrowserProvider,
-  kr as FileBrowserToolbar,
-  br as FileContextMenu,
-  Pr as FileGridView,
-  Mr as FileIcon,
-  vr as FileListView,
-  Oe as Files,
-  Vt as FilesSidebarWidget,
+  Sr as FileBrowser,
+  yr as FileBrowserProvider,
+  wr as FileBrowserToolbar,
+  Lr as FileContextMenu,
+  br as FileGridView,
+  zr as FileIcon,
+  Pr as FileListView,
+  Ee as Files,
+  Ht as FilesSidebarWidget,
   oe as FloatingWindow,
-  Qr as FloeApp,
-  Yr as FloeConfigProvider,
-  Hr as FloeProvider,
-  Nr as FolderIcon,
-  zr as FolderOpenIcon,
-  Ve as GitBranch,
-  Ee as Grid,
-  He as Grid3x3,
-  _e as GripVertical,
-  Kr as ImageFileIcon,
+  Xr as FloeApp,
+  eo as FloeConfigProvider,
+  Qr as FloeProvider,
+  Kr as FolderIcon,
+  Or as FolderOpenIcon,
+  He as GitBranch,
+  _e as Grid,
+  Qe as Grid3x3,
+  Ue as GripVertical,
+  Vr as ImageFileIcon,
   q as Input,
   Se as Interactive3DCard,
   T as KeepAliveStack,
-  nr as Launchpad,
-  fr as LaunchpadGrid,
-  pr as LaunchpadItem,
-  cr as LaunchpadPagination,
-  xr as LaunchpadSearch,
-  Qe as LayoutDashboard,
-  no as LayoutProvider,
+  pr as Launchpad,
+  xr as LaunchpadGrid,
+  fr as LaunchpadItem,
+  Cr as LaunchpadPagination,
+  cr as LaunchpadSearch,
+  Xe as LayoutDashboard,
+  po as LayoutProvider,
   E as LayoutSelector,
-  Ue as Loader2,
-  be as LoadingOverlay,
-  Xe as Maximize,
-  Xt as MetricsWidget,
-  Ze as Minus,
+  Ze as Loader2,
+  Le as LoadingOverlay,
+  je as Maximize,
+  jt as MetricsWidget,
+  qe as Minus,
   S as MobileTabBar,
-  je as Moon,
+  Je as Moon,
   Fe as MorphCard,
-  he as NeonCard,
-  go as NotificationContainer,
-  Co as NotificationProvider,
+  ye as NeonCard,
+  uo as NotificationContainer,
+  So as NotificationProvider,
   I as Panel,
   v as PanelContent,
   D as PanelHeader,
-  qe as Pencil,
-  Je as Plus,
-  h as ResizeHandle,
-  Ye as Restore,
-  $e as Search,
-  Et as SearchSidebarWidget,
+  Ye as Pencil,
+  $e as Plus,
+  y as ResizeHandle,
+  er as Restore,
+  rr as Search,
+  _t as SearchSidebarWidget,
   ae as Select,
-  er as Settings,
-  Ht as SettingsSidebarWidget,
+  or as Settings,
+  Qt as SettingsSidebarWidget,
   o as Shell,
-  _t as ShowcaseSidebarWidget,
+  Ut as ShowcaseSidebarWidget,
   n as Sidebar,
   m as SidebarContent,
   p as SidebarItem,
   d as SidebarItemList,
   f as SidebarSection,
-  Qt as SidebarWidget,
-  Le as Skeleton,
-  We as SkeletonCard,
-  ke as SkeletonList,
-  Re as SkeletonText,
-  Pe as SnakeLoader,
+  Xt as SidebarWidget,
+  ke as Skeleton,
+  Re as SkeletonCard,
+  we as SkeletonList,
+  Ge as SkeletonText,
+  be as SnakeLoader,
   C as StatusIndicator,
-  Or as StyleFileIcon,
-  rr as Sun,
+  Er as StyleFileIcon,
+  tr as Sun,
   Ie as TabPanel,
   ve as Tabs,
-  or as Terminal,
-  jt as TerminalWidget,
+  ir as Terminal,
+  Jt as TerminalWidget,
   J as Textarea,
-  oo as ThemeProvider,
+  io as ThemeProvider,
   me as Tooltip,
   x as TopBar,
-  tr as Trash,
-  zo as ViewActivationProvider,
+  ar as Trash,
+  Oo as ViewActivationProvider,
   G as WidgetFrame,
   z as WidgetPalette,
-  Po as WidgetRegistryProvider,
+  bo as WidgetRegistryProvider,
   M as WidgetResizeHandle,
-  wo as WidgetStateProvider,
+  Ao as WidgetStateProvider,
   O as WidgetTypeSwitcher,
-  ir as X,
-  Wt as applyDragDelta,
-  kt as applyResizeDelta,
-  Nt as applyTheme,
-  zt as builtInThemes,
-  Pt as checkCollision,
-  $o as cn,
-  Tt as constrainPosition,
-  xo as createCommandService,
-  yo as createComponentRegistry,
-  Wo as createDeckService,
-  mo as createLayoutService,
-  uo as createNotificationService,
-  jr as createSimpleContext,
-  to as createThemeService,
-  To as createWidgetRegistry,
-  rt as deferAfterPaint,
-  ot as deferNonBlocking,
-  ft as duration,
-  lt as easing,
-  xt as fadeIn,
-  bt as findFreePosition,
-  it as formatKeybind,
-  Vr as getFileIcon,
-  Rt as getGridCellSize,
+  nr as X,
+  Rt as applyDragDelta,
+  wt as applyResizeDelta,
+  Kt as applyTheme,
+  Ot as builtInThemes,
+  bt as checkCollision,
+  rt as cn,
+  Bt as constrainPosition,
+  co as createCommandService,
+  vo as createComponentRegistry,
+  Ro as createDeckService,
+  fo as createLayoutService,
+  Fo as createNotificationService,
+  Jr as createSimpleContext,
+  ao as createThemeService,
+  Bo as createWidgetRegistry,
+  tt as deferAfterPaint,
+  it as deferNonBlocking,
+  xt as duration,
+  st as easing,
+  ct as fadeIn,
+  Lt as findFreePosition,
+  nt as formatKeybind,
+  Hr as getFileIcon,
+  Gt as getGridCellSize,
   W as getGridConfigFromElement,
-  Kt as getSystemTheme,
-  Bt as hasCollision,
-  st as listContainer,
-  ct as listItem,
-  pt as lockBodyStyle,
-  at as matchKeybind,
-  gt as panelResize,
-  nt as parseKeybind,
-  wt as pixelDeltaToGridDelta,
-  Ct as popIn,
-  Gt as positionToGridArea,
-  ut as scaleIn,
-  St as sidebarVariants,
-  Ft as slideInFromBottom,
-  ht as slideInFromLeft,
-  yt as slideInFromRight,
-  It as slideInFromTop,
-  At as snapToGrid,
-  vt as springConfig,
-  so as useCommand,
-  Io as useComponentContextFactory,
-  vo as useComponentRegistry,
-  Go as useCurrentWidgetId,
-  Ho as useDebounce,
-  ko as useDeck,
-  Jo as useDeckDrag,
-  Fr as useFileBrowser,
-  $r as useFloeConfig,
-  Xo as useKeybind,
-  po as useLayout,
-  Vo as useMediaQuery,
-  So as useNotification,
-  jo as usePersisted,
-  Qo as useResizeObserver,
-  eo as useResolvedFloeConfig,
-  io as useTheme,
-  Ko as useViewActivation,
-  bo as useWidgetRegistry,
-  Ao as useWidgetState,
-  Mo as useWidgetStateContext
+  Vt as getSystemTheme,
+  Wt as hasCollision,
+  gt as listContainer,
+  Ct as listItem,
+  ft as lockBodyStyle,
+  mt as matchKeybind,
+  ut as panelResize,
+  pt as parseKeybind,
+  At as pixelDeltaToGridDelta,
+  St as popIn,
+  Mt as positionToGridArea,
+  Ft as scaleIn,
+  yt as sidebarVariants,
+  ht as slideInFromBottom,
+  It as slideInFromLeft,
+  vt as slideInFromRight,
+  Dt as slideInFromTop,
+  Nt as snapToGrid,
+  Pt as springConfig,
+  go as useCommand,
+  Do as useComponentContextFactory,
+  Po as useComponentRegistry,
+  Mo as useCurrentWidgetId,
+  Qo as useDebounce,
+  wo as useDeck,
+  $o as useDeckDrag,
+  hr as useFileBrowser,
+  ro as useFloeConfig,
+  jo as useKeybind,
+  lo as useLayout,
+  Ho as useMediaQuery,
+  yo as useNotification,
+  Jo as usePersisted,
+  Xo as useResizeObserver,
+  oo as useResolvedFloeConfig,
+  no as useTheme,
+  Vo as useViewActivation,
+  Lo as useWidgetRegistry,
+  No as useWidgetState,
+  zo as useWidgetStateContext
 };

package/dist/index10.js

@@ -1,7 +1,7 @@
 import { template as E, insert as x, createComponent as I, effect as z, className as V, setStyleProperty as q } from "solid-js/web";
 import { createMemo as w, createSignal as b, untrack as B, createEffect as S, For as F } from "solid-js";
-import { ViewActivationProvider as N } from "./index60.js";
-import { cn as A } from "./index67.js";
+import { ViewActivationProvider as N } from "./index61.js";
+import { cn as A } from "./index68.js";
 var C = /* @__PURE__ */ E("<div>");
 function y(n) {
   return String(n ?? "").trim();

package/dist/index11.js

@@ -1,9 +1,9 @@
 import { template as C, insert as h, createComponent as f, effect as O, setStyleProperty as I, className as $, setAttribute as z, use as F } from "solid-js/web";
 import { createSignal as A, createEffect as L, createMemo as s, onMount as T, Show as _, For as E, onCleanup as N } from "solid-js";
-import { cn as W } from "./index67.js";
-import { useDeck as V } from "./index58.js";
-import { useLayout as Z } from "./index53.js";
-import { hasCollision as K } from "./index72.js";
+import { cn as W } from "./index68.js";
+import { useDeck as V } from "./index59.js";
+import { useLayout as Z } from "./index54.js";
+import { hasCollision as K } from "./index73.js";
 import { DeckCell as U } from "./index12.js";
 import { DropZonePreview as j } from "./index19.js";
 var q = /* @__PURE__ */ C('<div class="absolute inset-0 pointer-events-none z-0 rounded"style="padding:inherit;background-origin:content-box;background-clip:content-box;background-image:linear-gradient(to right, color-mix(in srgb, var(--border) 15%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--border) 15%, transparent) 1px, transparent 1px) ;background-position:0 0">'), B = /* @__PURE__ */ C('<div data-grid-cols=24 data-gap=4 data-default-rows=24 style="scrollbar-gutter:stable;grid-template-columns:repeat(24, 1fr);gap:4px"><div class=pointer-events-none aria-hidden=true style=grid-column:1>');

package/dist/index12.js

@@ -1,10 +1,10 @@
 import { template as y, insert as o, createComponent as g, Dynamic as C, effect as f, className as w, style as z, setAttribute as R } from "solid-js/web";
 import { createMemo as a, Show as k } from "solid-js";
-import { cn as v } from "./index67.js";
-import { useDeck as $ } from "./index58.js";
-import { useWidgetRegistry as M } from "./index57.js";
-import { WidgetStateProvider as A } from "./index59.js";
-import { positionToGridArea as _ } from "./index73.js";
+import { cn as v } from "./index68.js";
+import { useDeck as $ } from "./index59.js";
+import { useWidgetRegistry as M } from "./index58.js";
+import { WidgetStateProvider as A } from "./index60.js";
+import { positionToGridArea as _ } from "./index74.js";
 import { WidgetFrame as I } from "./index13.js";
 var h = /* @__PURE__ */ y("<div>"), O = /* @__PURE__ */ y('<div class="h-full flex items-center justify-center text-muted-foreground text-xs"><span>Widget: ');
 function H(e) {

package/dist/index13.js

@@ -1,8 +1,8 @@
 import { delegateEvents as h, template as c, insert as i, createComponent as e, effect as v, className as x } from "solid-js/web";
 import { Show as l } from "solid-js";
-import { cn as $ } from "./index67.js";
-import { useDeck as _ } from "./index58.js";
-import { GripVertical as b, X as k } from "./index32.js";
+import { cn as $ } from "./index68.js";
+import { useDeck as _ } from "./index59.js";
+import { GripVertical as b, X as k } from "./index33.js";
 import { WidgetResizeHandle as d } from "./index14.js";
 import { WidgetTypeSwitcher as C } from "./index16.js";
 var D = /* @__PURE__ */ c("<div class=text-muted-foreground/50>"), W = /* @__PURE__ */ c('<button class="p-0.5 rounded hover:bg-destructive/10 text-muted-foreground hover:text-destructive transition-colors cursor-pointer pointer-events-auto"title="Remove widget">'), y = /* @__PURE__ */ c('<div class="h-full flex flex-col"><div><span class="flex-1 text-xs font-medium text-foreground truncate"></span></div><div class="flex-1 min-h-0 overflow-auto">');

package/dist/index14.js

@@ -1,10 +1,10 @@
 import { delegateEvents as Y, template as X, effect as L, className as M, setAttribute as H, use as T } from "solid-js/web";
 import { createSignal as _, onCleanup as q } from "solid-js";
-import { cn as N } from "./index67.js";
-import { useDeck as O } from "./index58.js";
-import { applyResizeDelta as U } from "./index73.js";
+import { cn as N } from "./index68.js";
+import { useDeck as O } from "./index59.js";
+import { applyResizeDelta as U } from "./index74.js";
 import { getGridConfigFromElement as k } from "./index11.js";
-import { lockBodyStyle as x } from "./index70.js";
+import { lockBodyStyle as x } from "./index71.js";
 var j = /* @__PURE__ */ X("<div style=touch-action:none>");
 const J = {
   n: "top-0 left-2 right-2 h-2 cursor-ns-resize",

package/dist/index15.js

@@ -1,11 +1,11 @@
 import { delegateEvents as O, createComponent as e, template as l, insert as r, effect as P, className as j } from "solid-js/web";
 import { createSignal as k, Show as n, For as y } from "solid-js";
-import { cn as f } from "./index67.js";
-import { useDeck as D } from "./index58.js";
-import { useWidgetRegistry as F } from "./index57.js";
-import { Plus as T, X, ChevronRight as q } from "./index32.js";
+import { cn as f } from "./index68.js";
+import { useDeck as D } from "./index59.js";
+import { useWidgetRegistry as F } from "./index58.js";
+import { Plus as T, X, ChevronRight as q } from "./index33.js";
 import { Button as G } from "./index20.js";
-import { deferNonBlocking as H } from "./index68.js";
+import { deferNonBlocking as H } from "./index69.js";
 var J = /* @__PURE__ */ l('<div class="text-center text-muted-foreground text-sm py-8">No widgets registered'), K = /* @__PURE__ */ l('<div><div class="flex items-center justify-between p-3 border-b border-border"><h2 class="text-sm font-semibold">Add Widget</h2><button class="p-1 rounded hover:bg-muted transition-colors cursor-pointer"></button></div><div class="p-2 overflow-y-auto h-[calc(100%-48px)]">'), L = /* @__PURE__ */ l('<div class="fixed inset-0 bg-black/20 z-40">'), Q = /* @__PURE__ */ l('<div class="ml-4 mt-1 space-y-1">'), U = /* @__PURE__ */ l('<div class=mb-2><button class="w-full flex items-center gap-2 p-2 rounded hover:bg-muted transition-colors text-left cursor-pointer"><span class="text-sm font-medium"></span><span class="ml-auto text-xs text-muted-foreground">'), V = /* @__PURE__ */ l('<button class="w-full flex items-center gap-2 p-2 rounded hover:bg-muted transition-colors text-left cursor-pointer"><span class=text-sm>'), Y = /* @__PURE__ */ l('<div class="w-4 h-4">');
 function ie(C) {
   const p = D(), b = F(), [d, s] = k(!1), [W, z] = k(null), S = [{

package/dist/index16.js

@@ -1,10 +1,10 @@
 import { delegateEvents as E, createComponent as o, template as s, insert as l, effect as v, className as x, Portal as R, setStyleProperty as w, use as T } from "solid-js/web";
 import { createSignal as y, createEffect as W, onCleanup as I, Show as p, For as L } from "solid-js";
-import { cn as m } from "./index67.js";
-import { useDeck as N } from "./index58.js";
-import { useWidgetRegistry as z } from "./index57.js";
-import { deferNonBlocking as A } from "./index68.js";
-import { ArrowRightLeft as B, ChevronDown as M } from "./index32.js";
+import { cn as m } from "./index68.js";
+import { useDeck as N } from "./index59.js";
+import { useWidgetRegistry as z } from "./index58.js";
+import { deferNonBlocking as A } from "./index69.js";
+import { ArrowRightLeft as B, ChevronDown as M } from "./index33.js";
 var O = /* @__PURE__ */ s('<button title="Switch widget type">'), F = /* @__PURE__ */ s('<div class="fixed inset-0 z-[9998]">'), K = /* @__PURE__ */ s('<div class="px-2 py-3 text-xs text-muted-foreground text-center">No other widget types available'), j = /* @__PURE__ */ s('<div><div class=p-1><div class="px-2 py-1.5 text-xs text-muted-foreground font-medium">Switch to'), q = /* @__PURE__ */ s('<button class="w-full flex items-center gap-2 px-2 py-1.5 rounded hover:bg-muted transition-colors text-left cursor-pointer"><span class=text-xs>'), G = /* @__PURE__ */ s('<div class="w-4 h-4">');
 function Z(f) {
   const $ = N(), b = z(), [c, d] = y(!1), [g, k] = y({

package/dist/index17.js

@@ -1,9 +1,9 @@
 import { delegateEvents as j, template as s, insert as o, createComponent as a, memo as q, effect as w, className as C } from "solid-js/web";
 import { createSignal as R, Show as v, For as G } from "solid-js";
-import { cn as b } from "./index67.js";
-import { useDeck as H } from "./index58.js";
-import { deferNonBlocking as g } from "./index68.js";
-import { ChevronDown as J, Check as K, Copy as M, Pencil as Q, Trash as U } from "./index32.js";
+import { cn as b } from "./index68.js";
+import { useDeck as H } from "./index59.js";
+import { deferNonBlocking as g } from "./index69.js";
+import { ChevronDown as J, Check as K, Copy as M, Pencil as Q, Trash as U } from "./index33.js";
 var W = /* @__PURE__ */ s('<div class="absolute top-full left-0 mt-1 w-64 bg-popover border border-border rounded-md shadow-lg z-50 overflow-hidden"><div class="max-h-64 overflow-y-auto py-1"></div><div class="border-t border-border px-2 py-1.5"><button class="w-full text-left text-xs text-primary hover:underline cursor-pointer">+ New Layout'), X = /* @__PURE__ */ s('<div class="fixed inset-0 z-40">'), Y = /* @__PURE__ */ s('<div><button><span class="truncate max-w-[120px]">'), Z = /* @__PURE__ */ s('<span class="flex-1 text-xs truncate">'), ee = /* @__PURE__ */ s('<button class="p-1 rounded hover:bg-background transition-colors cursor-pointer"title=Rename>'), te = /* @__PURE__ */ s('<button class="p-1 rounded hover:bg-destructive/10 transition-colors cursor-pointer"title=Delete>'), re = /* @__PURE__ */ s('<div class="flex items-center gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity"><button class="p-1 rounded hover:bg-background transition-colors cursor-pointer"title=Duplicate>'), ne = /* @__PURE__ */ s('<div><div class="w-4 h-4 flex-shrink-0">'), oe = /* @__PURE__ */ s('<input type=text class="flex-1 text-xs bg-background border border-border rounded px-1.5 py-0.5"autofocus>'), le = /* @__PURE__ */ s('<span class="ml-1 text-[10px] text-muted-foreground">(preset)');
 function pe(N) {
   const u = H(), [$, d] = R(!1), [I, _] = R(null), [P, h] = R(""), L = () => u.activeLayout(), D = () => u.layouts(), T = (t) => {