@mantis-core/ui 0.4.0 → 0.6.0

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

@@ -1,15 +1,36 @@
-import React from 'react';
-import { ControllerProps } from './types';
-export interface RadioGroupProps {
-    controller: ControllerProps;
-    options: {
-        label: string;
-        value: any;
-    }[];
-    block?: boolean;
-    disabled?: boolean;
-    className?: string;
-}
-declare const RadioGroup: React.FC<RadioGroupProps>;
+import type { RadioButtonGroupProps } from "@primereact/types/primitive/radiobuttongroup";
+import type { ReactNode } from "react";
+import type { FieldPath, FieldValues } from "react-hook-form";
+import { type ChoiceFieldControllerProps } from "./useFieldController";
+type OptionRow = Record<string, unknown>;
+type RadioGroupExtras = Omit<RadioButtonGroupProps, "value" | "onValueChange" | "invalid" | "disabled" | "name" | "children">;
+/**
+ * RHF-bound single-choice radio group over PR11's `RadioButtonGroup`. Each item
+ * is a compound `RadioButton.Root → Box → Indicator` so the radios render themed
+ * (the checked state uses the primary token, not a bare native radio).
+ *
+ * Value shape: the bound value is the selected option's value (scalar).
+ *
+ * NOTE (PR11 11.0.0-rc.1): the styled `RadioButtonGroup` (@primereact/ui) and
+ * `RadioButton.Root` are wired through two DIFFERENT React contexts in this rc —
+ * the group's `value`/`onValueChange` never reaches its children, so a controlled
+ * group can't drive selection (verified in-browser). Until that's fixed upstream,
+ * binding is done per-item via the documented `checked`/`onCheckedChange` props on
+ * `RadioButton.Root` (no invented sub-parts); the group stays for layout/styling.
+ *
+ * Templating follows the library convention — options array for the 90% case,
+ * a `renderOption` render-prop escape for custom per-item markup:
+ * @example
+ * <RadioGroup name="plan" control={control} label="Plan"
+ *   options={PLANS} optionLabel="label" optionValue="value" />
+ * <RadioGroup ... renderOption={(o) => <Badge>{o.label}</Badge>} />
+ */
+export declare function RadioGroup<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: ChoiceFieldControllerProps<TFieldValues, TName> & RadioGroupExtras & {
+    options: OptionRow[];
+    optionLabel?: string;
+    optionValue?: string;
+    /** Escape hatch: full custom per-option render (label side). */
+    renderOption?: (option: OptionRow, index: number) => ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
 export default RadioGroup;
 //# sourceMappingURL=RadioGroup.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/RadioGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,eAAe,CAAC;IAC5B,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,GAAG,CAAA;KAAE,EAAE,CAAC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyBzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/RadioGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8CAA8C,CAAC;AAG1F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9D,OAAO,EAAE,KAAK,0BAA0B,EAAsB,MAAM,sBAAsB,CAAC;AAE3F,KAAK,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAIzC,KAAK,gBAAgB,GAAG,IAAI,CAC1B,qBAAqB,EACrB,OAAO,GAAG,eAAe,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,CACzE,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;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,0BAA0B,CAAC,YAAY,EAAE,KAAK,CAAC,GACpD,gBAAgB,GAAG;IACjB,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;CAChE,2CA8EJ;AAED,eAAe,UAAU,CAAC"}

package/dist/components/Forms/RadioGroup.js

@@ -1,9 +1,52 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { RadioButton } from 'primereact/radiobutton';
-import { Controller } from 'react-hook-form';
-const RadioGroup = ({ controller, options, block, disabled, className }) => {
-    return (_jsx(Controller, { ...controller, render: ({ field, formState }) => (_jsx("div", { className: classNames('flex flex-column gap-2', { 'w-full': block }, className), children: options.map((opt) => (_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(RadioButton, { inputId: `${field.name}_${opt.value}`, name: field.name, value: opt.value, checked: field.value === opt.value, onChange: () => field.onChange(opt.value), onBlur: field.onBlur, disabled: formState.isSubmitting || disabled, ref: field.ref }), _jsx("label", { htmlFor: `${field.name}_${opt.value}`, children: opt.label })] }, String(opt.value)))) })) }));
-};
+import { RadioButton } from "@primereact/ui/radiobutton";
+import { RadioButtonGroup } from "@primereact/ui/radiobuttongroup";
+import { FieldShell } from "./FieldShell";
+import { useFieldController } from "./useFieldController";
+/**
+ * RHF-bound single-choice radio group over PR11's `RadioButtonGroup`. Each item
+ * is a compound `RadioButton.Root → Box → Indicator` so the radios render themed
+ * (the checked state uses the primary token, not a bare native radio).
+ *
+ * Value shape: the bound value is the selected option's value (scalar).
+ *
+ * NOTE (PR11 11.0.0-rc.1): the styled `RadioButtonGroup` (@primereact/ui) and
+ * `RadioButton.Root` are wired through two DIFFERENT React contexts in this rc —
+ * the group's `value`/`onValueChange` never reaches its children, so a controlled
+ * group can't drive selection (verified in-browser). Until that's fixed upstream,
+ * binding is done per-item via the documented `checked`/`onCheckedChange` props on
+ * `RadioButton.Root` (no invented sub-parts); the group stays for layout/styling.
+ *
+ * Templating follows the library convention — options array for the 90% case,
+ * a `renderOption` render-prop escape for custom per-item markup:
+ * @example
+ * <RadioGroup name="plan" control={control} label="Plan"
+ *   options={PLANS} optionLabel="label" optionValue="value" />
+ * <RadioGroup ... renderOption={(o) => <Badge>{o.label}</Badge>} />
+ */
+export function RadioGroup(props) {
+    const { name, control, rules, defaultValue, shouldUnregister, disabled, label, labelMode, required, helpText, id, options, optionLabel, optionValue, renderOption, ...rest } = props;
+    const f = useFieldController({
+        name,
+        control,
+        rules,
+        defaultValue,
+        shouldUnregister,
+        disabled,
+        helpText,
+        id,
+    });
+    const labelKey = optionLabel ?? "label";
+    const valueKey = optionValue ?? "value";
+    const { ref: fieldRef } = f.field;
+    return (_jsx(FieldShell, { id: f.id, label: label, labelMode: labelMode ?? "top", required: required, helpText: helpText, errorMessage: f.errorMessage, children: _jsx(RadioButtonGroup, { ref: fieldRef, name: f.field.name, invalid: f.invalid, disabled: f.disabled, ...rest, ...f.aria, children: options.map((option, index) => {
+                const optValue = option[valueKey];
+                const optionId = `${f.id}_${String(optValue)}`;
+                return (_jsxs("div", { className: 'flex items-center gap-2', children: [_jsx(RadioButton.Root, { inputId: optionId, value: optValue, checked: f.field.value === optValue, onCheckedChange: (e) => {
+                                if (e.checked)
+                                    f.field.onChange(optValue);
+                            }, onBlur: f.field.onBlur, children: _jsx(RadioButton.Box, { children: _jsx(RadioButton.Indicator, {}) }) }), _jsx("label", { htmlFor: optionId, children: renderOption ? renderOption(option, index) : String(option[labelKey] ?? "") })] }, optionId));
+            }) }) }));
+}
 export default RadioGroup;
 //# sourceMappingURL=RadioGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/Forms/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAW7C,MAAM,UAAU,GAA8B,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACpG,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAChC,cAAK,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,SAAS,CAAC,YACjF,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,eAA6B,SAAS,EAAC,+BAA+B,aACpE,KAAC,WAAW,IACV,OAAO,EAAE,GAAG,KAAK,CAAC,IAAI,IAAI,GAAG,CAAC,KAAK,EAAE,EACrC,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,OAAO,EAAE,KAAK,CAAC,KAAK,KAAK,GAAG,CAAC,KAAK,EAClC,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,SAAS,CAAC,YAAY,IAAI,QAAQ,EAC5C,GAAG,EAAE,KAAK,CAAC,GAAG,GACd,EACF,gBAAO,OAAO,EAAE,GAAG,KAAK,CAAC,IAAI,IAAI,GAAG,CAAC,KAAK,EAAE,YAAG,GAAG,CAAC,KAAK,GAAS,KAXzD,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAYrB,CACP,CAAC,GACE,CACP,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/Forms/RadioGroup.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGnE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAmC,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAW3F;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,UAAU,UAAU,CAIxB,KAOG;IAEH,MAAM,EACJ,IAAI,EACJ,OAAO,EACP,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,OAAO,EACP,WAAW,EACX,WAAW,EACX,YAAY,EACZ,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,MAAM,QAAQ,GAAG,WAAW,IAAI,OAAO,CAAC;IACxC,MAAM,QAAQ,GAAG,WAAW,IAAI,OAAO,CAAC;IAExC,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,IAAI,KAAK,EAC7B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,CAAC,CAAC,YAAY,YAC5B,KAAC,gBAAgB,IACf,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,EAClB,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,QAAQ,EAAE,CAAC,CAAC,QAAQ,KAChB,IAAI,KACJ,CAAC,CAAC,IAAI,YACT,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBAC7B,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;gBAClC,MAAM,QAAQ,GAAG,GAAG,CAAC,CAAC,EAAE,IAAI,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAC/C,OAAO,CACL,eAAoB,SAAS,EAAC,yBAAyB,aACrD,KAAC,WAAW,CAAC,IAAI,IACf,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,QAAQ,EACnC,eAAe,EAAE,CAAC,CAA6B,EAAE,EAAE;gCACjD,IAAI,CAAC,CAAC,OAAO;oCAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;4BAC5C,CAAC,EACD,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,YACtB,KAAC,WAAW,CAAC,GAAG,cACd,KAAC,WAAW,CAAC,SAAS,KAAG,GACT,GACD,EACnB,gBAAO,OAAO,EAAE,QAAQ,YACrB,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,GACtE,KAfA,QAAQ,CAgBZ,CACP,CAAC;YACJ,CAAC,CAAC,GACe,GACR,CACd,CAAC;AACJ,CAAC;AAED,eAAe,UAAU,CAAC"}

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

