@brycks/core-front 0.2.7 → 0.2.9

package/dist/design-system/tokens/zIndex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zIndex.js","sources":["../../../src/design-system/tokens/zIndex.ts"],"sourcesContent":["/**\r\n * Brycks Design System - Z-Index Tokens\r\n *\r\n * Layering system for consistent stacking context management.\r\n */\r\n\r\n/** Z-index scale */\r\nexport const zIndex = {\r\n  /** Hidden - below everything */\r\n  hide: -1,\r\n  /** Auto - default stacking */\r\n  auto: 'auto',\r\n  /** Base - normal content */\r\n  base: 0,\r\n  /** Docked - sticky elements */\r\n  docked: 10,\r\n  /** Dropdown - menus, selects */\r\n  dropdown: 1000,\r\n  /** Sticky - sticky headers */\r\n  sticky: 1100,\r\n  /** Banner - notification banners */\r\n  banner: 1200,\r\n  /** Overlay - backdrop overlays */\r\n  overlay: 1300,\r\n  /** Modal - dialog windows */\r\n  modal: 1400,\r\n  /** Popover - popovers, tooltips */\r\n  popover: 1500,\r\n  /** Skiplink - accessibility skip links */\r\n  skipLink: 1600,\r\n  /** Toast - notification toasts */\r\n  toast: 1700,\r\n  /** Tooltip - tooltips (highest) */\r\n  tooltip: 1800,\r\n} as const\r\n\r\nexport type ZIndex = keyof typeof zIndex\r\n"],"names":["zIndex"],"mappings":"AAOO,MAAMA,IAAS;AAAA;AAAA,EAEpB,MAAM;AAAA;AAAA,EAEN,MAAM;AAAA;AAAA,EAEN,MAAM;AAAA;AAAA,EAEN,QAAQ;AAAA;AAAA,EAER,UAAU;AAAA;AAAA,EAEV,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA;AAAA,EAER,SAAS;AAAA;AAAA,EAET,OAAO;AAAA;AAAA,EAEP,SAAS;AAAA;AAAA,EAET,UAAU;AAAA;AAAA,EAEV,OAAO;AAAA;AAAA,EAEP,SAAS;AACX;"}

package/dist/feedback.d.ts

