react-component-kit-ui 0.0.0-stage → 0.1.0

package/dist/types/components/lib/feedback/CyberGlitchAlert.d.ts

@@ -0,0 +1,14 @@
+import type { HTMLAttributes } from 'react';
+import './CyberGlitchAlert.css';
+/**
+ * CyberGlitchAlert — A loud, high-contrast alert box with a CSS glitch animation effect.
+ *
+ * @param message - Optional. Default 'CRITICAL ERROR'.
+ * @param accentColor - Optional. Default '#00e0ff'.
+ */
+export interface CyberGlitchAlertProps extends HTMLAttributes<HTMLDivElement> {
+    message?: string;
+    accentColor?: string;
+}
+export declare function CyberGlitchAlert({ message, accentColor, className, style, ...rest }: CyberGlitchAlertProps): import("react").JSX.Element;
+export default CyberGlitchAlert;

package/dist/types/components/lib/feedback/EmptyStateCard.d.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes, MouseEventHandler, ReactNode } from 'react';
+import './EmptyStateCard.css';
+/**
+ * EmptyStateCard — A placeholder component for empty views or failed searches.
+ *
+ * @param icon - Optional. Icon node. Default '📁'.
+ * @param title - Optional. Default 'No results found'.
+ * @param message - Optional.
+ * @param ctaLabel - Optional. Renders a call-to-action button when set.
+ * @param onCtaClick - Optional. Click handler for the CTA.
+ */
+export interface EmptyStateCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    icon?: ReactNode;
+    title?: ReactNode;
+    message?: ReactNode;
+    ctaLabel?: string;
+    onCtaClick?: MouseEventHandler<HTMLButtonElement>;
+}
+export declare function EmptyStateCard({ icon, title, message, ctaLabel, onCtaClick, className, ...rest }: EmptyStateCardProps): import("react").JSX.Element;
+export default EmptyStateCard;

package/dist/types/components/lib/feedback/GlassAlert.d.ts

@@ -0,0 +1,15 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './GlassAlert.css';
+/**
+ * GlassAlert — A translucent feedback bar for displaying situational messages.
+ *
+ * @param type - Optional. 'info' | 'success' | 'warning' | 'error'. Default 'info'.
+ * @param title - Required. Alert heading.
+ */
+export interface GlassAlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    type?: 'info' | 'success' | 'warning' | 'error';
+    title: ReactNode;
+    children?: ReactNode;
+}
+export declare function GlassAlert({ type, title, className, children, ...rest }: GlassAlertProps): import("react").JSX.Element;
+export default GlassAlert;

package/dist/types/components/lib/feedback/GlassModal.d.ts

@@ -0,0 +1,24 @@
+import type { DialogHTMLAttributes, ReactNode } from 'react';
+import './GlassModal.css';
+/**
+ * GlassModal — A premium overlay dialog for critical confirmations or focused interactions.
+ * Built on the native <dialog> element (focus trap, Esc to close, top layer).
+ *
+ * @param open - Required. Controls visibility.
+ * @param onClose - Called on cancel, Esc, or backdrop click.
+ * @param onConfirm - Called when the confirm button is pressed.
+ * @param title - Optional. Default 'Confirm Action'.
+ * @param confirmLabel - Optional. Default 'Confirm'.
+ * @param cancelLabel - Optional. Default 'Cancel'.
+ */
+export interface GlassModalProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, 'open' | 'title'> {
+    open: boolean;
+    onClose?: () => void;
+    onConfirm?: () => void;
+    title?: ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    children?: ReactNode;
+}
+export declare function GlassModal({ open, onClose, onConfirm, title, confirmLabel, cancelLabel, className, children, ...rest }: GlassModalProps): import("react").JSX.Element;
+export default GlassModal;

package/dist/types/components/lib/feedback/GlassProgress.d.ts

@@ -0,0 +1,14 @@
+import type { HTMLAttributes } from 'react';
+import './GlassProgress.css';
+/**
+ * GlassProgress — A horizontal linear progress bar with glassmorphism and gradient fill.
+ *
+ * @param value - Required. 0–100.
+ * @param label - Optional. Accessible label. Default 'Progress bar'.
+ */
+export interface GlassProgressProps extends HTMLAttributes<HTMLDivElement> {
+    value: number;
+    label?: string;
+}
+export declare function GlassProgress({ value, label, className, ...rest }: GlassProgressProps): import("react").JSX.Element;
+export default GlassProgress;