@@ -1,13 +1,28 @@
-import { SliderProps } from 'primereact/slider';
-import React from 'react';
-import { ControllerProps } from './types';
-export interface RangeSliderProps extends Omit<SliderProps, 'name' | 'range' | 'value' | 'onChange'> {
-    controller: ControllerProps;
-    block?: boolean;
-    min?: number;
-    max?: number;
-    step?: number;
-}
-declare const RangeSlider: React.FC<RangeSliderProps>;
+import type { SliderRootProps } from "@primereact/types/primitive/slider";
+import type { FieldPath, FieldValues } from "react-hook-form";
+import { type ChoiceFieldControllerProps } from "./useFieldController";
+type SliderExtras = Omit<SliderRootProps, "value" | "defaultValue" | "onValueChange" | "invalid" | "disabled" | "children">;
+/**
+ * RHF-bound slider over PR11's compound `Slider` (Root → Track → Range, Handle).
+ * The rendered track/range/handle use the primary token, so it themes without
+ * any per-instance styling.
+ *
+ * Value shape mirrors PR11 Slider: a single `number` by default, or a
+ * `[number, number]` tuple when the form field holds an array (two handles).
+ * `onValueChange` writes the raw value straight into RHF. `min`/`max`/`step`
+ * pass through.
+ *
+ * NOTE (PR11 11.0.0-rc.1): unlike the group primitives, `Slider` is a single
+ * control — `value`/`onValueChange` on `Slider.Root` reach the composed parts
+ * directly (verified in-browser), so no per-part binding fallback is needed. The
+ * Slider has no intrinsic width, so the Root gets `w-full`; the label sits above
+ * (config default, like TextField) rather than beside — a squeezed inline slider
+ * is unusable.
+ *
+ * @example
+ * <RangeSlider name="price" control={control} label="Precio" min={0} max={500} />
+ * <RangeSlider name="range" control={control} label="Rango" min={0} max={100} />
+ */
+export declare function RangeSlider<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: ChoiceFieldControllerProps<TFieldValues, TName> & SliderExtras): import("react/jsx-runtime").JSX.Element;
 export default RangeSlider;
 //# sourceMappingURL=RangeSlider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/RangeSlider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;IAClG,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmB3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/RangeSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAG1E,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9D,OAAO,EAAE,KAAK,0BAA0B,EAAsB,MAAM,sBAAsB,CAAC;AAI3F,KAAK,YAAY,GAAG,IAAI,CACtB,eAAe,EACf,OAAO,GAAG,cAAc,GAAG,eAAe,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CACjF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;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,0BAA0B,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,YAAY,2CA4DtE;AAED,eAAe,WAAW,CAAC"}

