florixui 1.8.0 → 1.9.0

package/dist/components/custom/advanced-input.d.ts

@@ -1,3 +1,4 @@
+import { PhoneCountry } from './phone-countries';
 import * as React from "react";
 type BaseProps = {
     /** Label rendered above the control. */
@@ -36,4 +37,21 @@ type TextareaProps = BaseProps & Omit<React.TextareaHTMLAttributes<HTMLTextAreaE
 };
 export type AdvancedInputProps = InputProps | TextareaProps;
 export declare const AdvancedInput: React.ForwardRefExoticComponent<AdvancedInputProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+export interface PhoneInputProps extends Omit<InputProps, "as" | "startItem" | "value" | "onChange" | "type" | "defaultValue"> {
+    /** Full phone value in E.164-ish form, e.g. "+919876543210". Controlled. */
+    value?: string;
+    /** Called with the combined "+{dial}{number}" string. */
+    onChange?: (value: string) => void;
+    /** Default selected country ISO (e.g. "US"). */
+    defaultCountry?: string;
+    /** Country list. Defaults to a curated common set. */
+    countries?: PhoneCountry[];
+}
+/**
+ * A phone-number field: a searchable country dial-code selector attached to a
+ * number input, built on `AdvancedInput`. Controlled via `value`/`onChange`,
+ * which use the combined `+{dial}{number}` string. No external dependency — pass
+ * your own `countries` for the full list.
+ */
+export declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/components/custom/date-time-picker.d.ts

@@ -16,6 +16,16 @@ export interface DateTimePickerProps {
     minDate?: string;
     /** Disable days after this date (ISO/date string). */
     maxDate?: string;
+    /**
+     * Caption style: `dropdown` (default) shows month + year dropdowns for quick
+     * year jumps; `label` shows the month name with prev/next arrows only.
+     */
+    captionLayout?: "dropdown" | "dropdown-months" | "dropdown-years" | "label";
+    /**
+     * Selectable year span for the dropdown, `[from, to]`. Defaults to 100 years
+     * back and 5 years ahead of the current year (clamped by min/maxDate).
+     */
+    yearRange?: [number, number];
     /** Disable the field. */
     disabled?: boolean;
     /** Class for the wrapper. */
@@ -27,4 +37,4 @@ export interface DateTimePickerProps {
  * Set `showTime={false}` for date-only. This is the same field the
  * `DateTimeRangePicker` uses for its custom from/to inputs.
  */
-export declare function DateTimePicker({ value, onChange, label, placeholder, showTime, timezone, minDate, maxDate, disabled, className, }: DateTimePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateTimePicker({ value, onChange, label, placeholder, showTime, timezone, minDate, maxDate, captionLayout, yearRange, disabled, className, }: DateTimePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/custom/phone-countries.d.ts

@@ -0,0 +1,16 @@
+/** A country for the phone-input dial-code selector. */
+export interface PhoneCountry {
+    /** ISO 3166-1 alpha-2 code, e.g. "US". */
+    iso: string;
+    /** Display name. */
+    name: string;
+    /** Dial code without "+", e.g. "1", "91". */
+    dial: string;
+    /** Flag emoji. */
+    flag: string;
+}
+/**
+ * A curated, commonly-used set of countries. Not exhaustive — pass your own
+ * `countries` to `PhoneInput` if you need the full list. Sorted by name.
+ */
+export declare const PHONE_COUNTRIES: PhoneCountry[];

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export { cn } from './lib/utils';
 export { useFileUpload, formatBytes, type FileMetadata, type FileWithPreview, type FileUploadOptions, type FileUploadState, type FileUploadActions, } from './lib/use-file-upload';
 export * from './components/custom/actions-menu';
 export * from './components/custom/advanced-input';
+export * from './components/custom/phone-countries';
 export * from './components/custom/alert-card';
 export * from './components/custom/file-upload';
 export * from './components/custom/advanced-select';