@ssa-ui-kit/core 3.22.1 → 3.23.1

package/dist/ai/source-map.md

@@ -4,7 +4,7 @@ Generated from the TypeScript program at build time — do not edit by hand.
 
 **Everything below is imported from the package root:** `import { X } from '@ssa-ui-kit/core'`
 
-182 components · 20 contexts · 20 hooks · 17 functions · 16 constants · 271 exported types
+185 components · 20 contexts · 22 hooks · 17 functions · 16 constants · 287 exported types
 
 ## Reading this file
 
@@ -20,7 +20,7 @@ Generated from the TypeScript program at build time — do not edit by hand.
 
 **Form Structure** — Filters, FiltersMultiSelect, FiltersMultiSelectEmpty, FiltersMultiSelectOption, FiltersMultiSelectOptions, Form, FormAction, FormCheckbox, FormGroup, FormHelperText, FormRadioGroup
 
-**Data Display** — Avatar, Badge, BarGaugeChart, BarGaugeChartComponent, BarLineComplexChart, BigNumberChart, BigNumberChartComponent, CandlestickChart, CandlestickChartComponent, Card, CardBase, CardContent, CardHeader, CardList, ChartBackground, Chip, Counter, GaugeChart, ImageItem, Indicator, Label, NestedTable, NestedTableCell, NestedTableCellSubHeader, NestedTableRow, PieChart, PieChartComponent, PieChartLegend, Progress, ProgressBar, ProgressCircle, ProgressInfo, ProgressInfoTotals, ProgressLegend, ProgressLegendItem, ProgressVertical, ResponsiveImage, SegmentedPieChart, SegmentedPieChartComponent, Table, TableBody, TableCell, TableCellHeader, TableFilterCheckbox, TableFilters, TableFiltersAccordion, TableFiltersAccordionContent, TableFiltersButtons, TableFiltersCancelButton, TableFiltersClearButton, TableFilterTrigger, TableFilterTriggerWithNotification, TableHead, TableRow, Tag, TreeMapChart, TreeMapChartComponent, TreeMapTooltipBase, Typography, WithNestedTableRow
+**Data Display** — Avatar, Badge, BarGaugeChart, BarGaugeChartComponent, BarLineComplexChart, BigNumberChart, BigNumberChartComponent, CandlestickChart, CandlestickChartComponent, Card, CardBase, CardContent, CardHeader, CardList, Carousel, ChartBackground, Chip, ColumnResizeHandle, Counter, FunnelChart, GaugeChart, ImageItem, Indicator, Label, NestedTable, NestedTableCell, NestedTableCellSubHeader, NestedTableRow, PieChart, PieChartComponent, PieChartLegend, Progress, ProgressBar, ProgressCircle, ProgressInfo, ProgressInfoTotals, ProgressLegend, ProgressLegendItem, ProgressVertical, ResponsiveImage, SegmentedPieChart, SegmentedPieChartComponent, Table, TableBody, TableCell, TableCellHeader, TableFilterCheckbox, TableFilters, TableFiltersAccordion, TableFiltersAccordionContent, TableFiltersButtons, TableFiltersCancelButton, TableFiltersClearButton, TableFilterTrigger, TableFilterTriggerWithNotification, TableHead, TableRow, Tag, TreeMapChart, TreeMapChartComponent, TreeMapTooltipBase, Typography, WithNestedTableRow
 
 **Navigation & Layout** — CollapsibleNavBar, CollapsibleNavBarCustomIconSVG, History, LargeTab, Link, LinksTabBar, NavBar, Pagination, Step, StepConnector, StepLabel, Stepper, Tab, TabBar, TreeView, WithLink, WithPagination, WithVisibleLG, WithVisibleMD, WithVisibleSM, WithVisibleUpToLG, Wrapper
 
@@ -681,6 +681,7 @@ Advanced autocomplete search component with dropdown functionality
   - `selectedItems?: TypeaheadValue[]` — Controlled selected items (array of values)
   - `defaultSelectedItems?: TypeaheadValue[]` — Default selected items for uncontrolled mode
   - `isMultiple?: boolean` `= false` — Enable multiple selection mode When true, allows selecting multiple options
+  - `singleLine?: boolean` `= false` — Keep the multiple-selection trigger on a single line. Shows as many selected items as fit, then a `+N`…
   - `disabled?: boolean` `= false` — Whether the component is disabled Disabled typeahead cannot be interacted with
   - `isDisabled?: boolean` `= false` — Whether the component is disabled
   - `children?: ReactNode` — TypeaheadOption components as children Each child should be a TypeaheadOption component
@@ -969,6 +970,28 @@ UI Component that renders a list of items with a custom render function
   - `items: ItemType[]`
   - `renderItem: (item: ItemType) => React.ReactNode`
 
