@dimasbaguspm/versaur 0.0.0

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

@@ -0,0 +1,6 @@
+import { AlertIconProps } from './types';
+/**
+ * Alert.Icon component for displaying icons within alerts
+ * User-controlled icon content with proper sizing and positioning
+ */
+export declare const AlertIcon: import('react').ForwardRefExoticComponent<AlertIconProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/alert/alert.d.ts

@@ -0,0 +1,31 @@
+import { AlertProps } from './types';
+/**
+ * Alert compound component with sub-components
+ *
+ * @example
+ * ```tsx
+ * // Simple usage with icon prop
+ * <Alert color="danger" icon={<XCircleIcon />}>
+ *   Record Not Available - The requested record could not be found.
+ * </Alert>
+ *
+ * // Even simpler with just text
+ * <Alert color="info" icon={<InfoIcon />}>
+ *   Information message
+ * </Alert>
+ *
+ * // Advanced usage with Alert.Icon sub-component (for complex layouts)
+ * <Alert color="warning">
+ *   <Alert.Icon>
+ *     <AlertTriangleIcon />
+ *   </Alert.Icon>
+ *   <div>
+ *     <h4>Warning</h4>
+ *     <p>Please review your input.</p>
+ *   </div>
+ * </Alert>
+ * ```
+ */
+export declare const Alert: import('react').ForwardRefExoticComponent<AlertProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Icon: import('react').ForwardRefExoticComponent<import('./types').AlertIconProps & import('react').RefAttributes<HTMLDivElement>>;
+};

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

@@ -0,0 +1,42 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Alert } from './alert';
+/**
+ * Alert component provides inline notifications and status messages.
+ * Perfect for "Record not available" messages, form validation feedback,
+ * and general status information with user-controlled icons.
+ */
+declare const meta: Meta<typeof Alert>;
+export default meta;
+type Story = StoryObj<typeof Alert>;
+/**
+ * Default alert with neutral styling for general information
+ */
+export declare const Default: Story;
+/**
+ * Error alert for displaying error messages and unavailable records
+ */
+export declare const RecordNotAvailable: Story;
+/**
+ * Success alert for positive feedback
+ */
+export declare const Success: Story;
+/**
+ * Warning alert for caution messages
+ */
+export declare const Warning: Story;
+/**
+ * Information alert using the info color
+ */
+export declare const Info: Story;
+/**
+ * Outline variant demonstration across all colors
+ */
+export declare const OutlineVariants: Story;
+/**
+ * All color variations in default style
+ */
+export declare const AllColors: Story;
+/**
+ * Alert without icon for text-only content
+ */
+export declare const WithoutIcon: Story;

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

@@ -0,0 +1,14 @@
+/**
+ * Alert component variants using Versaur color system
+ * Supports both default (soft) and outline variants for all colors
+ */
+export declare const alertVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    color?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Alert icon variants for proper sizing and spacing
+ */
+export declare const alertIconVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,2 @@
+export { Alert } from './alert';
+export type { AlertProps, AlertIconProps } from './types';

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

@@ -0,0 +1,50 @@
+import { HTMLAttributes, ReactNode } from 'react';
+/**
+ * AlertProps defines the props for the Alert component
+ * @property variant - Visual style variant (default or outline)
+ * @property color - Color theme for the alert
+ * @property icon - Icon element to display (optional)
+ * @property className - Additional CSS classes
+ * @property children - Alert content including Alert.Title or plain text
+ */
+export interface AlertProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Visual style variant
+     * - default: Soft background color with colored text
+     * - outline: Bordered style with transparent background
+     */
+    variant?: 'default' | 'outline';
+    /**
+     * Color theme based on Versaur color system
+     * - primary: Coral color for main actions and brand identity
+     * - secondary: Sage color for secondary information
+     * - tertiary: Mist color for subtle professional elements
+     * - ghost: Slate color for minimal styling
+     * - neutral: Light gray for neutral information
+     * - success: Green for positive feedback
+     * - info: Blue for information
+     * - warning: Orange for caution
+     * - danger: Red for errors and destructive actions
+     */
+    color?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'neutral' | 'success' | 'info' | 'warning' | 'danger';
+    /**
+     * Icon element to display at the start of the alert
+     * Can be any React element (typically an SVG icon)
+     */
+    icon?: ReactNode;
+    /**
+     * Alert content - can be plain text, Alert.Title, or mixed content
+     */
+    children?: ReactNode;
+}
+/**
+ * AlertIconProps defines the props for the Alert.Icon component
+ * @property className - Additional CSS classes
+ * @property children - Icon content (typically an SVG icon)
+ */
+export interface AlertIconProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Icon content - user-controlled icon element
+     */
+    children?: ReactNode;
+}

