@konstructio/ui 0.1.2-alpha.98 → 0.1.3

package/dist/lib/components/RadioGroup/RadioGroup.types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { Props as RadioProps } from '../Radio/Radio.types';
 /**
  * Props for the RadioGroup component.
@@ -35,8 +35,8 @@ export interface Props {
     options: Omit<RadioProps, 'name' | 'checked' | 'defaultChecked'>[];
     /** Theme override for this component */
     theme?: Theme;
-    /** Currently selected value (controlled mode) */
-    value?: string;
+    /** Currently selected value (controlled mode); `null` selects nothing */
+    value?: string | null;
     /** CSS classes for the wrapper */
     wrapperClassName?: string;
     /** Callback when selection changes */

package/dist/lib/components/Range/Range.types.d.ts

@@ -1,6 +1,6 @@
 import { SliderProps as SliderPropsBase } from '@radix-ui/react-slider';
 import { VariantProps } from 'class-variance-authority';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { rangeVariants } from './Range.variants';
 /**
  * Props for the Range component.

package/dist/lib/components/Select/Select.types.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import { InputHTMLAttributes, ReactNode } from 'react';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { selectVariants } from './Select.variants';
 /**
  * Option type for Select dropdown items.
@@ -101,6 +101,7 @@ export type Props = VariantProps<typeof selectVariants> & Omit<InputHTMLAttribut
     iconClassName?: string;
     inputClassName?: string;
     isLoading?: boolean;
+    isPortal?: boolean;
     isRequired?: boolean;
     label?: string;
     labelAction?: ReactNode;
@@ -111,8 +112,11 @@ export type Props = VariantProps<typeof selectVariants> & Omit<InputHTMLAttribut
     listItemSecondRowClassName?: string;
     mainWrapperClassName?: string;
     noOptionsText?: string;
+    /** Text shown in the list while options are loading */
+    loadingText?: string;
     visibleItems?: number;
     options: Option[] | OptionGroup[];
+    portalClassName?: string;
     searchable?: boolean;
     showSearchIcon?: boolean;
     theme?: Theme;
@@ -121,6 +125,7 @@ export type Props = VariantProps<typeof selectVariants> & Omit<InputHTMLAttribut
     onBlur?: VoidFunction;
     onChange?: OnChangeFn;
     onSearchChange?: (searchTerm: string) => void;