+#### Carousel
+Shows a set of images one at a time, with optional thumbnails, dot indicators, previous/next buttons and autoplay.
+
+  - `items: CarouselItem[]` — Slides to show, in order. When empty, a single picture placeholder is shown in place of the slide.
+  - `thumbnails?: CarouselThumbnailsPosition` `= false` — Position of the thumbnail strip. `left`/`right` render a vertical strip as tall as the slide; `bottom`…
+  - `showDots?: boolean` `= true` — Show the dot indicators (see `controlsPosition`).
+  - `showArrows?: boolean` `= true` — Show the previous/next buttons (see `controlsPosition`).
+  - `controlsPosition?: CarouselControlsPosition` `= 'overlay'` — Where the dots and arrows sit. `overlay` draws them over the bottom of the slide; `below` puts them in a 32px…
+  - `allowOpenFull?: boolean` `= false` — Show a button that opens the current image (`fullSrc ?? src`) in a new tab. It appears when the slide is…
+  - `aspectRatio?: number` `= 1` — Width-to-height ratio of the slide. The slide always fills the container's width; this sets its height.…
+  - `height?: Property.Height<string | number>` — Fixed slide height (number = px). Overrides `aspectRatio`.
+  - `fit?: CarouselFit` `= 'contain'` — How images fill the slide frame.
+  - `index?: number` — Index of the current slide (controlled).
+  - `defaultIndex?: number` `= 0` — Index of the slide shown first (uncontrolled).
+  - `onIndexChange?: (index: number) => void` — Called whenever the current slide changes.
+  - `loop?: boolean` `= false` — Wrap from the last slide to the first and back. Always on while `autoPlay` is enabled.
+  - `autoPlay?: boolean` `= false` — Advance slides automatically. Pauses while the carousel is hovered or focused, while the tab is hidden, and…
+  - `autoPlayInterval?: number` `= 5000` — How long each slide stays on screen during `autoPlay`, in ms.
+  - `transitionDuration?: number` `= 300` — Duration of the slide animation, in ms. `0` switches instantly.
+  - `renderItem?: (item: CarouselItem, index: number) => ReactNode` — Replaces the default image of a slide with custom content.
+  - `aria-label?: string` `= 'Image carousel'` — Accessible name of the carousel region.
+
 #### ChartBackground
 
   _No library-specific props._
@@ -990,6 +1013,13 @@ Compact component for tags, labels, and removable items.
   - `onClick?: MouseEventHandler<HTMLDivElement>` — Click handler for the chip Makes the chip clickable/interactive
   - `clickable?: boolean` — Explicitly mark chip as clickable Used to enable pointer cursor and keyboard interaction Automatically true…
 
+#### ColumnResizeHandle
+The grab area on a column's right edge
+
+  - `columnIndex?: number` — Which column this handle resizes. Defaults to the `cellIndex` of the cell the handle is rendered in, which is…
+  - `label?: string` — Column name used in the handle's accessible label. Defaults to the text of the cell the handle sits in.
+  - _plus native element attributes_
+
 #### Counter
 Compact numeric indicator for displaying counts or notification badges.
 
@@ -998,6 +1028,20 @@ Compact numeric indicator for displaying counts or notification badges.
   - `size?: keyof MainSizes` `= 'medium'` — Size of the counter. Ignored when `count` is undefined — the component uses `dot` automatically.
   - `color?: string` — Optional color override. Accepts a `theme.colors` key or any valid CSS color string. When provided, overrides…
 
+#### FunnelChart
+Stage diagram drawn as a funnel or a triangle
+
+  - `data: FunnelChartItem[]` — Levels from top to bottom. Every level has the same height.
+  - `type?: FunnelChartType` `= 'funnel'` — Shape of the chart
+  - `withPointer?: boolean` `= false` — Render a leader line and a label beside each level
+  - `withTooltip?: boolean` `= true` — Show a tooltip when a level is hovered
+  - `withLabels?: boolean` `= true` — Show the labels inside the levels. Pointer labels are controlled by `withPointer`.
+  - `renderLabel?: FunnelChartRender` `= the level number, starting at 1` — Content inside a level. Return `null` to leave a single level empty.
+  - `renderPointerLabel?: FunnelChartRender` `= the item's value` — Content beside a level when `withPointer` is on
+  - `renderTooltip?: FunnelChartRender` `= "label: value"` — Tooltip content
+  - `tooltipProps?: Partial<Omit<TooltipProps, 'children'>>` — Props forwarded to every level's Tooltip, e.g. `size` or `color`
+  - `aria-label?: string` — Accessible name; defaults to a list of the levels' labels and values
+
 #### GaugeChart
 
   - `minValue: number`
@@ -1216,7 +1260,13 @@ A simple wrapper over the `<img />` tag.
 #### Table
 Base table component for displaying tabular data
 
