@aurora-ds/components 0.25.0 → 1.0.0

package/dist/esm/components/forms/file-picker/FilePicker.props.d.ts

@@ -1,99 +0,0 @@
-import { ComponentType, CSSProperties, ReactNode, SVGProps } from 'react';
-/**
- * SVG icon component type (compatible with Aurora-DS Icon)
- */
-export type SvgIconComponent = ComponentType<SVGProps<SVGSVGElement>>;
-export type FilePickerProps = {
-    /**
-     * Label for the input
-     */
-    label?: string;
-    /**
-     * Accepted file types (MIME types)
-     * @example 'image/jpeg,image/png,image/webp'
-     * @example 'application/pdf'
-     * @example '.jpg,.png,.pdf'
-     */
-    accept?: string;
-    /**
-     * Preview content to display when a file is selected
-     * Can be a URL string for images or a ReactNode for custom preview
-     */
-    preview?: string | ReactNode | null;
-    /**
-     * Whether the preview is an image URL
-     * @default true when preview is a string
-     */
-    previewIsImage?: boolean;
-    /**
-     * Alt text for image preview
-     */
-    previewAlt?: string;
-    /**
-     * Error message to display
-     */
-    error?: string | null;
-    /**
-     * Callback when a file is selected
-     */
-    onSelect: (file: File | null) => void;
-    /**
-     * Callback when the file is cleared
-     */
-    onClear: () => void;
-    /**
-     * Whether the input is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Placeholder text shown in the dropzone
-     */
-    placeholder?: string;
-    /**
-     * Hint text shown below the placeholder (e.g., accepted formats)
-     */
-    hint?: string;
-    /**
-     * Icon component to display in the dropzone
-     * Should be an SVG component (e.g., from @resources/Icons)
-     */
-    icon?: SvgIconComponent;
-    /**
-     * Icon component to display on the clear button
-     * Should be an SVG component (e.g., from @resources/Icons)
-     */
-    clearIcon?: SvgIconComponent;
-    /**
-     * Aria label for the clear button
-     */
-    clearAriaLabel?: string;
-    /**
-     * Width of the FilePicker container
-     * @example '400px'
-     * @example '100%'
-     */
-    width?: CSSProperties['width'];
-    /**
-     * Height of the dropzone (when no preview)
-     * @example '200px'
-     * @default '120px'
-     */
-    dropzoneHeight?: CSSProperties['height'];
-    /**
-     * Max height of the preview image
-     * @example '300px'
-     * @default '200px'
-     */
-    previewMaxHeight?: CSSProperties['maxHeight'];
-    /**
-     * Max width of the preview image
-     * @example '400px'
-     * @default '100%'
-     */
-    previewMaxWidth?: CSSProperties['maxWidth'];
-    /**
-     * Object fit for the preview image
-     * @default 'cover'
-     */
-    previewObjectFit?: CSSProperties['objectFit'];
-};

package/dist/esm/components/forms/file-picker/FilePicker.styles.d.ts

@@ -1,19 +0,0 @@
-import { CSSProperties } from 'react';
-type StyleParams = {
-    width?: CSSProperties['width'];
-    dropzoneHeight?: CSSProperties['height'];
-    previewMaxHeight?: CSSProperties['maxHeight'];
-    previewMaxWidth?: CSSProperties['maxWidth'];
-    previewObjectFit?: CSSProperties['objectFit'];
-    isDragOver?: boolean;
-};
-export declare const FILE_PICKER_STYLES: {
-    root: (params?: StyleParams | undefined) => string;
-    dropzone: (params?: StyleParams | undefined) => string;
-    dropzoneDisabled: string;
-    hiddenInput: string;
-    previewContainer: string;
-    preview: (params?: StyleParams | undefined) => string;
-    clearButton: string;
-};
-export {};

package/dist/esm/components/forms/file-picker/index.d.ts

@@ -1,2 +0,0 @@
-export { default as FilePicker } from '@components/forms/file-picker/FilePicker.tsx';
-export type { FilePickerProps } from '@components/forms/file-picker/FilePicker.props.ts';