package/dist/components/Forms/RangeSlider.js

@@ -1,9 +1,42 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { Slider } from 'primereact/slider';
-import { Controller } from 'react-hook-form';
-const RangeSlider = ({ controller, block, min, max, step, ...rest }) => {
-    return (_jsx(Controller, { ...controller, render: ({ field, formState }) => (_jsx(Slider, { ...rest, range: true, min: min, max: max, step: step, disabled: formState.isSubmitting || rest.disabled, className: classNames(rest.className, { 'w-full': block }), value: field.value ?? [min ?? 0, max ?? 100], onChange: (e) => field.onChange(e.value) })) }));
-};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Slider } from "@primereact/ui/slider";
+import clsx from "clsx";
+import { FieldShell } from "./FieldShell";
+import { useFieldController } from "./useFieldController";
+/**
+ * RHF-bound slider over PR11's compound `Slider` (Root → Track → Range, Handle).
+ * The rendered track/range/handle use the primary token, so it themes without
+ * any per-instance styling.
+ *
+ * Value shape mirrors PR11 Slider: a single `number` by default, or a
+ * `[number, number]` tuple when the form field holds an array (two handles).
+ * `onValueChange` writes the raw value straight into RHF. `min`/`max`/`step`
+ * pass through.
+ *
+ * NOTE (PR11 11.0.0-rc.1): unlike the group primitives, `Slider` is a single
+ * control — `value`/`onValueChange` on `Slider.Root` reach the composed parts
+ * directly (verified in-browser), so no per-part binding fallback is needed. The
+ * Slider has no intrinsic width, so the Root gets `w-full`; the label sits above
+ * (config default, like TextField) rather than beside — a squeezed inline slider
+ * is unusable.
+ *
+ * @example
+ * <RangeSlider name="price" control={control} label="Precio" min={0} max={500} />
+ * <RangeSlider name="range" control={control} label="Rango" min={0} max={100} />
+ */
+export function RangeSlider(props) {
+    const { name, control, rules, defaultValue, shouldUnregister, disabled, label, labelMode, required, helpText, id, className, ...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: _jsxs(Slider.Root, { value: f.field.value, onValueChange: (e) => f.field.onChange(e.value), invalid: f.invalid, disabled: f.disabled, className: clsx("w-full", className), ...rest, ...f.aria, children: [_jsx(Slider.Track, { children: _jsx(Slider.Range, {}) }), Array.isArray(f.field.value) ? (_jsxs(_Fragment, { children: [_jsx(Slider.Handle, { index: 0 }), _jsx(Slider.Handle, { index: 1 })] })) : (_jsx(Slider.Handle, {}))] }) }));
+}
 export default RangeSlider;
 //# sourceMappingURL=RangeSlider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RangeSlider.js","sourceRoot":"","sources":["../../../src/components/Forms/RangeSlider.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAe,MAAM,mBAAmB,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAW7C,MAAM,WAAW,GAA+B,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACjG,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAChC,KAAC,MAAM,OACD,IAAI,EACR,KAAK,QACL,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,SAAS,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,EACjD,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAC1D,KAAK,EAAG,KAAK,CAAC,KAA0B,IAAI,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,GAAG,CAAC,EAClE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,GACxC,CACH,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"RangeSlider.js","sourceRoot":"","sources":["../../../src/components/Forms/RangeSlider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAA8B,MAAM,uBAAuB,CAAC;AAC3E,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAmC,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAS3F;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,UAAU,WAAW,CAGzB,KAAqE;IACrE,MAAM,EACJ,IAAI,EACJ,OAAO,EACP,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,SAAS,EACT,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,MAAC,MAAM,CAAC,IAAI,IACV,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,KAAsC,EACrD,aAAa,EAAE,CAAC,CAAwB,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EACtE,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,QAAQ,EAAE,CAAC,CAAC,QAAQ,EACpB,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,KAChC,IAAI,KACJ,CAAC,CAAC,IAAI,aACV,KAAC,MAAM,CAAC,KAAK,cACX,KAAC,MAAM,CAAC,KAAK,KAAG,GACH,EAGd,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAC9B,8BACE,KAAC,MAAM,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,GAAI,EAC3B,KAAC,MAAM,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,GAAI,IAC1B,CACJ,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,CAAC,MAAM,KAAG,CAClB,IACW,GACH,CACd,CAAC;AACJ,CAAC;AAED,eAAe,WAAW,CAAC"}

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