-  _No library-specific props._
+  - `resizableColumns?: boolean` `= false` — Lets columns be resized by dragging the right edge of each header cell.
+  - `columnWidths?: number[]` — Column widths in pixels, one per column. Passing this prop puts the table into controlled mode for the life…
+  - `defaultColumnWidths?: number[]` — Starting column widths in pixels, for the uncontrolled case. Omit it and the table measures its own columns…
+  - `onColumnWidthsChange?: (columnWidths: number[]) => void` — Called on every width change, including each frame of a drag. Persisting widths is the caller's job — write…
+  - `minColumnWidth?: number` `= 64` — Narrowest a column can be dragged, in pixels.
+  - `maxColumnWidth?: number` — Widest a column can be dragged, in pixels. Unbounded when omitted.
+  - `columnResizeMode?: ColumnResizeMode` `= 'fit'` — Whether a resize is paid for by the next column or by the table's own width. Defaults to `fit`, which keeps…
   - _plus native element attributes_
 
 #### TableBody
@@ -1234,6 +1284,7 @@ Table data cell component
 #### TableCellHeader
 Table header cell component
 
+  - `resizable?: boolean` `= true` — Whether this column can be resized inside a `Table` with `resizableColumns`. Set it to `false` to pin a…
   - `align?: 'center' | 'left' | 'right' | 'justify'` `= 'left'` — Text alignment for the cell content
   - _plus native element attributes_
 
@@ -2021,7 +2072,7 @@ Wrapper component for form controls
 Slide-out panel anchored to an edge of the screen.
 
   - `children?: ReactElement<unknown, string | JSXElementConstructor<any>>`
-  - `store?: { open, opened, dismissable, position, duration, floatingContext, …+8 }`
+  - `store?: { open, opened, dismissable, position, duration, floatingContext, …+9 }`
   - `open?: boolean` — Controlled open state. When provided, the drawer is fully controlled and the parent must update it from…
   - `defaultOpen?: boolean` — Initial open state for an uncontrolled drawer.
   - `opened?: boolean` — Controlled open state.
@@ -2029,8 +2080,9 @@ Slide-out panel anchored to an edge of the screen.
   - `duration?: number`
   - `dismissable?: boolean`
   - `position?: Position`
-  - `title?: string`
-  - `withCloseButton?: boolean`
+  - `title?: string` — Title for the header that `Drawer.Content` builds for you.
+  - `withCloseButton?: boolean` — Adds a close button to the header that `Drawer.Content` builds for you.
+  - `width?: string | number` `= 400` — Width of the panel for `left`/`right` drawers — a number of px, or any CSS length. `top`/`bottom` drawers…
   - `onOpenChange?: (open: boolean, event?: Event, reason?: OpenChangeReason) => void`
 
 #### Drawer.Overlay
@@ -2051,6 +2103,18 @@ Slide-out panel anchored to an edge of the screen.
   - `children?: ReactNode`
   - _plus native element attributes_
 
+#### Drawer.Actions
+The header's right-hand control group.
+
+  - `children?: ReactNode`
+  - _plus native element attributes_
+
+#### Drawer.Footer
+A sticky action bar across the bottom of the panel.
+
+  - `children?: ReactNode`
+  - _plus native element attributes_
+
 #### Drawer.Title
 
   - `children?: ReactNode`
@@ -2110,6 +2174,8 @@ Slide-out panel anchored to an edge of the screen.
 - `useButtonGroupContext` — Access the enclosing `ButtonGroup`'s selection state.
 - `useCollapsibleNavBarContext`
 - `useCollapsibleNavBarItemContext`
+- `useColumnResize` — Column resizing for a `Table`, without any of the rendering.
+- `useColumnResizeContext` — The enclosing table's resize API, or `null` when there isn't one.
 - `useDrawer`
 - `useFieldContext`
 - `useFilterMultiSelect`
@@ -2188,22 +2254,26 @@ _Names only — read the `.d.ts` for their shape._
 `BreadcrumbSibling` · `BreadcrumbsProps` · `ButtonGroupButtonProps` · `ButtonGroupContextValue`
 `ButtonGroupItemInput` · `ButtonGroupItem` · `ButtonGroupProps` · `ButtonGroupValue` · `ButtonProps`
 `ButtonTextProps` · `ButtonVariants` · `CalendarType` · `CandlestickChartFeatures`
