@khal-os/ui 1.0.23 → 1.0.24

package/dist/index.d.cts

@@ -924,10 +924,14 @@ declare const KHAL_TERTIARY = "oklch(47.99% 0.0369 269.33)";
 declare const KHAL_BORDER_STRONG = "oklch(36.17% 0.0439 266.77)";
 declare const KHAL_ACCENT_BLUE = "oklch(55.73% 0.1910 256.76)";
 declare const KHAL_SURFACE_LIGHT = "oklch(95.99% 0.0079 73.74)";
+declare const KHAL_ACCENT_HOVER = "oklch(78% 0.1 63.09)";
+declare const KHAL_ACCENT_GLOW = "oklch(71.49% 0.1112 63.09 / 0.2)";
+declare const KHAL_ERROR = "oklch(63.7% 0.231 25.3)";
 declare const KHAL_FONT_DISPLAY = "\"Geist\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif";
 declare const KHAL_FONT_BODY = "\"Geist\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif";
 declare const KHAL_FONT_MONO = "\"Geist Mono\", \"SFMono-Regular\", ui-monospace, Menlo, Consolas, monospace";
 declare const KHAL_RADIUS = "10px";
+declare const KHAL_RADIUS_SM = "8px";
 declare const KHAL_RADIUS_LG = "12px";
 declare const KHAL_MOTION_EASE = "cubic-bezier(0.22, 1, 0.36, 1)";
 declare const KHAL_MOTION_DURATION_MS = 420;