@@ -0,0 +1,244 @@
+import { default as default_2 } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { HTMLAttributes } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+
+export declare const Alert: default_2.ForwardRefExoticComponent<AlertProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare type AlertIntent = 'info' | 'success' | 'warning' | 'error';
+
+export declare interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Visual intent/status */
+    intent?: AlertIntent;
+    /** Visual variant */
+    variant?: AlertVariant;
+    /** Alert title */
+    title?: ReactNode;
+    /** Custom icon */
+    icon?: ReactNode;
+    /** Whether to show default icon */
+    showIcon?: boolean;
+    /** Action element (button, link) */
+    action?: ReactNode;
+    /** Whether alert can be dismissed */
+    isDismissible?: boolean;
+    /** Callback when dismissed */
+    onDismiss?: () => void;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+    /** Alert content */
+    children?: ReactNode;
+}
+
+export declare type AlertVariant = 'subtle' | 'solid' | 'outline';
+
+export declare const Drawer: ForwardRefExoticComponent<DrawerProps & RefAttributes<HTMLDivElement>>;
+
+export declare type DrawerPlacement = 'left' | 'right' | 'top' | 'bottom';
+
+export declare interface DrawerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Whether the drawer is open */
+    isOpen: boolean;
+    /** Callback when drawer should close */
+    onClose: () => void;
+    /** Drawer placement */
+    placement?: DrawerPlacement;
+    /** Drawer size */
+    size?: DrawerSize;
+    /** Drawer title */
+    title?: ReactNode;
+    /** Whether to close on overlay click */
+    closeOnOverlayClick?: boolean;
+    /** Whether to close on escape key */
+    closeOnEscape?: boolean;
+    /** Whether to show close button */
+    showCloseButton?: boolean;
+    /** Whether to show overlay */
+    showOverlay?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type DrawerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+
+export declare const Modal: ForwardRefExoticComponent<ModalProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Whether the modal is open */
+    isOpen: boolean;
+    /** Callback when modal should close */
+    onClose: () => void;
+    /** Modal size */
+    size?: ModalSize;
+    /** Modal title */
+    title?: ReactNode;
+    /** Modal description */
+    description?: ReactNode;
+    /** Whether to close on overlay click */
+    closeOnOverlayClick?: boolean;
+    /** Whether to close on escape key */
+    closeOnEscape?: boolean;
+    /** Whether to show close button */
+    showCloseButton?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+    /** Modal content */
+    children?: ReactNode;
+}
+
+export declare type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+
+export declare const Popover: default_2.ForwardRefExoticComponent<PopoverProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare type PopoverPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
+
+export declare interface PopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'content'> {
+    /** Popover content */
+    content: ReactNode;
+    /** Trigger element */
+    children: ReactElement;
+    /** Placement relative to trigger */
+    placement?: PopoverPlacement;
+    /** How to trigger the popover */
+    trigger?: PopoverTrigger;
+    /** Whether the popover is open (controlled) */
+    isOpen?: boolean;
+    /** Default open state (uncontrolled) */
+    defaultOpen?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (isOpen: boolean) => void;
+    /** Offset from trigger in pixels */
+    offset?: number;
+    /** Delay before showing (hover trigger) */
+    openDelay?: number;
+    /** Delay before hiding (hover trigger) */
+    closeDelay?: number;
+    /** Whether to close on outside click */
+    closeOnOutsideClick?: boolean;
+    /** Whether to show arrow */
+    showArrow?: boolean;
+    /** Custom class name for content */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type PopoverTrigger = 'click' | 'hover';
+
+export declare const Progress: ForwardRefExoticComponent<ProgressProps & RefAttributes<HTMLDivElement>>;
+
+export declare type ProgressIntent = 'primary' | 'success' | 'warning' | 'error';
+
+export declare interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Current value (0-100) */
+    value?: number;
+    /** Maximum value */
+    max?: number;
+    /** Progress size */
+    size?: ProgressSize;
+    /** Progress variant */
+    variant?: ProgressVariant;
+    /** Progress intent/color */
+    intent?: ProgressIntent;
+    /** Whether to show the value label */
+    showValue?: boolean;
+    /** Whether the progress is indeterminate */
+    indeterminate?: boolean;
+    /** Format value for display */
+    formatValue?: (value: number, max: number) => string;
+    /** Label text */
+    label?: string;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type ProgressSize = 'xs' | 'sm' | 'md' | 'lg';
+
+export declare type ProgressVariant = 'linear' | 'circular';
+
+export declare const Toast: ForwardRefExoticComponent<ToastProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface ToastContextValue {
+    toasts: ToastItem[];
+    addToast: (props: Omit<ToastProps, 'isOpen' | 'onClose'>) => string;
+    removeToast: (id: string) => void;
+    removeAll: () => void;
+}
+
+export declare type ToastIntent = 'info' | 'success' | 'warning' | 'error';
+
+export declare interface ToastItem {
+    id: string;
+    props: Omit<ToastProps, 'isOpen' | 'onClose'>;
+}
+
+export declare type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+
+export declare interface ToastProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Toast intent/type */
+    intent?: ToastIntent;
+    /** Toast title */
+    title?: ReactNode;
+    /** Toast description */
+    description?: ReactNode;
+    /** Whether the toast is visible */
+    isOpen?: boolean;
+    /** Duration in ms before auto-dismiss (0 = no auto-dismiss) */
+    duration?: number;
+    /** Callback when toast should close */
+    onClose?: () => void;
+    /** Whether to show close button */
+    showCloseButton?: boolean;
+    /** Action button */
+    action?: ReactNode;
+    /** Custom icon */
+    icon?: ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare function ToastProvider({ children, position, maxToasts, }: ToastProviderProps): JSX.Element;
+
+export declare interface ToastProviderProps {
+    children: ReactNode;
+    position?: ToastPosition;
+    maxToasts?: number;
+}
+
+export declare const Tooltip: ForwardRefExoticComponent<TooltipProps & RefAttributes<HTMLDivElement>>;
+
+export declare type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+
+export declare interface TooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'content'> {
+    /** Tooltip content */
+    content: ReactNode;
+    /** Placement relative to trigger */
+    placement?: TooltipPlacement;
+    /** Delay before showing (ms) */
+    delay?: number;
+    /** Whether tooltip is disabled */
+    isDisabled?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+    /** Trigger element */
+    children: ReactNode;
+}
+
+export declare function useToast(): ToastContextValue;
+
+export { }

package/dist/form.d.ts

@@ -0,0 +1,415 @@
+import { CSSProperties } from 'react';
+import { FormHTMLAttributes } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { HTMLAttributes } from 'react';
+import { InputHTMLAttributes } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { LabelHTMLAttributes } from 'react';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+import { SelectHTMLAttributes } from 'react';
+import { TextareaHTMLAttributes } from 'react';
+
+export declare const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    /** Checkbox size */
+    size?: CheckboxSize;
+    /** Label text */
+    label?: ReactNode;
+    /** Description below label */
+    description?: ReactNode;
+    /** Error state */
+    isInvalid?: boolean;
+    /** Indeterminate state */
+    isIndeterminate?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type CheckboxSize = 'sm' | 'md' | 'lg';
+
+export declare const DateInput: ForwardRefExoticComponent<DateInputProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface DateInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    /** Input size */
+    size?: DateInputSize;
+    /** Input variant */
+    variant?: DateInputVariant;
+    /** Type of date input */
+    type?: DateInputType;
+    /** Input label */
+    label?: ReactNode;
+    /** Helper text below input */
+    helperText?: ReactNode;
+    /** Error message */
+    error?: ReactNode;
+    /** Whether the input is invalid */
+    isInvalid?: boolean;
+    /** Icon on the left side */
+    leftIcon?: ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type DateInputSize = 'sm' | 'md' | 'lg';
+
+export declare type DateInputType = 'date' | 'datetime-local' | 'time' | 'month' | 'week';
+
+export declare type DateInputVariant = 'outline' | 'filled' | 'flushed';
+
+export declare const FieldError: ForwardRefExoticComponent<FieldErrorProps & RefAttributes<HTMLSpanElement>>;
+
+export declare interface FieldErrorProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
+    /** Error size */
+    size?: FieldErrorSize;
+    /** Error message */
+    children: ReactNode;
+    /** Whether to show the error icon */
+    showIcon?: boolean;
+    /** Custom icon */
+    icon?: ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type FieldErrorSize = 'sm' | 'md' | 'lg';
+
+export declare const FileInput: ForwardRefExoticComponent<FileInputProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface FileInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'onChange' | 'value'> {
+    /** Input size */
+    size?: FileInputSize;
+    /** Input variant */
+    variant?: FileInputVariant;
+    /** Accepted file types (e.g., "image/*,.pdf") */
+    accept?: string;
+    /** Whether multiple files can be selected */
+    multiple?: boolean;
+    /** Maximum file size in bytes */
+    maxSize?: number;
+    /** Label text */
+    label?: ReactNode;
+    /** Description text inside dropzone */
+    description?: ReactNode;
+    /** Error message */
+    error?: ReactNode;
+    /** Whether the input is invalid */
+    isInvalid?: boolean;
+    /** Callback when files are selected */
+    onChange?: (files: File[]) => void;
+    /** Icon to display in dropzone */
+    icon?: ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type FileInputSize = 'sm' | 'md' | 'lg';
+
+export declare type FileInputVariant = 'default' | 'dropzone';
+
+export declare const Form: ForwardRefExoticComponent<FormProps & RefAttributes<HTMLFormElement>>;
+
+export declare const FormField: ForwardRefExoticComponent<FormFieldProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface FormFieldProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Field size */
+    size?: FormFieldSize;
+    /** Field label */
+    label?: ReactNode;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Helper text below the field */
+    helperText?: ReactNode;
+    /** Error message (also sets invalid state) */
+    error?: ReactNode;
+    /** Whether the field is invalid */
+    isInvalid?: boolean;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Custom ID for the field (auto-generated if not provided) */
+    fieldId?: string;
+    /** Field orientation */
+    orientation?: 'vertical' | 'horizontal';
+    /** Label width for horizontal orientation */
+    labelWidth?: number | string;
+    /** Custom class name */
+    className?: string;
+    /** Children (form input) */
+    children: ReactNode | ((props: {
+        id: string;
+        'aria-describedby'?: string;
+        'aria-invalid'?: boolean;
+    }) => ReactNode);
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type FormFieldSize = 'sm' | 'md' | 'lg';
+
+export declare type FormGap = 'sm' | 'md' | 'lg' | 'xl';
+
+export declare const FormGroup: ForwardRefExoticComponent<FormGroupProps & RefAttributes<HTMLDivElement>>;
+
+export declare type FormGroupGap = 'none' | 'xs' | 'sm' | 'md';
+
+export declare interface FormGroupProps extends HTMLAttributes<HTMLDivElement> {
+    /** Label text for the form field */
+    label?: ReactNode;
+    /** Form field ID - auto-generated if not provided */
+    fieldId?: string;
+    /** Label size */
+    labelSize?: FormLabelSize;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Optional description text below the label */
+    description?: ReactNode;
+    /** Error message to display */
+    error?: ReactNode;
+    /** Helper text to display below the input */
+    helperText?: ReactNode;
+    /** Gap between label and input */
+    gap?: FormGroupGap;
+    /** Children (the form input) */
+    children: ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare const FormLabel: ForwardRefExoticComponent<FormLabelProps & RefAttributes<HTMLLabelElement>>;
+
+export declare interface FormLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    /** Label text */
+    children: ReactNode;
+    /** Label size */
+    size?: FormLabelSize;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Optional description text */
+    description?: ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type FormLabelSize = 'sm' | 'md' | 'lg';
+
+export declare interface FormProps extends FormHTMLAttributes<HTMLFormElement> {
+    /** Gap between form groups */
+    gap?: FormGap;
+    /** Disable the form */
+    disabled?: boolean;
+    /** Form children */
+    children: ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /** Input size */
+    size?: InputSize;
+    /** Visual variant */
+    variant?: InputVariant;
+    /** Error state */
+    isInvalid?: boolean;
+    /** Left element/icon */
+    leftElement?: ReactNode;
+    /** Right element/icon */
+    rightElement?: ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type InputSize = 'sm' | 'md' | 'lg';
+
+export declare type InputVariant = 'outline' | 'filled' | 'flushed';
+
+export declare const Radio: ForwardRefExoticComponent<RadioProps & RefAttributes<HTMLInputElement>>;
+
+export declare function RadioGroup({ name, value: controlledValue, defaultValue, onChange, disabled, size, orientation, gap, children, className, style, }: RadioGroupProps): JSX.Element;
+
+export declare namespace RadioGroup {
+    var displayName: string;
+}
+
+export declare interface RadioGroupProps {
+    /** Radio group name */
+    name: string;
+    /** Current value */
+    value?: string;
+    /** Default value (uncontrolled) */
+    defaultValue?: string;
+    /** Callback when value changes */
+    onChange?: (value: string) => void;
+    /** Whether the group is disabled */
+    disabled?: boolean;
+    /** Radio size */
+    size?: RadioSize;
+    /** Orientation */
+    orientation?: 'horizontal' | 'vertical';
+    /** Gap between items */
+    gap?: number;
+    /** Children (Radio components) */
+    children: ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Custom styles */
+    style?: CSSProperties;
+}
+
+export declare interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    /** Radio size */
+    size?: RadioSize;
+    /** Radio label */
+    label?: ReactNode;
+    /** Description below the label */
+    description?: ReactNode;
+    /** Whether the radio is invalid */
+    isInvalid?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type RadioSize = 'sm' | 'md' | 'lg';
+
+export declare const Select: ForwardRefExoticComponent<SelectProps & RefAttributes<HTMLSelectElement>>;
+
+export declare interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
+    /** Select size */
+    size?: SelectSize;
+    /** Visual variant */
+    variant?: SelectVariant;
+    /** Error state */
+    isInvalid?: boolean;
+    /** Placeholder option */
+    placeholder?: string;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+    /** Children (option elements) */
+    children?: ReactNode;
+}
+
+export declare type SelectSize = 'sm' | 'md' | 'lg';
+
+export declare type SelectVariant = 'outline' | 'filled';
+
+export declare const Slider: ForwardRefExoticComponent<SliderProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'onChange'> {
+    /** Slider size */
+    size?: SliderSize;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step increment */
+    step?: number;
+    /** Current value (controlled) */
+    value?: number;
+    /** Default value (uncontrolled) */
+    defaultValue?: number;
+    /** Callback when value changes */
+    onChange?: (value: number) => void;
+    /** Whether to show the value label */
+    showValue?: boolean;
+    /** Format the value for display */
+    formatValue?: (value: number) => string;
+    /** Label for the slider */
+    label?: string;
+    /** Whether the slider is disabled */
+    disabled?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type SliderSize = 'sm' | 'md' | 'lg';
+
+export declare const Switch: ForwardRefExoticComponent<SwitchProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    /** Switch size */
+    size?: SwitchSize;
+    /** Label text */
+    label?: ReactNode;
+    /** Description below label */
+    description?: ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type SwitchSize = 'sm' | 'md' | 'lg';
+
+export declare const Textarea: ForwardRefExoticComponent<TextareaProps & RefAttributes<HTMLTextAreaElement>>;
+
+export declare interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
+    /** Textarea size */
+    size?: TextareaSize;
+    /** Visual variant */
+    variant?: TextareaVariant;
+    /** Error state */
+    isInvalid?: boolean;
+    /** Auto resize based on content */
+    autoResize?: boolean;
+    /** Minimum rows */
+    minRows?: number;
+    /** Maximum rows */
+    maxRows?: number;
+    /** Show character count */
+    showCount?: boolean;
+    /** Max character length */
+    maxLength?: number;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type TextareaSize = 'sm' | 'md' | 'lg';
+
+export declare type TextareaVariant = 'outline' | 'filled';
+
+export declare const TextField: ForwardRefExoticComponent<TextFieldProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface TextFieldProps extends InputProps {
+    /** Field label */
+    label?: ReactNode;
+    /** Helper text below the input */
+    helperText?: ReactNode;
+    /** Error message (also sets isInvalid) */
+    errorMessage?: ReactNode;
+    /** Whether the field is required */
+    isRequired?: boolean;
+    /** Whether to hide the label visually (still accessible) */
+    hideLabel?: boolean;
+}
+
+export { }

package/dist/hooks/useClickOutside.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");function d(n,i={}){const{enabled:r=!0,eventType:t="mousedown"}=i,u=c.useRef(null);return c.useEffect(()=>{if(!r)return;const e=s=>{const o=u.current;!o||o.contains(s.target)||n(s)};return document.addEventListener(t,e),document.addEventListener("touchstart",e),()=>{document.removeEventListener(t,e),document.removeEventListener("touchstart",e)}},[n,r,t]),u}exports.useClickOutside=d;
+//# sourceMappingURL=useClickOutside.cjs.map

package/dist/hooks/useClickOutside.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.cjs","sources":["../../src/hooks/useClickOutside.ts"],"sourcesContent":["/**\n * useClickOutside Hook\n *\n * Detects clicks outside of a referenced element.\n * Useful for closing dropdowns, modals, and popovers.\n */\n\nimport { useEffect, useRef, type RefObject } from 'react'\n\nexport interface UseClickOutsideOptions {\n  /** Whether the listener is active */\n  enabled?: boolean\n  /** Event type to listen for */\n  eventType?: 'mousedown' | 'mouseup' | 'click'\n}\n\nexport function useClickOutside<T extends HTMLElement = HTMLElement>(\n  handler: (event: MouseEvent | TouchEvent) => void,\n  options: UseClickOutsideOptions = {}\n): RefObject<T | null> {\n  const { enabled = true, eventType = 'mousedown' } = options\n  const ref = useRef<T>(null)\n\n  useEffect(() => {\n    if (!enabled) return\n\n    const listener = (event: MouseEvent | TouchEvent) => {\n      const el = ref.current\n      if (!el || el.contains(event.target as Node)) {\n        return\n      }\n      handler(event)\n    }\n\n    document.addEventListener(eventType, listener)\n    document.addEventListener('touchstart', listener)\n\n    return () => {\n      document.removeEventListener(eventType, listener)\n      document.removeEventListener('touchstart', listener)\n    }\n  }, [handler, enabled, eventType])\n\n  return ref\n}\n"],"names":["useClickOutside","handler","options","enabled","eventType","ref","useRef","useEffect","listener","event","el"],"mappings":"yGAgBO,SAASA,EACdC,EACAC,EAAkC,GACb,CACrB,KAAM,CAAE,QAAAC,EAAU,GAAM,UAAAC,EAAY,aAAgBF,EAC9CG,EAAMC,EAAAA,OAAU,IAAI,EAE1BC,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAACJ,EAAS,OAEd,MAAMK,EAAYC,GAAmC,CACnD,MAAMC,EAAKL,EAAI,QACX,CAACK,GAAMA,EAAG,SAASD,EAAM,MAAc,GAG3CR,EAAQQ,CAAK,CACf,EAEA,gBAAS,iBAAiBL,EAAWI,CAAQ,EAC7C,SAAS,iBAAiB,aAAcA,CAAQ,EAEzC,IAAM,CACX,SAAS,oBAAoBJ,EAAWI,CAAQ,EAChD,SAAS,oBAAoB,aAAcA,CAAQ,CACrD,CACF,EAAG,CAACP,EAASE,EAASC,CAAS,CAAC,EAEzBC,CACT"}

package/dist/hooks/useClickOutside.js

@@ -0,0 +1,18 @@
+import { useRef as i, useEffect as d } from "react";
+function f(n, c = {}) {
+  const { enabled: r = !0, eventType: t = "mousedown" } = c, o = i(null);
+  return d(() => {
+    if (!r) return;
+    const e = (u) => {
+      const s = o.current;
+      !s || s.contains(u.target) || n(u);
+    };
+    return document.addEventListener(t, e), document.addEventListener("touchstart", e), () => {
+      document.removeEventListener(t, e), document.removeEventListener("touchstart", e);
+    };
+  }, [n, r, t]), o;
+}
+export {
+  f as useClickOutside
+};
+//# sourceMappingURL=useClickOutside.js.map