package/dist/types/components/lib/feedback/IndicatorBadgeMinimal.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './IndicatorBadgeMinimal.css';
+/**
+ * IndicatorBadgeMinimal — A small notification dot placed on the corner of an icon or avatar.
+ *
+ * @param color - Optional. Default 'var(--c-primary, #6366f1)'.
+ * @param position - Optional. Corner. Default 'top-right'.
+ * @param pulse - Optional. Default false.
+ */
+export interface IndicatorBadgeMinimalProps extends HTMLAttributes<HTMLDivElement> {
+    color?: string;
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+    pulse?: boolean;
+    children?: ReactNode;
+}
+export declare function IndicatorBadgeMinimal({ color, position, pulse, className, children, ...rest }: IndicatorBadgeMinimalProps): import("react").JSX.Element;
+export default IndicatorBadgeMinimal;

package/dist/types/components/lib/feedback/NeonSpinner.d.ts

@@ -0,0 +1,16 @@
+import type { HTMLAttributes } from 'react';
+import './NeonSpinner.css';
+/**
+ * NeonSpinner — A sleek, glowing loading spinner with customizable color and size.
+ *
+ * @param color - Optional. Default 'var(--c-primary, #6366f1)'.
+ * @param size - Optional. 'sm' | 'md' | 'lg'. Default 'md'.
+ * @param label - Optional. Accessible label. Default 'Loading'.
+ */
+export interface NeonSpinnerProps extends HTMLAttributes<HTMLDivElement> {
+    color?: string;
+    size?: 'sm' | 'md' | 'lg';
+    label?: string;
+}
+export declare function NeonSpinner({ color, size, label, className, style, ...rest }: NeonSpinnerProps): import("react").JSX.Element;
+export default NeonSpinner;

package/dist/types/components/lib/feedback/ProgressRingCounter.d.ts

@@ -0,0 +1,22 @@
+import type { HTMLAttributes } from 'react';
+import './ProgressRingCounter.css';
+/**
+ * ProgressRingCounter — Circular SVG progress ring with centered countdown or metric value.
+ *
+ * @param value - Optional. Default 75.
+ * @param max - Optional. Default 100.
+ * @param size - Optional. px. Default 96.
+ * @param strokeWidth - Optional. Default 6.
+ * @param color - Optional. Default '#d4a017'.
+ * @param label - Optional. Caption under the value. Default 'COMPLETED'.
+ */
+export interface ProgressRingCounterProps extends HTMLAttributes<HTMLDivElement> {
+    value?: number;
+    max?: number;
+    size?: number;
+    strokeWidth?: number;
+    color?: string;
+    label?: string;
+}
+export declare function ProgressRingCounter({ value, max, size, strokeWidth, color, label, className, style, ...rest }: ProgressRingCounterProps): import("react").JSX.Element;
+export default ProgressRingCounter;

package/dist/types/components/lib/feedback/PulseDot.d.ts

@@ -0,0 +1,14 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './PulseDot.css';
+/**
+ * PulseDot — A status indicator with a labeled text and a pulsing dot animation.
+ *
+ * @param label - Required. Status text.
+ * @param color - Optional. Default '#34d399'.
+ */
+export interface PulseDotProps extends HTMLAttributes<HTMLDivElement> {
+    label: ReactNode;
+    color?: string;
+}
+export declare function PulseDot({ label, color, className, style, ...rest }: PulseDotProps): import("react").JSX.Element;
+export default PulseDot;

package/dist/types/components/lib/feedback/RatingPill.d.ts