-`CandlestickChartProps` · `CardListProps` · `CardProps` · `CheckboxProps` · `ChildrenDataProps`
-`ChipColor` · `ChipProps` · `ChipSize` · `ChipVariant` · `CollapsibleNavBarExtendedProps`
-`CollapsibleNavBarGroup` · `CollapsibleNavBarHeader` · `CollapsibleNavBarItem`
-`ColoredButtonTextProps` · `ColorsKeys` · `CommonProps` · `ContextType` · `ControlledButtonProps`
-`CounterProps` · `CounterSizes` · `CounterVariants` · `CustomIconProps` · `CustomTagStyles`
-`DatePickerContextProps` · `DatePickerFormat` · `DatePickerProps` · `DateRangePickerContextProps`
-`DateRangePickerFormBridgeProps` · `DateRangePickerFormBridgeValue` · `DateRangePickerOnChangeDates`
-`DateRangePickerProps` · `DateRangePresetValue` · `DateRangePreset` · `DateTimeTuple`
-`DeprecatedOpenStateProps` · `DropdownContextType` · `DropdownOptionProps` · `DropdownPositions`
-`DropdownProps` · `DropdownToggleProps` · `DynamicAlertParams` · `DynamicNotificationParams`
-`DynamicToastParams` · `FieldContextValue` · `FieldControlProps` · `FieldDescriptionProps`
-`FieldErrorProps` · `FieldLabelProps` · `FieldProps` · `FieldSuccessProps` · `FileAttachmentFile`
+`CandlestickChartProps` · `CardListProps` · `CardProps` · `CarouselControlsPosition` · `CarouselFit`
+`CarouselItem` · `CarouselProps` · `CarouselThumbnailsPosition` · `CheckboxProps`
+`ChildrenDataProps` · `ChipColor` · `ChipProps` · `ChipSize` · `ChipVariant`
+`CollapsibleNavBarExtendedProps` · `CollapsibleNavBarGroup` · `CollapsibleNavBarHeader`
+`CollapsibleNavBarItem` · `ColoredButtonTextProps` · `ColorsKeys` · `ColumnResizeApi`
+`ColumnResizeHandleProps` · `ColumnResizeMode` · `ColumnResizeOptions` · `CommonProps`
+`ContextType` · `ControlledButtonProps` · `CounterProps` · `CounterSizes` · `CounterVariants`
+`CustomIconProps` · `CustomTagStyles` · `DatePickerContextProps` · `DatePickerFormat`
+`DatePickerProps` · `DateRangePickerContextProps` · `DateRangePickerFormBridgeProps`
+`DateRangePickerFormBridgeValue` · `DateRangePickerOnChangeDates` · `DateRangePickerProps`
+`DateRangePresetValue` · `DateRangePreset` · `DateTimeTuple` · `DeprecatedOpenStateProps`
+`DropdownContextType` · `DropdownOptionProps` · `DropdownPositions` · `DropdownProps`
+`DropdownToggleProps` · `DynamicAlertParams` · `DynamicNotificationParams` · `DynamicToastParams`
+`FieldContextValue` · `FieldControlProps` · `FieldDescriptionProps` · `FieldErrorProps`
+`FieldLabelProps` · `FieldProps` · `FieldSuccessProps` · `FileAttachmentFile`
 `FileAttachmentProps` · `FileRejectionReason` · `FileUploadProgressEntry` · `FileUploadProgress`
 `FileUploadProps` · `Filter` · `FiltersMultiSelectEmptyProps` · `FiltersMultiSelectOptionProps`
 `FiltersMultiSelectProps` · `FloatingSurfaceColor` · `FloatingSurfaceSize` · `Format`
-`FullscreenModeContextType` · `GaugeBarProps` · `GaugeBarThreshold` · `GaugeBarValueFormatter`
+`FullscreenModeContextType` · `FunnelChartItem` · `FunnelChartProps` · `FunnelChartRender`
+`FunnelChartType` · `GaugeBarProps` · `GaugeBarThreshold` · `GaugeBarValueFormatter`
 `GaugeChartFeature` · `GaugeChartProps` · `HistoryItemType` · `HistoryProps` · `IFormCheckboxProps`
 `IconButtonProps` · `IconProps` · `ImageItemProps` · `IndicatorProps` · `InputColors` · `InputProps`
 `InputStatusColors` · `InteractionsEnabled` · `Item` · `LabelProps` · `LargeTabProps`
@@ -2224,20 +2294,20 @@ _Names only — read the `.d.ts` for their shape._
 `PopoverArrowProps` · `PopoverContentProps` · `PopoverOptions` · `PopoverTriggerProps`
 `ProgressBarProps` · `ProgressChartTooltipProps` · `ProgressCircleProps` · `ProgressInfoItemProps`
 `ProgressInfoProps` · `ProgressInfoResp` · `ProgressInfoTotalsProps` · `ProgressProps` · `RGBString`