package/dist/components/alert.js

@@ -0,0 +1,4 @@
+import { A as o } from "../alert-DzSPXqwS.js";
+export {
+  o as Alert
+};

package/dist/components/app-bar/app-bar.atoms.d.ts

@@ -0,0 +1,21 @@
+import { AppBarLeadingProps, AppBarHeadlineProps, AppBarSubtitleProps, AppBarTrailingProps, AppBarCenterProps } from './types';
+/**
+ * Leading section (logo, nav icon)
+ */
+export declare const AppBarLeading: import('react').ForwardRefExoticComponent<AppBarLeadingProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * Headline section (main title)
+ */
+export declare const AppBarHeadline: import('react').ForwardRefExoticComponent<AppBarHeadlineProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * Subtitle section (secondary text)
+ */
+export declare const AppBarSubtitle: import('react').ForwardRefExoticComponent<AppBarSubtitleProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * Trailing section (actions, avatar, etc.)
+ */
+export declare const AppBarTrailing: import('react').ForwardRefExoticComponent<AppBarTrailingProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * Center section (vertical stack of headline/subtitle)
+ */
+export declare const AppBarCenter: import('react').ForwardRefExoticComponent<AppBarCenterProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/app-bar/app-bar.d.ts

@@ -0,0 +1,8 @@
+import { AppBarProps } from './types';
+export declare const AppBar: (({ children, className, variant, }: AppBarProps) => import("react/jsx-runtime").JSX.Element) & {
+    Leading: import('react').ForwardRefExoticComponent<import('./types').AppBarLeadingProps & import('react').RefAttributes<HTMLDivElement>>;
+    Headline: import('react').ForwardRefExoticComponent<import('./types').AppBarHeadlineProps & import('react').RefAttributes<HTMLDivElement>>;
+    Subtitle: import('react').ForwardRefExoticComponent<import('./types').AppBarSubtitleProps & import('react').RefAttributes<HTMLDivElement>>;
+    Trailing: import('react').ForwardRefExoticComponent<import('./types').AppBarTrailingProps & import('react').RefAttributes<HTMLDivElement>>;
+    Center: import('react').ForwardRefExoticComponent<import('./types').AppBarCenterProps & import('react').RefAttributes<HTMLDivElement>>;
+};

