@dimasbaguspm/versaur 0.0.0

package/dist/components/chip-input/types.d.ts

@@ -0,0 +1,51 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+/**
+ * Props for the ChipInput component
+ */
+export interface ChipInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'onChange' | 'value'> {
+    /**
+     * Visual style variant supporting Versaur color system
+     * Core variants: primary (coral), secondary (sage), tertiary (mist), ghost (slate), neutral (light gray)
+     * Semantic variants: success, info, warning, danger
+     * Each variant supports outline form for flexible design expression
+     */
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'neutral' | 'success' | 'info' | 'warning' | 'danger';
+    /**
+     * Label text to display above the chip group
+     */
+    label?: ReactNode;
+    /**
+     * Helper text to display below the chip group
+     */
+    helperText?: ReactNode;
+    /**
+     * Error message for invalid state
+     */
+    error?: ReactNode;
+    /**
+     * The name attribute for the checkbox group - required for checkbox functionality
+     */
+    name: string;
+    /**
+     * Current selected values (controlled component)
+     * Array of strings representing selected option values
+     */
+    value?: string[];
+    /**
+     * Callback when value changes
+     */
+    onChange?: (value: string[]) => void;
+}
+/**
+ * Props for the ChipInput.Option component
+ */
+export interface ChipInputOptionProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'name'> {
+    /**
+     * The option label content
+     */
+    children: ReactNode;
+    /**
+     * The value for this chip option
+     */
+    value: string;
+}

package/dist/components/chip-input.js

@@ -0,0 +1,4 @@
+import { C as r } from "../chip-input-C1PJPDFq.js";
+export {
+  r as ChipInput
+};

package/dist/components/date-single-picker-input/date-single-picker-input.atoms.d.ts

@@ -0,0 +1,13 @@
+import { DateSinglePickerModalFooterProps, DateSinglePickerInputProps } from './types';
+import { default as React } from 'react';
+export interface DateSinglePickerTriggerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value'> {
+    leftContent?: React.ReactNode;
+    rightContent?: React.ReactNode;
+    hasError?: boolean;
+    variant?: DateSinglePickerInputProps['variant'];
+    value?: Date;
+    placeholder?: string;
+    formatDate?: (date?: Date) => string;
+}
+export declare const DateSinglePickerTrigger: React.ForwardRefExoticComponent<DateSinglePickerTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DateSinglePickerModalFooter: ({ onCancel, onConfirm, confirmDisabled, }: DateSinglePickerModalFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/date-single-picker-input/date-single-picker-input.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { DateSinglePickerInputProps } from './types';
+/**
+ * DateSinglePickerInput component for Versaur UI
+ *
+ * Styled like TextInput, but acts as a button to pick a single date
+ * Clicking opens a docked Calendar below the input
+ * Strictly typed, accessible, and visually consistent with TextInput
+ */
+export declare const DateSinglePickerInput: React.ForwardRefExoticComponent<DateSinglePickerInputProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/date-single-picker-input/date-single-picker-input.docked.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+interface DateSinglePickerDockedProps {
+    open: boolean;
+    value: Date | undefined;
+    onChange: (date: Date) => void;
+    inputId: string;
+    handleMenuClose: () => void;
+}
+/**
+ * Docked calendar atom for DateSinglePickerInput
+ * Handles Menu and Calendar rendering for docked type
+ */
+export declare const DateSinglePickerDocked: React.FC<DateSinglePickerDockedProps>;
+export {};

package/dist/components/date-single-picker-input/date-single-picker-input.docked.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DateSinglePickerInput } from './date-single-picker-input';
+declare const meta: Meta<typeof DateSinglePickerInput>;
+export default meta;
+type Story = StoryObj<typeof DateSinglePickerInput>;
+export declare const DockedDefault: Story;
+export declare const DockedWithLeftIcon: Story;
+export declare const DockedErrorState: Story;
+export declare const DockedDisabled: Story;
+export declare const DockedAllVariants: Story;

