@toteat-eng/ds-react 2026.5.13 → 2026.6.10-1

package/dist/components/Accordion/Accordion.d.ts

@@ -8,6 +8,7 @@ interface AccordionItem {
 interface AccordionProps {
     items: AccordionItem[];
     multiple?: boolean;
+    "data-testid"?: string;
 }
-export declare function Accordion({ items, multiple }: AccordionProps): ReactElement;
+export declare function Accordion({ items, multiple, "data-testid": testId, }: AccordionProps): ReactElement;
 export {};

package/dist/components/AppleSignInButton/AppleSignInButton.d.ts

@@ -3,5 +3,6 @@ export interface AppleSignInButtonProps {
     isPending?: boolean;
     isError?: boolean;
     error?: Error | null;
+    "data-testid"?: string;
 }
-export declare function AppleSignInButton({ onSignIn, isPending, isError, error, }: AppleSignInButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function AppleSignInButton({ onSignIn, isPending, isError, error, "data-testid": testId, }: AppleSignInButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Badge/Badge.d.ts

@@ -6,5 +6,6 @@ export interface BadgeProps {
     size?: BadgeSize;
     children: ReactNode;
     className?: string;
+    "data-testid"?: string;
 }
-export declare function Badge({ variant, size, children, className, }: BadgeProps): React.ReactElement;
+export declare function Badge({ variant, size, children, className, "data-testid": testId, }: BadgeProps): React.ReactElement;

package/dist/components/Banner/Banner.d.ts

@@ -0,0 +1,14 @@
+import type React from "react";
+import type { IconNameType } from "../Icon";
+export type BannerVariant = "info" | "success" | "warning" | "error" | "neutral";
+export interface BannerProps {
+    variant?: BannerVariant;
+    icon?: IconNameType;
+    onDismiss?: () => void;
+    dismissLabel?: string;
+    action?: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+    "data-testid"?: string;
+}
+export declare function Banner({ variant, icon, onDismiss, dismissLabel, action, children, className, "data-testid": testId, }: BannerProps): React.ReactElement;

package/dist/components/Banner/__stories__/Banner.stories.d.ts

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Banner } from "../Banner";
+declare const meta: Meta<typeof Banner>;
+export default meta;
+type Story = StoryObj<typeof Banner>;
+export declare const Info: Story;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Error: Story;
+export declare const Neutral: Story;
+export declare const WithIcon: Story;
+export declare const WithDismiss: Story;
+export declare const WithAction: Story;
+export declare const WithDismissAndAction: Story;
+export declare const AllVariants: Story;
+export declare const BothThemes: Story;

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

@@ -0,0 +1,2 @@
+export type { BannerProps, BannerVariant } from "./Banner";
+export { Banner } from "./Banner";

package/dist/components/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,14 @@
+export interface BreadcrumbItem {
+    id: string;
+    label: string;
+    href?: string;
+}
+export interface BreadcrumbProps {
+    items: BreadcrumbItem[];
+    onBack?: () => void;
+    backLabel?: string;
+    label?: string;
+    className?: string;
+    "data-testid"?: string;
+}
+export declare function Breadcrumb({ items, onBack, backLabel, label, className, "data-testid": testId, }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Breadcrumb/__stories__/Breadcrumb.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Breadcrumb } from "../Breadcrumb";
+declare const meta: Meta<typeof Breadcrumb>;
+export default meta;
+type Story = StoryObj<typeof Breadcrumb>;
+export declare const SingleItem: Story;
+export declare const MultipleItems: Story;
+export declare const WithBackButton: Story;
+export declare const WithoutBackButton: Story;
+export declare const ItemsWithHref: Story;
+export declare const ItemsWithHrefAndBack: Story;
+export declare const ThemeToteatReactDs: Story;
+export declare const ThemeAngularLegacy: Story;
+export declare const BothThemes: Story;

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

@@ -0,0 +1,2 @@
+export type { BreadcrumbItem, BreadcrumbProps } from "./Breadcrumb";
+export { Breadcrumb } from "./Breadcrumb";

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

@@ -18,15 +18,17 @@ export interface BaseChartProps {
     formatValue?: (value: number) => string;
     /** Hide recharts legend */
     hideLegend?: boolean;
+    "data-testid"?: string;
 }
-export declare function LineChart({ data, xKey, series, height, title, formatY, formatValue, hideLegend, }: BaseChartProps): ReactElement;
-export declare function BarChart({ data, xKey, series, height, title, formatY, formatValue, hideLegend, }: BaseChartProps): ReactElement;
-export declare function AreaChart({ data, xKey, series, height, title, formatY, formatValue, hideLegend, }: BaseChartProps): ReactElement;
+export declare function LineChart({ data, xKey, series, height, title, formatY, formatValue, hideLegend, "data-testid": testId, }: BaseChartProps): ReactElement;
+export declare function BarChart({ data, xKey, series, height, title, formatY, formatValue, hideLegend, "data-testid": testId, }: BaseChartProps): ReactElement;
+export declare function AreaChart({ data, xKey, series, height, title, formatY, formatValue, hideLegend, "data-testid": testId, }: BaseChartProps): ReactElement;
 export interface KpiCardProps {
     label: string;
     value: string | number;
     /** e.g. "+12.5%" or "-3.2%" */
     change?: string;
     trend?: "up" | "down" | "neutral";
+    "data-testid"?: string;
 }
-export declare function KpiCard({ label, value, change, trend }: KpiCardProps): ReactElement;
+export declare function KpiCard({ label, value, change, trend, "data-testid": testId, }: KpiCardProps): ReactElement;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -2,5 +2,6 @@ import type { InputHTMLAttributes } from "react";
 export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
     label?: string;
     ref?: React.Ref<HTMLInputElement>;
+    "data-testid"?: string;
 }
-export declare function Checkbox({ label, className, id, ref, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function Checkbox({ label, className, id, ref, "data-testid": testId, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ComingSoon/ComingSoon.d.ts

@@ -0,0 +1,9 @@
+import type React from "react";
+import type { IconNameType } from "../Icon/icons";
+export interface ComingSoonProps {
+    message?: string;
+    icon?: IconNameType;
+    className?: string;
+    "data-testid"?: string;
+}
+export declare function ComingSoon({ message, icon, className, "data-testid": testId, }: ComingSoonProps): React.ReactElement;

package/dist/components/ComingSoon/__stories__/ComingSoon.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { ComingSoon } from "../ComingSoon";
+declare const meta: Meta<typeof ComingSoon>;
+export default meta;
+type Story = StoryObj<typeof ComingSoon>;
+export declare const Default: Story;
+export declare const CustomMessage: Story;
+export declare const CustomIcon: Story;
+export declare const VueTheme: Story;
+export declare const AngularTheme: Story;

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

@@ -0,0 +1,2 @@
+export type { ComingSoonProps } from "./ComingSoon";
+export { ComingSoon } from "./ComingSoon";

package/dist/components/ConfigRow/ConfigRow.d.ts

@@ -0,0 +1,27 @@
+import type React from "react";
+import type { ReactNode } from "react";
+export interface ConfigRowProps {
+    label: string;
+    description?: string;
+    /** The control slot — Toggle, Select, Button, etc. */
+    children: ReactNode;
+    /**
+     * When provided the label is rendered as `<label htmlFor>`, linking it to
+     * the control by id. The CALLER MUST put a matching `id={htmlFor}` on the
+     * child control — ConfigRow renders `children` opaquely and cannot verify
+     * it; without a match the label associates with nothing. Omit when the
+     * control manages its own label.
+     */
+    htmlFor?: string;
+    /**
+     * Purely visual muted state (reduced opacity). Does NOT affect
+     * interactivity — to disable the control, pass `disabled` to the control
+     * inside `children` yourself.
+     */
+    dimmed?: boolean;
+    /** Bottom border separator. Defaults to `true`. */
+    divider?: boolean;
+    className?: string;
+    "data-testid"?: string;
+}
+export declare function ConfigRow({ label, description, children, htmlFor, dimmed, divider, className, "data-testid": testId, }: ConfigRowProps): React.ReactElement;

package/dist/components/ConfigRow/__stories__/ConfigRow.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { ConfigRow } from "../ConfigRow";
+declare const meta: Meta<typeof ConfigRow>;
+export default meta;
+type Story = StoryObj<typeof ConfigRow>;
+export declare const WithToggle: Story;
+export declare const WithDescription: Story;
+export declare const WithSelect: Story;
+export declare const HtmlForLinked: Story;
+export declare const Dimmed: Story;
+export declare const NoDivider: Story;
+export declare const MultipleRowsWithDividers: Story;
+export declare const BothThemes: Story;

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

@@ -0,0 +1,2 @@
+export type { ConfigRowProps } from "./ConfigRow";
+export { ConfigRow } from "./ConfigRow";

package/dist/components/DataTable/DataTable.d.ts

@@ -20,5 +20,6 @@ export interface DataTableProps<T> {
     pageCount?: number;
     /** Wrap with useCallback in the parent to avoid redundant fetches on re-render. */
     onPageChange?: (pageIndex: number, pageSize: number) => void;
+    "data-testid"?: string;
 }
-export declare function DataTable<T>({ data, columns, isLoading, loadingSlot, pageSize, searchable, sortable, paginated, emptyMessage, searchPlaceholder, previousLabel, nextLabel, onRowClick, selectable, onSelectionChange, manualPagination, pageCount, onPageChange, }: DataTableProps<T>): React.ReactElement;
+export declare function DataTable<T>({ data, columns, isLoading, loadingSlot, pageSize, searchable, sortable, paginated, emptyMessage, searchPlaceholder, previousLabel, nextLabel, onRowClick, selectable, onSelectionChange, manualPagination, pageCount, onPageChange, "data-testid": testId, }: DataTableProps<T>): React.ReactElement;

package/dist/components/DatePicker/DatePicker.d.ts

@@ -3,5 +3,6 @@ export interface DatePickerProps extends Omit<InputHTMLAttributes<HTMLInputEleme
     error?: boolean;
     label?: string;
     ref?: Ref<HTMLInputElement>;
+    "data-testid"?: string;
 }
-export declare function DatePicker({ error, label, className, id, ref, ...props }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DatePicker({ error, label, className, id, ref, "data-testid": testId, ...props }: DatePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/DateRangePicker/DateRangePicker.d.ts

@@ -10,5 +10,6 @@ export interface DateRangePickerProps {
     minDate?: string;
     maxDate?: string;
     className?: string;
+    "data-testid"?: string;
 }
-export declare function DateRangePicker({ startDate, endDate, onStartChange, onEndChange, startLabel, endLabel, error, disabled, minDate, maxDate, className, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateRangePicker({ startDate, endDate, onStartChange, onEndChange, startLabel, endLabel, error, disabled, minDate, maxDate, className, "data-testid": testId, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Dialog/Dialog.d.ts

@@ -7,5 +7,6 @@ export interface DialogProps {
     children: ReactNode;
     size?: DialogSize;
     className?: string;
+    "data-testid"?: string;
 }
-export declare function Dialog({ open, onClose, title, children, size, className, }: DialogProps): import("react").ReactPortal | null;
+export declare function Dialog({ open, onClose, title, children, size, className, "data-testid": testId, }: DialogProps): import("react").ReactPortal | null;

package/dist/components/DropdownButton/DropdownButton.d.ts

@@ -14,5 +14,6 @@ export interface DropdownButtonProps {
     onSelect?: (item: DropdownMenuItemType) => void;
     onOpen?: () => void;
     onClose?: () => void;
+    "data-testid"?: string;
 }
-export declare function DropdownButton({ text, menuItems, size, variant, disabled, onSelect, onOpen, onClose, }: DropdownButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownButton({ text, menuItems, size, variant, disabled, onSelect, onOpen, onClose, "data-testid": testId, }: DropdownButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/DropdownMenu/DropdownMenu.d.ts

@@ -11,5 +11,6 @@ export interface DropdownMenuProps {
     trigger: ReactNode;
     items: DropdownMenuItem[];
     align?: "left" | "right";
+    "data-testid"?: string;
 }
-export declare function DropdownMenu({ trigger, items, align }: DropdownMenuProps): ReactElement;
+export declare function DropdownMenu({ trigger, items, align, "data-testid": testId, }: DropdownMenuProps): ReactElement;

package/dist/components/DsProvider/DsProvider.d.ts

@@ -4,5 +4,6 @@ export interface DsProviderProps {
     theme: DsTheme;
     children: ReactNode;
     className?: string;
+    "data-testid"?: string;
 }
-export declare function DsProvider({ theme, children, className }: DsProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function DsProvider({ theme, children, className, "data-testid": testId }: DsProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -4,6 +4,7 @@ export interface ErrorBoundaryProps {
     children: ReactNode;
     fallback?: ReactNode | ((error: Error, retry: () => void) => ReactNode);
     onError?: (error: Error, info: ErrorInfo) => void;
+    "data-testid"?: string;
 }
 interface ErrorBoundaryState {
     hasError: boolean;

package/dist/components/ExtrasDialog/ExtrasDialog.d.ts

@@ -26,5 +26,7 @@ export type ExtrasDialogProps = {
     onConfirm: (selections: SelectedExtraType[]) => void;
     categories: ExtrasCategoryType[];
     productName: string;
+    /** Forwarded to the underlying Dialog's root element. */
+    "data-testid"?: string;
 };
-export declare function ExtrasDialog({ open, onClose, onConfirm, categories, productName, }: ExtrasDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function ExtrasDialog({ open, onClose, onConfirm, categories, productName, "data-testid": testId, }: ExtrasDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/FormField/FormField.d.ts

@@ -7,5 +7,6 @@ export interface FormFieldProps {
     required?: boolean;
     children: ReactNode;
     className?: string;
+    "data-testid"?: string;
 }
-export declare function FormField({ label, htmlFor, error, description, required, children, className, }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormField({ label, htmlFor, error, description, required, children, className, "data-testid": testId, }: FormFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/GoogleSignInButton/GoogleSignInButton.d.ts

@@ -3,5 +3,6 @@ export interface GoogleSignInButtonProps {
     isPending?: boolean;
     isError?: boolean;
     error?: Error | null;
+    "data-testid"?: string;
 }
-export declare function GoogleSignInButton({ onSignIn, isPending, isError, error, }: GoogleSignInButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function GoogleSignInButton({ onSignIn, isPending, isError, error, "data-testid": testId, }: GoogleSignInButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/Icon.d.ts

@@ -7,5 +7,6 @@ export interface IconProps {
     color?: string;
     "aria-label"?: string;
     "aria-hidden"?: boolean | "true" | "false";
+    "data-testid"?: string;
 }
-export declare function Icon({ name, size, className, color, "aria-label": ariaLabel, "aria-hidden": ariaHidden, }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function Icon({ name, size, className, color, "aria-label": ariaLabel, "aria-hidden": ariaHidden, "data-testid": testId, }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/LanguageSelector/LanguageSelector.d.ts

@@ -6,5 +6,6 @@ export interface LanguageSelectorProps {
     value: string;
     options: LanguageOption[];
     onChange: (value: string) => void;
+    "data-testid"?: string;
 }
-export declare function LanguageSelector({ value, options, onChange }: LanguageSelectorProps): import("react/jsx-runtime").JSX.Element;
+export declare function LanguageSelector({ value, options, onChange, "data-testid": testId, }: LanguageSelectorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Multiselect/Multiselect.d.ts

@@ -13,5 +13,6 @@ export interface MultiselectProps {
     removeLabel?: string;
     disabled?: boolean;
     error?: boolean;
+    "data-testid"?: string;
 }
-export declare function Multiselect({ options, value, onChange, placeholder, searchPlaceholder, noResultsText, removeLabel, disabled, error, }: MultiselectProps): ReactElement;
+export declare function Multiselect({ options, value, onChange, placeholder, searchPlaceholder, noResultsText, removeLabel, disabled, error, "data-testid": testId, }: MultiselectProps): ReactElement;

package/dist/components/NavBar/NavBar.d.ts

@@ -7,5 +7,6 @@ export interface NavBarProps {
     isLoading?: boolean;
     isPinLocked?: boolean;
     rightSlot?: ReactNode;
+    "data-testid"?: string;
 }
-export declare function NavBar({ restaurantName, onMenuToggle, onLogoClick, onRightToggle, isLoading, isPinLocked, rightSlot, }: NavBarProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function NavBar({ restaurantName, onMenuToggle, onLogoClick, onRightToggle, isLoading, isPinLocked, rightSlot, "data-testid": testId, }: NavBarProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/PageLoadingOverlay/PageLoadingOverlay.d.ts

@@ -2,6 +2,7 @@ export interface PageLoadingOverlayProps {
     isOpen: boolean;
     /** Screen-reader announcement text. Defaults to "Cargando…" */
     label?: string;
+    "data-testid"?: string;
 }
 /**
  * Full-screen blocking overlay for page-level loading states.
@@ -14,4 +15,4 @@ export interface PageLoadingOverlayProps {
  *   <PageLoadingOverlay isOpen={isPending} />
  *   <PageLoadingOverlay isOpen={isPending} label="Guardando cambios…" />
  */
-export declare function PageLoadingOverlay({ isOpen, label }: PageLoadingOverlayProps): import("react").ReactPortal;
+export declare function PageLoadingOverlay({ isOpen, label, "data-testid": testId, }: PageLoadingOverlayProps): import("react").ReactPortal;

package/dist/components/PermissionGate/PermissionGate.d.ts

@@ -0,0 +1,30 @@
+import type { ReactNode } from "react";
+export interface PermissionGateProps {
+    /** Permission decision resolved by the consumer app. When false, renders fallback. */
+    granted: boolean;
+    /** Rendered when granted is true. */
+    children: ReactNode;
+    /** Rendered when granted is false. @default null */
+    fallback?: ReactNode;
+    /**
+     * Accepted to satisfy the DS `data-testid` convention and to let consumers spread
+     * a testid coming from a parent without a TypeScript error. It is intentionally
+     * UNUSED: this component renders a React fragment with no DOM root to attach it to
+     * (identical to `React.Fragment`, which also ignores `data-testid`). If you need a
+     * testable DOM node, put it on the children you pass in.
+     */
+    "data-testid"?: string;
+}
+/**
+ * PermissionGate — a purely PRESENTATIONAL / STRUCTURAL primitive.
+ *
+ * It contains NO RBAC logic: no scopes, no bitwise actions, no hooks, no stores.
+ * Each consumer app computes the permission decision and passes it in as the
+ * `granted` boolean. When `granted` is true the `children` are rendered, otherwise
+ * the `fallback` (default `null`) is rendered.
+ *
+ * It renders a React fragment with NO DOM wrapper, so it never injects an anonymous
+ * layout node into a flex/grid container. There is no `.module.css` for this
+ * component because it has no visual surface of its own.
+ */
+export declare function PermissionGate({ granted, children, fallback }: PermissionGateProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/PermissionGate/__stories__/PermissionGate.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { PermissionGate } from "../PermissionGate";
+declare const meta: Meta<typeof PermissionGate>;
+export default meta;
+type Story = StoryObj<typeof PermissionGate>;
+export declare const Granted: Story;
+export declare const Denied_: Story;
+export declare const DeniedNoFallback: Story;
+export declare const DynamicToggle: Story;
+export declare const BothThemes: Story;

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

@@ -0,0 +1,2 @@
+export type { PermissionGateProps } from "./PermissionGate";
+export { PermissionGate } from "./PermissionGate";

package/dist/components/PinLockOverlay/PinLockOverlay.d.ts

@@ -2,5 +2,6 @@ import type { ReactNode } from "react";
 export interface PinLockOverlayProps {
     isLocked: boolean;
     children: ReactNode;
+    "data-testid"?: string;
 }
-export declare function PinLockOverlay({ isLocked, children }: PinLockOverlayProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PinLockOverlay({ isLocked, children, "data-testid": testId }: PinLockOverlayProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/ProductTile/ProductTile.d.ts

@@ -14,7 +14,8 @@ export type ProductTileType = {
 export type ProductTileProps = {
     product: ProductTileType;
     onAdd: (product: ProductTileType) => void;
+    "data-testid"?: string;
 };
-declare function ProductTileComponent({ product, onAdd }: ProductTileProps): import("react/jsx-runtime").JSX.Element;
+declare function ProductTileComponent({ product, onAdd, "data-testid": testId }: ProductTileProps): import("react/jsx-runtime").JSX.Element;
 export declare const ProductTile: import("react").MemoExoticComponent<typeof ProductTileComponent>;
 export {};

package/dist/components/Radio/Radio.d.ts

@@ -2,5 +2,6 @@ import type { InputHTMLAttributes } from "react";
 export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
     label?: string;
     ref?: React.Ref<HTMLInputElement>;
+    "data-testid"?: string;
 }
-export declare function Radio({ label, className, id, ref, ...props }: RadioProps): import("react/jsx-runtime").JSX.Element;
+export declare function Radio({ label, className, id, ref, "data-testid": testId, ...props }: RadioProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SearchInput/SearchInput.d.ts

@@ -0,0 +1,21 @@
+import { type InputHTMLAttributes } from "react";
+export interface SearchInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    onClear?: () => void;
+    placeholder?: string;
+    label: string;
+    id?: string;
+    disabled?: boolean;
+    clearLabel?: string;
+    className?: string;
+    /**
+     * Native attributes/handlers forwarded to the underlying `<input type="search">`
+     * (e.g. `name`, `autoComplete`, `onBlur`, `onKeyDown`, `aria-describedby`).
+     * The component-controlled props (`value`, `onChange`, `id`, `type`, `disabled`,
+     * `placeholder`, `className`) remain the source of truth and cannot be overridden here.
+     */
+    inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "id" | "type" | "disabled" | "placeholder" | "className">;
+    "data-testid"?: string;
+}
+export declare function SearchInput({ value, onChange, onClear, placeholder, label, id: idProp, disabled, clearLabel, className, inputProps, "data-testid": testId, }: SearchInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SearchInput/__stories__/SearchInput.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { SearchInput } from "../SearchInput";
+declare const meta: Meta<typeof SearchInput>;
+export default meta;
+type Story = StoryObj<typeof SearchInput>;
+export declare const Empty: Story;
+export declare const WithValue: Story;
+export declare const Disabled: Story;
+export declare const DisabledWithValue: Story;
+export declare const CustomPlaceholder: Story;
+export declare const BothThemes: Story;

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

@@ -0,0 +1,2 @@
+export type { SearchInputProps } from "./SearchInput";
+export { SearchInput } from "./SearchInput";

package/dist/components/SectionHeader/SectionHeader.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+import type { IconNameType as IconName } from "../Icon";
+export interface SectionHeaderProps {
+    title: string;
+    description?: string;
+    icon?: IconName;
+    iconSize?: number;
+    headingLevel?: 1 | 2 | 3 | 4;
+    actions?: ReactNode;
+    className?: string;
+    "data-testid"?: string;
+}
+export declare function SectionHeader({ title, description, icon, iconSize, headingLevel, actions, className, "data-testid": testId, }: SectionHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SectionHeader/__stories__/SectionHeader.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { SectionHeader } from "../SectionHeader";
+declare const meta: Meta<typeof SectionHeader>;
+export default meta;
+type Story = StoryObj<typeof SectionHeader>;
+export declare const TitleOnly: Story;
+export declare const TitleAndDescription: Story;
+export declare const WithIconAndDescription: Story;
+export declare const WithIconAndActions: Story;
+export declare const WithMultipleActions: Story;
+export declare const HeadingLevel1: Story;
+export declare const HeadingLevel3: Story;
+export declare const HeadingLevel4: Story;
+export declare const AllHeadingLevels: Story;
+export declare const BothThemes: Story;

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

@@ -0,0 +1,2 @@
+export type { SectionHeaderProps } from "./SectionHeader";
+export { SectionHeader } from "./SectionHeader";

package/dist/components/SidebarNavSection/SidebarNavSection.d.ts

@@ -7,5 +7,6 @@ export interface SidebarNavSectionProps {
     isActive?: boolean;
     className?: string;
     children: ReactNode;
+    "data-testid"?: string;
 }
-export declare function SidebarNavSection({ title, icon, titleSuffix, defaultOpen, isActive, className, children, }: SidebarNavSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarNavSection({ title, icon, titleSuffix, defaultOpen, isActive, className, children, "data-testid": testId, }: SidebarNavSectionProps): import("react/jsx-runtime").JSX.Element;

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

@@ -4,5 +4,6 @@ export interface SkeletonProps {
     height?: string | number;
     variant?: SkeletonVariant;
     className?: string;
+    "data-testid"?: string;
 }
-export declare function Skeleton({ width, height, variant, className }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Skeleton({ width, height, variant, className, "data-testid": testId, }: SkeletonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -3,5 +3,6 @@ export interface SpinnerProps {
     size?: SpinnerSize;
     label?: string;
     className?: string;
+    "data-testid"?: string;
 }
-export declare function Spinner({ size, label, className }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+export declare function Spinner({ size, label, className, "data-testid": testId, }: SpinnerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/StatusBadge/StatusBadge.d.ts

@@ -0,0 +1,12 @@
+import type React from "react";
+import type { BadgeSize, BadgeVariant } from "../Badge";
+export interface StatusBadgeProps {
+    status: string;
+    labels: Record<string, string>;
+    variants: Record<string, BadgeVariant>;
+    fallbackLabel?: string;
+    fallbackVariant?: BadgeVariant;
+    size?: BadgeSize;
+    "data-testid"?: string;
+}
+export declare function StatusBadge({ status, labels, variants, fallbackLabel, fallbackVariant, size, "data-testid": testId, }: StatusBadgeProps): React.ReactElement;

package/dist/components/StatusBadge/__stories__/StatusBadge.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { StatusBadge } from "../StatusBadge";
+declare const meta: Meta<typeof StatusBadge>;
+export default meta;
+type Story = StoryObj<typeof StatusBadge>;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Error: Story;
+export declare const Info: Story;
+export declare const UnknownFallbackToStatus: Story;
+export declare const UnknownWithFallbackLabel: Story;
+export declare const SizeSmall: Story;
+export declare const SizeMedium: Story;
+export declare const AllVariants: Story;
+export declare const BothSizes: Story;

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

@@ -0,0 +1,2 @@
+export type { StatusBadgeProps } from "./StatusBadge";
+export { StatusBadge } from "./StatusBadge";

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

@@ -0,0 +1,18 @@
+export interface StepperProps {
+    value: number;
+    onChange: (value: number) => void;
+    /** Lower bound (inclusive). Must be ≤ `max`. @default 0 */
+    min?: number;
+    /** Upper bound (inclusive). Must be ≥ `min`. @default Number.MAX_SAFE_INTEGER */
+    max?: number;
+    /** Increment size. Must be > 0. @default 1 */
+    step?: number;
+    disabled?: boolean;
+    /** Accessible name for the `role="group"` container. Required — an unnamed group is an a11y violation. */
+    "aria-label": string;
+    decrementLabel?: string;
+    incrementLabel?: string;
+    className?: string;
+    "data-testid"?: string;
+}
+export declare function Stepper({ value, onChange, min, max, step, disabled, "aria-label": ariaLabel, decrementLabel, incrementLabel, className, "data-testid": testId, }: StepperProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Stepper/__stories__/Stepper.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Stepper } from "../Stepper";
+declare const meta: Meta<typeof Stepper>;
+export default meta;
+type Story = StoryObj<typeof Stepper>;
+export declare const Default: Story;
+export declare const AtMin: Story;
+export declare const AtMax: Story;
+export declare const FullyDisabled: Story;
+export declare const CustomStep: Story;
+export declare const BothThemes: Story;

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

@@ -0,0 +1,2 @@
+export type { StepperProps } from "./Stepper";
+export { Stepper } from "./Stepper";