@aurora-ds/components 0.25.1 → 1.1.0

package/dist/cjs/interfaces/card.types.d.ts

@@ -1,3 +0,0 @@
-import { CSSProperties } from 'react';
-/** Card direction */
-export type CardDirection = CSSProperties['flexDirection'];

package/dist/cjs/interfaces/chip.types.d.ts

@@ -1,6 +0,0 @@
-/** Chip variant options */
-export type ChipVariant = 'filled' | 'outlined';
-/** Chip color options */
-export type ChipColor = 'default' | 'success' | 'warning' | 'error' | 'info';
-/** Chip size options */
-export type ChipSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg';

package/dist/cjs/interfaces/index.d.ts

@@ -1,7 +0,0 @@
-export * from '@interfaces/alert.types';
-export * from '@interfaces/button.types';
-export * from '@interfaces/text.types';
-export * from '@interfaces/status.types';
-export * from '@interfaces/avatar.types';
-export * from '@interfaces/select.types';
-export type { ThemeContract, ThemeColorContract, ThemeSpacingContract, ThemeRadiusContract, ThemeFontSizeContract, ThemeFontWeightContract, ThemeLineHeightContract, ThemeOpacityContract, ThemeShadowsContract, ThemeTransitionContract, ThemeBreakpointsContract, ThemeZIndexContract, } from '@interfaces/theme.contracts';

package/dist/cjs/interfaces/select.types.d.ts

@@ -1,5 +0,0 @@
-export type SelectOption = {
-    label: string;
-    value: string | number;
-    disabled?: boolean;
-};

package/dist/cjs/interfaces/stack.types.d.ts

@@ -1,7 +0,0 @@
-/** Stack wrap options */
-export type StackWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
-/** Stack justify options */
-export type StackJustify = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
-/** Stack alignment options */
-export type StackAlign = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
-export type StackDirection = 'row' | 'column';

package/dist/cjs/interfaces/status.types.d.ts

@@ -1,6 +0,0 @@
-/** Status variant options */
-export type StatusVariant = 'filled' | 'outlined';
-/** Status color options */
-export type StatusColor = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info' | 'highlight' | 'accent' | 'new' | 'rose' | 'yellow';
-/** Status size options */
-export type StatusSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg';

package/dist/cjs/interfaces/text.types.d.ts

@@ -1,7 +0,0 @@
-export type TextVariants = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label';
-export type TextVariantStyle = {
-    tag: TextVariants;
-    fontSize: string;
-    fontWeight: number;
-    lineHeight: number;
-};

package/dist/cjs/interfaces/theme.contracts.d.ts

