@sesamehr/react-design-system 3.3.0 → 3.4.0

package/dist/Navigation/Stepper/useStepperPill.d.ts

@@ -0,0 +1,28 @@
+import { RefObject } from 'react';
+/**
+ * Moves the current step's pill over whichever step is current.
+ *
+ * The pill used to be a background on the step itself, which is why it could
+ * not travel: two elements cannot transition into one another, so all a step
+ * change could do was fade one tint out while another faded in. So the pill is
+ * a single element in the list, taken out of flow, and what moves is its
+ * geometry — published as custom properties on the list
+ * (`--ox-stepper-pill-x/y/width/height`) for the stylesheet to spend.
+ *
+ * Nothing here decides how the pill is drawn: no `transform` string, no radius,
+ * no colour, no orientation branch. This writes four numbers and the
+ * component's own rule composes them.
+ *
+ * Measured *after* the content change, which is the whole reason it runs off
+ * observers rather than off the render. A step's width is not its own:
+ * horizontally its label is only in flow while it is current, so the box the
+ * pill is sized to changes in the same style recalc as `data-state`. Measure
+ * from an effect keyed on `current` — even a layout effect — and the rectangle
+ * read back is the one the browser has yet to redo, so the pill eases towards a
+ * position the content has already left. A `MutationObserver` on `data-state`
+ * and a `ResizeObserver` on the steps both fire after the new content is laid
+ * out, and the resize one is not a safety net: a step growing its label is the
+ * change being measured. It is also what lets this be a single effect with no
+ * dependency on the current step.
+ */
+export declare function useStepperPill(list: RefObject<HTMLElement | null>): void;

package/dist/Navigation/ToggleTabs/useToggleTabsPill.d.ts

@@ -6,7 +6,7 @@ import { RefObject } from 'react';
  * why it could not travel: two elements cannot transition into one another. So
  * the pill is a single element in the track, taken out of flow, and what moves
  * is its geometry — published as custom properties on the track
- * (`--toggle-tabs-pill-x/y/width/height`) for the stylesheet to spend.
+ * (`--ox-toggle-tabs-pill-x/y/width/height`) for the stylesheet to spend.
  *
  * The handoff is the point. Nothing here decides how the pill is drawn: no
  * `transform` string, no radius, no colour, no orientation branch. This writes

package/dist/Transitions/TransitionBase.d.ts

@@ -19,6 +19,10 @@ interface InternalTransitionProps extends TransitionBaseProps {
         appear?: number;
     };
     styleVars: Record<string, string>;
+    /** Called with the animated element as each phase starts, for a transition
+        that has to measure the element before it can interpolate towards it. */
+    onEnterNode?: (node: HTMLElement) => void;
+    onExitNode?: (node: HTMLElement) => void;
 }
 /**
  * Shared wrapper around react-transition-group's `CSSTransition`, used by every
@@ -26,5 +30,5 @@ interface InternalTransitionProps extends TransitionBaseProps {
  * `nodeRef` onto the single child, so the transition classes land on that
  * child and no wrapper node is added to the DOM.
  */
