@appcorp/shadcn 2.0.0 → 2.0.1

package/components/enhanced-dropzone-impl.js

@@ -1,218 +1 @@
-"use client";
-import React, { useCallback, useEffect, useRef, useState } from "react";
-import { useDropzone } from "react-dropzone";
-import { cn } from "../lib/utils";
-import { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, } from "./ui/carousel";
-import { Button } from "./ui/button";
-import { ImageResizeDialog } from "./image-resize-dialog";
-import { XIcon } from "lucide-react";
-export const EnhancedDropzone = ({ id, label, info, error, accept, maxFiles = 10, maxSize, minSize, disabled, value = [], onChange, onRemoveRemote, resize = false, className, testIdDropzone, testIdInput, testIdPrev, testIdNext, testIdPreviewPrefix, testIdImagePrefix, testIdRemovePrefix, testIdCount, testIdEmptyIcon, testIdEmptyTitle, testIdEmptySubtitle, testIdEmptyNote, testIdMessage, }) => {
-    const [localFiles, setLocalFiles] = useState([]);
-    const localPreviewsRef = useRef(new Map());
-    const [resizeDialogOpen, setResizeDialogOpen] = useState(false);
-    const [pendingFile, setPendingFile] = useState(null);
-    const [pendingFileUrl, setPendingFileUrl] = useState("");
-    useEffect(() => {
-        const map = localPreviewsRef.current;
-        localFiles.forEach((file) => {
-            if (!map.has(file)) {
-                try {
-                    const url = URL.createObjectURL(file);
-                    map.set(file, url);
-                }
-                catch (error) {
-                    console.error("Failed to create object URL:", error);
-                }
-            }
-        });
-        const currentFiles = new Set(localFiles);
-        Array.from(map.entries()).forEach(([file, url]) => {
-            if (!currentFiles.has(file)) {
-                URL.revokeObjectURL(url);
-                map.delete(file);
-            }
-        });
-    }, [localFiles]);
-    useEffect(() => {
-        const map = localPreviewsRef.current;
-        return () => {
-            Array.from(map.values()).forEach((url) => {
-                URL.revokeObjectURL(url);
-            });
-            map.clear();
-        };
-    }, []);
-    useEffect(() => {
-        return () => {
-            if (pendingFileUrl) {
-                URL.revokeObjectURL(pendingFileUrl);
-            }
-        };
-    }, [pendingFileUrl]);
-    const isImageOnly = React.useMemo(() => {
-        if (!accept)
-            return false;
-        const acceptTypes = Array.isArray(accept)
-            ? accept
-            : Object.keys(accept || {});
-        return acceptTypes.some((type) => typeof type === "string" && type.toLowerCase().includes("image"));
-    }, [accept]);
-    const normalizedAccept = React.useMemo(() => {
-        if (!accept)
-            return undefined;
-        if (Array.isArray(accept)) {
-            return accept.reduce((acc, type) => {
-                acc[type] = [];
-                return acc;
-            }, {});
-        }
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        return accept;
-    }, [accept]);
-    const dropzoneOptions = {
-        accept: normalizedAccept,
-        maxFiles,
-        maxSize,
-        minSize,
-        disabled,
-        onDrop: useCallback((acceptedFiles) => {
-            if (resize && acceptedFiles.length > 0) {
-                const file = acceptedFiles[0];
-                const url = URL.createObjectURL(file);
-                setPendingFile(file);
-                setPendingFileUrl(url);
-                setResizeDialogOpen(true);
-            }
-            else {
-                setLocalFiles((prev) => {
-                    const combined = [...prev, ...acceptedFiles];
-                    const limited = maxFiles ? combined.slice(0, maxFiles) : combined;
-                    onChange === null || onChange === void 0 ? void 0 : onChange(limited);
-                    return limited;
-                });
-            }
-        }, [maxFiles, onChange, resize]),
-    };
-    const { getRootProps, getInputProps, isDragActive } = useDropzone(dropzoneOptions);
-    const handleRemoveRemote = useCallback((url) => {
-        onRemoveRemote === null || onRemoveRemote === void 0 ? void 0 : onRemoveRemote(url);
-    }, [onRemoveRemote]);
-    const handleRemoveLocal = useCallback((index) => {
-        setLocalFiles((prev) => {
-            const updated = prev.filter((_, i) => i !== index);
-            onChange === null || onChange === void 0 ? void 0 : onChange(updated);
-            return updated;
-        });
-    }, [onChange]);
-    const handleCropComplete = useCallback((croppedImage) => {
-        setLocalFiles((prev) => {
-            const combined = [...prev, croppedImage];
-            const limited = maxFiles ? combined.slice(0, maxFiles) : combined;
-            onChange === null || onChange === void 0 ? void 0 : onChange(limited);
-            return limited;
-        });
-    }, [maxFiles, onChange]);
-    const handleResizeDialogClose = useCallback(() => {
-        setResizeDialogOpen(false);
-        setPendingFileUrl("");
-        setPendingFile(null);
-    }, []);
-    const allPreviews = [
-        ...value.map((url) => ({ type: "remote", url, index: 0 })),
-        ...localFiles.map((file, index) => ({
-            type: "local",
-            url: localPreviewsRef.current.get(file) || "",
-            index,
-        })),
-    ];
-    const formatBytes = (bytes) => {
-        if (bytes === 0)
-            return "0 B";
-        const k = 1024;
-        const sizes = ["B", "KB", "MB", "GB"];
-        const i = Math.floor(Math.log(bytes) / Math.log(k));
-        return Math.round((bytes / Math.pow(k, i)) * 100) / 100 + " " + sizes[i];
-    };
-    const getConstraintText = () => {
-        const constraints = [];
-        if (maxFiles && maxFiles > 1) {
-            constraints.push(`Up to ${maxFiles} files`);
-        }
-        if (minSize || maxSize) {
-            const sizes = [];
-            if (minSize)
-                sizes.push(`min ${formatBytes(minSize)}`);
-            if (maxSize)
-                sizes.push(`max ${formatBytes(maxSize)}`);
-            constraints.push(`${sizes.join(", ")}`);
-        }
-        return constraints.join(" • ");
-    };
-    return (React.createElement("div", { className: cn("w-full", className), "data-slot": "enhanced-dropzone", "data-testid": testIdDropzone },
-        label && (React.createElement("label", { className: "mb-2 block text-sm font-medium" }, label)),
-        React.createElement("div", Object.assign({}, getRootProps(), { className: cn("relative w-full rounded-md border border-dashed p-6 text-center min-h-70 flex items-center justify-center", isDragActive && "ring-2 ring-ring ring-offset-2", disabled && "opacity-60 pointer-events-none") }),
-            React.createElement("input", Object.assign({}, getInputProps(), { id: id, "data-testid": testIdInput })),
-            isImageOnly && allPreviews.length > 0 ? (React.createElement("div", { className: "flex flex-col items-center w-full" },
-                React.createElement("div", { className: "relative w-full max-w-md" },
-                    React.createElement(Carousel, { className: "w-full" },
-                        React.createElement(CarouselPrevious, { type: "button", onClick: (e) => e.stopPropagation(), onPointerDown: (e) => e.stopPropagation(), onMouseDown: (e) => e.stopPropagation(), "data-testid": testIdPrev }),
-                        React.createElement(CarouselNext, { type: "button", onClick: (e) => e.stopPropagation(), onPointerDown: (e) => e.stopPropagation(), onMouseDown: (e) => e.stopPropagation(), "data-testid": testIdNext }),
-                        React.createElement(CarouselContent, { className: "ml-0" }, allPreviews.map((preview, idx) => (React.createElement(CarouselItem, { key: `${preview.type}-${preview.url}-${idx}`, className: "pl-4", "data-testid": `${testIdPreviewPrefix !== null && testIdPreviewPrefix !== void 0 ? testIdPreviewPrefix : "dropzone-preview"}-${idx}` },
-                            React.createElement("div", { className: "relative aspect-square w-full max-w-xs mx-auto" }, preview.url ? (React.createElement(React.Fragment, null,
-                                React.createElement("img", { src: preview.url, alt: `Preview ${idx + 1}`, className: "h-full w-full rounded-lg object-cover", onClick: (e) => e.stopPropagation(), "data-testid": `${testIdImagePrefix !== null && testIdImagePrefix !== void 0 ? testIdImagePrefix : "dropzone-image"}-${idx}` }),
-                                React.createElement(Button, { type: "button", size: "icon", variant: "destructive", onClick: (e) => {
-                                        e.stopPropagation();
-                                        if (preview.type === "remote") {
-                                            handleRemoveRemote(preview.url);
-                                        }
-                                        else {
-                                            handleRemoveLocal(preview.index);
-                                        }
-                                    }, className: "absolute right-2 top-2 h-8 w-8 rounded-full", "aria-label": "Remove image", "data-testid": `${testIdRemovePrefix !== null && testIdRemovePrefix !== void 0 ? testIdRemovePrefix : "dropzone-remove"}-${idx}` },
-                                    React.createElement(XIcon, { className: "h-4 w-4" })))) : (React.createElement("div", { className: "flex h-full w-full items-center justify-center rounded-lg bg-muted text-muted-foreground" },
-                                React.createElement("span", { className: "text-sm" }, "Loading...")))))))))),
-                React.createElement("p", { className: "mt-4 text-sm font-medium text-muted-foreground", "data-testid": testIdCount },
-                    allPreviews.length,
-                    " image",
-                    allPreviews.length !== 1 ? "s" : "",
-                    " ",
-                    "selected"))) : !isImageOnly && allPreviews.length > 0 ? (React.createElement("div", { className: "flex flex-col items-center w-full gap-4" },
-                React.createElement("div", { className: "w-full max-w-md" },
-                    React.createElement("div", { className: "space-y-2" }, allPreviews.map((preview, idx) => {
-                        var _a;
-                        return (React.createElement("div", { key: `${preview.type}-${preview.url}-${idx}`, "data-testid": `${testIdPreviewPrefix !== null && testIdPreviewPrefix !== void 0 ? testIdPreviewPrefix : "dropzone-preview"}-${idx}`, className: "flex items-center justify-between gap-3 p-3 rounded-lg border bg-muted/50" },
-                            React.createElement("span", { className: "text-sm truncate flex-1", "data-testid": `${testIdImagePrefix !== null && testIdImagePrefix !== void 0 ? testIdImagePrefix : "dropzone-image"}-${idx}` }, preview.type === "remote"
-                                ? new URL(preview.url).pathname.split("/").pop() ||
-                                    "File"
-                                : ((_a = localFiles[preview.index]) === null || _a === void 0 ? void 0 : _a.name) || "File"),
-                            React.createElement(Button, { type: "button", size: "icon", variant: "ghost", onClick: (e) => {
-                                    e.stopPropagation();
-                                    if (preview.type === "remote") {
-                                        handleRemoveRemote(preview.url);
-                                    }
-                                    else {
-                                        handleRemoveLocal(preview.index);
-                                    }
-                                }, className: "h-8 w-8 shrink-0", "aria-label": "Remove file", "data-testid": `${testIdRemovePrefix !== null && testIdRemovePrefix !== void 0 ? testIdRemovePrefix : "dropzone-remove"}-${idx}` },
-                                React.createElement(XIcon, { className: "h-4 w-4" }))));
-                    }))),
-                React.createElement("p", { className: "text-sm font-medium text-muted-foreground", "data-testid": testIdCount },
-                    allPreviews.length,
-                    " file",
-                    allPreviews.length !== 1 ? "s" : "",
-                    " ",
-                    "selected"))) : (React.createElement("div", { className: "flex flex-col items-center justify-center gap-2" },
-                React.createElement("div", { className: "flex h-12 w-12 items-center justify-center rounded-lg bg-muted text-muted-foreground", "data-testid": testIdEmptyIcon },
-                    React.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.createElement("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" }),
-                        React.createElement("circle", { cx: "9", cy: "9", r: "2" }),
-                        React.createElement("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" }))),
-                React.createElement("div", { className: "space-y-1 text-center" },
-                    React.createElement("p", { className: "font-medium text-sm", "data-testid": testIdEmptyTitle }, maxFiles === 1
-                        ? `Upload ${isImageOnly ? "an image" : "a file"}`
-                        : `Upload ${isImageOnly ? "images" : "files"}`),
-                    React.createElement("p", { className: "text-muted-foreground text-xs", "data-testid": testIdEmptySubtitle }, "Drag and drop or click to browse"),
-                    (maxFiles > 1 || minSize || maxSize) && (React.createElement("p", { className: "text-muted-foreground text-xs", "data-testid": testIdEmptyNote }, getConstraintText())))))),
-        (error || info) && (React.createElement("div", { className: "mt-2", "data-testid": testIdMessage }, 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)),
-        resize && pendingFile && (React.createElement(ImageResizeDialog, { open: resizeDialogOpen, onClose: handleResizeDialogClose, imageUrl: pendingFileUrl, onCropComplete: handleCropComplete, fileName: pendingFile.name }))));
-};
+"use strict";"use client";import t,{useCallback as g,useEffect as L,useRef as re,useState as v}from"react";import{useDropzone as se}from"react-dropzone";import{cn as B}from"../lib/utils";import{Carousel as ce,CarouselContent as ie,CarouselItem as me,CarouselPrevious as ue,CarouselNext as de}from"./ui/carousel";import{Button as T}from"./ui/button";import{ImageResizeDialog as pe}from"./image-resize-dialog";import{XIcon as _}from"lucide-react";export const EnhancedDropzone=({id:q,label:j,info:y,error:b,accept:s,maxFiles:n=10,maxSize:d,minSize:p,disabled:U,value:G=[],onChange:r,onRemoveRemote:E,resize:$=!1,className:K,testIdDropzone:W,testIdInput:X,testIdPrev:H,testIdNext:J,testIdPreviewPrefix:i,testIdImagePrefix:m,testIdRemovePrefix:u,testIdCount:x,testIdEmptyIcon:Q,testIdEmptyTitle:V,testIdEmptySubtitle:Y,testIdEmptyNote:Z,testIdMessage:P})=>{const[f,w]=v([]),k=re(new Map),[F,D]=v(!1),[R,O]=v(null),[h,M]=v("");L(()=>{const e=k.current;f.forEach(a=>{if(!e.has(a))try{const o=URL.createObjectURL(a);e.set(a,o)}catch(o){console.error("Failed to create object URL:",o)}});const l=new Set(f);Array.from(e.entries()).forEach(([a,o])=>{l.has(a)||(URL.revokeObjectURL(o),e.delete(a))})},[f]),L(()=>{const e=k.current;return()=>{Array.from(e.values()).forEach(l=>{URL.revokeObjectURL(l)}),e.clear()}},[]),L(()=>()=>{h&&URL.revokeObjectURL(h)},[h]);const N=t.useMemo(()=>s?(Array.isArray(s)?s:Object.keys(s||{})).some(l=>typeof l=="string"&&l.toLowerCase().includes("image")):!1,[s]),S={accept:t.useMemo(()=>{if(s)return Array.isArray(s)?s.reduce((e,l)=>(e[l]=[],e),{}):s},[s]),maxFiles:n,maxSize:d,minSize:p,disabled:U,onDrop:g(e=>{if($&&e.length>0){const l=e[0],a=URL.createObjectURL(l);O(l),M(a),D(!0)}else w(l=>{const a=[...l,...e],o=n?a.slice(0,n):a;return r?.(o),o})},[n,r,$])},{getRootProps:I,getInputProps:ee,isDragActive:te}=se(S),z=g(e=>{E?.(e)},[E]),A=g(e=>{w(l=>{const a=l.filter((o,ne)=>ne!==e);return r?.(a),a})},[r]),le=g(e=>{w(l=>{const a=[...l,e],o=n?a.slice(0,n):a;return r?.(o),o})},[n,r]),ae=g(()=>{D(!1),M(""),O(null)},[]),c=[...G.map(e=>({type:"remote",url:e,index:0})),...f.map((e,l)=>({type:"local",url:k.current.get(e)||"",index:l}))],C=e=>{if(e===0)return"0 B";const l=1024,a=["B","KB","MB","GB"],o=Math.floor(Math.log(e)/Math.log(l));return Math.round(e/Math.pow(l,o)*100)/100+" "+a[o]},oe=()=>{const e=[];if(n&&n>1&&e.push(`Up to ${n} files`),p||d){const l=[];p&&l.push(`min ${C(p)}`),d&&l.push(`max ${C(d)}`),e.push(`${l.join(", ")}`)}return e.join(" \u2022 ")};return t.createElement("div",{className:B("w-full",K),"data-slot":"enhanced-dropzone","data-testid":W},j&&t.createElement("label",{className:"mb-2 block text-sm font-medium"},j),t.createElement("div",Object.assign({},I(),{className:B("relative w-full rounded-md border border-dashed p-6 text-center min-h-70 flex items-center justify-center",te&&"ring-2 ring-ring ring-offset-2",U&&"opacity-60 pointer-events-none")}),t.createElement("input",Object.assign({},ee(),{id:q,"data-testid":X})),N&&c.length>0?t.createElement("div",{className:"flex flex-col items-center w-full"},t.createElement("div",{className:"relative w-full max-w-md"},t.createElement(ce,{className:"w-full"},t.createElement(ue,{type:"button",onClick:e=>e.stopPropagation(),onPointerDown:e=>e.stopPropagation(),onMouseDown:e=>e.stopPropagation(),"data-testid":H}),t.createElement(de,{type:"button",onClick:e=>e.stopPropagation(),onPointerDown:e=>e.stopPropagation(),onMouseDown:e=>e.stopPropagation(),"data-testid":J}),t.createElement(ie,{className:"ml-0"},c.map((e,l)=>t.createElement(me,{key:`${e.type}-${e.url}-${l}`,className:"pl-4","data-testid":`${i??"dropzone-preview"}-${l}`},t.createElement("div",{className:"relative aspect-square w-full max-w-xs mx-auto"},e.url?t.createElement(t.Fragment,null,t.createElement("img",{src:e.url,alt:`Preview ${l+1}`,className:"h-full w-full rounded-lg object-cover",onClick:a=>a.stopPropagation(),"data-testid":`${m??"dropzone-image"}-${l}`}),t.createElement(T,{type:"button",size:"icon",variant:"destructive",onClick:a=>{a.stopPropagation(),e.type==="remote"?z(e.url):A(e.index)},className:"absolute right-2 top-2 h-8 w-8 rounded-full","aria-label":"Remove image","data-testid":`${u??"dropzone-remove"}-${l}`},t.createElement(_,{className:"h-4 w-4"}))):t.createElement("div",{className:"flex h-full w-full items-center justify-center rounded-lg bg-muted text-muted-foreground"},t.createElement("span",{className:"text-sm"},"Loading...")))))))),t.createElement("p",{className:"mt-4 text-sm font-medium text-muted-foreground","data-testid":x},c.length," image",c.length!==1?"s":""," ","selected")):!N&&c.length>0?t.createElement("div",{className:"flex flex-col items-center w-full gap-4"},t.createElement("div",{className:"w-full max-w-md"},t.createElement("div",{className:"space-y-2"},c.map((e,l)=>{var a;return t.createElement("div",{key:`${e.type}-${e.url}-${l}`,"data-testid":`${i??"dropzone-preview"}-${l}`,className:"flex items-center justify-between gap-3 p-3 rounded-lg border bg-muted/50"},t.createElement("span",{className:"text-sm truncate flex-1","data-testid":`${m??"dropzone-image"}-${l}`},e.type==="remote"?new URL(e.url).pathname.split("/").pop()||"File":((a=f[e.index])===null||a===void 0?void 0:a.name)||"File"),t.createElement(T,{type:"button",size:"icon",variant:"ghost",onClick:o=>{o.stopPropagation(),e.type==="remote"?z(e.url):A(e.index)},className:"h-8 w-8 shrink-0","aria-label":"Remove file","data-testid":`${u??"dropzone-remove"}-${l}`},t.createElement(_,{className:"h-4 w-4"})))}))),t.createElement("p",{className:"text-sm font-medium text-muted-foreground","data-testid":x},c.length," file",c.length!==1?"s":""," ","selected")):t.createElement("div",{className:"flex flex-col items-center justify-center gap-2"},t.createElement("div",{className:"flex h-12 w-12 items-center justify-center rounded-lg bg-muted text-muted-foreground","data-testid":Q},t.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"},t.createElement("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2"}),t.createElement("circle",{cx:"9",cy:"9",r:"2"}),t.createElement("path",{d:"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"}))),t.createElement("div",{className:"space-y-1 text-center"},t.createElement("p",{className:"font-medium text-sm","data-testid":V},n===1?`Upload ${N?"an image":"a file"}`:`Upload ${N?"images":"files"}`),t.createElement("p",{className:"text-muted-foreground text-xs","data-testid":Y},"Drag and drop or click to browse"),(n>1||p||d)&&t.createElement("p",{className:"text-muted-foreground text-xs","data-testid":Z},oe())))),(b||y)&&t.createElement("div",{className:"mt-2","data-testid":P},b?t.createElement("p",{className:"text-xs text-destructive"},b):y?t.createElement("p",{className:"text-xs text-blue-600 dark:text-blue-400"},y):null),$&&R&&t.createElement(pe,{open:F,onClose:ae,imageUrl:h,onCropComplete:le,fileName:R.name}))};

package/components/enhanced-dropzone.js

@@ -1,8 +1 @@
-"use client";
-import React, { Suspense } from "react";
-const DropzoneImpl = React.lazy(() => import("./enhanced-dropzone-impl").then((m) => ({ default: m.EnhancedDropzone })));
-export const EnhancedDropzone = (props) => {
-    return (React.createElement(Suspense, { fallback: React.createElement("div", { className: "w-full min-h-70 rounded-md border border-dashed p-6 text-center flex items-center justify-center" },
-            React.createElement("p", { className: "text-sm text-muted-foreground" }, "Loading dropzone...")) },
-        React.createElement(DropzoneImpl, Object.assign({}, props))));
-};
+"use strict";"use client";import e,{Suspense as n}from"react";const r=e.lazy(()=>import("./enhanced-dropzone-impl").then(t=>({default:t.EnhancedDropzone})));export const EnhancedDropzone=t=>e.createElement(n,{fallback:e.createElement("div",{className:"w-full min-h-70 rounded-md border border-dashed p-6 text-center flex items-center justify-center"},e.createElement("p",{className:"text-sm text-muted-foreground"},"Loading dropzone..."))},e.createElement(r,Object.assign({},t)));

package/components/enhanced-input.js

@@ -1,40 +1 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from "react";
-import { cn } from "../lib/utils";
-import { EnhancedLabel } from "./enhanced-label";
-import { Input } from "./ui/input";
-const EnhancedInput = React.forwardRef((_a, ref) => {
-    var { className, type, error, info, label, required, id, testIdWrapper, testIdInput, testIdLabel, testIdMessage, testIdError, testIdInfo } = _a, 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)
-    const hasError = Boolean(error);
-    const inputElement = (React.createElement(Input, Object.assign({ type: type, ref: ref, id: id, "aria-invalid": hasError, required: required, "data-testid": testIdInput, className: cn(
-        // Error state styling
-        hasError &&
-            "border-destructive focus-visible:border-destructive focus-visible:ring-destructive/20", 
-        // Normal state when no error
-        !hasError &&
-            "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", "data-testid": testIdWrapper },
-            React.createElement(EnhancedLabel, { htmlFor: id, required: required, "data-testid": testIdLabel }, label),
-            inputElement,
-            (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", "data-testid": testIdWrapper },
-        inputElement,
-        (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))));
-});
-EnhancedInput.displayName = "EnhancedInput";
-export { EnhancedInput };
+"use strict";var y=function(a,i){var d={};for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&i.indexOf(t)<0&&(d[t]=a[t]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var e=0,t=Object.getOwnPropertySymbols(a);e<t.length;e++)i.indexOf(t[e])<0&&Object.prototype.propertyIsEnumerable.call(a,t[e])&&(d[t[e]]=a[t[e]]);return d};import*as r from"react";import{cn as N}from"../lib/utils";import{EnhancedLabel as O}from"./enhanced-label";import{Input as g}from"./ui/input";const b=r.forwardRef((a,i)=>{var{className:d,type:t,error:e,info:s,label:n,required:c,id:o,testIdWrapper:u,testIdInput:I,testIdLabel:E,testIdMessage:p,testIdError:m,testIdInfo:f}=a,x=y(a,["className","type","error","info","label","required","id","testIdWrapper","testIdInput","testIdLabel","testIdMessage","testIdError","testIdInfo"]);const l=!!e,v=r.createElement(g,Object.assign({type:t,ref:i,id:o,"aria-invalid":l,required:c,"data-testid":I,className:N(l&&"border-destructive focus-visible:border-destructive focus-visible:ring-destructive/20",!l&&"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",d)},x));return n?r.createElement("div",{className:"w-full space-y-2","data-testid":u},r.createElement(O,{htmlFor:o,required:c,"data-testid":E},n),v,(e||s)&&r.createElement("div",{"data-testid":p},e?r.createElement("p",{className:"text-xs text-destructive","data-testid":m},e):s?r.createElement("p",{className:"text-xs text-blue-600 dark:text-blue-400","data-testid":f},s):null)):r.createElement("div",{className:"w-full","data-testid":u},v,(e||s)&&r.createElement("div",{"data-testid":p},e?r.createElement("p",{className:"text-xs text-destructive","data-testid":m},e):s?r.createElement("p",{className:"text-xs text-blue-600 dark:text-blue-400","data-testid":f},s):null))});b.displayName="EnhancedInput";export{b as EnhancedInput};

package/components/enhanced-label.js

@@ -1,22 +1 @@
-"use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from "react";
-import { cn } from "../lib/utils";
-import { Label } from "./ui/label";
-function EnhancedLabel(_a) {
-    var { className, required = false, children, testIdLabel, testIdRequired } = _a, props = __rest(_a, ["className", "required", "children", "testIdLabel", "testIdRequired"]);
-    return (React.createElement(Label, Object.assign({ "data-slot": "label", "data-testid": testIdLabel, className: 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", "data-testid": testIdRequired }, "*"))));
-}
-export { EnhancedLabel };
+"use strict";"use client";var i=function(t,n){var a={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&n.indexOf(e)<0&&(a[e]=t[e]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,e=Object.getOwnPropertySymbols(t);r<e.length;r++)n.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(t,e[r])&&(a[e[r]]=t[e[r]]);return a};import*as l from"react";import{cn as c}from"../lib/utils";import{Label as d}from"./ui/label";function p(t){var{className:n,required:a=!1,children:e,testIdLabel:r,testIdRequired:o}=t,s=i(t,["className","required","children","testIdLabel","testIdRequired"]);return l.createElement(d,Object.assign({"data-slot":"label","data-testid":r,className:c("flex items-center gap-1 select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 min-h-5",n)},s),e,a&&l.createElement("span",{className:"text-destructive text-sm","aria-label":"required","data-testid":o},"*"))}export{p as EnhancedLabel};

package/components/enhanced-radio.js

@@ -1,15 +1 @@
-"use client";
-import React from "react";
-import { EnhancedLabel } from "./enhanced-label";
-import { RadioGroup, RadioGroupItem } from "./ui/radio-group";
-import { cn } from "../lib/utils";
-export const EnhancedRadio = ({ className, label, name, onValueChange, options, value, }) => {
-    return (React.createElement("div", { className: cn("w-full space-y-2", className) },
-        label ? React.createElement(EnhancedLabel, null, label) : null,
-        React.createElement(RadioGroup, { value: value, onValueChange: onValueChange }, options.map((option) => {
-            const id = `${name}-${option.value}`;
-            return (React.createElement("div", { key: option.value, className: "flex items-center space-x-2" },
-                React.createElement(RadioGroupItem, { id: id, value: option.value }),
-                React.createElement(EnhancedLabel, { htmlFor: id }, option.label)));
-        }))));
-};
+"use strict";"use client";import e from"react";import{EnhancedLabel as r}from"./enhanced-label";import{RadioGroup as i,RadioGroupItem as s}from"./ui/radio-group";import{cn as d}from"../lib/utils";export const EnhancedRadio=({className:m,label:l,name:c,onValueChange:n,options:u,value:o})=>e.createElement("div",{className:d("w-full space-y-2",m)},l?e.createElement(r,null,l):null,e.createElement(i,{value:o,onValueChange:n},u.map(a=>{const t=`${c}-${a.value}`;return e.createElement("div",{key:a.value,className:"flex items-center space-x-2"},e.createElement(s,{id:t,value:a.value}),e.createElement(r,{htmlFor:t},a.label))})));

package/components/enhanced-select.js

@@ -1,33 +1 @@
-"use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from "react";
-import { cn } from "../lib/utils";
-import { Select, SelectTrigger } from "./ui/select";
-import { EnhancedLabel } from "./enhanced-label";
-const EnhancedSelect = (_a) => {
-    var { error, info, label, required, id, children, testIdWrapper, testIdLabel, testIdMessage, testIdError, testIdInfo } = _a, 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(EnhancedLabel, { htmlFor: id, required: required, testIdLabel: testIdLabel }, label)),
-        React.createElement(Select, Object.assign({}, selectProps), children),
-        (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))));
-};
-const EnhancedSelectTrigger = React.forwardRef((_a, ref) => {
-    var { className, error, children } = _a, props = __rest(_a, ["className", "error", "children"]);
-    const hasError = Boolean(error);
-    return (React.createElement(SelectTrigger, Object.assign({ ref: ref, "aria-invalid": hasError, className: cn(
-        // Error state styling
-        hasError &&
-            "border-destructive focus:ring-destructive/20 focus:border-destructive", className) }, props), children));
-});
-EnhancedSelectTrigger.displayName = "EnhancedSelectTrigger";
-export { EnhancedSelect, EnhancedSelectTrigger };
+"use strict";"use client";var o=function(t,s){var a={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&s.indexOf(e)<0&&(a[e]=t[e]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,e=Object.getOwnPropertySymbols(t);r<e.length;r++)s.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(t,e[r])&&(a[e[r]]=t[e[r]]);return a};import*as l from"react";import{cn as E}from"../lib/utils";import{Select as g,SelectTrigger as h}from"./ui/select";import{EnhancedLabel as I}from"./enhanced-label";const v=t=>{var{error:s,info:a,label:e,required:r,id:n,children:c,testIdWrapper:i,testIdLabel:m,testIdMessage:f,testIdError:p,testIdInfo:u}=t,b=o(t,["error","info","label","required","id","children","testIdWrapper","testIdLabel","testIdMessage","testIdError","testIdInfo"]);return l.createElement("div",{className:"w-full space-y-2","data-testid":i},e&&l.createElement(I,{htmlFor:n,required:r,testIdLabel:m},e),l.createElement(g,Object.assign({},b),c),(s||a)&&l.createElement("div",{"data-testid":f},s?l.createElement("p",{className:"text-xs text-destructive","data-testid":p},s):a?l.createElement("p",{className:"text-xs text-blue-600 dark:text-blue-400","data-testid":u},a):null))},d=l.forwardRef((t,s)=>{var{className:a,error:e,children:r}=t,n=o(t,["className","error","children"]);const c=!!e;return l.createElement(h,Object.assign({ref:s,"aria-invalid":c,className:E(c&&"border-destructive focus:ring-destructive/20 focus:border-destructive",a)},n),r)});d.displayName="EnhancedSelectTrigger";export{v as EnhancedSelect,d as EnhancedSelectTrigger};

package/components/enhanced-slider.js

@@ -1,33 +1 @@
-"use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from "react";
-import { cn } from "../lib/utils";
-import { EnhancedLabel } from "./enhanced-label";
-import { Slider } from "./ui/slider";
-const EnhancedSlider = React.forwardRef((_a, ref) => {
-    var _b, _c, _d, _e;
-    var { className, label, info, error, min, max, testIdWrapper, testIdLabel, testIdMessage, testIdError, testIdInfo, testIdSlider, testIdMin, testIdMax } = _a, props = __rest(_a, ["className", "label", "info", "error", "min", "max", "testIdWrapper", "testIdLabel", "testIdMessage", "testIdError", "testIdInfo", "testIdSlider", "testIdMin", "testIdMax"]);
-    // Prefer explicit min/max props; fall back to Slider props
-    const sliderMin = (_c = min !== null && min !== void 0 ? min : (_b = props.defaultValue) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : 0;
-    const sliderMax = (_e = max !== null && max !== void 0 ? max : (_d = props.defaultValue) === null || _d === void 0 ? void 0 : _d[1]) !== null && _e !== void 0 ? _e : 100;
-    const sliderElement = (React.createElement(Slider, Object.assign({ ref: ref, className: cn("w-full", className), "data-testid": testIdSlider, min: sliderMin, max: sliderMax }, props)));
-    return (React.createElement("div", { className: "w-full space-y-2", "data-testid": testIdWrapper },
-        label && (React.createElement(EnhancedLabel, { "data-testid": testIdLabel, className: "mb-0" }, label)),
-        React.createElement("div", { className: "flex items-center justify-between text-xs text-muted-foreground" },
-            React.createElement("span", { "data-testid": testIdMin }, min),
-            React.createElement("span", { "data-testid": testIdMax }, max)),
-        sliderElement,
-        (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))));
-});
-EnhancedSlider.displayName = "EnhancedSlider";
-export { EnhancedSlider };
+"use strict";"use client";var w=function(t,s){var l={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&s.indexOf(e)<0&&(l[e]=t[e]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,e=Object.getOwnPropertySymbols(t);a<e.length;a++)s.indexOf(e[a])<0&&Object.prototype.propertyIsEnumerable.call(t,e[a])&&(l[e[a]]=t[e[a]]);return l};import*as r from"react";import{cn as S}from"../lib/utils";import{EnhancedLabel as _}from"./enhanced-label";import{Slider as j}from"./ui/slider";const u=r.forwardRef((t,s)=>{var l,e,a,i,{className:p,label:f,info:o,error:c,min:d,max:n,testIdWrapper:x,testIdLabel:I,testIdMessage:b,testIdError:v,testIdInfo:E,testIdSlider:y,testIdMin:O,testIdMax:N}=t,m=w(t,["className","label","info","error","min","max","testIdWrapper","testIdLabel","testIdMessage","testIdError","testIdInfo","testIdSlider","testIdMin","testIdMax"]);const M=(e=d??((l=m.defaultValue)===null||l===void 0?void 0:l[0]))!==null&&e!==void 0?e:0,g=(i=n??((a=m.defaultValue)===null||a===void 0?void 0:a[1]))!==null&&i!==void 0?i:100,h=r.createElement(j,Object.assign({ref:s,className:S("w-full",p),"data-testid":y,min:M,max:g},m));return r.createElement("div",{className:"w-full space-y-2","data-testid":x},f&&r.createElement(_,{"data-testid":I,className:"mb-0"},f),r.createElement("div",{className:"flex items-center justify-between text-xs text-muted-foreground"},r.createElement("span",{"data-testid":O},d),r.createElement("span",{"data-testid":N},n)),h,(c||o)&&r.createElement("div",{"data-testid":b},c?r.createElement("p",{className:"text-xs text-destructive","data-testid":v},c):o?r.createElement("p",{className:"text-xs text-blue-600 dark:text-blue-400","data-testid":E},o):null))});u.displayName="EnhancedSlider";export{u as EnhancedSlider};

package/components/enhanced-switch.js

@@ -1,42 +1 @@
-"use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from "react";
-import * as SwitchPrimitives from "@radix-ui/react-switch";
-import { cn } from "../lib/utils";
-import { EnhancedLabel } from "./enhanced-label";
-const EnhancedSwitch = React.forwardRef((_a, ref) => {
-    var { className, error, info, label, required, id, description, testIdWrapper, testIdLabel, testIdSwitch, testIdThumb, testIdDescription, testIdMessage, testIdError, testIdInfo } = _a, 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)
-    const hasError = Boolean(error);
-    const switchElement = (React.createElement(SwitchPrimitives.Root, Object.assign({ ref: ref, id: id, "data-slot": "switch", "data-testid": testIdSwitch, "aria-invalid": hasError, required: required, className: 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", "data-testid": testIdThumb, className: 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", "data-testid": testIdWrapper },
-            React.createElement("div", { className: "flex items-center justify-between space-x-2" },
-                React.createElement("div", null,
-                    React.createElement(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", { "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", "data-testid": testIdWrapper },
-        switchElement,
-        (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))));
-});
-EnhancedSwitch.displayName = "EnhancedSwitch";
-export { EnhancedSwitch };
+"use strict";"use client";var N=function(r,i){var s={};for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&i.indexOf(e)<0&&(s[e]=r[e]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,e=Object.getOwnPropertySymbols(r);a<e.length;a++)i.indexOf(e[a])<0&&Object.prototype.propertyIsEnumerable.call(r,e[a])&&(s[e[a]]=r[e[a]]);return s};import*as t from"react";import*as h from"@radix-ui/react-switch";import{cn as v}from"../lib/utils";import{EnhancedLabel as k}from"./enhanced-label";const x=t.forwardRef((r,i)=>{var{className:s,error:e,info:a,label:d,required:n,id:c,description:l,testIdWrapper:o,testIdLabel:g,testIdSwitch:E,testIdThumb:w,testIdDescription:I,testIdMessage:u,testIdError:m,testIdInfo:b}=r,y=N(r,["className","error","info","label","required","id","description","testIdWrapper","testIdLabel","testIdSwitch","testIdThumb","testIdDescription","testIdMessage","testIdError","testIdInfo"]);const f=!!e,p=t.createElement(h.Root,Object.assign({ref:i,id:c,"data-slot":"switch","data-testid":E,"aria-invalid":f,required:n,className:v("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",f&&"data-[state=checked]:bg-destructive data-[state=unchecked]:bg-destructive/20 border-destructive focus-visible:border-destructive focus-visible:ring-destructive/20",s)},y),t.createElement(h.Thumb,{"data-slot":"switch-thumb","data-testid":w,className:v("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")}));return d?t.createElement("div",{className:"w-full space-y-2","data-testid":o},t.createElement("div",{className:"flex items-center justify-between space-x-2"},t.createElement("div",null,t.createElement(k,{htmlFor:c,required:n,testIdLabel:g},d),l&&t.createElement("p",{className:"text-sm text-gray-400","data-testid":I},l)),p),(e||a)&&t.createElement("div",{"data-testid":u},e?t.createElement("p",{className:"text-xs text-destructive","data-testid":m},e):a?t.createElement("p",{className:"text-xs text-blue-600 dark:text-blue-400","data-testid":b},a):null)):t.createElement("div",{className:"w-full","data-testid":o},p,(e||a)&&t.createElement("div",{"data-testid":u},e?t.createElement("p",{className:"text-xs text-destructive","data-testid":m},e):a?t.createElement("p",{className:"text-xs text-blue-600 dark:text-blue-400","data-testid":b},a):null))});x.displayName="EnhancedSwitch";export{x as EnhancedSwitch};

package/components/enhanced-table-footer-action.js

@@ -1,102 +1 @@
-/**
- * Enhanced Table Footer Action Component
- *
- * Navigation buttons for table pagination with RTL/LTR support.
- * Automatically adjusts arrow directions and button order based on locale.
- *
- * Features:
- * - RTL/LTR arrow direction adjustment
- * - Button order reversal for RTL layouts
- * - Accessibility attributes
- * - Internationalized aria labels
- * - Disabled state handling
- * - Loading state support
- */
-import React from "react";
-import { ChevronLeft, ChevronRight } from "lucide-react";
-import { Button } from "./ui/button";
-export const EnhancedTableFooterAction = ({ handleNextOnClick, handlePreviousOnClick, isNextDisabled, isPreviousDisabled, isRTL = false, loading, nextPageLabel = "Next page", previousPageLabel = "Previous page", testIdWrapper, testIdPrevious, testIdNext, testIdPreviousIcon, testIdNextIcon, }) => {
-    // In RTL, arrows should be swapped:
-    // Previous should show → (ChevronRight) as it goes to the right in RTL reading order
-    // Next should show ← (ChevronLeft) as it goes to the left in RTL reading order
-    const PreviousIcon = isRTL ? ChevronRight : ChevronLeft;
-    const NextIcon = isRTL ? ChevronLeft : ChevronRight;
-    return (React.createElement("div", { className: `flex gap-1 ${isRTL ? "flex-row-reverse" : ""}`, "data-testid": testIdWrapper },
-        React.createElement(Button, { variant: "outline", size: "icon", "data-testid": testIdPrevious, onClick: handlePreviousOnClick, disabled: isPreviousDisabled || loading, "aria-label": previousPageLabel, title: previousPageLabel, className: `${isRTL ? "rotate-180" : ""}` },
-            React.createElement(PreviousIcon, { className: "h-4 w-4", "data-testid": testIdPreviousIcon })),
-        React.createElement(Button, { variant: "outline", size: "icon", "data-testid": testIdNext, onClick: handleNextOnClick, disabled: isNextDisabled || loading, "aria-label": nextPageLabel, title: nextPageLabel, className: `${isRTL ? "rotate-180" : ""}` },
-            React.createElement(NextIcon, { className: "h-4 w-4", "data-testid": testIdNextIcon }))));
-};
-// ============================================================================
-// USAGE EXAMPLES
-// ============================================================================
-/*
-Example 1: Basic usage with automatic i18n and RTL support
-<EnhancedTableFooterAction
-  handlePreviousOnClick={() => setCurrentPage(prev => prev - 1)}
-  handleNextOnClick={() => setCurrentPage(prev => prev + 1)}
-  isPreviousDisabled={currentPage === 1}
-  isNextDisabled={currentPage === totalPages}
-  loading={false}
-/>
-
-Example 2: With custom aria labels
-<EnhancedTableFooterAction
-  handlePreviousOnClick={handlePrevious}
-  handleNextOnClick={handleNext}
-  isPreviousDisabled={isPreviousDisabled}
-  isNextDisabled={isNextDisabled}
-  loading={isLoading}
-  ariaLabels={{
-    previous: "Go to previous page",
-    next: "Go to next page"
-  }}
-/>
-
-Example 3: Loading state
-<EnhancedTableFooterAction
-  handlePreviousOnClick={handlePrevious}
-  handleNextOnClick={handleNext}
-  loading={true}  // Both buttons will be disabled
-/>
-
-RTL Behavior:
-- In LTR languages (English): Previous (←) | Next (→)
-- In RTL languages (Arabic/Urdu): Previous (→) | Next (←)
-- Button order is reversed in RTL: [Next] [Previous]
-- Arrows automatically adjust to reading direction
-*/
-// ============================================================================
-// COMPONENT ENHANCEMENTS SUMMARY
-// ============================================================================
-/*
-Enhancements Applied:
-
-1. **RTL/LTR Layout Support**
-   - Automatic arrow direction adjustment based on locale
-   - Button order reversal for RTL layouts (flex-row-reverse)
-   - Direction-aware icon selection (ChevronLeft/Right swap)
-   - Proper navigation flow for both reading directions
-
-2. **Internationalization (i18n)**
-   - Translation support using next-intl
-   - Fallback aria labels for accessibility
-   - Custom aria label override capability
-   - Tooltip support with title attributes
-
-3. **Accessibility Improvements**
-   - ARIA labels for screen readers
-   - Title attributes for tooltips
-   - Proper button semantics
-   - Keyboard navigation support
-
-4. **Visual Consistency**
-   - Maintains button spacing and alignment
-   - Consistent with existing table footer components
-   - Proper disabled state handling
-   - Loading state support
-
-Translation Keys Added:
-- common.previousPage: "Previous page" / "پچھلا صفحہ"
-- common.nextPage: "Next page" / "اگلا صفحہ"
-*/
+"use strict";import t from"react";import{ChevronLeft as i,ChevronRight as l}from"lucide-react";import{Button as n}from"./ui/button";export const EnhancedTableFooterAction=({handleNextOnClick:c,handlePreviousOnClick:s,isNextDisabled:m,isPreviousDisabled:d,isRTL:e=!1,loading:a,nextPageLabel:o="Next page",previousPageLabel:r="Previous page",testIdWrapper:f,testIdPrevious:v,testIdNext:N,testIdPreviousIcon:h,testIdNextIcon:p})=>{const E=e?l:i,u=e?i:l;return t.createElement("div",{className:`flex gap-1 ${e?"flex-row-reverse":""}`,"data-testid":f},t.createElement(n,{variant:"outline",size:"icon","data-testid":v,onClick:s,disabled:d||a,"aria-label":r,title:r,className:`${e?"rotate-180":""}`},t.createElement(E,{className:"h-4 w-4","data-testid":h})),t.createElement(n,{variant:"outline",size:"icon","data-testid":N,onClick:c,disabled:m||a,"aria-label":o,title:o,className:`${e?"rotate-180":""}`},t.createElement(u,{className:"h-4 w-4","data-testid":p})))};