@ember-home/unbound-styleguide 0.0.12 → 0.0.14

package/dist/index.d.ts

@@ -255,9 +255,10 @@ interface StepDotsProps {
 /**
  * Step indicator with dots, connecting lines, and labels.
  *
- * - Current step: hollow ring with primary color label
- * - Other steps: filled gray dots with muted labels
- * - Completed steps: filled primary dots
+ * Responsive behavior:
+ * - Desktop: Always shows dots with labels
+ * - Mobile (≤3 steps): Shows dots only (no labels)
+ * - Mobile (>3 steps): Collapses to "Step X of Y" text
  */
 declare function StepDots({ steps, currentStep, completedSteps, className, "aria-label": ariaLabel, }: StepDotsProps): react_jsx_runtime.JSX.Element;
 
@@ -449,6 +450,8 @@ type SheetBodyProps = React$1.HTMLAttributes<HTMLDivElement>;
 type SheetFooterProps = React$1.HTMLAttributes<HTMLDivElement>;
 type SheetTitleProps = React$1.ComponentProps<typeof DialogPrimitive.Title>;
 type SheetDescriptionProps = React$1.ComponentProps<typeof DialogPrimitive.Description>;
+type SheetDetailsProps = React$1.HTMLAttributes<HTMLDivElement>;
+type SheetDetailsToggleProps = React$1.ComponentProps<typeof Button>;
 declare function Sheet({ ...props }: SheetProps): react_jsx_runtime.JSX.Element;
 declare function SheetTrigger({ ...props }: SheetTriggerProps): react_jsx_runtime.JSX.Element;
 declare function SheetClose({ ...props }: SheetCloseProps): react_jsx_runtime.JSX.Element;
@@ -467,6 +470,18 @@ declare function SheetBody({ className, ...props }: SheetBodyProps): react_jsx_r
 declare function SheetFooter({ className, ...props }: SheetFooterProps): react_jsx_runtime.JSX.Element;
 declare function SheetTitle({ className, ...props }: SheetTitleProps): react_jsx_runtime.JSX.Element;
 declare function SheetDescription({ className, ...props }: SheetDescriptionProps): react_jsx_runtime.JSX.Element;
+/**
+ * SheetDetailsToggle - A button that toggles the details sidebar pane.
+ * Place this in the SheetHeader actions area. It automatically determines
+ * the correct icon based on the sheet's side prop.
+ */
+declare function SheetDetailsToggle({ className, ...props }: SheetDetailsToggleProps): react_jsx_runtime.JSX.Element;
+/**
+ * SheetDetails - A sliding details sidebar pane that pushes the sheet wider when toggled.
+ * Appears on the right (or left for left-side sheets).
+ * Must be used inside SheetContent.
+ */
+declare function SheetDetails({ className, children, ...props }: SheetDetailsProps): react_jsx_runtime.JSX.Element;
 
 interface PageSheetProps {
     /** Whether the modal is open */
@@ -875,20 +890,15 @@ interface ComboboxTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonEl
     size?: "sm" | "default";
 }
 declare function ComboboxTrigger({ className, size, children, ...props }: ComboboxTriggerProps): react_jsx_runtime.JSX.Element;
-interface ComboboxContentProps extends React$1.ComponentProps<typeof PopoverContent> {
-}
+type ComboboxContentProps = React$1.ComponentProps<typeof PopoverContent>;
 declare function ComboboxContent({ className, children, align, ...props }: ComboboxContentProps): react_jsx_runtime.JSX.Element;
-interface ComboboxInputProps extends React$1.ComponentProps<typeof CommandInput> {
-}
+type ComboboxInputProps = React$1.ComponentProps<typeof CommandInput>;
 declare function ComboboxInput({ ...props }: ComboboxInputProps): react_jsx_runtime.JSX.Element;
-interface ComboboxEmptyProps extends React$1.ComponentProps<typeof CommandEmpty> {
-}
+type ComboboxEmptyProps = React$1.ComponentProps<typeof CommandEmpty>;
 declare function ComboboxEmpty({ ...props }: ComboboxEmptyProps): react_jsx_runtime.JSX.Element;
-interface ComboboxGroupProps extends React$1.ComponentProps<typeof CommandGroup> {
-}
+type ComboboxGroupProps = React$1.ComponentProps<typeof CommandGroup>;
 declare function ComboboxGroup({ ...props }: ComboboxGroupProps): react_jsx_runtime.JSX.Element;
-interface ComboboxListProps extends React$1.ComponentProps<typeof CommandList> {
-}
+type ComboboxListProps = React$1.ComponentProps<typeof CommandList>;
 declare function ComboboxList({ ...props }: ComboboxListProps): react_jsx_runtime.JSX.Element;
 interface ComboboxItemProps extends React$1.ComponentProps<typeof CommandItem> {
     /** Whether this item is currently selected */
@@ -1487,10 +1497,16 @@ declare const sidebarMenuButtonVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React$1.ComponentProps<"button"> & {
+declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, flyoutLabel, flyoutIcon, flyoutHref, className, ...props }: React$1.ComponentProps<"button"> & {
     asChild?: boolean;
     isActive?: boolean;
     tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
+    /** Shows flyout on hover when collapsed (icon + label extending right) */
+    flyoutLabel?: string;
+    /** Icon element to show in flyout (optional - if not provided, only label shown) */
+    flyoutIcon?: React$1.ReactNode;
+    /** Href for flyout click navigation (should match the button's link) */
+    flyoutHref?: string;
 } & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime.JSX.Element;
 declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React$1.ComponentProps<"button"> & {
     asChild?: boolean;
@@ -2423,4 +2439,4 @@ declare const OPERATORS: Record<Operator, OperatorConfig>;
  */
 declare function getOperatorConfig(operatorId: Operator): OperatorConfig;
 
-export { Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, AlertTitle, type AlertTitleProps, type AlertVariant, Badge, type BadgeProps, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, COLUMN_PRESETS, Calendar, type CalendarProps, Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps, type ColumnBehavior, type ColumnId, type ColumnSchema, type ColumnType, type ColumnWidthHint, Combobox, ComboboxContent, type ComboboxContentProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxGroup, type ComboboxGroupProps, ComboboxInput, type ComboboxInputProps, ComboboxItem, type ComboboxItemProps, ComboboxList, type ComboboxListProps, type ComboboxOption, type ComboboxProps, ComboboxTrigger, type ComboboxTriggerProps, Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps, DAYS_OF_WEEK, DEFAULT_RECURRENCE_CONFIG, type DataColumn, DataTable, DataTableColumnHeader, type DataTableColumnHeaderProps, DataTablePagination, type DataTablePaginationProps, type DataTableProps, type DataTableQuery, type DataTableServerResult, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, type DateRangeValue, type DayOfWeek, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, DropdownMenu, DropdownMenuButtonTrigger, type DropdownMenuButtonTriggerProps, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, type DropdownMenuProps, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, EMPTY_STATE, type EndCondition, FREQUENCY_OPTIONS, type FieldConfig, type FieldOption, type FieldType, type FilterExpression, type FilterField, type FilterFieldOption, type FilterLogic, type FilterOperator, type FilterState, type FilterValue, type FrequencyOption, FrequencySelect, Input, type InputProps, Label, type LabelProps, MonthlyDatePicker, MonthlyWeekdayPicker, OPERATORS, type Operator, type OperatorConfig, type OperatorId, PageSheet, PageSheetDivider, type PageSheetDividerProps, PageSheetFooter, type PageSheetFooterProps, PageSheetLayout, type PageSheetLayoutProps, PageSheetMain, type PageSheetMainProps, PageSheetNav, PageSheetNavItem, type PageSheetNavItemProps, type PageSheetNavProps, type PageSheetProps, PageSheetSaveFooter, type PageSheetSaveFooterProps, PageSheetSection, type PageSheetSectionProps, PageSheetSidebar, type PageSheetSidebarProps, PageSheetWizardFooter, type PageSheetWizardFooterProps, Popover, PopoverAnchor, type PopoverAnchorProps, PopoverArrow, type PopoverArrowProps, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, PopoverPortal, type PopoverPortalProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, type QuickFilterConfig, type RangeValue, type Recurrence, type RecurrenceConfig, RecurrenceScheduler, type RecurrenceSchedulerProps, type RelativeTimeValue, type ResolveColumnsOptions, type ResolvedColumn, type RowAction, type Rule, RuleBuilder, type RuleBuilderProps, type RuleSet, SearchInput, type SearchInputProps, Select, SelectContent, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectItem, type SelectItemProps, SelectLabel, type SelectLabelProps, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, SemanticAdvancedFilterBuilder, type SemanticAdvancedFilterBuilderProps, type SemanticFieldType, SemanticFilterController, type SemanticFilterControllerProps, SemanticQuickFilters, type SemanticQuickFiltersProps, Separator, type SeparatorProps, Sheet, SheetBody, type SheetBodyProps, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, SheetDescription, type SheetDescriptionProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, SheetOverlay, type SheetOverlayProps, SheetPortal, type SheetPortalProps, type SheetProps, SheetTitle, type SheetTitleProps, SheetTrigger, type SheetTriggerProps, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, StepDots, type StepDotsProps, type StepDotsStep, SummaryDisplay, Switch, type SwitchProps, type TableViewConfig, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, type TimeUnit, type ToastOptions, Toaster, type ToasterProps, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, ToolbarDivider, type ToolbarDividerProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps, type UIHint, type UseDataTableOptions, type UseDataTableReturn, type UseResolvedColumnsOptions, type UseResolvedColumnsReturn, type UseSemanticFilterStateOptions, type UseSemanticFilterStateReturn, type UseServerDataTableOptions, type UseServerDataTableReturn, UtilityBar, type UtilityBarFilterConfig, type UtilityBarProps, type UtilityBarSelectionConfig, ValueInput, type ValueSchema, type ValueSchemaType, type ViewColumnConfig, WEEKS_OF_MONTH, WIDTH_MAP, type WeekOfMonth, WeeklyDaysSelect, actionsColumn, addExpression, alertVariants, areValuesEqual, badgeVariants, buttonVariants, clearAll, createColumn, createDefaultQuery, createDefaultRecurrence, createExpression, createExpressionWith, currencyColumn, dateColumn, defineColumns, descriptionColumn, extractQuickFilterValues, findColumn, flexColumn, generateExpressionId, getActiveFieldIds, getAllOperators, getCompatibleOperators, getDefaultValueForOperator, getExpressionByField, getExpressionById, getOperator, getOperatorConfig, getOperatorsForField, getPinnedLeftIds, getPinnedRightIds, getTotalWidth, hasChanges, hasExpressions, idColumn, initializeForField, initializeForOperator, isOperatorCompatible, isPresenceOperator, isValueEmpty, mergeClasses, nameColumn, notify, numberColumn, omitColumns, pickColumns, removeExpression, resolveColumns, resolveUIHint, resolveUIHintByIds, selectionColumn, setExpressionForField, setLogic, statusColumn, toTanStackColumns, updateExpression, useDataTable, useDebouncedCallback, useDebouncedValue, useIsMobile, useRecurrenceScheduler, useResolvedColumns, useSemanticFilterState, useServerDataTable, useSidebar, useStableColumns, useStableViewConfig };
+export { Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, AlertTitle, type AlertTitleProps, type AlertVariant, Badge, type BadgeProps, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, COLUMN_PRESETS, Calendar, type CalendarProps, Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps, type ColumnBehavior, type ColumnId, type ColumnSchema, type ColumnType, type ColumnWidthHint, Combobox, ComboboxContent, type ComboboxContentProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxGroup, type ComboboxGroupProps, ComboboxInput, type ComboboxInputProps, ComboboxItem, type ComboboxItemProps, ComboboxList, type ComboboxListProps, type ComboboxOption, type ComboboxProps, ComboboxTrigger, type ComboboxTriggerProps, Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps, DAYS_OF_WEEK, DEFAULT_RECURRENCE_CONFIG, type DataColumn, DataTable, DataTableColumnHeader, type DataTableColumnHeaderProps, DataTablePagination, type DataTablePaginationProps, type DataTableProps, type DataTableQuery, type DataTableServerResult, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, type DateRangeValue, type DayOfWeek, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, DropdownMenu, DropdownMenuButtonTrigger, type DropdownMenuButtonTriggerProps, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, type DropdownMenuProps, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, EMPTY_STATE, type EndCondition, FREQUENCY_OPTIONS, type FieldConfig, type FieldOption, type FieldType, type FilterExpression, type FilterField, type FilterFieldOption, type FilterLogic, type FilterOperator, type FilterState, type FilterValue, type FrequencyOption, FrequencySelect, Input, type InputProps, Label, type LabelProps, MonthlyDatePicker, MonthlyWeekdayPicker, OPERATORS, type Operator, type OperatorConfig, type OperatorId, PageSheet, PageSheetDivider, type PageSheetDividerProps, PageSheetFooter, type PageSheetFooterProps, PageSheetLayout, type PageSheetLayoutProps, PageSheetMain, type PageSheetMainProps, PageSheetNav, PageSheetNavItem, type PageSheetNavItemProps, type PageSheetNavProps, type PageSheetProps, PageSheetSaveFooter, type PageSheetSaveFooterProps, PageSheetSection, type PageSheetSectionProps, PageSheetSidebar, type PageSheetSidebarProps, PageSheetWizardFooter, type PageSheetWizardFooterProps, Popover, PopoverAnchor, type PopoverAnchorProps, PopoverArrow, type PopoverArrowProps, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, PopoverPortal, type PopoverPortalProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, type QuickFilterConfig, type RangeValue, type Recurrence, type RecurrenceConfig, RecurrenceScheduler, type RecurrenceSchedulerProps, type RelativeTimeValue, type ResolveColumnsOptions, type ResolvedColumn, type RowAction, type Rule, RuleBuilder, type RuleBuilderProps, type RuleSet, SearchInput, type SearchInputProps, Select, SelectContent, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectItem, type SelectItemProps, SelectLabel, type SelectLabelProps, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, SemanticAdvancedFilterBuilder, type SemanticAdvancedFilterBuilderProps, type SemanticFieldType, SemanticFilterController, type SemanticFilterControllerProps, SemanticQuickFilters, type SemanticQuickFiltersProps, Separator, type SeparatorProps, Sheet, SheetBody, type SheetBodyProps, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, SheetDescription, type SheetDescriptionProps, SheetDetails, type SheetDetailsProps, SheetDetailsToggle, type SheetDetailsToggleProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, SheetOverlay, type SheetOverlayProps, SheetPortal, type SheetPortalProps, type SheetProps, SheetTitle, type SheetTitleProps, SheetTrigger, type SheetTriggerProps, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, StepDots, type StepDotsProps, type StepDotsStep, SummaryDisplay, Switch, type SwitchProps, type TableViewConfig, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, type TimeUnit, type ToastOptions, Toaster, type ToasterProps, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, ToolbarDivider, type ToolbarDividerProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps, type UIHint, type UseDataTableOptions, type UseDataTableReturn, type UseResolvedColumnsOptions, type UseResolvedColumnsReturn, type UseSemanticFilterStateOptions, type UseSemanticFilterStateReturn, type UseServerDataTableOptions, type UseServerDataTableReturn, UtilityBar, type UtilityBarFilterConfig, type UtilityBarProps, type UtilityBarSelectionConfig, ValueInput, type ValueSchema, type ValueSchemaType, type ViewColumnConfig, WEEKS_OF_MONTH, WIDTH_MAP, type WeekOfMonth, WeeklyDaysSelect, actionsColumn, addExpression, alertVariants, areValuesEqual, badgeVariants, buttonVariants, clearAll, createColumn, createDefaultQuery, createDefaultRecurrence, createExpression, createExpressionWith, currencyColumn, dateColumn, defineColumns, descriptionColumn, extractQuickFilterValues, findColumn, flexColumn, generateExpressionId, getActiveFieldIds, getAllOperators, getCompatibleOperators, getDefaultValueForOperator, getExpressionByField, getExpressionById, getOperator, getOperatorConfig, getOperatorsForField, getPinnedLeftIds, getPinnedRightIds, getTotalWidth, hasChanges, hasExpressions, idColumn, initializeForField, initializeForOperator, isOperatorCompatible, isPresenceOperator, isValueEmpty, mergeClasses, nameColumn, notify, numberColumn, omitColumns, pickColumns, removeExpression, resolveColumns, resolveUIHint, resolveUIHintByIds, selectionColumn, setExpressionForField, setLogic, statusColumn, toTanStackColumns, updateExpression, useDataTable, useDebouncedCallback, useDebouncedValue, useIsMobile, useRecurrenceScheduler, useResolvedColumns, useSemanticFilterState, useServerDataTable, useSidebar, useStableColumns, useStableViewConfig };