@mieweb/ui 0.1.0

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

@@ -0,0 +1,78 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const paginationButtonVariants: (props?: ({
+    variant?: "ghost" | "outline" | "default" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface PaginationProps extends VariantProps<typeof paginationButtonVariants> {
+    /** Current page (1-indexed) */
+    page: number;
+    /** Total number of pages */
+    totalPages: number;
+    /** Callback when page changes */
+    onPageChange: (page: number) => void;
+    /** Number of sibling pages to show on each side of current page */
+    siblingCount?: number;
+    /** Show first/last page buttons */
+    showFirstLast?: boolean;
+    /** Show prev/next buttons */
+    showPrevNext?: boolean;
+    /** Labels for navigation buttons */
+    labels?: {
+        first?: string;
+        previous?: string;
+        next?: string;
+        last?: string;
+    };
+    /** Additional class name */
+    className?: string;
+}
+/**
+ * A pagination component for navigating through pages.
+ *
+ * @example
+ * ```tsx
+ * <Pagination
+ *   page={currentPage}
+ *   totalPages={10}
+ *   onPageChange={setCurrentPage}
+ * />
+ * ```
+ */
+declare function Pagination({ page, totalPages, onPageChange, siblingCount, showFirstLast, showPrevNext, variant, size, labels, className, }: PaginationProps): react_jsx_runtime.JSX.Element;
+declare namespace Pagination {
+    var displayName: string;
+}
+interface SimplePaginationProps extends VariantProps<typeof paginationButtonVariants> {
+    /** Current page */
+    page: number;
+    /** Total number of pages */
+    totalPages: number;
+    /** Callback when page changes */
+    onPageChange: (page: number) => void;
+    /** Show page info */
+    showPageInfo?: boolean;
+    /** Additional class name */
+    className?: string;
+}
+/**
+ * A simple pagination with just prev/next buttons.
+ *
+ * @example
+ * ```tsx
+ * <SimplePagination
+ *   page={1}
+ *   totalPages={10}
+ *   onPageChange={setPage}
+ *   showPageInfo
+ * />
+ * ```
+ */
+declare function SimplePagination({ page, totalPages, onPageChange, showPageInfo, variant, size, className, }: SimplePaginationProps): react_jsx_runtime.JSX.Element;
+declare namespace SimplePagination {
+    var displayName: string;
+}
+
+export { Pagination, type PaginationProps, SimplePagination, type SimplePaginationProps, paginationButtonVariants };

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

@@ -0,0 +1,78 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const paginationButtonVariants: (props?: ({
+    variant?: "ghost" | "outline" | "default" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface PaginationProps extends VariantProps<typeof paginationButtonVariants> {
+    /** Current page (1-indexed) */
+    page: number;
+    /** Total number of pages */
+    totalPages: number;
+    /** Callback when page changes */
+    onPageChange: (page: number) => void;
+    /** Number of sibling pages to show on each side of current page */
+    siblingCount?: number;
+    /** Show first/last page buttons */
+    showFirstLast?: boolean;
+    /** Show prev/next buttons */
+    showPrevNext?: boolean;
+    /** Labels for navigation buttons */
+    labels?: {
+        first?: string;
+        previous?: string;
+        next?: string;
+        last?: string;
+    };
+    /** Additional class name */
+    className?: string;
+}
+/**
+ * A pagination component for navigating through pages.
+ *
+ * @example
+ * ```tsx
+ * <Pagination
+ *   page={currentPage}
+ *   totalPages={10}
+ *   onPageChange={setCurrentPage}
+ * />
+ * ```
+ */
+declare function Pagination({ page, totalPages, onPageChange, siblingCount, showFirstLast, showPrevNext, variant, size, labels, className, }: PaginationProps): react_jsx_runtime.JSX.Element;
+declare namespace Pagination {
+    var displayName: string;
+}
+interface SimplePaginationProps extends VariantProps<typeof paginationButtonVariants> {
+    /** Current page */
+    page: number;
+    /** Total number of pages */
+    totalPages: number;
+    /** Callback when page changes */
+    onPageChange: (page: number) => void;
+    /** Show page info */
+    showPageInfo?: boolean;
+    /** Additional class name */
+    className?: string;
+}
+/**
+ * A simple pagination with just prev/next buttons.
+ *
+ * @example
+ * ```tsx
+ * <SimplePagination
+ *   page={1}
+ *   totalPages={10}
+ *   onPageChange={setPage}
+ *   showPageInfo
+ * />
+ * ```
+ */
+declare function SimplePagination({ page, totalPages, onPageChange, showPageInfo, variant, size, className, }: SimplePaginationProps): react_jsx_runtime.JSX.Element;
+declare namespace SimplePagination {
+    var displayName: string;
+}
+
+export { Pagination, type PaginationProps, SimplePagination, type SimplePaginationProps, paginationButtonVariants };

package/dist/components/Pagination/index.js

@@ -0,0 +1,4 @@
+export { Pagination, SimplePagination, paginationButtonVariants } from '../../chunk-ONWOB76P.js';
+import '../../chunk-F3SOEIN2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/PhoneInput/index.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var chunkCQCYXHCU_cjs = require('../../chunk-CQCYXHCU.cjs');
+require('../../chunk-VV4N4WY6.cjs');
+require('../../chunk-BTJHYGPI.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "PhoneInput", {
+  enumerable: true,
+  get: function () { return chunkCQCYXHCU_cjs.PhoneInput; }
+});
+Object.defineProperty(exports, "PhoneInputGroup", {
+  enumerable: true,
+  get: function () { return chunkCQCYXHCU_cjs.PhoneInputGroup; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

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

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

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

@@ -0,0 +1,80 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { InputProps } from '../Input/index.cjs';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+interface PhoneInputProps extends Omit<InputProps, 'type' | 'onChange' | 'value'> {
+    /** The phone number value (can be formatted or unformatted) */
+    value?: string;
+    /** Callback fired when the value changes, receives the unformatted value */
+    onChange?: (value: string) => void;
+    /** Callback fired when the formatted value changes */
+    onFormattedChange?: (formattedValue: string) => void;
+    /** Whether to validate and show error state for incomplete phone numbers */
+    validateOnBlur?: boolean;
+}
+/**
+ * A phone number input that automatically formats to US format: (XXX) XXX-XXXX
+ *
+ * @example
+ * ```tsx
+ * const [phone, setPhone] = useState('');
+ * <PhoneInput
+ *   label="Phone Number"
+ *   value={phone}
+ *   onChange={setPhone}
+ *   validateOnBlur
+ * />
+ * ```
+ */
+declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps & React.RefAttributes<HTMLInputElement>>;
+type PhoneType = 'cell' | 'landline' | 'home' | 'work' | 'fax';
+interface PhoneEntry {
+    number: string;
+    type: PhoneType;
+}
+interface PhoneInputGroupProps {
+    /** Array of phone entries */
+    value: PhoneEntry[];
+    /** Callback when phone entries change */
+    onChange: (phones: PhoneEntry[]) => void;
+    /** Minimum number of phone entries (default: 1) */
+    minEntries?: number;
+    /** Maximum number of phone entries (default: 5) */
+    maxEntries?: number;
+    /** Whether the first entry is required */
+    required?: boolean;
+    /** Whether all inputs are disabled */
+    disabled?: boolean;
+    /** Validate on blur */
+    validateOnBlur?: boolean;
+    /** Label for the phone input */
+    label?: string;
+    /** Labels for type options (for i18n) */
+    typeLabels?: Record<PhoneType, string>;
+    /** Custom className */
+    className?: string;
+}
+/**
+ * A group of phone inputs with type selection and add/remove functionality.
+ *
+ * @example
+ * ```tsx
+ * const [phones, setPhones] = useState<PhoneEntry[]>([
+ *   { number: '', type: 'cell' }
+ * ]);
+ *
+ * <PhoneInputGroup
+ *   value={phones}
+ *   onChange={setPhones}
+ *   required
+ * />
+ * ```
+ */
+declare function PhoneInputGroup({ value, onChange, minEntries, maxEntries, required, disabled, validateOnBlur, label, typeLabels, className, }: PhoneInputGroupProps): react_jsx_runtime.JSX.Element;
+declare namespace PhoneInputGroup {
+    var displayName: string;
+}
+
+export { type PhoneEntry, PhoneInput, PhoneInputGroup, type PhoneInputGroupProps, type PhoneInputProps, type PhoneType };

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

@@ -0,0 +1,80 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { InputProps } from '../Input/index.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+interface PhoneInputProps extends Omit<InputProps, 'type' | 'onChange' | 'value'> {
+    /** The phone number value (can be formatted or unformatted) */
+    value?: string;
+    /** Callback fired when the value changes, receives the unformatted value */
+    onChange?: (value: string) => void;
+    /** Callback fired when the formatted value changes */
+    onFormattedChange?: (formattedValue: string) => void;
+    /** Whether to validate and show error state for incomplete phone numbers */
+    validateOnBlur?: boolean;
+}
+/**
+ * A phone number input that automatically formats to US format: (XXX) XXX-XXXX
+ *
+ * @example
+ * ```tsx
+ * const [phone, setPhone] = useState('');
+ * <PhoneInput
+ *   label="Phone Number"
+ *   value={phone}
+ *   onChange={setPhone}
+ *   validateOnBlur
+ * />
+ * ```
+ */
+declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps & React.RefAttributes<HTMLInputElement>>;
+type PhoneType = 'cell' | 'landline' | 'home' | 'work' | 'fax';
+interface PhoneEntry {
+    number: string;
+    type: PhoneType;
+}
+interface PhoneInputGroupProps {
+    /** Array of phone entries */
+    value: PhoneEntry[];
+    /** Callback when phone entries change */
+    onChange: (phones: PhoneEntry[]) => void;
+    /** Minimum number of phone entries (default: 1) */
+    minEntries?: number;
+    /** Maximum number of phone entries (default: 5) */
+    maxEntries?: number;
+    /** Whether the first entry is required */
+    required?: boolean;
+    /** Whether all inputs are disabled */
+    disabled?: boolean;
+    /** Validate on blur */
+    validateOnBlur?: boolean;
+    /** Label for the phone input */
+    label?: string;
+    /** Labels for type options (for i18n) */
+    typeLabels?: Record<PhoneType, string>;
+    /** Custom className */
+    className?: string;
+}
+/**
+ * A group of phone inputs with type selection and add/remove functionality.
+ *
+ * @example
+ * ```tsx
+ * const [phones, setPhones] = useState<PhoneEntry[]>([
+ *   { number: '', type: 'cell' }
+ * ]);
+ *
+ * <PhoneInputGroup
+ *   value={phones}
+ *   onChange={setPhones}
+ *   required
+ * />
+ * ```
+ */
+declare function PhoneInputGroup({ value, onChange, minEntries, maxEntries, required, disabled, validateOnBlur, label, typeLabels, className, }: PhoneInputGroupProps): react_jsx_runtime.JSX.Element;
+declare namespace PhoneInputGroup {
+    var displayName: string;
+}
+
+export { type PhoneEntry, PhoneInput, PhoneInputGroup, type PhoneInputGroupProps, type PhoneInputProps, type PhoneType };

package/dist/components/PhoneInput/index.js

@@ -0,0 +1,6 @@
+export { PhoneInput, PhoneInputGroup } from '../../chunk-4YRAEFYW.js';
+import '../../chunk-NXRLGHEC.js';
+import '../../chunk-CEHWXAAI.js';
+import '../../chunk-F3SOEIN2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Progress/index.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var chunkNAATBUHR_cjs = require('../../chunk-NAATBUHR.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "CircularProgress", {
+  enumerable: true,
+  get: function () { return chunkNAATBUHR_cjs.CircularProgress; }
+});
+Object.defineProperty(exports, "Progress", {
+  enumerable: true,
+  get: function () { return chunkNAATBUHR_cjs.Progress; }
+});
+Object.defineProperty(exports, "circularProgressVariants", {
+  enumerable: true,
+  get: function () { return chunkNAATBUHR_cjs.circularProgressVariants; }
+});
+Object.defineProperty(exports, "progressBarFillVariants", {
+  enumerable: true,
+  get: function () { return chunkNAATBUHR_cjs.progressBarFillVariants; }
+});
+Object.defineProperty(exports, "progressBarTrackVariants", {
+  enumerable: true,
+  get: function () { return chunkNAATBUHR_cjs.progressBarTrackVariants; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

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

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

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

@@ -0,0 +1,76 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const progressBarTrackVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const progressBarFillVariants: (props?: ({
+    variant?: "danger" | "default" | "success" | "warning" | null | undefined;
+    animated?: boolean | null | undefined;
+    striped?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ProgressProps extends VariantProps<typeof progressBarTrackVariants>, VariantProps<typeof progressBarFillVariants> {
+    /** Current progress value (0-100) */
+    value: number;
+    /** Maximum value (default: 100) */
+    max?: number;
+    /** Label for the progress bar */
+    label?: string;
+    /** Show the percentage value */
+    showValue?: boolean;
+    /** Format the displayed value */
+    formatValue?: (value: number, max: number) => string;
+    /** Additional class name */
+    className?: string;
+    /** Whether the progress is indeterminate */
+    indeterminate?: boolean;
+}
+/**
+ * A progress bar component for showing completion status.
+ *
+ * @example
+ * ```tsx
+ * <Progress value={60} />
+ * <Progress value={75} showValue label="Upload progress" />
+ * <Progress value={30} variant="success" striped />
+ * ```
+ */
+declare function Progress({ value, max, label, showValue, formatValue, size, variant, animated, striped, className, indeterminate, }: ProgressProps): react_jsx_runtime.JSX.Element;
+declare namespace Progress {
+    var displayName: string;
+}
+declare const circularProgressVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CircularProgressProps extends VariantProps<typeof circularProgressVariants> {
+    /** Current progress value (0-100) */
+    value: number;
+    /** Maximum value (default: 100) */
+    max?: number;
+    /** Color variant */
+    variant?: 'default' | 'success' | 'warning' | 'danger';
+    /** Stroke width */
+    strokeWidth?: number;
+    /** Show the percentage value in the center */
+    showValue?: boolean;
+    /** Whether the progress is indeterminate */
+    indeterminate?: boolean;
+    /** Additional class name */
+    className?: string;
+}
+/**
+ * A circular progress indicator component.
+ *
+ * @example
+ * ```tsx
+ * <CircularProgress value={75} showValue />
+ * <CircularProgress value={50} variant="success" size="lg" />
+ * ```
+ */
+declare function CircularProgress({ value, max, variant, size, strokeWidth, showValue, indeterminate, className, }: CircularProgressProps): react_jsx_runtime.JSX.Element;
+declare namespace CircularProgress {
+    var displayName: string;
+}
+
+export { CircularProgress, type CircularProgressProps, Progress, type ProgressProps, circularProgressVariants, progressBarFillVariants, progressBarTrackVariants };

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

@@ -0,0 +1,76 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const progressBarTrackVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const progressBarFillVariants: (props?: ({
+    variant?: "danger" | "default" | "success" | "warning" | null | undefined;
+    animated?: boolean | null | undefined;
+    striped?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ProgressProps extends VariantProps<typeof progressBarTrackVariants>, VariantProps<typeof progressBarFillVariants> {
+    /** Current progress value (0-100) */
+    value: number;
+    /** Maximum value (default: 100) */
+    max?: number;
+    /** Label for the progress bar */
+    label?: string;
+    /** Show the percentage value */
+    showValue?: boolean;
+    /** Format the displayed value */
+    formatValue?: (value: number, max: number) => string;
+    /** Additional class name */
+    className?: string;
+    /** Whether the progress is indeterminate */
+    indeterminate?: boolean;
+}
+/**
+ * A progress bar component for showing completion status.
+ *
+ * @example
+ * ```tsx
+ * <Progress value={60} />
+ * <Progress value={75} showValue label="Upload progress" />
+ * <Progress value={30} variant="success" striped />
+ * ```
+ */
+declare function Progress({ value, max, label, showValue, formatValue, size, variant, animated, striped, className, indeterminate, }: ProgressProps): react_jsx_runtime.JSX.Element;
+declare namespace Progress {
+    var displayName: string;
+}
+declare const circularProgressVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CircularProgressProps extends VariantProps<typeof circularProgressVariants> {
+    /** Current progress value (0-100) */
+    value: number;
+    /** Maximum value (default: 100) */
+    max?: number;
+    /** Color variant */
+    variant?: 'default' | 'success' | 'warning' | 'danger';
+    /** Stroke width */
+    strokeWidth?: number;
+    /** Show the percentage value in the center */
+    showValue?: boolean;
+    /** Whether the progress is indeterminate */
+    indeterminate?: boolean;
+    /** Additional class name */
+    className?: string;
+}
+/**
+ * A circular progress indicator component.
+ *
+ * @example
+ * ```tsx
+ * <CircularProgress value={75} showValue />
+ * <CircularProgress value={50} variant="success" size="lg" />
+ * ```
+ */
+declare function CircularProgress({ value, max, variant, size, strokeWidth, showValue, indeterminate, className, }: CircularProgressProps): react_jsx_runtime.JSX.Element;
+declare namespace CircularProgress {
+    var displayName: string;
+}
+
+export { CircularProgress, type CircularProgressProps, Progress, type ProgressProps, circularProgressVariants, progressBarFillVariants, progressBarTrackVariants };

package/dist/components/Progress/index.js

@@ -0,0 +1,4 @@
+export { CircularProgress, Progress, circularProgressVariants, progressBarFillVariants, progressBarTrackVariants } from '../../chunk-4MHTSFPX.js';
+import '../../chunk-F3SOEIN2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/QuickAction/index.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var chunkAU5ADTYD_cjs = require('../../chunk-AU5ADTYD.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "QuickAction", {
+  enumerable: true,
+  get: function () { return chunkAU5ADTYD_cjs.QuickAction; }
+});
+Object.defineProperty(exports, "QuickActionGroup", {
+  enumerable: true,
+  get: function () { return chunkAU5ADTYD_cjs.QuickActionGroup; }
+});
+Object.defineProperty(exports, "QuickActionIcons", {
+  enumerable: true,
+  get: function () { return chunkAU5ADTYD_cjs.QuickActionIcons; }
+});
+Object.defineProperty(exports, "quickActionIconVariants", {
+  enumerable: true,
+  get: function () { return chunkAU5ADTYD_cjs.quickActionIconVariants; }
+});
+Object.defineProperty(exports, "quickActionVariants", {
+  enumerable: true,
+  get: function () { return chunkAU5ADTYD_cjs.quickActionVariants; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

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

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

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

@@ -0,0 +1,78 @@
+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';
+
+declare const quickActionIconVariants: (props?: ({
+    color?: "primary" | "blue" | "green" | "orange" | "purple" | "red" | "amber" | "neutral" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const quickActionVariants: (props?: ({
+    disabled?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type QuickActionColor = 'primary' | 'green' | 'purple' | 'orange' | 'blue' | 'red' | 'amber' | 'neutral';
+interface QuickActionProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'disabled'> {
+    /** The main title text */
+    title: string;
+    /** The subtitle/description text */
+    subtitle: string;
+    /** Icon to display in the colored background */
+    icon: React.ReactNode;
+    /** Color theme for the icon background */
+    color?: QuickActionColor;
+    /** Render as a different element (e.g., 'a' for links) */
+    as?: 'button' | 'a';
+    /** URL when rendered as a link */
+    href?: string;
+    /** Whether the action is disabled */
+    disabled?: boolean;
+}
+/**
+ * A quick action card component for dashboard navigation.
+ * Displays an icon, title, and subtitle in a compact, clickable card.
+ *
+ * @example
+ * ```tsx
+ * <QuickAction
+ *   title="Schedule Exam"
+ *   subtitle="Find providers nearby"
+ *   color="primary"
+ *   icon={<CalendarIcon className="h-5 w-5" />}
+ *   onClick={() => navigate('/schedule')}
+ * />
+ * ```
+ */
+declare const QuickAction: React.ForwardRefExoticComponent<QuickActionProps & React.RefAttributes<HTMLButtonElement>>;
+declare const QuickActionIcons: {
+    Calendar: (props: React.SVGProps<globalThis.SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    Clipboard: (props: React.SVGProps<globalThis.SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    User: (props: React.SVGProps<globalThis.SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    Document: (props: React.SVGProps<globalThis.SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    Settings: (props: React.SVGProps<globalThis.SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    Help: (props: React.SVGProps<globalThis.SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    Search: (props: React.SVGProps<globalThis.SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    Bell: (props: React.SVGProps<globalThis.SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+};
+/**
+ * A group/container component for displaying multiple QuickAction cards in a grid.
+ *
+ * @example
+ * ```tsx
+ * <QuickActionGroup title="Quick Actions">
+ *   <QuickAction title="Action 1" ... />
+ *   <QuickAction title="Action 2" ... />
+ * </QuickActionGroup>
+ * ```
+ */
+interface QuickActionGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Optional title to display above the quick actions */
+    title?: string;
+    /** Number of columns on different screen sizes */
+    columns?: {
+        base?: 1 | 2;
+        sm?: 1 | 2;
+        md?: 2 | 3 | 4;
+        lg?: 2 | 3 | 4;
+    };
+}
+declare const QuickActionGroup: React.ForwardRefExoticComponent<QuickActionGroupProps & React.RefAttributes<HTMLDivElement>>;
+
+export { QuickAction, type QuickActionColor, QuickActionGroup, type QuickActionGroupProps, QuickActionIcons, type QuickActionProps, quickActionIconVariants, quickActionVariants };