@@ -1,11 +1,27 @@
-import { RatingProps } from "primereact/rating";
-import React from "react";
-import { ControllerProps } from "./types";
-export interface RatingInputProps extends Omit<RatingProps, "name" | "defaultValue" | "value" | "onChange"> {
-    controller: ControllerProps;
+import type { RatingRootProps } from "@primereact/types/primitive/rating";
+import type { FieldPath, FieldValues } from "react-hook-form";
+import { type ChoiceFieldControllerProps } from "./useFieldController";
+type RatingExtras = Omit<RatingRootProps, "value" | "defaultValue" | "onValueChange" | "invalid" | "disabled" | "children">;
+/**
+ * RHF-bound star rating over PR11's compound `Rating` (Root → Option → On/Off).
+ * Each option renders a filled/empty star from `@primeicons/react`, so the
+ * control fills to the value using the primary token without per-instance styling.
+ *
+ * Value shape: `number` (stars selected) or `null` when unset. `onValueChange`
+ * writes the numeric value into RHF. `stars` sets how many options render (5).
+ * Whole-star by default (`allowHalf={false}`) so the bound value stays an integer
+ * score; pass `allowHalf` to opt back into PR11's half-star behavior.
+ *
+ * NOTE (PR11 11.0.0-rc.1): `Rating` is a single control — `value`/`onValueChange`
+ * on `Rating.Root` reach the `Option` children directly (verified in-browser), so
+ * no per-part binding fallback is needed.
+ *
+ * @example
+ * <RatingInput name="score" control={control} label="Puntaje" />
+ * <RatingInput name="score" control={control} label="Puntaje" stars={10} />
+ */
+export declare function RatingInput<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: ChoiceFieldControllerProps<TFieldValues, TName> & RatingExtras & {
     stars?: number;
-    block?: boolean;
-}
-declare const RatingInput: React.FC<RatingInputProps>;
+}): import("react/jsx-runtime").JSX.Element;
 export default RatingInput;
 //# sourceMappingURL=RatingInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RatingInput.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/RatingInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,cAAc,GAAG,OAAO,GAAG,UAAU,CAAC;IACzE,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmB3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"RatingInput.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/RatingInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAA8B,MAAM,oCAAoC,CAAC;AAEtG,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9D,OAAO,EAAE,KAAK,0BAA0B,EAAsB,MAAM,sBAAsB,CAAC;AAI3F,KAAK,YAAY,GAAG,IAAI,CACtB,eAAe,EACf,OAAO,GAAG,cAAc,GAAG,eAAe,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CACjF,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;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,0BAA0B,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,YAAY,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,2CA2D3F;AAED,eAAe,WAAW,CAAC"}

