@mantis-core/ui 0.5.0 → 0.7.0

package/dist/components/Forms/HiddenField.js

@@ -1,8 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Controller } from 'react-hook-form';
-const HiddenField = (props) => {
-    const { hidden = true, ...rest } = props;
-    return (_jsx(Controller, { name: rest.name, defaultValue: rest.defaultValue, shouldUnregister: rest.shouldUnregister, rules: rest.rules, render: ({ field }) => (_jsx("small", { style: { display: 'none' }, children: JSON.stringify(field.value) })) }));
-};
+import { useFieldController } from "./useFieldController";
+/**
+ * RHF-bound `<input type="hidden">` — registers a field and mirrors its value
+ * into a hidden native input (so it participates in native form serialization)
+ * without rendering any visible control.
+ *
+ * @example
+ * <HiddenField name="id" control={control} />
+ */
+export function HiddenField(props) {
+    const f = useFieldController(props);
+    const { ref: fieldRef } = f.field;
+    return (_jsx("input", { type: 'hidden', id: f.id, name: f.field.name, ref: fieldRef, value: f.field.value ?? "", onChange: (e) => f.field.onChange(e.target.value), onBlur: f.field.onBlur }));
+}
 export default HiddenField;
 //# sourceMappingURL=HiddenField.js.map

package/dist/components/Forms/HiddenField.js.map

