@appcorp/shadcn 1.1.16 → 1.1.18

package/components/enhanced-checkbox.d.ts

@@ -4,6 +4,7 @@ interface EnhancedCheckboxProps extends React.ComponentPropsWithoutRef<typeof Ch
     error?: string;
     info?: string;
     label?: string;
+    testId?: string;
 }
 declare const EnhancedCheckbox: React.ForwardRefExoticComponent<EnhancedCheckboxProps & React.RefAttributes<HTMLButtonElement>>;
 export { EnhancedCheckbox };

package/components/enhanced-checkbox.js

@@ -62,10 +62,10 @@ var utils_1 = require("../lib/utils");
 var checkbox_1 = require("./ui/checkbox");
 var enhanced_label_1 = require("./enhanced-label");
 var EnhancedCheckbox = React.forwardRef(function (_a, ref) {
-    var className = _a.className, error = _a.error, info = _a.info, label = _a.label, id = _a.id, props = __rest(_a, ["className", "error", "info", "label", "id"]);
+    var className = _a.className, error = _a.error, info = _a.info, label = _a.label, id = _a.id, testId = _a.testId, props = __rest(_a, ["className", "error", "info", "label", "id", "testId"]);
     // Determine if there's an error (for aria-invalid and styling)
     var hasError = Boolean(error);
-    var checkboxElement = (React.createElement(checkbox_1.Checkbox, __assign({ ref: ref, id: id, "data-slot": "checkbox", "aria-invalid": hasError, className: (0, utils_1.cn)(
+    var checkboxElement = (React.createElement(checkbox_1.Checkbox, __assign({ ref: ref, id: id, "data-slot": "checkbox", "data-testid": testId, "aria-invalid": hasError, className: (0, utils_1.cn)(
         // Error state styling
         hasError &&
             "data-[state=checked]:bg-destructive data-[state=unchecked]:bg-destructive/20 border-destructive focus-visible:border-destructive focus-visible:ring-destructive/20", className) }, props)));

package/components/enhanced-combobox.d.ts

@@ -4,27 +4,72 @@ export interface ComboboxOption {
     label: string;
     id?: string;
 }
+/**
+ * Props for the `EnhancedCombobox` component.
+ *
+ * This component is a fully-featured combobox with optional virtualization,
+ * search, and scroll indicators. All `testId*` props are optional and intended
+ * to be used only for testing (e.g. `data-testid` attributes).
+ */
 interface EnhancedComboboxProps {
+    /** Array of options to show in the list. */
     options: ComboboxOption[];
+    /** Currently selected value. */
     value?: string;
+    /** Called when the selected value changes. */
     onValueChange: (value: string) => void;
+    /** Optional handler invoked when the search text changes. */
     onSearchChange?: (search: string) => void;
+    /** Placeholder text shown in the trigger when no option is selected. */
     placeholder?: string;
+    /** Placeholder shown inside the search input within the popover. */
     searchPlaceholder?: string;
+    /** Text to display when no options are available. */
     emptyText?: string;
+    /** Whether the component is in a loading/searching state. */
     loading?: boolean;
+    /** Whether the combobox is disabled. */
     disabled?: boolean;
+    /** Additional classes to apply to the trigger button. */
     className?: string;
+    /** Maximum height of the dropdown list in pixels. */
     maxHeight?: number;
+    /** Show gradient scroll indicators at the top/bottom of the list. */
     showScrollIndicators?: boolean;
+    /** Number of options above which virtualization is enabled. */
     virtualizeThreshold?: number;
+    /** Optional label displayed above the trigger. */
     label?: string;
+    /** Whether the field is required. */
     required?: boolean;
+    /** `id` applied to the trigger button (also used for label `htmlFor`). */
     id?: string;
+    /** Optional informational text displayed below the component. */
     info?: string;
+    /** Optional error text displayed below the component (error state). */
     error?: string;
+    /** `data-testid` for the trigger button (e.g. `my-combobox-trigger`). */
+    testIdTrigger?: string;
+    /** `data-testid` for the search input inside the popover. */
+    testIdSearchInput?: string;
+    /** `data-testid` for the popover content container. */
+    testIdPopoverContent?: string;
+    /** `data-testid` used on the empty state element (no results). */
+    testIdEmpty?: string;
+    /** `data-testid` for the list container (scrollable element). */
+    testIdList?: string;
+    /**
+     * Prefix used for option items. Each option will receive a `data-testid`
+     * equal to `${testIdOptionPrefix}-${option.value}`. Defaults to
+     * `combobox-option` when not provided.
+     */
+    testIdOptionPrefix?: string;
+    /** `data-testid` for the scroll-up button (when scroll indicators enabled). */
+    testIdScrollUp?: string;
+    /** `data-testid` for the scroll-down button (when scroll indicators enabled). */
+    testIdScrollDown?: string;
 }
-export declare function EnhancedCombobox({ className, disabled, emptyText, error, id, info, label, loading, maxHeight, onSearchChange, onValueChange, options, placeholder, required, searchPlaceholder, showScrollIndicators, value, virtualizeThreshold, }: EnhancedComboboxProps): React.JSX.Element;
+export declare function EnhancedCombobox({ className, disabled, emptyText, error, id, info, label, loading, maxHeight, onSearchChange, onValueChange, options, placeholder, required, searchPlaceholder, showScrollIndicators, value, virtualizeThreshold, testIdTrigger, testIdSearchInput, testIdPopoverContent, testIdEmpty, testIdList, testIdOptionPrefix, testIdScrollUp, testIdScrollDown, }: EnhancedComboboxProps): React.JSX.Element;
 interface CompanyComboboxProps {
     companies: Array<{
         id?: string;

package/components/enhanced-combobox.js

@@ -45,7 +45,7 @@ var enhanced_label_1 = require("./enhanced-label");
 var command_1 = require("./ui/command");
 var popover_1 = require("./ui/popover");
 function VirtualizedList(_a) {
-    var options = _a.options, selectedValue = _a.selectedValue, onSelect = _a.onSelect, scrollContainer = _a.scrollContainer;
+    var options = _a.options, selectedValue = _a.selectedValue, onSelect = _a.onSelect, scrollContainer = _a.scrollContainer, testIdOptionPrefix = _a.testIdOptionPrefix;
     var _b = (0, react_1.useState)({
         start: 0,
         end: Math.min(options.length, 25), // Increased initial visible items
@@ -123,13 +123,13 @@ function VirtualizedList(_a) {
     var bottomSpacer = Math.max(0, (options.length - safeEnd) * 32);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         topSpacer > 0 && react_1.default.createElement("div", { style: { height: topSpacer } }),
-        visibleOptions.map(function (option, index) { return (react_1.default.createElement(command_1.CommandItem, { key: "".concat(option.value, "-").concat(safeStart + index), value: option.label, onSelect: function () { return onSelect(option.value); }, className: "cursor-pointer hover:bg-accent hover:text-accent-foreground transition-colors h-8 flex items-center" },
+        visibleOptions.map(function (option, index) { return (react_1.default.createElement(command_1.CommandItem, { key: "".concat(option.value, "-").concat(safeStart + index), value: option.label, onSelect: function () { return onSelect(option.value); }, "data-testid": "".concat(testIdOptionPrefix !== null && testIdOptionPrefix !== void 0 ? testIdOptionPrefix : "combobox-option", "-").concat(option.value), className: "cursor-pointer hover:bg-accent hover:text-accent-foreground transition-colors h-8 flex items-center" },
             react_1.default.createElement(lucide_react_1.Check, { className: (0, utils_1.cn)("mr-2 h-4 w-4", selectedValue === option.value ? "opacity-100" : "opacity-0") }),
             react_1.default.createElement("span", { className: "truncate" }, option.label))); }),
         bottomSpacer > 0 && react_1.default.createElement("div", { style: { height: bottomSpacer } })));
 }
 function EnhancedCombobox(_a) {
-    var className = _a.className, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.emptyText, emptyText = _c === void 0 ? "No options found." : _c, error = _a.error, id = _a.id, info = _a.info, label = _a.label, _d = _a.loading, loading = _d === void 0 ? false : _d, _e = _a.maxHeight, maxHeight = _e === void 0 ? 256 : _e, onSearchChange = _a.onSearchChange, onValueChange = _a.onValueChange, _f = _a.options, options = _f === void 0 ? [] : _f, _g = _a.placeholder, placeholder = _g === void 0 ? "Select option..." : _g, _h = _a.required, required = _h === void 0 ? false : _h, _j = _a.searchPlaceholder, searchPlaceholder = _j === void 0 ? "Search..." : _j, _k = _a.showScrollIndicators, showScrollIndicators = _k === void 0 ? true : _k, value = _a.value, _l = _a.virtualizeThreshold, virtualizeThreshold = _l === void 0 ? 50 : _l;
+    var className = _a.className, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.emptyText, emptyText = _c === void 0 ? "No options found." : _c, error = _a.error, id = _a.id, info = _a.info, label = _a.label, _d = _a.loading, loading = _d === void 0 ? false : _d, _e = _a.maxHeight, maxHeight = _e === void 0 ? 256 : _e, onSearchChange = _a.onSearchChange, onValueChange = _a.onValueChange, _f = _a.options, options = _f === void 0 ? [] : _f, _g = _a.placeholder, placeholder = _g === void 0 ? "Select option..." : _g, _h = _a.required, required = _h === void 0 ? false : _h, _j = _a.searchPlaceholder, searchPlaceholder = _j === void 0 ? "Search..." : _j, _k = _a.showScrollIndicators, showScrollIndicators = _k === void 0 ? true : _k, value = _a.value, _l = _a.virtualizeThreshold, virtualizeThreshold = _l === void 0 ? 50 : _l, testIdTrigger = _a.testIdTrigger, testIdSearchInput = _a.testIdSearchInput, testIdPopoverContent = _a.testIdPopoverContent, testIdEmpty = _a.testIdEmpty, testIdList = _a.testIdList, testIdOptionPrefix = _a.testIdOptionPrefix, testIdScrollUp = _a.testIdScrollUp, testIdScrollDown = _a.testIdScrollDown;
     var _m = (0, react_1.useState)(false), open = _m[0], setOpen = _m[1];
     var _o = (0, react_1.useState)(""), searchValue = _o[0], setSearchValue = _o[1];
     var _p = (0, react_1.useState)(false), canScrollUp = _p[0], setCanScrollUp = _p[1];
@@ -201,30 +201,30 @@ function EnhancedCombobox(_a) {
     };
     var comboboxElement = (react_1.default.createElement(popover_1.Popover, { open: open, onOpenChange: setOpen, modal: true },
         react_1.default.createElement(popover_1.PopoverTrigger, { asChild: true },
-            react_1.default.createElement(button_1.Button, { id: id, variant: "outline", role: "combobox", "aria-expanded": open, disabled: disabled, className: (0, utils_1.cn)("w-full justify-between", !selectedOption && "text-muted-foreground", className) },
+            react_1.default.createElement(button_1.Button, { id: id, "data-testid": testIdTrigger, variant: "outline", role: "combobox", "aria-expanded": open, disabled: disabled, className: (0, utils_1.cn)("w-full justify-between", !selectedOption && "text-muted-foreground", className) },
                 (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) || placeholder,
                 react_1.default.createElement(lucide_react_1.ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" }))),
-        react_1.default.createElement(popover_1.PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] p-0", side: "bottom", align: "start", avoidCollisions: true, collisionPadding: 8, style: { zIndex: 1000 }, onOpenAutoFocus: function (e) { return e.preventDefault(); } },
+        react_1.default.createElement(popover_1.PopoverContent, { "data-testid": testIdPopoverContent, className: "w-[var(--radix-popover-trigger-width)] p-0", side: "bottom", align: "start", avoidCollisions: true, collisionPadding: 8, style: { zIndex: 1000 }, onOpenAutoFocus: function (e) { return e.preventDefault(); } },
             react_1.default.createElement(command_1.Command, { shouldFilter: false },
-                react_1.default.createElement(command_1.CommandInput, { "data-slot": "command-input", placeholder: searchPlaceholder, value: searchValue, onValueChange: handleSearchChange }),
-                react_1.default.createElement(command_1.CommandEmpty, { "data-slot": "command-empty" }, loading ? (react_1.default.createElement("div", { className: "flex items-center justify-center py-6" },
+                react_1.default.createElement(command_1.CommandInput, { "data-slot": "command-input", "data-testid": testIdSearchInput, placeholder: searchPlaceholder, value: searchValue, onValueChange: handleSearchChange }),
+                react_1.default.createElement(command_1.CommandEmpty, { "data-slot": "command-empty", "data-testid": testIdEmpty }, loading ? (react_1.default.createElement("div", { className: "flex items-center justify-center py-6" },
                     react_1.default.createElement("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-primary" }),
                     react_1.default.createElement("span", { className: "ml-2 text-sm" }, "Searching..."))) : (emptyText)),
                 react_1.default.createElement("div", { className: "relative" },
                     showScrollIndicators && canScrollUp && (react_1.default.createElement("div", { className: "absolute top-0 left-0 right-0 z-10 h-8 bg-gradient-to-b from-background to-transparent pointer-events-none" },
-                        react_1.default.createElement("button", { onClick: scrollToTop, className: "absolute top-1 left-1/2 transform -translate-x-1/2 p-1 rounded-full bg-background shadow-sm border pointer-events-auto hover:bg-muted transition-colors", "aria-label": "Scroll to top" },
+                        react_1.default.createElement("button", { "data-testid": testIdScrollUp, onClick: scrollToTop, className: "absolute top-1 left-1/2 transform -translate-x-1/2 p-1 rounded-full bg-background shadow-sm border pointer-events-auto hover:bg-muted transition-colors", "aria-label": "Scroll to top" },
                             react_1.default.createElement(lucide_react_1.ChevronUp, { className: "h-3 w-3" })))),
-                    react_1.default.createElement(command_1.CommandGroup, { ref: scrollContainerRef, className: (0, utils_1.cn)("overflow-y-auto smooth-scroll", "scrollbar-thin scrollbar-thumb-muted-foreground/20 scrollbar-track-transparent hover:scrollbar-thumb-muted-foreground/40", "scroll-smooth", filteredOptions.length > 10 && "pb-2" // Extra padding for many options
+                    react_1.default.createElement(command_1.CommandGroup, { "data-testid": testIdList, ref: scrollContainerRef, className: (0, utils_1.cn)("overflow-y-auto smooth-scroll", "scrollbar-thin scrollbar-thumb-muted-foreground/20 scrollbar-track-transparent hover:scrollbar-thumb-muted-foreground/40", "scroll-smooth", filteredOptions.length > 10 && "pb-2" // Extra padding for many options
                         ), style: { maxHeight: "".concat(maxHeight, "px") }, onScroll: updateScrollIndicators }, shouldVirtualize &&
                         filteredOptions.length > virtualizeThreshold ? (
                     // Virtualized rendering for large lists
-                    react_1.default.createElement(VirtualizedList, { options: filteredOptions, selectedValue: value, onSelect: handleSelect, scrollContainer: scrollContainerRef })) : (
+                    react_1.default.createElement(VirtualizedList, { options: filteredOptions, selectedValue: value, onSelect: handleSelect, scrollContainer: scrollContainerRef, testIdOptionPrefix: testIdOptionPrefix })) : (
                     // Regular rendering for smaller lists or filtered results
-                    filteredOptions.map(function (option) { return (react_1.default.createElement(command_1.CommandItem, { key: option.value, value: option.label, onSelect: function () { return handleSelect(option.value); }, className: "cursor-pointer hover:bg-accent hover:text-accent-foreground transition-colors" },
+                    filteredOptions.map(function (option) { return (react_1.default.createElement(command_1.CommandItem, { key: option.value, value: option.label, onSelect: function () { return handleSelect(option.value); }, "data-testid": "".concat(testIdOptionPrefix !== null && testIdOptionPrefix !== void 0 ? testIdOptionPrefix : "combobox-option", "-").concat(option.value), className: "cursor-pointer hover:bg-accent hover:text-accent-foreground transition-colors" },
                         react_1.default.createElement(lucide_react_1.Check, { className: (0, utils_1.cn)("mr-2 h-4 w-4", value === option.value ? "opacity-100" : "opacity-0") }),
                         react_1.default.createElement("span", { className: "truncate" }, option.label))); }))),
                     showScrollIndicators && canScrollDown && (react_1.default.createElement("div", { className: "absolute bottom-0 left-0 right-0 z-10 h-8 bg-gradient-to-t from-background to-transparent pointer-events-none" },
-                        react_1.default.createElement("button", { onClick: scrollToBottom, className: "absolute bottom-1 left-1/2 transform -translate-x-1/2 p-1 rounded-full bg-background shadow-sm border pointer-events-auto hover:bg-muted transition-colors", "aria-label": "Scroll to bottom" },
+                        react_1.default.createElement("button", { "data-testid": testIdScrollDown, onClick: scrollToBottom, className: "absolute bottom-1 left-1/2 transform -translate-x-1/2 p-1 rounded-full bg-background shadow-sm border pointer-events-auto hover:bg-muted transition-colors", "aria-label": "Scroll to bottom" },
                             react_1.default.createElement(lucide_react_1.ChevronDown, { className: "h-3 w-3" })))))))));
     // If label is provided, render the complete combobox with label structure
     if (label) {

package/components/enhanced-dropzone.d.ts

@@ -1,21 +1,63 @@
 import React from "react";
 import type { DropzoneOptions } from "react-dropzone";
+/**
+ * Props for `EnhancedDropzone` component.
+ */
 export type EnhancedDropzoneProps = {
+    /** HTML id attribute applied to the hidden file input and used for labeling. */
     id?: string;
+    /** Additional className(s) applied to the root container. */
     className?: string;
+    /** Optional label text displayed above the dropzone. */
     label?: string;
+    /** Informational helper text shown below the component (non-error). */
     info?: string;
+    /** Error message text shown below the component; puts component into error state. */
     error?: string;
+    /**
+     * Accepted file types. Matches `react-dropzone` `accept` option or a list of
+     * mime types / extensions (e.g. `['image/*']` or `{ 'image/*': [] }`).
+     */
     accept?: DropzoneOptions["accept"] | string[];
+    /** Maximum number of files allowed to be selected. Defaults to `10`. */
     maxFiles?: number;
+    /** Maximum file size in bytes. */
     maxSize?: number;
+    /** Minimum file size in bytes. */
     minSize?: number;
+    /** Whether the dropzone is disabled (prevents interactions). */
     disabled?: boolean;
-    /** Remote image URLs to display as previews */
+    /** Remote image URLs to display as previews (read-only remote values). */
     value?: string[];
-    /** Called when files are selected or removed */
+    /** Called when the selected files change (local additions/removals). */
     onChange?: (files: File[]) => void;
-    /** Called when a remote URL is removed */
+    /** Called when a remote URL preview is removed by the user. */
     onRemoveRemote?: (url: string) => void;
+    /** `data-testid` for the root dropzone container. */
+    testIdDropzone?: string;
+    /** `data-testid` for the hidden file input element. */
+    testIdInput?: string;
+    /** `data-testid` for the carousel previous button. */
+    testIdPrev?: string;
+    /** `data-testid` for the carousel next button. */
+    testIdNext?: string;
+    /** Prefix used for preview items: `${prefix}-${index}`. */
+    testIdPreviewPrefix?: string;
+    /** Prefix for preview image elements: `${prefix}-${index}`. */
+    testIdImagePrefix?: string;
+    /** Prefix for remove buttons on previews: `${prefix}-${index}`. */
+    testIdRemovePrefix?: string;
+    /** `data-testid` for the preview count text element. */
+    testIdCount?: string;
+    /** `data-testid` for the empty-state icon wrapper. */
+    testIdEmptyIcon?: string;
+    /** `data-testid` for the empty-state title. */
+    testIdEmptyTitle?: string;
+    /** `data-testid` for the empty-state subtitle. */
+    testIdEmptySubtitle?: string;
+    /** `data-testid` for the empty-state note (max files info). */
+    testIdEmptyNote?: string;
+    /** `data-testid` for the error/info message container. */
+    testIdMessage?: string;
 };
 export declare const EnhancedDropzone: React.FC<EnhancedDropzoneProps>;

package/components/enhanced-dropzone.js

@@ -62,7 +62,7 @@ var carousel_1 = require("./ui/carousel");
 var button_1 = require("./ui/button");
 var lucide_react_1 = require("lucide-react");
 var EnhancedDropzone = function (_a) {
-    var id = _a.id, label = _a.label, info = _a.info, error = _a.error, accept = _a.accept, _b = _a.maxFiles, maxFiles = _b === void 0 ? 10 : _b, maxSize = _a.maxSize, minSize = _a.minSize, disabled = _a.disabled, _c = _a.value, value = _c === void 0 ? [] : _c, onChange = _a.onChange, onRemoveRemote = _a.onRemoveRemote, className = _a.className;
+    var id = _a.id, label = _a.label, info = _a.info, error = _a.error, accept = _a.accept, _b = _a.maxFiles, maxFiles = _b === void 0 ? 10 : _b, maxSize = _a.maxSize, minSize = _a.minSize, disabled = _a.disabled, _c = _a.value, value = _c === void 0 ? [] : _c, onChange = _a.onChange, onRemoveRemote = _a.onRemoveRemote, className = _a.className, testIdDropzone = _a.testIdDropzone, testIdInput = _a.testIdInput, testIdPrev = _a.testIdPrev, testIdNext = _a.testIdNext, testIdPreviewPrefix = _a.testIdPreviewPrefix, testIdImagePrefix = _a.testIdImagePrefix, testIdRemovePrefix = _a.testIdRemovePrefix, testIdCount = _a.testIdCount, testIdEmptyIcon = _a.testIdEmptyIcon, testIdEmptyTitle = _a.testIdEmptyTitle, testIdEmptySubtitle = _a.testIdEmptySubtitle, testIdEmptyNote = _a.testIdEmptyNote, testIdMessage = _a.testIdMessage;
     // Local files selected by user
     var _d = (0, react_1.useState)([]), localFiles = _d[0], setLocalFiles = _d[1];
     // Track object URLs created for local files
@@ -139,18 +139,18 @@ var EnhancedDropzone = function (_a) {
         url: localPreviewsRef.current.get(file) || "",
         index: index,
     }); }), true);
-    return (react_1.default.createElement("div", { className: (0, utils_1.cn)("w-full", className) },
+    return (react_1.default.createElement("div", { className: (0, utils_1.cn)("w-full", className), "data-testid": testIdDropzone },
         label && (react_1.default.createElement("label", { className: "mb-2 block text-sm font-medium" }, label)),
         react_1.default.createElement("div", __assign({}, getRootProps(), { className: (0, utils_1.cn)("relative w-full rounded-md border border-dashed p-6 text-center min-h-[280px] flex items-center justify-center", isDragActive && "ring-2 ring-ring ring-offset-2", disabled && "opacity-60 pointer-events-none") }),
-            react_1.default.createElement("input", __assign({}, getInputProps(), { id: id })),
+            react_1.default.createElement("input", __assign({}, getInputProps(), { id: id, "data-testid": testIdInput })),
             allPreviews.length > 0 ? (react_1.default.createElement("div", { className: "flex flex-col items-center w-full" },
                 react_1.default.createElement("div", { className: "relative w-full max-w-md" },
                     react_1.default.createElement(carousel_1.Carousel, { className: "w-full" },
-                        react_1.default.createElement(carousel_1.CarouselPrevious, { type: "button", onClick: function (e) { return e.stopPropagation(); }, onPointerDown: function (e) { return e.stopPropagation(); }, onMouseDown: function (e) { return e.stopPropagation(); } }),
-                        react_1.default.createElement(carousel_1.CarouselNext, { type: "button", onClick: function (e) { return e.stopPropagation(); }, onPointerDown: function (e) { return e.stopPropagation(); }, onMouseDown: function (e) { return e.stopPropagation(); } }),
-                        react_1.default.createElement(carousel_1.CarouselContent, { className: "ml-0" }, allPreviews.map(function (preview, idx) { return (react_1.default.createElement(carousel_1.CarouselItem, { key: "".concat(preview.type, "-").concat(preview.url, "-").concat(idx), className: "pl-4" },
+                        react_1.default.createElement(carousel_1.CarouselPrevious, { type: "button", onClick: function (e) { return e.stopPropagation(); }, onPointerDown: function (e) { return e.stopPropagation(); }, onMouseDown: function (e) { return e.stopPropagation(); }, "data-testid": testIdPrev }),
+                        react_1.default.createElement(carousel_1.CarouselNext, { type: "button", onClick: function (e) { return e.stopPropagation(); }, onPointerDown: function (e) { return e.stopPropagation(); }, onMouseDown: function (e) { return e.stopPropagation(); }, "data-testid": testIdNext }),
+                        react_1.default.createElement(carousel_1.CarouselContent, { className: "ml-0" }, allPreviews.map(function (preview, idx) { return (react_1.default.createElement(carousel_1.CarouselItem, { key: "".concat(preview.type, "-").concat(preview.url, "-").concat(idx), className: "pl-4", "data-testid": "".concat(testIdPreviewPrefix !== null && testIdPreviewPrefix !== void 0 ? testIdPreviewPrefix : "dropzone-preview", "-").concat(idx) },
                             react_1.default.createElement("div", { className: "relative aspect-square w-full max-w-xs mx-auto" }, preview.url ? (react_1.default.createElement(react_1.default.Fragment, null,
-                                react_1.default.createElement("img", { src: preview.url, alt: "Preview ".concat(idx + 1), className: "h-full w-full rounded-lg object-cover", onClick: function (e) { return e.stopPropagation(); } }),
+                                react_1.default.createElement("img", { src: preview.url, alt: "Preview ".concat(idx + 1), className: "h-full w-full rounded-lg object-cover", onClick: function (e) { return e.stopPropagation(); }, "data-testid": "".concat(testIdImagePrefix !== null && testIdImagePrefix !== void 0 ? testIdImagePrefix : "dropzone-image", "-").concat(idx) }),
                                 react_1.default.createElement(button_1.Button, { type: "button", size: "icon", variant: "destructive", onClick: function (e) {
                                         e.stopPropagation();
                                         if (preview.type === "remote") {
@@ -159,29 +159,29 @@ var EnhancedDropzone = function (_a) {
                                         else {
                                             handleRemoveLocal(preview.index);
                                         }
-                                    }, className: "absolute right-2 top-2 h-8 w-8 rounded-full", "aria-label": "Remove image" },
+                                    }, className: "absolute right-2 top-2 h-8 w-8 rounded-full", "aria-label": "Remove image", "data-testid": "".concat(testIdRemovePrefix !== null && testIdRemovePrefix !== void 0 ? testIdRemovePrefix : "dropzone-remove", "-").concat(idx) },
                                     react_1.default.createElement(lucide_react_1.XIcon, { className: "h-4 w-4" })))) : (react_1.default.createElement("div", { className: "flex h-full w-full items-center justify-center rounded-lg bg-muted text-muted-foreground" },
                                 react_1.default.createElement("span", { className: "text-sm" }, "Loading...")))))); })))),
-                react_1.default.createElement("p", { className: "mt-4 text-sm font-medium text-muted-foreground" },
+                react_1.default.createElement("p", { className: "mt-4 text-sm font-medium text-muted-foreground", "data-testid": testIdCount },
                     allPreviews.length,
                     " image",
                     allPreviews.length !== 1 ? "s" : "",
                     " ",
                     "selected"))) : (react_1.default.createElement("div", { className: "flex flex-col items-center justify-center gap-2" },
-                react_1.default.createElement("div", { className: "flex h-12 w-12 items-center justify-center rounded-lg bg-muted text-muted-foreground" },
+                react_1.default.createElement("div", { className: "flex h-12 w-12 items-center justify-center rounded-lg bg-muted text-muted-foreground", "data-testid": testIdEmptyIcon },
                     react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-image" },
                         react_1.default.createElement("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" }),
                         react_1.default.createElement("circle", { cx: "9", cy: "9", r: "2" }),
                         react_1.default.createElement("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" }))),
                 react_1.default.createElement("div", { className: "space-y-1 text-center" },
-                    react_1.default.createElement("p", { className: "font-medium text-sm" },
+                    react_1.default.createElement("p", { className: "font-medium text-sm", "data-testid": testIdEmptyTitle },
                         "Upload ",
                         maxFiles === 1 ? "an image" : "images"),
-                    react_1.default.createElement("p", { className: "text-muted-foreground text-xs" }, "Drag and drop or click to browse"),
-                    maxFiles > 1 && (react_1.default.createElement("p", { className: "text-muted-foreground text-xs" },
+                    react_1.default.createElement("p", { className: "text-muted-foreground text-xs", "data-testid": testIdEmptySubtitle }, "Drag and drop or click to browse"),
+                    maxFiles > 1 && (react_1.default.createElement("p", { className: "text-muted-foreground text-xs", "data-testid": testIdEmptyNote },
                         "Up to ",
                         maxFiles,
                         " files")))))),
-        (error || info) && (react_1.default.createElement("div", { className: "mt-2" }, error ? (react_1.default.createElement("p", { className: "text-xs text-destructive" }, error)) : info ? (react_1.default.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400" }, info)) : null))));
+        (error || info) && (react_1.default.createElement("div", { className: "mt-2", "data-testid": testIdMessage }, error ? (react_1.default.createElement("p", { className: "text-xs text-destructive" }, error)) : info ? (react_1.default.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400" }, info)) : null))));
 };
 exports.EnhancedDropzone = EnhancedDropzone;

package/components/enhanced-input.d.ts

@@ -1,8 +1,24 @@
 import * as React from "react";
+/** Props for `EnhancedInput` component. */
 interface EnhancedInputProps extends React.ComponentProps<"input"> {
+    /** Error message text shown below the input; sets error styling when present. */
     error?: string;
+    /** Informational helper text shown below the input (when no error). */
     info?: string;
+    /** Optional label text displayed above the input. */
     label?: string;
+    /** `data-testid` for the root wrapper (the outermost `div`). */
+    testIdWrapper?: string;
+    /** `data-testid` for the native `input` element. */
+    testIdInput?: string;
+    /** `data-testid` for the label element (passes to `EnhancedLabel`). */
+    testIdLabel?: string;
+    /** `data-testid` for the message container (holds error/info). */
+    testIdMessage?: string;
+    /** `data-testid` for the error text element. */
+    testIdError?: string;
+    /** `data-testid` for the info text element. */
+    testIdInfo?: string;
 }
 declare const EnhancedInput: React.ForwardRefExoticComponent<Omit<EnhancedInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export { EnhancedInput };

package/components/enhanced-input.js

@@ -61,10 +61,10 @@ var utils_1 = require("../lib/utils");
 var enhanced_label_1 = require("./enhanced-label");
 var input_1 = require("./ui/input");
 var EnhancedInput = React.forwardRef(function (_a, ref) {
-    var className = _a.className, type = _a.type, error = _a.error, info = _a.info, label = _a.label, required = _a.required, id = _a.id, props = __rest(_a, ["className", "type", "error", "info", "label", "required", "id"]);
+    var className = _a.className, type = _a.type, error = _a.error, info = _a.info, label = _a.label, required = _a.required, id = _a.id, testIdWrapper = _a.testIdWrapper, testIdInput = _a.testIdInput, testIdLabel = _a.testIdLabel, testIdMessage = _a.testIdMessage, testIdError = _a.testIdError, testIdInfo = _a.testIdInfo, props = __rest(_a, ["className", "type", "error", "info", "label", "required", "id", "testIdWrapper", "testIdInput", "testIdLabel", "testIdMessage", "testIdError", "testIdInfo"]);
     // Determine if there's an error (for aria-invalid and styling)
     var hasError = Boolean(error);
-    var inputElement = (React.createElement(input_1.Input, __assign({ type: type, ref: ref, id: id, "aria-invalid": hasError, required: required, className: (0, utils_1.cn)(
+    var inputElement = (React.createElement(input_1.Input, __assign({ type: type, ref: ref, id: id, "aria-invalid": hasError, required: required, "data-testid": testIdInput, className: (0, utils_1.cn)(
         // Error state styling
         hasError &&
             "border-destructive focus-visible:border-destructive focus-visible:ring-destructive/20", 
@@ -73,15 +73,15 @@ var EnhancedInput = React.forwardRef(function (_a, ref) {
             "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className) }, props)));
     // If label is provided, render the complete input with label structure
     if (label) {
-        return (React.createElement("div", { className: "w-full space-y-2" },
-            React.createElement(enhanced_label_1.EnhancedLabel, { htmlFor: id, required: required }, label),
+        return (React.createElement("div", { className: "w-full space-y-2", "data-testid": testIdWrapper },
+            React.createElement(enhanced_label_1.EnhancedLabel, { htmlFor: id, required: required, "data-testid": testIdLabel }, label),
             inputElement,
-            (error || info) && (React.createElement("div", null, error ? (React.createElement("p", { className: "text-xs text-destructive" }, error)) : info ? (React.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400" }, info)) : null))));
+            (error || info) && (React.createElement("div", { "data-testid": testIdMessage }, error ? (React.createElement("p", { className: "text-xs text-destructive", "data-testid": testIdError }, error)) : info ? (React.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400", "data-testid": testIdInfo }, info)) : null))));
     }
     // If no label, render just the input with messages (backward compatibility)
-    return (React.createElement("div", { className: "w-full" },
+    return (React.createElement("div", { className: "w-full", "data-testid": testIdWrapper },
         inputElement,
-        (error || info) && (React.createElement("div", null, error ? (React.createElement("p", { className: "text-xs text-destructive" }, error)) : info ? (React.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400" }, info)) : null))));
+        (error || info) && (React.createElement("div", { "data-testid": testIdMessage }, error ? (React.createElement("p", { className: "text-xs text-destructive", "data-testid": testIdError }, error)) : info ? (React.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400", "data-testid": testIdInfo }, info)) : null))));
 });
 exports.EnhancedInput = EnhancedInput;
 EnhancedInput.displayName = "EnhancedInput";

package/components/enhanced-label.d.ts

@@ -1,7 +1,13 @@
 import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
+/** Props for `EnhancedLabel` component. */
 interface EnhancedLabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
+    /** Show a required field indicator (asterisk). */
     required?: boolean;
+    /** `data-testid` for the root label element. */
+    testIdLabel?: string;
+    /** `data-testid` for the required asterisk element when `required` is true. */
+    testIdRequired?: string;
 }
-declare function EnhancedLabel({ className, required, children, ...props }: EnhancedLabelProps): React.JSX.Element;
+declare function EnhancedLabel({ className, required, children, testIdLabel, testIdRequired, ...props }: EnhancedLabelProps): React.JSX.Element;
 export { EnhancedLabel };

package/components/enhanced-label.js

@@ -61,8 +61,8 @@ var React = __importStar(require("react"));
 var utils_1 = require("../lib/utils");
 var label_1 = require("./ui/label");
 function EnhancedLabel(_a) {
-    var className = _a.className, _b = _a.required, required = _b === void 0 ? false : _b, children = _a.children, props = __rest(_a, ["className", "required", "children"]);
-    return (React.createElement(label_1.Label, __assign({ "data-slot": "label", className: (0, utils_1.cn)("flex items-center gap-1 select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 min-h-5", className) }, props),
+    var className = _a.className, _b = _a.required, required = _b === void 0 ? false : _b, children = _a.children, testIdLabel = _a.testIdLabel, testIdRequired = _a.testIdRequired, props = __rest(_a, ["className", "required", "children", "testIdLabel", "testIdRequired"]);
+    return (React.createElement(label_1.Label, __assign({ "data-slot": "label", "data-testid": testIdLabel, className: (0, utils_1.cn)("flex items-center gap-1 select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 min-h-5", className) }, props),
         children,
-        required && (React.createElement("span", { className: "text-destructive text-sm", "aria-label": "required" }, "*"))));
+        required && (React.createElement("span", { className: "text-destructive text-sm", "aria-label": "required", "data-testid": testIdRequired }, "*"))));
 }

package/components/enhanced-select.d.ts

@@ -1,25 +1,54 @@
 import * as React from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
+/** Props for `EnhancedSelect` wrapper component. */
 interface EnhancedSelectProps {
+    /** Error message text shown below the select; sets error styling when present. */
     error?: string;
+    /** Informational helper text shown below the select (when no error). */
     info?: string;
+    /** Optional label text displayed above the select. */
     label?: string;
+    /** Whether the field is required (adds required indicator to label). */
     required?: boolean;
+    /** HTML id used for labeling and accessibility. */
     id?: string;
+    /** Child nodes, typically `SelectTrigger` and `SelectContent`/items. */
     children?: React.ReactNode;
+    /** Controlled selected value. */
     value?: string;
+    /** Uncontrolled initial value. */
     defaultValue?: string;
+    /** Callback fired when the selected value changes. */
     onValueChange?: (value: string) => void;
+    /** Disable the select input and interactions. */
     disabled?: boolean;
+    /** Name attribute for form submissions. */
     name?: string;
+    /** Text direction for the select: left-to-right or right-to-left. */
     dir?: "ltr" | "rtl";
+    /** Control the open state of the select popup. */
     open?: boolean;
+    /** Uncontrolled initial open state. */
     defaultOpen?: boolean;
+    /** Called when the open state changes. */
     onOpenChange?: (open: boolean) => void;
+    /** `data-testid` for the root wrapper (outermost `div`). */
+    testIdWrapper?: string;
+    /** `data-testid` forwarded to the `EnhancedLabel` component. */
+    testIdLabel?: string;
+    /** `data-testid` for the message container (holds error/info). */
+    testIdMessage?: string;
+    /** `data-testid` for the error text element. */
+    testIdError?: string;
+    /** `data-testid` for the info text element. */
+    testIdInfo?: string;
 }
 interface EnhancedSelectTriggerProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
+    /** Error text used to style the trigger when present. */
     error?: string;
+    /** `data-testid` for the trigger (the interactive button). */
+    testIdTrigger?: string;
 }
-declare const EnhancedSelect: ({ error, info, label, required, id, children, ...selectProps }: EnhancedSelectProps) => React.JSX.Element;
+declare const EnhancedSelect: ({ error, info, label, required, id, children, testIdWrapper, testIdLabel, testIdMessage, testIdError, testIdInfo, ...selectProps }: EnhancedSelectProps) => React.JSX.Element;
 declare const EnhancedSelectTrigger: React.ForwardRefExoticComponent<EnhancedSelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 export { EnhancedSelect, EnhancedSelectTrigger };

package/components/enhanced-select.js

@@ -62,11 +62,11 @@ var utils_1 = require("../lib/utils");
 var select_1 = require("./ui/select");
 var enhanced_label_1 = require("./enhanced-label");
 var EnhancedSelect = function (_a) {
-    var error = _a.error, info = _a.info, label = _a.label, required = _a.required, id = _a.id, children = _a.children, selectProps = __rest(_a, ["error", "info", "label", "required", "id", "children"]);
-    return (React.createElement("div", { className: "w-full space-y-2" },
-        label && (React.createElement(enhanced_label_1.EnhancedLabel, { htmlFor: id, required: required }, label)),
+    var error = _a.error, info = _a.info, label = _a.label, required = _a.required, id = _a.id, children = _a.children, testIdWrapper = _a.testIdWrapper, testIdLabel = _a.testIdLabel, testIdMessage = _a.testIdMessage, testIdError = _a.testIdError, testIdInfo = _a.testIdInfo, selectProps = __rest(_a, ["error", "info", "label", "required", "id", "children", "testIdWrapper", "testIdLabel", "testIdMessage", "testIdError", "testIdInfo"]);
+    return (React.createElement("div", { className: "w-full space-y-2", "data-testid": testIdWrapper },
+        label && (React.createElement(enhanced_label_1.EnhancedLabel, { htmlFor: id, required: required, testIdLabel: testIdLabel }, label)),
         React.createElement(select_1.Select, __assign({}, selectProps), children),
-        (error || info) && (React.createElement("div", null, error ? (React.createElement("p", { className: "text-xs text-destructive" }, error)) : info ? (React.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400" }, info)) : null))));
+        (error || info) && (React.createElement("div", { "data-testid": testIdMessage }, error ? (React.createElement("p", { className: "text-xs text-destructive", "data-testid": testIdError }, error)) : info ? (React.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400", "data-testid": testIdInfo }, info)) : null))));
 };
 exports.EnhancedSelect = EnhancedSelect;
 var EnhancedSelectTrigger = React.forwardRef(function (_a, ref) {

package/components/enhanced-switch.d.ts

@@ -1,10 +1,31 @@
 import * as React from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
+/** Props for `EnhancedSwitch` component. */
 interface EnhancedSwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
+    /** Error message text shown below the switch; sets error styling when present. */
     error?: string;
+    /** Informational helper text shown below the switch (when no error). */
     info?: string;
+    /** Optional label text displayed beside the switch. */
     label?: string;
+    /** Optional description text shown under the label. */
     description?: string;
+    /** `data-testid` for the root wrapper (outermost `div`). */
+    testIdWrapper?: string;
+    /** `data-testid` forwarded to the `EnhancedLabel` component. */
+    testIdLabel?: string;
+    /** `data-testid` for the switch root element. */
+    testIdSwitch?: string;
+    /** `data-testid` for the switch thumb element. */
+    testIdThumb?: string;
+    /** `data-testid` for the description paragraph. */
+    testIdDescription?: string;
+    /** `data-testid` for the message container (holds error/info). */
+    testIdMessage?: string;
+    /** `data-testid` for the error text element. */
+    testIdError?: string;
+    /** `data-testid` for the info text element. */
+    testIdInfo?: string;
 }
 declare const EnhancedSwitch: React.ForwardRefExoticComponent<EnhancedSwitchProps & React.RefAttributes<HTMLButtonElement>>;
 export { EnhancedSwitch };

package/components/enhanced-switch.js

@@ -62,28 +62,28 @@ var SwitchPrimitives = __importStar(require("@radix-ui/react-switch"));
 var utils_1 = require("../lib/utils");
 var enhanced_label_1 = require("./enhanced-label");
 var EnhancedSwitch = React.forwardRef(function (_a, ref) {
-    var className = _a.className, error = _a.error, info = _a.info, label = _a.label, required = _a.required, id = _a.id, description = _a.description, props = __rest(_a, ["className", "error", "info", "label", "required", "id", "description"]);
+    var className = _a.className, error = _a.error, info = _a.info, label = _a.label, required = _a.required, id = _a.id, description = _a.description, testIdWrapper = _a.testIdWrapper, testIdLabel = _a.testIdLabel, testIdSwitch = _a.testIdSwitch, testIdThumb = _a.testIdThumb, testIdDescription = _a.testIdDescription, testIdMessage = _a.testIdMessage, testIdError = _a.testIdError, testIdInfo = _a.testIdInfo, props = __rest(_a, ["className", "error", "info", "label", "required", "id", "description", "testIdWrapper", "testIdLabel", "testIdSwitch", "testIdThumb", "testIdDescription", "testIdMessage", "testIdError", "testIdInfo"]);
     // Determine if there's an error (for aria-invalid and styling)
     var hasError = Boolean(error);
-    var switchElement = (React.createElement(SwitchPrimitives.Root, __assign({ ref: ref, id: id, "data-slot": "switch", "aria-invalid": hasError, required: required, className: (0, utils_1.cn)("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", 
+    var switchElement = (React.createElement(SwitchPrimitives.Root, __assign({ ref: ref, id: id, "data-slot": "switch", "data-testid": testIdSwitch, "aria-invalid": hasError, required: required, className: (0, utils_1.cn)("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", 
         // Error state styling
         hasError &&
             "data-[state=checked]:bg-destructive data-[state=unchecked]:bg-destructive/20 border-destructive focus-visible:border-destructive focus-visible:ring-destructive/20", className) }, props),
-        React.createElement(SwitchPrimitives.Thumb, { "data-slot": "switch-thumb", className: (0, utils_1.cn)("pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0") })));
+        React.createElement(SwitchPrimitives.Thumb, { "data-slot": "switch-thumb", "data-testid": testIdThumb, className: (0, utils_1.cn)("pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0") })));
     // If label is provided, render the complete switch with label structure
     if (label) {
-        return (React.createElement("div", { className: "w-full space-y-2" },
+        return (React.createElement("div", { className: "w-full space-y-2", "data-testid": testIdWrapper },
             React.createElement("div", { className: "flex items-center justify-between space-x-2" },
                 React.createElement("div", null,
-                    React.createElement(enhanced_label_1.EnhancedLabel, { htmlFor: id, required: required }, label),
-                    description && (React.createElement("p", { className: "text-sm text-gray-400" }, description))),
+                    React.createElement(enhanced_label_1.EnhancedLabel, { htmlFor: id, required: required, testIdLabel: testIdLabel }, label),
+                    description && (React.createElement("p", { className: "text-sm text-gray-400", "data-testid": testIdDescription }, description))),
                 switchElement),
-            (error || info) && (React.createElement("div", null, error ? (React.createElement("p", { className: "text-xs text-destructive" }, error)) : info ? (React.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400" }, info)) : null))));
+            (error || info) && (React.createElement("div", { "data-testid": testIdMessage }, error ? (React.createElement("p", { className: "text-xs text-destructive", "data-testid": testIdError }, error)) : info ? (React.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400", "data-testid": testIdInfo }, info)) : null))));
     }
     // If no label, render just the switch with messages (backward compatibility)
-    return (React.createElement("div", { className: "w-full" },
+    return (React.createElement("div", { className: "w-full", "data-testid": testIdWrapper },
         switchElement,
-        (error || info) && (React.createElement("div", null, error ? (React.createElement("p", { className: "text-xs text-destructive" }, error)) : info ? (React.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400" }, info)) : null))));
+        (error || info) && (React.createElement("div", { "data-testid": testIdMessage }, error ? (React.createElement("p", { className: "text-xs text-destructive", "data-testid": testIdError }, error)) : info ? (React.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400", "data-testid": testIdInfo }, info)) : null))));
 });
 exports.EnhancedSwitch = EnhancedSwitch;
 EnhancedSwitch.displayName = "EnhancedSwitch";

package/components/enhanced-table-footer-action.d.ts

@@ -30,6 +30,16 @@ interface EnhancedTableFooterActionProps {
     previousPageLabel?: string;
     /** Label for next page button */
     nextPageLabel?: string;
+    /** `data-testid` for the root wrapper containing the action buttons. */
+    testIdWrapper?: string;
+    /** `data-testid` for the previous button. */
+    testIdPrevious?: string;
+    /** `data-testid` for the next button. */
+    testIdNext?: string;
+    /** `data-testid` for the previous icon element. */
+    testIdPreviousIcon?: string;
+    /** `data-testid` for the next icon element. */
+    testIdNextIcon?: string;
 }
 export declare const EnhancedTableFooterAction: FC<EnhancedTableFooterActionProps>;
 export {};