@revikornmann/muka-ui 0.2.1

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

@@ -0,0 +1,50 @@
+import React from 'react';
+import './Accordion.css';
+export interface AccordionProps {
+    /** Accordion type */
+    type?: 'single' | 'multiple';
+    /** Default expanded item(s) */
+    defaultValue?: string | string[];
+    /** Controlled value */
+    value?: string | string[];
+    /** Called when value changes */
+    onValueChange?: (value: string | string[]) => void;
+    /** Allow collapsing all items (single type only) */
+    collapsible?: boolean;
+    /** Visual variant */
+    variant?: 'default' | 'flush' | 'contained';
+    /** Accordion items */
+    children: React.ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare const Accordion: React.FC<AccordionProps>;
+export interface AccordionItemProps {
+    /** Unique value for this item */
+    value: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Item content (trigger + content) */
+    children: React.ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
+export interface AccordionTriggerProps {
+    /** Trigger content */
+    children: React.ReactNode;
+    /** Custom icon (defaults to chevron) */
+    icon?: React.ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export interface AccordionContentProps {
+    /** Content children */
+    children: React.ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare const AccordionContent: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
+export default Accordion;
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/types/components/Accordion/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,iBAAiB,CAAC;AAIzB,MAAM,WAAW,cAAc;IAC7B,qBAAqB;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,gCAAgC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,WAAW,CAAC;IAC5C,sBAAsB;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiD9C,CAAC;AAIF,MAAM,WAAW,kBAAkB;IACjC,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,2FAezB,CAAC;AAKF,MAAM,WAAW,qBAAqB;IACpC,sBAAsB;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wCAAwC;IACxC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,iGAe5B,CAAC;AAKF,MAAM,WAAW,qBAAqB;IACpC,uBAAuB;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,8FAY5B,CAAC;AAGF,eAAe,SAAS,CAAC"}

package/dist/types/components/Accordion/index.d.ts

@@ -0,0 +1,3 @@
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, type AccordionProps, type AccordionItemProps, type AccordionTriggerProps, type AccordionContentProps, } from './Accordion';
+export { default } from './Accordion';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,GAC3B,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,52 @@
+import React from 'react';
+import './ActionSheet.css';
+export interface ActionSheetItem {
+    /** Visible label */
+    label: string;
+    /** Optional leading icon */
+    icon?: React.ReactNode;
+    /** Click handler. The sheet closes automatically after the click. */
+    onClick?: () => void;
+    /** Render with destructive (red) styling */
+    destructive?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+}
+export interface ActionSheetProps {
+    /** Whether the sheet is open */
+    open: boolean;
+    /** Called when the sheet should close (backdrop tap, drag, ESC, after an action click) */
+    onOpenChange: (open: boolean) => void;
+    /** Optional title displayed at the top of the sheet */
+    title?: string;
+    /** Optional supporting description below the title */
+    description?: string;
+    /** List of actions */
+    actions: ActionSheetItem[];
+    /**
+     * Optional cancel action, rendered as a separate button at the bottom.
+     * Common iOS pattern.
+     */
+    cancel?: {
+        label: string;
+        onClick?: () => void;
+    };
+    /**
+     * Accessible label used by screen readers when no visible `title` is set.
+     * Default: "Actions".
+     */
+    ariaLabel?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * ActionSheet — iOS-style action menu sliding up from the bottom.
+ *
+ * Built on `Sheet`. Use as the touch replacement for `ContextMenu` and as the
+ * primary pattern for "options" menus on motorcycles, service records, etc.
+ *
+ * Each action's `onClick` runs, then the sheet auto-closes.
+ */
+export declare const ActionSheet: React.FC<ActionSheetProps>;
+export default ActionSheet;
+//# sourceMappingURL=ActionSheet.d.ts.map

package/dist/types/components/ActionSheet/ActionSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../../../components/ActionSheet/ActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,eAAe;IAC9B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IAEd,4BAA4B;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,gCAAgC;IAChC,IAAI,EAAE,OAAO,CAAC;IAEd,0FAA0F;IAC1F,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,sBAAsB;IACtB,OAAO,EAAE,eAAe,EAAE,CAAC;IAE3B;;;OAGG;IACH,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;IAEF;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAyElD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/types/components/ActionSheet/index.d.ts

@@ -0,0 +1,2 @@
+export { ActionSheet, type ActionSheetProps, type ActionSheetItem } from './ActionSheet';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/ActionSheet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/ActionSheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC"}

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

@@ -0,0 +1,45 @@
+import React from 'react';
+import './AgentTaskList.css';
+export interface AgentTask {
+    /** Task description shown next to the bullet */
+    label: string;
+    /**
+     * Bullet icon. Pass any node (typically `<Icon name="…" />` or a tool/brand logo).
+     * If omitted, a checkbox-circle-line is used to fit the state.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Lifecycle state — affects icon color treatment.
+     * - `pending` — subtle / muted
+     * - `active` — primary action color (in-flight)
+     * - `done` — confirmed
+     * Default: `done`
+     */
+    state?: 'pending' | 'active' | 'done';
+}
+export interface AgentTaskListProps {
+    /** Section header shown above the timeline */
+    title: string;
+    /** Ordered list of tasks (top → bottom) */
+    tasks: AgentTask[];
+    /** Whether the task list is expanded by default. Default: true */
+    defaultOpen?: boolean;
+    /** Controlled open state. When provided, component becomes controlled. */
+    open?: boolean;
+    /** Called when the user toggles the disclosure */
+    onOpenChange?: (open: boolean) => void;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * AgentTaskList — collapsible task timeline for an AI agent message.
+ *
+ * Renders a header + a vertical timeline of tasks the agent is performing
+ * (e.g. searching the web, querying a database, drafting an answer).
+ *
+ * Typically rendered above the agent's final reply inside a `ChatBubble`
+ * with `variant="agent"`.
+ */
+export declare const AgentTaskList: React.FC<AgentTaskListProps>;
+export default AgentTaskList;
+//# sourceMappingURL=AgentTaskList.d.ts.map

package/dist/types/components/AgentTaskList/AgentTaskList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentTaskList.d.ts","sourceRoot":"","sources":["../../../../components/AgentTaskList/AgentTaskList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,qBAAqB,CAAC;AAE7B,MAAM,WAAW,SAAS;IACxB,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;CACvC;AAED,MAAM,WAAW,kBAAkB;IACjC,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IAEd,2CAA2C;IAC3C,KAAK,EAAE,SAAS,EAAE,CAAC;IAEnB,kEAAkE;IAClE,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,kDAAkD;IAClD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqEtD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/types/components/AgentTaskList/index.d.ts

@@ -0,0 +1,2 @@
+export { AgentTaskList, type AgentTaskListProps, type AgentTask, } from './AgentTaskList';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/AgentTaskList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/AgentTaskList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,SAAS,GACf,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1,43 @@
+import React from 'react';
+import './Alert.css';
+export interface AlertProps {
+    /** Alert content */
+    children: React.ReactNode;
+    /** Alert variant determines color scheme */
+    variant?: 'info' | 'success' | 'warning' | 'error';
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Optional title displayed above the message */
+    title?: string;
+    /** Custom icon (replaces default variant icon) */
+    icon?: React.ReactNode;
+    /** Hide the icon */
+    hideIcon?: boolean;
+    /** Dismissible alert with close button */
+    dismissible?: boolean;
+    /** Callback when dismissed */
+    onDismiss?: () => void;
+    /** Action element (button/link) rendered on the right */
+    action?: React.ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+    /** Accessible role (defaults to 'alert' for error, 'status' for others) */
+    role?: 'alert' | 'status' | 'none';
+}
+/**
+ * Alert Component (Inline)
+ *
+ * Displays an inline alert message with contextual styling.
+ * Used for form validation feedback, important notices, and status messages.
+ *
+ * @accessibility WCAG 2.1 AA compliant
+ * - Uses role="alert" for error variants (immediate announcement)
+ * - Uses role="status" for other variants (polite announcement)
+ * - Dismiss button has accessible label
+ * - Color is not the only means of conveying status (icons included)
+ *
+ * @see https://www.w3.org/WAI/ARIA/apg/patterns/alert/
+ */
+export declare const Alert: React.FC<AlertProps>;
+export default Alert;
+//# sourceMappingURL=Alert.d.ts.map

package/dist/types/components/Alert/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAa,CAAC;AAGrB,MAAM,WAAW,UAAU;IACzB,oBAAoB;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAEnD,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,kDAAkD;IAClD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB,yDAAyD;IACzD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CACpC;AAUD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA8DtC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/types/components/Alert/index.d.ts

@@ -0,0 +1,3 @@
+export { Alert, type AlertProps } from './Alert';
+export { default } from './Alert';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,49 @@
+import React from 'react';
+import './AppShell.css';
+export interface AppShellProps {
+    /**
+     * Persistent navigation rail content, shown as a fixed left sidebar at the
+     * large tier (≥1024px) and hidden below it — where per-view footers handle
+     * navigation instead. Typically a
+     * `<BottomBar variant="navigation" desktopAs="sidebar">`, optionally composed
+     * with a logo/header above it.
+     */
+    sidebar: React.ReactNode;
+    /**
+     * Optional full-width application bar shown across the top at the large tier
+     * only (e.g. app/brand name on the left, account on the right). It sits above
+     * both the sidebar and the content. Hidden below large — there the app
+     * name/account live in the per-view TopBar instead.
+     */
+    appBar?: React.ReactNode;
+    /** The view area — typically a <NavigationTransition> or a single <View>. */
+    children: React.ReactNode;
+    /**
+     * Force a size tier. When omitted the shell is responsive: the sidebar appears
+     * (and content is offset) at ≥1024px. Set to `'lg'` to force the sidebar
+     * layout, or `'sm'`/`'md'` to force it off (mirrors View/TopBar via data-size).
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * AppShell Component
+ *
+ * A responsive application shell that holds a persistent left navigation rail
+ * alongside the main view area. The `sidebar` lives OUTSIDE the view area, so it
+ * stays mounted (and visually fixed) while the inner View changes — including
+ * across NavigationTransition animations.
+ *
+ * - **Large** (≥1024px): the `sidebar` renders as a fixed 240px left rail and the
+ *   main area is offset to clear it. An optional `appBar` spans the top across the
+ *   full width (brand + account).
+ * - **Below large**: the sidebar and app bar are hidden; navigation is handled by
+ *   the per-view bottom bar (top-level) or back button / action bar (sub-level).
+ *
+ * @accessibility The sidebar and main area are siblings; the sidebar content
+ * (e.g. a BottomBar with `variant="navigation"`) supplies its own `<nav>`/roles.
+ */
+export declare const AppShell: React.FC<AppShellProps>;
+export default AppShell;
+//# sourceMappingURL=AppShell.d.ts.map

package/dist/types/components/AppShell/AppShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../../components/AppShell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,CAAC;AAExB,MAAM,WAAW,aAAa;IAC5B;;;;;;OAMG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,6EAA6E;IAC7E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2B5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/types/components/AppShell/index.d.ts

@@ -0,0 +1,2 @@
+export { AppShell, type AppShellProps } from './AppShell';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/AppShell/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/AppShell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,51 @@
+import React from 'react';
+import './Avatar.css';
+export interface AvatarProps {
+    /** Image source URL */
+    src?: string;
+    /** Alt text for image (required when src is provided) */
+    alt?: string;
+    /** Custom icon element */
+    icon?: React.ReactNode;
+    /** Name for generating initials */
+    name?: string;
+    /** Size variant */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Shape variant */
+    shape?: 'circle' | 'square';
+    /** Status indicator */
+    status?: 'online' | 'offline' | 'busy' | 'away';
+    /** Status indicator position */
+    statusPosition?: 'top-right' | 'bottom-right';
+    /** Click handler */
+    onClick?: () => void;
+    /** Additional CSS classes */
+    className?: string;
+    /** Accessible label */
+    'aria-label'?: string;
+}
+/**
+ * Avatar Component
+ *
+ * Displays user representation with multiple fallback options:
+ * 1. Image (src) - Primary display if available
+ * 2. Icon (icon) - Custom icon fallback
+ * 3. Initials (name) - Generated from name
+ * 4. Default icon - Generic user icon
+ *
+ * Features:
+ * - 5 sizes: xs, sm, md, lg, xl
+ * - 2 shapes: circle, square
+ * - Status indicators: online, offline, busy, away
+ * - Loading and error states
+ * - Clickable support
+ *
+ * @accessibility WCAG 2.1 AA compliant
+ * - Requires alt text when using image
+ * - Uses role="img" with aria-label for non-image avatars
+ * - Status indicators include aria-label
+ * - Clickable avatars use role="button" with keyboard support
+ */
+export declare const Avatar: React.FC<AvatarProps>;
+export default Avatar;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/types/components/Avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAW;IAC1B,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,yDAAyD;IACzD,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,0BAA0B;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAExC,oBAAoB;IACpB,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAE5B,uBAAuB;IACvB,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAEhD,gCAAgC;IAChC,cAAc,CAAC,EAAE,WAAW,GAAG,cAAc,CAAC;IAE9C,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,uBAAuB;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAaD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0IxC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/types/components/Avatar/AvatarGroup.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import './Avatar.css';
+export interface AvatarGroupProps {
+    /** Avatar components to display */
+    children: React.ReactNode;
+    /** Maximum number of avatars to show (rest show as "+N") */
+    max?: number;
+    /** Size of all avatars in group */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Spacing/overlap between avatars */
+    spacing?: 'tight' | 'normal';
+    /** Additional CSS classes */
+    className?: string;
+    /** Accessible label for the group */
+    'aria-label'?: string;
+}
+/**
+ * AvatarGroup Component
+ *
+ * Displays a horizontal stack of avatars with overlap.
+ * When there are more avatars than `max`, shows remaining count as "+N".
+ *
+ * Features:
+ * - Configurable max visible avatars
+ * - Two spacing modes: tight, normal
+ * - Size propagation to child avatars
+ * - Overflow counter display
+ *
+ * @accessibility WCAG 2.1 AA compliant
+ * - Uses role="group" with aria-label
+ * - Overflow count includes accessible label
+ */
+export declare const AvatarGroup: React.FC<AvatarGroupProps>;
+export default AvatarGroup;
+//# sourceMappingURL=AvatarGroup.d.ts.map

package/dist/types/components/Avatar/AvatarGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../../../components/Avatar/AvatarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,gBAAgB;IAC/B,mCAAmC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,4DAA4D;IAC5D,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,mCAAmC;IACnC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAExC,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAE7B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoElD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/types/components/Avatar/index.d.ts

@@ -0,0 +1,5 @@
+export { Avatar } from './Avatar';
+export type { AvatarProps } from './Avatar';
+export { AvatarGroup } from './AvatarGroup';
+export type { AvatarGroupProps } from './AvatarGroup';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import './Badge.css';
+export interface BadgeProps {
+    /** Badge label / content */
+    children: React.ReactNode;
+    /** Color variant */
+    variant?: 'neutral' | 'info' | 'success' | 'warning' | 'error';
+    /** Size */
+    size?: 'sm' | 'md' | 'lg';
+    /** Optional leading icon */
+    icon?: React.ReactNode;
+    /** Show a dot indicator instead of icon */
+    dot?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+    /** Accessible label for the badge */
+    'aria-label'?: string;
+}
+/**
+ * Badge Component
+ *
+ * Compact status indicators for labels, counts, and status information.
+ * Unlike Chip, badges are non-interactive and non-dismissible.
+ *
+ * Variants: neutral, info, success, warning, error
+ * Sizes: sm, md, lg
+ * Features: optional leading icon or dot indicator
+ */
+export declare const Badge: React.FC<BadgeProps>;
+export default Badge;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/types/components/Badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,UAAU;IACzB,4BAA4B;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAE/D,WAAW;IACX,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,4BAA4B;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,OAAO,CAAC;IAEd,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA6BtC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/types/components/Badge/index.d.ts

@@ -0,0 +1,3 @@
+export { Badge, type BadgeProps } from './Badge';
+export { default } from './Badge';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,65 @@
+import React from 'react';
+import './BottomBar.css';
+export interface BottomBarTabProps {
+    /** Icon element (outline/default state) */
+    icon: React.ReactNode;
+    /** Active icon element (filled state). Falls back to `icon` if not provided. */
+    activeIcon?: React.ReactNode;
+    /** Tab label */
+    label: string;
+    /** Whether this tab is currently active */
+    active?: boolean;
+    /** Click handler */
+    onClick?: () => void;
+}
+/**
+ * BottomBarTab — Individual tab item in navigation variant.
+ */
+export declare const BottomBarTab: React.FC<BottomBarTabProps>;
+export interface BottomBarProps {
+    /** Bar variant — "actions" for horizontal buttons, "actions-vertical" for stacked buttons, "navigation" for tab items */
+    variant: 'actions' | 'actions-vertical' | 'navigation';
+    /** Button size — only applies to "actions" and "actions-vertical" variants */
+    size?: 'sm' | 'lg';
+    /** Floating style — elevated card with rounded corners */
+    floating?: boolean;
+    /** Show top divider when not floating (default: true) */
+    bordered?: boolean;
+    /**
+     * Desktop transformation for the navigation variant.
+     * - `sidebar`: On lg breakpoint, transforms into a vertical sidebar rail on the left.
+     * - `topnav`: On lg breakpoint, transforms into a horizontal navigation bar at the top.
+     * Only applies to `variant="navigation"`. Ignored for other variants.
+     */
+    desktopAs?: 'sidebar' | 'topnav';
+    /** Content — Button elements for "actions" or BottomBarTab elements for "navigation" */
+    children: React.ReactNode;
+    /**
+     * Disable iOS safe-area inset padding (bottom).
+     * Default: false. Set to true when nesting inside a parent that already handles insets.
+     */
+    disableSafeArea?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * BottomBar Component
+ *
+ * A bar anchored to the bottom of a view, providing either action buttons
+ * or navigation tabs.
+ *
+ * **Variants:**
+ * - `actions`: Renders children as a row of action buttons.
+ * - `navigation`: Renders BottomBarTab children as a tab bar.
+ *
+ * **Floating:** When `floating={true}`, the bar becomes a floating card
+ * with rounded corners, padding, and shadow — used in "top level" views.
+ *
+ * @accessibility WCAG 2.1 AA compliant
+ * - Navigation variant uses `role="tablist"` on the container
+ * - Each tab uses `role="tab"` with `aria-selected`
+ * - Actions variant renders as a toolbar with `role="toolbar"`
+ */
+export declare const BottomBar: React.FC<BottomBarProps>;
+export default BottomBar;
+//# sourceMappingURL=BottomBar.d.ts.map

package/dist/types/components/BottomBar/BottomBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomBar.d.ts","sourceRoot":"","sources":["../../../../components/BottomBar/BottomBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,iBAAiB,CAAC;AAIzB,MAAM,WAAW,iBAAiB;IAChC,2CAA2C;IAC3C,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IAEtB,gFAAgF;IAChF,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B,gBAAgB;IAChB,KAAK,EAAE,MAAM,CAAC;IAEd,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2BpD,CAAC;AAIF,MAAM,WAAW,cAAc;IAC7B,yHAAyH;IACzH,OAAO,EAAE,SAAS,GAAG,kBAAkB,GAAG,YAAY,CAAC;IAEvD,8EAA8E;IAC9E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEnB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAEjC,wFAAwF;IACxF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgC9C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/types/components/BottomBar/index.d.ts

@@ -0,0 +1,3 @@
+export { BottomBar, BottomBarTab, type BottomBarProps, type BottomBarTabProps } from './BottomBar';
+export { default } from './BottomBar';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/BottomBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/BottomBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACnG,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import './Breadcrumb.css';
+export interface BreadcrumbItem {
+    /** Display label */
+    label: string;
+    /** Link URL */
+    href?: string;
+    /** Click handler */
+    onClick?: () => void;
+    /** Optional icon */
+    icon?: React.ReactNode;
+}
+export interface BreadcrumbProps {
+    /** Breadcrumb items */
+    items: BreadcrumbItem[];
+    /** Separator character */
+    separator?: React.ReactNode;
+    /** Max items to display before collapsing middle items */
+    maxItems?: number;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare const Breadcrumb: React.FC<BreadcrumbProps>;
+export default Breadcrumb;
+//# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/types/components/Breadcrumb/Breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../../components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oBAAoB;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,uBAAuB;IACvB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyEhD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/types/components/Breadcrumb/index.d.ts

@@ -0,0 +1,3 @@
+export { Breadcrumb, type BreadcrumbProps, type BreadcrumbItem } from './Breadcrumb';
+export { default } from './Breadcrumb';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Breadcrumb/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/Breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AACrF,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,47 @@
+import React from 'react';
+import './Button.css';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Button content */
+    children: React.ReactNode;
+    /** Button variant - like Figma component variants */
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'ghost';
+    /** Size variant - matches your token system */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Disabled state */
+    disabled?: boolean;
+    /** Button type for forms */
+    type?: 'button' | 'submit' | 'reset';
+    /** Icon for left side */
+    iconLeft?: React.ReactNode;
+    /** Icon for right side */
+    iconRight?: React.ReactNode;
+    /** Hide label text for icon-only button */
+    iconOnly?: boolean;
+    /** Full width button */
+    fullWidth?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Button Component
+ *
+ * Built using the Muka design token system with support for:
+ * - 4 variants: primary, secondary, tertiary, ghost
+ * - 3 sizes: sm, md, lg
+ * - Interactive states: default, hover, pressed, disabled
+ * - Icons with flexible positioning (left, right, or both)
+ * - Icon-only buttons (label can be hidden)
+ * - Consistent spacing distribution
+ *
+ * @accessibility WCAG 2.1 AA compliant
+ * - Uses native <button> element for full keyboard support
+ * - Focus indicator meets WCAG 2.4.7 (visible focus)
+ * - When iconOnly=true, aria-label is required (dev warning if missing)
+ * - Supports aria-pressed for toggle buttons
+ * - Supports aria-expanded/aria-controls for menu buttons
+ *
+ * @see https://www.w3.org/WAI/ARIA/apg/patterns/button/
+ */
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default Button;
+//# sourceMappingURL=Button.d.ts.map

package/dist/types/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,qBAAqB;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,qDAAqD;IACrD,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;IAEzD,+CAA+C;IAC/C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAEjC,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAErC,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,0BAA0B;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM,uFAyGlB,CAAC;AAIF,eAAe,MAAM,CAAC"}