@classytic/fluid 0.1.1 → 0.1.2

package/dist/index.d.ts

@@ -7,6 +7,7 @@ import { LucideIcon, LucideProps } from 'lucide-react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import { FieldValues, Control, FieldPath, FieldError, Path } from 'react-hook-form';
+export { Container, ContainerProps, Section, SectionProps } from './layout.js';
 import 'clsx';
 
 /**
@@ -1247,9 +1248,9 @@ interface SwitchInputProps<TFieldValues extends FieldValues = FieldValues> {
 declare function SwitchInput<TFieldValues extends FieldValues = FieldValues>({ control, name, label, description, helperText, required, disabled, orientation, value: propValue, onChange: propOnChange, onValueChange, className, labelClassName, switchClassName, }: SwitchInputProps<TFieldValues>): react_jsx_runtime.JSX.Element;
 
 type DateValue = Date | string | null | undefined;
-interface DateInputProps {
-    control?: Control<FieldValues>;
-    name: string;
+interface DateInputProps<TFieldValues extends FieldValues = FieldValues> {
+    control?: Control<TFieldValues>;
+    name: FieldPath<TFieldValues> | string;
     label?: string;
     placeholder?: string;
     description?: string;
@@ -1283,7 +1284,7 @@ interface DateInputProps {
  * />
  * ```
  */
-declare function DateInput({ control, name, label, description, helperText, placeholder, required, disabled, className, labelClassName, inputClassName, minDate, maxDate, onValueChange, value: propValue, onChange: propOnChange, Icon, allowClear, }: DateInputProps): react_jsx_runtime.JSX.Element;
+declare function DateInput<TFieldValues extends FieldValues = FieldValues>({ control, name, label, description, helperText, placeholder, required, disabled, className, labelClassName, inputClassName, minDate, maxDate, onValueChange, value: propValue, onChange: propOnChange, Icon, allowClear, }: DateInputProps<TFieldValues>): react_jsx_runtime.JSX.Element;
 
 interface TagInputProps {
     control?: Control<FieldValues>;
@@ -1332,9 +1333,9 @@ interface TagChoiceItem {
     label: string;
     disabled?: boolean;
 }
-interface TagChoiceInputProps {
-    control?: Control<FieldValues>;
-    name?: string;
+interface TagChoiceInputProps<TFieldValues extends FieldValues = FieldValues> {
+    control?: Control<TFieldValues>;
+    name: FieldPath<TFieldValues> | string;
     label?: string;
     placeholder?: string;
     description?: string;
@@ -1362,7 +1363,7 @@ interface TagChoiceInputProps {
  * />
  * ```
  */
-declare function TagChoiceInput({ control, name, label, description, helperText, placeholder, required, disabled, className, items, value: propValue, onValueChange, }: TagChoiceInputProps): react_jsx_runtime.JSX.Element;
+declare function TagChoiceInput<TFieldValues extends FieldValues = FieldValues>({ control, name, label, description, helperText, placeholder, required, disabled, className, items, value: propValue, onValueChange, }: TagChoiceInputProps<TFieldValues>): react_jsx_runtime.JSX.Element;
 declare namespace TagChoiceInput {
     var displayName: string;
 }
@@ -1372,12 +1373,11 @@ interface ComboboxOption {
     label: string;
     disabled?: boolean;
 }
-interface ComboboxInputProps {
-    control?: Control<FieldValues>;
-    name: string;
+interface ComboboxInputProps<TFieldValues extends FieldValues = FieldValues> {
+    control?: Control<TFieldValues>;
+    name: FieldPath<TFieldValues> | string;
     label?: string;
     placeholder?: string;
-    searchPlaceholder?: string;
     emptyText?: string;
     description?: string;
     helperText?: string;
@@ -1389,14 +1389,21 @@ interface ComboboxInputProps {
     onValueChange?: (value: string) => void;
     className?: string;
     labelClassName?: string;
-    triggerClassName?: string;
+    inputClassName?: string;
     renderOption?: (option: ComboboxOption) => ReactNode;
 }
 /**
- * ComboboxInput - Searchable select with react-hook-form integration
+ * ComboboxInput - Searchable select with react-hook-form integration using Base UI
+ *
+ * Features:
+ * - Works with react-hook-form Controller
+ * - Supports Base UI Combobox primitives
+ * - Custom option rendering
+ * - Can be used standalone without form
  *
  * @example
  * ```tsx
+ * // With react-hook-form
  * <ComboboxInput
  *   control={form.control}
  *   name="country"
@@ -1405,11 +1412,20 @@ interface ComboboxInputProps {
  *     { value: "us", label: "United States" },
  *     { value: "uk", label: "United Kingdom" },
  *   ]}
- *   searchPlaceholder="Search countries..."
+ *   placeholder="Select a country..."
+ * />
+ *
+ * // Standalone
+ * <ComboboxInput
+ *   name="country"
+ *   label="Country"
+ *   items={items}
+ *   value={selectedCountry}
+ *   onValueChange={setSelectedCountry}
  * />
  * ```
  */
-declare function ComboboxInput({ control, name, label, placeholder, searchPlaceholder, emptyText, description, helperText, required, disabled, items, className, labelClassName, triggerClassName, onValueChange, renderOption, value: propValue, onChange: propOnChange, }: ComboboxInputProps): react_jsx_runtime.JSX.Element;
+declare function ComboboxInput<TFieldValues extends FieldValues = FieldValues>({ control, name, label, placeholder, emptyText, description, helperText, required, disabled, items, className, labelClassName, inputClassName, onValueChange, renderOption, value: propValue, onChange: propOnChange, }: ComboboxInputProps<TFieldValues>): react_jsx_runtime.JSX.Element;
 
 interface SlugFieldProps {
     control?: Control<FieldValues>;
@@ -1514,11 +1530,11 @@ interface DateRangeValue {
     from?: Date | string;
     to?: Date | string;
 }
-interface DateRangeInputProps {
+interface DateRangeInputProps<TFieldValues extends FieldValues = FieldValues> {
     /** React Hook Form control */
-    control?: Control<any>;
+    control?: Control<TFieldValues>;
     /** Field name for form registration */
-    name?: string;
+    name: FieldPath<TFieldValues> | string;
     /** Field label */
     label?: string;
     /** Description text below the input */
@@ -1578,7 +1594,7 @@ interface DateRangeInputProps {
  * />
  * ```
  */
-declare function DateRangeInput({ control, name, label, description, placeholder, required, disabled, className, labelClassName, buttonClassName, calendarClassName, minDate, maxDate, disabledDates, disabledDays, onValueChange, validateDateRange, clearErrors, descriptionComponent, allowClear, showBadge, Icon, transform, }: DateRangeInputProps): react_jsx_runtime.JSX.Element;
+declare function DateRangeInput<TFieldValues extends FieldValues = FieldValues>({ control, name, label, description, placeholder, required, disabled, className, labelClassName, buttonClassName, calendarClassName, minDate, maxDate, disabledDates, disabledDays, onValueChange, validateDateRange, clearErrors, descriptionComponent, allowClear, showBadge, Icon, transform, }: DateRangeInputProps<TFieldValues>): react_jsx_runtime.JSX.Element;
 
 interface SearchRootProps {
     children: ReactNode;