@@ -1 +1 @@
-{"version":3,"file":"HiddenField.js","sourceRoot":"","sources":["../../../src/components/Forms/HiddenField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAM7C,MAAM,WAAW,GAA+B,CAAC,KAAK,EAAE,EAAE;IACxD,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACzC,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,gBAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,GAAS,CACzE,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"HiddenField.js","sourceRoot":"","sources":["../../../src/components/Forms/HiddenField.tsx"],"names":[],"mappings":";AACA,OAAO,EAA6B,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAarF;;;;;;;GAOG;AACH,MAAM,UAAU,WAAW,CAGzB,KAA4C;IAC5C,MAAM,CAAC,GAAG,kBAAkB,CAAsB,KAAK,CAAC,CAAC;IAEzD,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC;IAElC,OAAO,CACL,gBACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,CAAC,CAAC,EAAE,EACR,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,EAClB,GAAG,EAAE,QAAQ,EACb,KAAK,EAAG,CAAC,CAAC,KAAK,CAAC,KAAqC,IAAI,EAAE,EAC3D,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACjD,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,GACtB,CACH,CAAC;AACJ,CAAC;AAED,eAAe,WAAW,CAAC"}

package/dist/components/Forms/MaskField.d.ts

@@ -0,0 +1,28 @@
+import type { InputTextProps } from "@primereact/types/primitive/inputtext";
+import type * as React from "react";
+import type { FieldPath, FieldValues } from "react-hook-form";
+import { type FieldControllerProps } from "./useFieldController";
+/**
+ * Apply `mask` to `raw`, keeping only characters that satisfy each token slot
+ * and interleaving the mask's literals. Deterministic and side-effect free:
+ * `applyMask("5551234567", "(999) 999-9999") === "(555) 123-4567"`.
+ * Extra input past the mask length is dropped.
+ */
+export declare function applyMask(raw: string, mask: string): string;
+type InputTextExtras = Omit<InputTextProps & React.InputHTMLAttributes<HTMLInputElement>, "id" | "name" | "value" | "onChange" | "onBlur" | "defaultValue" | "invalid" | "disabled">;
+export interface MaskFieldOwnProps {
+    /** Mask pattern. `9`=digit, `a`=letter, `*`=alphanumeric; other chars are literals. */
+    mask: string;
+}
+/**
+ * RHF-bound masked text input over PR11 `InputText`. The wrapper owns the mask
+ * (PR11 has no inputmask primitive). Value = the **masked** string as displayed
+ * (e.g. `"(555) 123-4567"`) — the format the user sees is exactly what the form
+ * stores. Use `PhoneInput` for the common phone preset.
+ *
+ * @example
+ * <MaskField name="phone" control={control} mask="(999) 999-9999" label="Teléfono" />
+ */
+export declare function MaskField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: FieldControllerProps<TFieldValues, TName> & MaskFieldOwnProps & InputTextExtras): import("react/jsx-runtime").JSX.Element;
+export default MaskField;
+//# sourceMappingURL=MaskField.d.ts.map

package/dist/components/Forms/MaskField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskField.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/MaskField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAG5E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9D,OAAO,EAAE,KAAK,oBAAoB,EAAsB,MAAM,sBAAsB,CAAC;AAerF;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAmB3D;AAED,KAAK,eAAe,GAAG,IAAI,CACzB,cAAc,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC5D,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,cAAc,GAAG,SAAS,GAAG,UAAU,CAC1F,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,uFAAuF;IACvF,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CACvB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,KAAK,EAAE,oBAAoB,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,iBAAiB,GAAG,eAAe,2CAwEvF;AAED,eAAe,SAAS,CAAC"}

package/dist/components/Forms/MaskField.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InputText } from "@primereact/ui/inputtext";
+import clsx from "clsx";
+import { FieldShell } from "./FieldShell";
+import { useFieldController } from "./useFieldController";
+// PR11 dropped the `inputmask` primitive, so mantis-core owns the mask. This is
+// a lightweight formatter over InputText — NO react-imask dependency.
+//
+// Mask tokens (a subset of the classic PrimeReact InputMask alphabet):
+//   9  → digit (0-9)      a → letter (A-Z, a-z)      * → alphanumeric
+// Any other character in the mask is a literal (e.g. the `(`, `)`, `-`, spaces
+// in a phone pattern) and is emitted automatically as the user types.
+const TOKENS = {
+    "9": /\d/,
+    a: /[A-Za-z]/,
+    "*": /[A-Za-z0-9]/,
+};
+/**
+ * Apply `mask` to `raw`, keeping only characters that satisfy each token slot
+ * and interleaving the mask's literals. Deterministic and side-effect free:
+ * `applyMask("5551234567", "(999) 999-9999") === "(555) 123-4567"`.
+ * Extra input past the mask length is dropped.
+ */
+export function applyMask(raw, mask) {
+    let out = "";
+    let ri = 0;
+    for (let mi = 0; mi < mask.length && ri < raw.length; mi++) {
+        const token = TOKENS[mask[mi]];
+        if (!token) {
+            // Literal: emit it, and let a matching typed char pass through it too.
+            out += mask[mi];
+            if (raw[ri] === mask[mi])
+                ri++;
+            continue;
+        }
+        // Advance over input chars until one satisfies this slot (drops garbage).
+        while (ri < raw.length && !token.test(raw[ri]))
+            ri++;
+        if (ri < raw.length) {
+            out += raw[ri];
+            ri++;
+        }
+    }
+    return out;
+}
+/**
+ * RHF-bound masked text input over PR11 `InputText`. The wrapper owns the mask
+ * (PR11 has no inputmask primitive). Value = the **masked** string as displayed
+ * (e.g. `"(555) 123-4567"`) — the format the user sees is exactly what the form
+ * stores. Use `PhoneInput` for the common phone preset.
+ *
+ * @example
+ * <MaskField name="phone" control={control} mask="(999) 999-9999" label="Teléfono" />
+ */
+export function MaskField(props) {
+    const { name, control, rules, defaultValue, shouldUnregister, disabled, label, labelMode, floatVariant, addonBefore, addonAfter, required, helpText, id, variant, size, mask, className, fluid, ...rest } = props;
+    const f = useFieldController({
+        name,
+        control,
+        rules,
+        defaultValue,
+        shouldUnregister,
+        disabled,
+        helpText,
+        id,
+        variant,
+        size,
+        fluid,
+    });
+    const { ref: fieldRef } = f.field;
+    return (_jsx(FieldShell, { id: f.id, label: label, labelMode: labelMode, floatVariant: floatVariant, addonBefore: addonBefore, addonAfter: addonAfter, required: required, helpText: helpText, errorMessage: f.errorMessage, children: _jsx(InputText, { id: f.id, name: f.field.name, ref: fieldRef, value: f.field.value ?? "", onChange: (e) => f.field.onChange(applyMask(e.target.value, mask)), onBlur: f.field.onBlur, invalid: f.invalid, disabled: f.disabled, variant: f.variant, size: f.size, fluid: f.fluid, inputMode: /^[9\s()+\-.]*$/.test(mask) ? "tel" : undefined, className: clsx(f.fluid && "w-full", className), ...rest, ...f.aria }) }));
+}
+export default MaskField;
+//# sourceMappingURL=MaskField.js.map

package/dist/components/Forms/MaskField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskField.js","sourceRoot":"","sources":["../../../src/components/Forms/MaskField.tsx"],"names":[],"mappings":"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"}

package/dist/components/Forms/NumberField.d.ts

@@ -0,0 +1,14 @@
+import type { InputNumberRootProps } from "@primereact/types/primitive/inputnumber";
+import type { FieldPath, FieldValues } from "react-hook-form";
+import { type FieldControllerProps } from "./useFieldController";
+type InputNumberExtras = Omit<InputNumberRootProps, "value" | "onValueChange" | "invalid" | "disabled" | "children">;
+/**
+ * RHF-bound numeric input over PR11 `InputNumber` (compound Root/Input, emits
+ * `onValueChange` with a `{ value }` event — not native onChange).
+ *
+ * @example
+ * <NumberField name="price" control={control} label="Precio" mode="currency" currency="USD" />
+ */
+export declare function NumberField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: FieldControllerProps<TFieldValues, TName> & InputNumberExtras): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NumberField.d.ts.map