package/dist/esm/components/forms/form/Form.d.ts

@@ -1,3 +0,0 @@
-import { FormProps } from '@components/forms/form/Form.props';
-declare const _default: import("react").NamedExoticComponent<FormProps>;
-export default _default;

package/dist/esm/components/forms/form/Form.props.d.ts

@@ -1,9 +0,0 @@
-import { FormEvent, ReactNode } from 'react';
-export type FormProps = {
-    /** Form content (inputs, buttons, etc.) */
-    children: ReactNode;
-    /** Callback fired when the form is submitted (preventDefault is called automatically) */
-    onSubmit?: (e: FormEvent) => void;
-    /** Accessibility label for the form */
-    ariaLabel?: string;
-};

package/dist/esm/components/forms/form/Form.styles.d.ts

@@ -1,3 +0,0 @@
-export declare const FORM_STYLES: {
-    root: string;
-};

package/dist/esm/components/forms/form/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Form } from '@components/forms/form/Form';
-export type { FormProps } from '@components/forms/form/Form.props';

package/dist/esm/components/forms/image-picker/ImagePicker.d.ts

@@ -1,18 +0,0 @@
-import { FC } from 'react';
-import { ImagePickerProps } from '@components/forms/image-picker/ImagePicker.props.ts';
-/**
- * Image picker component built on top of the generic FilePicker.
- * Pre-configured for image uploads with JPEG, PNG, and WebP support.
- *
- * @example
- * ```tsx
- * <ImagePicker
- *     label="Profile Picture"
- *     preview={imageUrl}
- *     onSelect={handleImageSelect}
- *     onClear={handleImageClear}
- * />
- * ```
- */
-declare const ImagePicker: FC<ImagePickerProps>;
-export default ImagePicker;

package/dist/esm/components/forms/image-picker/ImagePicker.props.d.ts

@@ -1,76 +0,0 @@
-import { CSSProperties } from 'react';
-export type ImagePickerProps = {
-    /**
-     * Label for the input
-     */
-    label?: string;
-    /**
-     * Preview URL of the selected image
-     */
-    preview: string | null;
-    /**
-     * Error message to display
-     */
-    error?: string | null;
-    /**
-     * Callback when a file is selected
-     */
-    onSelect: (file: File | null) => void;
-    /**
-     * Callback when the image is cleared
-     */
-    onClear: () => void;
-    /**
-     * Whether the input is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Placeholder text shown in the dropzone
-     * @default 'Click to upload an image'
-     */
-    placeholder?: string;
-    /**
-     * Hint text shown below the placeholder
-     * @default 'JPEG, PNG or WebP'
-     */
-    hint?: string;
-    /**
-     * Alt text for image preview
-     * @default 'Image preview'
-     */
-    previewAlt?: string;
-    /**
-     * Aria label for the clear button
-     * @default 'Remove image'
-     */
-    clearAriaLabel?: string;
-    /**
-     * Width of the ImagePicker container
-     * @example '400px'
-     * @example '100%'
-     */
-    width?: CSSProperties['width'];
-    /**
-     * Height of the dropzone (when no preview)
-     * @example '200px'
-     * @default '120px'
-     */
-    dropzoneHeight?: CSSProperties['height'];
-    /**
-     * Max height of the preview image
-     * @example '300px'
-     * @default '200px'
-     */
-    previewMaxHeight?: CSSProperties['maxHeight'];
-    /**
-     * Max width of the preview image
-     * @example '400px'
-     * @default '100%'
-     */
-    previewMaxWidth?: CSSProperties['maxWidth'];
-    /**
-     * Object fit for the preview image
-     * @default 'cover'
-     */
-    previewObjectFit?: CSSProperties['objectFit'];
-};

package/dist/esm/components/forms/image-picker/index.d.ts