@@ -1,243 +0,0 @@
-/**
- * Theme Contracts for aurora-ds-components
- *
- * These interfaces define the MINIMUM required theme structure.
- * All projects using this library MUST provide these tokens.
- *
- * You can extend these contracts with your own custom tokens:
- *
- * @example
- * ```typescript
- * import type { ThemeColorContract } from 'aurora-ds-components'
- *
- * // Extend with custom tokens
- * export interface ThemeColorTypes extends ThemeColorContract {
- *     // Required tokens already included via extends
- *
- *     // Add your custom tokens
- *     highlight: string
- *     accent: string
- * }
- * ```
- */
-/**
- * Minimum color tokens required by aurora-ds-components
- * Projects can extend this interface with additional tokens
- */
-export interface ThemeColorContract {
-    background: string;
-    surface: string;
-    surfaceHover: string;
-    surfaceActive: string;
-    text: string;
-    textSecondary: string;
-    textTertiary: string;
-    primary: string;
-    primaryHover: string;
-    primaryActive: string;
-    primarySubtle: string;
-    primaryDisabled: string;
-    onPrimary: string;
-    secondary: string;
-    secondaryHover: string;
-    secondaryActive: string;
-    secondarySubtle: string;
-    secondaryDisabled: string;
-    onSecondary: string;
-    border: string;
-    disabledText: string;
-    disabled: string;
-    success: string;
-    successSubtle: string;
-    warning: string;
-    warningSubtle: string;
-    error: string;
-    errorHover: string;
-    errorSubtle: string;
-    onError: string;
-    info: string;
-    infoSubtle: string;
-    highlight: string;
-    highlightSubtle: string;
-    accent: string;
-    accentSubtle: string;
-    default: string;
-    defaultSubtle: string;
-    new: string;
-    newSubtle: string;
-    rose: string;
-    roseSubtle: string;
-    yellow: string;
-    yellowSubtle: string;
-    link: string;
-    linkHover: string;
-    linkActive: string;
-    linkDisabled: string;
-}
-/**
- * Minimum spacing tokens required by aurora-ds-components
- */
-export interface ThemeSpacingContract {
-    none: string;
-    '2xs': string;
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    '2xl': string;
-    '3xl': string;
-    '4xl': string;
-    '5xl': string;
-}
-/**
- * Minimum border radius tokens required by aurora-ds-components
- */
-export interface ThemeRadiusContract {
-    none: string;
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    '2xl': string;
-    full: string;
-}
-/**
- * Minimum font size tokens required by aurora-ds-components
- */
-export interface ThemeFontSizeContract {
-    '2xs': string;
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    '2xl': string;
-    '3xl': string;
-    '4xl': string;
-    '5xl': string;
-}
-/**
- * Minimum font weight tokens required by aurora-ds-components
- */
-export interface ThemeFontWeightContract {
-    light: number;
-    regular: number;
-    medium: number;
-    semibold: number;
-    bold: number;
-}
-/**
- * Minimum line height tokens required by aurora-ds-components
- */
-export interface ThemeLineHeightContract {
-    none: number;
-    tight: number;
-    normal: number;
-    relaxed: number;
-    loose: number;
-}
-/**
- * Minimum opacity tokens required by aurora-ds-components
- */
-export interface ThemeOpacityContract {
-    none: number;
-    lowest: number;
-    low: number;
-    medium: number;
-    high: number;
-    higher: number;
-    full: number;
-}
-/**
- * Minimum shadow tokens required by aurora-ds-components
- */
-export interface ThemeShadowsContract {
-    none: string;
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    '2xl': string;
-    inner: string;
-    focus: string;
-}
-/**
- * Minimum transition tokens required by aurora-ds-components
- */
-export interface ThemeTransitionContract {
-    fast: string;
-    normal: string;
-    slow: string;
-}
-/**
- * Minimum breakpoint tokens required by aurora-ds-components
- */
-export interface ThemeBreakpointsContract {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    '2xl': string;
-}
-/**
- * Minimum z-index tokens required by aurora-ds-components
- */
-export interface ThemeZIndexContract {
-    behind: number;
-    base: number;
-    dropdown: number;
-    sticky: number;
-    overlay: number;
-    modal: number;
-    popover: number;
-    tooltip: number;
-    toast: number;
-}
-/**
- * Complete theme contract required by aurora-ds-components
- *
- * Your theme MUST provide at minimum these tokens.
- * You can add custom tokens by extending the sub-contracts.
- *
- * @example
- * ```typescript
- * import type {
- *     ThemeColorContract,
- *     ThemeSpacingContract
- * } from 'aurora-ds-components'
- *
- * // Extend contracts with custom tokens
- * interface MyColors extends ThemeColorContract {
- *     highlight: string
- *     accent: string
- * }
- *
- * interface MySpacing extends ThemeSpacingContract {
- *     '6xl': string
- * }
- *
- * // Define your theme type
- * interface MyTheme {
- *     colors: MyColors
- *     spacing: MySpacing
- *     // ... other required properties
- * }
- * ```
- */
-export interface ThemeContract {
-    colors: ThemeColorContract;
-    spacing: ThemeSpacingContract;
-    radius: ThemeRadiusContract;
-    shadows: ThemeShadowsContract;
-    fontSize: ThemeFontSizeContract;
-    fontWeight: ThemeFontWeightContract;
-    lineHeight: ThemeLineHeightContract;
-    zIndex: ThemeZIndexContract;
-    transition: ThemeTransitionContract;
-    opacity: ThemeOpacityContract;
-    breakpoints: ThemeBreakpointsContract;
-}