package/dist/components/Forms/NumberField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/NumberField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAGpF,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9D,OAAO,EAAE,KAAK,oBAAoB,EAAsB,MAAM,sBAAsB,CAAC;AAMrF,KAAK,iBAAiB,GAAG,IAAI,CAC3B,oBAAoB,EACpB,OAAO,GAAG,eAAe,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAChE,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,WAAW,CACzB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,KAAK,EAAE,oBAAoB,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,iBAAiB,2CAiFrE"}

package/dist/components/Forms/NumberField.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InputNumber } from "@primereact/ui/inputnumber";
+import { Fragment } from "react";
+import { FieldShell } from "./FieldShell";
+import { useFieldController } from "./useFieldController";
+/**
+ * RHF-bound numeric input over PR11 `InputNumber` (compound Root/Input, emits
+ * `onValueChange` with a `{ value }` event — not native onChange).
+ *
+ * @example
+ * <NumberField name="price" control={control} label="Precio" mode="currency" currency="USD" />
+ */
+export function NumberField(props) {
+    const { name, control, rules, defaultValue, shouldUnregister, disabled, label, labelMode, floatVariant, addonBefore, addonAfter, required, helpText, id, variant, size, fluid, ...rest } = props;
+    const f = useFieldController({
+        name,
+        control,
+        rules,
+        defaultValue,
+        shouldUnregister,
+        disabled,
+        helpText,
+        id,
+        variant,
+        size,
+        fluid,
+    });
+    const { ref: fieldRef } = f.field;
+    return (_jsx(FieldShell, { id: f.id, label: label, labelMode: labelMode, floatVariant: floatVariant, addonBefore: addonBefore, addonAfter: addonAfter, required: required, helpText: helpText, errorMessage: f.errorMessage, children: _jsx(InputNumber.Root
+        // Inside an InputGroup the Root must render as a Fragment so it does NOT
+        // emit its own `<span class="p-inputnumber">` wrapper — that extra wrapper
+        // breaks the group's border-join and makes the addons render detached
+        // (inputgroup.md "Multiple": `<InputNumber.Root as={React.Fragment}>`).
+        // Standalone (no addons) keeps the normal Root + `fluid` for full width
+        // (inputnumber.md puts `fluid` on Root in every example).
+        , { 
+            // Inside an InputGroup the Root must render as a Fragment so it does NOT
+            // emit its own `<span class="p-inputnumber">` wrapper — that extra wrapper
+            // breaks the group's border-join and makes the addons render detached
+            // (inputgroup.md "Multiple": `<InputNumber.Root as={React.Fragment}>`).
+            // Standalone (no addons) keeps the normal Root + `fluid` for full width
+            // (inputnumber.md puts `fluid` on Root in every example).
+            as: addonBefore || addonAfter ? Fragment : undefined, fluid: addonBefore || addonAfter ? undefined : f.fluid, value: f.field.value ?? null, onValueChange: (e) => {
+                // PR11 types e.value as `number`, but an emptied input emits null at
+                // runtime. Normalize empty/NaN → null so a `number | null` field can
+                // actually be cleared (the event type otherwise makes null unreachable).
+                const raw = e.value;
+                f.field.onChange(raw == null || Number.isNaN(raw) ? null : raw);
+            }, invalid: f.invalid, disabled: f.disabled, variant: f.variant, size: f.size, ...rest, children: _jsx(InputNumber.Input, { id: f.id, name: f.field.name, ref: fieldRef, onBlur: f.field.onBlur, ...f.aria }) }) }));
+}
+//# sourceMappingURL=NumberField.js.map

package/dist/components/Forms/NumberField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../../../src/components/Forms/NumberField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAwC,MAAM,4BAA4B,CAAC;AAC/F,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAA6B,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAWrF;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAGzB,KAAoE;IACpE,MAAM,EACJ,IAAI,EACJ,OAAO,EACP,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACR,KAAK,EACL,SAAS,EACT,YAAY,EACZ,WAAW,EACX,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,OAAO,EACP,IAAI,EACJ,KAAK,EACL,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,GAAG,kBAAkB,CAAsB;QAChD,IAAI;QACJ,OAAO;QACP,KAAK;QACL,YAAY;QACZ,gBAAgB;QAChB,QAAQ;QACR,QAAQ;QACR,EAAE;QACF,OAAO;QACP,IAAI;QACJ,KAAK;KACN,CAAC,CAAC;IAEH,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC;IAElC,OAAO,CACL,KAAC,UAAU,IACT,EAAE,EAAE,CAAC,CAAC,EAAE,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,CAAC,CAAC,YAAY,YAC5B,KAAC,WAAW,CAAC,IAAI;QACf,yEAAyE;QACzE,2EAA2E;QAC3E,sEAAsE;QACtE,wEAAwE;QACxE,wEAAwE;QACxE,0DAA0D;;YAL1D,yEAAyE;YACzE,2EAA2E;YAC3E,sEAAsE;YACtE,wEAAwE;YACxE,wEAAwE;YACxE,0DAA0D;YAC1D,EAAE,EAAE,WAAW,IAAI,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACpD,KAAK,EAAE,WAAW,IAAI,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EACtD,KAAK,EAAG,CAAC,CAAC,KAAK,CAAC,KAAmC,IAAI,IAAI,EAC3D,aAAa,EAAE,CAAC,CAAkC,EAAE,EAAE;gBACpD,qEAAqE;gBACrE,qEAAqE;gBACrE,yEAAyE;gBACzE,MAAM,GAAG,GAAG,CAAC,CAAC,KAAkC,CAAC;gBACjD,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,IAAI,IAAI,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;YAClE,CAAC,EACD,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,QAAQ,EAAE,CAAC,CAAC,QAAQ,EACpB,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,IAAI,EAAE,CAAC,CAAC,IAAI,KACR,IAAI,YACR,KAAC,WAAW,CAAC,KAAK,IAChB,EAAE,EAAE,CAAC,CAAC,EAAE,EACR,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,EAClB,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,KAClB,CAAC,CAAC,IAAI,GACV,GACe,GACR,CACd,CAAC;AACJ,CAAC"}