@@ -0,0 +1,15 @@
+import type { HTMLAttributes } from 'react';
+import './RatingPill.css';
+/**
+ * RatingPill — A compact badge displaying a numeric score or rating stars.
+ * Colour adapts to the score: ≥4 high, ≥3 mid, otherwise low.
+ *
+ * @param score - Required. Usually 0–5.
+ * @param showStar - Optional. Default true.
+ */
+export interface RatingPillProps extends HTMLAttributes<HTMLDivElement> {
+    score: number;
+    showStar?: boolean;
+}
+export declare function RatingPill({ score, showStar, className, ...rest }: RatingPillProps): import("react").JSX.Element;
+export default RatingPill;

package/dist/types/components/lib/feedback/ShakeErrorGroup.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './ShakeErrorGroup.css';
+/**
+ * ShakeErrorGroup — A feedback container that shakes horizontally to indicate failure or invalid input.
+ * Tip: change its `key` to replay the shake on every new error.
+ *
+ * @param message - Required.
+ * @param active - Optional. Triggers the shake. Default false.
+ * @param icon - Optional. Default '⚠️'.
+ */
+export interface ShakeErrorGroupProps extends HTMLAttributes<HTMLDivElement> {
+    message: ReactNode;
+    active?: boolean;
+    icon?: ReactNode;
+}
+export declare function ShakeErrorGroup({ message, active, icon, className, ...rest }: ShakeErrorGroupProps): import("react").JSX.Element;
+export default ShakeErrorGroup;

package/dist/types/components/lib/feedback/SimpleTooltip.d.ts

@@ -0,0 +1,15 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './SimpleTooltip.css';
+/**
+ * SimpleTooltip — A lightweight hover-based hint for buttons or icons (pure CSS).
+ *
+ * @param text - Required. Tooltip text.
+ * @param position - Optional. 'top' | 'bottom' | 'left' | 'right'. Default 'top'.
+ */
+export interface SimpleTooltipProps extends HTMLAttributes<HTMLDivElement> {
+    text: string;
+    position?: 'top' | 'bottom' | 'left' | 'right';
+    children?: ReactNode;
+}
+export declare function SimpleTooltip({ text, position, className, children, ...rest }: SimpleTooltipProps): import("react").JSX.Element;
+export default SimpleTooltip;

package/dist/types/components/lib/feedback/SkeletonList.d.ts

@@ -0,0 +1,12 @@
+import type { HTMLAttributes } from 'react';
+import './SkeletonList.css';
+/**
+ * SkeletonList — Shimmering loading placeholder for lists or feed items.
+ *
+ * @param count - Optional. Number of rows. Default 3.
+ */
+export interface SkeletonListProps extends HTMLAttributes<HTMLDivElement> {
+    count?: number;
+}
+export declare function SkeletonList({ count, className, ...rest }: SkeletonListProps): import("react").JSX.Element;
+export default SkeletonList;

package/dist/types/components/lib/feedback/Spotlight.d.ts

@@ -0,0 +1,15 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './Spotlight.css';
+/**
+ * Spotlight — A visual emphasis component that dims the page and highlights its children.
+ *
+ * @param active - Optional. Default false.
+ * @param opacity - Optional. Backdrop dim opacity. Default 0.7.
+ */
+export interface SpotlightProps extends HTMLAttributes<HTMLDivElement> {
+    active?: boolean;
+    opacity?: number;
+    children?: ReactNode;
+}
+export declare function Spotlight({ active, opacity, className, style, children, ...rest }: SpotlightProps): import("react").JSX.Element;
+export default Spotlight;

package/dist/types/components/lib/feedback/StepProgress.d.ts

@@ -0,0 +1,16 @@
+import type { HTMLAttributes } from 'react';
+import './StepProgress.css';
+/**
+ * StepProgress — A multi-stage stepper indicating flow through several discrete points.
+ *
+ * @param steps - Optional. Default Details / Payment / Finish.
+ * @param activeIndex - Optional. Zero-based current step. Default 0.
+ */
+export interface StepProgressProps extends HTMLAttributes<HTMLDivElement> {
+    steps?: Array<{
+        label: string;
+    }>;
+    activeIndex?: number;
+}
+export declare function StepProgress({ steps, activeIndex, className, ...rest }: StepProgressProps): import("react").JSX.Element;
+export default StepProgress;

package/dist/types/components/lib/feedback/ToastNotif.d.ts