package/dist/cjs/resources/Icons.d.ts

@@ -1,15 +0,0 @@
-import { AlertCircleIcon } from '@resources/icons/AlertCircleIcon.tsx';
-import { AlertTriangleIcon } from '@resources/icons/AlertTriangleIcon.tsx';
-import { CalendarIcon } from '@resources/icons/CalendarIcon.tsx';
-import { CheckCircleIcon } from '@resources/icons/CheckCircleIcon.tsx';
-import { ChevronDownIcon } from '@resources/icons/ChevronDownIcon.tsx';
-import { ChevronLeftIcon } from '@resources/icons/ChevronLeftIcon.tsx';
-import { ChevronRightIcon } from '@resources/icons/ChevronRightIcon.tsx';
-import { CloseIcon } from '@resources/icons/CloseIcon.tsx';
-import { EyeIcon } from '@resources/icons/EyeIcon.tsx';
-import { EyeOffIcon } from '@resources/icons/EyeOffIcon.tsx';
-import { InfoIcon } from '@resources/icons/InfoIcon.tsx';
-import { MoreHorizontalIcon } from '@resources/icons/MoreHorizontalIcon.tsx';
-import { TrashIcon } from '@resources/icons/TrashIcon.tsx';
-import { UploadIcon } from '@resources/icons/UploadIcon.tsx';
-export { AlertCircleIcon, AlertTriangleIcon, CalendarIcon, CheckCircleIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, InfoIcon, MoreHorizontalIcon, EyeIcon, EyeOffIcon, CloseIcon, UploadIcon, TrashIcon };

package/dist/cjs/resources/icons/AlertCircleIcon.d.ts

@@ -1,2 +0,0 @@
-import { JSX } from 'react';
-export declare const AlertCircleIcon: () => JSX.Element;

package/dist/cjs/resources/icons/AlertTriangleIcon.d.ts

@@ -1,2 +0,0 @@
-import { JSX } from 'react';
-export declare const AlertTriangleIcon: () => JSX.Element;

package/dist/cjs/resources/icons/CalendarIcon.d.ts

@@ -1 +0,0 @@
-export declare const CalendarIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/resources/icons/CheckCircleIcon.d.ts

@@ -1,2 +0,0 @@
-import { JSX } from 'react';
-export declare const CheckCircleIcon: () => JSX.Element;

package/dist/cjs/resources/icons/ChevronDownIcon.d.ts

@@ -1 +0,0 @@
-export declare const ChevronDownIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/resources/icons/ChevronLeftIcon.d.ts

@@ -1 +0,0 @@
-export declare const ChevronLeftIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/resources/icons/ChevronRightIcon.d.ts

@@ -1 +0,0 @@
-export declare const ChevronRightIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/resources/icons/CloseIcon.d.ts

@@ -1,2 +0,0 @@
-import { FC } from 'react';
-export declare const CloseIcon: FC;

package/dist/cjs/resources/icons/EyeIcon.d.ts

@@ -1 +0,0 @@
-export declare const EyeIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/resources/icons/EyeOffIcon.d.ts

@@ -1 +0,0 @@
-export declare const EyeOffIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/resources/icons/InfoIcon.d.ts

@@ -1 +0,0 @@
-export declare const InfoIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/resources/icons/MoreHorizontalIcon.d.ts

@@ -1 +0,0 @@
-export declare const MoreHorizontalIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/resources/icons/PlusIcon.d.ts

@@ -1,2 +0,0 @@
-import { FC } from 'react';
-export declare const PlusIcon: FC;

package/dist/cjs/resources/icons/TrashIcon.d.ts

@@ -1,2 +0,0 @@
-import { FC } from 'react';
-export declare const TrashIcon: FC;

package/dist/cjs/resources/icons/UploadIcon.d.ts

