@mieweb/ui 0.10.0-dev.4 → 0.10.0-dev.41

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

@@ -0,0 +1,39 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { V as ViewLabels, a as ViewBaseProps } from '../../types-DsdZvEI1.js';
+import 'react';
+
+type CalendarViewSlot = 'toolbar' | 'weekday' | 'day' | 'outsideDay' | 'today' | 'entry' | 'selectedEntry' | 'state';
+interface CalendarLabels extends ViewLabels {
+    previousMonth: string;
+    nextMonth: string;
+    today: string;
+    /** Overflow affordance. `{count}` is substituted. */
+    more: string;
+}
+declare const defaultCalendarLabels: CalendarLabels;
+interface CalendarViewProps<T> extends ViewBaseProps<T> {
+    /** Controlled month. Any date inside the month works. */
+    month?: Date;
+    /** Starting month when uncontrolled. Defaults to the month containing `now`. */
+    defaultMonth?: Date;
+    onMonthChange?: (month: Date) => void;
+    /**
+     * IANA zone the grid is drawn in, e.g. `America/New_York`. Defaults to the
+     * runtime's. A day boundary is a business fact, so state it explicitly when
+     * the collection belongs to somewhere other than the viewer.
+     */
+    timeZone?: string;
+    /** 1 = Monday … 7 = Sunday. Defaults to Monday. */
+    weekStartsOn?: number;
+    /** Locale for month, weekday and day-number formatting. */
+    locale?: string;
+    /** Entries to show per day before collapsing into "{count} more". */
+    maxPerDay?: number;
+    labels?: Partial<CalendarLabels>;
+    classNames?: Partial<Record<CalendarViewSlot, string>>;
+    /** Hide the month toolbar when the host renders its own. */
+    hideToolbar?: boolean;
+}
+declare function CalendarView<T>({ items, accessors, loading, error, selectedId, onOpen, getHref, renderItem, emptyState, labels, month, defaultMonth, onMonthChange, timeZone, weekStartsOn, locale, maxPerDay, now, className, classNames, hideToolbar, }: CalendarViewProps<T>): react_jsx_runtime.JSX.Element;
+
+export { type CalendarLabels, CalendarView, type CalendarViewProps, type CalendarViewSlot, defaultCalendarLabels };

package/dist/components/CalendarView/index.js

@@ -0,0 +1,11 @@
+export { CalendarView, defaultCalendarLabels } from '../../chunk-RZSSQ7AT.js';
+import '../../chunk-3YBS4WUQ.js';
+import '../../chunk-UA7E7PDS.js';
+import '../../chunk-BKSPDTX4.js';
+import '../../chunk-N5JDL4VE.js';
+import '../../chunk-WFBUBT54.js';
+import '../../chunk-GVM6DTR5.js';
+import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

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