package/dist/components/date-single-picker-input/date-single-picker-input.modal.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+interface DateSinglePickerModalProps {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    value: Date | undefined;
+    onChange: (date: Date) => void;
+    label?: string;
+    buttonRef: React.RefObject<HTMLButtonElement>;
+}
+/**
+ * Modal calendar atom for DateSinglePickerInput
+ * Handles Modal, Calendar, and ModalFooter for modal type
+ */
+export declare const DateSinglePickerModal: React.FC<DateSinglePickerModalProps>;
+export {};

package/dist/components/date-single-picker-input/date-single-picker-input.modal.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DateSinglePickerInput } from './date-single-picker-input';
+declare const meta: Meta<typeof DateSinglePickerInput>;
+export default meta;
+type Story = StoryObj<typeof DateSinglePickerInput>;
+export declare const ModalDefault: Story;
+export declare const ModalWithLeftIcon: Story;
+export declare const ModalErrorState: Story;
+export declare const ModalDisabled: Story;
+export declare const ModalAllVariants: Story;

package/dist/components/date-single-picker-input/helpers.d.ts

@@ -0,0 +1,3 @@
+export declare const dateSinglePickerInputVariants: (props?: ({
+    variant?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | "primary-outline" | "secondary-outline" | "tertiary-outline" | "ghost-outline" | "neutral-outline" | "success-outline" | "info-outline" | "warning-outline" | "danger-outline" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/date-single-picker-input/index.d.ts

@@ -0,0 +1,2 @@
+export { DateSinglePickerInput } from './date-single-picker-input';
+export type * from './types';

package/dist/components/date-single-picker-input/types.d.ts

@@ -0,0 +1,75 @@
+import { ReactNode } from 'react';
+/**
+ * Props for the DateSinglePickerInput component
+ */
+/**
+ * Props for the DateSinglePickerInput component
+ */
+export interface DateSinglePickerInputProps {
+    /**
+     * Picker display type: 'docked' (default) or 'modal'.
+     * 'docked' shows calendar below input, 'modal' opens a modal at top.
+     */
+    type?: 'docked' | 'modal';
+    /**
+     * The selected date value
+     */
+    value?: Date;
+    /**
+     * Callback when a date is selected
+     */
+    onChange?: (date: Date) => void;
+    /**
+     * Label text to display above the input
+     */
+    label?: ReactNode;
+    /**
+     * Optional content to display inside the input (left)
+     */
+    leftContent?: ReactNode;
+    /**
+     * Optional content to display inside the input (right)
+     */
+    rightContent?: ReactNode;
+    /**
+     * Helper text to display below the input
+     */
+    helperText?: ReactNode;
+    /**
+     * Error message for invalid state
+     */
+    error?: ReactNode;
+    /**
+     * Visual style variant supporting Versaur color system
+     */
+    variant?: 'primary' | 'primary-outline' | 'secondary' | 'secondary-outline' | 'tertiary' | 'tertiary-outline' | 'ghost' | 'ghost-outline' | 'neutral' | 'neutral-outline' | 'success' | 'success-outline' | 'info' | 'info-outline' | 'warning' | 'warning-outline' | 'danger' | 'danger-outline';
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+    /**
+     * Placeholder text when no date is selected
+     */
+    placeholder?: ReactNode;
+    /**
+     * Optional id for the input element
+     */
+    id?: string;
+    /**
+     * Optional custom date formatter. If not provided, uses default format.
+     * @param date Date to format
+     * @returns Formatted date string
+     */
+    formatDate?: (date?: Date) => string;
+}
+/**
+ * Atoms for DateSinglePickerInput modal type
+ */
+export interface DateSinglePickerModalContentProps {
+    children: ReactNode;
+}
+export interface DateSinglePickerModalFooterProps {
+    onCancel: () => void;
+    onConfirm: () => void;
+    confirmDisabled?: boolean;
+}

package/dist/components/date-single-picker-input/use-date-single-picker.d.ts

@@ -0,0 +1,10 @@
+export declare function useDateSinglePicker({ id }: {
+    id?: string;
+}): {
+    open: boolean;
+    setOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    inputId: string;
+    buttonRef: import('react').RefObject<HTMLButtonElement | null>;
+    handleKeyDown: (e: React.KeyboardEvent<HTMLButtonElement>) => void;
+    handleMenuClose: () => void;
+};

package/dist/components/date-single-picker-input.js

@@ -0,0 +1,4 @@
+import { D as t } from "../date-single-picker-input--Ew0O9NQ.js";
+export {
+  t as DateSinglePickerInput
+};

package/dist/components/drawer/context.d.ts

@@ -0,0 +1,11 @@
+import { DrawerContextValue } from './types';
+/**
+ * Context for the Drawer compound component
+ * Provides shared state and functions across all drawer sub-components
+ */
+export declare const DrawerContext: import('react').Context<DrawerContextValue | null>;
+/**
+ * Hook to access drawer context
+ * Throws an error if used outside of a DrawerRoot component
+ */
+export declare function useDrawerContext(): DrawerContextValue;

package/dist/components/drawer/drawer.atoms.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { DrawerHeaderProps, DrawerBodyProps, DrawerFooterProps, DrawerOverlayProps } from './types';
+/**
+ * DrawerOverlay - Background overlay that appears behind the drawer
+ * Always provides a dark blurred background to help users focus on the drawer content
+ */
+export declare const DrawerOverlay: React.ForwardRefExoticComponent<DrawerOverlayProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * DrawerHeader - Header section of the drawer
+ * Typically contains the title and close button
+ */
+export declare const DrawerHeader: React.ForwardRefExoticComponent<DrawerHeaderProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * DrawerBody - Main content area of the drawer
+ * Scrollable container for the drawer content
+ */
+export declare const DrawerBody: React.ForwardRefExoticComponent<DrawerBodyProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * DrawerFooter - Footer section of the drawer
+ * Typically contains action buttons
+ * Supports responsive flex behavior for optimal button layout across screen sizes
+ */
+export declare const DrawerFooter: React.ForwardRefExoticComponent<DrawerFooterProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/drawer/drawer.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { DrawerProps } from './types';
+/**
+ * Drawer - A controlled sliding drawer overlay component
+ * Provides additional space for content with positioning, sizing, and glass variant options
+ */
+export declare const DrawerRoot: React.FC<DrawerProps>;
+/**
+ * Drawer - Compound component with sub-components attached
+ * Provides a convenient API for using the drawer with all its parts
+ */
+export declare const Drawer: React.FC<DrawerProps> & {
+    Header: React.ForwardRefExoticComponent<import('./types').DrawerHeaderProps & React.RefAttributes<HTMLDivElement>>;
+    Body: React.ForwardRefExoticComponent<import('./types').DrawerBodyProps & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<import('./types').DrawerFooterProps & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/components/drawer/drawer.stories.d.ts

@@ -0,0 +1,41 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Drawer } from './drawer';
+declare const meta: Meta<typeof Drawer>;
+export default meta;
+type Story = StoryObj<typeof Drawer>;
+/**
+ * Default drawer with standard settings
+ * Shows a basic controlled drawer with header, body, and footer sections
+ */
+export declare const Default: Story;
+/**
+ * Left position drawer
+ * Demonstrates a drawer that slides in from the left side
+ */
+export declare const LeftPosition: Story;
+/**
+ * Glass variant drawer
+ * Shows the glass variant with transparent backdrop blur effects on the drawer content
+ * The overlay remains dark to maintain focus, while the drawer itself becomes glass-like
+ */
+export declare const GlassVariant: Story;
+/**
+ * Large size drawer
+ * Demonstrates different drawer sizes
+ */
+export declare const LargeSize: Story;
+/**
+ * Three-quarters width drawer
+ * Shows a drawer that takes 75% of the viewport width, ideal for dashboards or complex forms
+ */
+export declare const ThreeQuartersWidth: Story;
+/**
+ * Full width drawer
+ * Shows a drawer that takes the full width of the viewport
+ */
+export declare const FullWidth: Story;
+/**
+ * Custom footer layout (non-responsive)
+ * Shows how to disable the responsive behavior for custom button arrangements
+ */
+export declare const CustomFooterLayout: Story;

package/dist/components/drawer/helpers.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Drawer overlay variants using CVA
+ * Always provides a dark blurred background to help users focus on the drawer content
+ */
+export declare const drawerOverlayVariants: (props?: ({
+    state?: "open" | "closed" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Drawer content variants using CVA
+ * Provides different sizes, positions, and visual styles for the drawer content
+ * Glass variant creates a transparent glass-like appearance with backdrop blur
+ */
+export declare const drawerVariants: (props?: ({
+    position?: "right" | "left" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | "3/4" | "full" | null | undefined;
+    variant?: "default" | "glass" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Drawer header variants
+ * Glass variant creates a transparent header that maintains layout structure
+ */
+export declare const drawerHeaderVariants: (props?: ({
+    variant?: "default" | "glass" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Drawer body variants
+ */
+export declare const drawerBodyVariants: (props?: ({
+    variant?: "default" | "glass" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Drawer footer variants
+ * Glass variant creates a transparent footer that maintains layout structure
+ * Responsive flex behavior: on small screens children expand, on larger screens children are right-aligned and sized to content
+ */
+export declare const drawerFooterVariants: (props?: ({
+    variant?: "default" | "glass" | null | undefined;
+    responsiveFlex?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/drawer/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Drawer component exports
+ *
+ * Provides a sliding drawer overlay component with compound pattern
+ * Supports left/right positioning, multiple sizes, and glass variant
+ */
+export { Drawer } from './drawer';
+export { DrawerOverlay, DrawerHeader, DrawerBody, DrawerFooter, } from './drawer.atoms';
+export { useDrawerContext } from './context';
+export type { DrawerProps, DrawerHeaderProps, DrawerBodyProps, DrawerFooterProps, DrawerOverlayProps, DrawerContextValue, DrawerPosition, DrawerSize, DrawerVariant, DrawerVariantProps, } from './types';

package/dist/components/drawer/types.d.ts

@@ -0,0 +1,93 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { VariantProps } from '../../utils/variants';
+import { drawerVariants } from './helpers';
+/**
+ * Base drawer variant props derived from the drawer variants
+ */
+export type DrawerVariantProps = VariantProps<typeof drawerVariants>;
+/**
+ * Drawer positioning options
+ */
+export type DrawerPosition = 'left' | 'right';
+/**
+ * Drawer size options
+ */
+export type DrawerSize = 'sm' | 'md' | 'lg' | 'xl' | '3/4' | 'full';
+/**
+ * Drawer variant options
+ */
+export type DrawerVariant = 'default' | 'glass';
+/**
+ * Context value for the Drawer compound component
+ */
+export interface DrawerContextValue {
+    /** Whether the drawer is open */
+    isOpen: boolean;
+    /** Function to close the drawer */
+    onClose: () => void;
+    /** Drawer position (left or right) */
+    position: DrawerPosition;
+    /** Drawer size */
+    size: DrawerSize;
+    /** Drawer variant */
+    variant: DrawerVariant;
+}
+/**
+ * Props for the Drawer component (controlled component)
+ */
+export interface DrawerProps extends ComponentPropsWithoutRef<'div'> {
+    /** Whether the drawer is open (required - controlled component) */
+    isOpen: boolean;
+    /** Callback when the drawer should close */
+    onClose: (open: boolean) => void;
+    /** Drawer position */
+    position?: DrawerPosition;
+    /** Drawer size */
+    size?: DrawerSize;
+    /** Drawer variant */
+    variant?: DrawerVariant;
+    /** Children components */
+    children: ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Props for the DrawerHeader component
+ */
+export interface DrawerHeaderProps extends ComponentPropsWithoutRef<'div'> {
+    /** Children components */
+    children: ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Props for the DrawerBody component
+ */
+export interface DrawerBodyProps extends ComponentPropsWithoutRef<'div'> {
+    /** Children components */
+    children: ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Props for the DrawerFooter component
+ */
+export interface DrawerFooterProps extends ComponentPropsWithoutRef<'div'> {
+    /** Children components */
+    children: ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+    /**
+     * Enable responsive flex behavior
+     * When true (default): on small screens children expand (flex-grow), on larger screens children are right-aligned and sized to content
+     * When false: children behavior is not modified by responsive rules
+     */
+    responsiveFlex?: boolean;
+}
+/**
+ * Props for the DrawerOverlay component
+ */
+export interface DrawerOverlayProps extends ComponentPropsWithoutRef<'div'> {
+    /** Additional CSS classes */
+    className?: string;
+}

package/dist/components/drawer.js

@@ -0,0 +1,9 @@
+import { D as e, c as s, d as D, b as o, a as w, u as t } from "../drawer-DrnAR2a4.js";
+export {
+  e as Drawer,
+  s as DrawerBody,
+  D as DrawerFooter,
+  o as DrawerHeader,
+  w as DrawerOverlay,
+  t as useDrawerContext
+};

package/dist/components/icon/helpers.d.ts

@@ -0,0 +1,4 @@
+export declare const iconVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
+    color?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/icon/icon.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { IconProps } from './types';
+/**
+ * Icon component for Versaur UI
+ * Wraps Lucide icons and enforces consistent size and color
+ * @example <Icon color="primary" size="md"><LucideIcon /></Icon>
+ */
+export declare const Icon: React.FC<IconProps>;

package/dist/components/icon/icon.stories.d.ts

@@ -0,0 +1,39 @@
+declare const _default: {
+    title: string;
+    component: import('react').FC<import('./types').IconProps>;
+    tags: string[];
+};
+export default _default;
+export declare const Basic: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const AllSizes: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const AllColors: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,2 @@
+export { Icon } from './icon';
+export type * from './types';

package/dist/components/icon/types.d.ts

@@ -0,0 +1,13 @@
+import { HTMLAttributes, ReactNode } from 'react';
+/**
+ * IconProps defines the props for the Icon component
+ * @property color - Color variant based on Versaur color system
+ * @property size - Size of the icon (xs, sm, md, lg, xl)
+ * @property children - The icon element (usually from lucide-react)
+ * Extends HTMLAttributes<HTMLSpanElement> for native span props
+ */
+export interface IconProps extends HTMLAttributes<HTMLSpanElement> {
+    color?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'neutral' | 'success' | 'info' | 'warning' | 'danger';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    children: ReactNode;
+}

package/dist/components/icon.js

@@ -0,0 +1,4 @@
+import { I } from "../icon-D-lTZMHY.js";
+export {
+  I as Icon
+};

package/dist/components/index.d.ts

@@ -0,0 +1,29 @@
+export * from './alert';
+export * from './app-bar';
+export * from './avatar';
+export * from './badge';
+export * from './bottom-bar';
+export * from './breadcrumbs';
+export * from './button';
+export * from './button-icon';
+export * from './button-float';
+export * from './checkbox-input';
+export * from './chip-input';
+export * from './date-single-picker-input';
+export * from './drawer';
+export * from './icon';
+export * from './menu';
+export * from './radio-input';
+export * from './segment-single-input';
+export * from './segment-multiple-input';
+export * from './select-input';
+export * from './snackbar';
+export * from './tabs';
+export * from './text';
+export * from './text-input';
+export * from './textarea-input';
+export * from './tile';
+export * from './top-bar';
+export * from './loading-indicator';
+export * from './switch-input';
+export * from './skeleton';

package/dist/components/loading-indicator/helpers.d.ts

@@ -0,0 +1,9 @@
+export declare const spinnerVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    color?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const barVariants: (props?: ({
+    color?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getBarBgClass: (color: string) => "bg-coral" | "bg-sage" | "bg-mist" | "bg-slate" | "bg-neutral" | "bg-success" | "bg-info" | "bg-warning" | "bg-danger";

package/dist/components/loading-indicator/index.d.ts

@@ -0,0 +1 @@
+export * from './loading-indicator';

package/dist/components/loading-indicator/loading-indicator.atoms.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { LoadingIndicatorProps } from './types';
+/**
+ * SpinnerAtom - circular loading indicator
+ */
+export declare const SpinnerAtom: React.ForwardRefExoticComponent<LoadingIndicatorProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * BarAtom - linear loading indicator
+ */
+export declare const BarAtom: React.ForwardRefExoticComponent<LoadingIndicatorProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/loading-indicator/loading-indicator.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { LoadingIndicatorProps } from './types';
+/**
+ * LoadingIndicator displays a visual loading state using spinner or bar type
+ * Follows Versaur design system and Material guidelines for loading indicators
+ */
+export declare const LoadingIndicator: React.ForwardRefExoticComponent<LoadingIndicatorProps & React.RefAttributes<HTMLDivElement>>;