@@ -0,0 +1,18 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './ToastNotif.css';
+/**
+ * ToastNotif — A transient snackbar notification that appears at the corner of the screen.
+ *
+ * @param message - Required.
+ * @param icon - Optional. Default '✅'.
+ * @param variant - Optional. 'success' | 'info' | 'error'. Default 'success'.
+ * @param show - Optional. Visibility (animated). Default true.
+ */
+export interface ToastNotifProps extends HTMLAttributes<HTMLDivElement> {
+    message: ReactNode;
+    icon?: ReactNode;
+    variant?: 'success' | 'info' | 'error';
+    show?: boolean;
+}
+export declare function ToastNotif({ message, icon, variant, show, className, ...rest }: ToastNotifProps): import("react").JSX.Element;
+export default ToastNotif;

package/dist/types/components/lib/feedback/ToastNotificationGroup.d.ts

@@ -0,0 +1,22 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './ToastNotificationGroup.css';
+/**
+ * ToastNotificationGroup — Stackable notification banner with auto-timed progress bar, icon, and dismiss action.
+ *
+ * @param type - Optional. 'success' | 'warning' | 'error' | 'info'. Default 'success'.
+ * @param title - Optional. Default 'Changes Saved'.
+ * @param message - Optional.
+ * @param actionText - Optional. Default 'Undo'. Pass '' to hide.
+ * @param onAction - Optional. Action button handler.
+ * @param onDismiss - Optional. Called after the dismiss animation ends.
+ */
+export interface ToastNotificationGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    type?: 'success' | 'warning' | 'error' | 'info';
+    title?: ReactNode;
+    message?: ReactNode;
+    actionText?: string;
+    onAction?: () => void;
+    onDismiss?: () => void;
+}
+export declare function ToastNotificationGroup({ type, title, message, actionText, onAction, onDismiss, className, style, ...rest }: ToastNotificationGroupProps): import("react").JSX.Element | null;
+export default ToastNotificationGroup;

package/dist/types/components/lib/feedback/TypingIndicator.d.ts

@@ -0,0 +1,14 @@
+import type { HTMLAttributes } from 'react';
+import './TypingIndicator.css';
+/**
+ * TypingIndicator — A classic three-dot animation indicating a message is being composed.
+ *
+ * @param dotColor - Optional. Default 'var(--c-primary, #6366f1)'.
+ * @param label - Optional. Accessible label. Default 'Someone is typing...'.
+ */
+export interface TypingIndicatorProps extends HTMLAttributes<HTMLDivElement> {
+    dotColor?: string;
+    label?: string;
+}
+export declare function TypingIndicator({ dotColor, label, className, ...rest }: TypingIndicatorProps): import("react").JSX.Element;
+export default TypingIndicator;

package/dist/types/components/lib/feedback/index.d.ts

@@ -0,0 +1,22 @@
+export { AnimatedCheckmark, type AnimatedCheckmarkProps } from './AnimatedCheckmark';
+export { Badge, type BadgeProps } from './Badge';
+export { CircleProgress, type CircleProgressProps } from './CircleProgress';
+export { ConfettiFeedback, type ConfettiFeedbackProps } from './ConfettiFeedback';
+export { CyberGlitchAlert, type CyberGlitchAlertProps } from './CyberGlitchAlert';
+export { EmptyStateCard, type EmptyStateCardProps } from './EmptyStateCard';
+export { GlassAlert, type GlassAlertProps } from './GlassAlert';
+export { GlassModal, type GlassModalProps } from './GlassModal';
+export { GlassProgress, type GlassProgressProps } from './GlassProgress';
+export { IndicatorBadgeMinimal, type IndicatorBadgeMinimalProps } from './IndicatorBadgeMinimal';
+export { NeonSpinner, type NeonSpinnerProps } from './NeonSpinner';
+export { ProgressRingCounter, type ProgressRingCounterProps } from './ProgressRingCounter';
+export { PulseDot, type PulseDotProps } from './PulseDot';
+export { RatingPill, type RatingPillProps } from './RatingPill';
+export { ShakeErrorGroup, type ShakeErrorGroupProps } from './ShakeErrorGroup';
+export { SimpleTooltip, type SimpleTooltipProps } from './SimpleTooltip';
+export { SkeletonList, type SkeletonListProps } from './SkeletonList';
+export { Spotlight, type SpotlightProps } from './Spotlight';
+export { StepProgress, type StepProgressProps } from './StepProgress';
+export { ToastNotif, type ToastNotifProps } from './ToastNotif';
+export { ToastNotificationGroup, type ToastNotificationGroupProps } from './ToastNotificationGroup';
+export { TypingIndicator, type TypingIndicatorProps } from './TypingIndicator';

