@mieweb/ui 0.1.0

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

@@ -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 };

package/dist/components/Button/index.js

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

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

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

package/dist/components/Card/index.cjs

@@ -0,0 +1,65 @@
+'use strict';
+
+var chunkHRA4FUO6_cjs = require('../../chunk-HRA4FUO6.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function () { return chunkHRA4FUO6_cjs.Card; }
+});
+Object.defineProperty(exports, "CardActions", {
+  enumerable: true,
+  get: function () { return chunkHRA4FUO6_cjs.CardActions; }
+});
+Object.defineProperty(exports, "CardBadge", {
+  enumerable: true,
+  get: function () { return chunkHRA4FUO6_cjs.CardBadge; }
+});
+Object.defineProperty(exports, "CardCollapsible", {
+  enumerable: true,
+  get: function () { return chunkHRA4FUO6_cjs.CardCollapsible; }
+});
+Object.defineProperty(exports, "CardContent", {
+  enumerable: true,
+  get: function () { return chunkHRA4FUO6_cjs.CardContent; }
+});
+Object.defineProperty(exports, "CardDescription", {
+  enumerable: true,
+  get: function () { return chunkHRA4FUO6_cjs.CardDescription; }
+});
+Object.defineProperty(exports, "CardDivider", {
+  enumerable: true,
+  get: function () { return chunkHRA4FUO6_cjs.CardDivider; }
+});
+Object.defineProperty(exports, "CardFooter", {
+  enumerable: true,
+  get: function () { return chunkHRA4FUO6_cjs.CardFooter; }
+});
+Object.defineProperty(exports, "CardHeader", {
+  enumerable: true,
+  get: function () { return chunkHRA4FUO6_cjs.CardHeader; }
+});
+Object.defineProperty(exports, "CardMedia", {
+  enumerable: true,
+  get: function () { return chunkHRA4FUO6_cjs.CardMedia; }
+});
+Object.defineProperty(exports, "CardStat", {
+  enumerable: true,
+  get: function () { return chunkHRA4FUO6_cjs.CardStat; }
+});
+Object.defineProperty(exports, "CardTitle", {
+  enumerable: true,
+  get: function () { return chunkHRA4FUO6_cjs.CardTitle; }
+});
+Object.defineProperty(exports, "cardAccentVariants", {
+  enumerable: true,
+  get: function () { return chunkHRA4FUO6_cjs.cardAccentVariants; }
+});
+Object.defineProperty(exports, "cardVariants", {
+  enumerable: true,
+  get: function () { return chunkHRA4FUO6_cjs.cardVariants; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

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

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

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

@@ -0,0 +1,119 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const cardVariants: (props?: ({
+    padding?: "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
+    variant?: "ghost" | "default" | "filled" | "elevated" | "outlined" | null | undefined;
+    interactive?: boolean | null | undefined;
+    selected?: boolean | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const cardAccentVariants: (props?: ({
+    color?: "primary" | "success" | "info" | "warning" | "destructive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+    /** Semantic HTML element to render as */
+    as?: 'div' | 'article' | 'section' | 'aside';
+    /** Accent color bar on the left side */
+    accent?: 'primary' | 'success' | 'warning' | 'destructive' | 'info';
+    /** Loading state - shows skeleton overlay */
+    loading?: boolean;
+}
+/**
+ * A card container component for grouping related content.
+ *
+ * @example
+ * ```tsx
+ * <Card padding="lg" variant="elevated">
+ *   <CardHeader>
+ *     <CardTitle>Card Title</CardTitle>
+ *   </CardHeader>
+ *   <CardContent>Card content goes here</CardContent>
+ * </Card>
+ * ```
+ */
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Header section of a Card
+ */
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Title for a Card
+ */
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Description text for a Card
+ */
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Main content area of a Card
+ */
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Footer section of a Card
+ */
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Image/Media section for a Card - typically used at the top
+ */
+interface CardMediaProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    /** Aspect ratio of the media */
+    aspectRatio?: 'video' | 'square' | 'wide' | 'auto';
+    /** Optional overlay content */
+    overlay?: React.ReactNode;
+}
+declare const CardMedia: React.ForwardRefExoticComponent<CardMediaProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Badge/Label component for Cards
+ */
+interface CardBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Badge color variant */
+    variant?: 'default' | 'primary' | 'success' | 'warning' | 'destructive';
+    /** Position of the badge */
+    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+}
+declare const CardBadge: React.ForwardRefExoticComponent<CardBadgeProps & React.RefAttributes<HTMLSpanElement>>;
+/**
+ * Actions area for Card buttons/links
+ */
+interface CardActionsProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Alignment of actions */
+    align?: 'left' | 'center' | 'right' | 'between' | 'around';
+}
+declare const CardActions: React.ForwardRefExoticComponent<CardActionsProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Divider line within a Card
+ */
+declare const CardDivider: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHRElement> & React.RefAttributes<HTMLHRElement>>;
+/**
+ * Collapsible content section for Cards
+ */
+interface CardCollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Whether the content is expanded */
+    expanded?: boolean;
+    /** Callback when expand state changes */
+    onExpandChange?: (expanded: boolean) => void;
+    /** Trigger element/text for expanding */
+    trigger?: React.ReactNode;
+}
+declare const CardCollapsible: React.ForwardRefExoticComponent<CardCollapsibleProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Stat/Metric display for Cards
+ */
+interface CardStatProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** The main value/number */
+    value: React.ReactNode;
+    /** Label describing the stat */
+    label: string;
+    /** Trend indicator */
+    trend?: {
+        value: number;
+        label?: string;
+    };
+    /** Icon to display */
+    icon?: React.ReactNode;
+}
+declare const CardStat: React.ForwardRefExoticComponent<CardStatProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Card, CardActions, type CardActionsProps, CardBadge, type CardBadgeProps, CardCollapsible, type CardCollapsibleProps, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, type CardMediaProps, type CardProps, CardStat, type CardStatProps, CardTitle, cardAccentVariants, cardVariants };

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

@@ -0,0 +1,119 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const cardVariants: (props?: ({
+    padding?: "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
+    variant?: "ghost" | "default" | "filled" | "elevated" | "outlined" | null | undefined;
+    interactive?: boolean | null | undefined;
+    selected?: boolean | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const cardAccentVariants: (props?: ({
+    color?: "primary" | "success" | "info" | "warning" | "destructive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+    /** Semantic HTML element to render as */
+    as?: 'div' | 'article' | 'section' | 'aside';
+    /** Accent color bar on the left side */
+    accent?: 'primary' | 'success' | 'warning' | 'destructive' | 'info';
+    /** Loading state - shows skeleton overlay */
+    loading?: boolean;
+}
+/**
+ * A card container component for grouping related content.
+ *
+ * @example
+ * ```tsx
+ * <Card padding="lg" variant="elevated">
+ *   <CardHeader>
+ *     <CardTitle>Card Title</CardTitle>
+ *   </CardHeader>
+ *   <CardContent>Card content goes here</CardContent>
+ * </Card>
+ * ```
+ */
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Header section of a Card
+ */
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Title for a Card
+ */
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Description text for a Card
+ */
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Main content area of a Card
+ */
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Footer section of a Card
+ */
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Image/Media section for a Card - typically used at the top
+ */
+interface CardMediaProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    /** Aspect ratio of the media */
+    aspectRatio?: 'video' | 'square' | 'wide' | 'auto';
+    /** Optional overlay content */
+    overlay?: React.ReactNode;
+}
+declare const CardMedia: React.ForwardRefExoticComponent<CardMediaProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Badge/Label component for Cards
+ */
+interface CardBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Badge color variant */
+    variant?: 'default' | 'primary' | 'success' | 'warning' | 'destructive';
+    /** Position of the badge */
+    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+}
+declare const CardBadge: React.ForwardRefExoticComponent<CardBadgeProps & React.RefAttributes<HTMLSpanElement>>;
+/**
+ * Actions area for Card buttons/links
+ */
+interface CardActionsProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Alignment of actions */
+    align?: 'left' | 'center' | 'right' | 'between' | 'around';
+}
+declare const CardActions: React.ForwardRefExoticComponent<CardActionsProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Divider line within a Card
+ */
+declare const CardDivider: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHRElement> & React.RefAttributes<HTMLHRElement>>;
+/**
+ * Collapsible content section for Cards
+ */
+interface CardCollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Whether the content is expanded */
+    expanded?: boolean;
+    /** Callback when expand state changes */
+    onExpandChange?: (expanded: boolean) => void;
+    /** Trigger element/text for expanding */
+    trigger?: React.ReactNode;
+}
+declare const CardCollapsible: React.ForwardRefExoticComponent<CardCollapsibleProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Stat/Metric display for Cards
+ */
+interface CardStatProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** The main value/number */
+    value: React.ReactNode;
+    /** Label describing the stat */
+    label: string;
+    /** Trend indicator */
+    trend?: {
+        value: number;
+        label?: string;
+    };
+    /** Icon to display */
+    icon?: React.ReactNode;
+}
+declare const CardStat: React.ForwardRefExoticComponent<CardStatProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Card, CardActions, type CardActionsProps, CardBadge, type CardBadgeProps, CardCollapsible, type CardCollapsibleProps, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, type CardMediaProps, type CardProps, CardStat, type CardStatProps, CardTitle, cardAccentVariants, cardVariants };

package/dist/components/Card/index.js

@@ -0,0 +1,4 @@
+export { Card, CardActions, CardBadge, CardCollapsible, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, CardStat, CardTitle, cardAccentVariants, cardVariants } from '../../chunk-XXOBTAKA.js';
+import '../../chunk-F3SOEIN2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Checkbox/index.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var chunkQYJ7RQJ2_cjs = require('../../chunk-QYJ7RQJ2.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function () { return chunkQYJ7RQJ2_cjs.Checkbox; }
+});
+Object.defineProperty(exports, "CheckboxGroup", {
+  enumerable: true,
+  get: function () { return chunkQYJ7RQJ2_cjs.CheckboxGroup; }
+});
+Object.defineProperty(exports, "checkboxVariants", {
+  enumerable: true,
+  get: function () { return chunkQYJ7RQJ2_cjs.checkboxVariants; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

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

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

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

@@ -0,0 +1,63 @@
+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 checkboxVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>, VariantProps<typeof checkboxVariants> {
+    /** Label for the checkbox */
+    label?: string;
+    /** Description text below the label */
+    description?: string;
+    /** Indeterminate state (neither checked nor unchecked) */
+    indeterminate?: boolean;
+    /** Error message */
+    error?: string;
+    /** Position of the label */
+    labelPosition?: 'left' | 'right';
+}
+/**
+ * An accessible checkbox component with support for indeterminate state.
+ *
+ * @example
+ * ```tsx
+ * <Checkbox label="Accept terms and conditions" />
+ * <Checkbox label="Newsletter" description="Receive updates about new features" />
+ * <Checkbox indeterminate label="Select all" />
+ * ```
+ */
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+interface CheckboxGroupProps {
+    /** Group label */
+    label?: string;
+    /** Description for the group */
+    description?: string;
+    /** Error message for the group */
+    error?: string;
+    /** Orientation of checkboxes */
+    orientation?: 'horizontal' | 'vertical';
+    /** Children checkboxes */
+    children: React.ReactNode;
+    /** Additional class name */
+    className?: string;
+}
+/**
+ * A container for grouping related checkboxes.
+ *
+ * @example
+ * ```tsx
+ * <CheckboxGroup label="Interests" orientation="vertical">
+ *   <Checkbox label="Sports" />
+ *   <Checkbox label="Music" />
+ *   <Checkbox label="Travel" />
+ * </CheckboxGroup>
+ * ```
+ */
+declare function CheckboxGroup({ label, description, error, orientation, children, className, }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
+declare namespace CheckboxGroup {
+    var displayName: string;
+}
+
+export { Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, checkboxVariants };

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

@@ -0,0 +1,63 @@
+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 checkboxVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>, VariantProps<typeof checkboxVariants> {
+    /** Label for the checkbox */
+    label?: string;
+    /** Description text below the label */
+    description?: string;
+    /** Indeterminate state (neither checked nor unchecked) */
+    indeterminate?: boolean;
+    /** Error message */
+    error?: string;
+    /** Position of the label */
+    labelPosition?: 'left' | 'right';
+}
+/**
+ * An accessible checkbox component with support for indeterminate state.
+ *
+ * @example
+ * ```tsx
+ * <Checkbox label="Accept terms and conditions" />
+ * <Checkbox label="Newsletter" description="Receive updates about new features" />
+ * <Checkbox indeterminate label="Select all" />
+ * ```
+ */
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+interface CheckboxGroupProps {
+    /** Group label */
+    label?: string;
+    /** Description for the group */
+    description?: string;
+    /** Error message for the group */
+    error?: string;
+    /** Orientation of checkboxes */
+    orientation?: 'horizontal' | 'vertical';
+    /** Children checkboxes */
+    children: React.ReactNode;
+    /** Additional class name */
+    className?: string;
+}
+/**
+ * A container for grouping related checkboxes.
+ *
+ * @example
+ * ```tsx
+ * <CheckboxGroup label="Interests" orientation="vertical">
+ *   <Checkbox label="Sports" />
+ *   <Checkbox label="Music" />
+ *   <Checkbox label="Travel" />
+ * </CheckboxGroup>
+ * ```
+ */
+declare function CheckboxGroup({ label, description, error, orientation, children, className, }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
+declare namespace CheckboxGroup {
+    var displayName: string;
+}
+
+export { Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, checkboxVariants };

package/dist/components/Checkbox/index.js

@@ -0,0 +1,4 @@
+export { Checkbox, CheckboxGroup, checkboxVariants } from '../../chunk-G2DOD34H.js';
+import '../../chunk-F3SOEIN2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/DateInput/index.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var chunkB7DA35BY_cjs = require('../../chunk-B7DA35BY.cjs');
+require('../../chunk-VV4N4WY6.cjs');
+require('../../chunk-KMN7JX2X.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "DateInput", {
+  enumerable: true,
+  get: function () { return chunkB7DA35BY_cjs.DateInput; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

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

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

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

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import { InputProps } from '../Input/index.cjs';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+type DateInputMode = 'default' | 'dob' | 'expiration' | 'past' | 'future';
+type DateInputWidth = 'full' | 'fit' | 'fixed';
+interface DateInputProps extends Omit<InputProps, 'type' | 'onChange' | 'value'> {
+    /** The date value in MM/DD/YYYY format */
+    value?: string;
+    /** Callback fired when the value changes */
+    onChange?: (value: string) => void;
+    /** Validation mode for the date input */
+    mode?: DateInputMode;
+    /** Minimum age for DOB validation (default: 0) */
+    minAge?: number;
+    /** Maximum age for DOB validation */
+    maxAge?: number;
+    /** Whether to validate on blur */
+    validateOnBlur?: boolean;
+    /** Whether to show a calendar picker button */
+    showCalendar?: boolean;
+    /** Width behavior of the input */
+    width?: DateInputWidth;
+}
+/**
+ * A date input that automatically formats to MM/DD/YYYY with validation modes.
+ *
+ * @example
+ * ```tsx
+ * // Date of birth with age validation
+ * <DateInput
+ *   label="Date of Birth"
+ *   mode="dob"
+ *   minAge={18}
+ *   validateOnBlur
+ * />
+ *
+ * // With calendar picker
+ * <DateInput
+ *   label="Select Date"
+ *   showCalendar
+ * />
+ *
+ * // Expiration date
+ * <DateInput
+ *   label="License Expiration"
+ *   mode="expiration"
+ *   validateOnBlur
+ * />
+ * ```
+ */
+declare const DateInput: React.ForwardRefExoticComponent<DateInputProps & React.RefAttributes<HTMLInputElement>>;
+
+export { DateInput, type DateInputMode, type DateInputProps };

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

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import { InputProps } from '../Input/index.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+type DateInputMode = 'default' | 'dob' | 'expiration' | 'past' | 'future';
+type DateInputWidth = 'full' | 'fit' | 'fixed';
+interface DateInputProps extends Omit<InputProps, 'type' | 'onChange' | 'value'> {
+    /** The date value in MM/DD/YYYY format */
+    value?: string;
+    /** Callback fired when the value changes */
+    onChange?: (value: string) => void;
+    /** Validation mode for the date input */
+    mode?: DateInputMode;
+    /** Minimum age for DOB validation (default: 0) */
+    minAge?: number;
+    /** Maximum age for DOB validation */
+    maxAge?: number;
+    /** Whether to validate on blur */
+    validateOnBlur?: boolean;
+    /** Whether to show a calendar picker button */
+    showCalendar?: boolean;
+    /** Width behavior of the input */
+    width?: DateInputWidth;
+}
+/**
+ * A date input that automatically formats to MM/DD/YYYY with validation modes.
+ *
+ * @example
+ * ```tsx
+ * // Date of birth with age validation
+ * <DateInput
+ *   label="Date of Birth"
+ *   mode="dob"
+ *   minAge={18}
+ *   validateOnBlur
+ * />
+ *
+ * // With calendar picker
+ * <DateInput
+ *   label="Select Date"
+ *   showCalendar
+ * />
+ *
+ * // Expiration date
+ * <DateInput
+ *   label="License Expiration"
+ *   mode="expiration"
+ *   validateOnBlur
+ * />
+ * ```
+ */
+declare const DateInput: React.ForwardRefExoticComponent<DateInputProps & React.RefAttributes<HTMLInputElement>>;
+
+export { DateInput, type DateInputMode, type DateInputProps };

package/dist/components/DateInput/index.js

@@ -0,0 +1,6 @@
+export { DateInput } from '../../chunk-WN2FJE23.js';
+import '../../chunk-NXRLGHEC.js';
+import '../../chunk-SN52QMRT.js';
+import '../../chunk-F3SOEIN2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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