@sudobility/components 2.0.33 → 3.0.0

package/dist/forms/inputs/password-input.d.ts

@@ -0,0 +1,68 @@
+import { default as React } from 'react';
+export interface PasswordStrength {
+    /** Strength score (0-4) */
+    score: 0 | 1 | 2 | 3 | 4;
+    /** Strength label */
+    label: 'Very Weak' | 'Weak' | 'Fair' | 'Good' | 'Strong';
+    /** Color for strength indicator */
+    color: string;
+}
+export interface PasswordInputProps {
+    /** Input value */
+    value: string;
+    /** Change handler */
+    onChange: (value: string) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Show strength indicator */
+    showStrength?: boolean;
+    /** Show requirements checklist */
+    showRequirements?: boolean;
+    /** Minimum length requirement */
+    minLength?: number;
+    /** Require uppercase */
+    requireUppercase?: boolean;
+    /** Require lowercase */
+    requireLowercase?: boolean;
+    /** Require numbers */
+    requireNumbers?: boolean;
+    /** Require special characters */
+    requireSpecial?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * PasswordInput Component
+ *
+ * Password input with show/hide toggle and strength indicator.
+ * Displays requirements checklist and validates password strength.
+ *
+ * @example
+ * ```tsx
+ * <PasswordInput
+ *   value={password}
+ *   onChange={setPassword}
+ *   showStrength
+ *   showRequirements
+ *   minLength={8}
+ *   requireUppercase
+ *   requireNumbers
+ *   requireSpecial
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <PasswordInput
+ *   value={newPassword}
+ *   onChange={setNewPassword}
+ *   placeholder="Enter new password"
+ *   showStrength
+ * />
+ * ```
+ */
+export declare const PasswordInput: React.FC<PasswordInputProps>;
+export default PasswordInput;
+//# sourceMappingURL=password-input.d.ts.map

package/dist/forms/inputs/password-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-input.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/password-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,gBAAgB;IAC/B,2BAA2B;IAC3B,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzB,qBAAqB;IACrB,KAAK,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;IACzD,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8BAA8B;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wBAAwB;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sBAAsB;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iCAAiC;IACjC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmOtD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/forms/inputs/password-strength.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UpasswordUstrength Component
+ *
+ * A reusable UpasswordUstrength component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UpasswordUstrength className="custom-class" />
+ * ```
+ *
+ * @remarks
+ * This component supports:
+ * - Light and dark themes automatically
+ * - Responsive design
+ * - Accessibility features
+ * - TypeScript type safety
+ *
+ * @see {@link https://docs.example.com/components/password-strength}
+ */
+export interface UpasswordUstrengthProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Component children */
+    children?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Callback when component is interacted with */
+    onClick?: () => void;
+}
+export declare const UpasswordUstrength: ({ className, children, disabled, onClick, }: UpasswordUstrengthProps) => import("react/jsx-runtime").JSX.Element;
+export default UpasswordUstrength;
+//# sourceMappingURL=password-strength.d.ts.map

package/dist/forms/inputs/password-strength.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-strength.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/password-strength.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,uBAAuB;IACtC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,GAAI,6CAKhC,uBAAuB,4CAmBzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/forms/inputs/phone-directory.d.ts

@@ -0,0 +1,19 @@
+/**
+ * PhoneDirectory Component
+ *
+ * Telecommunications component with full dark mode support.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <PhoneDirectory className="custom-class" />
+ * ```
+ */
+export interface PhoneDirectoryProps {
+    className?: string;
+    children?: React.ReactNode;
+    disabled?: boolean;
+}
+export declare const PhoneDirectory: ({ className, children, disabled, }: PhoneDirectoryProps) => import("react/jsx-runtime").JSX.Element;
+export default PhoneDirectory;
+//# sourceMappingURL=phone-directory.d.ts.map

package/dist/forms/inputs/phone-directory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-directory.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/phone-directory.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,GAAI,oCAI5B,mBAAmB,4CAiBrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/forms/inputs/phone-input.d.ts

@@ -0,0 +1,58 @@
+import { default as React } from 'react';
+export interface Country {
+    /** Country code (ISO 3166-1 alpha-2) */
+    code: string;
+    /** Country name */
+    name: string;
+    /** Dial code */
+    dialCode: string;
+    /** Flag emoji */
+    flag: string;
+}
+export interface PhoneInputProps {
+    /** Phone value */
+    value: string;
+    /** Change handler */
+    onChange: (value: string) => void;
+    /** Selected country code */
+    country?: string;
+    /** Country change handler */
+    onCountryChange?: (country: string) => void;
+    /** Available countries (defaults to common countries) */
+    countries?: Country[];
+    /** Placeholder text */
+    placeholder?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * PhoneInput Component
+ *
+ * Phone number input with country code selector.
+ * Formats phone numbers and shows country flags.
+ *
+ * @example
+ * ```tsx
+ * <PhoneInput
+ *   value={phoneNumber}
+ *   onChange={setPhoneNumber}
+ *   country={selectedCountry}
+ *   onCountryChange={setSelectedCountry}
+ *   placeholder="Phone number"
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <PhoneInput
+ *   value={phone}
+ *   onChange={setPhone}
+ *   countries={customCountryList}
+ * />
+ * ```
+ */
+export declare const PhoneInput: React.FC<PhoneInputProps>;
+export default PhoneInput;
+//# sourceMappingURL=phone-input.d.ts.map

package/dist/forms/inputs/phone-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-input.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/phone-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,OAAO;IACtB,wCAAwC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,eAAe;IAC9B,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IACtB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqBD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyLhD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/forms/inputs/radio-group.d.ts

@@ -0,0 +1,76 @@
+import { default as React } from 'react';
+export interface RadioOption {
+    /** Option value */
+    value: string;
+    /** Option label */
+    label: string;
+    /** Option description */
+    description?: string;
+    /** Disabled state for this option */
+    disabled?: boolean;
+}
+export interface RadioGroupProps {
+    /** Group name (for radio buttons) */
+    name?: string;
+    /** Currently selected value */
+    value: string;
+    /** Callback when selection changes */
+    onChange: (value: string) => void;
+    /** Array of options */
+    options: RadioOption[];
+    /** Group label */
+    label?: string;
+    /** Layout orientation */
+    orientation?: 'vertical' | 'horizontal';
+    /** Disabled state for entire group */
+    disabled?: boolean;
+    /** Error state */
+    error?: boolean;
+    /** Error message */
+    errorMessage?: string;
+    /** Required field */
+    required?: boolean;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Custom option renderer */
+    renderOption?: (option: RadioOption) => React.ReactNode;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * RadioGroup Component
+ *
+ * Group of radio buttons with consistent styling and layout.
+ * Supports vertical and horizontal orientations with descriptions.
+ *
+ * @example
+ * ```tsx
+ * <RadioGroup
+ *   name="plan"
+ *   value={selectedPlan}
+ *   onChange={setSelectedPlan}
+ *   options={[
+ *     { value: 'free', label: 'Free Plan', description: 'Basic features' },
+ *     { value: 'pro', label: 'Pro Plan', description: 'Advanced features' },
+ *   ]}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <RadioGroup
+ *   name="theme"
+ *   value={theme}
+ *   onChange={setTheme}
+ *   options={[
+ *     { value: 'light', label: 'Light' },
+ *     { value: 'dark', label: 'Dark' },
+ *     { value: 'auto', label: 'Auto' },
+ *   ]}
+ *   orientation="horizontal"
+ * />
+ * ```
+ */
+export declare const RadioGroup: React.FC<RadioGroupProps>;
+export default RadioGroup;
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/forms/inputs/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,MAAM,WAAW,WAAW;IAC1B,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,uBAAuB;IACvB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,6BAA6B;IAC7B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuJhD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/forms/inputs/search-input.d.ts

@@ -0,0 +1,52 @@
+import { default as React } from 'react';
+export interface SearchInputProps {
+    /** Current search query */
+    value?: string;
+    /** Callback when query changes */
+    onChange?: (query: string) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Auto-focus on mount */
+    autoFocus?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Show search icon */
+    showIcon?: boolean;
+    /** Show clear button when has value */
+    showClear?: boolean;
+    /** Loading state */
+    loading?: boolean;
+    /** Additional className */
+    className?: string;
+    /** Additional input props */
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+}
+/**
+ * SearchInput Component
+ *
+ * Search input field with icon, clear button, and loading state.
+ * Controlled or uncontrolled component with debouncing support.
+ *
+ * @example
+ * ```tsx
+ * <SearchInput
+ *   placeholder="Search emails..."
+ *   onChange={query => setSearchQuery(query)}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <SearchInput
+ *   value={query}
+ *   onChange={setQuery}
+ *   loading={isSearching}
+ *   size="lg"
+ * />
+ * ```
+ */
+export declare const SearchInput: React.FC<SearchInputProps>;
+export default SearchInput;
+//# sourceMappingURL=search-input.d.ts.map

package/dist/forms/inputs/search-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/search-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,MAAM,WAAW,gBAAgB;IAC/B,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;CAC1D;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6JlD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/forms/inputs/select.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };
+//# sourceMappingURL=select.d.ts.map

package/dist/forms/inputs/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAK1D,QAAA,MAAM,MAAM,uCAAuB,CAAC;AAEpC,QAAA,MAAM,WAAW,yGAAwB,CAAC;AAE1C,QAAA,MAAM,WAAW,0GAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa,oKAiBjB,CAAC;AAGH,QAAA,MAAM,oBAAoB,qKAcxB,CAAC;AAGH,QAAA,MAAM,sBAAsB,uKAc1B,CAAC;AAIH,QAAA,MAAM,aAAa,8JA8BjB,CAAC;AAGH,QAAA,MAAM,WAAW,4JASf,CAAC;AAGH,QAAA,MAAM,UAAU,2JAqBd,CAAC;AAGH,QAAA,MAAM,eAAe,gKASnB,CAAC;AAGH,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,CAAC"}

package/dist/forms/inputs/slider-input.d.ts

@@ -0,0 +1,12 @@
+export interface SliderInputProps {
+    value: number;
+    onChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    showValue?: boolean;
+    className?: string;
+}
+export declare const SliderInput: ({ value, onChange, min, max, step, showValue, className, }: SliderInputProps) => import("react/jsx-runtime").JSX.Element;
+export default SliderInput;
+//# sourceMappingURL=slider-input.d.ts.map

package/dist/forms/inputs/slider-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-input.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/slider-input.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,GAAI,4DAQzB,gBAAgB,4CAmBlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/forms/inputs/slider.d.ts

@@ -0,0 +1,67 @@
+import { default as React } from 'react';
+export interface SliderProps {
+    /** Current value */
+    value: number;
+    /** Callback when value changes */
+    onChange: (value: number) => void;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step increment */
+    step?: number;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Show value label */
+    showValue?: boolean;
+    /** Value label formatter */
+    formatValue?: (value: number) => string;
+    /** Show min/max labels */
+    showMinMax?: boolean;
+    /** Min label */
+    minLabel?: string;
+    /** Max label */
+    maxLabel?: string;
+    /** Color variant */
+    variant?: 'primary' | 'success' | 'warning' | 'danger';
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Additional className */
+    className?: string;
+}
+/**
+ * Slider Component
+ *
+ * Range input slider with customizable styling, labels, and value display.
+ * Supports different colors, sizes, and formatting options.
+ *
+ * @example
+ * ```tsx
+ * <Slider
+ *   value={volume}
+ *   onChange={setVolume}
+ *   min={0}
+ *   max={100}
+ *   showValue
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Slider
+ *   value={spamLevel}
+ *   onChange={setSpamLevel}
+ *   min={0}
+ *   max={100}
+ *   variant="warning"
+ *   showValue
+ *   formatValue={v => `${v}%`}
+ *   showMinMax
+ *   minLabel="None"
+ *   maxLabel="Strict"
+ * />
+ * ```
+ */
+export declare const Slider: React.FC<SliderProps>;
+export default Slider;
+//# sourceMappingURL=slider.d.ts.map

package/dist/forms/inputs/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,WAAW;IAC1B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACvD,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgIxC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/forms/inputs/switch.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare const Switch: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-switch').SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Switch };
+//# sourceMappingURL=switch.d.ts.map

package/dist/forms/inputs/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,MAAM,8KAkBV,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/forms/inputs/tag-input.d.ts

@@ -0,0 +1,50 @@
+import { default as React } from 'react';
+export interface TagInputProps {
+    /** Tag values */
+    value: string[];
+    /** Change handler */
+    onChange: (tags: string[]) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Max number of tags */
+    maxTags?: number;
+    /** Tag validation function */
+    validate?: (tag: string) => boolean;
+    /** Tag validation function (alias for validate) */
+    validator?: (tag: string) => boolean;
+    /** Separator characters (default: Enter, Comma) */
+    separators?: string[];
+    /** Allow duplicates */
+    allowDuplicates?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Error state */
+    error?: boolean;
+    /** Error message */
+    errorMessage?: string;
+    /** Tag variant style */
+    variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'error';
+    /** Custom tag renderer */
+    renderTag?: (tag: string, index: number, remove: () => void) => React.ReactNode;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * TagInput Component
+ *
+ * Multi-value input that creates removable tags/chips.
+ * Useful for emails, keywords, categories, etc.
+ *
+ * @example
+ * ```tsx
+ * <TagInput
+ *   value={emails}
+ *   onChange={setEmails}
+ *   placeholder="Enter email addresses..."
+ *   validate={(email) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)}
+ * />
+ * ```
+ */
+export declare const TagInput: React.FC<TagInputProps>;
+export default TagInput;
+//# sourceMappingURL=tag-input.d.ts.map

package/dist/forms/inputs/tag-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-input.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/tag-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,MAAM,WAAW,aAAa;IAC5B,iBAAiB;IACjB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,qBAAqB;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IACpC,mDAAmD;IACnD,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IACrC,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,uBAAuB;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wBAAwB;IACxB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACpE,0BAA0B;IAC1B,SAAS,CAAC,EAAE,CACV,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,IAAI,KACf,KAAK,CAAC,SAAS,CAAC;IACrB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqN5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/forms/inputs/text-area.d.ts

@@ -0,0 +1,57 @@
+import { default as React } from 'react';
+export interface TextAreaProps {
+    /** Current value */
+    value: string;
+    /** Callback when value changes */
+    onChange: (value: string) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Number of visible rows */
+    rows?: number;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Read-only state */
+    readOnly?: boolean;
+    /** Show character count */
+    showCount?: boolean;
+    /** Maximum character count */
+    maxLength?: number;
+    /** Resize behavior */
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Additional className */
+    className?: string;
+    /** Additional textarea props */
+    textareaProps?: React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+}
+/**
+ * TextArea Component
+ *
+ * Multi-line text input with character counting, resize options,
+ * and consistent styling across the application.
+ *
+ * @example
+ * ```tsx
+ * <TextArea
+ *   value={message}
+ *   onChange={setMessage}
+ *   placeholder="Write your message..."
+ *   rows={5}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <TextArea
+ *   value={bio}
+ *   onChange={setBio}
+ *   showCount
+ *   maxLength={500}
+ *   placeholder="Tell us about yourself..."
+ * />
+ * ```
+ */
+export declare const TextArea: React.FC<TextAreaProps>;
+export default TextArea;
+//# sourceMappingURL=text-area.d.ts.map

package/dist/forms/inputs/text-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/text-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,aAAa;IAC5B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IACrD,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,aAAa,CAAC,EAAE,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;CACnE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0F5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/forms/inputs/time-picker.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+export interface TimePickerProps {
+    /** Time value in HH:mm format (24-hour) */
+    value: string;
+    /** Change handler */
+    onChange: (value: string) => void;
+    /** Use 12-hour format */
+    use12Hour?: boolean;
+    /** Minute step interval */
+    minuteStep?: number;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * TimePicker Component
+ *
+ * Time selection with dropdown or scrollable columns.
+ * Supports 12-hour and 24-hour formats.
+ *
+ * @example
+ * ```tsx
+ * <TimePicker
+ *   value={time}
+ *   onChange={setTime}
+ *   use12Hour
+ *   minuteStep={15}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <TimePicker
+ *   value={selectedTime}
+ *   onChange={handleTimeChange}
+ * />
+ * ```
+ */
+export declare const TimePicker: React.FC<TimePickerProps>;
+export default TimePicker;
+//# sourceMappingURL=time-picker.d.ts.map

package/dist/forms/inputs/time-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/time-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,MAAM,WAAW,eAAe;IAC9B,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,yBAAyB;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2BAA2B;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyPhD,CAAC;AAEF,eAAe,UAAU,CAAC"}