@mieweb/ui 0.1.0

package/dist/components/AudioRecorder/index.d.cts

@@ -0,0 +1,106 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+type AudioRecorderState = 'idle' | 'listening' | 'recording' | 'paused' | 'stopped' | 'playback';
+interface AudioRecorderProps extends VariantProps<typeof audioRecorderVariants> {
+    /** Current state of the recorder */
+    state?: AudioRecorderState;
+    /** Callback when state changes */
+    onStateChange?: (state: AudioRecorderState) => void;
+    /** Callback when recording is complete with the audio blob */
+    onRecordingComplete?: (blob: Blob, duration: number) => void;
+    /** Callback when recording starts */
+    onRecordingStart?: () => void;
+    /** Callback when an error occurs */
+    onError?: (error: Error) => void;
+    /** Maximum recording duration in seconds (0 for unlimited) */
+    maxDuration?: number;
+    /** Audio MIME type */
+    mimeType?: string;
+    /** Waveform color (uses theme primary by default) */
+    waveColor?: string;
+    /** Progress/recorded waveform color */
+    progressColor?: string;
+    /** Cursor color */
+    cursorColor?: string;
+    /** Height of the waveform display */
+    waveformHeight?: number;
+    /** Show time display */
+    showTime?: boolean;
+    /** Show waveform visualization */
+    showWaveform?: boolean;
+    /** Additional class name */
+    className?: string;
+    /** Accessible label */
+    'aria-label'?: string;
+    /** Pre-loaded audio URL for playback mode */
+    audioUrl?: string;
+    /** Whether the component is disabled */
+    disabled?: boolean;
+    /** Custom controls render function */
+    renderControls?: (props: AudioRecorderControlsRenderProps) => React.ReactNode;
+}
+interface AudioRecorderControlsRenderProps {
+    state: AudioRecorderState;
+    currentTime: number;
+    duration: number;
+    isRecording: boolean;
+    isPaused: boolean;
+    isPlaying: boolean;
+    onRecord: () => void;
+    onPause: () => void;
+    onResume: () => void;
+    onStop: () => void;
+    onPlay: () => void;
+    onSeek: (time: number) => void;
+    formatTime: (seconds: number) => string;
+}
+declare const audioRecorderVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "default" | "minimal" | "elevated" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const waveformContainerVariants: (props?: ({
+    state?: "paused" | "idle" | "listening" | "recording" | "stopped" | "playback" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const controlButtonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "ghost" | "danger" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function formatTime(seconds: number): string;
+/**
+ * An audio recorder component with waveform visualization and custom controls.
+ * Uses the Web Audio API and WaveSurfer.js for visualization.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <AudioRecorder
+ *   onRecordingComplete={(blob, duration) => {
+ *     console.log('Recording complete:', blob, duration);
+ *   }}
+ * />
+ *
+ * // With max duration and custom styling
+ * <AudioRecorder
+ *   maxDuration={60}
+ *   variant="elevated"
+ *   size="lg"
+ *   waveColor="#3b82f6"
+ *   progressColor="#1d4ed8"
+ * />
+ *
+ * // Playback mode with pre-loaded audio
+ * <AudioRecorder
+ *   audioUrl="/audio/message.wav"
+ *   state="stopped"
+ * />
+ * ```
+ */
+declare function AudioRecorder({ state: controlledState, onStateChange, onRecordingComplete, onRecordingStart, onError, maxDuration, mimeType, waveColor, progressColor, cursorColor, waveformHeight, showTime, showWaveform, size, variant, className, 'aria-label': ariaLabel, audioUrl, disabled, renderControls, }: AudioRecorderProps): react_jsx_runtime.JSX.Element;
+declare namespace AudioRecorder {
+    var displayName: string;
+}
+
+export { AudioRecorder, type AudioRecorderControlsRenderProps, type AudioRecorderProps, type AudioRecorderState, audioRecorderVariants, controlButtonVariants, formatTime, waveformContainerVariants };

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

@@ -0,0 +1,106 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+type AudioRecorderState = 'idle' | 'listening' | 'recording' | 'paused' | 'stopped' | 'playback';
+interface AudioRecorderProps extends VariantProps<typeof audioRecorderVariants> {
+    /** Current state of the recorder */
+    state?: AudioRecorderState;
+    /** Callback when state changes */
+    onStateChange?: (state: AudioRecorderState) => void;
+    /** Callback when recording is complete with the audio blob */
+    onRecordingComplete?: (blob: Blob, duration: number) => void;
+    /** Callback when recording starts */
+    onRecordingStart?: () => void;
+    /** Callback when an error occurs */
+    onError?: (error: Error) => void;
+    /** Maximum recording duration in seconds (0 for unlimited) */
+    maxDuration?: number;
+    /** Audio MIME type */
+    mimeType?: string;
+    /** Waveform color (uses theme primary by default) */
+    waveColor?: string;
+    /** Progress/recorded waveform color */
+    progressColor?: string;
+    /** Cursor color */
+    cursorColor?: string;
+    /** Height of the waveform display */
+    waveformHeight?: number;
+    /** Show time display */
+    showTime?: boolean;
+    /** Show waveform visualization */
+    showWaveform?: boolean;
+    /** Additional class name */
+    className?: string;
+    /** Accessible label */
+    'aria-label'?: string;
+    /** Pre-loaded audio URL for playback mode */
+    audioUrl?: string;
+    /** Whether the component is disabled */
+    disabled?: boolean;
+    /** Custom controls render function */
+    renderControls?: (props: AudioRecorderControlsRenderProps) => React.ReactNode;
+}
+interface AudioRecorderControlsRenderProps {
+    state: AudioRecorderState;
+    currentTime: number;
+    duration: number;
+    isRecording: boolean;
+    isPaused: boolean;
+    isPlaying: boolean;
+    onRecord: () => void;
+    onPause: () => void;
+    onResume: () => void;
+    onStop: () => void;
+    onPlay: () => void;
+    onSeek: (time: number) => void;
+    formatTime: (seconds: number) => string;
+}
+declare const audioRecorderVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "default" | "minimal" | "elevated" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const waveformContainerVariants: (props?: ({
+    state?: "paused" | "idle" | "listening" | "recording" | "stopped" | "playback" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const controlButtonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "ghost" | "danger" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function formatTime(seconds: number): string;
+/**
+ * An audio recorder component with waveform visualization and custom controls.
+ * Uses the Web Audio API and WaveSurfer.js for visualization.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <AudioRecorder
+ *   onRecordingComplete={(blob, duration) => {
+ *     console.log('Recording complete:', blob, duration);
+ *   }}
+ * />
+ *
+ * // With max duration and custom styling
+ * <AudioRecorder
+ *   maxDuration={60}
+ *   variant="elevated"
+ *   size="lg"
+ *   waveColor="#3b82f6"
+ *   progressColor="#1d4ed8"
+ * />
+ *
+ * // Playback mode with pre-loaded audio
+ * <AudioRecorder
+ *   audioUrl="/audio/message.wav"
+ *   state="stopped"
+ * />
+ * ```
+ */
+declare function AudioRecorder({ state: controlledState, onStateChange, onRecordingComplete, onRecordingStart, onError, maxDuration, mimeType, waveColor, progressColor, cursorColor, waveformHeight, showTime, showWaveform, size, variant, className, 'aria-label': ariaLabel, audioUrl, disabled, renderControls, }: AudioRecorderProps): react_jsx_runtime.JSX.Element;
+declare namespace AudioRecorder {
+    var displayName: string;
+}
+
+export { AudioRecorder, type AudioRecorderControlsRenderProps, type AudioRecorderProps, type AudioRecorderState, audioRecorderVariants, controlButtonVariants, formatTime, waveformContainerVariants };

package/dist/components/AudioRecorder/index.js

@@ -0,0 +1,4 @@
+export { AudioRecorder, audioRecorderVariants, controlButtonVariants, formatTime, waveformContainerVariants } from '../../chunk-QZLRB3UG.js';
+import '../../chunk-F3SOEIN2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/AudioRecorder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/Avatar/index.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var chunk2J2V4TMJ_cjs = require('../../chunk-2J2V4TMJ.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function () { return chunk2J2V4TMJ_cjs.Avatar; }
+});
+Object.defineProperty(exports, "AvatarGroup", {
+  enumerable: true,
+  get: function () { return chunk2J2V4TMJ_cjs.AvatarGroup; }
+});
+Object.defineProperty(exports, "avatarVariants", {
+  enumerable: true,
+  get: function () { return chunk2J2V4TMJ_cjs.avatarVariants; }
+});
+Object.defineProperty(exports, "getInitials", {
+  enumerable: true,
+  get: function () { return chunk2J2V4TMJ_cjs.getInitials; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/Avatar/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/Avatar/index.d.cts

@@ -0,0 +1,62 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const avatarVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
+    ring?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AvatarProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof avatarVariants> {
+    /** Image URL for the avatar */
+    src?: string | null;
+    /** Alt text for the avatar image */
+    alt?: string;
+    /** Name to generate initials from (used as fallback when no src) */
+    name?: string;
+    /** Custom fallback content (overrides name initials) */
+    fallback?: React.ReactElement | null;
+}
+/**
+ * Get initials from a name string.
+ */
+declare function getInitials(name: string): string;
+/**
+ * An avatar component for displaying user profile images with fallback to initials.
+ *
+ * @example
+ * ```tsx
+ * // With image
+ * <Avatar src="/user.jpg" alt="John Doe" />
+ *
+ * // With initials fallback
+ * <Avatar name="John Doe" />
+ *
+ * // With custom fallback
+ * <Avatar fallback={<UserIcon />} />
+ * ```
+ */
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
+interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Maximum number of avatars to show before +N indicator */
+    max?: number;
+    /** Size of avatars in the group */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Children should be Avatar components */
+    children: React.ReactNode;
+}
+/**
+ * A component for displaying a group of overlapping avatars.
+ *
+ * @example
+ * ```tsx
+ * <AvatarGroup max={3}>
+ *   <Avatar name="John Doe" />
+ *   <Avatar name="Jane Smith" />
+ *   <Avatar name="Bob Wilson" />
+ *   <Avatar name="Alice Brown" />
+ * </AvatarGroup>
+ * ```
+ */
+declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, avatarVariants, getInitials };

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

@@ -0,0 +1,62 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const avatarVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
+    ring?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AvatarProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof avatarVariants> {
+    /** Image URL for the avatar */
+    src?: string | null;
+    /** Alt text for the avatar image */
+    alt?: string;
+    /** Name to generate initials from (used as fallback when no src) */
+    name?: string;
+    /** Custom fallback content (overrides name initials) */
+    fallback?: React.ReactElement | null;
+}
+/**
+ * Get initials from a name string.
+ */
+declare function getInitials(name: string): string;
+/**
+ * An avatar component for displaying user profile images with fallback to initials.
+ *
+ * @example
+ * ```tsx
+ * // With image
+ * <Avatar src="/user.jpg" alt="John Doe" />
+ *
+ * // With initials fallback
+ * <Avatar name="John Doe" />
+ *
+ * // With custom fallback
+ * <Avatar fallback={<UserIcon />} />
+ * ```
+ */
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
+interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Maximum number of avatars to show before +N indicator */
+    max?: number;
+    /** Size of avatars in the group */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Children should be Avatar components */
+    children: React.ReactNode;
+}
+/**
+ * A component for displaying a group of overlapping avatars.
+ *
+ * @example
+ * ```tsx
+ * <AvatarGroup max={3}>
+ *   <Avatar name="John Doe" />
+ *   <Avatar name="Jane Smith" />
+ *   <Avatar name="Bob Wilson" />
+ *   <Avatar name="Alice Brown" />
+ * </AvatarGroup>
+ * ```
+ */
+declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, avatarVariants, getInitials };

package/dist/components/Avatar/index.js

@@ -0,0 +1,4 @@
+export { Avatar, AvatarGroup, avatarVariants, getInitials } from '../../chunk-NIHESA7O.js';
+import '../../chunk-F3SOEIN2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/Badge/index.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var chunkEKIQE524_cjs = require('../../chunk-EKIQE524.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function () { return chunkEKIQE524_cjs.Badge; }
+});
+Object.defineProperty(exports, "badgeVariants", {
+  enumerable: true,
+  get: function () { return chunkEKIQE524_cjs.badgeVariants; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/Badge/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/Badge/index.d.cts

@@ -0,0 +1,25 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const badgeVariants: (props?: ({
+    variant?: "secondary" | "outline" | "danger" | "default" | "success" | "warning" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+    /** Optional icon before the text */
+    icon?: React.ReactNode;
+}
+/**
+ * A badge component for displaying status, labels, or counts.
+ *
+ * @example
+ * ```tsx
+ * <Badge variant="success">Active</Badge>
+ * <Badge variant="warning" size="sm">Pending</Badge>
+ * <Badge variant="danger" icon={<AlertIcon />}>Error</Badge>
+ * ```
+ */
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { Badge, type BadgeProps, badgeVariants };

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

@@ -0,0 +1,25 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const badgeVariants: (props?: ({
+    variant?: "secondary" | "outline" | "danger" | "default" | "success" | "warning" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+    /** Optional icon before the text */
+    icon?: React.ReactNode;
+}
+/**
+ * A badge component for displaying status, labels, or counts.
+ *
+ * @example
+ * ```tsx
+ * <Badge variant="success">Active</Badge>
+ * <Badge variant="warning" size="sm">Pending</Badge>
+ * <Badge variant="danger" icon={<AlertIcon />}>Error</Badge>
+ * ```
+ */
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { Badge, type BadgeProps, badgeVariants };

package/dist/components/Badge/index.js

@@ -0,0 +1,4 @@
+export { Badge, badgeVariants } from '../../chunk-3NJ72QU6.js';
+import '../../chunk-F3SOEIN2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/Breadcrumb/index.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var chunkPEFJAWNR_cjs = require('../../chunk-PEFJAWNR.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "Breadcrumb", {
+  enumerable: true,
+  get: function () { return chunkPEFJAWNR_cjs.Breadcrumb; }
+});
+Object.defineProperty(exports, "BreadcrumbSlash", {
+  enumerable: true,
+  get: function () { return chunkPEFJAWNR_cjs.BreadcrumbSlash; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/Breadcrumb/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/Breadcrumb/index.d.cts

@@ -0,0 +1,47 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface BreadcrumbItem {
+    /** Label for the breadcrumb item */
+    label: string;
+    /** URL to navigate to (optional for the last item) */
+    href?: string;
+    /** Icon to display before the label */
+    icon?: React.ReactNode;
+}
+interface BreadcrumbProps {
+    /** Array of breadcrumb items */
+    items: BreadcrumbItem[];
+    /** Custom separator between items */
+    separator?: React.ReactNode;
+    /** Maximum items to display (collapses middle items) */
+    maxItems?: number;
+    /** Custom renderer for links */
+    renderLink?: (item: BreadcrumbItem, index: number) => React.ReactNode;
+    /** Additional class name */
+    className?: string;
+}
+/**
+ * A navigation breadcrumb component.
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumb
+ *   items={[
+ *     { label: 'Home', href: '/' },
+ *     { label: 'Products', href: '/products' },
+ *     { label: 'Category', href: '/products/category' },
+ *     { label: 'Current Item' },
+ *   ]}
+ * />
+ * ```
+ */
+declare function Breadcrumb({ items, separator, maxItems, renderLink, className, }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
+declare namespace Breadcrumb {
+    var displayName: string;
+}
+declare function BreadcrumbSlash({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, BreadcrumbSlash };

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

@@ -0,0 +1,47 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface BreadcrumbItem {
+    /** Label for the breadcrumb item */
+    label: string;
+    /** URL to navigate to (optional for the last item) */
+    href?: string;
+    /** Icon to display before the label */
+    icon?: React.ReactNode;
+}
+interface BreadcrumbProps {
+    /** Array of breadcrumb items */
+    items: BreadcrumbItem[];
+    /** Custom separator between items */
+    separator?: React.ReactNode;
+    /** Maximum items to display (collapses middle items) */
+    maxItems?: number;
+    /** Custom renderer for links */
+    renderLink?: (item: BreadcrumbItem, index: number) => React.ReactNode;
+    /** Additional class name */
+    className?: string;
+}
+/**
+ * A navigation breadcrumb component.
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumb
+ *   items={[
+ *     { label: 'Home', href: '/' },
+ *     { label: 'Products', href: '/products' },
+ *     { label: 'Category', href: '/products/category' },
+ *     { label: 'Current Item' },
+ *   ]}
+ * />
+ * ```
+ */
+declare function Breadcrumb({ items, separator, maxItems, renderLink, className, }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
+declare namespace Breadcrumb {
+    var displayName: string;
+}
+declare function BreadcrumbSlash({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, BreadcrumbSlash };

package/dist/components/Breadcrumb/index.js

@@ -0,0 +1,4 @@
+export { Breadcrumb, BreadcrumbSlash } from '../../chunk-B3L43JGH.js';
+import '../../chunk-F3SOEIN2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Breadcrumb/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/Button/index.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var chunkMKJDBXX4_cjs = require('../../chunk-MKJDBXX4.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () { return chunkMKJDBXX4_cjs.Button; }
+});
+Object.defineProperty(exports, "buttonVariants", {
+  enumerable: true,
+  get: function () { return chunkMKJDBXX4_cjs.buttonVariants; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/Button/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/Button/index.d.cts

@@ -0,0 +1,32 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "primary" | "secondary" | "ghost" | "outline" | "danger" | null | undefined;
+    size?: "sm" | "md" | "lg" | "icon" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    /** Optional icon element to render before the button text */
+    leftIcon?: React.ReactElement | null;
+    /** Optional icon element to render after the button text */
+    rightIcon?: React.ReactElement | null;
+    /** Shows a loading spinner and disables the button */
+    isLoading?: boolean;
+    /** Accessible label for the loading state */
+    loadingText?: string;
+}
+/**
+ * A versatile button component with multiple variants and sizes.
+ *
+ * @example
+ * ```tsx
+ * <Button variant="primary" size="md">Click me</Button>
+ * <Button variant="danger" leftIcon={<TrashIcon />}>Delete</Button>
+ * <Button variant="ghost" isLoading loadingText="Saving...">Save</Button>
+ * ```
+ */
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps, buttonVariants };