@@ -1,2 +0,0 @@
-import { FC } from 'react';
-export declare const UploadIcon: FC;

package/dist/cjs/theme/defaultTheme.d.ts

@@ -1,29 +0,0 @@
-import '@theme/theme.module';
-import type { Theme } from '@theme/theme.types';
-/**
- * Default theme for aurora-ds-components
- *
- * This theme is used by default if no custom theme is provided.
- * You can override it by passing your own theme to ThemeProvider:
- *
- * @example
- * ```tsx
- * import { ThemeProvider } from '@aurora-ds/theme'
- * import { defaultTheme } from '@aurora-ds/components'
- *
- * // Use default theme
- * <ThemeProvider theme={defaultTheme}>
- *   <App />
- * </ThemeProvider>
- *
- * // Or extend/override it
- * const myTheme = {
- *   ...defaultTheme,
- *   colors: {
- *     ...defaultTheme.colors,
- *     primary: '#FF0000', // Override primary color
- *   }
- * }
- * ```
- */
-export declare const defaultTheme: Theme;

package/dist/cjs/theme/theme.module.d.ts

@@ -1,32 +0,0 @@
-import type { Theme } from '@theme/theme.types';
-/**
- * Default module augmentation for @aurora-ds/components
- *
- * This provides the base theme structure for the library.
- * Projects can override this to add custom tokens:
- *
- * @example
- * ```typescript
- * // In your project: src/theme/theme.module.ts
- * import type { Theme } from '@aurora-ds/components'
- *
- * // Extend the base Theme with your custom tokens
- * interface MyTheme extends Theme {
- *     colors: Theme['colors'] & {
- *         link: string
- *         linkHover: string
- *     }
- * }
- *
- * declare module '@aurora-ds/theme' {
- *     interface ThemeRegistry {
- *         theme: MyTheme  // Override with your extended theme
- *     }
- * }
- * ```
- */
-declare module '@aurora-ds/theme' {
-    interface ThemeRegistry {
-        theme: Theme;
-    }
-}

package/dist/cjs/theme/theme.types.d.ts

@@ -1,17 +0,0 @@
-import type { ThemeBreakpointsContract, ThemeColorContract, ThemeFontSizeContract, ThemeFontWeightContract, ThemeLineHeightContract, ThemeOpacityContract, ThemeRadiusContract, ThemeShadowsContract, ThemeSpacingContract, ThemeTransitionContract, ThemeZIndexContract } from '@interfaces/theme.contracts';
-/**
- * Default theme type for aurora-ds-components
- */
-export type Theme = {
-    colors: ThemeColorContract;
-    spacing: ThemeSpacingContract;
-    radius: ThemeRadiusContract;
-    shadows: ThemeShadowsContract;
-    fontSize: ThemeFontSizeContract;
-    fontWeight: ThemeFontWeightContract;
-    lineHeight: ThemeLineHeightContract;
-    zIndex: ThemeZIndexContract;
-    transition: ThemeTransitionContract;
-    opacity: ThemeOpacityContract;
-    breakpoints: ThemeBreakpointsContract;
-};

package/dist/cjs/theme/types/themeBreakpoints.types.d.ts

@@ -1,5 +0,0 @@
-import type { ThemeBreakpointsContract } from '@interfaces/theme.contracts';
-/**
- * Default theme breakpoints - uses required contract
- */
-export type ThemeBreakpointsTypes = ThemeBreakpointsContract;

package/dist/cjs/theme/types/themeColor.types.d.ts

@@ -1,5 +0,0 @@
-import type { ThemeColorContract } from '@interfaces/theme.contracts';
-/**
- * Default theme colors type
- */
-export type ThemeColorTypes = ThemeColorContract;

package/dist/cjs/theme/types/themeFontSize.types.d.ts

@@ -1,5 +0,0 @@
-import type { ThemeFontSizeContract } from '@interfaces/theme.contracts';
-/**
- * Default theme font sizes - uses required contract
- */
-export type ThemeFontSizeTypes = ThemeFontSizeContract;