-`RadioGroupProps` · `RadioProps` · `RangePickerType` · `RenderContentProps`
+`RadioGroupProps` · `RadioProps` · `RangePickerType` · `RenderContentProps` · `ResizeHandleProps`
 `ResolveDeprecatedPropOptions` · `ResolvedOpenState` · `ResponsiveImageProps` · `SVGProps`
 `SearchBoxProps` · `SelectedFilter` · `SetIDs` · `SimpleChartTooltipProps` · `SizeStyles`
 `SliderMark` · `SliderProps` · `SliderSize` · `SmallTabProps` · `StepperContextType`
 `StepperProps` · `SwitchContext` · `SwitchProps` · `TabBarContextProps` · `TabBarLink`
-`TabBarProps` · `TabBaseProps` · `TabProps` · `TagsProps` · `TextFieldProps` · `TextareaProps`
-`Theme` · `ToastProps` · `ToastVariants` · `TooltipArrowProps` · `TooltipColor`
+`TabBarProps` · `TabBaseProps` · `TabProps` · `TableProps` · `TagsProps` · `TextFieldProps`
+`TextareaProps` · `Theme` · `ToastProps` · `ToastVariants` · `TooltipArrowProps` · `TooltipColor`
 `TooltipContentProps` · `TooltipContentSizes` · `TooltipContextType` · `TooltipProps`
 `TooltipSize` · `TooltipTriggerProps` · `TranslationContextContent` · `TreeItemBase`
 `TreeItemLevel2` · `TreeItemLevel3` · `TreeItemRenderProps` · `TreeItem` · `TreeLevel`
 `TreeMapChartFeature` · `TreeMapChartProps` · `TreeNode` · `TreeViewProps` · `TypeaheadItemProps`
 `TypeaheadItemsListProps` · `TypeaheadOptionProps` · `TypeaheadProps` · `TypeaheadValue`
-`TypographyProps` · `UseBreadcrumbsOptions` · `UseChartInfo` · `UseDrawerOptions`
-`UseFiltersMultiSelectOptions` · `UseFiltersMultiSelectStore` · `UsePopover` · `UseTooltipArgs`
-`UseTooltipContext` · `UseTooltip` · `UseTypeaheadProps` · `UserProfileProps` · `ValueLabelDisplay`
-`VariantStyle` · `WidgetCardProps` · `WithNestedTableRowProps` · `WithWidgetCardProps`
-`WrapperAlignItems` · `WrapperDirection` · `WrapperJustifyContent`
+`TypographyProps` · `UseBreadcrumbsOptions` · `UseChartInfo` · `UseColumnResizeOptions`
+`UseDrawerOptions` · `UseFiltersMultiSelectOptions` · `UseFiltersMultiSelectStore` · `UsePopover`
+`UseTooltipArgs` · `UseTooltipContext` · `UseTooltip` · `UseTypeaheadProps` · `UserProfileProps`
+`ValueLabelDisplay` · `VariantStyle` · `WidgetCardProps` · `WithNestedTableRowProps`
+`WithWidgetCardProps` · `WrapperAlignItems` · `WrapperDirection` · `WrapperJustifyContent`

package/dist/components/Carousel/Carousel.d.ts

@@ -0,0 +1,62 @@
+import { CarouselProps } from './types';
+/**
+ * Carousel - Shows a set of images one at a time, with optional thumbnails,
+ * dot indicators, previous/next buttons and autoplay.
+ *
+ * ### Sizing
+ * The carousel always fills its container's width. The slide's height comes
+ * from `aspectRatio` (square by default, as in the design) or from a fixed
+ * `height`, never from the images — so the layout does not jump between
+ * slides or while images load. Images are letterboxed inside the frame
+ * (`fit="contain"`) or cropped to fill it (`fit="cover"`).
+ *
+ * Thumbnails are a fixed 52px. A `left`/`right` strip is exactly as tall as
+ * the slide and a `bottom` strip exactly as wide; extra thumbnails scroll and
+ * the active one is kept in view.
+ *
+ * ### Controls
+ * Dots and arrows sit over the bottom of the slide (`controlsPosition="overlay"`)
+ * or in their own row under it (`controlsPosition="below"`).
+ *
+ * ### Navigation
+ * Arrows, dots, thumbnails and the ←/→/Home/End keys (while focus is
+ * anywhere inside the carousel) all move between slides. Without `loop` the arrows stop at both
+ * ends. `autoPlay` always loops and pauses on hover, focus, a hidden tab and
+ * `prefers-reduced-motion`.
+ *
+ * ### State
+ * Pass `index` + `onIndexChange` to control the current slide, or
+ * `defaultIndex` to let the carousel own it.
+ *
+ * @category Components
+ * @subcategory Data Display
+ *
+ * @example
+ * ```tsx
+ * <Carousel
+ *   items={[
+ *     { src: '/front.jpg', alt: 'Front view' },
+ *     { src: '/side.jpg', alt: 'Side view' },
+ *   ]}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Vertical thumbnails, 4:3 slide, open full size in a new tab
+ * <Carousel items={items} thumbnails="left" aspectRatio={4 / 3} allowOpenFull />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Autoplay: 3s per slide, 600ms slide animation
+ * <Carousel items={items} autoPlay autoPlayInterval={3000} transitionDuration={600} />
+ * ```
+ *
+ * @accessibility
+ * - Root is a `region` with `aria-roledescription="carousel"`
+ * - Each slide is a labelled group ("N of M"); hidden slides are `inert`
+ * - Slide changes are announced politely unless autoplay is running
+ * - Dots and thumbnails expose `aria-current` for the active slide
+ */
+export declare const Carousel: import("react").ForwardRefExoticComponent<CarouselProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Carousel/index.d.ts

