@tutti-os/ui-system 0.0.188 → 0.0.190

package/dist/components/index.d.ts

@@ -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;
@@ -470,4 +505,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, 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,
@@ -122,7 +123,7 @@ import {
   toast,
   toastVariants,
   useTextOverflow
-} from "../chunk-45TFBBVS.js";
+} from "../chunk-S74ESIMT.js";
 import "../chunk-LD3MNTUQ.js";
 import "../chunk-DGPY4WP3.js";
 export {
@@ -137,6 +138,7 @@ export {
   CardHeader,
   CardTitle,
   Checkbox,
+  Combobox,
   ConfirmationDialog,
   ContextMenu,
   ContextMenuContent,

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, 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,
@@ -122,7 +123,7 @@ import {
   toast,
   toastVariants,
   useTextOverflow
-} from "./chunk-45TFBBVS.js";
+} from "./chunk-S74ESIMT.js";
 import {
   formatTuttiDateTime,
   formatTuttiShortDateTime,
@@ -284,6 +285,7 @@ export {
   CloseEyesIcon,
   CloseIcon,
   CollapseLinedIcon,
+  Combobox,
   ConfirmationDialog,
   ContextMenu,
   ContextMenuContent,

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",

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",