package/dist/types/components/lib/forms/AnimatedInput.d.ts

@@ -0,0 +1,23 @@
+import './AnimatedInput.css';
+/**
+ * AnimatedInput — A form input with a floating label animation and focus glow effect.
+ *
+ * @param {string} label - The visible indicator for the input field.
+ * @param {string} id - The HTML id and for attribute linkage.
+ * @param {string} type - Input element type. Default is 'text'.
+ * @param {string} placeholder - Passed placeholder. Default is ' '. (Space is needed for CSS :placeholder-shown to work).
+ * @param {boolean} required - HTML required attribute parameter. Default is false.
+ * @param {string} name - HTML input name binding.
+ * @param {string} autocomplete - HTML autocomplete hint (e.g. 'email', 'given-name'). Default is 'off'.
+ */
+export interface AnimatedInputProps {
+    label: string;
+    id: string;
+    type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';
+    placeholder?: string;
+    required?: boolean;
+    name?: string;
+    autocomplete?: string;
+}
+export declare function AnimatedInput({ label, id, type, placeholder, required, name, autocomplete }: AnimatedInputProps): import("react").JSX.Element;
+export default AnimatedInput;

package/dist/types/components/lib/forms/ChipInput.d.ts

@@ -0,0 +1,17 @@
+import './ChipInput.css';
+/**
+ * ChipInput — An interactive input for managing a list of tags or chips.
+ *
+ * @param {string} label - Input labeling title.
+ * @param {string[]} initialChips - Optional array of strings to pre-populate.
+ * @param {string} name - HTML name for form submission.
+ * @param {string} placeholder - Placeholder text for the input area.
+ */
+export interface ChipInputProps {
+    label?: string;
+    initialChips?: string[];
+    name?: string;
+    placeholder?: string;
+}
+export declare function ChipInput({ label, initialChips, name, placeholder }: ChipInputProps): import("react").JSX.Element;
+export default ChipInput;

package/dist/types/components/lib/forms/ColorPickerInput.d.ts

@@ -0,0 +1,17 @@
+import './ColorPickerInput.css';
+/**
+ * ColorPickerInput — A specialized input for selecting hex colors with a circular preview.
+ *
+ * @param {string} label - Input labeling title.
+ * @param {string} id - HTML ID for the picker.
+ * @param {string} value - Default starting color value (hex). Default is '#6366f1'.
+ * @param {string} name - HTML name binding.
+ */
+export interface ColorPickerInputProps {
+    label: string;
+    id: string;
+    value?: string;
+    name?: string;
+}
+export declare function ColorPickerInput({ label, id, value, name }: ColorPickerInputProps): import("react").JSX.Element;
+export default ColorPickerInput;

package/dist/types/components/lib/forms/CurrencyInput.d.ts

@@ -0,0 +1,21 @@
+import './CurrencyInput.css';
+/**
+ * CurrencyInput — A numeric input prefixed with a currency symbol for financial data entry.
+ *
+ * @param {string} label - Input labeling title.
+ * @param {string} id - HTML ID for attribution.
+ * @param {string} symbol - Currency symbol to display (e.g. "$", "€"). Default is "$".
+ * @param {number} value - Pre-filled numeric value.
+ * @param {string} name - HTML name binding.
+ * @param {number} step - Numeric increment. Default is 0.01.
+ */
+export interface CurrencyInputProps {
+    label: string;
+    id: string;
+    symbol?: string;
+    value?: number;
+    name?: string;
+    step?: number;
+}
+export declare function CurrencyInput({ label, id, symbol, value, name, step }: CurrencyInputProps): import("react").JSX.Element;
+export default CurrencyInput;