package/dist/components/app-bar/app-bar.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+import { AppBar } from './app-bar';
+declare const meta: {
+    title: string;
+    component: (({ children, className, variant, }: import('./types').AppBarProps) => import("react/jsx-runtime").JSX.Element) & {
+        Leading: import('react').ForwardRefExoticComponent<import('./types').AppBarLeadingProps & import('react').RefAttributes<HTMLDivElement>>;
+        Headline: import('react').ForwardRefExoticComponent<import('./types').AppBarHeadlineProps & import('react').RefAttributes<HTMLDivElement>>;
+        Subtitle: import('react').ForwardRefExoticComponent<import('./types').AppBarSubtitleProps & import('react').RefAttributes<HTMLDivElement>>;
+        Trailing: import('react').ForwardRefExoticComponent<import('./types').AppBarTrailingProps & import('react').RefAttributes<HTMLDivElement>>;
+        Center: import('react').ForwardRefExoticComponent<import('./types').AppBarCenterProps & import('react').RefAttributes<HTMLDivElement>>;
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof AppBar>;
+export declare const Home: Story;
+export declare const Detail: Story;

package/dist/components/app-bar/helpers.d.ts

@@ -0,0 +1,6 @@
+export declare const appBarVariants: (props?: ({
+    variant?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const appBarCenterVariants: (props?: ({
+    placement?: "start" | "center" | "end" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/app-bar/index.d.ts

@@ -0,0 +1,2 @@
+export { AppBar } from './app-bar';
+export * from './types';

package/dist/components/app-bar/types.d.ts

@@ -0,0 +1,39 @@
+import { ReactNode, HTMLAttributes } from 'react';
+/**
+ * Props for AppBarLeading
+ */
+export interface AppBarLeadingProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+/**
+ * Props for AppBarHeadline
+ */
+export interface AppBarHeadlineProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+/**
+ * Props for AppBarSubtitle
+ */
+export interface AppBarSubtitleProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+/**
+ * Props for AppBarTrailing
+ */
+export interface AppBarTrailingProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+/**
+ * Props for AppBarCenter (vertical stack of headline/subtitle)
+ */
+export interface AppBarCenterProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    placement?: 'start' | 'center' | 'end';
+}
+/**
+ * AppBarProps for the main AppBar container
+ */
+export interface AppBarProps extends HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'neutral';
+}

package/dist/components/app-bar.js

@@ -0,0 +1,4 @@
+import { A as a } from "../app-bar-B4nQkgdL.js";
+export {
+  a as AppBar
+};

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

@@ -0,0 +1,13 @@
+import { AvatarProps, AvatarImageProps } from './types';
+/**
+ * Avatar component - provides the container and fallback display
+ * Shows fallback content (children) when no image is provided or image fails to load
+ */
+export declare const Avatar: import('react').ForwardRefExoticComponent<AvatarProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * AvatarImage component - displays an image with fallback behavior
+ * Automatically hides when image fails to load, allowing Avatar fallback content to show
+ * Shape is inherited from the parent Avatar container through CSS overflow
+ * Error state is reset when src changes to allow new images to load
+ */
+export declare const AvatarImage: import('react').ForwardRefExoticComponent<AvatarImageProps & import('react').RefAttributes<HTMLImageElement>>;

package/dist/components/avatar/avatar.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Avatar component - displays user avatars with fallback support
+ * Uses simple compound pattern for flexible composition
+ *
+ * @example
+ * ```tsx
+ * // Basic avatar with fallback text
+ * <Avatar>
+ *   JD
+ * </Avatar>
+ *
+ * // Different variants and sizes
+ * <Avatar variant="secondary" size="lg" shape="rounded">
+ *   <Avatar.Image src="/avatar.jpg" alt="Jane Smith" />
+ *   JS
+ * </Avatar>
+ * ```
+ */
+export declare const Avatar: import('react').ForwardRefExoticComponent<import('./types').AvatarProps & import('react').RefAttributes<HTMLDivElement>> & {
+    /**
+     * AvatarImage sub-component for displaying images with fallback behavior
+     */
+    Image: import('react').ForwardRefExoticComponent<import('./types').AvatarImageProps & import('react').RefAttributes<HTMLImageElement>>;
+};

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

@@ -0,0 +1,42 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Avatar } from './avatar';
+/**
+ * Avatar component displays user avatars with fallback support.
+ * It supports multiple variants based on the Versaur color system,
+ * different sizes, and shapes with automatic image fallback behavior.
+ */
+declare const meta: Meta<typeof Avatar>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default avatar with fallback text
+ */
+export declare const Default: Story;
+/**
+ * Avatar with image that loads successfully
+ */
+export declare const WithImage: Story;
+/**
+ * Avatar with image that fails to load (demonstrates fallback)
+ */
+export declare const WithFailedImage: Story;
+/**
+ * Different avatar variants showcasing the color system
+ */
+export declare const Variants: Story;
+/**
+ * Different avatar sizes
+ */
+export declare const Sizes: Story;
+/**
+ * Different avatar shapes
+ */
+export declare const Shapes: Story;
+/**
+ * Avatar group showing multiple avatars together
+ */
+export declare const Group: Story;
+/**
+ * Avatar with different content types
+ */
+export declare const ContentTypes: Story;

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

@@ -0,0 +1,14 @@
+/**
+ * Avatar variants configuration using CVA
+ * Supports different visual styles, sizes, and shapes for flexible avatar displays
+ */
+export declare const avatarVariants: (props?: ({
+    variant?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
+    shape?: "circle" | "square" | "rounded" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Avatar image variants configuration
+ * Ensures the image fills the avatar container properly and inherits shape from parent
+ */
+export declare const avatarImageVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

@@ -0,0 +1,2 @@
+export { Avatar } from './avatar';
+export type { AvatarProps, AvatarImageProps } from './types';

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

@@ -0,0 +1,46 @@
+import { HTMLAttributes, ImgHTMLAttributes } from 'react';
+/**
+ * AvatarProps defines the props for the Avatar component
+ * @property variant - Visual style variant based on Versaur color system
+ * @property size - Size of the avatar (xs, sm, md, lg, xl)
+ * @property shape - Shape of the avatar (circle, square, rounded)
+ */
+export interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * 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
+     */
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'neutral' | 'success' | 'info' | 'warning' | 'danger';
+    /**
+     * Size of the avatar
+     * xs: 24px, sm: 32px, md: 40px, lg: 48px, xl: 64px
+     */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Shape of the avatar
+     * circle: fully rounded, square: no border radius, rounded: slight border radius
+     */
+    shape?: 'circle' | 'square' | 'rounded';
+}
+/**
+ * AvatarImageProps defines the props for the AvatarImage component
+ * @property src - Image source URL
+ * @property alt - Alternative text for the image
+ * @property onError - Error handler for failed image loads
+ */
+export interface AvatarImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+    /**
+     * Image source URL
+     */
+    src: string;
+    /**
+     * Alternative text for the image
+     */
+    alt: string;
+    /**
+     * Error handler for failed image loads
+     * Called when the image fails to load, triggering fallback to Avatar
+     */
+    onError?: (event: React.SyntheticEvent<HTMLImageElement, Event>) => void;
+}

package/dist/components/avatar.js

@@ -0,0 +1,4 @@
+import { A as o } from "../avatar-Bsn24V6g.js";
+export {
+  o as Avatar
+};

package/dist/components/badge/badge.d.ts

@@ -0,0 +1,24 @@
+import { BadgeProps } from './types';
+/**
+ * Badge component for presenting or highlighting values with various styles and configurations
+ *
+ * Follows the Regular Pattern - a simple styled wrapper that aligns with standard HTML behavior.
+ * Supports variants (default/outline), sizes, shapes, colors, and icon positioning.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <Badge>New</Badge>
+ *
+ * // With variants and colors
+ * <Badge variant="outline" color="success">Verified</Badge>
+ *
+ * // With icons
+ * <Badge iconLeft={<CheckIcon />} color="success">Completed</Badge>
+ * <Badge iconRight={<ArrowIcon />}>Continue</Badge>
+ *
+ * // Icon only
+ * <Badge iconOnly iconLeft={<StarIcon />} shape="rounded" />
+ * ```
+ */
+export declare const Badge: import('react').ForwardRefExoticComponent<BadgeProps & import('react').RefAttributes<HTMLSpanElement>>;

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

@@ -0,0 +1,46 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Badge } from './badge';
+/**
+ * The Badge component is used to present or highlight values with various styles and configurations.
+ * It supports different variants (default/outline), sizes, shapes, colors, and icon positioning.
+ * Perfect for status indicators, labels, tags, and highlighting important information.
+ */
+declare const meta: Meta<typeof Badge>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * The default badge with primary color and medium size.
+ */
+export declare const Default: Story;
+/**
+ * Showcase all available color variants with default styling.
+ */
+export declare const Colors: Story;
+/**
+ * Outline variant badges with transparent backgrounds and colored borders.
+ */
+export declare const Outline: Story;
+/**
+ * Different badge shapes - square (default) and fully rounded.
+ */
+export declare const Shapes: Story;
+/**
+ * Badges with icons positioned on the left side.
+ */
+export declare const WithLeftIcon: Story;
+/**
+ * Badges with icons positioned on the right side.
+ */
+export declare const WithRightIcon: Story;
+/**
+ * Icon-only badges without text content, perfect for compact interfaces.
+ */
+export declare const IconOnly: Story;
+/**
+ * Real-world usage examples showing common badge patterns.
+ */
+export declare const Examples: Story;
+/**
+ * Interactive playground for testing different badge configurations.
+ */
+export declare const Playground: Story;

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

@@ -0,0 +1,10 @@
+/**
+ * Badge component variants using Versaur color system
+ * Supports default and outline variants with various colors and sizes
+ */
+export declare const badgeVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    color?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | null | undefined;
+    shape?: "square" | "rounded" | null | undefined;
+    iconOnly?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,2 @@
+export { Badge } from './badge';
+export type { BadgeProps } from './types';

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

@@ -0,0 +1,44 @@
+import { HTMLAttributes, ReactNode } from 'react';
+/**
+ * BadgeProps defines the props for the Badge component
+ * @property variant - Visual style variant (default or outline)
+ * @property shape - Shape of the badge (rounded or square)
+ * @property color - Color variant based on Versaur color system
+ * @property iconLeft - Icon to display on the left side
+ * @property iconRight - Icon to display on the right side
+ */
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Visual style variant
+     * - default: Solid background with text
+     * - outline: Border with transparent background
+     */
+    variant?: 'default' | 'outline';
+    /**
+     * Shape of the badge
+     * - rounded: Fully rounded corners (pill-shaped)
+     * - square: Standard rounded corners
+     */
+    shape?: 'rounded' | 'square';
+    /**
+     * Color variant based on Versaur color system
+     * Core colors: primary (coral), secondary (sage), tertiary (mist), ghost (slate), neutral (light gray)
+     * Semantic colors: success, info, warning, danger
+     */
+    color?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'neutral' | 'success' | 'info' | 'warning' | 'danger';
+    /**
+     * Icon element to display on the left side of the badge
+     * When no children are provided and an icon is present, badge automatically becomes icon-only
+     */
+    iconLeft?: ReactNode;
+    /**
+     * Icon element to display on the right side of the badge
+     * When no children are provided and an icon is present, badge automatically becomes icon-only
+     */
+    iconRight?: ReactNode;
+    /**
+     * Content to display in the badge
+     * When empty and an icon is provided, badge automatically becomes icon-only
+     */
+    children?: ReactNode;
+}

package/dist/components/badge.js

@@ -0,0 +1,4 @@
+import { B as o } from "../badge-DqLCHm9q.js";
+export {
+  o as Badge
+};

package/dist/components/bottom-bar/bottom-bar.atoms.d.ts

@@ -0,0 +1,2 @@
+import { BottomBarItemProps } from './types';
+export declare const BottomBarItem: import('react').ForwardRefExoticComponent<BottomBarItemProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/bottom-bar/bottom-bar.d.ts

@@ -0,0 +1,4 @@
+import { BottomBarProps } from './types';
+export declare const BottomBar: (({ children, variant, size, className, ...props }: BottomBarProps) => import("react/jsx-runtime").JSX.Element) & {
+    Item: import('react').ForwardRefExoticComponent<import('./types').BottomBarItemProps & import('react').RefAttributes<HTMLButtonElement>>;
+};

package/dist/components/bottom-bar/bottom-bar.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { BottomBar } from './bottom-bar';
+declare const meta: Meta<typeof BottomBar>;
+export default meta;
+export declare const ThreeItems: StoryObj<typeof BottomBar>;
+export declare const FiveItems: StoryObj<typeof BottomBar>;

package/dist/components/bottom-bar/helpers.d.ts

@@ -0,0 +1,7 @@
+export declare const bottomBarVariants: (props?: ({
+    variant?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const bottomBarItemVariants: (props?: ({
+    active?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/bottom-bar/index.d.ts

@@ -0,0 +1,2 @@
+export { BottomBar } from './bottom-bar';
+export type { BottomBarProps, BottomBarItemProps } from './types';

package/dist/components/bottom-bar/types.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Props for the BottomBar container
+ */
+export interface BottomBarProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * Visual variant for the BottomBar
+     * @default 'primary'
+     */
+    variant?: 'primary' | 'secondary' | 'ghost' | 'neutral' | 'tertiary';
+    /**
+     * Size of the BottomBar
+     * @default 'md'
+     */
+    size?: 'sm' | 'md' | 'lg';
+}
+/**
+ * Props for each BottomBar.Item
+ */
+export interface BottomBarItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Icon element for the item
+     */
+    icon: React.ReactNode;
+    /**
+     * Label for the item
+     */
+    label?: string;
+    /**
+     * Whether the item is active
+     */
+    active?: boolean;
+}

package/dist/components/bottom-bar.js

@@ -0,0 +1,4 @@
+import { B as t } from "../bottom-bar-DOQ3gVwW.js";
+export {
+  t as BottomBar
+};

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

@@ -0,0 +1,9 @@
+import { BreadcrumbsItemProps } from './types';
+/**
+ * Single breadcrumb item, used within <Breadcrumbs>
+ */
+export declare const BreadcrumbsItem: import('react').ForwardRefExoticComponent<BreadcrumbsItemProps & import('react').RefAttributes<HTMLAnchorElement>>;
+/**
+ * Separator between breadcrumb items
+ */
+export declare function BreadcrumbsSeparator(): import("react/jsx-runtime").JSX.Element;