@eifi1/ui-kit 0.21.0 → 0.23.0

package/dist/rhf/fields.d.ts

@@ -1,29 +1,36 @@
 import * as react from 'react';
 import { ReactNode, ReactElement } from 'react';
 import { FieldValues, FieldPath, ControllerProps, ControllerRenderProps, ControllerFieldState } from 'react-hook-form';
-import { aQ as SelectProps, aE as InputProps, b9 as TextareaProps } from '../kit-labels-D1J2_jyD.js';
+import { b5 as IbanInputProps, bs as PhoneInputProps, bw as SelectProps, bf as InputProps, bR as TextareaProps } from '../feedback-BxeQVzwq.js';
 import { NumberFieldProps } from '../components/number-field.js';
-import { DatePickerProps } from '../components/date-picker.js';
+import { DatePickerProps, DateRangePickerProps } from '../components/date-picker.js';
+import { TimeInputProps } from '../components/time-input.js';
+import { CountrySelectProps } from '../components/country-select.js';
+import { MonthPickerProps } from '../components/month-picker.js';
+import { ToggleGroupBaseProps, ToggleGroupRequiredProps, ToggleGroupClearableProps } from '../components/toggle-group.js';
 import { CheckboxProps } from '../components/checkbox.js';
 import { EntityComboboxProps } from '../components/entity-combobox.js';
 import { ComboboxProps } from '../components/combobox.js';
 import { ComboClearValue } from '../components/combobox-core.js';
-import '../components/data-table-labels.js';
+import '../feedback-attachment-fGAzZPf0.js';
+import '../feedback/feedback-inbox.js';
+import 'lucide-react';
+import '../components/tooltip.js';
+import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
+import '../data-table-labels-B7OdnM0S.js';
+import '../components/data-table-sort.js';
+import '../components/swipeable-row.js';
 import '../components/mini-calendar.js';
 import '../components/calendar-heatmap.js';
 import '../components/popover.js';
 import '../components/chip.js';
-import 'lucide-react';
 import '../components/field-sync.js';
-import '../components/tooltip.js';
-import '../hooks/use-anchored-rect.js';
-import '../lib/clipping.js';
 import '../wizard/types.js';
 import '../tour/tour.js';
 import '../search/command-palette.js';
 import '../search/global-search.js';
 import '../search/search-index.js';
-import '../components/month-picker.js';
 import '../components/page-contents.js';
 import '../components/series-chart-labels.js';
 import '../components/pie-chart-labels.js';
@@ -31,7 +38,6 @@ import '../components/sparkline.js';
 import '../components/stat-tile.js';
 import '../components/signature-pad.js';
 import '../components/password-strength.js';
-import '../components/danger-confirm.js';
 import '../components/swatch-picker.js';
 import '../components/tile-radio.js';
 import '../components/icon-picker.js';
@@ -39,11 +45,7 @@ import '../components/dialog-frame.js';
 import '../components/modal.js';
 import '../hooks/use-search-param-state.js';
 import '../components/measured-grid.js';
-import '../feedback-attachment-WFiXJ8We.js';
-import '../feedback/feedback-thread.js';
-import '../feedback/feedback-inbox.js';
 import '../components/account-settings-labels.js';
-import '../components/confirm-dialog.js';
 import '../components/floating-panel.js';
 import '../components/bulk-action-bar.js';
 import '../components/list.js';
@@ -62,14 +64,19 @@ import '../components/write-lock.js';
 import '../components/legal.js';
 import '../components/account-chips.js';
 import '../lib/format.js';
-import '../data-table-3mi2R3so.js';
-import '../components/data-table-sort.js';
-import '../components/swipeable-row.js';
 import '../components/reauth-dialog.js';
 import '../components/server-wake.js';
 import '../lib/server-wake.js';
 import '../components/translation-review-labels.js';
 import '../lib/translation-review.js';
+import '../components/inline-edit-field.js';
+import '../lib/iban.js';
+import '../lib/phone.js';
+import '../components/sign-chip.js';
+import '../components/column-mapper.js';
+import '../lib/column-mapping.js';
+import '../lib/table-text.js';
+import '../components/field-parts.js';
 import '../components/number-input.js';
 import '../components/calculator.js';
 import '../components/numpad-sheet.js';