package/dist/types/components/lib/forms/CustomRadioGroup.d.ts

@@ -0,0 +1,21 @@
+import './CustomRadioGroup.css';
+/**
+ * CustomRadioGroup — A group of styled radio buttons for vertical or horizontal options.
+ *
+ * @param {string} label - Optional title for the fieldset.
+ * @param {string} name - Common HTML name for the radio group.
+ * @param {Array<{label: string, value: string, checked?: boolean}>} options - List of choices.
+ * @param {boolean} horizontal - Layout orientation. Default is false (vertical).
+ */
+export interface CustomRadioGroupProps {
+    label?: string;
+    name: string;
+    options: Array<{
+        label: string;
+        value: string;
+        checked?: boolean;
+    }>;
+    horizontal?: boolean;
+}
+export declare function CustomRadioGroup({ label, name, options, horizontal }: CustomRadioGroupProps): import("react").JSX.Element;
+export default CustomRadioGroup;

package/dist/types/components/lib/forms/CyberpunkCheckbox.d.ts

@@ -0,0 +1,17 @@
+import './CyberpunkCheckbox.css';
+/**
+ * CyberpunkCheckbox — A bold, neon-themed checkbox with angular borders and glitch-toggle effect.
+ *
+ * @param {string} label - Text label displayed alongside the checkbox.
+ * @param {string} id - HTML ID for the checkbox.
+ * @param {string} name - HTML name binding.
+ * @param {boolean} checked - Initial toggle state.
+ */
+export interface CyberpunkCheckboxProps {
+    label: string;
+    id: string;
+    name?: string;
+    checked?: boolean;
+}
+export declare function CyberpunkCheckbox({ label, id, name, checked }: CyberpunkCheckboxProps): import("react").JSX.Element;
+export default CyberpunkCheckbox;

package/dist/types/components/lib/forms/DragDropUpload.d.ts

@@ -0,0 +1,19 @@
+import './DragDropUpload.css';
+/**
+ * DragDropUpload — A prominent file upload zone with drag-and-drop support and visual feedback.
+ *
+ * @param {string} label - Primary instruction text. Default is "Drag files here or browse".
+ * @param {string} id - HTML ID for the file input.
+ * @param {string} name - HTML name binding.
+ * @param {string} accept - Allowed file types (e.g. "image/*").
+ * @param {boolean} multiple - Enable multiple file selection.
+ */
+export interface DragDropUploadProps {
+    label?: string;
+    id: string;
+    name?: string;
+    accept?: string;
+    multiple?: boolean;
+}
+export declare function DragDropUpload({ label, id, name, accept, multiple }: DragDropUploadProps): import("react").JSX.Element;
+export default DragDropUpload;

package/dist/types/components/lib/forms/ErrorInput.d.ts

@@ -0,0 +1,19 @@
+import './ErrorInput.css';
+/**
+ * ErrorInput — A styled input strictly formatted to demonstrate error or invalid validation states.
+ *
+ * @param {string} id - The ID for the input form element.
+ * @param {string} errorMessage - The message text presented below the input field.
+ * @param {string} value - Default starting value mimicking failed data.
+ * @param {string} placeholder - Optional standard placeholder.
+ * @param {string} name - HTML name binding.
+ */
+export interface ErrorInputProps {
+    id: string;
+    errorMessage: string;
+    value?: string;
+    placeholder?: string;
+    name?: string;
+}
+export declare function ErrorInput({ id, errorMessage, value, placeholder, name }: ErrorInputProps): import("react").JSX.Element;
+export default ErrorInput;

package/dist/types/components/lib/forms/FloatingPassword.d.ts

@@ -0,0 +1,17 @@
+import './FloatingPassword.css';
+/**
+ * FloatingPassword — A password input field featuring a reveal/hide toggle inside the frame.
+ *
+ * @param {string} id - Unique identifier linking toggle state securely.
+ * @param {string} placeholder - Default text visible when empty. Default is "Password".
+ * @param {string} name - HTML name binding.
+ * @param {boolean} required - HTML required indicator.
+ */
+export interface FloatingPasswordProps {
+    id: string;
+    placeholder?: string;
+    name?: string;
+    required?: boolean;
+}
+export declare function FloatingPassword({ id, placeholder, name, required }: FloatingPasswordProps): import("react").JSX.Element;
+export default FloatingPassword;