+    onValueChange?: (value: string) => void;
 } & ({
     isInfiniteScrollEnabled: true;
     onFetchMoreOptions: (params: {

package/dist/lib/components/Select/components/List/List.types.d.ts

@@ -2,6 +2,8 @@ import { ComponentRef, RefObject } from 'react';
 import { Props as SelectProps } from '../../Select.types';
 export type ListProps = Pick<SelectProps, 'name' | 'options' | 'theme' | 'additionalOptions'> & {
     className?: string;
+    id?: string;
+    labelledBy?: string;
     groupedOptions: SelectProps['options'];
     inputRef?: RefObject<ComponentRef<'input'> | null>;
     isLoading: boolean;
@@ -12,5 +14,6 @@ export type ListProps = Pick<SelectProps, 'name' | 'options' | 'theme' | 'additi
     isInfiniteScrollEnabled: SelectProps['isInfiniteScrollEnabled'];
     onFetchMoreOptions?: SelectProps['onFetchMoreOptions'];
     noOptionsText?: SelectProps['noOptionsText'];
+    loadingText?: SelectProps['loadingText'];
     visibleItems?: number;
 };

package/dist/lib/components/Select/components/Wrapper.d.ts

@@ -2,4 +2,6 @@ import { ComponentRef, ForwardRefExoticComponent, RefAttributes } from 'react';
 import { SelectProps } from '../Select.types';
 export declare const Wrapper: ForwardRefExoticComponent<Omit<SelectProps, 'options'> & {
     groupedOptions: SelectProps['options'];
+    fieldId: string;
+    describedBy?: string;
 } & RefAttributes<ComponentRef<'input'>>>;

package/dist/lib/components/Select/contexts/select.provider.d.ts

@@ -7,4 +7,5 @@ export declare const SelectProvider: FC<PropsWithChildren & {
     options: Option[];
     onChange?: SelectProps['onChange'];
     onBlur?: SelectProps['onBlur'];
+    onValueChange?: SelectProps['onValueChange'];
 }>;

package/dist/lib/components/Select/hooks/useSelect.d.ts

@@ -1,13 +1,14 @@
 import { ComponentRef, RefObject } from 'react';
 import { SelectProps, Option } from '../Select.types';
 type UseSelectParams = {
-    ulRef: RefObject<ComponentRef<'ul'> | null>;
     inputRef?: RefObject<ComponentRef<'input'> | null>;
-    disabled: boolean;
+    searchInputRef?: RefObject<ComponentRef<'input'> | null>;
     internalValue?: Option;
+    listRef?: RefObject<HTMLElement | null>;
     onBlur?: SelectProps['onBlur'];
 };
-export declare const useSelect: ({ ulRef, inputRef, disabled, internalValue, onBlur, }: UseSelectParams) => {
+export declare const useSelect: ({ inputRef, searchInputRef, internalValue, listRef, onBlur, }: UseSelectParams) => {
+    isInside: (node: Node | null) => boolean;
     wrapperRef: RefObject<HTMLDivElement | null>;
     wrapperInputRef: RefObject<HTMLDivElement | null>;
     handleOpen: () => void;

package/dist/lib/components/Sheet/Sheet.d.ts

@@ -0,0 +1,25 @@
+import { FC } from 'react';
+import { Props } from './Sheet.types';
+/**
+ * A dialog docked to the bottom (or top) edge of the screen, full width: the
+ * touch-screen counterpart of a dropdown or a popover menu. It slides in and
+ * out, dims the page behind a scrim, and keeps its content scrollable within
+ * the viewport. Radix unmounts closed dialogs, so the portal is force-mounted
+ * and AnimatePresence keeps it around for the exit animation.
+ *
+ * Multi-step sheets pass a `step`: when it changes the content slides across
+ * (forward for a higher step, back for a lower one) and the panel height
+ * animates to the new content.
+ *
+ * On touch screens the panel can be dragged by its grab handle or header
+ * towards the edge it docks to: it closes past a quarter of its height or on a
+ * quick flick, and springs back otherwise.
+ *
+ * @example
+ * ```tsx
+ * <Sheet isOpen={isOpen} onClose={() => setIsOpen(false)} title="Region">
+ *   <button type="button">London</button>
+ * </Sheet>
+ * ```
+ */
+export declare const Sheet: FC<Props>;

package/dist/lib/components/Sheet/Sheet.types.d.ts

@@ -0,0 +1,43 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { Theme } from '../../domain/theme';
+export type SheetPosition = 'bottom' | 'top';
+/**
+ * Props for the Sheet component.
+ *
+ * @example
+ * ```tsx
+ * <Sheet isOpen={isOpen} onClose={() => setIsOpen(false)} title="Region">
+ *   <button type="button">London</button>
+ * </Sheet>
+ * ```
+ */
+export type Props = PropsWithChildren<{
+    /** Whether the sheet is open */
+    isOpen: boolean;
+    /** Called when the sheet asks to close: scrim tap, Escape, or `closeOnSelect` */
+    onClose: () => void;
+    /** Heading of the sheet; also its accessible name */
+    title: ReactNode;
+    /** Keep the title for assistive technology only */
+    hideTitle?: boolean;
+    /** Rendered before the title, e.g. a back button for a nested step */
+    leading?: ReactNode;
+    /** Screen edge the sheet docks to (default: 'bottom') */
+    position?: SheetPosition;
+    /**
+     * Index of the step the content shows. Changing it slides the content across
+     * (forward for a higher index, back for a lower one) and animates the panel
+     * height to the new content.
+     */
+    step?: number;
+    /** Additional CSS classes for the panel */
+    className?: string;
+    /** Additional CSS classes for the scrolling body */
+    bodyClassName?: string;
+    /** Additional CSS classes for the header row (leading slot and title) */
+    headerClassName?: string;
+    /** Additional CSS classes for the title */
+    titleClassName?: string;
+    /** Theme override for the sheet */
+    theme?: Theme;
+}>;

package/dist/lib/components/Sheet/utils/index.d.ts

@@ -0,0 +1,11 @@
+import { SheetPosition } from '../Sheet.types';
+export declare const DISMISS_DISTANCE_RATIO = 0.25;
+export declare const DISMISS_VELOCITY = 500;
+type DismissGesture = {
+    offset: number;
+    velocity: number;
+    panelHeight: number;
+    position: SheetPosition;
+};
+export declare function shouldDismissSheet({ offset, velocity, panelHeight, position, }: DismissGesture): boolean;
+export {};

package/dist/lib/components/Sidebar/Sidebar.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { Footer, Label, Logo, Navigation, NavigationGroup, NavigationOption, NavigationSeparator } from './components';
+import { CollapseTrigger, Footer, Label, Logo, Navigation, NavigationGroup, NavigationOption, NavigationSeparator } from './components';
 import { SidebarChildrenProps, Props as SidebarProps } from './Sidebar.types';
 /**
  * A compound component for building application sidebars.
@@ -25,4 +25,4 @@ import { SidebarChildrenProps, Props as SidebarProps } from './Sidebar.types';
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-sidebar--docs Storybook}
  */
 declare const Sidebar: FC<SidebarProps> & SidebarChildrenProps;
-export { Footer, Label, Logo, Navigation, NavigationGroup, NavigationOption, NavigationSeparator, Sidebar, };
+export { CollapseTrigger, Footer, Label, Logo, Navigation, NavigationGroup, NavigationOption, NavigationSeparator, Sidebar, };

package/dist/lib/components/Sidebar/Sidebar.types.d.ts

@@ -1,10 +1,11 @@
 import { VariantProps } from 'class-variance-authority';
 import { CSSProperties, FC, PropsWithChildren } from 'react';
-import { ClassNames as DrawerClassNames } from '../../../components/Drawer/Drawer.types';
-import { Theme } from '../../../domain/theme';
+import { ClassNames as DrawerClassNames } from '../Drawer/Drawer.types';
+import { Theme } from '../../domain/theme';
+import { SidebarMode } from './contexts';
 import { SidebarModeProp } from './hooks/useSidebarMode';
 import { wrapperSiderbarVariants } from './Sidebar.variants';
-import { FooterProps, LabelProps, LogoProps, NavigationGroupProps, NavigationOptionProps, NavigationProps, NavigationSeparatorProps } from './components';
+import { CollapseTriggerProps, FooterProps, LabelProps, LogoProps, NavigationGroupProps, NavigationOptionProps, NavigationProps, NavigationSeparatorProps } from './components';
 /**
  * Props for the Sidebar component.
  * A compound component for building application sidebars with navigation.
@@ -69,6 +70,17 @@ export interface Props extends Omit<VariantProps<typeof wrapperSiderbarVariants>
     separatorClassName?: string;
     /** Additional CSS classes for the hamburger trigger button rendered in drawer mode */
     triggerClassName?: string;
+    /** Accessible label for the mobile navigation trigger */
+    openNavigationLabel?: string;
+    /**
+     * In `collapsed` mode, expanding through the CollapseTrigger floats the
+     * expanded sidebar over the page behind a scrim instead of pushing the
+     * content. Tapping the scrim, pressing Escape or choosing a destination
+     * collapses it again. The `<aside>` carries `data-overlay` while floating.
+     */
+    expandAsOverlay?: boolean;
+    /** Additional CSS classes for the scrim rendered behind the floating sidebar */
+    overlayClassName?: string;
     /**
      * Per-slot class overrides for the underlying `Drawer` rendered in
      * `drawer` mode. Mirrors `Drawer`'s `classNames` shape: `root`, `overlay`,
@@ -77,7 +89,7 @@ export interface Props extends Omit<VariantProps<typeof wrapperSiderbarVariants>
      * the panel's horizontal padding so dividers can span edge-to-edge,
      * raising the root `z-index` past higher-z layers, etc.
      *
-     * The Sidebar already applies sensible defaults internally (root `z-[60]`,
+     * The Sidebar already applies sensible defaults internally (root `z-60`,
      * panel uses `wrapperClassName`, content `gap-0`); user-provided classes
      * are appended via `cn`, so they win on conflicts.
      */
@@ -107,18 +119,22 @@ export interface Props extends Omit<VariantProps<typeof wrapperSiderbarVariants>
      * Inline styles applied to the wrapper `<aside>` (or the drawer panel in
      * drawer mode). Useful for setting CSS custom properties that drive
      * theming via the protection stylesheet (e.g.
-     * `--konstruct-sidebar-hover-bg`, `--konstruct-sidebar-active-bg`),
-     * since inline styles outrank un-layered utilities shipped by federated
-     * remote micro-frontends.
+     * `--konstruct-sidebar-logo-padding-expanded`), since inline styles
+     * outrank un-layered utilities shipped by federated remote
+     * micro-frontends.
      */
     style?: CSSProperties;
+    /** Fired when the effective mode changes, because the user toggled it or the viewport crossed a breakpoint */
+    onModeChange?: (mode: SidebarMode, source: SidebarModeChangeSource) => void;
 }
+export type SidebarModeChangeSource = 'user' | 'viewport';
 /** @deprecated Use Props instead */
 export type SidebarProps = Props;
 /**
  * Sidebar compound component type with sub-components.
  */
 export type SidebarChildrenProps = {
+    CollapseTrigger: FC<CollapseTriggerProps>;
     Footer: FC<FooterProps>;
     Label: FC<LabelProps>;
     Logo: FC<LogoProps>;

package/dist/lib/components/Sidebar/components/CollapseTrigger/CollapseTrigger.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { Props } from './CollapseTrigger.types';
+declare const CollapseTrigger: FC<Props>;
+export { CollapseTrigger };

package/dist/lib/components/Sidebar/components/CollapseTrigger/CollapseTrigger.types.d.ts

@@ -0,0 +1,6 @@
+export interface Props {
+    className?: string;
+    /** Fired after the sidebar toggles, with the mode it switched to */
+    onToggle?: (mode: 'collapsed' | 'expanded') => void;
+}
+export type CollapseTriggerProps = Props;

package/dist/lib/components/Sidebar/components/CollapseTrigger/CollapseTrigger.variants.d.ts

@@ -0,0 +1 @@
+export declare const collapseTriggerVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/Sidebar/components/HamburgerTrigger/HamburgerTrigger.types.d.ts

@@ -1,5 +1,7 @@
 export interface Props {
     isOpen: boolean;
+    /** Accessible label for the navigation trigger */
+    openNavigationLabel?: string;
     onClick: VoidFunction;
     className?: string;
 }

package/dist/lib/components/Sidebar/components/Label/Label.types.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import { PropsWithChildren } from 'react';
-import { typographyVariants } from '../../../../../components/Typography/Typography.variants';
+import { typographyVariants } from '../../../Typography/Typography.variants';
 export interface Props extends PropsWithChildren {
     className?: string;
     variant?: VariantProps<typeof typographyVariants>['variant'];

package/dist/lib/components/Sidebar/components/Logo/Logo.types.d.ts

@@ -3,6 +3,14 @@ import { PropsWithChildren } from 'react';
 import { logoVariants } from './Logo.variants';
 export interface Props extends PropsWithChildren, VariantProps<typeof logoVariants> {
     className?: string;
+    /**
+     * When true, keeps the logo content visible while the sidebar is in
+     * `collapsed` mode. By default the logo content hides in collapsed mode,
+     * while a `Sidebar.CollapseTrigger` placed as a direct child of
+     * `Sidebar.Logo` stays visible so the user can still expand the sidebar.
+     * Defaults to `false`.
+     */
+    showOnCollapse?: boolean;
 }
 /** @deprecated Use Props instead */
 export type LogoProps = Props;

package/dist/lib/components/Sidebar/components/Logo/Logo.variants.d.ts

@@ -1 +1,3 @@
-export declare const logoVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const logoVariants: (props?: ({
+    showOnCollapse?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/lib/components/Sidebar/components/NavigationGroup/NavigationGroup.types.d.ts

@@ -5,6 +5,17 @@ export interface Props extends PropsWithChildren, VariantProps<typeof navigation
     title?: string;
     titleClassName?: string;
     isVisible?: boolean;
+    /**
+     * Turns the title into a button that shows or hides the group's options.
+     * Needs a `title`. In the collapsed rail titles are hidden, so every
+     * option stays visible there whatever the open state.
+     */
+    isCollapsible?: boolean;
+    /** Controlled open state of a collapsible group. */
+    isOpen?: boolean;
+    /** Initial open state of an uncontrolled collapsible group. */
+    defaultOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
 }
 /** @deprecated Use Props instead */
 export type NavigationGroupProps = Props;

package/dist/lib/components/Sidebar/components/NavigationOption/NavigationOption.types.d.ts

@@ -2,9 +2,15 @@ import { VariantProps } from 'class-variance-authority';
 import { ReactNode } from 'react';
 import { navigationOptionVariants } from './NavigationOption.variants';
 type NavigationOption = VariantProps<typeof navigationOptionVariants> & {
+    /** Content rendered at the end of the option in expanded mode, e.g. a Badge */
+    badge?: ReactNode;
     className?: string;
+    /** Delay in ms before `onIntent` fires on hover. Defaults to 80 */
+    intentDelay?: number;
     isVisible?: boolean;
     isActive?: boolean;
+    /** Fired when the user shows intent to navigate: hover (debounced), focus, pointer down or touch start. Useful for prefetching */
+    onIntent?: () => void;
     /**
      * Whether clicking this option should close the drawer when the Sidebar
      * is in `drawer` mode. Defaults to `true`. Has no effect in `expanded` or

package/dist/lib/components/Sidebar/components/NavigationOption/NavigationOption.variants.d.ts

@@ -1,3 +1,4 @@
 export declare const navigationOptionVariants: (props?: ({
     isActive?: boolean | null | undefined;
+    hasBadge?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/lib/components/Sidebar/components/NavigationTitle/NavigationTitle.types.d.ts

@@ -5,6 +5,11 @@ export interface Props extends VariantProps<typeof navigationTitleVariants>, Pic
     title: string;
     className?: string;
     isVisible?: boolean;
+    /** With `onToggle`, the title renders as a disclosure button. */
+    isOpen?: boolean;
+    /** Id of the list the disclosure button shows and hides. */
+    controlsId?: string;
+    onToggle?: () => void;
 }
 /** @deprecated Use Props instead */
 export type NavigationTitleProps = Props;

package/dist/lib/components/Sidebar/components/NavigationTitle/NavigationTitle.variants.d.ts

@@ -1 +1,2 @@
 export declare const navigationTitleVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const navigationTitleButtonVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/Sidebar/components/index.d.ts

@@ -1,3 +1,5 @@
+export * from './CollapseTrigger/CollapseTrigger';
+export type { CollapseTriggerProps } from './CollapseTrigger/CollapseTrigger.types';
 export * from './Footer/Footer';
 export type { FooterProps } from './Footer/Footer.types';
 export * from './HamburgerTrigger/HamburgerTrigger';

package/dist/lib/components/Sidebar/contexts/SidebarContext.d.ts

@@ -11,6 +11,18 @@ export interface SidebarContextValue {
      * navigation events (e.g. when the user clicks a link).
      */
     closeDrawer: () => void;
+    /**
+     * Whether the sidebar can be toggled between `expanded` and `collapsed`.
+     * `false` in `drawer` mode, where the drawer's own open/close controls
+     * apply instead.
+     */
+    canToggle: boolean;
+    /**
+     * Toggles the sidebar between `expanded` and `collapsed`, overriding the
+     * viewport-derived mode until the viewport crosses a breakpoint. No-op in
+     * `drawer` mode.
+     */
+    toggleMode: () => void;
 }
 export declare const SidebarContext: import('react').Context<SidebarContextValue>;
 export declare const useSidebarContext: () => SidebarContextValue;

package/dist/lib/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { Props } from './Skeleton.types';
+/**
+ * Pulsing placeholder blocks shown while content loads.
+ *
+ * @example
+ * ```tsx
+ * <Skeleton shape="text" count={3} label="Loading activity" />
+ * <Skeleton shape="circle" />
+ * <Skeleton className="h-8 w-40" />
+ * ```
+ */
+declare const Skeleton: FC<Props>;
+export { Skeleton };

package/dist/lib/components/Skeleton/Skeleton.types.d.ts

@@ -0,0 +1,16 @@
+import { VariantProps } from 'class-variance-authority';
+import { Theme } from '../../domain/theme';
+import { skeletonVariants } from './Skeleton.variants';
+export interface Props extends VariantProps<typeof skeletonVariants> {
+    /** Additional CSS classes for each placeholder block, e.g. a width or height */
+    className?: string;
+    /** Number of placeholder blocks to render */
+    count?: number;
+    /** Accessible name announced while the content loads */
+    label?: string;
+    /** Theme override for this component */
+    theme?: Theme;
+    /** Additional CSS classes for the wrapper */
+    wrapperClassName?: string;
+}
+export type SkeletonProps = Props;

package/dist/lib/components/Skeleton/Skeleton.variants.d.ts

@@ -0,0 +1,3 @@
+export declare const skeletonVariants: (props?: ({
+    shape?: "text" | "rect" | "circle" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/lib/components/Slider/Slider.types.d.ts

@@ -1,6 +1,6 @@
 import { SliderProps as SliderPropsBase } from '@radix-ui/react-slider';
 import { VariantProps } from 'class-variance-authority';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { sliderVariants } from './Slider.variants';
 /**
  * Props for the Slider component.

package/dist/lib/components/Spinner/Spinner.types.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { HTMLAttributes, ReactNode } from 'react';
-import { Props as TypographyProps } from '../../../components/Typography/Typography.types';
-import { Theme } from '../../../domain/theme';
+import { Props as TypographyProps } from '../Typography/Typography.types';
+import { Theme } from '../../domain/theme';
 import { spinnerVariants } from './Spinner.variants';
 export type Props = HTMLAttributes<HTMLDivElement> & VariantProps<typeof spinnerVariants> & {
     spinnerClassName?: string;

package/dist/lib/components/Stepper/Stepper.types.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { stepperVariants } from './Stepper.variants';
 export type StepStatus = 'completed' | 'active' | 'pending' | 'error';
 export type StepSize = 'sm' | 'md' | 'lg';
@@ -56,6 +56,8 @@ export type Props = VariantProps<typeof stepperVariants> & {
     clickable?: boolean;
     /** Index of the current active step (0-based). When provided, step statuses are auto-calculated. */
     currentStep?: number;
+    /** Stretch the stepper to its container, distributing horizontal steps evenly */
+    fullWidth?: boolean;
     /** Custom icons for step statuses */
     icons?: StepperIcons;
     /** Show connector lines between steps */

package/dist/lib/components/Stepper/Stepper.variants.d.ts

@@ -1,11 +1,14 @@
 export declare const stepperVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
+    fullWidth?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const stepListVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
+    fullWidth?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const stepItemVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
+    fullWidth?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const stepVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
@@ -13,25 +16,25 @@ export declare const stepVariants: (props?: ({
     clickable?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const stepIndicatorVariants: (props?: ({
-    status?: "error" | "completed" | "active" | "pending" | null | undefined;
+    status?: "error" | "active" | "pending" | "completed" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const stepContentVariants: (props?: ({
     variant?: "inline" | "horizontal" | "stacked" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const stepLabelVariants: (props?: ({
-    status?: "error" | "completed" | "active" | "pending" | null | undefined;
+    status?: "error" | "active" | "pending" | "completed" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     variant?: "inline" | "horizontal" | "stacked" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const stepDescriptionVariants: (props?: ({
-    status?: "error" | "completed" | "active" | "pending" | null | undefined;
+    status?: "error" | "active" | "pending" | "completed" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     variant?: "inline" | "horizontal" | "stacked" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const stepConnectorVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
-    status?: "error" | "completed" | "active" | "pending" | null | undefined;
+    status?: "error" | "active" | "pending" | "completed" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     variant?: "inline" | "horizontal" | "stacked" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/lib/components/Stepper/components/StepItem/StepItem.types.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { Theme } from '../../../../../domain/theme';
+import { Theme } from '../../../../domain/theme';
 import { Step, StepperClassNames, StepperIcons, StepSize, StepStatus, StepVariant } from '../../Stepper.types';
 import { stepIndicatorVariants } from '../../Stepper.variants';
 export type Props = VariantProps<typeof stepIndicatorVariants> & {

package/dist/lib/components/Switch/Switch.types.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { switchVariants } from './Switch.variants';
 /**
  * Props for the Switch component.
@@ -24,8 +24,15 @@ export interface Props extends VariantProps<typeof switchVariants> {
     helperText?: string;
     /** CSS classes for helper text */
     helperTextClassName?: string;
+    /** Disable the switch and show a spinner while a change is pending */
+    isLoading?: boolean;
     /** Label text displayed next to switch */
     label?: string;
+    /** Label text for each state; overrides `label` visually and for assistive technology */
+    labels?: {
+        off: string;
+        on: string;
+    };
     /** CSS classes for the label */
     labelClassName?: string;
     /** Additional CSS classes for the label wrapper */

package/dist/lib/components/Switch/Switch.variants.d.ts

@@ -1,2 +1,4 @@
-export declare const switchVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const switchVariants: (props?: ({
+    variant?: "default" | "black" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const thumbVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/Table/Table.types.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import { PropsWithChildren } from 'react';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { bodyVariants, headVariants, rowVariants, tableVariants } from './Table.variants';
 /**
  * Props for the Table component.