package/dist/components/Forms/RatingInput.js

@@ -1,11 +1,43 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from "classnames";
-import { Rating } from "primereact/rating";
-import { Controller } from "react-hook-form";
-const RatingInput = (props) => {
-    const { controller, stars = 5, block, ...rest } = props;
-    return (_jsx(Controller, { ...controller, render: ({ field, formState }) => (_jsx(Rating, { id: field.name, ...rest, stars: stars, value: field.value ?? undefined, onChange: (e) => field.onChange(e.value), onBlur: field.onBlur, disabled: formState.isSubmitting || rest.disabled, className: classNames(rest.className, { "w-full": block }) })) }));
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Star } from "@primeicons/react/star";
+import { StarFill } from "@primeicons/react/star-fill";
+import { Rating } from "@primereact/ui/rating";
+import { FieldShell } from "./FieldShell";
+import { useFieldController } from "./useFieldController";
+/**
+ * RHF-bound star rating over PR11's compound `Rating` (Root → Option → On/Off).
+ * Each option renders a filled/empty star from `@primeicons/react`, so the
+ * control fills to the value using the primary token without per-instance styling.
+ *
+ * Value shape: `number` (stars selected) or `null` when unset. `onValueChange`
+ * writes the numeric value into RHF. `stars` sets how many options render (5).
+ * Whole-star by default (`allowHalf={false}`) so the bound value stays an integer
+ * score; pass `allowHalf` to opt back into PR11's half-star behavior.
+ *
+ * NOTE (PR11 11.0.0-rc.1): `Rating` is a single control — `value`/`onValueChange`
+ * on `Rating.Root` reach the `Option` children directly (verified in-browser), so
+ * no per-part binding fallback is needed.
+ *
+ * @example
+ * <RatingInput name="score" control={control} label="Puntaje" />
+ * <RatingInput name="score" control={control} label="Puntaje" stars={10} />
+ */
+export function RatingInput(props) {
+    const { name, control, rules, defaultValue, shouldUnregister, disabled, label, labelMode, required, helpText, id, stars = 5, ...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(Rating.Root, { value: f.field.value ?? undefined, onValueChange: (e) => f.field.onChange(e.value), allowHalf: false, 
+            // Rating.Option renders hidden native <input type="radio">, 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: stars }, (_, i) => (_jsxs(Rating.Option, { index: i, children: [_jsx(Rating.On, { children: _jsx(StarFill, {}) }), _jsx(Rating.Off, { children: _jsx(Star, {}) })] }, i))) }) }));
+}
 export default RatingInput;
 //# sourceMappingURL=RatingInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RatingInput.js","sourceRoot":"","sources":["../../../src/components/Forms/RatingInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAe,MAAM,mBAAmB,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAU7C,MAAM,WAAW,GAA+B,CAAC,KAAK,EAAE,EAAE;IACxD,MAAM,EAAE,UAAU,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACxD,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAChC,KAAC,MAAM,IACL,EAAE,EAAE,KAAK,CAAC,IAAI,KACV,IAAI,EACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAG,KAAK,CAAC,KAAgB,IAAI,SAAS,EAC3C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EACxC,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,SAAS,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,EACjD,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,GAC1D,CACH,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"RatingInput.js","sourceRoot":"","sources":["../../../src/components/Forms/RatingInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAmC,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAS3F;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,WAAW,CAGzB,KAA0F;IAC1F,MAAM,EACJ,IAAI,EACJ,OAAO,EACP,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,KAAK,GAAG,CAAC,EACT,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,MAAM,CAAC,IAAI,IACV,KAAK,EAAG,CAAC,CAAC,KAAK,CAAC,KAAuB,IAAI,SAAS,EACpD,aAAa,EAAE,CAAC,CAA6B,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAC3E,SAAS,EAAE,KAAK;YAChB,oEAAoE;YACpE,sEAAsE;YACtE,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,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACvC,MAAC,MAAM,CAAC,MAAM,IAAS,KAAK,EAAE,CAAC,aAC7B,KAAC,MAAM,CAAC,EAAE,cACR,KAAC,QAAQ,KAAG,GACF,EACZ,KAAC,MAAM,CAAC,GAAG,cACT,KAAC,IAAI,KAAG,GACG,KANK,CAAC,CAOL,CACjB,CAAC,GACU,GACH,CACd,CAAC;AACJ,CAAC;AAED,eAAe,WAAW,CAAC"}

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

@@ -1,14 +1,22 @@
-import { InputTextProps } from 'primereact/inputtext';
-import React from 'react';
-import { ControllerProps } from './types';
-export interface SearchInputProps extends Omit<InputTextProps, 'name' | 'defaultValue' | 'value' | 'onChange'> {
-    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">;
+/**
+ * RHF-bound search input over PR11 `InputText` inside `IconField` (search icon
+ * on the left via `IconField.Inset`, a clear ✕ on the right when non-empty).
+ * `onSearch` fires debounced (default 300ms); the raw value binds to RHF.
+ * Value = `string`.
+ *
+ * @example
+ * <SearchInput name="q" control={control} label="Buscar" onSearch={run} />
+ */
+export declare function SearchInput<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: FieldControllerProps<TFieldValues, TName> & InputTextExtras & {
+    /** Fired (debounced) with the current value on each change. */
     onSearch?: (value: string) => void;
+    /** Debounce delay for `onSearch`, ms. Default 300. */
     debounceMs?: number;
-    value?: string;
-    onChange?: (value: string) => void;
-}
-declare const SearchInput: React.FC<SearchInputProps>;
+}): import("react/jsx-runtime").JSX.Element;
 export default SearchInput;
 //# sourceMappingURL=SearchInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/SearchInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAW1C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,cAAc,GAAG,OAAO,GAAG,UAAU,CAAC;IAC5G,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsD3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/SearchInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAK5E,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;AAWrF,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;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CACzB,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,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,2CAiGJ;AAED,eAAe,WAAW,CAAC"}

package/dist/components/Forms/SearchInput.js

@@ -1,10 +1,13 @@
-"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { InputText } from 'primereact/inputtext';
-import { useRef, useState } from 'react';
-import { Controller } from 'react-hook-form';
-// ponytail: inline debounce — 5 lines, no library needed
+import { Search } from "@primeicons/react/search";
+import { Times } from "@primeicons/react/times";
+import { IconField } from "@primereact/ui/iconfield";
+import { InputText } from "@primereact/ui/inputtext";
+import clsx from "clsx";
+import { useRef } from "react";
+import { FieldShell } from "./FieldShell";
+import { useFieldController } from "./useFieldController";
+// ponytail: inline debounce — 5 lines, no library needed.
 function useDebouncedCallback(fn, delay) {
     const timer = useRef(undefined);
     return (value) => {
@@ -12,23 +15,41 @@ function useDebouncedCallback(fn, delay) {
         timer.current = setTimeout(() => fn(value), delay);
     };
 }
-const SearchInput = ({ controller, block, onSearch, debounceMs = 300, value: valueProp, onChange: onChangeProp, ...rest }) => {
-    const [localValue, setLocalValue] = useState(valueProp ?? '');
+/**
+ * RHF-bound search input over PR11 `InputText` inside `IconField` (search icon
+ * on the left via `IconField.Inset`, a clear ✕ on the right when non-empty).
+ * `onSearch` fires debounced (default 300ms); the raw value binds to RHF.
+ * Value = `string`.
+ *
+ * @example
+ * <SearchInput name="q" control={control} label="Buscar" onSearch={run} />
+ */
+export function SearchInput(props) {
+    const { name, control, rules, defaultValue, shouldUnregister, disabled, label, labelMode, floatVariant, addonBefore, addonAfter, required, helpText, id, variant, size, className, fluid, onSearch, debounceMs = 300, ...rest } = props;
+    const f = useFieldController({
+        name,
+        control,
+        rules,
+        defaultValue,
+        shouldUnregister,
+        disabled,
+        helpText,
+        id,
+        variant,
+        size,
+        fluid,
+    });
     const fireSearch = useDebouncedCallback(onSearch ?? (() => { }), debounceMs);
-    if (controller) {
-        return (_jsx(Controller, { ...controller, render: ({ field, fieldState, formState }) => (_jsxs("span", { className: classNames('p-input-icon-left', { 'w-full': block }), children: [_jsx("i", { className: "pi pi-search" }), _jsx(InputText, { id: rest.id || field.name, ...rest, ...field, disabled: formState.isSubmitting || rest.disabled, invalid: fieldState.invalid, className: classNames(rest.className, { 'w-full': block }), onChange: (e) => {
-                            field.onChange(e);
-                            fireSearch(e.target.value);
-                        } })] })) }));
-    }
-    // Uncontrolled plain search box (no react-hook-form)
-    return (_jsxs("span", { className: classNames('p-input-icon-left', { 'w-full': block }), children: [_jsx("i", { className: "pi pi-search" }), _jsx(InputText, { ...rest, value: valueProp !== undefined ? valueProp : localValue, className: classNames(rest.className, { 'w-full': block }), onChange: (e) => {
-                    const v = e.target.value;
-                    if (valueProp === undefined)
-                        setLocalValue(v);
-                    onChangeProp?.(v);
-                    fireSearch(v);
-                } })] }));
-};
+    const { ref: fieldRef } = f.field;
+    const value = f.field.value ?? "";
+    const clear = () => {
+        f.field.onChange("");
+        fireSearch("");
+    };
+    return (_jsx(FieldShell, { id: f.id, label: label, labelMode: labelMode, floatVariant: floatVariant, addonBefore: addonBefore, addonAfter: addonAfter, required: required, helpText: helpText, errorMessage: f.errorMessage, children: _jsxs(IconField.Root, { className: 'w-full', children: [_jsx(IconField.Inset, { children: _jsx(Search, {}) }), _jsx(InputText, { id: f.id, name: f.field.name, ref: fieldRef, value: value, onChange: (e) => {
+                        f.field.onChange(e.target.value);
+                        fireSearch(e.target.value);
+                    }, onBlur: f.field.onBlur, invalid: f.invalid, disabled: f.disabled, variant: f.variant, size: f.size, fluid: f.fluid, className: clsx("w-full", className), ...rest, ...f.aria }), value ? (_jsx(IconField.Inset, { children: _jsx(Times, { role: 'button', tabIndex: 0, "aria-label": 'Limpiar b\u00FAsqueda', className: 'cursor-pointer', onClick: clear }) })) : null] }) }));
+}
 export default SearchInput;
 //# sourceMappingURL=SearchInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../src/components/Forms/SearchInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../src/components/Forms/SearchInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAA6B,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAErF,0DAA0D;AAC1D,SAAS,oBAAoB,CAAC,EAAuB,EAAE,KAAa;IAClE,MAAM,KAAK,GAAG,MAAM,CAA4C,SAAS,CAAC,CAAC;IAC3E,OAAO,CAAC,KAAa,EAAE,EAAE;QACvB,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC5B,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;IACrD,CAAC,CAAC;AACJ,CAAC;AAOD;;;;;;;;GAQG;AACH,MAAM,UAAU,WAAW,CAIzB,KAMG;IAEH,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,SAAS,EACT,KAAK,EACL,QAAQ,EACR,UAAU,GAAG,GAAG,EAChB,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,UAAU,GAAG,oBAAoB,CAAC,QAAQ,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;IAC5E,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC;IAClC,MAAM,KAAK,GAAI,CAAC,CAAC,KAAK,CAAC,KAA4B,IAAI,EAAE,CAAC;IAE1D,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACrB,UAAU,CAAC,EAAE,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,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,MAAC,SAAS,CAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,aAChC,KAAC,SAAS,CAAC,KAAK,cACd,KAAC,MAAM,KAAG,GACM,EAClB,KAAC,SAAS,IACR,EAAE,EAAE,CAAC,CAAC,EAAE,EACR,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,EAClB,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAsC,EAAE,EAAE;wBACnD,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;wBACjC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBAC7B,CAAC,EACD,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,EACtB,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,QAAQ,EAAE,CAAC,CAAC,QAAQ,EACpB,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,IAAI,EAAE,CAAC,CAAC,IAAI,EACZ,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,KAChC,IAAI,KACJ,CAAC,CAAC,IAAI,GACV,EACD,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,SAAS,CAAC,KAAK,cACd,KAAC,KAAK,IACJ,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,gBACA,uBAAkB,EAC7B,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE,KAAK,GACd,GACc,CACnB,CAAC,CAAC,CAAC,IAAI,IACO,GACN,CACd,CAAC;AACJ,CAAC;AAED,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,41 @@
+import type { SelectRootProps } from "@primereact/types/primitive/select";
+import { type ReactNode } from "react";
+import type { FieldPath, FieldValues } from "react-hook-form";
+import { type FieldControllerProps } from "./useFieldController";
+type OptionRow = Record<string, unknown>;
+type SelectExtras = Omit<SelectRootProps, "value" | "onValueChange" | "onOpenChange" | "invalid" | "disabled" | "variant" | "size" | "children">;
+/** Option-rendering options: named presets (90%) + a render-prop escape (10%). */
+interface SelectTemplateProps {
+    /** Named preset for per-option rendering. 'default' uses <Select.List/> auto-render. */
+    optionTemplate?: "default" | "twoLine";
+    /** Second line for the 'twoLine' preset. */
+    descriptionField?: string;
+    /** Escape hatch: full custom per-option render. Overrides optionTemplate. */
+    renderOption?: (option: OptionRow, index: number) => ReactNode;
+}
+/**
+ * RHF-bound Select over PR11's portal-based compound Select. Single-select by
+ * default; pass `multiple` for array mode (absorbs the former MultiSelect).
+ *
+ * Value shape: the bound value is the selected option value (scalar) — or an
+ * ARRAY of them when `multiple`. PR11's `Select.Value` renders the selected
+ * label(s) in the trigger for both modes, so the wrapper stays presentation-thin.
+ *
+ * Portal-specific concerns: id + aria on Select.Trigger (a button, not <input>),
+ * and field.onBlur fired on overlay close (no native blur).
+ *
+ * Templating follows the library convention — named presets for the common case,
+ * a `renderOption` render-prop escape for anything custom:
+ * @example
+ * <SelectField name="city" control={control} label="Ciudad"
+ *   options={CITIES} optionLabel="label" optionValue="value" />           // single
+ * <SelectField name="tags" control={control} label="Tags" multiple
+ *   options={TAGS} optionLabel="label" optionValue="value" />             // array mode
+ * <SelectField ... optionTemplate="twoLine" descriptionField="region" />  // preset
+ * <SelectField ... renderOption={(o) => <Flag code={o.code} />} />        // escape
+ */
+export declare function SelectField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: FieldControllerProps<TFieldValues, TName> & SelectExtras & SelectTemplateProps & {
+    placeholder?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SelectField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/SelectField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAA0B,MAAM,oCAAoC,CAAC;AAIlG,OAAO,EAAoB,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAC5E,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9D,OAAO,EAAE,KAAK,oBAAoB,EAAsB,MAAM,sBAAsB,CAAC;AAErF,KAAK,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAKzC,KAAK,YAAY,GAAG,IAAI,CACtB,eAAe,EACf,OAAO,GAAG,eAAe,GAAG,cAAc,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CACtG,CAAC;AAEF,kFAAkF;AAClF,UAAU,mBAAmB;IAC3B,wFAAwF;IACxF,cAAc,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACvC,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6EAA6E;IAC7E,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;CAChE;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,WAAW,CACzB,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,YAAY,GACZ,mBAAmB,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,2CA8MjD"}