@optilogic/core 1.2.2 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.cts CHANGED
@@ -253,6 +253,9 @@ declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<Sel
253
253
  declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
254
254
  declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
255
255
  declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
256
+ interface SelectItemDescriptionProps extends React$1.HTMLAttributes<HTMLSpanElement> {
257
+ }
258
+ declare const SelectItemDescription: React$1.ForwardRefExoticComponent<SelectItemDescriptionProps & React$1.RefAttributes<HTMLSpanElement>>;
256
259
  declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
257
260
 
258
261
  /**
@@ -271,18 +274,32 @@ declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrim
271
274
  * </Tabs>
272
275
  */
273
276
  declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
277
+ declare const tabsListVariants: (props?: ({
278
+ variant?: "default" | "pill" | "unstyled" | null | undefined;
279
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
280
+ declare const tabsTriggerVariants: (props?: ({
281
+ variant?: "default" | "pill" | "unstyled" | null | undefined;
282
+ indicatorSize?: "default" | "sm" | "lg" | null | undefined;
283
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
284
+ interface TabsListProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.List>, VariantProps<typeof tabsListVariants> {
285
+ }
274
286
  /**
275
287
  * TabsList
276
288
  *
277
289
  * Container for tab triggers. Provides the tab header bar.
290
+ * Supports variants: default, pill, unstyled
278
291
  */
279
- declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
292
+ declare const TabsList: React$1.ForwardRefExoticComponent<TabsListProps & React$1.RefAttributes<HTMLDivElement>>;
293
+ interface TabsTriggerProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, VariantProps<typeof tabsTriggerVariants> {
294
+ }
280
295
  /**
281
296
  * TabsTrigger
282
297
  *
283
298
  * Individual tab button that activates its associated content.
299
+ * Supports variants: default, pill, unstyled
300
+ * Supports indicatorSize: sm, default, lg (only applies to default variant)
284
301
  */
285
- declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
302
+ declare const TabsTrigger: React$1.ForwardRefExoticComponent<TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
286
303
  /**
287
304
  * TabsContent
288
305
  *
@@ -2110,6 +2127,114 @@ interface AutocompleteProps {
2110
2127
  */
2111
2128
  declare function Autocomplete({ options, value, onChange, placeholder, searchPlaceholder, emptyText, disabled, className, clearable, }: AutocompleteProps): react_jsx_runtime.JSX.Element;
2112
2129
 
2130
+ interface MultiSelectProps {
2131
+ /** Array of options to display */
2132
+ options: AutocompleteOption[];
2133
+ /** Currently selected values */
2134
+ value?: string[];
2135
+ /** Callback when selection changes */
2136
+ onChange?: (values: string[]) => void;
2137
+ /** Placeholder text when no selection */
2138
+ placeholder?: string;
2139
+ /** Placeholder for the search input */
2140
+ searchPlaceholder?: string;
2141
+ /** Text to show when no options match the search */
2142
+ emptyText?: string;
2143
+ /** Whether the multi-select is disabled */
2144
+ disabled?: boolean;
2145
+ /** Additional class name for the trigger */
2146
+ className?: string;
2147
+ /** Whether to show the clear-all button */
2148
+ clearable?: boolean;
2149
+ /** Max number of pills to display before showing "+N more" */
2150
+ maxDisplayItems?: number;
2151
+ /** Whether to show a "Select All" toggle */
2152
+ showSelectAll?: boolean;
2153
+ /** Custom label for the select all option */
2154
+ selectAllLabel?: string;
2155
+ }
2156
+ /**
2157
+ * MultiSelect component - a multi-select dropdown with checkboxes
2158
+ *
2159
+ * Features:
2160
+ * - Checkbox selection for multiple options
2161
+ * - Search filtering
2162
+ * - Grouped options support
2163
+ * - Descriptions per option
2164
+ * - Tag pills with individual removal
2165
+ * - "Select All" toggle
2166
+ *
2167
+ * @example
2168
+ * <MultiSelect
2169
+ * options={[
2170
+ * { value: 'react', label: 'React', description: 'A JS library' },
2171
+ * { value: 'vue', label: 'Vue', group: 'Frameworks' },
2172
+ * ]}
2173
+ * value={selected}
2174
+ * onChange={setSelected}
2175
+ * placeholder="Select frameworks..."
2176
+ * showSelectAll
2177
+ * />
2178
+ */
2179
+ declare function MultiSelect({ options, value, onChange, placeholder, searchPlaceholder, emptyText, disabled, className, clearable, maxDisplayItems, showSelectAll, selectAllLabel, }: MultiSelectProps): react_jsx_runtime.JSX.Element;
2180
+ declare namespace MultiSelect {
2181
+ var displayName: string;
2182
+ }
2183
+
2184
+ interface ComboboxProps {
2185
+ /** Array of options to display */
2186
+ options: AutocompleteOption[];
2187
+ /** Currently selected value */
2188
+ value?: string;
2189
+ /** Callback when selection changes */
2190
+ onChange?: (value: string | undefined) => void;
2191
+ /** Callback when the input text changes (for controlled/async filtering) */
2192
+ onInputChange?: (input: string) => void;
2193
+ /** Placeholder text when empty */
2194
+ placeholder?: string;
2195
+ /** Text to show when no options match */
2196
+ emptyText?: string;
2197
+ /** Whether the combobox is disabled */
2198
+ disabled?: boolean;
2199
+ /** Additional class name for the trigger */
2200
+ className?: string;
2201
+ /** Whether to allow clearing the selection */
2202
+ clearable?: boolean;
2203
+ /** Whether to allow custom values not in the options list */
2204
+ allowCustomValue?: boolean;
2205
+ }
2206
+ /**
2207
+ * Combobox component - a searchable input that also allows custom values
2208
+ *
2209
+ * Unlike Autocomplete (button trigger, select-only), Combobox uses an
2210
+ * inline text input as the trigger. Users can type to filter options
2211
+ * AND optionally commit custom values not in the list.
2212
+ *
2213
+ * Features:
2214
+ * - Inline text input trigger
2215
+ * - Dropdown opens on focus/typing
2216
+ * - Grouped options with descriptions
2217
+ * - Custom value support (allowCustomValue)
2218
+ * - Clearable selection
2219
+ * - Async filtering via onInputChange
2220
+ *
2221
+ * @example
2222
+ * <Combobox
2223
+ * options={[
2224
+ * { value: 'react', label: 'React' },
2225
+ * { value: 'vue', label: 'Vue' },
2226
+ * ]}
2227
+ * value={selected}
2228
+ * onChange={setSelected}
2229
+ * placeholder="Type or select..."
2230
+ * allowCustomValue
2231
+ * />
2232
+ */
2233
+ declare function Combobox({ options, value, onChange, onInputChange, placeholder, emptyText, disabled, className, clearable, allowCustomValue, }: ComboboxProps): react_jsx_runtime.JSX.Element;
2234
+ declare namespace Combobox {
2235
+ var displayName: string;
2236
+ }
2237
+
2113
2238
  declare const iconButtonVariants: (props?: ({
2114
2239
  variant?: "default" | "outline" | "ghost" | "muted" | "filled" | null | undefined;
2115
2240
  size?: "default" | "sm" | "lg" | null | undefined;
@@ -3088,4 +3213,4 @@ type SortingConfig = {
3088
3213
  onSort: (field: string) => void;
3089
3214
  };
3090
3215
 
3091
- export { ALL_THEMES, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Autocomplete, type AutocompleteOption, type AutocompleteProps, Badge, type BadgeProps, Board, BoardContent, type BoardContentProps, BoardHeader, type BoardHeaderProps, type BoardProps, type BuiltInContentType, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardGrid, type CardGridProps, CardHeader, type CardHeaderProps, CardImage, type CardImageProps, CardList, type CardListProps, type CardProps, CardTitle, type CardTitleProps, type CellEditEvent, CellEditor, type CellEditorProps$1 as CellEditorProps, type CellPosition, Checkbox, type CheckboxProps, Chip, type ChipProps, CodeRenderer, type ColorFieldConfig, type ColumnDef, ConfirmationModal, type ConfirmationModalProps, type ContentType, type ContentTypeDetectionResult, ContextMenu, type ContextMenuItem, type ContextMenuProps, CopyButton, type CopyButtonProps, CosmicFrogIcon, type CosmicFrogIconProps, CsvRenderer, DARK_ELEGANT_THEME, DEFAULT_RENDERERS, DataGrid, type DataGridContextValue, type DataGridInternalState, type DataGridProps, type DataGridState, DataStarIcon, type DataStarIconProps, DataTable, type DataTableColumn, type DataTableProps, type DataTableSort, type DateFilterOperator, DatePicker, DatePickerInput, type DatePickerInputProps, type DatePickerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type EditingCell, type EditorType, type FileRenderer, type FileRendererProps, FileView, type FileViewError, type FileViewProps, type FilterConfig, type FilterOperator, FilterPopover, type FilterPopoverProps$1 as FilterPopoverProps, type FilterType, type GridCellProps, HeaderCell, type HeaderCellProps$1 as HeaderCellProps, HtmlRenderer, IconButton, type IconButtonProps, ImageRenderer, Input, type InputProps, Label, type LabelProps, LoadingSpinner, type LoadingSpinnerProps, MINIMALIST_LIGHT_THEME, MODERN_DARK_THEME, MODERN_LIGHT_THEME, MarkdownRenderer, Modal, ModalButton, type ModalButtonProps, type ModalProps, type NumberFilterOperator, OPTILOGIC_DARK_THEME, OPTILOGIC_LEGACY_THEME, OptilogicLogo, type OptilogicLogoProps, OptilogicLogoWithText, type OptilogicLogoWithTextProps, PRESET_THEMES, type PaginationConfig, PlainTextRenderer, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, type RendererRegistry, ResizablePanel, type ResizablePanelProps, ResizeHandle, type ResizeHandleProps, type ResolveImageUrl, type SearchConfig, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, SelectableCard, type SelectableCardProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SortConfig, type SortingConfig, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, type TextFilterOperator, Textarea, type TextareaProps, type Theme, type ThemeHSL, type ThemeHex, ThemePicker, type ThemePickerProps, Toaster, type ToasterProps, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, type UseContentTypeOptions, type UseContentTypeReturn, type UseContextMenuResult, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, applyFilterOperator, applyFilters, applySorting, applyTheme, areThemesEqual, badgeVariants, boardVariants, buttonVariants, cardActionsVariants, cardGridVariants, cardImageVariants, cardListVariants, cardVariants, cloneTheme, cn, detectContentType, exportTheme, getCellValue, getCurrentTheme, getDefaultTheme, getFileExtension, getPresetTheme, hexToHsl, iconButtonVariants, importTheme, isPresetTheme, isTextContentType, isUrlContentType, labelVariants, loadingSpinnerVariants, mergeRenderers, resolveRenderer, themeToHsl, useColumnResize, useColumnResizeManager, useConfirmation, useContentType, useContextMenu, useDataGridState, useKeyboardNavigation, validateTheme };
3216
+ export { ALL_THEMES, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Autocomplete, type AutocompleteOption, type AutocompleteProps, Badge, type BadgeProps, Board, BoardContent, type BoardContentProps, BoardHeader, type BoardHeaderProps, type BoardProps, type BuiltInContentType, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardGrid, type CardGridProps, CardHeader, type CardHeaderProps, CardImage, type CardImageProps, CardList, type CardListProps, type CardProps, CardTitle, type CardTitleProps, type CellEditEvent, CellEditor, type CellEditorProps$1 as CellEditorProps, type CellPosition, Checkbox, type CheckboxProps, Chip, type ChipProps, CodeRenderer, type ColorFieldConfig, type ColumnDef, Combobox, type ComboboxProps, ConfirmationModal, type ConfirmationModalProps, type ContentType, type ContentTypeDetectionResult, ContextMenu, type ContextMenuItem, type ContextMenuProps, CopyButton, type CopyButtonProps, CosmicFrogIcon, type CosmicFrogIconProps, CsvRenderer, DARK_ELEGANT_THEME, DEFAULT_RENDERERS, DataGrid, type DataGridContextValue, type DataGridInternalState, type DataGridProps, type DataGridState, DataStarIcon, type DataStarIconProps, DataTable, type DataTableColumn, type DataTableProps, type DataTableSort, type DateFilterOperator, DatePicker, DatePickerInput, type DatePickerInputProps, type DatePickerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type EditingCell, type EditorType, type FileRenderer, type FileRendererProps, FileView, type FileViewError, type FileViewProps, type FilterConfig, type FilterOperator, FilterPopover, type FilterPopoverProps$1 as FilterPopoverProps, type FilterType, type GridCellProps, HeaderCell, type HeaderCellProps$1 as HeaderCellProps, HtmlRenderer, IconButton, type IconButtonProps, ImageRenderer, Input, type InputProps, Label, type LabelProps, LoadingSpinner, type LoadingSpinnerProps, MINIMALIST_LIGHT_THEME, MODERN_DARK_THEME, MODERN_LIGHT_THEME, MarkdownRenderer, Modal, ModalButton, type ModalButtonProps, type ModalProps, MultiSelect, type MultiSelectProps, type NumberFilterOperator, OPTILOGIC_DARK_THEME, OPTILOGIC_LEGACY_THEME, OptilogicLogo, type OptilogicLogoProps, OptilogicLogoWithText, type OptilogicLogoWithTextProps, PRESET_THEMES, type PaginationConfig, PlainTextRenderer, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, type RendererRegistry, ResizablePanel, type ResizablePanelProps, ResizeHandle, type ResizeHandleProps, type ResolveImageUrl, type SearchConfig, Select, SelectContent, SelectGroup, SelectItem, SelectItemDescription, type SelectItemDescriptionProps, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, SelectableCard, type SelectableCardProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SortConfig, type SortingConfig, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, type TextFilterOperator, Textarea, type TextareaProps, type Theme, type ThemeHSL, type ThemeHex, ThemePicker, type ThemePickerProps, Toaster, type ToasterProps, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, type UseContentTypeOptions, type UseContentTypeReturn, type UseContextMenuResult, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, applyFilterOperator, applyFilters, applySorting, applyTheme, areThemesEqual, badgeVariants, boardVariants, buttonVariants, cardActionsVariants, cardGridVariants, cardImageVariants, cardListVariants, cardVariants, cloneTheme, cn, detectContentType, exportTheme, getCellValue, getCurrentTheme, getDefaultTheme, getFileExtension, getPresetTheme, hexToHsl, iconButtonVariants, importTheme, isPresetTheme, isTextContentType, isUrlContentType, labelVariants, loadingSpinnerVariants, mergeRenderers, resolveRenderer, tabsListVariants, tabsTriggerVariants, themeToHsl, useColumnResize, useColumnResizeManager, useConfirmation, useContentType, useContextMenu, useDataGridState, useKeyboardNavigation, validateTheme };
package/dist/index.d.ts CHANGED
@@ -253,6 +253,9 @@ declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<Sel
253
253
  declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
254
254
  declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
255
255
  declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
256
+ interface SelectItemDescriptionProps extends React$1.HTMLAttributes<HTMLSpanElement> {
257
+ }
258
+ declare const SelectItemDescription: React$1.ForwardRefExoticComponent<SelectItemDescriptionProps & React$1.RefAttributes<HTMLSpanElement>>;
256
259
  declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
257
260
 
258
261
  /**
@@ -271,18 +274,32 @@ declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrim
271
274
  * </Tabs>
272
275
  */
273
276
  declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
277
+ declare const tabsListVariants: (props?: ({
278
+ variant?: "default" | "pill" | "unstyled" | null | undefined;
279
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
280
+ declare const tabsTriggerVariants: (props?: ({
281
+ variant?: "default" | "pill" | "unstyled" | null | undefined;
282
+ indicatorSize?: "default" | "sm" | "lg" | null | undefined;
283
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
284
+ interface TabsListProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.List>, VariantProps<typeof tabsListVariants> {
285
+ }
274
286
  /**
275
287
  * TabsList
276
288
  *
277
289
  * Container for tab triggers. Provides the tab header bar.
290
+ * Supports variants: default, pill, unstyled
278
291
  */
279
- declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
292
+ declare const TabsList: React$1.ForwardRefExoticComponent<TabsListProps & React$1.RefAttributes<HTMLDivElement>>;
293
+ interface TabsTriggerProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, VariantProps<typeof tabsTriggerVariants> {
294
+ }
280
295
  /**
281
296
  * TabsTrigger
282
297
  *
283
298
  * Individual tab button that activates its associated content.
299
+ * Supports variants: default, pill, unstyled
300
+ * Supports indicatorSize: sm, default, lg (only applies to default variant)
284
301
  */
285
- declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
302
+ declare const TabsTrigger: React$1.ForwardRefExoticComponent<TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
286
303
  /**
287
304
  * TabsContent
288
305
  *
@@ -2110,6 +2127,114 @@ interface AutocompleteProps {
2110
2127
  */
2111
2128
  declare function Autocomplete({ options, value, onChange, placeholder, searchPlaceholder, emptyText, disabled, className, clearable, }: AutocompleteProps): react_jsx_runtime.JSX.Element;
2112
2129
 
2130
+ interface MultiSelectProps {
2131
+ /** Array of options to display */
2132
+ options: AutocompleteOption[];
2133
+ /** Currently selected values */
2134
+ value?: string[];
2135
+ /** Callback when selection changes */
2136
+ onChange?: (values: string[]) => void;
2137
+ /** Placeholder text when no selection */
2138
+ placeholder?: string;
2139
+ /** Placeholder for the search input */
2140
+ searchPlaceholder?: string;
2141
+ /** Text to show when no options match the search */
2142
+ emptyText?: string;
2143
+ /** Whether the multi-select is disabled */
2144
+ disabled?: boolean;
2145
+ /** Additional class name for the trigger */
2146
+ className?: string;
2147
+ /** Whether to show the clear-all button */
2148
+ clearable?: boolean;
2149
+ /** Max number of pills to display before showing "+N more" */
2150
+ maxDisplayItems?: number;
2151
+ /** Whether to show a "Select All" toggle */
2152
+ showSelectAll?: boolean;
2153
+ /** Custom label for the select all option */
2154
+ selectAllLabel?: string;
2155
+ }
2156
+ /**
2157
+ * MultiSelect component - a multi-select dropdown with checkboxes
2158
+ *
2159
+ * Features:
2160
+ * - Checkbox selection for multiple options
2161
+ * - Search filtering
2162
+ * - Grouped options support
2163
+ * - Descriptions per option
2164
+ * - Tag pills with individual removal
2165
+ * - "Select All" toggle
2166
+ *
2167
+ * @example
2168
+ * <MultiSelect
2169
+ * options={[
2170
+ * { value: 'react', label: 'React', description: 'A JS library' },
2171
+ * { value: 'vue', label: 'Vue', group: 'Frameworks' },
2172
+ * ]}
2173
+ * value={selected}
2174
+ * onChange={setSelected}
2175
+ * placeholder="Select frameworks..."
2176
+ * showSelectAll
2177
+ * />
2178
+ */
2179
+ declare function MultiSelect({ options, value, onChange, placeholder, searchPlaceholder, emptyText, disabled, className, clearable, maxDisplayItems, showSelectAll, selectAllLabel, }: MultiSelectProps): react_jsx_runtime.JSX.Element;
2180
+ declare namespace MultiSelect {
2181
+ var displayName: string;
2182
+ }
2183
+
2184
+ interface ComboboxProps {
2185
+ /** Array of options to display */
2186
+ options: AutocompleteOption[];
2187
+ /** Currently selected value */
2188
+ value?: string;
2189
+ /** Callback when selection changes */
2190
+ onChange?: (value: string | undefined) => void;
2191
+ /** Callback when the input text changes (for controlled/async filtering) */
2192
+ onInputChange?: (input: string) => void;
2193
+ /** Placeholder text when empty */
2194
+ placeholder?: string;
2195
+ /** Text to show when no options match */
2196
+ emptyText?: string;
2197
+ /** Whether the combobox is disabled */
2198
+ disabled?: boolean;
2199
+ /** Additional class name for the trigger */
2200
+ className?: string;
2201
+ /** Whether to allow clearing the selection */
2202
+ clearable?: boolean;
2203
+ /** Whether to allow custom values not in the options list */
2204
+ allowCustomValue?: boolean;
2205
+ }
2206
+ /**
2207
+ * Combobox component - a searchable input that also allows custom values
2208
+ *
2209
+ * Unlike Autocomplete (button trigger, select-only), Combobox uses an
2210
+ * inline text input as the trigger. Users can type to filter options
2211
+ * AND optionally commit custom values not in the list.
2212
+ *
2213
+ * Features:
2214
+ * - Inline text input trigger
2215
+ * - Dropdown opens on focus/typing
2216
+ * - Grouped options with descriptions
2217
+ * - Custom value support (allowCustomValue)
2218
+ * - Clearable selection
2219
+ * - Async filtering via onInputChange
2220
+ *
2221
+ * @example
2222
+ * <Combobox
2223
+ * options={[
2224
+ * { value: 'react', label: 'React' },
2225
+ * { value: 'vue', label: 'Vue' },
2226
+ * ]}
2227
+ * value={selected}
2228
+ * onChange={setSelected}
2229
+ * placeholder="Type or select..."
2230
+ * allowCustomValue
2231
+ * />
2232
+ */
2233
+ declare function Combobox({ options, value, onChange, onInputChange, placeholder, emptyText, disabled, className, clearable, allowCustomValue, }: ComboboxProps): react_jsx_runtime.JSX.Element;
2234
+ declare namespace Combobox {
2235
+ var displayName: string;
2236
+ }
2237
+
2113
2238
  declare const iconButtonVariants: (props?: ({
2114
2239
  variant?: "default" | "outline" | "ghost" | "muted" | "filled" | null | undefined;
2115
2240
  size?: "default" | "sm" | "lg" | null | undefined;
@@ -3088,4 +3213,4 @@ type SortingConfig = {
3088
3213
  onSort: (field: string) => void;
3089
3214
  };
3090
3215
 
3091
- export { ALL_THEMES, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Autocomplete, type AutocompleteOption, type AutocompleteProps, Badge, type BadgeProps, Board, BoardContent, type BoardContentProps, BoardHeader, type BoardHeaderProps, type BoardProps, type BuiltInContentType, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardGrid, type CardGridProps, CardHeader, type CardHeaderProps, CardImage, type CardImageProps, CardList, type CardListProps, type CardProps, CardTitle, type CardTitleProps, type CellEditEvent, CellEditor, type CellEditorProps$1 as CellEditorProps, type CellPosition, Checkbox, type CheckboxProps, Chip, type ChipProps, CodeRenderer, type ColorFieldConfig, type ColumnDef, ConfirmationModal, type ConfirmationModalProps, type ContentType, type ContentTypeDetectionResult, ContextMenu, type ContextMenuItem, type ContextMenuProps, CopyButton, type CopyButtonProps, CosmicFrogIcon, type CosmicFrogIconProps, CsvRenderer, DARK_ELEGANT_THEME, DEFAULT_RENDERERS, DataGrid, type DataGridContextValue, type DataGridInternalState, type DataGridProps, type DataGridState, DataStarIcon, type DataStarIconProps, DataTable, type DataTableColumn, type DataTableProps, type DataTableSort, type DateFilterOperator, DatePicker, DatePickerInput, type DatePickerInputProps, type DatePickerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type EditingCell, type EditorType, type FileRenderer, type FileRendererProps, FileView, type FileViewError, type FileViewProps, type FilterConfig, type FilterOperator, FilterPopover, type FilterPopoverProps$1 as FilterPopoverProps, type FilterType, type GridCellProps, HeaderCell, type HeaderCellProps$1 as HeaderCellProps, HtmlRenderer, IconButton, type IconButtonProps, ImageRenderer, Input, type InputProps, Label, type LabelProps, LoadingSpinner, type LoadingSpinnerProps, MINIMALIST_LIGHT_THEME, MODERN_DARK_THEME, MODERN_LIGHT_THEME, MarkdownRenderer, Modal, ModalButton, type ModalButtonProps, type ModalProps, type NumberFilterOperator, OPTILOGIC_DARK_THEME, OPTILOGIC_LEGACY_THEME, OptilogicLogo, type OptilogicLogoProps, OptilogicLogoWithText, type OptilogicLogoWithTextProps, PRESET_THEMES, type PaginationConfig, PlainTextRenderer, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, type RendererRegistry, ResizablePanel, type ResizablePanelProps, ResizeHandle, type ResizeHandleProps, type ResolveImageUrl, type SearchConfig, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, SelectableCard, type SelectableCardProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SortConfig, type SortingConfig, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, type TextFilterOperator, Textarea, type TextareaProps, type Theme, type ThemeHSL, type ThemeHex, ThemePicker, type ThemePickerProps, Toaster, type ToasterProps, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, type UseContentTypeOptions, type UseContentTypeReturn, type UseContextMenuResult, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, applyFilterOperator, applyFilters, applySorting, applyTheme, areThemesEqual, badgeVariants, boardVariants, buttonVariants, cardActionsVariants, cardGridVariants, cardImageVariants, cardListVariants, cardVariants, cloneTheme, cn, detectContentType, exportTheme, getCellValue, getCurrentTheme, getDefaultTheme, getFileExtension, getPresetTheme, hexToHsl, iconButtonVariants, importTheme, isPresetTheme, isTextContentType, isUrlContentType, labelVariants, loadingSpinnerVariants, mergeRenderers, resolveRenderer, themeToHsl, useColumnResize, useColumnResizeManager, useConfirmation, useContentType, useContextMenu, useDataGridState, useKeyboardNavigation, validateTheme };
3216
+ export { ALL_THEMES, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Autocomplete, type AutocompleteOption, type AutocompleteProps, Badge, type BadgeProps, Board, BoardContent, type BoardContentProps, BoardHeader, type BoardHeaderProps, type BoardProps, type BuiltInContentType, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardGrid, type CardGridProps, CardHeader, type CardHeaderProps, CardImage, type CardImageProps, CardList, type CardListProps, type CardProps, CardTitle, type CardTitleProps, type CellEditEvent, CellEditor, type CellEditorProps$1 as CellEditorProps, type CellPosition, Checkbox, type CheckboxProps, Chip, type ChipProps, CodeRenderer, type ColorFieldConfig, type ColumnDef, Combobox, type ComboboxProps, ConfirmationModal, type ConfirmationModalProps, type ContentType, type ContentTypeDetectionResult, ContextMenu, type ContextMenuItem, type ContextMenuProps, CopyButton, type CopyButtonProps, CosmicFrogIcon, type CosmicFrogIconProps, CsvRenderer, DARK_ELEGANT_THEME, DEFAULT_RENDERERS, DataGrid, type DataGridContextValue, type DataGridInternalState, type DataGridProps, type DataGridState, DataStarIcon, type DataStarIconProps, DataTable, type DataTableColumn, type DataTableProps, type DataTableSort, type DateFilterOperator, DatePicker, DatePickerInput, type DatePickerInputProps, type DatePickerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type EditingCell, type EditorType, type FileRenderer, type FileRendererProps, FileView, type FileViewError, type FileViewProps, type FilterConfig, type FilterOperator, FilterPopover, type FilterPopoverProps$1 as FilterPopoverProps, type FilterType, type GridCellProps, HeaderCell, type HeaderCellProps$1 as HeaderCellProps, HtmlRenderer, IconButton, type IconButtonProps, ImageRenderer, Input, type InputProps, Label, type LabelProps, LoadingSpinner, type LoadingSpinnerProps, MINIMALIST_LIGHT_THEME, MODERN_DARK_THEME, MODERN_LIGHT_THEME, MarkdownRenderer, Modal, ModalButton, type ModalButtonProps, type ModalProps, MultiSelect, type MultiSelectProps, type NumberFilterOperator, OPTILOGIC_DARK_THEME, OPTILOGIC_LEGACY_THEME, OptilogicLogo, type OptilogicLogoProps, OptilogicLogoWithText, type OptilogicLogoWithTextProps, PRESET_THEMES, type PaginationConfig, PlainTextRenderer, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, type RendererRegistry, ResizablePanel, type ResizablePanelProps, ResizeHandle, type ResizeHandleProps, type ResolveImageUrl, type SearchConfig, Select, SelectContent, SelectGroup, SelectItem, SelectItemDescription, type SelectItemDescriptionProps, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, SelectableCard, type SelectableCardProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SortConfig, type SortingConfig, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, type TextFilterOperator, Textarea, type TextareaProps, type Theme, type ThemeHSL, type ThemeHex, ThemePicker, type ThemePickerProps, Toaster, type ToasterProps, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, type UseContentTypeOptions, type UseContentTypeReturn, type UseContextMenuResult, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, applyFilterOperator, applyFilters, applySorting, applyTheme, areThemesEqual, badgeVariants, boardVariants, buttonVariants, cardActionsVariants, cardGridVariants, cardImageVariants, cardListVariants, cardVariants, cloneTheme, cn, detectContentType, exportTheme, getCellValue, getCurrentTheme, getDefaultTheme, getFileExtension, getPresetTheme, hexToHsl, iconButtonVariants, importTheme, isPresetTheme, isTextContentType, isUrlContentType, labelVariants, loadingSpinnerVariants, mergeRenderers, resolveRenderer, tabsListVariants, tabsTriggerVariants, themeToHsl, useColumnResize, useColumnResizeManager, useConfirmation, useContentType, useContextMenu, useDataGridState, useKeyboardNavigation, validateTheme };