package/dist/components/Forms/OtpInput.d.ts

@@ -1,11 +1,26 @@
-import { InputOtpProps } from "primereact/inputotp";
-import React from "react";
-import { ControllerProps } from "./types";
-export interface OtpInputProps extends Omit<InputOtpProps, "name" | "defaultValue" | "value" | "onChange"> {
-    controller: ControllerProps;
+import type { InputOtpRootProps } from "@primereact/types/primitive/inputotp";
+import type { FieldPath, FieldValues } from "react-hook-form";
+import { type ChoiceFieldControllerProps } from "./useFieldController";
+type InputOtpExtras = Omit<InputOtpRootProps, "value" | "defaultValue" | "onValueChange" | "invalid" | "disabled" | "children">;
+/**
+ * RHF-bound one-time-password input over PR11's compound `InputOtp`
+ * (Root → Text slots). Renders `length` segmented boxes; typing advances focus,
+ * backspace retreats, paste distributes across slots.
+ *
+ * Value shape: `string` (the concatenated code) or `""` when unset. `onValueChange`
+ * writes the string into RHF. Pass `integerOnly` for numeric-only codes, `mask`
+ * to obscure each slot.
+ *
+ * NOTE (PR11 11.0.0-rc.1): `InputOtp.Root` is a single control — `value`/
+ * `onValueChange` reach the `Text` slot children directly (verified in-browser),
+ * so no per-part binding fallback is needed.
+ *
+ * @example
+ * <OtpInput name="code" control={control} label="Código" />
+ * <OtpInput name="code" control={control} label="PIN" length={4} integerOnly />
+ */
+export declare function OtpInput<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: ChoiceFieldControllerProps<TFieldValues, TName> & InputOtpExtras & {
     length?: number;
-    block?: boolean;
-}
-declare const OtpInput: React.FC<OtpInputProps>;
+}): import("react/jsx-runtime").JSX.Element;
 export default OtpInput;
 //# sourceMappingURL=OtpInput.d.ts.map

package/dist/components/Forms/OtpInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OtpInput.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/OtpInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,cAAc,GAAG,OAAO,GAAG,UAAU,CAAC;IAC3E,UAAU,EAAE,eAAe,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmBrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"OtpInput.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/OtpInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAgC,MAAM,sCAAsC,CAAC;AAE5G,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9D,OAAO,EAAE,KAAK,0BAA0B,EAAsB,MAAM,sBAAsB,CAAC;AAK3F,KAAK,cAAc,GAAG,IAAI,CACxB,iBAAiB,EACjB,OAAO,GAAG,cAAc,GAAG,eAAe,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CACjF,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,QAAQ,CACtB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,KAAK,EAAE,0BAA0B,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,cAAc,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,2CAmD9F;AAED,eAAe,QAAQ,CAAC"}

package/dist/components/Forms/OtpInput.js