@@ -1,2 +0,0 @@
-export { default as ImagePicker } from '@components/forms/image-picker/ImagePicker.tsx';
-export type { ImagePickerProps } from '@components/forms/image-picker/ImagePicker.props.ts';

package/dist/esm/components/forms/input/Input.d.ts

@@ -1,3 +0,0 @@
-import { InputProps } from '@components/forms/input/Input.props.ts';
-declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>>;
-export default _default;

package/dist/esm/components/forms/input/Input.props.d.ts

@@ -1,46 +0,0 @@
-import { CSSProperties, FocusEvent, MouseEvent, ReactNode } from 'react';
-export type InputProps = {
-    /** The value of the input */
-    value: string;
-    /** Callback fired when the value changes */
-    onChange: (value: string) => void;
-    /** Callback fired when the input receives focus */
-    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
-    /** Callback fired when the input loses focus */
-    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
-    /** Callback fired when the input is clicked */
-    onClick?: (event: MouseEvent<HTMLInputElement>) => void;
-    /** Label displayed above the input */
-    label?: string;
-    /** Whether the field is mandatory (displays an asterisk next to the label) */
-    mandatory?: boolean;
-    /** Placeholder text */
-    placeholder?: string;
-    /** Whether the input is disabled */
-    disabled?: boolean;
-    /** Input type */
-    type?: 'text' | 'password' | 'email' | 'number';
-    /** Accessibility label (defaults to `label` if not provided) */
-    ariaLabel?: string;
-    /** Icon to display before the input */
-    startIcon?: ReactNode;
-    /** Icon to display after the input */
-    endIcon?: ReactNode;
-    /** Custom width for the input */
-    width?: CSSProperties['width'];
-    /**
-     * Error message to display below the input.
-     * When provided, `aria-invalid="true"` and `aria-errormessage` are set automatically.
-     */
-    error?: string;
-    /** Unique HTML id for the input element (required when using `error`) */
-    id?: string;
-};
-export type InputStyleParams = {
-    disabled?: boolean;
-    hasStartIcon?: boolean;
-    hasEndIcon?: boolean;
-    hasPasswordToggle?: boolean;
-    width?: CSSProperties['width'];
-    hasError?: boolean;
-};

package/dist/esm/components/forms/input/Input.styles.d.ts

@@ -1,15 +0,0 @@
-import { InputStyleParams } from '@components/forms/input/Input.props.ts';
-import type { CSSProperties } from 'react';
-/**
- * Input styles using createStyles from @aurora-ds/theme
- */
-export declare const INPUT_STYLES: {
-    container: (args_0: {
-        width?: CSSProperties["width"];
-    }) => string;
-    startIcon: string;
-    endIcon: string;
-    endIconShifted: string;
-    passwordToggle: string;
-    root: (args_0: InputStyleParams) => string;
-};

package/dist/esm/components/forms/input/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Input } from '@components/forms/input/Input.tsx';
-export type { InputProps } from '@components/forms/input/Input.props.ts';

package/dist/esm/components/forms/select/Select.d.ts

@@ -1,25 +0,0 @@
-import { FC } from 'react';
-import { SelectProps } from '@components/forms/select/Select.props';
-/**
- * Select component that uses Menu for dropdown
- *
- * **Accessibility:**
- * - Uses `role="combobox"` with `aria-expanded` and `aria-haspopup="listbox"`
- * - Keyboard support: Enter/Space opens, Escape closes
- * - When `error` is provided, `aria-invalid="true"` and `aria-errormessage` are set
- * - `mandatory` adds `aria-required="true"`
- *
- * @example
- * ```tsx
- * <Select
- *   options={[{ value: 'fr', label: 'France' }]}
- *   value={country}
- *   onChange={setCountry}
- *   label="Country"
- *   mandatory
- *   error={countryError}
- * />
- * ```
- */
-declare const Select: FC<SelectProps>;
-export { Select };

package/dist/esm/components/forms/select/Select.props.d.ts