@@ -0,0 +1 @@
+export * from './Carousel';

package/dist/components/Carousel/styles.d.ts

@@ -0,0 +1,27 @@
+import { Theme } from '@emotion/react';
+import { CarouselControlsPosition, CarouselFit, CarouselThumbnailsPosition } from './types';
+export declare const THUMB_SIZE = 52;
+export declare const root: import("@emotion/react").SerializedStyles;
+/**
+ * The slide plus a vertical thumbnail strip. Kept apart from the controls row
+ * so a left/right strip is only ever as tall as the slide.
+ */
+export declare const stage: (thumbnails: CarouselThumbnailsPosition) => import("@emotion/react").SerializedStyles;
+export declare const viewport: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const track: import("@emotion/react").SerializedStyles;
+export declare const slide: import("@emotion/react").SerializedStyles;
+export declare const image: (fit: CarouselFit) => import("@emotion/react").SerializedStyles;
+export declare const placeholder: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const controls: (position: CarouselControlsPosition, thumbnails: CarouselThumbnailsPosition) => import("@emotion/react").SerializedStyles[];
+export declare const dots: import("@emotion/react").SerializedStyles;
+export declare const dot: (theme: Theme, active: boolean) => import("@emotion/react").SerializedStyles;
+export declare const arrows: import("@emotion/react").SerializedStyles;
+export declare const squareButton: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const openFull: import("@emotion/react").SerializedStyles;
+/**
+ * The vertical strip is taken out of flow so that it never stretches the
+ * row: its height comes from the slide next to it, and the rest scrolls.
+ */
+export declare const thumbStripWrapper: (vertical: boolean) => import("@emotion/react").SerializedStyles;
+export declare const thumbStrip: (vertical: boolean) => import("@emotion/react").SerializedStyles;
+export declare const thumb: (theme: Theme, active: boolean) => import("@emotion/react").SerializedStyles;

package/dist/components/Carousel/types.d.ts