@@ -1,11 +1,40 @@
-"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from "classnames";
-import { InputOtp } from "primereact/inputotp";
-import { Controller } from "react-hook-form";
-const OtpInput = (props) => {
-    const { controller, length = 6, block, ...rest } = props;
-    return (_jsx(Controller, { ...controller, render: ({ field, fieldState, formState }) => (_jsx(InputOtp, { id: field.name, ...rest, length: length, value: field.value ?? "", onChange: (e) => field.onChange(e.value), disabled: formState.isSubmitting || rest.disabled, invalid: fieldState.invalid, className: classNames(rest.className, { "w-full": block }) })) }));
-};
+import { InputOtp } from "@primereact/ui/inputotp";
+import { FieldShell } from "./FieldShell";
+import { useFieldController } from "./useFieldController";
+/**
+ * RHF-bound one-time-password input over PR11's compound `InputOtp`
+ * (Root → Text slots). Renders `length` segmented boxes; typing advances focus,
+ * backspace retreats, paste distributes across slots.
+ *
+ * Value shape: `string` (the concatenated code) or `""` when unset. `onValueChange`
+ * writes the string into RHF. Pass `integerOnly` for numeric-only codes, `mask`
+ * to obscure each slot.
+ *
+ * NOTE (PR11 11.0.0-rc.1): `InputOtp.Root` is a single control — `value`/
+ * `onValueChange` reach the `Text` slot children directly (verified in-browser),
+ * so no per-part binding fallback is needed.
+ *
+ * @example
+ * <OtpInput name="code" control={control} label="Código" />
+ * <OtpInput name="code" control={control} label="PIN" length={4} integerOnly />
+ */
+export function OtpInput(props) {
+    const { name, control, rules, defaultValue, shouldUnregister, disabled, label, labelMode, required, helpText, id, length = 6, ...rest } = props;
+    const f = useFieldController({
+        name,
+        control,
+        rules,
+        defaultValue,
+        shouldUnregister,
+        disabled,
+        helpText,
+        id,
+    });
+    return (_jsx(FieldShell, { id: f.id, label: label, labelMode: labelMode ?? "top", required: required, helpText: helpText, errorMessage: f.errorMessage, children: _jsx(InputOtp.Root, { value: f.field.value ?? "", onValueChange: (e) => f.field.onChange(e.value), 
+            // InputOtp.Text slots render native <input>, so pass invalid only when
+            // truthy — invalid={false} warns on a native input.
+            invalid: f.invalid || undefined, disabled: f.disabled, ...rest, ...f.aria, children: Array.from({ length }, (_, i) => (_jsx(InputOtp.Text, { index: i }, i))) }) }));
+}
 export default OtpInput;
 //# sourceMappingURL=OtpInput.js.map