@@ -949,6 +953,9 @@ declare const KHAL_TOKENS: Readonly<{
         readonly borderStrong: "oklch(36.17% 0.0439 266.77)";
         readonly accentBlue: "oklch(55.73% 0.1910 256.76)";
         readonly surfaceLight: "oklch(95.99% 0.0079 73.74)";
+        readonly accentHover: "oklch(78% 0.1 63.09)";
+        readonly accentGlow: "oklch(71.49% 0.1112 63.09 / 0.2)";
+        readonly error: "oklch(63.7% 0.231 25.3)";
     };
     readonly font: {
         readonly display: "\"Geist\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif";
@@ -957,6 +964,7 @@ declare const KHAL_TOKENS: Readonly<{
     };
     readonly radius: {
         readonly base: "10px";
+        readonly sm: "8px";
         readonly lg: "12px";
     };
     readonly motion: {
@@ -983,6 +991,10 @@ declare const KHAL_CSS_VARS: Readonly<{
     readonly borderStrong: "--khal-border-strong";
     readonly accentBlue: "--khal-accent-blue";
     readonly surfaceLight: "--khal-surface-light";
+    readonly accentHover: "--khal-accent-hover";
+    readonly accentGlow: "--khal-accent-glow";
+    readonly error: "--khal-error";
+    readonly radiusSm: "--khal-radius-sm";
 }>;
 
 /**
@@ -1010,4 +1022,4 @@ interface AppComponentProps {
     meta?: Record<string, unknown>;
 }
 
-export { ACCENT_BLUE, type AppComponentProps, Avatar, type AvatarProps, BUTTON_RADIUS, Badge, Button, type ButtonProps, CELL_BG, CHROME_BG, CollapsibleSidebar, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CostCounter, type CostCounterProps, DataRow, type DataRowProps, type DesktopNotifMode, type DesktopNotification, Dialog, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type FeedEvent, type FeedEventType, GlassCard, type GlassCardProps, Input, KHAL_ACCENT, KHAL_ACCENT_BLUE, KHAL_BG, KHAL_BORDER, KHAL_BORDER_STRONG, KHAL_CELL, KHAL_CHROME, KHAL_CSS_VARS, KHAL_FG, KHAL_FONT_BODY, KHAL_FONT_DISPLAY, KHAL_FONT_MONO, KHAL_MOTION_DURATION_MS, KHAL_MOTION_EASE, KHAL_MUTED, KHAL_RADIUS, KHAL_RADIUS_LG, KHAL_SURFACE, KHAL_SURFACE_LIGHT, KHAL_TERTIARY, KHAL_TOKENS, KhalLogo, type KhalTokens, ListView, LiveFeed, type LiveFeedProps, MESH_GRADIENT_PALETTE, MeshGradientInner as MeshGradient, type MeshGradientProps, MetricDisplay, type MetricDisplayProps, Note, type NotificationUrgency, NumberFlow, type NumberFlowProps, PillBadge, type PillBadgeProps, ProgressBar, type ProgressBarProps, PropertyPanel, SectionCard, SectionCardHeader, type SectionCardProps, SectionHeader, Separator, SidebarNav, Spinner, SplitPane, StatusBadge, StatusBar, StatusDot, type StatusDotProps, type StatusState, TEXT_PRIMARY, TEXT_SECONDARY, TEXT_TERTIARY, ThemeProvider, ThemeSwitcher, TickerBar, type TickerBarProps, Toggle, Toolbar, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, type TrayIcon, WINDOW_RADIUS, WIN_BG, WIN_BORDER, WIN_BORDER_FOCUSED, WindowActiveProvider, WindowMinimizedProvider, badgeVariants, buttonVariants, cn, dataRowVariants, fadeIn, fadeUp, glassCardVariants, khalEasing, metricDisplayVariants, pillBadgeVariants, progressBarVariants, scaleUp, sectionCardVariants, springConfig, staggerChild, staggerContainer, stateConfig, useNotificationStore, useReducedMotion, useSidebar, useThemeStore, useWindowActive, useWindowMinimized };
+export { ACCENT_BLUE, type AppComponentProps, Avatar, type AvatarProps, BUTTON_RADIUS, Badge, Button, type ButtonProps, CELL_BG, CHROME_BG, CollapsibleSidebar, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CostCounter, type CostCounterProps, DataRow, type DataRowProps, type DesktopNotifMode, type DesktopNotification, Dialog, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type FeedEvent, type FeedEventType, GlassCard, type GlassCardProps, Input, KHAL_ACCENT, KHAL_ACCENT_BLUE, KHAL_ACCENT_GLOW, KHAL_ACCENT_HOVER, KHAL_BG, KHAL_BORDER, KHAL_BORDER_STRONG, KHAL_CELL, KHAL_CHROME, KHAL_CSS_VARS, KHAL_ERROR, KHAL_FG, KHAL_FONT_BODY, KHAL_FONT_DISPLAY, KHAL_FONT_MONO, KHAL_MOTION_DURATION_MS, KHAL_MOTION_EASE, KHAL_MUTED, KHAL_RADIUS, KHAL_RADIUS_LG, KHAL_RADIUS_SM, KHAL_SURFACE, KHAL_SURFACE_LIGHT, KHAL_TERTIARY, KHAL_TOKENS, KhalLogo, type KhalTokens, ListView, LiveFeed, type LiveFeedProps, MESH_GRADIENT_PALETTE, MeshGradientInner as MeshGradient, type MeshGradientProps, MetricDisplay, type MetricDisplayProps, Note, type NotificationUrgency, NumberFlow, type NumberFlowProps, PillBadge, type PillBadgeProps, ProgressBar, type ProgressBarProps, PropertyPanel, SectionCard, SectionCardHeader, type SectionCardProps, SectionHeader, Separator, SidebarNav, Spinner, SplitPane, StatusBadge, StatusBar, StatusDot, type StatusDotProps, type StatusState, TEXT_PRIMARY, TEXT_SECONDARY, TEXT_TERTIARY, ThemeProvider, ThemeSwitcher, TickerBar, type TickerBarProps, Toggle, Toolbar, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, type TrayIcon, WINDOW_RADIUS, WIN_BG, WIN_BORDER, WIN_BORDER_FOCUSED, WindowActiveProvider, WindowMinimizedProvider, badgeVariants, buttonVariants, cn, dataRowVariants, fadeIn, fadeUp, glassCardVariants, khalEasing, metricDisplayVariants, pillBadgeVariants, progressBarVariants, scaleUp, sectionCardVariants, springConfig, staggerChild, staggerContainer, stateConfig, useNotificationStore, useReducedMotion, useSidebar, useThemeStore, useWindowActive, useWindowMinimized };

package/dist/index.d.ts

@@ -924,10 +924,14 @@ declare const KHAL_TERTIARY = "oklch(47.99% 0.0369 269.33)";
 declare const KHAL_BORDER_STRONG = "oklch(36.17% 0.0439 266.77)";
 declare const KHAL_ACCENT_BLUE = "oklch(55.73% 0.1910 256.76)";
 declare const KHAL_SURFACE_LIGHT = "oklch(95.99% 0.0079 73.74)";
+declare const KHAL_ACCENT_HOVER = "oklch(78% 0.1 63.09)";
+declare const KHAL_ACCENT_GLOW = "oklch(71.49% 0.1112 63.09 / 0.2)";
+declare const KHAL_ERROR = "oklch(63.7% 0.231 25.3)";
 declare const KHAL_FONT_DISPLAY = "\"Geist\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif";
 declare const KHAL_FONT_BODY = "\"Geist\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif";
 declare const KHAL_FONT_MONO = "\"Geist Mono\", \"SFMono-Regular\", ui-monospace, Menlo, Consolas, monospace";
 declare const KHAL_RADIUS = "10px";
+declare const KHAL_RADIUS_SM = "8px";
 declare const KHAL_RADIUS_LG = "12px";
 declare const KHAL_MOTION_EASE = "cubic-bezier(0.22, 1, 0.36, 1)";
 declare const KHAL_MOTION_DURATION_MS = 420;
@@ -949,6 +953,9 @@ declare const KHAL_TOKENS: Readonly<{
         readonly borderStrong: "oklch(36.17% 0.0439 266.77)";
         readonly accentBlue: "oklch(55.73% 0.1910 256.76)";
         readonly surfaceLight: "oklch(95.99% 0.0079 73.74)";
+        readonly accentHover: "oklch(78% 0.1 63.09)";
+        readonly accentGlow: "oklch(71.49% 0.1112 63.09 / 0.2)";
+        readonly error: "oklch(63.7% 0.231 25.3)";
     };
     readonly font: {
         readonly display: "\"Geist\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif";
@@ -957,6 +964,7 @@ declare const KHAL_TOKENS: Readonly<{
     };
     readonly radius: {
         readonly base: "10px";
+        readonly sm: "8px";
         readonly lg: "12px";
     };
     readonly motion: {
@@ -983,6 +991,10 @@ declare const KHAL_CSS_VARS: Readonly<{
     readonly borderStrong: "--khal-border-strong";
     readonly accentBlue: "--khal-accent-blue";
     readonly surfaceLight: "--khal-surface-light";
+    readonly accentHover: "--khal-accent-hover";
+    readonly accentGlow: "--khal-accent-glow";
+    readonly error: "--khal-error";
+    readonly radiusSm: "--khal-radius-sm";
 }>;
 
 /**
@@ -1010,4 +1022,4 @@ interface AppComponentProps {
     meta?: Record<string, unknown>;
 }
 
-export { ACCENT_BLUE, type AppComponentProps, Avatar, type AvatarProps, BUTTON_RADIUS, Badge, Button, type ButtonProps, CELL_BG, CHROME_BG, CollapsibleSidebar, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CostCounter, type CostCounterProps, DataRow, type DataRowProps, type DesktopNotifMode, type DesktopNotification, Dialog, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type FeedEvent, type FeedEventType, GlassCard, type GlassCardProps, Input, KHAL_ACCENT, KHAL_ACCENT_BLUE, KHAL_BG, KHAL_BORDER, KHAL_BORDER_STRONG, KHAL_CELL, KHAL_CHROME, KHAL_CSS_VARS, KHAL_FG, KHAL_FONT_BODY, KHAL_FONT_DISPLAY, KHAL_FONT_MONO, KHAL_MOTION_DURATION_MS, KHAL_MOTION_EASE, KHAL_MUTED, KHAL_RADIUS, KHAL_RADIUS_LG, KHAL_SURFACE, KHAL_SURFACE_LIGHT, KHAL_TERTIARY, KHAL_TOKENS, KhalLogo, type KhalTokens, ListView, LiveFeed, type LiveFeedProps, MESH_GRADIENT_PALETTE, MeshGradientInner as MeshGradient, type MeshGradientProps, MetricDisplay, type MetricDisplayProps, Note, type NotificationUrgency, NumberFlow, type NumberFlowProps, PillBadge, type PillBadgeProps, ProgressBar, type ProgressBarProps, PropertyPanel, SectionCard, SectionCardHeader, type SectionCardProps, SectionHeader, Separator, SidebarNav, Spinner, SplitPane, StatusBadge, StatusBar, StatusDot, type StatusDotProps, type StatusState, TEXT_PRIMARY, TEXT_SECONDARY, TEXT_TERTIARY, ThemeProvider, ThemeSwitcher, TickerBar, type TickerBarProps, Toggle, Toolbar, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, type TrayIcon, WINDOW_RADIUS, WIN_BG, WIN_BORDER, WIN_BORDER_FOCUSED, WindowActiveProvider, WindowMinimizedProvider, badgeVariants, buttonVariants, cn, dataRowVariants, fadeIn, fadeUp, glassCardVariants, khalEasing, metricDisplayVariants, pillBadgeVariants, progressBarVariants, scaleUp, sectionCardVariants, springConfig, staggerChild, staggerContainer, stateConfig, useNotificationStore, useReducedMotion, useSidebar, useThemeStore, useWindowActive, useWindowMinimized };
+export { ACCENT_BLUE, type AppComponentProps, Avatar, type AvatarProps, BUTTON_RADIUS, Badge, Button, type ButtonProps, CELL_BG, CHROME_BG, CollapsibleSidebar, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CostCounter, type CostCounterProps, DataRow, type DataRowProps, type DesktopNotifMode, type DesktopNotification, Dialog, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type FeedEvent, type FeedEventType, GlassCard, type GlassCardProps, Input, KHAL_ACCENT, KHAL_ACCENT_BLUE, KHAL_ACCENT_GLOW, KHAL_ACCENT_HOVER, KHAL_BG, KHAL_BORDER, KHAL_BORDER_STRONG, KHAL_CELL, KHAL_CHROME, KHAL_CSS_VARS, KHAL_ERROR, KHAL_FG, KHAL_FONT_BODY, KHAL_FONT_DISPLAY, KHAL_FONT_MONO, KHAL_MOTION_DURATION_MS, KHAL_MOTION_EASE, KHAL_MUTED, KHAL_RADIUS, KHAL_RADIUS_LG, KHAL_RADIUS_SM, KHAL_SURFACE, KHAL_SURFACE_LIGHT, KHAL_TERTIARY, KHAL_TOKENS, KhalLogo, type KhalTokens, ListView, LiveFeed, type LiveFeedProps, MESH_GRADIENT_PALETTE, MeshGradientInner as MeshGradient, type MeshGradientProps, MetricDisplay, type MetricDisplayProps, Note, type NotificationUrgency, NumberFlow, type NumberFlowProps, PillBadge, type PillBadgeProps, ProgressBar, type ProgressBarProps, PropertyPanel, SectionCard, SectionCardHeader, type SectionCardProps, SectionHeader, Separator, SidebarNav, Spinner, SplitPane, StatusBadge, StatusBar, StatusDot, type StatusDotProps, type StatusState, TEXT_PRIMARY, TEXT_SECONDARY, TEXT_TERTIARY, ThemeProvider, ThemeSwitcher, TickerBar, type TickerBarProps, Toggle, Toolbar, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, type TrayIcon, WINDOW_RADIUS, WIN_BG, WIN_BORDER, WIN_BORDER_FOCUSED, WindowActiveProvider, WindowMinimizedProvider, badgeVariants, buttonVariants, cn, dataRowVariants, fadeIn, fadeUp, glassCardVariants, khalEasing, metricDisplayVariants, pillBadgeVariants, progressBarVariants, scaleUp, sectionCardVariants, springConfig, staggerChild, staggerContainer, stateConfig, useNotificationStore, useReducedMotion, useSidebar, useThemeStore, useWindowActive, useWindowMinimized };

package/dist/index.js

@@ -2379,10 +2379,14 @@ var KHAL_TERTIARY = "oklch(47.99% 0.0369 269.33)";
 var KHAL_BORDER_STRONG = "oklch(36.17% 0.0439 266.77)";
 var KHAL_ACCENT_BLUE = "oklch(55.73% 0.1910 256.76)";
 var KHAL_SURFACE_LIGHT = "oklch(95.99% 0.0079 73.74)";
+var KHAL_ACCENT_HOVER = "oklch(78% 0.1 63.09)";
+var KHAL_ACCENT_GLOW = "oklch(71.49% 0.1112 63.09 / 0.2)";
+var KHAL_ERROR = "oklch(63.7% 0.231 25.3)";
 var KHAL_FONT_DISPLAY = '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif';
 var KHAL_FONT_BODY = '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif';
 var KHAL_FONT_MONO = '"Geist Mono", "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace';
 var KHAL_RADIUS = "10px";
+var KHAL_RADIUS_SM = "8px";
 var KHAL_RADIUS_LG = "12px";
 var KHAL_MOTION_EASE = "cubic-bezier(0.22, 1, 0.36, 1)";
 var KHAL_MOTION_DURATION_MS = 420;
@@ -2399,7 +2403,10 @@ var KHAL_TOKENS = Object.freeze({
     tertiary: KHAL_TERTIARY,
     borderStrong: KHAL_BORDER_STRONG,
     accentBlue: KHAL_ACCENT_BLUE,
-    surfaceLight: KHAL_SURFACE_LIGHT
+    surfaceLight: KHAL_SURFACE_LIGHT,
+    accentHover: KHAL_ACCENT_HOVER,
+    accentGlow: KHAL_ACCENT_GLOW,
+    error: KHAL_ERROR
   },
   font: {
     display: KHAL_FONT_DISPLAY,
@@ -2408,6 +2415,7 @@ var KHAL_TOKENS = Object.freeze({
   },
   radius: {
     base: KHAL_RADIUS,
+    sm: KHAL_RADIUS_SM,
     lg: KHAL_RADIUS_LG
   },
   motion: {
@@ -2427,7 +2435,11 @@ var KHAL_CSS_VARS = Object.freeze({
   tertiary: "--khal-tertiary",
   borderStrong: "--khal-border-strong",
   accentBlue: "--khal-accent-blue",
-  surfaceLight: "--khal-surface-light"
+  surfaceLight: "--khal-surface-light",
+  accentHover: "--khal-accent-hover",
+  accentGlow: "--khal-accent-glow",
+  error: "--khal-error",
+  radiusSm: "--khal-radius-sm"
 });
 
 // src/tokens/lp-tokens.ts
@@ -2504,12 +2516,15 @@ export {
   Input,
   KHAL_ACCENT,
   KHAL_ACCENT_BLUE,
+  KHAL_ACCENT_GLOW,
+  KHAL_ACCENT_HOVER,
   KHAL_BG,
   KHAL_BORDER,
   KHAL_BORDER_STRONG,
   KHAL_CELL,
   KHAL_CHROME,
   KHAL_CSS_VARS,
+  KHAL_ERROR,
   KHAL_FG,
   KHAL_FONT_BODY,
   KHAL_FONT_DISPLAY,
@@ -2519,6 +2534,7 @@ export {
   KHAL_MUTED,
   KHAL_RADIUS,
   KHAL_RADIUS_LG,
+  KHAL_RADIUS_SM,
   KHAL_SURFACE,
   KHAL_SURFACE_LIGHT,
   KHAL_TERTIARY,