package/dist/cjs/theme/types/themeFontWeight.types.d.ts

@@ -1,5 +0,0 @@
-import type { ThemeFontWeightContract } from '@interfaces/theme.contracts';
-/**
- * Default theme font weights - uses required contract
- */
-export type ThemeFontWeightTypes = ThemeFontWeightContract;

package/dist/cjs/theme/types/themeLineHeight.types.d.ts

@@ -1,5 +0,0 @@
-import type { ThemeLineHeightContract } from '@interfaces/theme.contracts';
-/**
- * Default theme line heights - uses required contract
- */
-export type ThemeLineHeightTypes = ThemeLineHeightContract;

package/dist/cjs/theme/types/themeOpacity.types.d.ts

@@ -1,5 +0,0 @@
-import type { ThemeOpacityContract } from '@interfaces/theme.contracts';
-/**
- * Default theme opacity - uses required contract
- */
-export type ThemeOpacityTypes = ThemeOpacityContract;

package/dist/cjs/theme/types/themeRadius.types.d.ts

@@ -1,5 +0,0 @@
-import type { ThemeRadiusContract } from '@interfaces/theme.contracts';
-/**
- * Default theme radius - uses required contract
- */
-export type ThemeRadiusTypes = ThemeRadiusContract;

package/dist/cjs/theme/types/themeShadows.types.d.ts

@@ -1,5 +0,0 @@
-import type { ThemeShadowsContract } from '@interfaces/theme.contracts';
-/**
- * Default theme shadows - uses required contract
- */
-export type ThemeShadowsTypes = ThemeShadowsContract;

package/dist/cjs/theme/types/themeSpacing.types.d.ts

@@ -1,5 +0,0 @@
-import type { ThemeSpacingContract } from '@interfaces/theme.contracts';
-/**
- * Default theme spacing type
- */
-export type ThemeSpacingTypes = ThemeSpacingContract;

package/dist/cjs/theme/types/themeTransition.types.d.ts

@@ -1,5 +0,0 @@
-import type { ThemeTransitionContract } from '@interfaces/theme.contracts';
-/**
- * Default theme transitions - uses required contract
- */
-export type ThemeTransitionTypes = ThemeTransitionContract;

package/dist/cjs/theme/types/themeZIndex.types.d.ts

@@ -1,5 +0,0 @@
-import type { ThemeZIndexContract } from '@interfaces/theme.contracts';
-/**
- * Default theme z-index - uses required contract
- */
-export type ThemeZIndexTypes = ThemeZIndexContract;

package/dist/cjs/theme/values/themeBreakpoints.d.ts

@@ -1,5 +0,0 @@
-import type { ThemeBreakpointsContract } from '@interfaces/theme.contracts';
-/**
- * Default breakpoint tokens
- */
-export declare const themeBreakpoints: ThemeBreakpointsContract;

package/dist/cjs/theme/values/themeColors.d.ts

@@ -1,6 +0,0 @@
-import type { ThemeColorContract } from '@interfaces/theme.contracts';
-/**
- * Default color tokens
- * Uses color scales from @aurora-ds/theme
- */
-export declare const themeColors: ThemeColorContract;

package/dist/cjs/theme/values/themeFontSize.d.ts

@@ -1,5 +0,0 @@
-import type { ThemeFontSizeContract } from '@interfaces/theme.contracts';
-/**
- * Default font size tokens
- */
-export declare const themeFontSize: ThemeFontSizeContract;

package/dist/cjs/theme/values/themeFontWeight.d.ts

@@ -1,5 +0,0 @@
-import type { ThemeFontWeightContract } from '@interfaces/theme.contracts';
-/**
- * Default font weight tokens
- */
-export declare const themeFontWeight: ThemeFontWeightContract;

package/dist/cjs/theme/values/themeLineHeight.d.ts

@@ -1,5 +0,0 @@
-import type { ThemeLineHeightContract } from '@interfaces/theme.contracts';
-/**
- * Default line height tokens
- */
-export declare const themeLineHeight: ThemeLineHeightContract;