package/dist/components/Forms/OtpInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"OtpInput.js","sourceRoot":"","sources":["../../../src/components/Forms/OtpInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAiB,MAAM,qBAAqB,CAAC;AAE9D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAU7C,MAAM,QAAQ,GAA4B,CAAC,KAAK,EAAE,EAAE;IAClD,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACzD,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC5C,KAAC,QAAQ,IACP,EAAE,EAAE,KAAK,CAAC,IAAI,KACV,IAAI,EACR,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EACxC,QAAQ,EAAE,SAAS,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,EACjD,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,GAC1D,CACH,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"OtpInput.js","sourceRoot":"","sources":["../../../src/components/Forms/OtpInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAmC,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAU3F;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,QAAQ,CAGtB,KAA6F;IAC7F,MAAM,EACJ,IAAI,EACJ,OAAO,EACP,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,MAAM,GAAG,CAAC,EACV,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,GAAG,kBAAkB,CAAsB;QAChD,IAAI;QACJ,OAAO;QACP,KAAK;QACL,YAAY;QACZ,gBAAgB;QAChB,QAAQ;QACR,QAAQ;QACR,EAAE;KACH,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,UAAU,IACT,EAAE,EAAE,CAAC,CAAC,EAAE,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,IAAI,KAAK,EAC7B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,CAAC,CAAC,YAAY,YAC5B,KAAC,QAAQ,CAAC,IAAI,IACZ,KAAK,EAAG,CAAC,CAAC,KAAK,CAAC,KAAmC,IAAI,EAAE,EACzD,aAAa,EAAE,CAAC,CAA+B,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;YAC7E,uEAAuE;YACvE,oDAAoD;YACpD,OAAO,EAAE,CAAC,CAAC,OAAO,IAAI,SAAS,EAC/B,QAAQ,EAAE,CAAC,CAAC,QAAQ,KAChB,IAAI,KACJ,CAAC,CAAC,IAAI,YACT,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAChC,KAAC,QAAQ,CAAC,IAAI,IAAS,KAAK,EAAE,CAAC,IAAX,CAAC,CAAc,CACpC,CAAC,GACY,GACL,CACd,CAAC;AACJ,CAAC;AAED,eAAe,QAAQ,CAAC"}

package/dist/components/Forms/PasswordInput.d.ts

@@ -1,12 +1,25 @@
-import { InputTextProps } from 'primereact/inputtext';
-import React from 'react';
-import { ControllerProps } from './types';
-export interface PasswordInputProps extends Omit<InputTextProps, 'name' | 'defaultValue'> {
-    controller: ControllerProps;
-    block?: boolean;
-    defaultValue?: string;
+import type { InputPasswordProps } from "@primereact/types/primitive/inputpassword";
+import type * as React from "react";
+import type { FieldPath, FieldValues } from "react-hook-form";
+import { type FieldControllerProps } from "./useFieldController";
+type InputPasswordExtras = Omit<InputPasswordProps & React.InputHTMLAttributes<HTMLInputElement>, "id" | "name" | "value" | "defaultValue" | "onChange" | "onValueChange" | "onBlur" | "mask" | "onMaskChange" | "invalid" | "disabled">;
+/**
+ * RHF-bound password input over PR11 `InputPassword` (value = `string`).
+ *
+ * Show/hide uses the component's NATIVE mask state — mirrors the official
+ * ToggleMaskDemo (`IconField.Root` + `IconField.Inset` with an Eye/EyeSlash
+ * that flips `mask`). The old custom lucide toggle + relative-positioned button
+ * is gone. `feedback` (default true) renders a lightweight deterministic
+ * strength meter from the value; PR11 has no built-in meter so this is ours.
+ *
+ * @example
+ * <PasswordInput name="password" control={control} label="Contraseña" rules={{ required: "…" }} />
+ */
+export declare function PasswordInput<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: FieldControllerProps<TFieldValues, TName> & InputPasswordExtras & {
+    /** Show the show/hide (mask) toggle. Default true. */
     showToggle?: boolean;
-}
-declare const PasswordInput: React.FC<PasswordInputProps>;
+    /** Show the strength meter below the input. Default true. */
+    feedback?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
 export default PasswordInput;
 //# sourceMappingURL=PasswordInput.d.ts.map

package/dist/components/Forms/PasswordInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/PasswordInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,cAAc,CAAC;IACvF,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyD/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/PasswordInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAMpF,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9D,OAAO,EAAE,KAAK,oBAAoB,EAAsB,MAAM,sBAAsB,CAAC;AAOrF,KAAK,mBAAmB,GAAG,IAAI,CAC7B,kBAAkB,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAChE,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,eAAe,GAAG,QAAQ,GAAG,MAAM,GAAG,cAAc,GAAG,SAAS,GAAG,UAAU,CACtI,CAAC;AAqBF;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAC3B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAE/D,KAAK,EAAE,oBAAoB,CAAC,YAAY,EAAE,KAAK,CAAC,GAC9C,mBAAmB,GAAG;IACpB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,2CAuGJ;AAED,eAAe,aAAa,CAAC"}

package/dist/components/Forms/PasswordInput.js

@@ -1,31 +1,66 @@
-"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { Eye, EyeOff } from 'lucide-react';
-import { InputText } from 'primereact/inputtext';
-import { useState } from 'react';
-import { Controller } from 'react-hook-form';
-const PasswordInput = (props) => {
-    const { controller, block, defaultValue = '', showToggle = true, ...rest } = props;
-    const [visible, setVisible] = useState(false);
-    return (_jsx(Controller, { defaultValue: controller?.defaultValue || defaultValue, ...controller, render: ({ field, fieldState, formState }) => {
-            const inputEl = (_jsx(InputText, { id: rest.id || field.name, ...rest, type: showToggle ? (visible ? 'text' : 'password') : 'password', disabled: formState.isSubmitting || rest.disabled, invalid: fieldState.invalid, className: classNames(rest.className, { 'w-full': block }), ...field }));
-            if (!showToggle)
-                return inputEl;
-            return (_jsxs("div", { className: classNames('mantis-core-password-input', { 'w-full': block }), style: { position: 'relative' }, children: [inputEl, _jsx("button", { type: "button", className: "mantis-core-password-input__toggle", onClick: () => setVisible((v) => !v), disabled: formState.isSubmitting || rest.disabled, style: {
-                            position: 'absolute',
-                            right: '0.75rem',
-                            top: '50%',
-                            transform: 'translateY(-50%)',
-                            background: 'none',
-                            border: 'none',
-                            cursor: 'pointer',
-                            padding: '0',
-                            display: 'flex',
-                            alignItems: 'center',
-                            color: 'var(--text-color-secondary)',
-                        }, tabIndex: -1, "aria-label": visible ? 'Ocultar contraseña' : 'Mostrar contraseña', children: visible ? _jsx(EyeOff, { size: 16 }) : _jsx(Eye, { size: 16 }) })] }));
-        } }));
-};
+import { Eye } from "@primeicons/react/eye";
+import { EyeSlash } from "@primeicons/react/eye-slash";
+import { IconField } from "@primereact/ui/iconfield";
+import { InputPassword } from "@primereact/ui/inputpassword";
+import clsx from "clsx";
+import { useState } from "react";
+import { FieldShell } from "./FieldShell";
+import { useFieldController } from "./useFieldController";
+/** Deterministic 0–4 strength score from length + character-class variety. */
+function scorePassword(v) {
+    if (!v)
+        return 0;
+    let score = 0;
+    if (v.length >= 8)
+        score++;
+    if (v.length >= 12)
+        score++;
+    if (/[a-z]/.test(v) && /[A-Z]/.test(v))
+        score++;
+    if (/\d/.test(v) && /[^A-Za-z0-9]/.test(v))
+        score++;
+    return score;
+}
+const STRENGTH = [
+    { label: "", cls: "" },
+    { label: "Débil", cls: "bg-red-500 w-1/4" },
+    { label: "Regular", cls: "bg-amber-500 w-2/4" },
+    { label: "Buena", cls: "bg-lime-500 w-3/4" },
+    { label: "Fuerte", cls: "bg-green-600 w-full" },
+];
+/**
+ * RHF-bound password input over PR11 `InputPassword` (value = `string`).
+ *
+ * Show/hide uses the component's NATIVE mask state — mirrors the official
+ * ToggleMaskDemo (`IconField.Root` + `IconField.Inset` with an Eye/EyeSlash
+ * that flips `mask`). The old custom lucide toggle + relative-positioned button
+ * is gone. `feedback` (default true) renders a lightweight deterministic
+ * strength meter from the value; PR11 has no built-in meter so this is ours.
+ *
+ * @example
+ * <PasswordInput name="password" control={control} label="Contraseña" rules={{ required: "…" }} />
+ */
+export function PasswordInput(props) {
+    const { name, control, rules, defaultValue, shouldUnregister, disabled, label, labelMode, floatVariant, addonBefore, addonAfter, required, helpText, id, className, fluid, showToggle = true, feedback = true, ...rest } = props;
+    const [mask, setMask] = useState(true);
+    const f = useFieldController({
+        name,
+        control,
+        rules,
+        defaultValue,
+        shouldUnregister,
+        disabled,
+        helpText,
+        id,
+        fluid,
+    });
+    const { ref: fieldRef } = f.field;
+    const value = f.field.value ?? "";
+    const score = feedback ? scorePassword(value) : 0;
+    const strength = STRENGTH[score];
+    const input = (_jsx(InputPassword, { id: f.id, name: f.field.name, ref: fieldRef, value: value, onValueChange: (e) => f.field.onChange(e.value), onBlur: f.field.onBlur, mask: showToggle ? mask : true, onMaskChange: (e) => setMask(e.value), invalid: f.invalid, disabled: f.disabled, fluid: f.fluid, className: clsx("w-full", className), ...rest, ...f.aria }));
+    return (_jsxs(FieldShell, { id: f.id, label: label, labelMode: labelMode, floatVariant: floatVariant, addonBefore: addonBefore, addonAfter: addonAfter, required: required, helpText: helpText, errorMessage: f.errorMessage, children: [showToggle ? (_jsxs(IconField.Root, { className: 'w-full', children: [input, _jsx(IconField.Inset, { children: _jsx("button", { type: 'button', tabIndex: -1, "aria-label": mask ? "Mostrar contraseña" : "Ocultar contraseña", className: 'flex cursor-pointer items-center border-0 bg-transparent p-0 text-surface-500', onClick: () => setMask((m) => !m), disabled: f.disabled, children: mask ? _jsx(Eye, {}) : _jsx(EyeSlash, {}) }) })] })) : (input), feedback && value ? (_jsxs("div", { className: 'flex items-center gap-2', children: [_jsx("div", { className: 'h-1 flex-1 overflow-hidden rounded bg-surface-200 dark:bg-surface-700', children: _jsx("div", { className: clsx("h-full rounded transition-all", strength.cls) }) }), strength.label ? (_jsx("small", { className: 'text-xs text-surface-500', children: strength.label })) : null] })) : null] }));
+}
 export default PasswordInput;
 //# sourceMappingURL=PasswordInput.js.map

package/dist/components/Forms/PasswordInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../../src/components/Forms/PasswordInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAkB,MAAM,sBAAsB,CAAC;AACjE,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAU7C,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;IAC5D,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,GAAG,EAAE,EAAE,UAAU,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACnF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACL,KAAC,UAAU,IACT,YAAY,EAAE,UAAU,EAAE,YAAY,IAAI,YAAY,KAClD,UAAU,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE;YAC3C,MAAM,OAAO,GAAG,CACd,KAAC,SAAS,IACR,EAAE,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,CAAC,IAAI,KACrB,IAAI,EACR,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,EAC/D,QAAQ,EAAE,SAAS,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,EACjD,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,KACtD,KAAK,GACT,CACH,CAAC;YAEF,IAAI,CAAC,UAAU;gBAAE,OAAO,OAAO,CAAC;YAEhC,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CAAC,4BAA4B,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EACxE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,aAE9B,OAAO,EACR,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,oCAAoC,EAC9C,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EACpC,QAAQ,EAAE,SAAS,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,EACjD,KAAK,EAAE;4BACL,QAAQ,EAAE,UAAU;4BACpB,KAAK,EAAE,SAAS;4BAChB,GAAG,EAAE,KAAK;4BACV,SAAS,EAAE,kBAAkB;4BAC7B,UAAU,EAAE,MAAM;4BAClB,MAAM,EAAE,MAAM;4BACd,MAAM,EAAE,SAAS;4BACjB,OAAO,EAAE,GAAG;4BACZ,OAAO,EAAE,MAAM;4BACf,UAAU,EAAE,QAAQ;4BACpB,KAAK,EAAE,6BAA6B;yBACrC,EACD,QAAQ,EAAE,CAAC,CAAC,gBACA,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,YAEhE,OAAO,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,IAAI,EAAE,EAAE,GAAI,GAC5C,IACL,CACP,CAAC;QACJ,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../../src/components/Forms/PasswordInput.tsx"],"names":[],"mappings":"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"}

package/dist/components/Forms/PhoneInput.d.ts

@@ -1,11 +1,19 @@
-import { InputMaskProps } from 'primereact/inputmask';
-import React from 'react';
-import { ControllerProps } from './types';
-export interface PhoneInputProps extends Omit<InputMaskProps, 'name' | 'defaultValue'> {
-    controller: ControllerProps;
-    block?: boolean;
+import type { InputTextProps } from "@primereact/types/primitive/inputtext";
+import type * as React from "react";
+import type { FieldPath, FieldValues } from "react-hook-form";
+import type { FieldControllerProps } from "./useFieldController";
+type InputTextExtras = Omit<InputTextProps & React.InputHTMLAttributes<HTMLInputElement>, "id" | "name" | "value" | "onChange" | "onBlur" | "defaultValue" | "invalid" | "disabled">;
+/**
+ * Phone-number preset of {@link MaskField}. Defaults to a US-style
+ * `(999) 999-9999` mask; override `mask` for other formats. Value = the masked
+ * string (e.g. `"(555) 123-4567"`).
+ *
+ * @example
+ * <PhoneInput name="phone" control={control} label="Teléfono" />
+ */
+export declare function PhoneInput<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: FieldControllerProps<TFieldValues, TName> & InputTextExtras & {
+    /** Override the phone mask. Default `(999) 999-9999`. */
     mask?: string;
-}
-declare const PhoneInput: React.FC<PhoneInputProps>;
+}): import("react/jsx-runtime").JSX.Element;
 export default PhoneInput;
 //# sourceMappingURL=PhoneInput.d.ts.map

package/dist/components/Forms/PhoneInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/PhoneInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,cAAc,CAAC;IACpF,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqBzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAEjE,KAAK,eAAe,GAAG,IAAI,CACzB,cAAc,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC5D,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,cAAc,GAAG,SAAS,GAAG,UAAU,CAC1F,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,UAAU,CACxB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAE/D,KAAK,EAAE,oBAAoB,CAAC,YAAY,EAAE,KAAK,CAAC,GAC9C,eAAe,GAAG;IAChB,yDAAyD;IACzD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,2CAIJ;AAED,eAAe,UAAU,CAAC"}

package/dist/components/Forms/PhoneInput.js

@@ -1,9 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { InputMask } from 'primereact/inputmask';
-import { Controller } from 'react-hook-form';
-const PhoneInput = ({ controller, block, mask = '(999) 999-9999', ...rest }) => {
-    return (_jsx(Controller, { ...controller, render: ({ field, fieldState, formState }) => (_jsx(InputMask, { id: rest.id || field.name, ...rest, mask: mask, name: field.name, value: field.value ?? '', onBlur: field.onBlur, onChange: (e) => field.onChange(e.value), ref: field.ref, disabled: formState.isSubmitting || rest.disabled, invalid: fieldState.invalid, className: classNames(rest.className, { 'w-full': block }) })) }));
-};
+import { MaskField } from "./MaskField";
+/**
+ * Phone-number preset of {@link MaskField}. Defaults to a US-style
+ * `(999) 999-9999` mask; override `mask` for other formats. Value = the masked
+ * string (e.g. `"(555) 123-4567"`).
+ *
+ * @example
+ * <PhoneInput name="phone" control={control} label="Teléfono" />
+ */
+export function PhoneInput(props) {
+    const { mask = "(999) 999-9999", ...rest } = props;
+    return _jsx(MaskField, { mask: mask, ...rest });
+}
 export default PhoneInput;
 //# sourceMappingURL=PhoneInput.js.map

package/dist/components/Forms/PhoneInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneInput.js","sourceRoot":"","sources":["../../../src/components/Forms/PhoneInput.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,SAAS,EAAkB,MAAM,sBAAsB,CAAC;AAEjE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAS7C,MAAM,UAAU,GAA8B,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,GAAG,gBAAgB,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACxG,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC5C,KAAC,SAAS,IACR,EAAE,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,CAAC,IAAI,KACrB,IAAI,EACR,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EACxC,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,QAAQ,EAAE,SAAS,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,EACjD,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,GAC1D,CACH,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"PhoneInput.js","sourceRoot":"","sources":["../../../src/components/Forms/PhoneInput.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQxC;;;;;;;GAOG;AACH,MAAM,UAAU,UAAU,CAIxB,KAIG;IAEH,MAAM,EAAE,IAAI,GAAG,gBAAgB,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACnD,OAAO,KAAC,SAAS,IAAsB,IAAI,EAAE,IAAI,KAAM,IAAI,GAAI,CAAC;AAClE,CAAC;AAED,eAAe,UAAU,CAAC"}