@@ -1,54 +0,0 @@
-import { SelectOption } from '@interfaces/select.types';
-export type SelectProps = {
-    /**
-     * The options to display in the select dropdown
-     */
-    options: SelectOption[];
-    /**
-     * The currently selected value (null to show placeholder)
-     */
-    value: string | number | null;
-    /**
-     * Callback when selection changes
-     */
-    onChange: (value: string | number | null) => void;
-    /**
-     * Label displayed above the select
-     */
-    label?: string;
-    /**
-     * Whether the field is mandatory (displays an asterisk next to the label)
-     */
-    mandatory?: boolean;
-    /**
-     * Placeholder text when no option is selected
-     */
-    placeholder?: string;
-    /**
-     * Whether the select is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Width of the select
-     */
-    width?: string | number;
-    /**
-     * Error message to display below the select.
-     * When provided, `aria-invalid="true"` and `aria-errormessage` are set automatically.
-     */
-    error?: string;
-    /**
-     * Unique HTML id for the select trigger (required when using `error`)
-     */
-    id?: string;
-    /**
-     * Accessibility label for screen readers (defaults to `label`)
-     */
-    ariaLabel?: string;
-};
-export type SelectStyleParams = {
-    disabled?: boolean;
-    width?: string | number;
-    isOpen?: boolean;
-    hasError?: boolean;
-};

package/dist/esm/components/forms/select/Select.styles.d.ts

@@ -1,10 +0,0 @@
-import { SelectStyleParams } from '@components/forms/select/Select.props';
-/**
- * Select styles using createStyles from @aurora-ds/theme
- */
-export declare const SELECT_STYLES: {
-    root: (args_0: SelectStyleParams) => string;
-    trigger: string;
-    value: string;
-    placeholder: string;
-};

package/dist/esm/components/forms/select/SelectItem/SelectItem.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-import { SelectItemProps } from '@components/forms/select/SelectItem/SelectItem.props';
-/**
- * SelectItem component for use inside Select dropdown
- */
-declare const SelectItem: FC<SelectItemProps>;
-export { SelectItem };

package/dist/esm/components/forms/select/SelectItem/SelectItem.props.d.ts

@@ -1,19 +0,0 @@
-import { SelectOption } from '@interfaces/select.types';
-export type SelectItemProps = {
-    /**
-     * The option data
-     */
-    option: SelectOption;
-    /**
-     * Whether this item is selected
-     */
-    isSelected?: boolean;
-    /**
-     * Callback when item is selected
-     */
-    onSelect?: (value: string | number) => void;
-};
-export type SelectItemStyleParams = {
-    isSelected?: boolean;
-    disabled?: boolean;
-};

package/dist/esm/components/forms/select/SelectItem/SelectItem.styles.d.ts

@@ -1,7 +0,0 @@
-import { SelectItemStyleParams } from '@components/forms/select/SelectItem/SelectItem.props';
-/**
- * SelectItem styles using createStyles from @aurora-ds/theme
- */
-export declare const SELECT_ITEM_STYLES: {
-    root: (args_0: SelectItemStyleParams) => string;
-};

package/dist/esm/components/forms/select/SelectItem/index.d.ts

@@ -1,2 +0,0 @@
-export { SelectItem } from '@components/forms/select/SelectItem/SelectItem';
-export type { SelectItemProps } from '@components/forms/select/SelectItem/SelectItem.props';

package/dist/esm/components/forms/select/index.d.ts

@@ -1,2 +0,0 @@
-export { Select } from '@components/forms/select/Select';
-export type { SelectProps } from '@components/forms/select/Select.props';

package/dist/esm/components/forms/textarea/TextArea.d.ts

@@ -1,3 +0,0 @@
-import { TextAreaProps } from '@components/forms/textarea/TextArea.props.ts';
-declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<TextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>>;
-export default _default;

package/dist/esm/components/forms/textarea/TextArea.props.d.ts