package/dist/types/components/lib/forms/FormGroupVertical.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from 'react';
+import './FormGroupVertical.css';
+/**
+ * FormGroupVertical — A structural wrapper component for grouping an input with its label and validation messaging.
+ *
+ * @param {string} label - The descriptive title for the field.
+ * @param {string} forId - The target ID of the child input (for label association).
+ * @param {string} helpText - Optional secondary guidance text below the input.
+ * @param {string} error - Optional error message that applies error styling.
+ * @param {boolean} required - Displays a required indicator if true.
+ */
+export interface FormGroupVerticalProps {
+    label: string;
+    forId: string;
+    helpText?: string;
+    error?: string;
+    required?: boolean;
+    children?: ReactNode;
+}
+export declare function FormGroupVertical({ label, forId, helpText, error, required, children }: FormGroupVerticalProps): import("react").JSX.Element;
+export default FormGroupVertical;

package/dist/types/components/lib/forms/GlassInlineToggleGroup.d.ts

@@ -0,0 +1,21 @@
+import './GlassInlineToggleGroup.css';
+/**
+ * GlassInlineToggleGroup — Segmented glassmorphism pill toggle for multi-option selection.
+ *
+ * @param {string} name - HTML radio group name.
+ * @param {Array<{label: string, value: string, icon?: string}>} options - Selectable options list.
+ * @param {string} defaultValue - Value of the active option.
+ * @param {'sm' | 'md' | 'lg'} size - Pill size scale. Default is 'md'.
+ */
+export interface GlassInlineToggleGroupProps {
+    name: string;
+    options?: Array<{
+        label: string;
+        value: string;
+        icon?: string;
+    }>;
+    defaultValue?: string;
+    size?: 'sm' | 'md' | 'lg';
+}
+export declare function GlassInlineToggleGroup({ name, options, defaultValue, size, }: GlassInlineToggleGroupProps): import("react").JSX.Element;
+export default GlassInlineToggleGroup;

package/dist/types/components/lib/forms/GlassSlider.d.ts

@@ -0,0 +1,23 @@
+import './GlassSlider.css';
+/**
+ * GlassSlider — A translucent range slider with a glowing thumb and backdrop-blur track.
+ *
+ * @param {string} label - Optional descriptive text title.
+ * @param {string} id - HTML ID for the range input.
+ * @param {string} name - HTML name binding.
+ * @param {number} min - Minimum value. Default is 0.
+ * @param {number} max - Maximum value. Default is 100.
+ * @param {number} value - Initial starting value. Default is 50.
+ * @param {number} step - Step increment. Default is 1.
+ */
+export interface GlassSliderProps {
+    label?: string;
+    id: string;
+    name?: string;
+    min?: number;
+    max?: number;
+    value?: number;
+    step?: number;
+}
+export declare function GlassSlider({ label, id, name, min, max, value, step }: GlassSliderProps): import("react").JSX.Element;
+export default GlassSlider;

package/dist/types/components/lib/forms/GlassTextarea.d.ts

@@ -0,0 +1,21 @@
+import './GlassTextarea.css';
+/**
+ * GlassTextarea — A multiline text input with glassmorphism surface styling.
+ *
+ * @param {string} label - Input grouping label title.
+ * @param {string} id - The ID mapping the label to the textbox.
+ * @param {number} rows - Starting HTML rows count height. Default is 4.
+ * @param {string} placeholder - Displayed placeholder within the box when empty.
+ * @param {string} name - Form data extraction name binding.
+ * @param {boolean} required - HTML required indicator.
+ */
+export interface GlassTextareaProps {
+    label: string;
+    id: string;
+    rows?: number;
+    placeholder?: string;
+    name?: string;
+    required?: boolean;
+}
+export declare function GlassTextarea({ label, id, rows, placeholder, name, required }: GlassTextareaProps): import("react").JSX.Element;
+export default GlassTextarea;