@tutti-os/ui-system 0.0.189 → 0.0.191

package/dist/components/index.d.ts

@@ -3,7 +3,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as React$1 from 'react';
 import { ReactNode, JSX, CSSProperties } from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { Checkbox as Checkbox$1, ContextMenu as ContextMenu$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, Popover as Popover$1, Select as Select$1, Separator as Separator$1, Switch as Switch$1, Toast, Tooltip as Tooltip$1 } from 'radix-ui';
+import { Checkbox as Checkbox$1, ContextMenu as ContextMenu$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, Popover as Popover$1, Select as Select$1, Separator as Separator$1, Slider as Slider$1, Switch as Switch$1, Toast, Tooltip as Tooltip$1 } from 'radix-ui';
 import { Drawer as Drawer$1 } from 'vaul';
 import * as ResizablePrimitive from 'react-resizable-panels';
 import { ToasterProps } from 'sonner';
@@ -52,6 +52,41 @@ declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div
 
 declare function Checkbox({ className, ...props }: React$1.ComponentProps<typeof Checkbox$1.Root>): react_jsx_runtime.JSX.Element;
 
+interface ComboboxOption {
+    description?: string;
+    disabled?: boolean;
+    /** Extra strings the search filter matches beyond value and label. */
+    keywords?: readonly string[];
+    label: string;
+    value: string;
+}
+interface ComboboxProps {
+    align?: "center" | "end" | "start";
+    /**
+     * Offer the typed query as a selectable value when it matches no option.
+     * The caller localizes the row through customValueLabel.
+     */
+    allowCustomValue?: boolean;
+    "aria-label"?: string;
+    className?: string;
+    contentClassName?: string;
+    contentStyle?: React$1.CSSProperties;
+    customValueLabel?: (query: string) => React$1.ReactNode;
+    disabled?: boolean;
+    emptyMessage?: React$1.ReactNode;
+    onValueChange: (value: string) => void;
+    options: readonly ComboboxOption[];
+    placeholder?: string;
+    searchPlaceholder?: string;
+    value: string;
+}
+/**
+ * Searchable single-value picker composed from Popover and Input. Unlike
+ * Select, the open surface is query-driven with a fixed-height option list,
+ * and it can accept a typed value that is not in the option catalog.
+ */
+declare function Combobox({ align, allowCustomValue, "aria-label": ariaLabel, className, contentClassName, contentStyle, customValueLabel, disabled, emptyMessage, onValueChange, options, placeholder, searchPlaceholder, value }: ComboboxProps): react_jsx_runtime.JSX.Element;
+
 type ConfirmationDialogTone = "default" | "destructive";
 declare function ConfirmationDialog({ cancelLabel, children, className, confirmBusy, confirmDisabled, confirmLabel, description, disableCloseWhileBusy, footer, hideConfirmButton, onCancel, onConfirm, onOpenChange, open, overlayClassName, portaled, tone, title }: {
     cancelLabel: React$1.ReactNode;
@@ -312,6 +347,12 @@ declare function SectionTabs<TValue extends string>({ tabs, value, onValueChange
 
 declare function ShortcutBadge({ className, ...props }: React$1.ComponentProps<"kbd">): react_jsx_runtime.JSX.Element;
 
+type SliderProps = React$1.ComponentProps<typeof Slider$1.Root> & {
+    /** Caller-owned accessible names for each thumb in a multi-value slider. */
+    thumbAriaLabels?: readonly string[];
+};
+declare function Slider({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className, defaultValue, value, min, max, thumbAriaLabels, ...props }: SliderProps): react_jsx_runtime.JSX.Element;
+
 declare function Toaster({ toastOptions, style, ...props }: ToasterProps): react_jsx_runtime.JSX.Element;
 
 interface SpinnerProps {
@@ -470,4 +511,4 @@ interface ViewportMenuSurfaceProps extends Omit<React$1.HTMLAttributes<HTMLDivEl
 }
 declare const ViewportMenuSurface: React$1.ForwardRefExoticComponent<ViewportMenuSurfaceProps & React$1.RefAttributes<HTMLDivElement>>;
 
-export { Badge, BareIconButton, type BareIconButtonProps, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ConfirmationDialog, type ConfirmationDialogTone, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DatePicker, type DatePickerLabels, type DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, MentionPill, type MentionPillFileKind, type MentionPillKind, type MentionPillProps, type MenuPoint, type MenuPointAlignment, type MenuSize, MenuSurface, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, RadioIndicator, type RadioIndicatorProps, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, type SectionTabItem, SectionTabs, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectSplitColumn, SelectSplitColumnItems, SelectSplitColumnLabel, SelectSplitDivider, SelectSplitLayout, SelectTrigger, SelectValue, Separator, ShortcutBadge, Sortable, SortableContent, SortableItem, SortableItemHandle, SortableOverlay, type SortableProps, Spinner, type SpinnerProps, StatusDot, Switch, Textarea, ToastClose, ToastDescription, ToastProvider, ToastRoot, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, TruncatingPillLabel, type TruncatingPillLabelProps, type UnderlineTabItem, UnderlineTabs, type ViewportMenuPlacement, ViewportMenuSurface, type ViewportMenuSurfaceProps, badgeVariants, buttonVariants, menuItemClassName, menuItemIndicatorClassName, menuItemWithIndicatorClassName, menuSurfaceClassName, statusDotVariants, toastVariants, useTextOverflow };
+export { Badge, BareIconButton, type BareIconButtonProps, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Combobox, type ComboboxOption, ConfirmationDialog, type ConfirmationDialogTone, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DatePicker, type DatePickerLabels, type DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, MentionPill, type MentionPillFileKind, type MentionPillKind, type MentionPillProps, type MenuPoint, type MenuPointAlignment, type MenuSize, MenuSurface, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, RadioIndicator, type RadioIndicatorProps, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, type SectionTabItem, SectionTabs, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectSplitColumn, SelectSplitColumnItems, SelectSplitColumnLabel, SelectSplitDivider, SelectSplitLayout, SelectTrigger, SelectValue, Separator, ShortcutBadge, Slider, type SliderProps, Sortable, SortableContent, SortableItem, SortableItemHandle, SortableOverlay, type SortableProps, Spinner, type SpinnerProps, StatusDot, Switch, Textarea, ToastClose, ToastDescription, ToastProvider, ToastRoot, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, TruncatingPillLabel, type TruncatingPillLabelProps, type UnderlineTabItem, UnderlineTabs, type ViewportMenuPlacement, ViewportMenuSurface, type ViewportMenuSurfaceProps, badgeVariants, buttonVariants, menuItemClassName, menuItemIndicatorClassName, menuItemWithIndicatorClassName, menuSurfaceClassName, statusDotVariants, toastVariants, useTextOverflow };

package/dist/components/index.js

@@ -10,6 +10,7 @@ import {
   CardHeader,
   CardTitle,
   Checkbox,
+  Combobox,
   ConfirmationDialog,
   ContextMenu,
   ContextMenuContent,
@@ -88,6 +89,7 @@ import {
   SelectValue,
   Separator,
   ShortcutBadge,
+  Slider,
   Sortable,
   SortableContent,
   SortableItem,
@@ -122,7 +124,7 @@ import {
   toast,
   toastVariants,
   useTextOverflow
-} from "../chunk-45TFBBVS.js";
+} from "../chunk-OW6744SQ.js";
 import "../chunk-LD3MNTUQ.js";
 import "../chunk-DGPY4WP3.js";
 export {
@@ -137,6 +139,7 @@ export {
   CardHeader,
   CardTitle,
   Checkbox,
+  Combobox,
   ConfirmationDialog,
   ContextMenu,
   ContextMenuContent,
@@ -215,6 +218,7 @@ export {
   SelectValue,
   Separator,
   ShortcutBadge,
+  Slider,
   Sortable,
   SortableContent,
   SortableItem,

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { Badge, BareIconButton, BareIconButtonProps, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ConfirmationDialog, ConfirmationDialogTone, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DatePicker, DatePickerLabels, DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, MentionPill, MentionPillFileKind, MentionPillKind, MentionPillProps, MenuPoint, MenuPointAlignment, MenuSize, MenuSurface, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, RadioIndicator, RadioIndicatorProps, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SectionTabItem, SectionTabs, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectSplitColumn, SelectSplitColumnItems, SelectSplitColumnLabel, SelectSplitDivider, SelectSplitLayout, SelectTrigger, SelectValue, Separator, ShortcutBadge, Sortable, SortableContent, SortableItem, SortableItemHandle, SortableOverlay, SortableProps, Spinner, SpinnerProps, StatusDot, Switch, Textarea, ToastClose, ToastDescription, ToastProvider, ToastRoot, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, TruncatingPillLabel, TruncatingPillLabelProps, UnderlineTabItem, UnderlineTabs, ViewportMenuPlacement, ViewportMenuSurface, ViewportMenuSurfaceProps, badgeVariants, buttonVariants, menuItemClassName, menuItemIndicatorClassName, menuItemWithIndicatorClassName, menuSurfaceClassName, statusDotVariants, toastVariants, useTextOverflow } from './components/index.js';
+export { Badge, BareIconButton, BareIconButtonProps, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Combobox, ComboboxOption, ConfirmationDialog, ConfirmationDialogTone, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DatePicker, DatePickerLabels, DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, MentionPill, MentionPillFileKind, MentionPillKind, MentionPillProps, MenuPoint, MenuPointAlignment, MenuSize, MenuSurface, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, RadioIndicator, RadioIndicatorProps, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SectionTabItem, SectionTabs, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectSplitColumn, SelectSplitColumnItems, SelectSplitColumnLabel, SelectSplitDivider, SelectSplitLayout, SelectTrigger, SelectValue, Separator, ShortcutBadge, Slider, SliderProps, Sortable, SortableContent, SortableItem, SortableItemHandle, SortableOverlay, SortableProps, Spinner, SpinnerProps, StatusDot, Switch, Textarea, ToastClose, ToastDescription, ToastProvider, ToastRoot, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, TruncatingPillLabel, TruncatingPillLabelProps, UnderlineTabItem, UnderlineTabs, ViewportMenuPlacement, ViewportMenuSurface, ViewportMenuSurfaceProps, badgeVariants, buttonVariants, menuItemClassName, menuItemIndicatorClassName, menuItemWithIndicatorClassName, menuSurfaceClassName, statusDotVariants, toastVariants, useTextOverflow } from './components/index.js';
 export { AddIcon, AddLinedIcon, AgentSessionsIcon, AppWindowIcon, ArrowLeftIcon, ArrowRightIcon, AskLinedIcon, BillingIcon, CapabilityIcon, ChatIcon, CheckIcon, ChevronDownIcon, ChevronUpIcon, ChromeIcon, CloseEyesIcon, CloseIcon, CollapseLinedIcon, CopyIcon, CreateChatIcon, CreditsIcon, DarkModeIcon, DashboardIcon, DeleteIcon, DirectoryIcon, DiscordIcon, DownloadIcon, EditIcon, EyeIcon, FailedFilledIcon, FailedLinedIcon, FeedbackIcon, FileCodeIcon, FileCreateIcon, FileIcon, FileLinedIcon, FileTextIcon, FolderFailedFilledIcon, FolderFailedIcon, FolderFilledIcon, FolderIcon, FolderOpenLinedIcon, GitHubBrandIcon, GoogleBrandIcon, GridBottomLinedIcon, GridHorizontalLinedIcon, GridLeftLinedIcon, GridRightLinedIcon, GridTopLinedIcon, GridVerticalLinedIcon, GripVerticalIcon, GuideIcon, HealthIcon, IconProps, ImageFileIcon, ImageGenerateIcon, ImportLinedIcon, InspectIcon, IssueIcon, KeyboardFilledIcon, KeyboardIcon, LaunchIcon, LayoutMenuIcon, LayoutPresetIcon, LayoutPresetIconProps, LightModeIcon, LinkIcon, LoadingIcon, LoadingIconProps, LocateFolderIcon, LockGridHorizontalLinedIcon, LockGridVerticalLinedIcon, LockLayoutLinedIcon, MaximizeIcon, MessageSquareTextIcon, MinimizeIcon, MoreHorizontalIcon, NavAgentsIcon, NavApplicationsFilledIcon, NavApplicationsLinedIcon, NavLaunchIcon, NewWorkspaceIcon, NewWorkspaceLinedIcon, NoWorkspaceLinedIcon, OpenLinkLinedIcon, OpenSessionsIcon, OverviewLayoutIcon, PanelIcon, PauseIcon, PinFilledIcon, PinIcon, PlatformIcon, PlayIcon, ProductDocIcon, ProductIcon, RecentLinedIcon, RefreshIcon, RestoreIcon, RoomsHintIcon, SearchIcon, SettingsIcon, SignOutIcon, SuccessFilledIcon, SuccessLinedIcon, TaskIcon, TerminalLinedIcon, ThinkingIcon, ToolsIcon, TuttiMark, UnavailableChatIcon, UninstallIcon, UpgradeArrowIcon, UploadFolderIcon, UploadIcon, UserLinedIcon, VideoFileIcon, ViewGridLinedIcon, ViewListLinedIcon, WarningFilledIcon, WarningLinedIcon, WeChatIcon, WebIcon, WebScrapeIcon, WindowTrafficLightIcon, WindowTrafficLightIconName, WindowTrafficLightIconProps } from './icons/index.js';
 export { TuttiDateLocale, formatTuttiDateTime, formatTuttiShortDateTime, getCurrentTuttiDateLocale } from './date-format.js';
 export { cn } from './utils.js';

package/dist/index.js

@@ -10,6 +10,7 @@ import {
   CardHeader,
   CardTitle,
   Checkbox,
+  Combobox,
   ConfirmationDialog,
   ContextMenu,
   ContextMenuContent,
@@ -88,6 +89,7 @@ import {
   SelectValue,
   Separator,
   ShortcutBadge,
+  Slider,
   Sortable,
   SortableContent,
   SortableItem,
@@ -122,7 +124,7 @@ import {
   toast,
   toastVariants,
   useTextOverflow
-} from "./chunk-45TFBBVS.js";
+} from "./chunk-OW6744SQ.js";
 import {
   formatTuttiDateTime,
   formatTuttiShortDateTime,
@@ -284,6 +286,7 @@ export {
   CloseEyesIcon,
   CloseIcon,
   CollapseLinedIcon,
+  Combobox,
   ConfirmationDialog,
   ContextMenu,
   ContextMenuContent,
@@ -443,6 +446,7 @@ export {
   SettingsIcon,
   ShortcutBadge,
   SignOutIcon,
+  Slider,
   Sortable,
   SortableContent,
   SortableItem,

package/dist/metadata/components.json

@@ -1187,6 +1187,26 @@
         "Prefer this exported toast API over direct sonner imports so consumers stay on the UI-system notification wrapper."
       ]
     },
+    {
+      "id": "combobox",
+      "layer": "base",
+      "name": "Combobox",
+      "export": "Combobox",
+      "from": "@tutti-os/ui-system/components",
+      "category": "composition",
+      "status": "stable",
+      "source": "src/components/combobox/index.tsx",
+      "description": "Searchable single-value picker with a fixed-height option list and optional custom typed values.",
+      "useCases": [
+        "Large option catalogs",
+        "Model or identifier selection",
+        "Free-form value entry with suggestions"
+      ],
+      "migrationHints": [
+        "Replace local Popover+Input search dropdowns with the shared Combobox so filtering, keyboard navigation, and tokens stay aligned."
+      ],
+      "storyboard": true
+    },
     {
       "id": "checkbox",
       "layer": "base",
@@ -1247,6 +1267,26 @@
       ],
       "storyboard": true
     },
+    {
+      "id": "slider",
+      "layer": "base",
+      "name": "Slider",
+      "export": "Slider",
+      "from": "@tutti-os/ui-system/components",
+      "category": "primitive",
+      "status": "stable",
+      "source": "src/components/slider/index.tsx",
+      "description": "Token-backed slider primitive for selecting one value or a bounded range.",
+      "useCases": [
+        "Intensity controls",
+        "Numeric range filters",
+        "Continuous settings"
+      ],
+      "migrationHints": [
+        "Replace native range inputs with Slider so focus, disabled, track, and thumb treatments stay aligned across renderer surfaces."
+      ],
+      "storyboard": true
+    },
     {
       "id": "tooltip",
       "layer": "base",

package/dist/metadata/index.js

@@ -1188,6 +1188,26 @@ var components_default = {
         "Prefer this exported toast API over direct sonner imports so consumers stay on the UI-system notification wrapper."
       ]
     },
+    {
+      id: "combobox",
+      layer: "base",
+      name: "Combobox",
+      export: "Combobox",
+      from: "@tutti-os/ui-system/components",
+      category: "composition",
+      status: "stable",
+      source: "src/components/combobox/index.tsx",
+      description: "Searchable single-value picker with a fixed-height option list and optional custom typed values.",
+      useCases: [
+        "Large option catalogs",
+        "Model or identifier selection",
+        "Free-form value entry with suggestions"
+      ],
+      migrationHints: [
+        "Replace local Popover+Input search dropdowns with the shared Combobox so filtering, keyboard navigation, and tokens stay aligned."
+      ],
+      storyboard: true
+    },
     {
       id: "checkbox",
       layer: "base",
@@ -1248,6 +1268,26 @@ var components_default = {
       ],
       storyboard: true
     },
+    {
+      id: "slider",
+      layer: "base",
+      name: "Slider",
+      export: "Slider",
+      from: "@tutti-os/ui-system/components",
+      category: "primitive",
+      status: "stable",
+      source: "src/components/slider/index.tsx",
+      description: "Token-backed slider primitive for selecting one value or a bounded range.",
+      useCases: [
+        "Intensity controls",
+        "Numeric range filters",
+        "Continuous settings"
+      ],
+      migrationHints: [
+        "Replace native range inputs with Slider so focus, disabled, track, and thumb treatments stay aligned across renderer surfaces."
+      ],
+      storyboard: true
+    },
     {
       id: "tooltip",
       layer: "base",