@mieweb/ui 0.1.0

package/dist/components/QuickAction/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 * 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 };

package/dist/components/QuickAction/index.js

@@ -0,0 +1,4 @@
+export { QuickAction, QuickActionGroup, QuickActionIcons, quickActionIconVariants, quickActionVariants } from '../../chunk-6Q4SU72T.js';
+import '../../chunk-F3SOEIN2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Radio/index.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var chunkXHJGYBYG_cjs = require('../../chunk-XHJGYBYG.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: function () { return chunkXHJGYBYG_cjs.Radio; }
+});
+Object.defineProperty(exports, "RadioGroup", {
+  enumerable: true,
+  get: function () { return chunkXHJGYBYG_cjs.RadioGroup; }
+});
+Object.defineProperty(exports, "radioVariants", {
+  enumerable: true,
+  get: function () { return chunkXHJGYBYG_cjs.radioVariants; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

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

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

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

@@ -0,0 +1,72 @@
+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';
+
+declare const radioVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface RadioGroupProps {
+    /** Group name (required for native form behavior) */
+    name?: string;
+    /** Controlled value */
+    value?: string;
+    /** Default value (uncontrolled) */
+    defaultValue?: string;
+    /** Callback when value changes */
+    onValueChange?: (value: string) => void;
+    /** Group label */
+    label?: string;
+    /** Description for the group */
+    description?: string;
+    /** Error message */
+    error?: string;
+    /** Whether all radios are disabled */
+    disabled?: boolean;
+    /** Size of all radios */
+    size?: 'sm' | 'md' | 'lg';
+    /** Orientation of radio items */
+    orientation?: 'horizontal' | 'vertical';
+    /** Children radio items */
+    children: React.ReactNode;
+    /** Additional class name */
+    className?: string;
+}
+/**
+ * A radio group component for selecting one option from a set.
+ *
+ * @example
+ * ```tsx
+ * <RadioGroup name="plan" label="Select a plan" onValueChange={setPlan}>
+ *   <Radio value="free" label="Free" />
+ *   <Radio value="pro" label="Pro" />
+ *   <Radio value="enterprise" label="Enterprise" />
+ * </RadioGroup>
+ * ```
+ */
+declare function RadioGroup({ name, value: controlledValue, defaultValue, onValueChange, label, description, error, disabled, size, orientation, children, className, }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+declare namespace RadioGroup {
+    var displayName: string;
+}
+interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>, VariantProps<typeof radioVariants> {
+    /** Value for this radio option */
+    value: string;
+    /** Label for the radio */
+    label?: string;
+    /** Description text below the label */
+    description?: string;
+    /** Position of the label */
+    labelPosition?: 'left' | 'right';
+}
+/**
+ * An individual radio item within a RadioGroup.
+ *
+ * @example
+ * ```tsx
+ * <Radio value="option1" label="Option 1" />
+ * <Radio value="option2" label="Option 2" description="Additional details" />
+ * ```
+ */
+declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Radio, RadioGroup, type RadioGroupProps, type RadioProps, radioVariants };

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

@@ -0,0 +1,72 @@
+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';
+
+declare const radioVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface RadioGroupProps {
+    /** Group name (required for native form behavior) */
+    name?: string;
+    /** Controlled value */
+    value?: string;
+    /** Default value (uncontrolled) */
+    defaultValue?: string;
+    /** Callback when value changes */
+    onValueChange?: (value: string) => void;
+    /** Group label */
+    label?: string;
+    /** Description for the group */
+    description?: string;
+    /** Error message */
+    error?: string;
+    /** Whether all radios are disabled */
+    disabled?: boolean;
+    /** Size of all radios */
+    size?: 'sm' | 'md' | 'lg';
+    /** Orientation of radio items */
+    orientation?: 'horizontal' | 'vertical';
+    /** Children radio items */
+    children: React.ReactNode;
+    /** Additional class name */
+    className?: string;
+}
+/**
+ * A radio group component for selecting one option from a set.
+ *
+ * @example
+ * ```tsx
+ * <RadioGroup name="plan" label="Select a plan" onValueChange={setPlan}>
+ *   <Radio value="free" label="Free" />
+ *   <Radio value="pro" label="Pro" />
+ *   <Radio value="enterprise" label="Enterprise" />
+ * </RadioGroup>
+ * ```
+ */
+declare function RadioGroup({ name, value: controlledValue, defaultValue, onValueChange, label, description, error, disabled, size, orientation, children, className, }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+declare namespace RadioGroup {
+    var displayName: string;
+}
+interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>, VariantProps<typeof radioVariants> {
+    /** Value for this radio option */
+    value: string;
+    /** Label for the radio */
+    label?: string;
+    /** Description text below the label */
+    description?: string;
+    /** Position of the label */
+    labelPosition?: 'left' | 'right';
+}
+/**
+ * An individual radio item within a RadioGroup.
+ *
+ * @example
+ * ```tsx
+ * <Radio value="option1" label="Option 1" />
+ * <Radio value="option2" label="Option 2" description="Additional details" />
+ * ```
+ */
+declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Radio, RadioGroup, type RadioGroupProps, type RadioProps, radioVariants };

package/dist/components/Radio/index.js

@@ -0,0 +1,4 @@
+export { Radio, RadioGroup, radioVariants } from '../../chunk-OW2BWGST.js';
+import '../../chunk-F3SOEIN2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/RecordButton/index.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var chunkHLW3XD5R_cjs = require('../../chunk-HLW3XD5R.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "RecordButton", {
+  enumerable: true,
+  get: function () { return chunkHLW3XD5R_cjs.RecordButton; }
+});
+Object.defineProperty(exports, "formatDuration", {
+  enumerable: true,
+  get: function () { return chunkHLW3XD5R_cjs.formatDuration; }
+});
+Object.defineProperty(exports, "recordButtonVariants", {
+  enumerable: true,
+  get: function () { return chunkHLW3XD5R_cjs.recordButtonVariants; }
+});
+Object.defineProperty(exports, "recordingIndicatorVariants", {
+  enumerable: true,
+  get: function () { return chunkHLW3XD5R_cjs.recordingIndicatorVariants; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

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

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

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

@@ -0,0 +1,83 @@
+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 RecordButtonState = 'idle' | 'recording' | 'processing';
+/** Transcription state for integration with transcription services */
+type TranscriptionState = 'idle' | 'recording' | 'transcribing' | 'streaming' | 'complete' | 'error';
+interface TranscriptionResult {
+    /** The transcribed text */
+    text: string;
+    /** Whether this is a partial (streaming) or final result */
+    isFinal: boolean;
+    /** Confidence score (0-1) if available */
+    confidence?: number;
+}
+interface RecordButtonProps extends VariantProps<typeof recordButtonVariants> {
+    /** 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;
+    /** Whether the button is disabled */
+    disabled?: boolean;
+    /** Additional class name */
+    className?: string;
+    /** Accessible label */
+    'aria-label'?: string;
+    /** Show recording duration while recording */
+    showDuration?: boolean;
+    /** Custom idle icon */
+    idleIcon?: React.ReactNode;
+    /** Custom recording icon */
+    recordingIcon?: React.ReactNode;
+    /** Current transcription state (for external control) */
+    transcriptionState?: TranscriptionState;
+    /** Show transcription state indicator */
+    showTranscriptionState?: boolean;
+}
+declare const recordButtonVariants: (props?: ({
+    variant?: "primary" | "default" | "filled" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const recordingIndicatorVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function formatDuration(seconds: number): string;
+/**
+ * A simple microphone recording button that can be placed anywhere.
+ * Perfect for adding voice input to text fields, chat inputs, or forms.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <RecordButton
+ *   onRecordingComplete={(blob, duration) => {
+ *     console.log('Recorded:', blob, duration);
+ *   }}
+ * />
+ *
+ * // In an input field
+ * <div className="relative">
+ *   <Input className="pr-12" />
+ *   <div className="absolute right-2 top-1/2 -translate-y-1/2">
+ *     <RecordButton size="sm" onRecordingComplete={handleRecording} />
+ *   </div>
+ * </div>
+ *
+ * // With max duration
+ * <RecordButton maxDuration={30} showDuration />
+ * ```
+ */
+declare function RecordButton({ onRecordingComplete, onRecordingStart, onError, maxDuration, mimeType, disabled, variant, size, className, 'aria-label': ariaLabel, showDuration, idleIcon, recordingIcon, transcriptionState, showTranscriptionState, }: RecordButtonProps): react_jsx_runtime.JSX.Element;
+declare namespace RecordButton {
+    var displayName: string;
+}
+
+export { RecordButton, type RecordButtonProps, type RecordButtonState, type TranscriptionResult, type TranscriptionState, formatDuration, recordButtonVariants, recordingIndicatorVariants };

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

@@ -0,0 +1,83 @@
+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 RecordButtonState = 'idle' | 'recording' | 'processing';
+/** Transcription state for integration with transcription services */
+type TranscriptionState = 'idle' | 'recording' | 'transcribing' | 'streaming' | 'complete' | 'error';
+interface TranscriptionResult {
+    /** The transcribed text */
+    text: string;
+    /** Whether this is a partial (streaming) or final result */
+    isFinal: boolean;
+    /** Confidence score (0-1) if available */
+    confidence?: number;
+}
+interface RecordButtonProps extends VariantProps<typeof recordButtonVariants> {
+    /** 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;
+    /** Whether the button is disabled */
+    disabled?: boolean;
+    /** Additional class name */
+    className?: string;
+    /** Accessible label */
+    'aria-label'?: string;
+    /** Show recording duration while recording */
+    showDuration?: boolean;
+    /** Custom idle icon */
+    idleIcon?: React.ReactNode;
+    /** Custom recording icon */
+    recordingIcon?: React.ReactNode;
+    /** Current transcription state (for external control) */
+    transcriptionState?: TranscriptionState;
+    /** Show transcription state indicator */
+    showTranscriptionState?: boolean;
+}
+declare const recordButtonVariants: (props?: ({
+    variant?: "primary" | "default" | "filled" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const recordingIndicatorVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function formatDuration(seconds: number): string;
+/**
+ * A simple microphone recording button that can be placed anywhere.
+ * Perfect for adding voice input to text fields, chat inputs, or forms.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <RecordButton
+ *   onRecordingComplete={(blob, duration) => {
+ *     console.log('Recorded:', blob, duration);
+ *   }}
+ * />
+ *
+ * // In an input field
+ * <div className="relative">
+ *   <Input className="pr-12" />
+ *   <div className="absolute right-2 top-1/2 -translate-y-1/2">
+ *     <RecordButton size="sm" onRecordingComplete={handleRecording} />
+ *   </div>
+ * </div>
+ *
+ * // With max duration
+ * <RecordButton maxDuration={30} showDuration />
+ * ```
+ */
+declare function RecordButton({ onRecordingComplete, onRecordingStart, onError, maxDuration, mimeType, disabled, variant, size, className, 'aria-label': ariaLabel, showDuration, idleIcon, recordingIcon, transcriptionState, showTranscriptionState, }: RecordButtonProps): react_jsx_runtime.JSX.Element;
+declare namespace RecordButton {
+    var displayName: string;
+}
+
+export { RecordButton, type RecordButtonProps, type RecordButtonState, type TranscriptionResult, type TranscriptionState, formatDuration, recordButtonVariants, recordingIndicatorVariants };

package/dist/components/RecordButton/index.js

@@ -0,0 +1,4 @@
+export { RecordButton, formatDuration, recordButtonVariants, recordingIndicatorVariants } from '../../chunk-FQ5G7J24.js';
+import '../../chunk-F3SOEIN2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/SchedulePicker/index.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+var chunkEF46XW4Z_cjs = require('../../chunk-EF46XW4Z.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "DateButton", {
+  enumerable: true,
+  get: function () { return chunkEF46XW4Z_cjs.DateButton; }
+});
+Object.defineProperty(exports, "DatePicker", {
+  enumerable: true,
+  get: function () { return chunkEF46XW4Z_cjs.DatePicker; }
+});
+Object.defineProperty(exports, "RadioOption", {
+  enumerable: true,
+  get: function () { return chunkEF46XW4Z_cjs.RadioOption; }
+});
+Object.defineProperty(exports, "SchedulePicker", {
+  enumerable: true,
+  get: function () { return chunkEF46XW4Z_cjs.SchedulePicker; }
+});
+Object.defineProperty(exports, "TimeButton", {
+  enumerable: true,
+  get: function () { return chunkEF46XW4Z_cjs.TimeButton; }
+});
+Object.defineProperty(exports, "TimePicker", {
+  enumerable: true,
+  get: function () { return chunkEF46XW4Z_cjs.TimePicker; }
+});
+Object.defineProperty(exports, "dateButtonVariants", {
+  enumerable: true,
+  get: function () { return chunkEF46XW4Z_cjs.dateButtonVariants; }
+});
+Object.defineProperty(exports, "radioOptionVariants", {
+  enumerable: true,
+  get: function () { return chunkEF46XW4Z_cjs.radioOptionVariants; }
+});
+Object.defineProperty(exports, "timeButtonVariants", {
+  enumerable: true,
+  get: function () { return chunkEF46XW4Z_cjs.timeButtonVariants; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

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

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

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

@@ -0,0 +1,111 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const dateButtonVariants: (props?: ({
+    selected?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface DateButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof dateButtonVariants> {
+    /** The date to display */
+    date: Date;
+}
+/**
+ * A button for selecting a date in the schedule picker.
+ */
+declare const DateButton: React.ForwardRefExoticComponent<DateButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const timeButtonVariants: (props?: ({
+    selected?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface TimeButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof timeButtonVariants> {
+    /** The time string to display (e.g., "8:00 AM") */
+    time: string;
+}
+/**
+ * A button for selecting a time in the schedule picker.
+ */
+declare const TimeButton: React.ForwardRefExoticComponent<TimeButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const radioOptionVariants: (props?: ({
+    selected?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface RadioOptionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>, VariantProps<typeof radioOptionVariants> {
+    /** Title text for the option */
+    title: React.ReactNode;
+    /** Description text for the option */
+    description?: React.ReactNode;
+    /** Whether this option is selected */
+    selected?: boolean;
+}
+/**
+ * A radio-style option card component.
+ */
+declare const RadioOption: React.ForwardRefExoticComponent<RadioOptionProps & React.RefAttributes<HTMLDivElement>>;
+interface DatePickerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Array of available dates to display */
+    dates: Date[];
+    /** Currently selected date */
+    selectedDate?: Date | null;
+    /** Callback when a date is selected */
+    onDateSelect?: (date: Date) => void;
+    /** Label text above the date picker */
+    label?: string;
+}
+/**
+ * A horizontal scrollable date picker component.
+ */
+declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
+interface TimePickerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Array of available time strings (e.g., ["8:00 AM", "8:30 AM"]) */
+    times: string[];
+    /** Currently selected time string */
+    selectedTime?: string | null;
+    /** Callback when a time is selected */
+    onTimeSelect?: (time: string) => void;
+    /** Label text above the time picker */
+    label?: string;
+    /** Number of columns for the time grid */
+    columns?: 4 | 6;
+}
+/**
+ * A grid-based time picker component.
+ */
+declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLDivElement>>;
+interface SchedulePickerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Array of available dates to display */
+    dates: Date[];
+    /** Array of available time strings */
+    times: string[];
+    /** Currently selected date */
+    selectedDate?: Date | null;
+    /** Currently selected time */
+    selectedTime?: string | null;
+    /** Callback when a date is selected */
+    onDateSelect?: (date: Date) => void;
+    /** Callback when a time is selected */
+    onTimeSelect?: (time: string) => void;
+    /** Label for the date picker */
+    dateLabel?: string;
+    /** Label for the time picker */
+    timeLabel?: string;
+    /** Number of columns for time grid */
+    timeColumns?: 4 | 6;
+    /** Whether to show time picker (hidden until date is selected) */
+    showTimePicker?: boolean;
+}
+/**
+ * A complete schedule picker with date and time selection.
+ *
+ * @example
+ * ```tsx
+ * <SchedulePicker
+ *   dates={availableDates}
+ *   times={availableTimes}
+ *   selectedDate={selectedDate}
+ *   selectedTime={selectedTime}
+ *   onDateSelect={setSelectedDate}
+ *   onTimeSelect={setSelectedTime}
+ * />
+ * ```
+ */
+declare const SchedulePicker: React.ForwardRefExoticComponent<SchedulePickerProps & React.RefAttributes<HTMLDivElement>>;
+
+export { DateButton, type DateButtonProps, DatePicker, type DatePickerProps, RadioOption, type RadioOptionProps, SchedulePicker, type SchedulePickerProps, TimeButton, type TimeButtonProps, TimePicker, type TimePickerProps, dateButtonVariants, radioOptionVariants, timeButtonVariants };