-export declare function TransitionBase({ in: inProp, appear, unmountOnExit, mountOnEnter, classNames, timeout, styleVars, children, }: InternalTransitionProps): import("react/jsx-runtime").JSX.Element;
+export declare function TransitionBase({ in: inProp, appear, unmountOnExit, mountOnEnter, classNames, timeout, styleVars, onEnterNode, onExitNode, children, }: InternalTransitionProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/hooks/useAutoGrow/useAutoGrow.d.ts

@@ -18,5 +18,12 @@ export interface UseAutoGrowReturn {
  * scrollbar gutter in the browsers that reserve one, which moves the text by a
  * few pixels for as long as the field is a single line — visible, and wrong
  * against a design that has no scrollbar in it.
+ *
+ * **A height this did not write wins and ends the growth.** Only one thing can
+ * write `style.height`, so a surface left `resize: vertical` would have the
+ * user's drag thrown away by the next keystroke. The drag is read as the user
+ * taking the height over, and from then on this stops writing it. On a surface
+ * that is `resize: none` — every one but an opted-in `OxTextarea` — nothing
+ * else can change the height, so this never fires.
  */
 export declare const useAutoGrow: (element: RefObject<HTMLTextAreaElement | null>, value: string, maxRows: number) => UseAutoGrowReturn;

package/dist/main.d.ts

@@ -10,6 +10,9 @@ export { TransitionReveal as OxTransitionReveal } from './Transitions/Transition
 export { Button as OxButton, buttonVariants, type ButtonVariants, } from './Button/index.ts';
 export { IconButton as OxIconButton, iconButtonVariants, type IconButtonVariants, } from './Button/IconButton/index.ts';
 export { ActionItem as OxActionItem, type ActionItemProps, } from './Button/ActionItem/index.ts';
+export { Fab as OxFab, type FabProps, fabVariants, type FabVariants, } from './Button/Fab/index.ts';
+export { ButtonGroup as OxButtonGroup } from './Button/ButtonGroup/index.ts';
+export { SplitButton as OxSplitButton } from './Button/SplitButton/index.ts';
 export { Card as OxCard, cardVariants, type CardVariants, } from './Layout/Card/index.ts';
 export { CardStack as OxCardStack, CARD_STACK_DECK, } from './Layout/CardStack/index.ts';
 export { Divider as OxDivider, type DividerProps, } from './Layout/Divider/index.ts';
@@ -31,24 +34,31 @@ export { FileCard as OxFileCard } from './Display/FileCard/index.ts';
 export { FilePreviewCard as OxFilePreviewCard } from './Display/FilePreviewCard/index.ts';
 export { ChatBubble as OxChatBubble, chatBubbleVariants, type ChatBubbleDelivery, type ChatBubbleVariants, } from './Display/ChatBubble/index.ts';
 export { ChatBubbleStatus as OxChatBubbleStatus, chatBubbleStatusVariants, type ChatBubbleStatusVariants, } from './Display/ChatBubble/ChatBubbleStatus/index.ts';
+export { Mention as OxMention, mentionVariants, type MentionVariants, } from './Display/Mention/index.ts';
 export { Chip as OxChip, chipVariants, type ChipVariants, } from './Display/Chip/index.ts';
+export { PlayerPill as OxPlayerPill, PlayerPillAction as OxPlayerPillAction, PlayerPillStatus as OxPlayerPillStatus, PlayerPillTime as OxPlayerPillTime, playerPillVariants, type PlayerPillActionName, type PlayerPillState, type PlayerPillVariants, } from './Display/PlayerPill/index.ts';
 export { PointMarker as OxPointMarker, pointMarkerVariants, type PointMarkerVariants, } from './Display/PointMarker/index.ts';
+export { Tag as OxTag, tagVariants, type TagVariants, } from './Display/Tag/index.ts';
 export { StatusBadge as OxStatusBadge, statusBadgeVariants, type StatusBadgeVariants, } from './Feedback/StatusBadge/index.ts';
 export { Bullet as OxBullet, bulletVariants, type BulletVariants, } from './Feedback/Bullet/index.ts';
+export { EmptyState as OxEmptyState, emptyStateVariants, type EmptyStateVariants, } from './Feedback/EmptyState/index.ts';
+export { EmptyStateOption as OxEmptyStateOption } from './Feedback/EmptyState/EmptyStateOption/index.ts';
 export { Loader as OxLoader } from './Feedback/Loader/index.ts';
 export { Progress as OxProgress } from './Feedback/Progress/index.ts';
 export { Skeleton as OxSkeleton } from './Feedback/Skeleton/index.ts';
 export { Alert as OxAlert, AlertClose as OxAlertClose, AlertDescription as OxAlertDescription, AlertIcon as OxAlertIcon, AlertTitle as OxAlertTitle, AlertToggle as OxAlertToggle, } from './Feedback/Alert/index.ts';
-export { Dialog as OxDialog, DialogContent as OxDialogContent, DialogBody as OxDialogBody, DialogTitle as OxDialogTitle, DialogDescription as OxDialogDescription, DialogOverlay as OxDialogOverlay, DialogTwoPanelContent as OxDialogTwoPanelContent, DialogTrigger as OxDialogTrigger, DialogClose as OxDialogClose, } from './Feedback/Dialog/index.ts';
+export { Dialog as OxDialog, DialogContent as OxDialogContent, DialogBody as OxDialogBody, DialogTitle as OxDialogTitle, DialogDescription as OxDialogDescription, DialogOverlay as OxDialogOverlay, DialogTwoPanelContent as OxDialogTwoPanelContent, DialogFullScreenContent as OxDialogFullScreenContent, DialogTrigger as OxDialogTrigger, DialogClose as OxDialogClose, } from './Feedback/Dialog/index.ts';
 export { Tooltip as OxTooltip, TooltipContent as OxTooltipContent, } from './Feedback/Tooltip/index.ts';
 export { Popover as OxPopover, PopoverContent as OxPopoverContent, PopoverClose as OxPopoverClose, } from './Feedback/Popover/index.ts';
+export { Toaster as OxToaster, Toast as OxToast, ToastIcon as OxToastIcon, ToastTitle as OxToastTitle, ToastDescription as OxToastDescription, ToastAction as OxToastAction, ToastClose as OxToastClose, TOAST_POSITIONS, type ToastPosition, type ToastType, type ToastOptions, type ToastEntry, type ToastActionDescriptor, type UseToastReturn, type ToastVariants, type ToastViewportVariants, toastVariants, toastViewportVariants, toastSwipeDirection, dismissAllToasts, dismissToast, toast, useToast, } from './Feedback/Toast/index.ts';
 export { Accordion as OxAccordion, AccordionItem as OxAccordionItem, AccordionTrigger as OxAccordionTrigger, AccordionContent as OxAccordionContent, } from './Navigation/Accordion/index.ts';
 export { ToggleTabs as OxToggleTabs, ToggleTabsList as OxToggleTabsList, ToggleTabsTrigger as OxToggleTabsTrigger, ToggleTabsContent as OxToggleTabsContent, } from './Navigation/ToggleTabs/index.ts';
+export { Stepper as OxStepper, StepperItem as OxStepperItem, StepperSubsteps as OxStepperSubsteps, isStepNavigable, stepperState, useStepper, type StepperContextValue, type StepperOrientation, type StepperState, } from './Navigation/Stepper/index.ts';
 export { PageControl as OxPageControl, pageControlDots, PAGE_CONTROL_WINDOW, type PageControlDot, type PageControlDotSize, } from './Navigation/PageControl/index.ts';
 export { DropdownMenu as OxDropdownMenu, DropdownMenuTrigger as OxDropdownMenuTrigger, DropdownMenuContent as OxDropdownMenuContent, DropdownMenuGroup as OxDropdownMenuGroup, DropdownMenuLabel as OxDropdownMenuLabel, DropdownMenuItem as OxDropdownMenuItem, DropdownMenuCheckboxItem as OxDropdownMenuCheckboxItem, DropdownMenuRadioGroup as OxDropdownMenuRadioGroup, DropdownMenuRadioItem as OxDropdownMenuRadioItem, DropdownMenuSeparator as OxDropdownMenuSeparator, DropdownMenuShortcut as OxDropdownMenuShortcut, DropdownMenuSub as OxDropdownMenuSub, DropdownMenuSubTrigger as OxDropdownMenuSubTrigger, DropdownMenuSubContent as OxDropdownMenuSubContent, } from './Navigation/DropdownMenu/index.ts';
 export { Breadcrumb as OxBreadcrumb, BreadcrumbList as OxBreadcrumbList, BreadcrumbItem as OxBreadcrumbItem, BreadcrumbLink as OxBreadcrumbLink, BreadcrumbPage as OxBreadcrumbPage, BreadcrumbSeparator as OxBreadcrumbSeparator, BreadcrumbEllipsis as OxBreadcrumbEllipsis, } from './Navigation/Breadcrumb/index.ts';
 export { Counter as OxCounter, counterVariants, type CounterVariants, } from './Forms/Field/Counter/index.ts';
 export { FieldGroup as OxFieldGroup, FieldLabel as OxFieldLabel, FieldMessage as OxFieldMessage, useFieldControl, useFieldControlGroup, type FieldControlAttrs, type FieldControlGroupAttrs, type FieldGroupProps, type FieldVariant, } from './Forms/Field/index.ts';
-export { InputGroup as OxInputGroup, InputText as OxInputText, InputNumber as OxInputNumber, InputNumberContent as OxInputNumberContent, InputNumberDecrement as OxInputNumberDecrement, InputNumberIncrement as OxInputNumberIncrement, InputNumberInput as OxInputNumberInput, InputPassword as OxInputPassword, InputPasswordInput as OxInputPasswordInput, InputPasswordToggle as OxInputPasswordToggle, useInputPassword, InputOtp as OxInputOtp, InputOtpGroup as OxInputOtpGroup, InputOtpSlot as OxInputOtpSlot, InputOtpSeparator as OxInputOtpSeparator, useInputOtp, Calendar as OxCalendar, CalendarRange as OxCalendarRange, CalendarDay as OxCalendarDay, calendarDayVariants, Combobox as OxCombobox, ComboboxCancel as OxComboboxCancel, ComboboxInput as OxComboboxInput, ComboboxChipsInput as OxComboboxChipsInput, ComboboxContent as OxComboboxContent, ComboboxItem as OxComboboxItem, ComboboxItemEdit as OxComboboxItemEdit, ComboboxEmpty as OxComboboxEmpty, ComboboxGroup as OxComboboxGroup, ComboboxSeparator as OxComboboxSeparator, ChatInput as OxChatInput, DatePicker as OxDatePicker, DateRangePicker as OxDateRangePicker, DatePickerTrigger as OxDatePickerTrigger, DatePickerHeader as OxDatePickerHeader, DatePickerMonthSelect as OxDatePickerMonthSelect, DatePickerYearSelect as OxDatePickerYearSelect, SearchBar as OxSearchBar, searchBarVariants, SearchPanel as OxSearchPanel, SearchPanelInput as OxSearchPanelInput, SearchPanelList as OxSearchPanelList, SearchPanelGroup as OxSearchPanelGroup, SearchPanelItem as OxSearchPanelItem, SearchPanelEmpty as OxSearchPanelEmpty, Select as OxSelect, SelectTrigger as OxSelectTrigger, SelectContent as OxSelectContent, SelectItem as OxSelectItem, SelectGroup as OxSelectGroup, SelectSeparator as OxSelectSeparator, Textarea as OxTextarea, Switch as OxSwitch, Checkbox as OxCheckbox, RadioButton as OxRadioButton, RadioGroup as OxRadioGroup, ToggleGroup as OxToggleGroup, ToggleLabel as OxToggleLabel, ToggleDescription as OxToggleDescription, SWITCH_SIZES, type InputNumberProps, type InputPasswordProps, type InputPasswordContext, type InputOtpProps, type InputOtpSlotProps, type InputOtpContext, type CalendarProps, type CalendarRangeProps, type CalendarDateRange, type CalendarDayProps, type CalendarDayState, type CalendarDayVariants, type CalendarConstraints, type CalendarNav, type ComboboxProps, type ChatInputActionLabels, type ChatInputState, type DatePickerProps, type DateRangePickerProps, type DatePickerTriggerProps, type DatePickerHeaderProps, type DatePickerMonthSelectProps, type DatePickerYearSelectProps, type SearchBarVariants, type SelectProps, type TextareaCounterState, type RadioGroupProps, type ToggleGroupProps, type ToggleLabelProps, type ToggleDescriptionProps, } from './Forms/Inputs/index.ts';
+export { InputGroup as OxInputGroup, InputText as OxInputText, InputNumber as OxInputNumber, InputNumberContent as OxInputNumberContent, InputNumberDecrement as OxInputNumberDecrement, InputNumberIncrement as OxInputNumberIncrement, InputNumberInput as OxInputNumberInput, InputPassword as OxInputPassword, InputPasswordInput as OxInputPasswordInput, InputPasswordToggle as OxInputPasswordToggle, useInputPassword, InputOtp as OxInputOtp, InputOtpGroup as OxInputOtpGroup, InputOtpSlot as OxInputOtpSlot, InputOtpSeparator as OxInputOtpSeparator, useInputOtp, Calendar as OxCalendar, CalendarRange as OxCalendarRange, CalendarDay as OxCalendarDay, calendarDayVariants, Combobox as OxCombobox, ComboboxCancel as OxComboboxCancel, ComboboxInput as OxComboboxInput, ComboboxChipsInput as OxComboboxChipsInput, ComboboxContent as OxComboboxContent, ComboboxItem as OxComboboxItem, ComboboxItemEdit as OxComboboxItemEdit, ComboboxEmpty as OxComboboxEmpty, ComboboxGroup as OxComboboxGroup, ComboboxSeparator as OxComboboxSeparator, ChatInput as OxChatInput, ColorPicker as OxColorPicker, ColorPickerTrigger as OxColorPickerTrigger, ColorPickerContent as OxColorPickerContent, ColorPickerSwatch as OxColorPickerSwatch, useColorPicker, IconPicker as OxIconPicker, IconPickerTrigger as OxIconPickerTrigger, IconPickerContent as OxIconPickerContent, IconPickerItem as OxIconPickerItem, useIconPicker, DatePicker as OxDatePicker, DateRangePicker as OxDateRangePicker, DatePickerTrigger as OxDatePickerTrigger, DatePickerHeader as OxDatePickerHeader, DatePickerMonthSelect as OxDatePickerMonthSelect, DatePickerYearSelect as OxDatePickerYearSelect, SearchBar as OxSearchBar, searchBarVariants, SearchPanel as OxSearchPanel, SearchPanelInput as OxSearchPanelInput, SearchPanelList as OxSearchPanelList, SearchPanelGroup as OxSearchPanelGroup, SearchPanelItem as OxSearchPanelItem, SearchPanelEmpty as OxSearchPanelEmpty, Select as OxSelect, SelectTrigger as OxSelectTrigger, SelectContent as OxSelectContent, SelectItem as OxSelectItem, SelectGroup as OxSelectGroup, SelectSeparator as OxSelectSeparator, Textarea as OxTextarea, Switch as OxSwitch, Checkbox as OxCheckbox, RadioButton as OxRadioButton, RadioGroup as OxRadioGroup, ToggleGroup as OxToggleGroup, ToggleLabel as OxToggleLabel, ToggleDescription as OxToggleDescription, SWITCH_SIZES, type InputNumberProps, type InputPasswordProps, type InputPasswordContext, type InputOtpProps, type InputOtpSlotProps, type InputOtpContext, type CalendarProps, type CalendarRangeProps, type CalendarDateRange, type CalendarDayProps, type CalendarDayState, type CalendarDayVariants, type CalendarConstraints, type CalendarNav, type ComboboxProps, type ChatInputActionLabels, type ChatInputState, type ColorPickerProps, type ColorPickerContext, type IconPickerProps, type IconPickerContext, type DatePickerProps, type DateRangePickerProps, type DatePickerTriggerProps, type DatePickerHeaderProps, type DatePickerMonthSelectProps, type DatePickerYearSelectProps, type SearchBarVariants, type SelectProps, type TextareaCounterState, type RadioGroupProps, type ToggleGroupProps, type ToggleLabelProps, type ToggleDescriptionProps, } from './Forms/Inputs/index.ts';
 export { Table as OxTable, TableVirtualized as OxTableVirtualized, TableHead as OxTableHead, TableBody as OxTableBody, TableRow as OxTableRow, TableCell as OxTableCell, TableHeaderCell as OxTableHeaderCell, TableSelectCell as OxTableSelectCell, TableDragCell as OxTableDragCell, TableBulkHeader as OxTableBulkHeader, TablePagination as OxTablePagination, TableEmpty as OxTableEmpty, TableRowExpanded as OxTableRowExpanded, TableExpandCell as OxTableExpandCell, TableColumnVisibility as OxTableColumnVisibility, useTable, useTableSelection, useTableSorting, useTablePagination, useTableDetailRow, useTablePinning, useTableColumns, useScrollShadow, useDragToScroll, useFixedColumns, useTableVirtual, } from './Data/Table/index.ts';
 export type { UseTableOptions, UseTableReturn, UseTableSelectionReturn, UseTableSortingReturn, UseTablePaginationOptions, UseTablePaginationReturn, DetailRowInstance, DetailRowOptions, DetailRowPluginDef, UseTablePinningOptions, UseTablePinningReturn, CellInfo, HeaderInfo, UseTableVirtualOptions, UseTableVirtualReturn, UseTableColumnsOptions, UseTableColumnsReturn, UseScrollShadowOptions, UseScrollShadowReturn, UseDragToScrollOptions, UseDragToScrollReturn, UseFixedColumnsOptions, TableProps, TableMode, ColumnDef, ColumnAlign, CellContext, SortingState, PaginationState, PaginationChangePayload, SortingChangePayload, SelectionChangePayload, FilterChangePayload, ColumnResizeMode, ColumnVisibilityState, ColumnOrderState, ExpandedState, ColumnVisibilityChangePayload, ColumnOrderChangePayload, RowExpandChangePayload, ColumnResizePayload, ColumnPinningState, } from './Data/Table/index.ts';