@@ -228,6 +235,10 @@ type RhfMoneyFieldProps<TFieldValues extends FieldValues = FieldValues, TName ex
      *  with `rules` as well if a clamp needs explaining. */
     min?: number;
     max?: number;
+    /** Classes for the `<input>` — `className` is the item's box. {@link RhfTextField},
+     *  {@link RhfTextarea} and {@link RhfNumberField} take it; since 0.23 AmountInput
+     *  does too (keksdose G7: `text-end` for a money column). */
+    inputClassName?: string;
 };
 /**
  * The kit's {@link AmountInput}: a money figure with its currency chip and the
@@ -235,7 +246,7 @@ type RhfMoneyFieldProps<TFieldValues extends FieldValues = FieldValues, TName ex
  * `valueAs`.
  */
 declare function RhfMoneyField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformed = TFieldValues>({ name, control, rules, label, hint, required, disabled, excludeWhenDisabled, className, ...amountProps }: RhfMoneyFieldProps<TFieldValues, TName, TTransformed>): react.JSX.Element;
-type RhfDateFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformed = TFieldValues> = RhfFieldBaseProps<TFieldValues, TName, TTransformed> & Omit<DatePickerProps, "value" | "onChange" | "label" | "invalid" | "disabled" | "className" | "id"> & {
+type RhfDateFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformed = TFieldValues> = RhfFieldBaseProps<TFieldValues, TName, TTransformed> & Omit<DatePickerProps, "value" | "onChange" | "label" | "invalid" | "disabled" | "className" | "id" | "error"> & {
     /** Classes for the picker. Default `w-full`. */
     inputClassName?: string;
     /** What a cleared date stores. Default `""`, the empty ISO string; `null` for a
@@ -244,6 +255,168 @@ type RhfDateFieldProps<TFieldValues extends FieldValues = FieldValues, TName ext
 };
 /** The kit's {@link DatePicker}, holding an ISO `"YYYY-MM-DD"` string. */
 declare function RhfDateField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformed = TFieldValues>({ name, control, rules, label, hint, required, disabled, excludeWhenDisabled, className, inputClassName, emptyValue, ...pickerProps }: RhfDateFieldProps<TFieldValues, TName, TTransformed>): react.JSX.Element;
+type OwnDateRangeProps = Omit<DateRangePickerProps, "from" | "to" | "onChange" | "label" | "invalid" | "disabled" | "className" | "id" | "error">;
+type RhfDateRangePickerProps<TFieldValues extends FieldValues = FieldValues, TFromName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TToName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformed = TFieldValues> = Omit<RhfFieldBaseProps<TFieldValues, TFromName, TTransformed>, "name" | "rules"> & OwnDateRangeProps & {
+    /** The form field holding the range's first day, an ISO `"YYYY-MM-DD"`. */
+    fromName: TFromName;
+    /** The form field holding the range's last day. */
+    toName: TToName;
+    /** react-hook-form's `rules` for the start (`required`, a `validate` …). */
+    fromRules?: ControllerProps<TFieldValues, TFromName, TTransformed>["rules"];
+    /** react-hook-form's `rules` for the end — the place for "not before the start",
+     *  which can read the start with `getValues`: the start is always written first. */
+    toRules?: ControllerProps<TFieldValues, TToName, TTransformed>["rules"];
+    /** Classes for the picker. Default `w-full`. */
+    inputClassName?: string;
+    /** What an empty end stores — a clear, or the half-made range between the first
+     *  and second click. Default `""`, the empty ISO string; `null` for a nullable
+     *  schema. */
+    emptyValue?: "" | null;
+};
+/**
+ * The kit's {@link DateRangePicker} over TWO form fields — `fromName` and `toName` —
+ * the way a period is stored: as two columns, each its own schema key, not one
+ * `{ from, to }` object (kastlan 4).
+ *
+ * ```tsx
+ * <RhfDateRangePicker fromName="periodFrom" toName="periodTo" label="Billing period"
+ *   presets={presets} clearable />
+ * ```
+ *
+ * Why it is not {@link RhfField}: a `Controller` binds one name, and the range is
+ * two. Built by hand — an `RhfField` on the start and a second `useController` for
+ * the end, which is what kastlan's period fields needed — it works until the END is
+ * the one in error: the shell's label, message and `aria-invalid` all read the
+ * start's state alone, so "End before start" (a `refine` with `path: ["periodTo"]`,
+ * where such a rule goes) never shows. Here both states are read:
+ *
+ *  - **Either field's error is shown and paints.** The label turns, the trigger is
+ *    `aria-invalid` and wears the danger border when EITHER field has an error, and
+ *    both messages are listed under the field (once, if the two say the same thing),
+ *    each pointed at by the trigger's `aria-describedby`.
+ *  - **One change writes both.** The picker reports the range whole, so the start and
+ *    then the end are written on every change — the end too when only the start
+ *    moved, so a cross-field rule on the end re-runs and an "End before start" clears
+ *    the moment the start is fixed. A clear (`clearable`'s ×) empties both.
+ *  - **Focus on error** lands on the trigger whichever of the two is in error.
+ *  - **Touched** once a range is complete or cleared — not on the first click of a
+ *    pick, which would mark (and, with `mode: "onTouched"`, validate) an end the user
+ *    is still choosing.
+ *
+ * In `commit="immediate"` mode (the picker's default) the first calendar click is
+ * reported on its own, so the form holds `(from, emptyValue)` until the second; with
+ * `commit="apply"` nothing reaches the form until Apply.
+ *
+ * The common props (`label`, `hint`, `required`, `disabled`, `excludeWhenDisabled`,
+ * `control`, `className`) apply to the pair; `rules` are per field.
+ */
+declare function RhfDateRangePicker<TFieldValues extends FieldValues = FieldValues, TFromName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TToName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformed = TFieldValues>({ fromName, toName, control, fromRules, toRules, label, hint, required, disabled, excludeWhenDisabled, className, inputClassName, emptyValue, ...pickerProps }: RhfDateRangePickerProps<TFieldValues, TFromName, TToName, TTransformed>): react.JSX.Element;
+type RhfTimeInputProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformed = TFieldValues> = RhfFieldBaseProps<TFieldValues, TName, TTransformed> & Omit<TimeInputProps, "name" | "value" | "defaultValue" | "onChange" | "onValueChange" | "onBlur" | "label" | "error" | "invalid" | "className" | "disabled" | "required"> & {
+    /** What a cleared time stores. Default `""`; `null` for a nullable schema. */
+    emptyValue?: "" | null;
+};
+/**
+ * The kit's {@link TimeInput}: a time of day as `"HH:mm"` (`"HH:mm:ss"` when `step`
+ * asks for seconds), normalised before it reaches the form, so the stored value
+ * compares and sorts as a string. kastlan 4: the owner meeting's time was an
+ * {@link RhfField} with a hand-wired `TimeInput` in its render — `ref`, `name`, the
+ * `?? ""`, `onValueChange`, `onBlur`, `invalid` — the seven lines every bound field
+ * folds into one.
+ *
+ * `min` / `max` paint an out-of-window time (see TimeInput) but do not fail the form:
+ * validation stays the schema's or `rules`'. `rules={{ validate: (v) =>
+ * isTimeInRange(v, min, max) || "…" }}` says it with the same window.
+ */
+declare function RhfTimeInput<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformed = TFieldValues>({ name, control, rules, label, hint, required, disabled, excludeWhenDisabled, className, emptyValue, ...timeProps }: RhfTimeInputProps<TFieldValues, TName, TTransformed>): react.JSX.Element;
+type OwnTextishProps<P> = Omit<P, "name" | "value" | "defaultValue" | "onChange" | "onValueChange" | "onBlur" | "label" | "error" | "invalid" | "className" | "disabled" | "required">;
+type RhfIbanInputProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformed = TFieldValues> = RhfFieldBaseProps<TFieldValues, TName, TTransformed> & OwnTextishProps<IbanInputProps>;
+/**
+ * {@link IbanInput} bound to one field, which stores the COMPACT upper-case IBAN (what
+ * kastlan's server checks and its QR bill prints). The field's own checksum and
+ * `kind` messages show while the form has nothing to say; a form error (the schema's
+ * or `rules`') replaces them, as a caller's `error` does on the bare field. kastlan
+ * asked for the field; it binds everything through react-hook-form.
+ */
+declare function RhfIbanInput<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformed = TFieldValues>({ name, control, rules, label, hint, required, disabled, excludeWhenDisabled, className, ...ibanProps }: RhfIbanInputProps<TFieldValues, TName, TTransformed>): react.JSX.Element;
+type RhfPhoneInputProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformed = TFieldValues> = RhfFieldBaseProps<TFieldValues, TName, TTransformed> & OwnTextishProps<PhoneInputProps>;
+/**
+ * {@link PhoneInput} bound to one field, which stores E.164 when the number reads as
+ * one and the typed text unchanged otherwise — kastlan's contacts keep their old free
+ * text until someone edits it. Validation (required, a pattern for E.164 only) is the
+ * schema's or `rules`'.
+ */
+declare function RhfPhoneInput<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformed = TFieldValues>({ name, control, rules, label, hint, required, disabled, excludeWhenDisabled, className, ...phoneProps }: RhfPhoneInputProps<TFieldValues, TName, TTransformed>): react.JSX.Element;
+type OwnCountrySelectProps = Omit<CountrySelectProps<boolean>, "value" | "onChange" | "onBlur" | "label" | "hint" | "error" | "invalid" | "disabled" | "className" | "id" | "ref" | "clearable">;
+type RhfCountrySelectProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformed = TFieldValues> = RhfFieldBaseProps<TFieldValues, TName, TTransformed> & OwnCountrySelectProps & {
+    /** Offer the picker's clear "×" (and Delete on the trigger) while a country is
+     *  chosen. A clear stores `clearValue`. */
+    clearable?: boolean;
+    /** What a clear stores. Default `null`; `""` for a schema that spells "no
+     *  country" as an empty string (a zod `z.string().max(2)`, kastlan's). The picker
+     *  reads either back as empty. */
+    clearValue?: ComboClearValue;
+    /** Classes for the picker — `className` is the item's box. */
+    selectClassName?: string;
+};
+/**
+ * {@link CountrySelect} bound to one field, which stores the ISO 3166-1 alpha-2 code
+ * ("CH", always upper-case), or `clearValue` once cleared (`clearable`). kastlan asked
+ * for it (0.22 adoption): its address form wired a `CountrySelect` through
+ * {@link RhfField}'s render, and with no ref on the picker react-hook-form's
+ * focus-on-error had nothing to focus — the one field on the form a failed submit
+ * could not take you to.
+ *
+ * Bound the way {@link RhfIbanInput} and {@link RhfPhoneInput} are: `field.ref` reaches
+ * the trigger (the picker's `ref`, 0.23), the form's error paints the trigger and is
+ * the shell's message under it, the hint is the shell's description — so neither is
+ * ever handed to the picker, and its box never changes when one comes or goes. The
+ * form's label names the trigger together with the chosen country, and is the phone
+ * sheet's title. `commit` and `disabledReason` are the picker's own: a country that
+ * saves itself stays focusable under a lock and says why.
+ *
+ * ```tsx
+ * <RhfCountrySelect name="country" label="Country" required
+ *   preferred={["CH", "LI", "DE", "AT", "FR", "IT"]} rules={{ required: "Choose a country" }} />
+ * ```
+ */
+declare function RhfCountrySelect<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformed = TFieldValues>({ name, control, rules, label, hint, required, disabled, excludeWhenDisabled, className, clearable, clearValue, selectClassName, labels, ...countryProps }: RhfCountrySelectProps<TFieldValues, TName, TTransformed>): react.JSX.Element;
+type OwnMonthPickerProps = Omit<MonthPickerProps, "value" | "onChange" | "onBlur" | "label" | "hint" | "error" | "invalid" | "disabled" | "className" | "id" | "mode">;
+/** `mode` picks what the form stores, and `valueAsNumber` is only offered for a year. */
+type RhfMonthPickerMode = {
+    /** A month, stored as `"YYYY-MM"` (the default). */
+    mode?: "month";
+    valueAsNumber?: undefined;
+} | {
+    /** A year, stored as `"YYYY"` — or as a number with `valueAsNumber`. */
+    mode: "year";
+    /** Store the year as a number (`2026`) rather than `"2026"` — kastlan's budget
+     *  `fiscal_year` is an integer column. A number in the form reads back as its
+     *  year. */
+    valueAsNumber?: boolean;
+};
+type RhfMonthPickerProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformed = TFieldValues> = RhfFieldBaseProps<TFieldValues, TName, TTransformed> & OwnMonthPickerProps & {
+    /** Classes for the picker — `className` is the item's box. As {@link RhfDateField}'s. */
+    inputClassName?: string;
+} & RhfMonthPickerMode;
+/**
+ * {@link MonthPicker} bound to one field: a month as `"YYYY-MM"`, or with `mode="year"` a
+ * year as `"YYYY"` (`valueAsNumber` stores `2026`). kastlan asked for it with
+ * {@link RhfCountrySelect}: its budget wizard's fiscal year was a `MonthPicker
+ * mode="year"` inside {@link RhfField}'s render — the `String()` in, the `Number()`
+ * out, `invalid` by hand — and a failed submit could not focus it, because the picker
+ * forwards no ref.
+ *
+ * Bound as {@link RhfDateField} is: a focus handle finds the trigger by its id, so
+ * focus-on-error lands there; the form's error paints the trigger and is the shell's
+ * message; the hint is the shell's description; neither is handed to the picker, so
+ * its box never changes. Picking marks the field touched.
+ *
+ * ```tsx
+ * <RhfMonthPicker name="fiscalYear" label="Fiscal year" mode="year" valueAsNumber
+ *   min="2020" max="2029" rules={{ required: "Choose a year" }} />
+ * ```
+ */
+declare function RhfMonthPicker<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformed = TFieldValues>({ name, control, rules, label, hint, required, disabled, excludeWhenDisabled, className, inputClassName, mode, valueAsNumber, ...pickerProps }: RhfMonthPickerProps<TFieldValues, TName, TTransformed>): react.JSX.Element;
 interface RhfSelectOption {
     value: string | number;
     label: ReactNode;
@@ -270,6 +443,48 @@ type RhfCheckboxProps<TFieldValues extends FieldValues = FieldValues, TName exte
  * — see Checkbox — so a `<form>` refuses to submit it unticked.
  */
 declare function RhfCheckbox<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformed = TFieldValues>({ name, control, rules, label, hint, required, disabled, excludeWhenDisabled, className, ...boxProps }: RhfCheckboxProps<TFieldValues, TName, TTransformed>): react.JSX.Element;
+/** The two shapes a {@link ToggleGroup} comes in, carried over: `allowEmpty` picks
+ *  whether a press on the chosen option clears it, and types the caption to match. */
+type RhfToggleGroupMode<T extends string> = {
+    /** One option is always the answer (the default): a press on the chosen
+     *  option re-sends it. */
+    allowEmpty?: false;
+    semantics?: ToggleGroupRequiredProps<T>["semantics"];
+    caption?: ToggleGroupRequiredProps<T>["caption"];
+    emptyValue?: undefined;
+} | {
+    /** A press on the chosen option clears it, and the form stores `emptyValue`. */
+    allowEmpty: true;
+    semantics?: ToggleGroupClearableProps<T>["semantics"];
+    caption?: ToggleGroupClearableProps<T>["caption"];
+    /** What a cleared group stores. Default `null`; `""` for a schema that spells
+     *  "no choice" as an empty string. */
+    emptyValue?: null | "";
+};
+type RhfToggleGroupProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, T extends string = string, TTransformed = TFieldValues> = RhfFieldBaseProps<TFieldValues, TName, TTransformed> & Pick<ToggleGroupBaseProps<T>, "options" | "optionClassName" | "overflow" | "size" | "aria-label" | "commit" | "disabledReason"> & {
+    /** Classes for the group itself — `className` is the item's box. */
+    groupClassName?: string;
+} & RhfToggleGroupMode<T>;
+/**
+ * The kit's {@link ToggleGroup} bound to one field: a choice between a few answers
+ * ("Monthly / Quarterly / Yearly"), stored as the chosen option's `value`. kastlan 4
+ * asked for it with {@link RhfTimeInput} and {@link RhfDateRangePicker}: the controls
+ * its forms still had to wire by hand through {@link RhfField}'s render.
+ *
+ * The label is the form's {@link FormLabel} above the bare group, as on every other
+ * bound field — the `labelPlacement="above"` shape, not the group's own field chrome —
+ * and it names the group (`aria-labelledby`); the hint and the message describe it,
+ * and an error paints the group's border. Focus on error goes to the option a
+ * keyboard user would land on (the chosen one, else the first); touched is set when
+ * focus leaves the group, not when it moves between options.
+ *
+ * Required by default, as the group is: a press on the chosen option keeps it. With
+ * `allowEmpty`, a second press clears the choice and the form stores `emptyValue`
+ * (`null` by default) — the options then become toggle buttons, see ToggleGroup. A
+ * value that matches no option (an empty default) leaves nothing pressed; that the
+ * field still needs answering is the schema's or `rules`' to say.
+ */
+declare function RhfToggleGroup<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, T extends string = string, TTransformed = TFieldValues>({ name, control, rules, label, hint, required, disabled, excludeWhenDisabled, className, ...groupProps }: RhfToggleGroupProps<TFieldValues, TName, T, TTransformed>): react.JSX.Element;
 type RhfComboboxProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, V extends string | number = string | number, TTransformed = TFieldValues> = RhfFieldBaseProps<TFieldValues, TName, TTransformed> & Pick<EntityComboboxProps<V>, "options" | "loadOptions" | "loading" | "placeholder" | "searchPlaceholder" | "emptyLabel" | "clearable" | "clearLabel" | "onCreate" | "createLabel" | "filter" | "minChars" | "debounceMs"> & {
     /** What a clear stores — the picker's `clearValue`. Default `null`; `""` for a
      *  schema that spells "no choice" as an empty string. */
@@ -293,4 +508,4 @@ type RhfTextComboboxProps<TFieldValues extends FieldValues = FieldValues, TName
  */
 declare function RhfTextCombobox<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformed = TFieldValues>({ name, control, rules, label, hint, required, disabled, excludeWhenDisabled, className, comboClassName, ...comboProps }: RhfTextComboboxProps<TFieldValues, TName, TTransformed>): react.JSX.Element;
 
-export { RhfCheckbox, type RhfCheckboxProps, RhfCombobox, type RhfComboboxProps, RhfDateField, type RhfDateFieldProps, RhfField, type RhfFieldBaseProps, type RhfFieldProps, type RhfFieldRenderContext, RhfIntegerField, type RhfIntegerFieldProps, RhfMoneyField, type RhfMoneyFieldProps, RhfNumberField, type RhfNumberFieldProps, RhfSelect, type RhfSelectOption, type RhfSelectProps, RhfTextCombobox, type RhfTextComboboxProps, RhfTextField, type RhfTextFieldProps, RhfTextarea, type RhfTextareaProps };
+export { RhfCheckbox, type RhfCheckboxProps, RhfCombobox, type RhfComboboxProps, RhfCountrySelect, type RhfCountrySelectProps, RhfDateField, type RhfDateFieldProps, RhfDateRangePicker, type RhfDateRangePickerProps, RhfField, type RhfFieldBaseProps, type RhfFieldProps, type RhfFieldRenderContext, RhfIbanInput, type RhfIbanInputProps, RhfIntegerField, type RhfIntegerFieldProps, RhfMoneyField, type RhfMoneyFieldProps, RhfMonthPicker, type RhfMonthPickerProps, RhfNumberField, type RhfNumberFieldProps, RhfPhoneInput, type RhfPhoneInputProps, RhfSelect, type RhfSelectOption, type RhfSelectProps, RhfTextCombobox, type RhfTextComboboxProps, RhfTextField, type RhfTextFieldProps, RhfTextarea, type RhfTextareaProps, RhfTimeInput, type RhfTimeInputProps, RhfToggleGroup, type RhfToggleGroupProps };