package/dist/cjs/theme/values/themeOpacity.d.ts

@@ -1,5 +0,0 @@
-import type { ThemeOpacityContract } from '@interfaces/theme.contracts';
-/**
- * Default opacity tokens
- */
-export declare const themeOpacity: ThemeOpacityContract;

package/dist/cjs/theme/values/themeRadius.d.ts

@@ -1,5 +0,0 @@
-import type { ThemeRadiusContract } from '@interfaces/theme.contracts';
-/**
- * Default border radius tokens
- */
-export declare const themeRadius: ThemeRadiusContract;

package/dist/cjs/theme/values/themeShadows.d.ts

@@ -1,5 +0,0 @@
-import type { ThemeShadowsContract } from '@interfaces/theme.contracts';
-/**
- * Default shadow tokens
- */
-export declare const themeShadows: ThemeShadowsContract;

package/dist/cjs/theme/values/themeSpacing.d.ts

@@ -1,5 +0,0 @@
-import type { ThemeSpacingContract } from '@interfaces/theme.contracts';
-/**
- * Default spacing tokens
- */
-export declare const themeSpacing: ThemeSpacingContract;

package/dist/cjs/theme/values/themeTransition.d.ts

@@ -1,5 +0,0 @@
-import type { ThemeTransitionContract } from '@interfaces/theme.contracts';
-/**
- * Default transition tokens
- */
-export declare const themeTransition: ThemeTransitionContract;

package/dist/cjs/theme/values/themeZIndex.d.ts

@@ -1,5 +0,0 @@
-import type { ThemeZIndexContract } from '@interfaces/theme.contracts';
-/**
- * Default z-index tokens
- */
-export declare const themeZIndex: ThemeZIndexContract;

package/dist/cjs/utils/ui/components/actions/button/getButtonSizeStyles.utils.d.ts

@@ -1,12 +0,0 @@
-import { ThemeContract } from '@/interfaces';
-import { IconButtonSizes } from '@interfaces/button.types.ts';
-type ButtonSizeConfig = {
-    height: number;
-    padding: {
-        vertical: keyof ThemeContract['spacing'];
-        horizontal: keyof ThemeContract['spacing'];
-    };
-    fontSize: keyof ThemeContract['fontSize'];
-};
-export declare const getButtonSizeStyles: () => Record<IconButtonSizes, ButtonSizeConfig>;
-export {};

package/dist/cjs/utils/ui/components/actions/button/getButtonVariantStyles.utils.d.ts

@@ -1,7 +0,0 @@
-import { Theme } from '@aurora-ds/theme';
-import { ButtonVariants, ButtonVariantStyle } from '@interfaces/button.types.ts';
-/**
- * Get button variant styles based on the theme
- * @param theme
- */
-export declare const getButtonVariantStyles: (theme: Theme) => Record<ButtonVariants, ButtonVariantStyle>;

package/dist/cjs/utils/ui/components/actions/icon-button/getIconButtonSizeStyles.utils.d.ts

@@ -1,9 +0,0 @@
-import { ThemeContract } from '@/interfaces';
-import { IconButtonSizes } from '@interfaces/button.types.ts';
-type IconButtonSizeConfig = {
-    size: number;
-    padding: keyof ThemeContract['spacing'];
-    iconSize: keyof ThemeContract['fontSize'];
-};
-export declare const getIconButtonSizeStyles: () => Record<IconButtonSizes, IconButtonSizeConfig>;
-export {};

package/dist/cjs/utils/ui/components/button/getButtonVariantStyles.utils.d.ts

@@ -1,7 +0,0 @@
-import { Theme } from '@aurora-ds/theme';
-import { ButtonVariants, ButtonVariantStyle } from '@interfaces/button.types';
-/**
- * Get button variant styles based on the theme
- * @param theme
- */
-export declare const getButtonVariantStyles: (theme: Theme) => Record<ButtonVariants, ButtonVariantStyle>;