@@ -0,0 +1,142 @@
+import { CSSProperties, ReactNode } from 'react';
+/**
+ * A single slide of a {@link Carousel}.
+ */
+export type CarouselItem = {
+    /**
+     * Image shown in the slide. When omitted (or when it fails to load) the
+     * slide renders the grey picture placeholder from the design.
+     */
+    src?: string;
+    /**
+     * Alternative text for the image. Also used in the accessible labels of
+     * the thumbnail and dot that select this slide.
+     */
+    alt?: string;
+    /**
+     * Smaller image for the thumbnail strip. Falls back to `src`.
+     */
+    thumbnailSrc?: string;
+    /**
+     * Full-size image opened in a new tab when `allowOpenFull` is set.
+     * Falls back to `src`.
+     */
+    fullSrc?: string;
+};
+/**
+ * Where the thumbnail strip sits relative to the slide, or `false` for none.
+ */
+export type CarouselThumbnailsPosition = 'left' | 'right' | 'bottom' | false;
+/**
+ * Where the dots and arrows sit: over the bottom of the slide, or in their
+ * own row under it.
+ */
+export type CarouselControlsPosition = 'overlay' | 'below';
+/**
+ * How an image fills the slide frame. Mirrors CSS `object-fit`.
+ */
+export type CarouselFit = 'contain' | 'cover';
+/**
+ * Props of the {@link Carousel} component.
+ */
+export type CarouselProps = {
+    /**
+     * Slides to show, in order. When empty, a single picture placeholder is
+     * shown in place of the slide.
+     */
+    items: CarouselItem[];
+    /**
+     * Position of the thumbnail strip. `left`/`right` render a vertical strip
+     * as tall as the slide; `bottom` renders a horizontal strip as wide as it.
+     * The strip scrolls when it holds more thumbnails than fit.
+     * @default false
+     */
+    thumbnails?: CarouselThumbnailsPosition;
+    /**
+     * Show the dot indicators (see `controlsPosition`).
+     * @default true
+     */
+    showDots?: boolean;
+    /**
+     * Show the previous/next buttons (see `controlsPosition`).
+     * @default true
+     */
+    showArrows?: boolean;
+    /**
+     * Where the dots and arrows sit. `overlay` draws them over the bottom of
+     * the slide; `below` puts them in a 32px row 12px under it, aligned with
+     * the slide (not with a side thumbnail strip). The open-full-size button
+     * always stays on the slide.
+     * @default 'overlay'
+     */
+    controlsPosition?: CarouselControlsPosition;
+    /**
+     * Show a button that opens the current image (`fullSrc ?? src`) in a new
+     * tab. It appears when the slide is hovered or focused.
+     * @default false
+     */
+    allowOpenFull?: boolean;
+    /**
+     * Width-to-height ratio of the slide. The slide always fills the
+     * container's width; this sets its height. Ignored when `height` is set.
+     * @default 1
+     */
+    aspectRatio?: number;
+    /**
+     * Fixed slide height (number = px). Overrides `aspectRatio`.
+     */
+    height?: CSSProperties['height'];
+    /**
+     * How images fill the slide frame.
+     * @default 'contain'
+     */
+    fit?: CarouselFit;
+    /**
+     * Index of the current slide (controlled).
+     */
+    index?: number;
+    /**
+     * Index of the slide shown first (uncontrolled).
+     * @default 0
+     */
+    defaultIndex?: number;
+    /**
+     * Called whenever the current slide changes.
+     */
+    onIndexChange?: (index: number) => void;
+    /**
+     * Wrap from the last slide to the first and back. Always on while
+     * `autoPlay` is enabled.
+     * @default false
+     */
+    loop?: boolean;
+    /**
+     * Advance slides automatically. Pauses while the carousel is hovered or
+     * focused, while the tab is hidden, and when the user prefers reduced motion.
+     * @default false
+     */
+    autoPlay?: boolean;
+    /**
+     * How long each slide stays on screen during `autoPlay`, in ms.
+     * @default 5000
+     */
+    autoPlayInterval?: number;
+    /**
+     * Duration of the slide animation, in ms. `0` switches instantly.
+     * @default 300
+     */
+    transitionDuration?: number;
+    /**
+     * Replaces the default image of a slide with custom content.
+     */
+    renderItem?: (item: CarouselItem, index: number) => ReactNode;
+    /**
+     * Accessible name of the carousel region.
+     * @default 'Image carousel'
+     */
+    'aria-label'?: string;
+    /**
+     * Custom CSS class name applied to the root element.
+     */
+    className?: string;
+};

package/dist/components/Charts/FunnelChart/FunnelChart.d.ts