@@ -1,39 +0,0 @@
-import { CSSProperties, FocusEvent } from 'react';
-export type TextAreaProps = {
-    /** The value of the textarea */
-    value: string;
-    /** Callback fired when the value changes */
-    onChange: (value: string) => void;
-    /** Callback fired when the textarea receives focus */
-    onFocus?: (event: FocusEvent<HTMLTextAreaElement>) => void;
-    /** Callback fired when the textarea loses focus */
-    onBlur?: (event: FocusEvent<HTMLTextAreaElement>) => void;
-    /** Label displayed above the textarea */
-    label?: string;
-    /** Whether the field is mandatory (displays an asterisk next to the label) */
-    mandatory?: boolean;
-    /** Placeholder text */
-    placeholder?: string;
-    /** Whether the textarea is disabled */
-    disabled?: boolean;
-    /** Accessibility label (defaults to `label` if not provided) */
-    ariaLabel?: string;
-    /** Custom width for the textarea */
-    width?: CSSProperties['width'];
-    /** Minimum number of visible text lines (auto-expands with content) */
-    minRows?: number;
-    /** Maximum number of visible text lines (adds scroll when exceeded) */
-    maxRows?: number;
-    /**
-     * Error message to display below the textarea.
-     * When provided, `aria-invalid="true"` and `aria-errormessage` are set automatically.
-     */
-    error?: string;
-    /** Unique HTML id for the textarea element (required when using `error`) */
-    id?: string;
-};
-export type TextAreaStyleParams = {
-    disabled?: boolean;
-    width?: CSSProperties['width'];
-    hasError?: boolean;
-};

package/dist/esm/components/forms/textarea/TextArea.styles.d.ts

@@ -1,11 +0,0 @@
-import { TextAreaStyleParams } from '@components/forms/textarea/TextArea.props.ts';
-import type { CSSProperties } from 'react';
-/**
- * TextArea styles using createStyles from @aurora-ds/theme
- */
-export declare const TEXTAREA_STYLES: {
-    container: (args_0: {
-        width?: CSSProperties["width"];
-    }) => string;
-    root: (args_0: TextAreaStyleParams) => string;
-};

package/dist/esm/components/forms/textarea/index.d.ts

@@ -1,2 +0,0 @@
-export { default as TextArea } from '@components/forms/textarea/TextArea.tsx';
-export type { TextAreaProps } from '@components/forms/textarea/TextArea.props.ts';

package/dist/esm/components/foundation/icon/Icon.d.ts

@@ -1,42 +0,0 @@
-import { FC } from 'react';
-import { IconProps } from '@components/foundation/icon/Icon.props.ts';
-/**
- * Icon component - Wrapper for SVG icons with theme-aware styling
- *
- * **Features:**
- * - Theme-aware sizing via font sizes
- * - Color (stroke) and fill support from theme
- * - Optional background with padding and border radius
- * - Transition animation on color changes
- *
- * **Usage:**
- * ```tsx
- * import { SomeIcon } from 'some-icon-library'
- *
- * // Stroke color only
- * <Icon size="md" color="primary">
- *   <SomeIcon />
- * </Icon>
- *
- * // With fill color
- * <Icon size="md" color="primary" fill="secondary">
- *   <SomeIcon />
- * </Icon>
- * ```
- *
- * **With background:**
- * ```tsx
- * <Icon
- *   size="lg"
- *   color="onPrimary"
- *   fill="onPrimary"
- *   backgroundColor="primary"
- *   padding="sm"
- *   borderRadius="full"
- * >
- *   <SomeIcon />
- * </Icon>
- * ```
- */
-declare const Icon: FC<IconProps>;
-export default Icon;

package/dist/esm/components/foundation/icon/Icon.props.d.ts