@@ -4,13 +4,13 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const cardVariants: (props?: ({
     padding?: "none" | "sm" | "md" | "lg" | "xl" | null | undefined;
-    variant?: "default" | "ghost" | "filled" | "elevated" | "outlined" | null | undefined;
+    variant?: "default" | "elevated" | "outlined" | "ghost" | "filled" | null | undefined;
     interactive?: boolean | null | undefined;
     selected?: boolean | null | undefined;
-    orientation?: "horizontal" | "vertical" | null | undefined;
+    orientation?: "vertical" | "horizontal" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const cardAccentVariants: (props?: ({
-    color?: "primary" | "warning" | "success" | "info" | "destructive" | null | undefined;
+    color?: "primary" | "success" | "warning" | "destructive" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
     /** Semantic HTML element to render as */

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

@@ -4,13 +4,13 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const cardVariants: (props?: ({
     padding?: "none" | "sm" | "md" | "lg" | "xl" | null | undefined;
-    variant?: "default" | "ghost" | "filled" | "elevated" | "outlined" | null | undefined;
+    variant?: "default" | "elevated" | "outlined" | "ghost" | "filled" | null | undefined;
     interactive?: boolean | null | undefined;
     selected?: boolean | null | undefined;
-    orientation?: "horizontal" | "vertical" | null | undefined;
+    orientation?: "vertical" | "horizontal" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const cardAccentVariants: (props?: ({
-    color?: "primary" | "warning" | "success" | "info" | "destructive" | null | undefined;
+    color?: "primary" | "success" | "warning" | "destructive" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
     /** Semantic HTML element to render as */

package/dist/components/ClampedText/index.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
-var chunkN5O47VGS_cjs = require('../../chunk-N5O47VGS.cjs');
+require('../../chunk-L6K4PRZK.cjs');
+var chunkIVGI353O_cjs = require('../../chunk-IVGI353O.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -8,7 +9,7 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "ClampedText", {
   enumerable: true,
-  get: function () { return chunkN5O47VGS_cjs.ClampedText; }
+  get: function () { return chunkIVGI353O_cjs.ClampedText; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/ClampedText/index.js

@@ -1,4 +1,5 @@
-export { ClampedText } from '../../chunk-L6MDULYB.js';
+import '../../chunk-XXA4NZUC.js';
+export { ClampedText } from '../../chunk-VU3ZMJBN.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

package/dist/components/CollabStatus/index.cjs

@@ -1,6 +1,8 @@
 'use strict';
 
-var chunkX4LBUPJO_cjs = require('../../chunk-X4LBUPJO.cjs');
+var chunkQX6AAVDE_cjs = require('../../chunk-QX6AAVDE.cjs');
+require('../../chunk-Q3YVLO52.cjs');
+require('../../chunk-GKDHMNUA.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -8,15 +10,15 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "CollabStatus", {
   enumerable: true,
-  get: function () { return chunkX4LBUPJO_cjs.CollabStatus; }
+  get: function () { return chunkQX6AAVDE_cjs.CollabStatus; }
 });
 Object.defineProperty(exports, "defaultCollabStatusLabels", {
   enumerable: true,
-  get: function () { return chunkX4LBUPJO_cjs.defaultCollabStatusLabels; }
+  get: function () { return chunkQX6AAVDE_cjs.defaultCollabStatusLabels; }
 });
 Object.defineProperty(exports, "useYjsCollabStatus", {
   enumerable: true,
-  get: function () { return chunkX4LBUPJO_cjs.useYjsCollabStatus; }
+  get: function () { return chunkQX6AAVDE_cjs.useYjsCollabStatus; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

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

@@ -1,12 +1,21 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
+type AvatarPresence = 'viewing' | 'editing';
+
 /** Another participant currently present in the room. */
 interface CollabPeer {
     /** Display name published through presence. */
     name: string;
     /** Optional presence color (cursor/avatar tint). */
     color?: string;
+    /**
+     * What the peer is doing. Peers without a mode count as editing; `viewing`
+     * peers are left out of the "… are editing" summary.
+     */
+    mode?: AvatarPresence;
+    /** Avatar image URL. */
+    avatarUrl?: string;
 }
 /** Static identity of the open collaboration room, shown in the debug panel. */
 interface CollabRoomInfo {
@@ -48,6 +57,8 @@ interface CollabStatusLabels {
     peersTitle: (count: number) => string;
     /** Shown in the occupants section when nobody else is in the room. */
     alone: React.ReactNode;
+    /** Accessible name of an occupant with a `mode`, e.g. `Ann is viewing`. */
+    presence?: (name: string, mode: AvatarPresence) => string;
     /** Heading of the debug panel. */
     logTitle: (count: number) => string;
     /** Accessible name of the panel close button. */

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

@@ -1,12 +1,21 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
+type AvatarPresence = 'viewing' | 'editing';
+
 /** Another participant currently present in the room. */
 interface CollabPeer {
     /** Display name published through presence. */
     name: string;
     /** Optional presence color (cursor/avatar tint). */
     color?: string;
+    /**
+     * What the peer is doing. Peers without a mode count as editing; `viewing`
+     * peers are left out of the "… are editing" summary.
+     */
+    mode?: AvatarPresence;
+    /** Avatar image URL. */
+    avatarUrl?: string;
 }
 /** Static identity of the open collaboration room, shown in the debug panel. */
 interface CollabRoomInfo {
@@ -48,6 +57,8 @@ interface CollabStatusLabels {
     peersTitle: (count: number) => string;
     /** Shown in the occupants section when nobody else is in the room. */
     alone: React.ReactNode;
+    /** Accessible name of an occupant with a `mode`, e.g. `Ann is viewing`. */
+    presence?: (name: string, mode: AvatarPresence) => string;
     /** Heading of the debug panel. */
     logTitle: (count: number) => string;
     /** Accessible name of the panel close button. */

package/dist/components/CollabStatus/index.js

@@ -1,4 +1,6 @@
-export { CollabStatus, defaultCollabStatusLabels, useYjsCollabStatus } from '../../chunk-SVSHA7XV.js';
+export { CollabStatus, defaultCollabStatusLabels, useYjsCollabStatus } from '../../chunk-O6XDA3SI.js';
+import '../../chunk-DVDT7TX7.js';
+import '../../chunk-TI3TQQ7F.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Collapsible/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkVPWJCJCX_cjs = require('../../chunk-VPWJCJCX.cjs');
-require('../../chunk-6HFFWEM3.cjs');
-require('../../chunk-NV2CWBI2.cjs');
+var chunkVXW7D5LR_cjs = require('../../chunk-VXW7D5LR.cjs');
+require('../../chunk-YW2AKBLS.cjs');
+require('../../chunk-IEY3ZJIT.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -10,15 +10,15 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "Collapsible", {
   enumerable: true,
-  get: function () { return chunkVPWJCJCX_cjs.Collapsible; }
+  get: function () { return chunkVXW7D5LR_cjs.Collapsible; }
 });
 Object.defineProperty(exports, "CollapsibleContent", {
   enumerable: true,
-  get: function () { return chunkVPWJCJCX_cjs.CollapsibleContent; }
+  get: function () { return chunkVXW7D5LR_cjs.CollapsibleContent; }
 });
 Object.defineProperty(exports, "CollapsibleTrigger", {
   enumerable: true,
-  get: function () { return chunkVPWJCJCX_cjs.CollapsibleTrigger; }
+  get: function () { return chunkVXW7D5LR_cjs.CollapsibleTrigger; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

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

@@ -9,6 +9,12 @@ interface CollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {
     onOpenChange?: (open: boolean) => void;
     /** Disables toggling */
     disabled?: boolean;
+    /**
+     * Persists the open state in `localStorage` under this key (uncontrolled
+     * only). Restored after mount, so server and hydration renders use
+     * `defaultOpen`.
+     */
+    storageKey?: string;
 }
 /**
  * An interactive component that expands and collapses its content.

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

@@ -9,6 +9,12 @@ interface CollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {
     onOpenChange?: (open: boolean) => void;
     /** Disables toggling */
     disabled?: boolean;
+    /**
+     * Persists the open state in `localStorage` under this key (uncontrolled
+     * only). Restored after mount, so server and hydration renders use
+     * `defaultOpen`.
+     */
+    storageKey?: string;
 }
 /**
  * An interactive component that expands and collapses its content.

package/dist/components/Collapsible/index.js

@@ -1,6 +1,6 @@
-export { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../chunk-P2CA3XGI.js';
-import '../../chunk-HB7C7NB5.js';
-import '../../chunk-XCP454Q6.js';
+export { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../chunk-VSRO4PAI.js';
+import '../../chunk-XDU65GLW.js';
+import '../../chunk-F4N67NAF.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

package/dist/components/CompletenessMeter/index.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var chunkARIJ5OHW_cjs = require('../../chunk-ARIJ5OHW.cjs');
+require('../../chunk-2I4IRQQG.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+require('../../chunk-EUAMEVVI.cjs');
+
+
+
+Object.defineProperty(exports, "CompletenessMeter", {
+  enumerable: true,
+  get: function () { return chunkARIJ5OHW_cjs.CompletenessMeter; }
+});
+Object.defineProperty(exports, "defaultCompletenessMeterLabels", {
+  enumerable: true,
+  get: function () { return chunkARIJ5OHW_cjs.defaultCompletenessMeterLabels; }
+});
+Object.defineProperty(exports, "getCompleteness", {
+  enumerable: true,
+  get: function () { return chunkARIJ5OHW_cjs.getCompleteness; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

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

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

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

@@ -0,0 +1,52 @@
+import * as React from 'react';
+
+interface CompletenessField {
+    /** Stable key, passed back to `onFieldClick`. */
+    key: string;
+    /** Display name of the field. */
+    label: string;
+    /** Whether the field has a value. */
+    complete: boolean;
+    /** Relative importance; defaults to 1. */
+    weight?: number;
+}
+interface CompletenessMeterLabels {
+    /** Heading of the full variant. */
+    title: string;
+    /** Accessible name of the progress bar. */
+    progress: string;
+    /** Visible percentage and `aria-valuetext`. */
+    percent: (percent: number) => string;
+    /** Heading of the missing-fields list. */
+    missing: (count: number) => string;
+    /** Shown when nothing is missing. */
+    allComplete: string;
+}
+declare const defaultCompletenessMeterLabels: CompletenessMeterLabels;
+/** Weighted completion percentage (0–100) and the incomplete fields. */
+declare function getCompleteness(fields: CompletenessField[]): {
+    percent: number;
+    missing: CompletenessField[];
+};
+interface CompletenessMeterProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Fields that make up the record. */
+    fields: CompletenessField[];
+    /** `compact` shows the bar and percentage only. */
+    variant?: 'default' | 'compact';
+    /** Makes each missing field a button, e.g. to focus its input. */
+    onFieldClick?: (key: string) => void;
+    /** Overrides for any user-facing string. */
+    labels?: Partial<CompletenessMeterLabels>;
+}
+/**
+ * How complete a record is: a weighted percentage, a progress bar and the
+ * list of missing fields.
+ *
+ * @example
+ * ```tsx
+ * <CompletenessMeter fields={fields} onFieldClick={(key) => focusField(key)} />
+ * ```
+ */
+declare const CompletenessMeter: React.ForwardRefExoticComponent<CompletenessMeterProps & React.RefAttributes<HTMLDivElement>>;
+
+export { type CompletenessField, CompletenessMeter, type CompletenessMeterLabels, type CompletenessMeterProps, defaultCompletenessMeterLabels, getCompleteness };

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

@@ -0,0 +1,52 @@
+import * as React from 'react';
+
+interface CompletenessField {
+    /** Stable key, passed back to `onFieldClick`. */
+    key: string;
+    /** Display name of the field. */
+    label: string;
+    /** Whether the field has a value. */
+    complete: boolean;
+    /** Relative importance; defaults to 1. */
+    weight?: number;
+}
+interface CompletenessMeterLabels {
+    /** Heading of the full variant. */
+    title: string;
+    /** Accessible name of the progress bar. */
+    progress: string;
+    /** Visible percentage and `aria-valuetext`. */
+    percent: (percent: number) => string;
+    /** Heading of the missing-fields list. */
+    missing: (count: number) => string;
+    /** Shown when nothing is missing. */
+    allComplete: string;
+}
+declare const defaultCompletenessMeterLabels: CompletenessMeterLabels;
+/** Weighted completion percentage (0–100) and the incomplete fields. */
+declare function getCompleteness(fields: CompletenessField[]): {
+    percent: number;
+    missing: CompletenessField[];
+};
+interface CompletenessMeterProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Fields that make up the record. */
+    fields: CompletenessField[];
+    /** `compact` shows the bar and percentage only. */
+    variant?: 'default' | 'compact';
+    /** Makes each missing field a button, e.g. to focus its input. */
+    onFieldClick?: (key: string) => void;
+    /** Overrides for any user-facing string. */
+    labels?: Partial<CompletenessMeterLabels>;
+}
+/**
+ * How complete a record is: a weighted percentage, a progress bar and the
+ * list of missing fields.
+ *
+ * @example
+ * ```tsx
+ * <CompletenessMeter fields={fields} onFieldClick={(key) => focusField(key)} />
+ * ```
+ */
+declare const CompletenessMeter: React.ForwardRefExoticComponent<CompletenessMeterProps & React.RefAttributes<HTMLDivElement>>;
+
+export { type CompletenessField, CompletenessMeter, type CompletenessMeterLabels, type CompletenessMeterProps, defaultCompletenessMeterLabels, getCompleteness };

package/dist/components/CompletenessMeter/index.js

@@ -0,0 +1,6 @@
+export { CompletenessMeter, defaultCompletenessMeterLabels, getCompleteness } from '../../chunk-RLVYWUXG.js';
+import '../../chunk-P4E3K3ND.js';
+import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/CountryCodeDropdown/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkUAMXCMST_cjs = require('../../chunk-UAMXCMST.cjs');
+var chunkCFI3TQMA_cjs = require('../../chunk-CFI3TQMA.cjs');
+require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-FSGEDDF2.cjs');
 require('../../chunk-AOHJILLU.cjs');
-require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -11,15 +11,15 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "CountryCodeDropdown", {
   enumerable: true,
-  get: function () { return chunkUAMXCMST_cjs.CountryCodeDropdown; }
+  get: function () { return chunkCFI3TQMA_cjs.CountryCodeDropdown; }
 });
 Object.defineProperty(exports, "formatE164", {
   enumerable: true,
-  get: function () { return chunkUAMXCMST_cjs.formatE164; }
+  get: function () { return chunkCFI3TQMA_cjs.formatE164; }
 });
 Object.defineProperty(exports, "validatePhoneNumber", {
   enumerable: true,
-  get: function () { return chunkUAMXCMST_cjs.validatePhoneNumber; }
+  get: function () { return chunkCFI3TQMA_cjs.validatePhoneNumber; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/CountryCodeDropdown/index.js

@@ -1,7 +1,7 @@
-export { CountryCodeDropdown, formatE164, validatePhoneNumber } from '../../chunk-NJ6MY6V5.js';
+export { CountryCodeDropdown, formatE164, validatePhoneNumber } from '../../chunk-T5BBZQ66.js';
+import '../../chunk-T4ME7QCT.js';
 import '../../chunk-62ZOA6PX.js';
 import '../../chunk-WSNMQQ4P.js';
-import '../../chunk-T4ME7QCT.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

package/dist/components/CustomizableDashboard/index.cjs

@@ -1,12 +1,14 @@
 'use strict';
 
-var chunkG3JX3UAU_cjs = require('../../chunk-G3JX3UAU.cjs');
-require('../../chunk-PLMXN23Q.cjs');
+var chunkBWSZ2BHJ_cjs = require('../../chunk-BWSZ2BHJ.cjs');
 require('../../chunk-RS5VA6QU.cjs');
+require('../../chunk-PLMXN23Q.cjs');
 require('../../chunk-NNEFAUHV.cjs');
 require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-SCV7C55E.cjs');
-require('../../chunk-VNYW4C4J.cjs');
+require('../../chunk-EACNRR3C.cjs');
+require('../../chunk-ANMX7YDL.cjs');
+require('../../chunk-DXEPYK3I.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -14,31 +16,31 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "CustomizableDashboard", {
   enumerable: true,
-  get: function () { return chunkG3JX3UAU_cjs.CustomizableDashboard; }
+  get: function () { return chunkBWSZ2BHJ_cjs.CustomizableDashboard; }
 });
 Object.defineProperty(exports, "DashboardCustomizePanel", {
   enumerable: true,
-  get: function () { return chunkG3JX3UAU_cjs.DashboardCustomizePanel; }
+  get: function () { return chunkBWSZ2BHJ_cjs.DashboardCustomizePanel; }
 });
 Object.defineProperty(exports, "consolidateColumns", {
   enumerable: true,
-  get: function () { return chunkG3JX3UAU_cjs.consolidateColumns; }
+  get: function () { return chunkBWSZ2BHJ_cjs.consolidateColumns; }
 });
 Object.defineProperty(exports, "mergeColumnOrder", {
   enumerable: true,
-  get: function () { return chunkG3JX3UAU_cjs.mergeColumnOrder; }
+  get: function () { return chunkBWSZ2BHJ_cjs.mergeColumnOrder; }
 });
 Object.defineProperty(exports, "moveAcrossColumns", {
   enumerable: true,
-  get: function () { return chunkG3JX3UAU_cjs.moveAcrossColumns; }
+  get: function () { return chunkBWSZ2BHJ_cjs.moveAcrossColumns; }
 });
 Object.defineProperty(exports, "reorderOnDrop", {
   enumerable: true,
-  get: function () { return chunkG3JX3UAU_cjs.reorderOnDrop; }
+  get: function () { return chunkBWSZ2BHJ_cjs.reorderOnDrop; }
 });
 Object.defineProperty(exports, "requiredColumns", {
   enumerable: true,
-  get: function () { return chunkG3JX3UAU_cjs.requiredColumns; }
+  get: function () { return chunkBWSZ2BHJ_cjs.requiredColumns; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/CustomizableDashboard/index.js

@@ -1,10 +1,12 @@
-export { CustomizableDashboard, DashboardCustomizePanel, consolidateColumns, mergeColumnOrder, moveAcrossColumns, reorderOnDrop, requiredColumns } from '../../chunk-WGPLUCBD.js';
-import '../../chunk-AQ564XO7.js';
+export { CustomizableDashboard, DashboardCustomizePanel, consolidateColumns, mergeColumnOrder, moveAcrossColumns, reorderOnDrop, requiredColumns } from '../../chunk-F6W62K4J.js';
 import '../../chunk-LMBXJZLG.js';
+import '../../chunk-AQ564XO7.js';
 import '../../chunk-4SMSH4OY.js';
 import '../../chunk-T4ME7QCT.js';
 import '../../chunk-VSQF22GL.js';
-import '../../chunk-GOALNQZ2.js';
+import '../../chunk-N5JDL4VE.js';
+import '../../chunk-WFBUBT54.js';
+import '../../chunk-GVM6DTR5.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

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

@@ -1,8 +1,40 @@
 import * as React from 'react';
-import { InputProps } from '../Input/index.cjs';
-import 'react/jsx-runtime';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const inputVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    hasError?: boolean | null | undefined;
+    labelVariant?: "stacked" | "floating" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, Omit<VariantProps<typeof inputVariants>, 'labelVariant'> {
+    /** Error message to display below the input */
+    error?: string;
+    /** Helper text to display below the input */
+    helperText?: string;
+    /** Label for the input */
+    label?: string;
+    /**
+     * How the label is rendered.
+     * - `stacked` (default): label above the input.
+     * - `floating`: label rests inside the input like a placeholder and floats
+     *   to the top of the field (staying inside it) when focused or filled.
+     *   Ignores `placeholder`; when `hideLabel` is set, falls back to a
+     *   visually-hidden stacked label.
+     */
+    labelVariant?: 'stacked' | 'floating';
+    /** Whether the label should be visually hidden (still accessible) */
+    hideLabel?: boolean;
+    /** Whether the input is required */
+    required?: boolean;
+    /**
+     * Color of the required asterisk.
+     * - `default`: destructive (hard requirement).
+     * - `warning`: warning color (soft requirement / recommended).
+     */
+    requiredVariant?: RequiredMarkVariant;
+}
+type RequiredMarkVariant = 'default' | 'warning';
 
 type DateInputMode = 'default' | 'dob' | 'expiration' | 'past' | 'future';
 type DateInputType = 'date' | 'datetime-local' | 'time' | 'month' | 'year';

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

@@ -1,8 +1,40 @@
 import * as React from 'react';
-import { InputProps } from '../Input/index.js';
-import 'react/jsx-runtime';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const inputVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    hasError?: boolean | null | undefined;
+    labelVariant?: "stacked" | "floating" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, Omit<VariantProps<typeof inputVariants>, 'labelVariant'> {
+    /** Error message to display below the input */
+    error?: string;
+    /** Helper text to display below the input */
+    helperText?: string;
+    /** Label for the input */
+    label?: string;
+    /**
+     * How the label is rendered.
+     * - `stacked` (default): label above the input.
+     * - `floating`: label rests inside the input like a placeholder and floats
+     *   to the top of the field (staying inside it) when focused or filled.
+     *   Ignores `placeholder`; when `hideLabel` is set, falls back to a
+     *   visually-hidden stacked label.
+     */
+    labelVariant?: 'stacked' | 'floating';
+    /** Whether the label should be visually hidden (still accessible) */
+    hideLabel?: boolean;
+    /** Whether the input is required */
+    required?: boolean;
+    /**
+     * Color of the required asterisk.
+     * - `default`: destructive (hard requirement).
+     * - `warning`: warning color (soft requirement / recommended).
+     */
+    requiredVariant?: RequiredMarkVariant;
+}
+type RequiredMarkVariant = 'default' | 'warning';
 
 type DateInputMode = 'default' | 'dob' | 'expiration' | 'past' | 'future';
 type DateInputType = 'date' | 'datetime-local' | 'time' | 'month' | 'year';