florixui 1.8.0 → 1.10.0

package/README.md

@@ -577,6 +577,16 @@ A modal window overlaid on the page that interrupts the user to require a respon
 </Dialog>
 ```
 
+### Divider
+
+A separator that can carry a label, a count badge, and an icon — with start / center / end label positions, color and thickness variants, and a vertical orientation. For a plain rule, use Separator.
+
+```tsx
+<Divider label="Trigger Settings" labelPosition="start" />
+<Divider label="Or continue with" labelPosition="center" />
+<Divider label="Section end" labelPosition="end" />
+```
+
 ### Dropdown Menu
 
 Displays a menu of actions or options triggered by a button, built on Radix UI with full keyboard and focus support.

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/divider.d.ts

@@ -0,0 +1,31 @@
+import * as React from "react";
+declare const dividerVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface DividerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color"> {
+    /** Label text shown in the divider. */
+    label?: React.ReactNode;
+    /** Optional count rendered as a badge after the label. */
+    count?: number;
+    /** Tint for the line, label, and count. */
+    color?: "default" | "primary" | "muted";
+    /** Line weight. */
+    thickness?: "thin" | "medium" | "thick";
+    /** Size of the label text. */
+    labelSize?: "sm" | "md" | "lg";
+    /** Where the label sits along a horizontal divider. */
+    labelPosition?: "start" | "center" | "end";
+    /** Divider orientation. */
+    orientation?: "horizontal" | "vertical";
+    /** Height for a vertical divider (e.g. "h-11", "h-full"). */
+    height?: string;
+    /** Optional icon shown before the label (horizontal, start position). */
+    icon?: React.ReactNode;
+}
+/**
+ * A separator that can carry a `label`, a `count` badge, and an `icon`. Supports
+ * `start` / `center` / `end` label positions, `color` and `thickness` variants,
+ * and a `vertical` orientation. For a plain rule with no label, use `Separator`.
+ */
+declare function Divider({ className, label, count, color, thickness, labelSize, labelPosition, orientation, height, icon, ...props }: DividerProps): import("react/jsx-runtime").JSX.Element;
+export { Divider, dividerVariants };

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';
@@ -13,6 +14,7 @@ export * from './components/custom/confirm-prompt';
 export * from './components/custom/custom-tabs';
 export * from './components/custom/data-cell';
 export * from './components/custom/def-row';
+export * from './components/custom/divider';
 export * from './components/custom/empty-state';
 export * from './components/custom/faceted-filter';
 export * from './components/custom/list-card';