@columenlabs/lumen-ui 0.1.284 → 0.1.286

package/dist/settings.d.ts

@@ -47,8 +47,8 @@ export declare function ThemeToggle({ compact }: {
     compact?: boolean;
 }): import("react").JSX.Element;
 /** Every Settings section in the order the dialog lists them: General, the product's, the groups', the app's. */
-export declare function allSettings(profile: ReactNode | undefined, shared?: SettingsSectionDef[], sections?: SettingsSectionDef[], security?: ReactNode, groups?: SettingsGroupDef[]): SettingsSectionDef[];
-export declare function LumenSettings({ open, section, onOpen, onClose, appLabel, profile, security, sections, shared, sharedLabel, groups, }: {
+export declare function allSettings(profile: ReactNode | undefined, shared?: SettingsSectionDef[], sections?: SettingsSectionDef[], security?: ReactNode, groups?: SettingsGroupDef[], preferences?: ReactNode): SettingsSectionDef[];
+export declare function LumenSettings({ open, section, onOpen, onClose, appLabel, profile, security, sections, shared, sharedLabel, groups, preferences, }: {
     open: boolean;
     /** The section shown; unknown ids show Profile. */
     section: string;
@@ -66,4 +66,7 @@ export declare function LumenSettings({ open, section, onOpen, onClose, appLabel
     sharedLabel?: string;
     /** More labelled groups (one per app), listed after the shared ones and before the app's own. */
     groups?: SettingsGroupDef[];
+    /** The app's own rows (`SettingField`s), added under General ▸ Preferences after the kit's,
+     *  for a per-device choice that belongs with the rest rather than in a section of its own. */
+    preferences?: ReactNode;
 }): import("react").JSX.Element;

package/dist/settings.js

@@ -66,9 +66,9 @@ function Appearance() {
     const prefs = usePrefs();
     return (_jsxs("div", { className: "flex flex-col", children: [_jsx(SettingRow, { label: "Theme", description: "Light, dark, or follow the device.", children: _jsx(ThemeToggle, {}) }), _jsx(SettingRow, { label: "Font", description: "The typeface for text. Numbers keep their own.", children: _jsx(LumenSelector, { label: "Font", size: "sm", className: "w-40", options: FONTS.map((f) => ({ value: f.id, label: f.label })), value: prefs.font, onChange: (v) => setPref('font', v) }) }), _jsx(SettingRow, { label: "Text size", description: "Larger text makes everything a little roomier.", children: _jsx(ToggleGroup, { type: "single", variant: "outline", size: "sm", spacing: 0, value: prefs.fontSize, onValueChange: (v) => v && setPref('fontSize', v), "aria-label": "Text size", children: FONT_SIZES.map((f) => (_jsx(ToggleGroupItem, { value: f.id, "aria-label": `${f.label} text`, children: f.label }, f.id))) }) }), _jsx(SettingRow, { label: "Glass surfaces", description: "Frosted cards and panels.", htmlFor: "settings-glass", children: _jsx(Switch, { id: "settings-glass", checked: prefs.glass, onCheckedChange: (v) => setPref('glass', v) }) })] }));
 }
-function Preferences() {
+function Preferences({ extra }) {
     const prefs = usePrefs();
-    return (_jsxs("div", { className: "flex flex-col", children: [_jsx(SettingRow, { label: "Time zone", description: "Every time on every desk shows in this zone.", children: _jsx(TimeZoneSelect, {}) }), _jsx(SettingRow, { label: "Observability details", description: "Show how long each card and view took to load, with its rows and when.", htmlFor: "settings-observability", children: _jsx(Switch, { id: "settings-observability", checked: prefs.observability, onCheckedChange: (v) => setPref('observability', v) }) })] }));
+    return (_jsxs("div", { className: "flex flex-col", children: [_jsx(SettingRow, { label: "Time zone", description: "Every time on every desk shows in this zone.", children: _jsx(TimeZoneSelect, {}) }), _jsx(SettingRow, { label: "Observability details", description: "Show how long each card and view took to load, with its rows and when.", htmlFor: "settings-observability", children: _jsx(Switch, { id: "settings-observability", checked: prefs.observability, onCheckedChange: (v) => setPref('observability', v) }) }), extra] }));
 }
 /** General: the person's own settings, the same on every app. */
 const PROFILE = {
@@ -83,7 +83,7 @@ const SECURITY = {
     icon: ShieldCheckIcon,
     description: 'How you sign in. Changes ask you to confirm it’s you.',
 };
-const GENERAL = [
+const general = (preferences) => [
     {
         id: 'appearance',
         title: 'Appearance',
@@ -96,28 +96,28 @@ const GENERAL = [
         title: 'Preferences',
         icon: SlidersHorizontalIcon,
         description: 'Times and details on every desk, saved in this browser.',
-        content: _jsx(Preferences, {}),
+        content: _jsx(Preferences, { extra: preferences }),
     },
 ];
-function generalSettings(profile, security) {
+function generalSettings(profile, security, preferences) {
     return [
         ...(profile ? [{ ...PROFILE, content: profile }] : []),
         ...(security ? [{ ...SECURITY, content: security }] : []),
-        ...GENERAL,
+        ...general(preferences),
     ];
 }
 /** Every Settings section in the order the dialog lists them: General, the product's, the groups', the app's. */
-export function allSettings(profile, shared = [], sections = [], security, groups = []) {
+export function allSettings(profile, shared = [], sections = [], security, groups = [], preferences) {
     return [
-        ...generalSettings(profile, security),
+        ...generalSettings(profile, security, preferences),
         ...shared,
         ...groups.flatMap((g) => g.sections),
         ...sections,
     ];
 }
-export function LumenSettings({ open, section, onOpen, onClose, appLabel, profile, security, sections = [], shared = [], sharedLabel = 'All apps', groups = [], }) {
-    const all = allSettings(profile, shared, sections, security, groups);
-    const general = generalSettings(profile, security);
+export function LumenSettings({ open, section, onOpen, onClose, appLabel, profile, security, sections = [], shared = [], sharedLabel = 'All apps', groups = [], preferences, }) {
+    const all = allSettings(profile, shared, sections, security, groups, preferences);
+    const general = generalSettings(profile, security, preferences);
     const current = all.find((s) => s.id === section) ?? all[0];
     // The assistant opens Settings at a section (it never changes a setting); Undo puts it back as it was.
     useAssistantMoves('settings', {

package/dist/shell.d.ts

@@ -86,6 +86,8 @@ export interface LumenShellProps {
     profile?: ReactNode;
     /** Settings ▸ General ▸ Security's content (LumenSignInMethods); no Security section without it. */
     security?: ReactNode;
+    /** The app's own rows (`SettingField`s) added under Settings ▸ General ▸ Preferences. */
+    preferences?: ReactNode;
     /** Reloads the page's data and drops every cached read (TanStack Query `invalidateQueries`);
      *  shows Refresh in the header, which then mounts the page again. */
     onRefresh?: () => Promise<unknown>;
@@ -104,7 +106,7 @@ export interface LumenShellProps {
     /** The routed page (usually `<Outlet />`). */
     children: ReactNode;
 }
-export declare function LumenShell({ app, appLabel, brand, nav, tabs, bar, status, health, statusEnd, releases, releaseApps, settings, shared, sharedLabel, settingsGroups, user, signOutUrl, profile, security, onRefresh, hideAmounts, onLogs, headerActions, panel, finder, wrap, children, }: LumenShellProps): import("react").JSX.Element;
+export declare function LumenShell({ app, appLabel, brand, nav, tabs, bar, status, health, statusEnd, releases, releaseApps, settings, shared, sharedLabel, settingsGroups, user, signOutUrl, profile, security, preferences, onRefresh, hideAmounts, onLogs, headerActions, panel, finder, wrap, children, }: LumenShellProps): import("react").JSX.Element;
 /** A status bar entry: an optional health dot, a label and its value ("Mail · Up to date"). */
 export declare function StatusItem({ label, value, ok, className, }: {
     label: ReactNode;

package/dist/shell.js

@@ -99,7 +99,7 @@ const settingsFromUrl = (() => {
     window.history.replaceState(window.history.state, '', url);
     return at || 'profile';
 })();
-export function LumenShell({ app, appLabel, brand, nav, tabs, bar, status, health, statusEnd, releases, releaseApps, settings, shared, sharedLabel, settingsGroups, user = null, signOutUrl, profile, security, onRefresh, hideAmounts = false, onLogs, headerActions = null, panel, finder, wrap = (frame) => frame, children, }) {
+export function LumenShell({ app, appLabel, brand, nav, tabs, bar, status, health, statusEnd, releases, releaseApps, settings, shared, sharedLabel, settingsGroups, user = null, signOutUrl, profile, security, preferences, onRefresh, hideAmounts = false, onLogs, headerActions = null, panel, finder, wrap = (frame) => frame, children, }) {
     const [statusSlot, setStatusSlot] = useState(null);
     const [dockSlot, setDockSlot] = useState(null);
     const [refreshing, setRefreshing] = useState(false);
@@ -129,7 +129,7 @@ export function LumenShell({ app, appLabel, brand, nav, tabs, bar, status, healt
         document.documentElement.dataset.app = app;
     }, [app]);
     // Find lists every Settings section by name.
-    const sectionNames = JSON.stringify(allSettings(profile, shared, settings, security, settingsGroups).map((s) => ({
+    const sectionNames = JSON.stringify(allSettings(profile, shared, settings, security, settingsGroups, preferences).map((s) => ({
         id: s.id,
         title: s.title,
     })));
@@ -145,7 +145,7 @@ export function LumenShell({ app, appLabel, brand, nav, tabs, bar, status, healt
                 refreshing,
                 hideAmounts,
                 headerActions,
-            }, children: _jsx(StatusBarProvider, { children: _jsx(DockSlot.Provider, { value: dockSlot, children: _jsx(StatusSignals, { app: app, model: bar, openSettings: openSettings, children: _jsx(SourceHealthProvider, { children: wrap(_jsx(TooltipProvider, { delayDuration: 200, children: _jsx(SidebarProvider, { defaultOpen: sidebarOpen(), children: _jsxs(LumenFinder, { app: app, settings: findSettings, openSettings: openSettings, config: finder, children: [_jsx(CloseDrawerOnNavigate, {}), _jsxs(Sidebar, { collapsible: "icon", children: [_jsx(SidebarHeader, { children: brand }), _jsx(SidebarContent, { children: nav }), _jsx(SidebarFooter, { children: _jsx(NavUser, { who: user, signOutUrl: signOutUrl, onSettings: () => openSettings(), onLogs: onLogs }) }), _jsx(SidebarRail, {})] }), _jsxs(SidebarInset, { className: "flex min-h-svh min-w-0 flex-col", children: [_jsx(SignalBanners, {}), _jsx("div", { className: "flex min-w-0 flex-1 flex-col", children: children }, epoch), _jsx(LumenStatusBar, { app: app, model: bar, legacy: status, slot: setStatusSlot, end: _jsxs(_Fragment, { children: [health, releases && _jsx(WhatsNew, { api: releases, apps: releaseApps }), statusEnd, _jsx(StatusTimeZone, {})] }) }), tabs && _jsx(LumenTabBar, { items: tabs })] }), _jsx("div", { ref: setDockSlot, "data-slot": "shell-dock", className: "contents" }), panel, _jsx(LumenSettings, { open: settingsAt !== null, section: settingsAt ?? lastSection, onOpen: openSettings, onClose: () => setSettingsAt(null), appLabel: appLabel, profile: profile, security: security, sections: settings, shared: shared, sharedLabel: sharedLabel, groups: settingsGroups }), _jsx(Toaster, { position: "bottom-right" })] }) }) })) }) }) }) }) }) }));
+            }, children: _jsx(StatusBarProvider, { children: _jsx(DockSlot.Provider, { value: dockSlot, children: _jsx(StatusSignals, { app: app, model: bar, openSettings: openSettings, children: _jsx(SourceHealthProvider, { children: wrap(_jsx(TooltipProvider, { delayDuration: 200, children: _jsx(SidebarProvider, { defaultOpen: sidebarOpen(), children: _jsxs(LumenFinder, { app: app, settings: findSettings, openSettings: openSettings, config: finder, children: [_jsx(CloseDrawerOnNavigate, {}), _jsxs(Sidebar, { collapsible: "icon", children: [_jsx(SidebarHeader, { children: brand }), _jsx(SidebarContent, { children: nav }), _jsx(SidebarFooter, { children: _jsx(NavUser, { who: user, signOutUrl: signOutUrl, onSettings: () => openSettings(), onLogs: onLogs }) }), _jsx(SidebarRail, {})] }), _jsxs(SidebarInset, { className: "flex min-h-svh min-w-0 flex-col", children: [_jsx(SignalBanners, {}), _jsx("div", { className: "flex min-w-0 flex-1 flex-col", children: children }, epoch), _jsx(LumenStatusBar, { app: app, model: bar, legacy: status, slot: setStatusSlot, end: _jsxs(_Fragment, { children: [health, releases && _jsx(WhatsNew, { api: releases, apps: releaseApps }), statusEnd, _jsx(StatusTimeZone, {})] }) }), tabs && _jsx(LumenTabBar, { items: tabs })] }), _jsx("div", { ref: setDockSlot, "data-slot": "shell-dock", className: "contents" }), panel, _jsx(LumenSettings, { open: settingsAt !== null, section: settingsAt ?? lastSection, onOpen: openSettings, onClose: () => setSettingsAt(null), appLabel: appLabel, profile: profile, security: security, sections: settings, shared: shared, sharedLabel: sharedLabel, groups: settingsGroups, preferences: preferences }), _jsx(Toaster, { position: "bottom-right" })] }) }) })) }) }) }) }) }) }));
 }
 /** A status bar entry: an optional health dot, a label and its value ("Mail · Up to date"). */
 export function StatusItem({ label, value, ok, className, }) {

package/dist/ui/dropdown-menu.js

@@ -12,25 +12,25 @@ function DropdownMenuTrigger({ ...props }) {
     return _jsx(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
 }
 function DropdownMenuContent({ className, align = 'start', sideOffset = 4, ...props }) {
-    return (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { "data-slot": "dropdown-menu-content", sideOffset: sideOffset, align: align, className: cn('data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-lg p-1 shadow-md ring-1 duration-100 cn-menu-target cn-menu-translucent z-50 max-h-(--radix-dropdown-menu-content-available-height) w-(--radix-dropdown-menu-trigger-width) origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto data-[state=closed]:overflow-hidden', className), ...props }) }));
+    return (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { "data-slot": "dropdown-menu-content", sideOffset: sideOffset, align: align, className: cn('data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-lg p-1 shadow-md ring-1 duration-100 cn-menu-target cn-menu-translucent z-50 max-h-(--radix-dropdown-menu-content-available-height) w-max min-w-(--radix-dropdown-menu-trigger-width) max-w-[calc(100vw-1rem)] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto data-[state=closed]:overflow-hidden', className), ...props }) }));
 }
 function DropdownMenuGroup({ ...props }) {
     return _jsx(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
 }
 function DropdownMenuItem({ className, inset, variant = 'default', ...props }) {
-    return (_jsx(DropdownMenuPrimitive.Item, { "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className), ...props }));
+    return (_jsx(DropdownMenuPrimitive.Item, { "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 whitespace-nowrap [&_svg:not([class*='size-'])]:size-4 group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className), ...props }));
 }
 function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }) {
-    return (_jsxs(DropdownMenuPrimitive.CheckboxItem, { "data-slot": "dropdown-menu-checkbox-item", "data-inset": inset, className: cn("focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className), checked: checked, ...props, children: [_jsx("span", { className: "absolute right-2 flex items-center justify-center pointer-events-none", "data-slot": "dropdown-menu-checkbox-item-indicator", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CheckIcon, {}) }) }), children] }));
+    return (_jsxs(DropdownMenuPrimitive.CheckboxItem, { "data-slot": "dropdown-menu-checkbox-item", "data-inset": inset, className: cn("focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 whitespace-nowrap [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className), checked: checked, ...props, children: [_jsx("span", { className: "absolute right-2 flex items-center justify-center pointer-events-none", "data-slot": "dropdown-menu-checkbox-item-indicator", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CheckIcon, {}) }) }), children] }));
 }
 function DropdownMenuRadioGroup({ ...props }) {
     return _jsx(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
 }
 function DropdownMenuRadioItem({ className, children, inset, ...props }) {
-    return (_jsx(DropdownMenuPrimitive.RadioItem, { "data-slot": "dropdown-menu-radio-item", "data-inset": inset, className: cn("focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-[state=checked]:bg-muted gap-1.5 rounded-md py-1 pr-2 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className), ...props, children: children }));
+    return (_jsx(DropdownMenuPrimitive.RadioItem, { "data-slot": "dropdown-menu-radio-item", "data-inset": inset, className: cn("focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-[state=checked]:bg-muted gap-1.5 rounded-md py-1 pr-2 pl-1.5 text-sm data-inset:pl-7 whitespace-nowrap [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className), ...props, children: children }));
 }
 function DropdownMenuLabel({ className, inset, ...props }) {
-    return (_jsx(DropdownMenuPrimitive.Label, { "data-slot": "dropdown-menu-label", "data-inset": inset, className: cn('text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7', className), ...props }));
+    return (_jsx(DropdownMenuPrimitive.Label, { "data-slot": "dropdown-menu-label", "data-inset": inset, className: cn('text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7 whitespace-nowrap', className), ...props }));
 }
 function DropdownMenuSeparator({ className, ...props }) {
     return (_jsx(DropdownMenuPrimitive.Separator, { "data-slot": "dropdown-menu-separator", className: cn('bg-border -mx-1 my-1 h-px', className), ...props }));
@@ -42,7 +42,7 @@ function DropdownMenuSub({ ...props }) {
     return _jsx(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
-    return (_jsxs(DropdownMenuPrimitive.SubTrigger, { "data-slot": "dropdown-menu-sub-trigger", "data-inset": inset, className: cn("focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none [&_svg]:pointer-events-none [&_svg]:shrink-0", className), ...props, children: [children, _jsx(ChevronRightIcon, { className: "cn-rtl-flip ml-auto" })] }));
+    return (_jsxs(DropdownMenuPrimitive.SubTrigger, { "data-slot": "dropdown-menu-sub-trigger", "data-inset": inset, className: cn("focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 whitespace-nowrap [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none [&_svg]:pointer-events-none [&_svg]:shrink-0", className), ...props, children: [children, _jsx(ChevronRightIcon, { className: "cn-rtl-flip ml-auto" })] }));
 }
 function DropdownMenuSubContent({ className, ...props }) {
     return (_jsx(DropdownMenuPrimitive.SubContent, { "data-slot": "dropdown-menu-sub-content", className: cn('data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-[96px] rounded-lg p-1 shadow-lg ring-1 duration-100 cn-menu-target cn-menu-translucent z-50 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden', className), ...props }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@columenlabs/lumen-ui",
-  "version": "0.1.284",
+  "version": "0.1.286",
   "description": "Lumen: shared React components (frame, views, widgets, charts, drawers).",
   "license": "MIT",
   "type": "module",
@@ -49,7 +49,7 @@
     "@codemirror/lang-javascript": "6.2.5",
     "@codemirror/lang-json": "6.0.2",
     "@codemirror/lang-sql": "6.10.0",
-    "@columenlabs/lumen-ui-types": "0.1.284",
+    "@columenlabs/lumen-ui-types": "0.1.286",
     "@dnd-kit/core": "6.3.1",
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",