@@ -0,0 +1,24 @@
+import { FunnelChartProps } from './types';
+/**
+ * FunnelChart - Stage diagram drawn as a funnel or a triangle
+ *
+ * Every level has the same height regardless of its value, so zero or
+ * non-decreasing values never collapse or distort the shape. The chart scales
+ * to fit its container — give the container a height, or it falls back to the
+ * shape's own aspect ratio.
+ *
+ * @category Charts
+ *
+ * @example
+ * ```tsx
+ * <FunnelChart
+ *   withPointer
+ *   data={[
+ *     { label: 'Visitors', value: 1200 },
+ *     { label: 'Leads', value: 300 },
+ *     { label: 'Customers', value: 0 },
+ *   ]}
+ * />
+ * ```
+ */
+export declare const FunnelChart: ({ data, type, withPointer, withTooltip, withLabels, renderLabel, renderPointerLabel, renderTooltip, tooltipProps, className, "aria-label": ariaLabel, }: FunnelChartProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Charts/FunnelChart/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FunnelChart';
+export type * from './types';

package/dist/components/Charts/FunnelChart/styles.d.ts

@@ -0,0 +1,10 @@
+import { Theme } from '@emotion/react';
+export declare const root: import("@emotion/react").SerializedStyles;
+export declare const chart: import("@emotion/react").SerializedStyles;
+export declare const content: import("@emotion/react").SerializedStyles;
+export declare const svg: import("@emotion/react").SerializedStyles;
+export declare const noPointerEvents: import("@emotion/react").SerializedStyles;
+export declare const innerLabel: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const pointerLabels: import("@emotion/react").SerializedStyles;
+export declare const pointerLabelRow: import("@emotion/react").SerializedStyles;
+export declare const pointerLabel: (theme: Theme) => import("@emotion/react").SerializedStyles;

package/dist/components/Charts/FunnelChart/types.d.ts

@@ -0,0 +1,62 @@
+import { ReactNode } from 'react';
+import { TooltipProps } from '../../Tooltip/types';
+/** Shape of a FunnelChart: an inverted funnel with a stem, or a pyramid */
+export type FunnelChartType = 'funnel' | 'triangle';
+/** One level of a FunnelChart, listed top to bottom in `data` */
+export interface FunnelChartItem {
+    /** Name of the stage — shown in the default tooltip and accessible label */
+    label: string;
+    /** Value of the stage; `0` is rendered like any other value */
+    value: number | string;
+    /** Overrides the palette colour of this level */
+    color?: string;
+    id?: string | number;
+}
+/** Receives the whole item and its zero-based level index */
+export type FunnelChartRender = (item: FunnelChartItem, index: number) => ReactNode;
+/** Props for the FunnelChart component */
+export interface FunnelChartProps {
+    /** Levels from top to bottom. Every level has the same height. */
+    data: FunnelChartItem[];
+    /**
+     * Shape of the chart
+     * @default 'funnel'
+     */
+    type?: FunnelChartType;
+    /**
+     * Render a leader line and a label beside each level
+     * @default false
+     */
+    withPointer?: boolean;
+    /**
+     * Show a tooltip when a level is hovered
+     * @default true
+     */
+    withTooltip?: boolean;
+    /**
+     * Show the labels inside the levels. Pointer labels are controlled by
+     * `withPointer`.
+     * @default true
+     */
+    withLabels?: boolean;
+    /**
+     * Content inside a level. Return `null` to leave a single level empty.
+     * @default the level number, starting at 1
+     */
+    renderLabel?: FunnelChartRender;
+    /**
+     * Content beside a level when `withPointer` is on
+     * @default the item's value
+     */
+    renderPointerLabel?: FunnelChartRender;
+    /**
+     * Tooltip content
+     * @default "label: value"
+     */
+    renderTooltip?: FunnelChartRender;
+    /** Props forwarded to every level's Tooltip, e.g. `size` or `color` */
+    tooltipProps?: Partial<Omit<TooltipProps, 'children'>>;
+    className?: string;
+    /** Accessible name; defaults to a list of the levels' labels and values */
+    'aria-label'?: string;
+}

package/dist/components/Charts/FunnelChart/utils.d.ts

@@ -0,0 +1,25 @@
+import { Theme } from '@emotion/react';
+import { FunnelChartType } from './types';
+export declare const DESIGN_HEIGHT = 173.57;
+export declare const getDefaultColors: (theme: Theme, type: FunnelChartType, levels: number) => (`rgb${string}` | undefined)[];
+type Point = {
+    x: number;
+    y: number;
+    radius: number;
+};
+export declare const roundedPolygonPath: (points: Point[]) => string;
+export interface FunnelBand {
+    top: number;
+    bottom: number;
+    /** Where the band's label sits, measured from the top */
+    labelY: number;
+}
+export interface FunnelGeometry {
+    width: number;
+    outline: string;
+    bands: FunnelBand[];
+    /** Half-width of the shape at a given distance from the top */
+    halfWidthAt: (y: number) => number;
+}
+export declare const getGeometry: (type: FunnelChartType, levels: number) => FunnelGeometry;
+export {};

package/dist/components/Charts/index.d.ts

@@ -8,4 +8,5 @@ export * from './GaugeChart';
 export * from './BarGaugeChart';
 export * from './BigNumberChart';
 export * from './CandlestickChart';
+export * from './FunnelChart';
 export * from './utils/nivoReact19Compat';

package/dist/components/Drawer/DrawerActions.d.ts

@@ -0,0 +1,44 @@
+export interface DrawerActionsProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+/**
+ * Drawer.Actions - The header's right-hand control group.
+ *
+ * A row for whatever the drawer's header needs next to its title — a save
+ * button, a search field — ending with `Drawer.CloseButton`. It only lays the
+ * controls out (20px apart, vertically centred); the controls themselves are
+ * ordinary kit components, so their text, variant, disabled and loading states
+ * stay yours.
+ *
+ * Put it inside `Drawer.Header`, and give the header a `Drawer.Title` as its
+ * first child so the group is pushed to the far edge.
+ *
+ * ### Compose the header yourself, or let the store build it — not both
+ * Passing `title`/`withCloseButton` to `useDrawer` makes `Drawer.Content`
+ * render its own header. Writing your own means leaving both unset, or the
+ * drawer draws two.
+ *
+ * @category Components
+ * @subcategory Overlay
+ *
+ * @example
+ * ```tsx
+ * <Drawer.Header>
+ *   <Drawer.Title>Filters</Drawer.Title>
+ *   <Drawer.Actions>
+ *     <Button variant="primary" text="Save" onClick={handleSave} />
+ *     <Drawer.CloseButton />
+ *   </Drawer.Actions>
+ * </Drawer.Header>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // A search field in place of the button
+ * <Drawer.Actions>
+ *   <Input name="search" placeholder="Search" onChange={handleSearch} />
+ *   <Drawer.CloseButton />
+ * </Drawer.Actions>
+ * ```
+ */
+export declare const DrawerActions: import("react").ForwardRefExoticComponent<DrawerActionsProps & import("react").RefAttributes<HTMLDivElement>>;