asterui 0.12.55 → 0.12.57

package/dist/components/OTPInput.js

@@ -1,105 +1,107 @@
-import { jsx as A } from "react/jsx-runtime";
-import { forwardRef as K, useState as M, useRef as V, useImperativeHandle as Z, useEffect as O, useCallback as l } from "react";
-import { useConfig as B } from "./ConfigProvider.js";
-const F = "input", H = "input-xs", X = "input-sm", q = "input-lg", G = "input-error", J = "input-disabled", Q = K(
+import { jsx as O } from "react/jsx-runtime";
+import { forwardRef as M, useState as V, useRef as Z, useImperativeHandle as B, useEffect as j, useCallback as l } from "react";
+import { useConfig as F } from "./ConfigProvider.js";
+const H = "input", X = "input-xs", q = "input-sm", G = "input-lg", J = "input-error", Q = "input-disabled", U = M(
   ({
     length: r = 6,
     value: p = "",
     onChange: o,
     onComplete: m,
-    size: j,
+    size: k,
     type: u = "number",
-    mask: k = !1,
+    mask: y = !1,
     disabled: c = !1,
-    error: y = !1,
-    autoFocus: $ = !1,
-    placeholder: z = "",
-    className: P = ""
-  }, b) => {
-    const { componentSize: R } = B(), S = j ?? R ?? "md", [f, a] = M(() => {
+    error: z = !1,
+    autoFocus: I = !1,
+    placeholder: P = "",
+    className: b = "",
+    "data-testid": w
+  }, g) => {
+    const { componentSize: R } = F(), S = (t) => w ? `${w}-${t}` : void 0, T = k ?? R ?? "md", [a, f] = V(() => {
       const t = p.split("").slice(0, r);
       return [...t, ...Array(r - t.length).fill("")];
-    }), n = V([]), g = {
-      xs: `${H} w-8 h-8 text-sm`,
-      sm: `${X} w-10 h-10 text-base`,
+    }), n = Z([]), E = {
+      xs: `${X} w-8 h-8 text-sm`,
+      sm: `${q} w-10 h-10 text-base`,
       md: "w-12 h-12 text-lg",
-      lg: `${q} w-14 h-14 text-xl`,
+      lg: `${G} w-14 h-14 text-xl`,
       xl: "w-16 h-16 text-2xl"
     };
-    Z(b, () => ({
+    B(g, () => ({
       focus: () => {
         n.current[0]?.focus();
       },
       clear: () => {
-        a(Array(r).fill("")), n.current[0]?.focus();
+        f(Array(r).fill("")), n.current[0]?.focus();
       }
-    })), O(() => {
-      $ && n.current[0]?.focus();
-    }, [$]), O(() => {
+    })), j(() => {
+      I && n.current[0]?.focus();
+    }, [I]), j(() => {
       const t = p.split("").slice(0, r);
-      a([...t, ...Array(r - t.length).fill("")]);
+      f([...t, ...Array(r - t.length).fill("")]);
     }, [p, r]);
-    const w = l(
+    const $ = l(
       (t, e) => {
         if (c || u === "number" && !/^\d*$/.test(e) || u === "text" && !/^[a-zA-Z0-9]*$/.test(e)) return;
-        const s = [...f];
+        const s = [...a];
         if (e.length > 1) {
-          const I = e.slice(0, r - t).split("");
-          I.forEach((T, v) => {
-            t + v < r && (s[t + v] = T);
-          }), a(s);
+          const v = e.slice(0, r - t).split("");
+          v.forEach((K, A) => {
+            t + A < r && (s[t + A] = K);
+          }), f(s);
           const D = s.join("");
           o?.(D);
-          const N = Math.min(t + I.length, r - 1);
-          n.current[N]?.focus(), D.length === r && m?.(D);
+          const x = Math.min(t + v.length, r - 1);
+          n.current[x]?.focus(), D.length === r && m?.(D);
           return;
         }
-        s[t] = e, a(s);
+        s[t] = e, f(s);
         const i = s.join("");
         o?.(i), e && t < r - 1 && n.current[t + 1]?.focus(), i.length === r && !i.includes("") && m?.(i);
       },
-      [f, r, u, c, o, m]
-    ), x = l(
+      [a, r, u, c, o, m]
+    ), L = l(
       (t, e) => {
         if (!c)
           if (e.key === "Backspace") {
             e.preventDefault();
-            const s = [...f];
-            f[t] ? (s[t] = "", a(s), o?.(s.join(""))) : t > 0 && (s[t - 1] = "", a(s), o?.(s.join("")), n.current[t - 1]?.focus());
+            const s = [...a];
+            a[t] ? (s[t] = "", f(s), o?.(s.join(""))) : t > 0 && (s[t - 1] = "", f(s), o?.(s.join("")), n.current[t - 1]?.focus());
           } else e.key === "ArrowLeft" && t > 0 ? (e.preventDefault(), n.current[t - 1]?.focus()) : e.key === "ArrowRight" && t < r - 1 && (e.preventDefault(), n.current[t + 1]?.focus());
       },
-      [f, r, c, o]
-    ), E = l(
+      [a, r, c, o]
+    ), N = l(
       (t) => {
         if (t.preventDefault(), c) return;
         const e = t.clipboardData.getData("text"), s = u === "number" ? e.replace(/\D/g, "") : e.replace(/[^a-zA-Z0-9]/g, "");
-        s && w(0, s);
+        s && $(0, s);
       },
-      [u, c, w]
-    ), L = l((t) => {
+      [u, c, $]
+    ), d = l((t) => {
       t.target.select();
     }, []);
-    return /* @__PURE__ */ A("div", { className: `flex gap-2 ${P}`, children: f.map((t, e) => /* @__PURE__ */ A(
+    return /* @__PURE__ */ O("div", { className: `flex gap-2 ${b}`, "data-testid": w, children: a.map((t, e) => /* @__PURE__ */ O(
       "input",
       {
         ref: (s) => {
           n.current[e] = s;
         },
-        type: k ? "password" : u === "number" ? "tel" : "text",
+        "data-testid": S(`input-${e}`),
+        type: y ? "password" : u === "number" ? "tel" : "text",
         inputMode: u === "number" ? "numeric" : "text",
         maxLength: 1,
         value: t,
-        placeholder: z,
+        placeholder: P,
         disabled: c,
-        onChange: (s) => w(e, s.target.value),
-        onKeyDown: (s) => x(e, s),
-        onPaste: E,
-        onFocus: L,
+        onChange: (s) => $(e, s.target.value),
+        onKeyDown: (s) => L(e, s),
+        onPaste: N,
+        onFocus: d,
         className: `
-              ${F} text-center font-mono
-              ${g[S]}
-              ${y ? G : ""}
-              ${c ? `${J} opacity-50` : ""}
+              ${H} text-center font-mono
+              ${E[T]}
+              ${z ? J : ""}
+              ${c ? `${Q} opacity-50` : ""}
             `,
         "aria-label": `OTP digit ${e + 1}`
       },
@@ -107,8 +109,8 @@ const F = "input", H = "input-xs", X = "input-sm", q = "input-lg", G = "input-er
     )) });
   }
 );
-Q.displayName = "OTPInput";
+U.displayName = "OTPInput";
 export {
-  Q as OTPInput
+  U as OTPInput
 };
 //# sourceMappingURL=OTPInput.js.map

package/dist/components/OTPInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"OTPInput.js","sources":["../../src/components/OTPInput.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect, useCallback, forwardRef, useImperativeHandle } from 'react'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dInput = 'input'\nconst dInputXs = 'input-xs'\nconst dInputSm = 'input-sm'\nconst dInputLg = 'input-lg'\nconst dInputError = 'input-error'\nconst dInputDisabled = 'input-disabled'\n\nexport interface OTPInputProps {\n  /** Number of input fields */\n  length?: number\n  /** Current value */\n  value?: string\n  /** Callback when value changes */\n  onChange?: (value: string) => void\n  /** Callback when all fields are filled */\n  onComplete?: (value: string) => void\n  /** Input size */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Input type - number only or alphanumeric */\n  type?: 'number' | 'text'\n  /** Mask input (show dots instead of characters) */\n  mask?: boolean\n  /** Disabled state */\n  disabled?: boolean\n  /** Error state */\n  error?: boolean\n  /** Auto focus first input on mount */\n  autoFocus?: boolean\n  /** Placeholder character */\n  placeholder?: string\n  /** Additional CSS classes */\n  className?: string\n}\n\nexport interface OTPInputRef {\n  focus: () => void\n  clear: () => void\n}\n\nexport const OTPInput = forwardRef<OTPInputRef, OTPInputProps>(\n  (\n    {\n      length = 6,\n      value = '',\n      onChange,\n      onComplete,\n      size,\n      type = 'number',\n      mask = false,\n      disabled = false,\n      error = false,\n      autoFocus = false,\n      placeholder = '',\n      className = '',\n    },\n    ref\n  ) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n    const [otp, setOtp] = useState<string[]>(() => {\n      const initial = value.split('').slice(0, length)\n      return [...initial, ...Array(length - initial.length).fill('')]\n    })\n\n    const inputRefs = useRef<(HTMLInputElement | null)[]>([])\n\n    const sizeClasses = {\n      xs: `${dInputXs} w-8 h-8 text-sm`,\n      sm: `${dInputSm} w-10 h-10 text-base`,\n      md: 'w-12 h-12 text-lg',\n      lg: `${dInputLg} w-14 h-14 text-xl`,\n      xl: 'w-16 h-16 text-2xl',\n    }\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        inputRefs.current[0]?.focus()\n      },\n      clear: () => {\n        setOtp(Array(length).fill(''))\n        inputRefs.current[0]?.focus()\n      },\n    }))\n\n    useEffect(() => {\n      if (autoFocus) {\n        inputRefs.current[0]?.focus()\n      }\n    }, [autoFocus])\n\n    useEffect(() => {\n      const newOtp = value.split('').slice(0, length)\n      setOtp([...newOtp, ...Array(length - newOtp.length).fill('')])\n    }, [value, length])\n\n    const handleChange = useCallback(\n      (index: number, char: string) => {\n        if (disabled) return\n\n        // Validate input\n        if (type === 'number' && !/^\\d*$/.test(char)) return\n        if (type === 'text' && !/^[a-zA-Z0-9]*$/.test(char)) return\n\n        const newOtp = [...otp]\n\n        // Handle paste of multiple characters\n        if (char.length > 1) {\n          const chars = char.slice(0, length - index).split('')\n          chars.forEach((c, i) => {\n            if (index + i < length) {\n              newOtp[index + i] = c\n            }\n          })\n          setOtp(newOtp)\n\n          const newValue = newOtp.join('')\n          onChange?.(newValue)\n\n          // Focus appropriate field\n          const nextIndex = Math.min(index + chars.length, length - 1)\n          inputRefs.current[nextIndex]?.focus()\n\n          if (newValue.length === length) {\n            onComplete?.(newValue)\n          }\n          return\n        }\n\n        // Single character\n        newOtp[index] = char\n        setOtp(newOtp)\n\n        const newValue = newOtp.join('')\n        onChange?.(newValue)\n\n        // Move to next input\n        if (char && index < length - 1) {\n          inputRefs.current[index + 1]?.focus()\n        }\n\n        if (newValue.length === length && !newValue.includes('')) {\n          onComplete?.(newValue)\n        }\n      },\n      [otp, length, type, disabled, onChange, onComplete]\n    )\n\n    const handleKeyDown = useCallback(\n      (index: number, e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (disabled) return\n\n        if (e.key === 'Backspace') {\n          e.preventDefault()\n          const newOtp = [...otp]\n\n          if (otp[index]) {\n            // Clear current field\n            newOtp[index] = ''\n            setOtp(newOtp)\n            onChange?.(newOtp.join(''))\n          } else if (index > 0) {\n            // Move to previous field and clear it\n            newOtp[index - 1] = ''\n            setOtp(newOtp)\n            onChange?.(newOtp.join(''))\n            inputRefs.current[index - 1]?.focus()\n          }\n        } else if (e.key === 'ArrowLeft' && index > 0) {\n          e.preventDefault()\n          inputRefs.current[index - 1]?.focus()\n        } else if (e.key === 'ArrowRight' && index < length - 1) {\n          e.preventDefault()\n          inputRefs.current[index + 1]?.focus()\n        }\n      },\n      [otp, length, disabled, onChange]\n    )\n\n    const handlePaste = useCallback(\n      (e: React.ClipboardEvent) => {\n        e.preventDefault()\n        if (disabled) return\n\n        const pastedData = e.clipboardData.getData('text')\n        const filteredData =\n          type === 'number'\n            ? pastedData.replace(/\\D/g, '')\n            : pastedData.replace(/[^a-zA-Z0-9]/g, '')\n\n        if (filteredData) {\n          handleChange(0, filteredData)\n        }\n      },\n      [type, disabled, handleChange]\n    )\n\n    const handleFocus = useCallback((e: React.FocusEvent<HTMLInputElement>) => {\n      e.target.select()\n    }, [])\n\n    return (\n      <div className={`flex gap-2 ${className}`}>\n        {otp.map((digit, index) => (\n          <input\n            key={index}\n            ref={(el) => {\n              inputRefs.current[index] = el\n            }}\n            type={mask ? 'password' : type === 'number' ? 'tel' : 'text'}\n            inputMode={type === 'number' ? 'numeric' : 'text'}\n            maxLength={1}\n            value={digit}\n            placeholder={placeholder}\n            disabled={disabled}\n            onChange={(e) => handleChange(index, e.target.value)}\n            onKeyDown={(e) => handleKeyDown(index, e)}\n            onPaste={handlePaste}\n            onFocus={handleFocus}\n            className={`\n              ${dInput} text-center font-mono\n              ${sizeClasses[effectiveSize]}\n              ${error ? dInputError : ''}\n              ${disabled ? `${dInputDisabled} opacity-50` : ''}\n            `}\n            aria-label={`OTP digit ${index + 1}`}\n          />\n        ))}\n      </div>\n    )\n  }\n)\n\nOTPInput.displayName = 'OTPInput'\n"],"names":["dInput","dInputXs","dInputSm","dInputLg","dInputError","dInputDisabled","OTPInput","forwardRef","length","value","onChange","onComplete","size","type","mask","disabled","error","autoFocus","placeholder","className","ref","componentSize","useConfig","effectiveSize","otp","setOtp","useState","initial","inputRefs","useRef","sizeClasses","useImperativeHandle","useEffect","newOtp","handleChange","useCallback","index","char","chars","c","i","newValue","nextIndex","handleKeyDown","handlePaste","e","pastedData","filteredData","handleFocus","jsx","digit","el"],"mappings":"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"}
+{"version":3,"file":"OTPInput.js","sources":["../../src/components/OTPInput.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect, useCallback, forwardRef, useImperativeHandle } from 'react'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dInput = 'input'\nconst dInputXs = 'input-xs'\nconst dInputSm = 'input-sm'\nconst dInputLg = 'input-lg'\nconst dInputError = 'input-error'\nconst dInputDisabled = 'input-disabled'\n\nexport interface OTPInputProps {\n  /** Number of input fields */\n  length?: number\n  /** Current value */\n  value?: string\n  /** Callback when value changes */\n  onChange?: (value: string) => void\n  /** Callback when all fields are filled */\n  onComplete?: (value: string) => void\n  /** Input size */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Input type - number only or alphanumeric */\n  type?: 'number' | 'text'\n  /** Mask input (show dots instead of characters) */\n  mask?: boolean\n  /** Disabled state */\n  disabled?: boolean\n  /** Error state */\n  error?: boolean\n  /** Auto focus first input on mount */\n  autoFocus?: boolean\n  /** Placeholder character */\n  placeholder?: string\n  /** Additional CSS classes */\n  className?: string\n  /** Test ID prefix for child elements */\n  'data-testid'?: string\n}\n\nexport interface OTPInputRef {\n  focus: () => void\n  clear: () => void\n}\n\nexport const OTPInput = forwardRef<OTPInputRef, OTPInputProps>(\n  (\n    {\n      length = 6,\n      value = '',\n      onChange,\n      onComplete,\n      size,\n      type = 'number',\n      mask = false,\n      disabled = false,\n      error = false,\n      autoFocus = false,\n      placeholder = '',\n      className = '',\n      'data-testid': testId,\n    },\n    ref\n  ) => {\n    const { componentSize } = useConfig()\n\n    // Helper for test IDs\n    const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n    const effectiveSize = size ?? componentSize ?? 'md'\n    const [otp, setOtp] = useState<string[]>(() => {\n      const initial = value.split('').slice(0, length)\n      return [...initial, ...Array(length - initial.length).fill('')]\n    })\n\n    const inputRefs = useRef<(HTMLInputElement | null)[]>([])\n\n    const sizeClasses = {\n      xs: `${dInputXs} w-8 h-8 text-sm`,\n      sm: `${dInputSm} w-10 h-10 text-base`,\n      md: 'w-12 h-12 text-lg',\n      lg: `${dInputLg} w-14 h-14 text-xl`,\n      xl: 'w-16 h-16 text-2xl',\n    }\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        inputRefs.current[0]?.focus()\n      },\n      clear: () => {\n        setOtp(Array(length).fill(''))\n        inputRefs.current[0]?.focus()\n      },\n    }))\n\n    useEffect(() => {\n      if (autoFocus) {\n        inputRefs.current[0]?.focus()\n      }\n    }, [autoFocus])\n\n    useEffect(() => {\n      const newOtp = value.split('').slice(0, length)\n      setOtp([...newOtp, ...Array(length - newOtp.length).fill('')])\n    }, [value, length])\n\n    const handleChange = useCallback(\n      (index: number, char: string) => {\n        if (disabled) return\n\n        // Validate input\n        if (type === 'number' && !/^\\d*$/.test(char)) return\n        if (type === 'text' && !/^[a-zA-Z0-9]*$/.test(char)) return\n\n        const newOtp = [...otp]\n\n        // Handle paste of multiple characters\n        if (char.length > 1) {\n          const chars = char.slice(0, length - index).split('')\n          chars.forEach((c, i) => {\n            if (index + i < length) {\n              newOtp[index + i] = c\n            }\n          })\n          setOtp(newOtp)\n\n          const newValue = newOtp.join('')\n          onChange?.(newValue)\n\n          // Focus appropriate field\n          const nextIndex = Math.min(index + chars.length, length - 1)\n          inputRefs.current[nextIndex]?.focus()\n\n          if (newValue.length === length) {\n            onComplete?.(newValue)\n          }\n          return\n        }\n\n        // Single character\n        newOtp[index] = char\n        setOtp(newOtp)\n\n        const newValue = newOtp.join('')\n        onChange?.(newValue)\n\n        // Move to next input\n        if (char && index < length - 1) {\n          inputRefs.current[index + 1]?.focus()\n        }\n\n        if (newValue.length === length && !newValue.includes('')) {\n          onComplete?.(newValue)\n        }\n      },\n      [otp, length, type, disabled, onChange, onComplete]\n    )\n\n    const handleKeyDown = useCallback(\n      (index: number, e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (disabled) return\n\n        if (e.key === 'Backspace') {\n          e.preventDefault()\n          const newOtp = [...otp]\n\n          if (otp[index]) {\n            // Clear current field\n            newOtp[index] = ''\n            setOtp(newOtp)\n            onChange?.(newOtp.join(''))\n          } else if (index > 0) {\n            // Move to previous field and clear it\n            newOtp[index - 1] = ''\n            setOtp(newOtp)\n            onChange?.(newOtp.join(''))\n            inputRefs.current[index - 1]?.focus()\n          }\n        } else if (e.key === 'ArrowLeft' && index > 0) {\n          e.preventDefault()\n          inputRefs.current[index - 1]?.focus()\n        } else if (e.key === 'ArrowRight' && index < length - 1) {\n          e.preventDefault()\n          inputRefs.current[index + 1]?.focus()\n        }\n      },\n      [otp, length, disabled, onChange]\n    )\n\n    const handlePaste = useCallback(\n      (e: React.ClipboardEvent) => {\n        e.preventDefault()\n        if (disabled) return\n\n        const pastedData = e.clipboardData.getData('text')\n        const filteredData =\n          type === 'number'\n            ? pastedData.replace(/\\D/g, '')\n            : pastedData.replace(/[^a-zA-Z0-9]/g, '')\n\n        if (filteredData) {\n          handleChange(0, filteredData)\n        }\n      },\n      [type, disabled, handleChange]\n    )\n\n    const handleFocus = useCallback((e: React.FocusEvent<HTMLInputElement>) => {\n      e.target.select()\n    }, [])\n\n    return (\n      <div className={`flex gap-2 ${className}`} data-testid={testId}>\n        {otp.map((digit, index) => (\n          <input\n            key={index}\n            ref={(el) => {\n              inputRefs.current[index] = el\n            }}\n            data-testid={getTestId(`input-${index}`)}\n            type={mask ? 'password' : type === 'number' ? 'tel' : 'text'}\n            inputMode={type === 'number' ? 'numeric' : 'text'}\n            maxLength={1}\n            value={digit}\n            placeholder={placeholder}\n            disabled={disabled}\n            onChange={(e) => handleChange(index, e.target.value)}\n            onKeyDown={(e) => handleKeyDown(index, e)}\n            onPaste={handlePaste}\n            onFocus={handleFocus}\n            className={`\n              ${dInput} text-center font-mono\n              ${sizeClasses[effectiveSize]}\n              ${error ? dInputError : ''}\n              ${disabled ? `${dInputDisabled} opacity-50` : ''}\n            `}\n            aria-label={`OTP digit ${index + 1}`}\n          />\n        ))}\n      </div>\n    )\n  }\n)\n\nOTPInput.displayName = 'OTPInput'\n"],"names":["dInput","dInputXs","dInputSm","dInputLg","dInputError","dInputDisabled","OTPInput","forwardRef","length","value","onChange","onComplete","size","type","mask","disabled","error","autoFocus","placeholder","className","testId","ref","componentSize","useConfig","getTestId","suffix","effectiveSize","otp","setOtp","useState","initial","inputRefs","useRef","sizeClasses","useImperativeHandle","useEffect","newOtp","handleChange","useCallback","index","char","chars","c","i","newValue","nextIndex","handleKeyDown","handlePaste","e","pastedData","filteredData","handleFocus","jsx","digit","el"],"mappings":"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"}

package/dist/components/Pagination.d.ts

@@ -14,5 +14,7 @@ export interface PaginationProps extends Omit<React.HTMLAttributes<HTMLDivElemen
     simple?: boolean;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     disabled?: boolean;
+    /** Test ID prefix for child elements */
+    'data-testid'?: string;
 }
-export declare const Pagination: React.FC<PaginationProps>;
+export declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Pagination.js

@@ -1,35 +1,36 @@
-import { jsxs as m, jsx as i } from "react/jsx-runtime";
-import g from "react";
-import { useConfig as R } from "./ConfigProvider.js";
-const r = "btn", B = "btn-ghost", q = "btn-active", H = "btn-disabled", O = "btn-xs", Q = "btn-sm", T = "btn-lg", U = "btn-xl", V = "select", W = "select-bordered", Y = "join", u = "join-item", Z = "input", se = ({
-  current: h,
-  defaultCurrent: S = 1,
-  total: p,
-  pageSize: $,
-  defaultPageSize: k = 10,
-  pageSizeOptions: j = [10, 20, 50, 100],
+import { jsxs as u, jsx as a } from "react/jsx-runtime";
+import x, { forwardRef as V } from "react";
+import { useConfig as W } from "./ConfigProvider.js";
+const d = "btn", T = "btn-ghost", Y = "btn-active", Z = "btn-disabled", _ = "btn-xs", ee = "btn-sm", te = "btn-lg", se = "btn-xl", ne = "select", ae = "select-bordered", ie = "join", p = "join-item", le = "input", me = V(function({
+  current: f,
+  defaultCurrent: y = 1,
+  total: h,
+  pageSize: b,
+  defaultPageSize: J = 10,
+  pageSizeOptions: w = [10, 20, 50, 100],
   onChange: N,
   onShowSizeChange: I,
-  showSizeChanger: y = !1,
-  showQuickJumper: J = !1,
-  showTotal: f = !1,
-  simple: M = !1,
-  size: w,
-  disabled: a = !1,
-  className: b = "",
-  ...v
-}) => {
-  const { componentSize: D } = R(), G = w ?? D ?? "md", [L, x] = g.useState(S), [X, z] = g.useState(k), [C, P] = g.useState(""), t = h !== void 0 ? h : L, d = $ !== void 0 ? $ : X, n = Math.ceil(p / d), o = (e) => {
-    e < 1 || e > n || a || (h === void 0 && x(e), N?.(e, d));
-  }, A = (e) => {
-    const l = Math.ceil(p / e), s = t > l ? l : t;
-    $ === void 0 && z(e), h === void 0 && s !== t && x(s), I?.(s, e), N?.(s, e);
-  }, E = (e) => {
+  showSizeChanger: M = !1,
+  showQuickJumper: z = !1,
+  showTotal: v = !1,
+  simple: D = !1,
+  size: G,
+  disabled: l = !1,
+  "data-testid": g,
+  className: P = "",
+  ...C
+}, B) {
+  const { componentSize: L, locale: R } = W(), X = G ?? L ?? "md", i = (e) => g ? `${g}-${e}` : void 0, m = R.Pagination ?? {}, A = m.itemsPerPage ?? "/ page", E = m.goTo ?? "Go to", [F, S] = x.useState(y), [K, q] = x.useState(J), [k, j] = x.useState(""), t = f !== void 0 ? f : F, $ = b !== void 0 ? b : K, n = Math.ceil(h / $), r = (e) => {
+    e < 1 || e > n || l || (f === void 0 && S(e), N?.(e, $));
+  }, H = (e) => {
+    const o = Math.ceil(h / e), s = t > o ? o : t;
+    b === void 0 && q(e), f === void 0 && s !== t && S(s), I?.(s, e), N?.(s, e);
+  }, O = (e) => {
     if (e.key === "Enter") {
-      const l = parseInt(C);
-      !isNaN(l) && l >= 1 && l <= n && (o(l), P(""));
+      const o = parseInt(k);
+      !isNaN(o) && o >= 1 && o <= n && (r(o), j(""));
     }
-  }, F = () => {
+  }, Q = () => {
     const e = [];
     if (n <= 7)
       for (let s = 1; s <= n; s++)
@@ -50,126 +51,139 @@ const r = "btn", B = "btn-ghost", q = "btn-active", H = "btn-disabled", O = "btn
     }
     return e;
   }, c = {
-    xs: O,
-    sm: Q,
+    xs: _,
+    sm: ee,
     md: "",
-    lg: T,
-    xl: U
-  }[G], K = [
-    (t - 1) * d + 1,
-    Math.min(t * d, p)
+    lg: te,
+    xl: se
+  }[X], U = [
+    (t - 1) * $ + 1,
+    Math.min(t * $, h)
   ];
-  return M ? /* @__PURE__ */ m("div", { className: `flex items-center gap-2 ${b}`, ...v, children: [
-    /* @__PURE__ */ i(
+  return D ? /* @__PURE__ */ u("div", { ref: B, className: `flex items-center gap-2 ${P}`, "data-testid": g, ...C, children: [
+    /* @__PURE__ */ a(
       "button",
       {
-        className: `${r} ${B} ${c}`,
-        onClick: () => o(t - 1),
-        disabled: a || t === 1,
+        className: `${d} ${T} ${c}`,
+        onClick: () => r(t - 1),
+        disabled: l || t === 1,
+        "data-testid": i("prev"),
+        "aria-label": m.prev ?? "Previous",
         children: "‹"
       }
     ),
-    /* @__PURE__ */ m("span", { className: "text-sm", children: [
+    /* @__PURE__ */ u("span", { className: "text-sm", children: [
       t,
       " / ",
       n
     ] }),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ a(
       "button",
       {
-        className: `${r} ${B} ${c}`,
-        onClick: () => o(t + 1),
-        disabled: a || t === n,
+        className: `${d} ${T} ${c}`,
+        onClick: () => r(t + 1),
+        disabled: l || t === n,
+        "data-testid": i("next"),
+        "aria-label": m.next ?? "Next",
         children: "›"
       }
     )
-  ] }) : /* @__PURE__ */ m("div", { className: `flex flex-wrap items-center gap-4 ${b}`, ...v, children: [
-    f && /* @__PURE__ */ i("div", { className: "text-sm text-base-content/70", children: typeof f == "function" ? f(p, K) : `Total ${p} items` }),
-    y && /* @__PURE__ */ i(
+  ] }) : /* @__PURE__ */ u("div", { ref: B, className: `flex flex-wrap items-center gap-4 ${P}`, "data-testid": g, ...C, children: [
+    v && /* @__PURE__ */ a("div", { className: "text-sm text-base-content/70", "data-testid": i("total"), children: typeof v == "function" ? v(h, U) : `Total ${h} ${m.items ?? "items"}` }),
+    M && /* @__PURE__ */ a(
       "select",
       {
-        className: `${V} ${W} ${c}`,
-        value: d,
-        onChange: (e) => A(Number(e.target.value)),
-        disabled: a,
-        children: j.map((e) => /* @__PURE__ */ m("option", { value: e, children: [
+        className: `${ne} ${ae} ${c}`,
+        value: $,
+        onChange: (e) => H(Number(e.target.value)),
+        disabled: l,
+        "data-testid": i("size-changer"),
+        children: w.map((e) => /* @__PURE__ */ u("option", { value: e, children: [
           e,
-          " / page"
+          " ",
+          A
         ] }, e))
       }
     ),
-    /* @__PURE__ */ m("div", { className: Y, children: [
-      /* @__PURE__ */ i(
+    /* @__PURE__ */ u("div", { className: ie, "data-testid": i("controls"), children: [
+      /* @__PURE__ */ a(
         "button",
         {
-          className: `${u} ${r} ${c}`,
-          onClick: () => o(1),
-          disabled: a || t === 1,
-          title: "First page",
+          className: `${p} ${d} ${c}`,
+          onClick: () => r(1),
+          disabled: l || t === 1,
+          "aria-label": "First page",
+          "data-testid": i("first"),
           children: "«"
         }
       ),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ a(
         "button",
         {
-          className: `${u} ${r} ${c}`,
-          onClick: () => o(t - 1),
-          disabled: a || t === 1,
-          title: "Previous page",
+          className: `${p} ${d} ${c}`,
+          onClick: () => r(t - 1),
+          disabled: l || t === 1,
+          "aria-label": m.prev ?? "Previous",
+          "data-testid": i("prev"),
           children: "‹"
         }
       ),
-      F().map((e, l) => e === "ellipsis" ? /* @__PURE__ */ i("button", { className: `${u} ${r} ${H} ${c}`, children: "..." }, `ellipsis-${l}`) : /* @__PURE__ */ i(
+      Q().map((e, o) => e === "ellipsis" ? /* @__PURE__ */ a("button", { className: `${p} ${d} ${Z} ${c}`, children: "..." }, `ellipsis-${o}`) : /* @__PURE__ */ a(
         "button",
         {
-          className: `${u} ${r} ${c} ${t === e ? q : ""}`,
-          onClick: () => o(e),
-          disabled: a,
+          className: `${p} ${d} ${c} ${t === e ? Y : ""}`,
+          onClick: () => r(e),
+          disabled: l,
+          "data-testid": i(`page-${e}`),
+          "aria-current": t === e ? "page" : void 0,
           children: e
         },
         e
       )),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ a(
         "button",
         {
-          className: `${u} ${r} ${c}`,
-          onClick: () => o(t + 1),
-          disabled: a || t === n,
-          title: "Next page",
+          className: `${p} ${d} ${c}`,
+          onClick: () => r(t + 1),
+          disabled: l || t === n,
+          "aria-label": m.next ?? "Next",
+          "data-testid": i("next"),
           children: "›"
         }
       ),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ a(
         "button",
         {
-          className: `${u} ${r} ${c}`,
-          onClick: () => o(n),
-          disabled: a || t === n,
-          title: "Last page",
+          className: `${p} ${d} ${c}`,
+          onClick: () => r(n),
+          disabled: l || t === n,
+          "aria-label": "Last page",
+          "data-testid": i("last"),
           children: "»"
         }
       )
     ] }),
-    J && /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ i("span", { className: "text-sm", children: "Go to" }),
-      /* @__PURE__ */ i(
+    z && /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ a("span", { className: "text-sm", children: E }),
+      /* @__PURE__ */ a(
         "input",
         {
           type: "number",
-          className: `${Z} w-16 ${c}`,
+          className: `${le} w-16 ${c}`,
           min: 1,
           max: n,
-          value: C,
-          onChange: (e) => P(e.target.value),
-          onKeyDown: E,
-          disabled: a,
-          placeholder: String(t)
+          value: k,
+          onChange: (e) => j(e.target.value),
+          onKeyDown: O,
+          disabled: l,
+          placeholder: String(t),
+          "data-testid": i("jumper")
         }
       )
     ] })
   ] });
-};
+});
 export {
-  se as Pagination
+  me as Pagination
 };
 //# sourceMappingURL=Pagination.js.map

package/dist/components/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../src/components/Pagination.tsx"],"sourcesContent":["import React from 'react'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dBtn = 'btn'\nconst dBtnGhost = 'btn-ghost'\nconst dBtnActive = 'btn-active'\nconst dBtnDisabled = 'btn-disabled'\nconst dBtnXs = 'btn-xs'\nconst dBtnSm = 'btn-sm'\nconst dBtnLg = 'btn-lg'\nconst dBtnXl = 'btn-xl'\nconst dSelect = 'select'\nconst dSelectBordered = 'select-bordered'\nconst dJoin = 'join'\nconst dJoinItem = 'join-item'\nconst dInput = 'input'\n\nexport interface PaginationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  current?: number\n  defaultCurrent?: number\n  total: number\n  pageSize?: number\n  defaultPageSize?: number\n  pageSizeOptions?: number[]\n  onChange?: (page: number, pageSize: number) => void\n  onShowSizeChange?: (current: number, size: number) => void\n  showSizeChanger?: boolean\n  showQuickJumper?: boolean\n  showTotal?: boolean | ((total: number, range: [number, number]) => React.ReactNode)\n  simple?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  disabled?: boolean\n}\n\nexport const Pagination: React.FC<PaginationProps> = ({\n  current: controlledCurrent,\n  defaultCurrent = 1,\n  total,\n  pageSize: controlledPageSize,\n  defaultPageSize = 10,\n  pageSizeOptions = [10, 20, 50, 100],\n  onChange,\n  onShowSizeChange,\n  showSizeChanger = false,\n  showQuickJumper = false,\n  showTotal = false,\n  simple = false,\n  size,\n  disabled = false,\n  className = '',\n  ...rest\n}) => {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n  const [internalCurrent, setInternalCurrent] = React.useState(defaultCurrent)\n  const [internalPageSize, setInternalPageSize] = React.useState(defaultPageSize)\n  const [jumpPage, setJumpPage] = React.useState('')\n\n  const current = controlledCurrent !== undefined ? controlledCurrent : internalCurrent\n  const pageSize = controlledPageSize !== undefined ? controlledPageSize : internalPageSize\n  const totalPages = Math.ceil(total / pageSize)\n\n  const handlePageChange = (page: number) => {\n    if (page < 1 || page > totalPages || disabled) return\n\n    if (controlledCurrent === undefined) {\n      setInternalCurrent(page)\n    }\n    onChange?.(page, pageSize)\n  }\n\n  const handlePageSizeChange = (newSize: number) => {\n    const newTotalPages = Math.ceil(total / newSize)\n    const newCurrent = current > newTotalPages ? newTotalPages : current\n\n    if (controlledPageSize === undefined) {\n      setInternalPageSize(newSize)\n    }\n    if (controlledCurrent === undefined && newCurrent !== current) {\n      setInternalCurrent(newCurrent)\n    }\n\n    onShowSizeChange?.(newCurrent, newSize)\n    onChange?.(newCurrent, newSize)\n  }\n\n  const handleJumpPage = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      const page = parseInt(jumpPage)\n      if (!isNaN(page) && page >= 1 && page <= totalPages) {\n        handlePageChange(page)\n        setJumpPage('')\n      }\n    }\n  }\n\n  const getPageNumbers = (): (number | 'ellipsis')[] => {\n    const pages: (number | 'ellipsis')[] = []\n    const showPages = 7\n\n    if (totalPages <= showPages) {\n      for (let i = 1; i <= totalPages; i++) {\n        pages.push(i)\n      }\n    } else {\n      if (current <= 3) {\n        for (let i = 1; i <= 5; i++) {\n          pages.push(i)\n        }\n        pages.push('ellipsis')\n        pages.push(totalPages)\n      } else if (current >= totalPages - 2) {\n        pages.push(1)\n        pages.push('ellipsis')\n        for (let i = totalPages - 4; i <= totalPages; i++) {\n          pages.push(i)\n        }\n      } else {\n        pages.push(1)\n        pages.push('ellipsis')\n        for (let i = current - 1; i <= current + 1; i++) {\n          pages.push(i)\n        }\n        pages.push('ellipsis')\n        pages.push(totalPages)\n      }\n    }\n\n    return pages\n  }\n\n  const sizeClass = {\n    xs: dBtnXs,\n    sm: dBtnSm,\n    md: '',\n    lg: dBtnLg,\n    xl: dBtnXl,\n  }[effectiveSize]\n\n  const range: [number, number] = [\n    (current - 1) * pageSize + 1,\n    Math.min(current * pageSize, total),\n  ]\n\n  if (simple) {\n    return (\n      <div className={`flex items-center gap-2 ${className}`} {...rest}>\n        <button\n          className={`${dBtn} ${dBtnGhost} ${sizeClass}`}\n          onClick={() => handlePageChange(current - 1)}\n          disabled={disabled || current === 1}\n        >\n          ‹\n        </button>\n        <span className=\"text-sm\">\n          {current} / {totalPages}\n        </span>\n        <button\n          className={`${dBtn} ${dBtnGhost} ${sizeClass}`}\n          onClick={() => handlePageChange(current + 1)}\n          disabled={disabled || current === totalPages}\n        >\n          ›\n        </button>\n      </div>\n    )\n  }\n\n  return (\n    <div className={`flex flex-wrap items-center gap-4 ${className}`} {...rest}>\n      {/* Total */}\n      {showTotal && (\n        <div className=\"text-sm text-base-content/70\">\n          {typeof showTotal === 'function'\n            ? showTotal(total, range)\n            : `Total ${total} items`}\n        </div>\n      )}\n\n      {/* Page Size Changer */}\n      {showSizeChanger && (\n        <select\n          className={`${dSelect} ${dSelectBordered} ${sizeClass}`}\n          value={pageSize}\n          onChange={(e) => handlePageSizeChange(Number(e.target.value))}\n          disabled={disabled}\n        >\n          {pageSizeOptions.map((size) => (\n            <option key={size} value={size}>\n              {size} / page\n            </option>\n          ))}\n        </select>\n      )}\n\n      {/* Pagination Controls */}\n      <div className={dJoin}>\n        {/* First */}\n        <button\n          className={`${dJoinItem} ${dBtn} ${sizeClass}`}\n          onClick={() => handlePageChange(1)}\n          disabled={disabled || current === 1}\n          title=\"First page\"\n        >\n          «\n        </button>\n\n        {/* Previous */}\n        <button\n          className={`${dJoinItem} ${dBtn} ${sizeClass}`}\n          onClick={() => handlePageChange(current - 1)}\n          disabled={disabled || current === 1}\n          title=\"Previous page\"\n        >\n          ‹\n        </button>\n\n        {/* Page Numbers */}\n        {getPageNumbers().map((page, index) => {\n          if (page === 'ellipsis') {\n            return (\n              <button key={`ellipsis-${index}`} className={`${dJoinItem} ${dBtn} ${dBtnDisabled} ${sizeClass}`}>\n                ...\n              </button>\n            )\n          }\n\n          return (\n            <button\n              key={page}\n              className={`${dJoinItem} ${dBtn} ${sizeClass} ${current === page ? dBtnActive : ''}`}\n              onClick={() => handlePageChange(page)}\n              disabled={disabled}\n            >\n              {page}\n            </button>\n          )\n        })}\n\n        {/* Next */}\n        <button\n          className={`${dJoinItem} ${dBtn} ${sizeClass}`}\n          onClick={() => handlePageChange(current + 1)}\n          disabled={disabled || current === totalPages}\n          title=\"Next page\"\n        >\n          ›\n        </button>\n\n        {/* Last */}\n        <button\n          className={`${dJoinItem} ${dBtn} ${sizeClass}`}\n          onClick={() => handlePageChange(totalPages)}\n          disabled={disabled || current === totalPages}\n          title=\"Last page\"\n        >\n          »\n        </button>\n      </div>\n\n      {/* Quick Jumper */}\n      {showQuickJumper && (\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-sm\">Go to</span>\n          <input\n            type=\"number\"\n            className={`${dInput} w-16 ${sizeClass}`}\n            min={1}\n            max={totalPages}\n            value={jumpPage}\n            onChange={(e) => setJumpPage(e.target.value)}\n            onKeyDown={handleJumpPage}\n            disabled={disabled}\n            placeholder={String(current)}\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["dBtn","dBtnGhost","dBtnActive","dBtnDisabled","dBtnXs","dBtnSm","dBtnLg","dBtnXl","dSelect","dSelectBordered","dJoin","dJoinItem","dInput","Pagination","controlledCurrent","defaultCurrent","total","controlledPageSize","defaultPageSize","pageSizeOptions","onChange","onShowSizeChange","showSizeChanger","showQuickJumper","showTotal","simple","size","disabled","className","rest","componentSize","useConfig","effectiveSize","internalCurrent","setInternalCurrent","React","internalPageSize","setInternalPageSize","jumpPage","setJumpPage","current","pageSize","totalPages","handlePageChange","page","handlePageSizeChange","newSize","newTotalPages","newCurrent","handleJumpPage","getPageNumbers","pages","i","sizeClass","range","jsx","jsxs","index"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sources":["../../src/components/Pagination.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dBtn = 'btn'\nconst dBtnGhost = 'btn-ghost'\nconst dBtnActive = 'btn-active'\nconst dBtnDisabled = 'btn-disabled'\nconst dBtnXs = 'btn-xs'\nconst dBtnSm = 'btn-sm'\nconst dBtnLg = 'btn-lg'\nconst dBtnXl = 'btn-xl'\nconst dSelect = 'select'\nconst dSelectBordered = 'select-bordered'\nconst dJoin = 'join'\nconst dJoinItem = 'join-item'\nconst dInput = 'input'\n\nexport interface PaginationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  current?: number\n  defaultCurrent?: number\n  total: number\n  pageSize?: number\n  defaultPageSize?: number\n  pageSizeOptions?: number[]\n  onChange?: (page: number, pageSize: number) => void\n  onShowSizeChange?: (current: number, size: number) => void\n  showSizeChanger?: boolean\n  showQuickJumper?: boolean\n  showTotal?: boolean | ((total: number, range: [number, number]) => React.ReactNode)\n  simple?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  disabled?: boolean\n  /** Test ID prefix for child elements */\n  'data-testid'?: string\n}\n\nexport const Pagination = forwardRef<HTMLDivElement, PaginationProps>(function Pagination(\n  {\n    current: controlledCurrent,\n    defaultCurrent = 1,\n    total,\n    pageSize: controlledPageSize,\n    defaultPageSize = 10,\n    pageSizeOptions = [10, 20, 50, 100],\n    onChange,\n    onShowSizeChange,\n    showSizeChanger = false,\n    showQuickJumper = false,\n    showTotal = false,\n    simple = false,\n    size,\n    disabled = false,\n    'data-testid': testId,\n    className = '',\n    ...rest\n  },\n  ref\n) {\n  const { componentSize, locale } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n\n  // Helper for test IDs\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n  // Locale strings with fallbacks\n  const l = locale.Pagination ?? {}\n  const itemsPerPageText = l.itemsPerPage ?? '/ page'\n  const goToText = l.goTo ?? 'Go to'\n  const [internalCurrent, setInternalCurrent] = React.useState(defaultCurrent)\n  const [internalPageSize, setInternalPageSize] = React.useState(defaultPageSize)\n  const [jumpPage, setJumpPage] = React.useState('')\n\n  const current = controlledCurrent !== undefined ? controlledCurrent : internalCurrent\n  const pageSize = controlledPageSize !== undefined ? controlledPageSize : internalPageSize\n  const totalPages = Math.ceil(total / pageSize)\n\n  const handlePageChange = (page: number) => {\n    if (page < 1 || page > totalPages || disabled) return\n\n    if (controlledCurrent === undefined) {\n      setInternalCurrent(page)\n    }\n    onChange?.(page, pageSize)\n  }\n\n  const handlePageSizeChange = (newSize: number) => {\n    const newTotalPages = Math.ceil(total / newSize)\n    const newCurrent = current > newTotalPages ? newTotalPages : current\n\n    if (controlledPageSize === undefined) {\n      setInternalPageSize(newSize)\n    }\n    if (controlledCurrent === undefined && newCurrent !== current) {\n      setInternalCurrent(newCurrent)\n    }\n\n    onShowSizeChange?.(newCurrent, newSize)\n    onChange?.(newCurrent, newSize)\n  }\n\n  const handleJumpPage = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      const page = parseInt(jumpPage)\n      if (!isNaN(page) && page >= 1 && page <= totalPages) {\n        handlePageChange(page)\n        setJumpPage('')\n      }\n    }\n  }\n\n  const getPageNumbers = (): (number | 'ellipsis')[] => {\n    const pages: (number | 'ellipsis')[] = []\n    const showPages = 7\n\n    if (totalPages <= showPages) {\n      for (let i = 1; i <= totalPages; i++) {\n        pages.push(i)\n      }\n    } else {\n      if (current <= 3) {\n        for (let i = 1; i <= 5; i++) {\n          pages.push(i)\n        }\n        pages.push('ellipsis')\n        pages.push(totalPages)\n      } else if (current >= totalPages - 2) {\n        pages.push(1)\n        pages.push('ellipsis')\n        for (let i = totalPages - 4; i <= totalPages; i++) {\n          pages.push(i)\n        }\n      } else {\n        pages.push(1)\n        pages.push('ellipsis')\n        for (let i = current - 1; i <= current + 1; i++) {\n          pages.push(i)\n        }\n        pages.push('ellipsis')\n        pages.push(totalPages)\n      }\n    }\n\n    return pages\n  }\n\n  const sizeClass = {\n    xs: dBtnXs,\n    sm: dBtnSm,\n    md: '',\n    lg: dBtnLg,\n    xl: dBtnXl,\n  }[effectiveSize]\n\n  const range: [number, number] = [\n    (current - 1) * pageSize + 1,\n    Math.min(current * pageSize, total),\n  ]\n\n  if (simple) {\n    return (\n      <div ref={ref} className={`flex items-center gap-2 ${className}`} data-testid={testId} {...rest}>\n        <button\n          className={`${dBtn} ${dBtnGhost} ${sizeClass}`}\n          onClick={() => handlePageChange(current - 1)}\n          disabled={disabled || current === 1}\n          data-testid={getTestId('prev')}\n          aria-label={l.prev ?? 'Previous'}\n        >\n          ‹\n        </button>\n        <span className=\"text-sm\">\n          {current} / {totalPages}\n        </span>\n        <button\n          className={`${dBtn} ${dBtnGhost} ${sizeClass}`}\n          onClick={() => handlePageChange(current + 1)}\n          disabled={disabled || current === totalPages}\n          data-testid={getTestId('next')}\n          aria-label={l.next ?? 'Next'}\n        >\n          ›\n        </button>\n      </div>\n    )\n  }\n\n  return (\n    <div ref={ref} className={`flex flex-wrap items-center gap-4 ${className}`} data-testid={testId} {...rest}>\n      {/* Total */}\n      {showTotal && (\n        <div className=\"text-sm text-base-content/70\" data-testid={getTestId('total')}>\n          {typeof showTotal === 'function'\n            ? showTotal(total, range)\n            : `Total ${total} ${l.items ?? 'items'}`}\n        </div>\n      )}\n\n      {/* Page Size Changer */}\n      {showSizeChanger && (\n        <select\n          className={`${dSelect} ${dSelectBordered} ${sizeClass}`}\n          value={pageSize}\n          onChange={(e) => handlePageSizeChange(Number(e.target.value))}\n          disabled={disabled}\n          data-testid={getTestId('size-changer')}\n        >\n          {pageSizeOptions.map((sz) => (\n            <option key={sz} value={sz}>\n              {sz} {itemsPerPageText}\n            </option>\n          ))}\n        </select>\n      )}\n\n      {/* Pagination Controls */}\n      <div className={dJoin} data-testid={getTestId('controls')}>\n        {/* First */}\n        <button\n          className={`${dJoinItem} ${dBtn} ${sizeClass}`}\n          onClick={() => handlePageChange(1)}\n          disabled={disabled || current === 1}\n          aria-label=\"First page\"\n          data-testid={getTestId('first')}\n        >\n          «\n        </button>\n\n        {/* Previous */}\n        <button\n          className={`${dJoinItem} ${dBtn} ${sizeClass}`}\n          onClick={() => handlePageChange(current - 1)}\n          disabled={disabled || current === 1}\n          aria-label={l.prev ?? 'Previous'}\n          data-testid={getTestId('prev')}\n        >\n          ‹\n        </button>\n\n        {/* Page Numbers */}\n        {getPageNumbers().map((page, index) => {\n          if (page === 'ellipsis') {\n            return (\n              <button key={`ellipsis-${index}`} className={`${dJoinItem} ${dBtn} ${dBtnDisabled} ${sizeClass}`}>\n                ...\n              </button>\n            )\n          }\n\n          return (\n            <button\n              key={page}\n              className={`${dJoinItem} ${dBtn} ${sizeClass} ${current === page ? dBtnActive : ''}`}\n              onClick={() => handlePageChange(page)}\n              disabled={disabled}\n              data-testid={getTestId(`page-${page}`)}\n              aria-current={current === page ? 'page' : undefined}\n            >\n              {page}\n            </button>\n          )\n        })}\n\n        {/* Next */}\n        <button\n          className={`${dJoinItem} ${dBtn} ${sizeClass}`}\n          onClick={() => handlePageChange(current + 1)}\n          disabled={disabled || current === totalPages}\n          aria-label={l.next ?? 'Next'}\n          data-testid={getTestId('next')}\n        >\n          ›\n        </button>\n\n        {/* Last */}\n        <button\n          className={`${dJoinItem} ${dBtn} ${sizeClass}`}\n          onClick={() => handlePageChange(totalPages)}\n          disabled={disabled || current === totalPages}\n          aria-label=\"Last page\"\n          data-testid={getTestId('last')}\n        >\n          »\n        </button>\n      </div>\n\n      {/* Quick Jumper */}\n      {showQuickJumper && (\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-sm\">{goToText}</span>\n          <input\n            type=\"number\"\n            className={`${dInput} w-16 ${sizeClass}`}\n            min={1}\n            max={totalPages}\n            value={jumpPage}\n            onChange={(e) => setJumpPage(e.target.value)}\n            onKeyDown={handleJumpPage}\n            disabled={disabled}\n            placeholder={String(current)}\n            data-testid={getTestId('jumper')}\n          />\n        </div>\n      )}\n    </div>\n  )\n})\n"],"names":["dBtn","dBtnGhost","dBtnActive","dBtnDisabled","dBtnXs","dBtnSm","dBtnLg","dBtnXl","dSelect","dSelectBordered","dJoin","dJoinItem","dInput","Pagination","forwardRef","controlledCurrent","defaultCurrent","total","controlledPageSize","defaultPageSize","pageSizeOptions","onChange","onShowSizeChange","showSizeChanger","showQuickJumper","showTotal","simple","size","disabled","testId","className","rest","ref","componentSize","locale","useConfig","effectiveSize","getTestId","suffix","l","itemsPerPageText","goToText","internalCurrent","setInternalCurrent","React","internalPageSize","setInternalPageSize","jumpPage","setJumpPage","current","pageSize","totalPages","handlePageChange","page","handlePageSizeChange","newSize","newTotalPages","newCurrent","handleJumpPage","getPageNumbers","pages","i","sizeClass","range","jsxs","jsx","sz","index"],"mappings":"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"}

package/dist/components/Popconfirm.d.ts

@@ -13,5 +13,7 @@ export interface PopconfirmProps extends Omit<React.HTMLAttributes<HTMLDivElemen
     disabled?: boolean;
     icon?: React.ReactNode;
     showCancel?: boolean;
+    /** Test ID prefix for child elements */
+    'data-testid'?: string;
 }
-export declare const Popconfirm: React.FC<PopconfirmProps>;
+export declare const Popconfirm: React.ForwardRefExoticComponent<PopconfirmProps & React.RefAttributes<HTMLDivElement>>;