@@ -1,26 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { ThemeContract } from '@/interfaces';
-export type IconProps = PropsWithChildren<{
-    /** Icon size based on theme font sizes */
-    size?: keyof ThemeContract['fontSize'];
-    /** Icon stroke/line color from theme */
-    color?: keyof ThemeContract['colors'];
-    /** Icon fill color from theme (for filled icons) */
-    fill?: keyof ThemeContract['colors'];
-    /** Background color from theme */
-    backgroundColor?: keyof ThemeContract['colors'];
-    /** Padding from theme spacing */
-    padding?: keyof ThemeContract['spacing'];
-    /** Border radius from theme */
-    borderRadius?: keyof ThemeContract['radius'];
-    /** Accessibility label for screen readers */
-    ariaLabel?: string;
-    /** ID of element that labels this icon */
-    ariaLabelledBy?: string;
-    /** ID of element that describes this icon */
-    ariaDescribedBy?: string;
-    /** ARIA role */
-    role?: string;
-    /** Tab index for keyboard navigation */
-    tabIndex?: number;
-}>;

package/dist/esm/components/foundation/icon/Icon.styles.d.ts

@@ -1,3 +0,0 @@
-export declare const ICON_STYLES: {
-    root: (size?: keyof import("@/interfaces").ThemeFontSizeContract | undefined, color?: keyof import("@/interfaces").ThemeColorContract | undefined, fill?: keyof import("@/interfaces").ThemeColorContract | undefined, backgroundColor?: keyof import("@/interfaces").ThemeColorContract | undefined, padding?: keyof import("@/interfaces").ThemeSpacingContract | undefined, borderRadius?: keyof import("@/interfaces").ThemeRadiusContract | undefined) => string;
-};

package/dist/esm/components/foundation/icon/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Icon } from '@components/foundation/icon/Icon.tsx';
-export type { IconProps } from '@components/foundation/icon/Icon.props.ts';

package/dist/esm/components/foundation/text/Text.d.ts

@@ -1,21 +0,0 @@
-import { FC } from 'react';
-import { TextProps } from '@components/foundation/text/Text.props.ts';
-/**
- * Text component - Renders semantic HTML elements based on variant
- *
- * **Variants:**
- * - `h1-h6`: Heading elements with appropriate styling
- * - `p`: Paragraph element with relaxed line height
- * - `span`: Inline text element (default)
- * - `label`: Label element with medium font weight
- *
- * **Features:**
- * - Automatic HTML tag selection based on variant
- * - Theme-aware colors
- * - Text truncation with `maxLines`
- * - Underline support
- * - Preserve whitespace with `preserveWhitespace` prop
- * - Bold text with **double asterisks** syntax
- */
-declare const Text: FC<TextProps>;
-export default Text;

package/dist/esm/components/foundation/text/Text.props.d.ts

@@ -1,40 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { ThemeContract } from '@/interfaces';
-import { TextVariants } from '@interfaces/text.types.ts';
-export type TextProps = PropsWithChildren<{
-    /** Text variant that determines the HTML tag and default styling */
-    variant?: TextVariants;
-    /** Text color from theme */
-    color?: keyof ThemeContract['colors'];
-    /** Font size from theme (overrides variant fontSize if provided) */
-    fontSize?: keyof ThemeContract['fontSize'];
-    /** Font family override (CSS value) */
-    fontFamily?: string;
-    /** Maximum number of lines before truncation with ellipsis */
-    maxLines?: number;
-    /** Add underline text decoration */
-    underline?: boolean;
-    /** Preserve whitespace and line breaks */
-    preserveWhitespace?: boolean;
-    /** Accessibility label for screen readers */
-    ariaLabel?: string;
-    /** ID of element that labels this text */
-    ariaLabelledBy?: string;
-    /** ID of element that describes this text */
-    ariaDescribedBy?: string;
-    /** ARIA role */
-    role?: string;
-    /** Tab index for keyboard navigation */
-    tabIndex?: number;
-    /** HTML id attribute (used for aria-labelledby / aria-describedby references) */
-    id?: string;
-}>;
-export type TextStyleParams = {
-    variant?: TextVariants;
-    color?: keyof ThemeContract['colors'];
-    fontSize?: keyof ThemeContract['fontSize'];
-    fontFamily?: string;
-    maxLines?: number;
-    underline?: boolean;
-    preserveWhitespace?: boolean;
-};