@mieweb/ui 0.7.1 → 0.7.2

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

@@ -0,0 +1,222 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+/** Another participant currently present in the room. */
+interface CollabPeer {
+    /** Display name published through presence. */
+    name: string;
+    /** Optional presence color (cursor/avatar tint). */
+    color?: string;
+}
+/** Static identity of the open collaboration room, shown in the debug panel. */
+interface CollabRoomInfo {
+    /** Room name on the sync server (e.g. `case/4`). */
+    name: string;
+    /** Transport URL the client connected to. */
+    url?: string;
+    /** This window's client id (stable per document), or null before connect. */
+    clientId?: number | null;
+    /** The acting application user id passed to the sync server. */
+    userId?: string;
+}
+/** Category of a collaboration event in the debug log. */
+type CollabLogKind = 'doc' | 'awareness' | 'sync' | 'patch';
+/** A single entry in the collaboration debug log. */
+interface CollabLogEntry {
+    /** Stable key for rendering. */
+    id: number | string;
+    /** Wall-clock time of the event (epoch ms). */
+    at: number;
+    /** Event category. */
+    kind: CollabLogKind;
+    /** Whether this window or a peer originated it. */
+    origin?: 'local' | 'remote';
+    /** Human-readable detail line. */
+    detail: string;
+}
+/** Every user-facing string, so apps can translate the widget. */
+interface CollabStatusLabels {
+    /** Trigger text once the initial sync completed. */
+    live: string;
+    /** Trigger text before the initial sync completes. */
+    connecting: string;
+    /** Summary of who else is editing, e.g. `Ann, Bo are editing`. */
+    editing: (names: string[]) => string;
+    /** Accessible name / tooltip of the trigger button. */
+    triggerLabel: string;
+    /** Heading of the room-occupants section. */
+    peersTitle: (count: number) => string;
+    /** Shown in the occupants section when nobody else is in the room. */
+    alone: React.ReactNode;
+    /** Heading of the debug panel. */
+    logTitle: (count: number) => string;
+    /** Accessible name of the panel close button. */
+    close: string;
+    /** Accessible name of the toggle that unclips long values. */
+    wrap: string;
+    /** Shown when the log is empty. */
+    empty: React.ReactNode;
+    roomTerm: string;
+    urlTerm: string;
+    clientTerm: string;
+    userTerm: string;
+    /** Suffix appended to the client id once synced / while connecting. */
+    clientSynced: string;
+    clientConnecting: string;
+}
+declare const defaultCollabStatusLabels: CollabStatusLabels;
+interface CollabStatusProps {
+    /** True once the room has completed its initial sync with the server. */
+    connected: boolean;
+    /** Other people in the room right now. */
+    peers?: CollabPeer[];
+    /** Recent collaboration events, newest first. */
+    log?: CollabLogEntry[];
+    /** Identity of the open room, shown at the top of the panel. */
+    room?: CollabRoomInfo | null;
+    /** Set false to render a status-only chip with no debug panel. */
+    showLog?: boolean;
+    /**
+     * Render the trigger as the bare connection dot, moving the status text into
+     * its accessible name. For headers with no room for a full chip.
+     */
+    compact?: boolean;
+    /**
+     * An app-level condition worth the same glance as the connection state, e.g.
+     * `"Unsaved changes"`. While set, the dot turns amber and the text joins the
+     * trigger's accessible name and heads the panel.
+     */
+    attention?: React.ReactNode;
+    /** Overrides for any user-facing string. */
+    labels?: Partial<CollabStatusLabels>;
+    /** Additional className for the trigger wrapper. */
+    className?: string;
+}
+/**
+ * Live-collaboration status chip: a connection dot, a `Live` / `Connecting…`
+ * label, a summary of who else is editing, and a click-to-open panel with the
+ * room identity, who is in the room, and a rolling log of collaboration
+ * events. Pass `compact` to shrink the trigger down to the dot alone, and
+ * `attention` to let an app condition ("Unsaved changes") share that dot.
+ *
+ * Transport-agnostic — it renders whatever presence state you hand it. For a
+ * Yjs (`y-websocket`) room, {@link useYjsCollabStatus} produces these props
+ * directly:
+ *
+ * @example
+ * ```tsx
+ * const doc = React.useMemo(() => new Y.Doc(), []);
+ * const provider = React.useMemo(
+ *   () => new WebsocketProvider('ws://localhost:1234', 'case/4', doc),
+ *   [doc]
+ * );
+ * const status = useYjsCollabStatus({ doc, provider, user: { name: 'Ann' } });
+ *
+ * return <CollabStatus {...status} />;
+ * ```
+ */
+declare function CollabStatus({ connected, peers, log, room, showLog, compact, attention, labels: labelOverrides, className, }: CollabStatusProps): react_jsx_runtime.JSX.Element;
+
+/** The subset of `Y.Doc` this hook observes. */
+interface YjsDocLike {
+    clientID: number;
+    on(event: string, handler: (...args: any[]) => void): void;
+    off(event: string, handler: (...args: any[]) => void): void;
+}
+/** The subset of `y-protocols/awareness`.`Awareness` this hook uses. */
+interface YjsAwarenessLike {
+    clientID: number;
+    getStates(): Map<number, Record<string, any>>;
+    setLocalStateField(field: string, value: unknown): void;
+    on(event: string, handler: (...args: any[]) => void): void;
+    off(event: string, handler: (...args: any[]) => void): void;
+}
+/** The subset of `y-websocket`.`WebsocketProvider` this hook uses. */
+interface YjsProviderLike {
+    awareness: YjsAwarenessLike;
+    /** True once the initial sync completed (y-websocket exposes this). */
+    synced?: boolean;
+    /** Room name, used as the default label in the debug panel. */
+    roomname?: string;
+    /** Server URL, used as the default label in the debug panel. */
+    url?: string;
+    on(event: string, handler: (...args: any[]) => void): void;
+    off(event: string, handler: (...args: any[]) => void): void;
+}
+/** A remote collaborator's edit that just changed the open document. */
+interface CollabRemoteEdit {
+    /** Human-readable labels of the fields that changed. */
+    fields: string[];
+    /** Who made the change, when attributable from presence. */
+    by?: string;
+    /** Timestamp; a new value signals a fresh growl/toast. */
+    at: number;
+}
+interface UseYjsCollabStatusOptions {
+    /** The shared document. Pass null to keep the hook inert. */
+    doc: YjsDocLike | null | undefined;
+    /** The sync provider (e.g. `y-websocket`). Pass null to keep it inert. */
+    provider: YjsProviderLike | null | undefined;
+    /**
+     * Presence identity published for this window. Defaults to
+     * `User <clientID>` so windows are distinguishable without a login.
+     */
+    user?: {
+        name?: string;
+        color?: string;
+    };
+    /** Room label for the debug panel. Defaults to `provider.roomname`. */
+    roomName?: string;
+    /** URL label for the debug panel. Defaults to `provider.url`. */
+    url?: string;
+    /** Application user id shown in the debug panel. */
+    userId?: string;
+    /** Maximum log entries kept in memory. Default 100. */
+    logCap?: number;
+}
+interface YjsCollabStatus {
+    /** True once the initial server sync completed. */
+    connected: boolean;
+    /** Other windows currently present in the room. */
+    peers: CollabPeer[];
+    /** Recent collaboration events, newest first. */
+    log: CollabLogEntry[];
+    /** Room identity for the debug panel. */
+    room: CollabRoomInfo | null;
+    /** The most recent remote edit, or null. */
+    lastRemoteEdit: CollabRemoteEdit | null;
+    /**
+     * Announce a local edit and the fields it touched, so other windows can
+     * attribute it. Also records a `patch` log entry.
+     */
+    publishActivity: (fields: string[]) => void;
+}
+/**
+ * Bind {@link CollabStatus} to a Yjs room: tracks initial-sync state, publishes
+ * this window's presence, tracks peers joining/leaving, attributes remote edits,
+ * and keeps a capped log of document/awareness/sync events.
+ *
+ * The return value is spreadable straight into the component.
+ *
+ * @example
+ * ```tsx
+ * import * as Y from 'yjs';
+ * import { WebsocketProvider } from 'y-websocket';
+ * import { CollabStatus, useYjsCollabStatus } from '@mieweb/ui';
+ *
+ * function Header({ caseId }: { caseId: string }) {
+ *   const doc = React.useMemo(() => new Y.Doc(), []);
+ *   const provider = React.useMemo(
+ *     () => new WebsocketProvider('ws://localhost:1234', `case/${caseId}`, doc),
+ *     [doc, caseId]
+ *   );
+ *   React.useEffect(() => () => provider.destroy(), [provider]);
+ *
+ *   const status = useYjsCollabStatus({ doc, provider, user: { name: 'Ann' } });
+ *   return <CollabStatus {...status} />;
+ * }
+ * ```
+ */
+declare function useYjsCollabStatus({ doc, provider, user, roomName, url, userId, logCap, }: UseYjsCollabStatusOptions): YjsCollabStatus;
+
+export { type CollabLogEntry, type CollabLogKind, type CollabPeer, type CollabRemoteEdit, type CollabRoomInfo, CollabStatus, type CollabStatusLabels, type CollabStatusProps, type UseYjsCollabStatusOptions, type YjsAwarenessLike, type YjsCollabStatus, type YjsDocLike, type YjsProviderLike, defaultCollabStatusLabels, useYjsCollabStatus };

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

@@ -0,0 +1,222 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+/** Another participant currently present in the room. */
+interface CollabPeer {
+    /** Display name published through presence. */
+    name: string;
+    /** Optional presence color (cursor/avatar tint). */
+    color?: string;
+}
+/** Static identity of the open collaboration room, shown in the debug panel. */
+interface CollabRoomInfo {
+    /** Room name on the sync server (e.g. `case/4`). */
+    name: string;
+    /** Transport URL the client connected to. */
+    url?: string;
+    /** This window's client id (stable per document), or null before connect. */
+    clientId?: number | null;
+    /** The acting application user id passed to the sync server. */
+    userId?: string;
+}
+/** Category of a collaboration event in the debug log. */
+type CollabLogKind = 'doc' | 'awareness' | 'sync' | 'patch';
+/** A single entry in the collaboration debug log. */
+interface CollabLogEntry {
+    /** Stable key for rendering. */
+    id: number | string;
+    /** Wall-clock time of the event (epoch ms). */
+    at: number;
+    /** Event category. */
+    kind: CollabLogKind;
+    /** Whether this window or a peer originated it. */
+    origin?: 'local' | 'remote';
+    /** Human-readable detail line. */
+    detail: string;
+}
+/** Every user-facing string, so apps can translate the widget. */
+interface CollabStatusLabels {
+    /** Trigger text once the initial sync completed. */
+    live: string;
+    /** Trigger text before the initial sync completes. */
+    connecting: string;
+    /** Summary of who else is editing, e.g. `Ann, Bo are editing`. */
+    editing: (names: string[]) => string;
+    /** Accessible name / tooltip of the trigger button. */
+    triggerLabel: string;
+    /** Heading of the room-occupants section. */
+    peersTitle: (count: number) => string;
+    /** Shown in the occupants section when nobody else is in the room. */
+    alone: React.ReactNode;
+    /** Heading of the debug panel. */
+    logTitle: (count: number) => string;
+    /** Accessible name of the panel close button. */
+    close: string;
+    /** Accessible name of the toggle that unclips long values. */
+    wrap: string;
+    /** Shown when the log is empty. */
+    empty: React.ReactNode;
+    roomTerm: string;
+    urlTerm: string;
+    clientTerm: string;
+    userTerm: string;
+    /** Suffix appended to the client id once synced / while connecting. */
+    clientSynced: string;
+    clientConnecting: string;
+}
+declare const defaultCollabStatusLabels: CollabStatusLabels;
+interface CollabStatusProps {
+    /** True once the room has completed its initial sync with the server. */
+    connected: boolean;
+    /** Other people in the room right now. */
+    peers?: CollabPeer[];
+    /** Recent collaboration events, newest first. */
+    log?: CollabLogEntry[];
+    /** Identity of the open room, shown at the top of the panel. */
+    room?: CollabRoomInfo | null;
+    /** Set false to render a status-only chip with no debug panel. */
+    showLog?: boolean;
+    /**
+     * Render the trigger as the bare connection dot, moving the status text into
+     * its accessible name. For headers with no room for a full chip.
+     */
+    compact?: boolean;
+    /**
+     * An app-level condition worth the same glance as the connection state, e.g.
+     * `"Unsaved changes"`. While set, the dot turns amber and the text joins the
+     * trigger's accessible name and heads the panel.
+     */
+    attention?: React.ReactNode;
+    /** Overrides for any user-facing string. */
+    labels?: Partial<CollabStatusLabels>;
+    /** Additional className for the trigger wrapper. */
+    className?: string;
+}
+/**
+ * Live-collaboration status chip: a connection dot, a `Live` / `Connecting…`
+ * label, a summary of who else is editing, and a click-to-open panel with the
+ * room identity, who is in the room, and a rolling log of collaboration
+ * events. Pass `compact` to shrink the trigger down to the dot alone, and
+ * `attention` to let an app condition ("Unsaved changes") share that dot.
+ *
+ * Transport-agnostic — it renders whatever presence state you hand it. For a
+ * Yjs (`y-websocket`) room, {@link useYjsCollabStatus} produces these props
+ * directly:
+ *
+ * @example
+ * ```tsx
+ * const doc = React.useMemo(() => new Y.Doc(), []);
+ * const provider = React.useMemo(
+ *   () => new WebsocketProvider('ws://localhost:1234', 'case/4', doc),
+ *   [doc]
+ * );
+ * const status = useYjsCollabStatus({ doc, provider, user: { name: 'Ann' } });
+ *
+ * return <CollabStatus {...status} />;
+ * ```
+ */
+declare function CollabStatus({ connected, peers, log, room, showLog, compact, attention, labels: labelOverrides, className, }: CollabStatusProps): react_jsx_runtime.JSX.Element;
+
+/** The subset of `Y.Doc` this hook observes. */
+interface YjsDocLike {
+    clientID: number;
+    on(event: string, handler: (...args: any[]) => void): void;
+    off(event: string, handler: (...args: any[]) => void): void;
+}
+/** The subset of `y-protocols/awareness`.`Awareness` this hook uses. */
+interface YjsAwarenessLike {
+    clientID: number;
+    getStates(): Map<number, Record<string, any>>;
+    setLocalStateField(field: string, value: unknown): void;
+    on(event: string, handler: (...args: any[]) => void): void;
+    off(event: string, handler: (...args: any[]) => void): void;
+}
+/** The subset of `y-websocket`.`WebsocketProvider` this hook uses. */
+interface YjsProviderLike {
+    awareness: YjsAwarenessLike;
+    /** True once the initial sync completed (y-websocket exposes this). */
+    synced?: boolean;
+    /** Room name, used as the default label in the debug panel. */
+    roomname?: string;
+    /** Server URL, used as the default label in the debug panel. */
+    url?: string;
+    on(event: string, handler: (...args: any[]) => void): void;
+    off(event: string, handler: (...args: any[]) => void): void;
+}
+/** A remote collaborator's edit that just changed the open document. */
+interface CollabRemoteEdit {
+    /** Human-readable labels of the fields that changed. */
+    fields: string[];
+    /** Who made the change, when attributable from presence. */
+    by?: string;
+    /** Timestamp; a new value signals a fresh growl/toast. */
+    at: number;
+}
+interface UseYjsCollabStatusOptions {
+    /** The shared document. Pass null to keep the hook inert. */
+    doc: YjsDocLike | null | undefined;
+    /** The sync provider (e.g. `y-websocket`). Pass null to keep it inert. */
+    provider: YjsProviderLike | null | undefined;
+    /**
+     * Presence identity published for this window. Defaults to
+     * `User <clientID>` so windows are distinguishable without a login.
+     */
+    user?: {
+        name?: string;
+        color?: string;
+    };
+    /** Room label for the debug panel. Defaults to `provider.roomname`. */
+    roomName?: string;
+    /** URL label for the debug panel. Defaults to `provider.url`. */
+    url?: string;
+    /** Application user id shown in the debug panel. */
+    userId?: string;
+    /** Maximum log entries kept in memory. Default 100. */
+    logCap?: number;
+}
+interface YjsCollabStatus {
+    /** True once the initial server sync completed. */
+    connected: boolean;
+    /** Other windows currently present in the room. */
+    peers: CollabPeer[];
+    /** Recent collaboration events, newest first. */
+    log: CollabLogEntry[];
+    /** Room identity for the debug panel. */
+    room: CollabRoomInfo | null;
+    /** The most recent remote edit, or null. */
+    lastRemoteEdit: CollabRemoteEdit | null;
+    /**
+     * Announce a local edit and the fields it touched, so other windows can
+     * attribute it. Also records a `patch` log entry.
+     */
+    publishActivity: (fields: string[]) => void;
+}
+/**
+ * Bind {@link CollabStatus} to a Yjs room: tracks initial-sync state, publishes
+ * this window's presence, tracks peers joining/leaving, attributes remote edits,
+ * and keeps a capped log of document/awareness/sync events.
+ *
+ * The return value is spreadable straight into the component.
+ *
+ * @example
+ * ```tsx
+ * import * as Y from 'yjs';
+ * import { WebsocketProvider } from 'y-websocket';
+ * import { CollabStatus, useYjsCollabStatus } from '@mieweb/ui';
+ *
+ * function Header({ caseId }: { caseId: string }) {
+ *   const doc = React.useMemo(() => new Y.Doc(), []);
+ *   const provider = React.useMemo(
+ *     () => new WebsocketProvider('ws://localhost:1234', `case/${caseId}`, doc),
+ *     [doc, caseId]
+ *   );
+ *   React.useEffect(() => () => provider.destroy(), [provider]);
+ *
+ *   const status = useYjsCollabStatus({ doc, provider, user: { name: 'Ann' } });
+ *   return <CollabStatus {...status} />;
+ * }
+ * ```
+ */
+declare function useYjsCollabStatus({ doc, provider, user, roomName, url, userId, logCap, }: UseYjsCollabStatusOptions): YjsCollabStatus;
+
+export { type CollabLogEntry, type CollabLogKind, type CollabPeer, type CollabRemoteEdit, type CollabRoomInfo, CollabStatus, type CollabStatusLabels, type CollabStatusProps, type UseYjsCollabStatusOptions, type YjsAwarenessLike, type YjsCollabStatus, type YjsDocLike, type YjsProviderLike, defaultCollabStatusLabels, useYjsCollabStatus };

package/dist/components/CollabStatus/index.js

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

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

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

package/dist/components/Collapsible/index.cjs

@@ -1,21 +1,21 @@
 'use strict';
 
-var chunkBT3ZQJGT_cjs = require('../../chunk-BT3ZQJGT.cjs');
-require('../../chunk-OR5DRJCW.cjs');
+var chunkIUDY6S7I_cjs = require('../../chunk-IUDY6S7I.cjs');
+require('../../chunk-S5RVSXDV.cjs');
 
 
 
 Object.defineProperty(exports, "Collapsible", {
   enumerable: true,
-  get: function () { return chunkBT3ZQJGT_cjs.Collapsible; }
+  get: function () { return chunkIUDY6S7I_cjs.Collapsible; }
 });
 Object.defineProperty(exports, "CollapsibleContent", {
   enumerable: true,
-  get: function () { return chunkBT3ZQJGT_cjs.CollapsibleContent; }
+  get: function () { return chunkIUDY6S7I_cjs.CollapsibleContent; }
 });
 Object.defineProperty(exports, "CollapsibleTrigger", {
   enumerable: true,
-  get: function () { return chunkBT3ZQJGT_cjs.CollapsibleTrigger; }
+  get: function () { return chunkIUDY6S7I_cjs.CollapsibleTrigger; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Collapsible/index.js

@@ -1,4 +1,4 @@
-export { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../chunk-T3C4RNJ4.js';
-import '../../chunk-F3SOEIN2.js';
+export { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../chunk-BJKAVWED.js';
+import '../../chunk-TQONQSJO.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/CountryCodeDropdown/index.cjs

@@ -1,24 +1,24 @@
 'use strict';
 
-var chunkVPNURIAY_cjs = require('../../chunk-VPNURIAY.cjs');
+var chunkVVI32P7L_cjs = require('../../chunk-VVI32P7L.cjs');
 require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-FSGEDDF2.cjs');
-require('../../chunk-ZDEYV373.cjs');
-require('../../chunk-OR5DRJCW.cjs');
+require('../../chunk-MYFZYUPR.cjs');
+require('../../chunk-S5RVSXDV.cjs');
 
 
 
 Object.defineProperty(exports, "CountryCodeDropdown", {
   enumerable: true,
-  get: function () { return chunkVPNURIAY_cjs.CountryCodeDropdown; }
+  get: function () { return chunkVVI32P7L_cjs.CountryCodeDropdown; }
 });
 Object.defineProperty(exports, "formatE164", {
   enumerable: true,
-  get: function () { return chunkVPNURIAY_cjs.formatE164; }
+  get: function () { return chunkVVI32P7L_cjs.formatE164; }
 });
 Object.defineProperty(exports, "validatePhoneNumber", {
   enumerable: true,
-  get: function () { return chunkVPNURIAY_cjs.validatePhoneNumber; }
+  get: function () { return chunkVVI32P7L_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-MKWGKASO.js';
+export { CountryCodeDropdown, formatE164, validatePhoneNumber } from '../../chunk-BMRQ4VME.js';
 import '../../chunk-T4ME7QCT.js';
 import '../../chunk-62ZOA6PX.js';
-import '../../chunk-QA6ZDHFP.js';
-import '../../chunk-F3SOEIN2.js';
+import '../../chunk-BOOJDRJO.js';
+import '../../chunk-TQONQSJO.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/DateInput/index.cjs

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunkQUUFKGDF_cjs = require('../../chunk-QUUFKGDF.cjs');
-require('../../chunk-MSRU3XBH.cjs');
-require('../../chunk-ZDEYV373.cjs');
+var chunkOAHORW4N_cjs = require('../../chunk-OAHORW4N.cjs');
+require('../../chunk-6ECKH4DJ.cjs');
+require('../../chunk-MYFZYUPR.cjs');
 require('../../chunk-CW75IKA6.cjs');
-require('../../chunk-OR5DRJCW.cjs');
+require('../../chunk-S5RVSXDV.cjs');
 
 
 
 Object.defineProperty(exports, "DateInput", {
   enumerable: true,
-  get: function () { return chunkQUUFKGDF_cjs.DateInput; }
+  get: function () { return chunkOAHORW4N_cjs.DateInput; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

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

@@ -4,7 +4,7 @@ import 'class-variance-authority/types';
 import 'class-variance-authority';
 
 type DateInputMode = 'default' | 'dob' | 'expiration' | 'past' | 'future';
-type DateInputType = 'date' | 'datetime-local' | 'month' | 'year';
+type DateInputType = 'date' | 'datetime-local' | 'time' | 'month' | 'year';
 type DateInputWidth = 'full' | 'fit' | 'fixed';
 type DateInputTimeFormat = '12-hour' | '24-hour';
 interface DateInputProps extends Omit<InputProps, 'type' | 'onChange' | 'value'> {
@@ -14,6 +14,8 @@ interface DateInputProps extends Omit<InputProps, 'type' | 'onChange' | 'value'>
     onChange?: (value: string) => void;
     /** Date value format and picker control. */
     inputType?: DateInputType;
+    /** Minute increment for the time picker (e.g. 15 shows :00, :15, :30, :45). */
+    minuteStep?: number;
     /** Time picker display format for datetime values. */
     timeFormat?: DateInputTimeFormat;
     /** Validation mode for the date input */

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

@@ -4,7 +4,7 @@ import 'class-variance-authority/types';
 import 'class-variance-authority';
 
 type DateInputMode = 'default' | 'dob' | 'expiration' | 'past' | 'future';
-type DateInputType = 'date' | 'datetime-local' | 'month' | 'year';
+type DateInputType = 'date' | 'datetime-local' | 'time' | 'month' | 'year';
 type DateInputWidth = 'full' | 'fit' | 'fixed';
 type DateInputTimeFormat = '12-hour' | '24-hour';
 interface DateInputProps extends Omit<InputProps, 'type' | 'onChange' | 'value'> {
@@ -14,6 +14,8 @@ interface DateInputProps extends Omit<InputProps, 'type' | 'onChange' | 'value'>
     onChange?: (value: string) => void;
     /** Date value format and picker control. */
     inputType?: DateInputType;
+    /** Minute increment for the time picker (e.g. 15 shows :00, :15, :30, :45). */
+    minuteStep?: number;
     /** Time picker display format for datetime values. */
     timeFormat?: DateInputTimeFormat;
     /** Validation mode for the date input */

package/dist/components/DateInput/index.js

@@ -1,7 +1,7 @@
-export { DateInput } from '../../chunk-IHTRKWBG.js';
-import '../../chunk-PVUDXJAI.js';
-import '../../chunk-QA6ZDHFP.js';
+export { DateInput } from '../../chunk-EGWWTIWS.js';
+import '../../chunk-YXCE2HSK.js';
+import '../../chunk-BOOJDRJO.js';
 import '../../chunk-RC2YMOMS.js';
-import '../../chunk-F3SOEIN2.js';
+import '../../chunk-TQONQSJO.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Dropdown/index.cjs

@@ -1,37 +1,37 @@
 'use strict';
 
-var chunkMZPF2QGM_cjs = require('../../chunk-MZPF2QGM.cjs');
-require('../../chunk-MSRU3XBH.cjs');
+var chunkRBS3GHDZ_cjs = require('../../chunk-RBS3GHDZ.cjs');
+require('../../chunk-6ECKH4DJ.cjs');
 require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-FSGEDDF2.cjs');
-require('../../chunk-ZDEYV373.cjs');
-require('../../chunk-OR5DRJCW.cjs');
+require('../../chunk-MYFZYUPR.cjs');
+require('../../chunk-S5RVSXDV.cjs');
 
 
 
 Object.defineProperty(exports, "Dropdown", {
   enumerable: true,
-  get: function () { return chunkMZPF2QGM_cjs.Dropdown; }
+  get: function () { return chunkRBS3GHDZ_cjs.Dropdown; }
 });
 Object.defineProperty(exports, "DropdownContent", {
   enumerable: true,
-  get: function () { return chunkMZPF2QGM_cjs.DropdownContent; }
+  get: function () { return chunkRBS3GHDZ_cjs.DropdownContent; }
 });
 Object.defineProperty(exports, "DropdownHeader", {
   enumerable: true,
-  get: function () { return chunkMZPF2QGM_cjs.DropdownHeader; }
+  get: function () { return chunkRBS3GHDZ_cjs.DropdownHeader; }
 });
 Object.defineProperty(exports, "DropdownItem", {
   enumerable: true,
-  get: function () { return chunkMZPF2QGM_cjs.DropdownItem; }
+  get: function () { return chunkRBS3GHDZ_cjs.DropdownItem; }
 });
 Object.defineProperty(exports, "DropdownLabel", {
   enumerable: true,
-  get: function () { return chunkMZPF2QGM_cjs.DropdownLabel; }
+  get: function () { return chunkRBS3GHDZ_cjs.DropdownLabel; }
 });
 Object.defineProperty(exports, "DropdownSeparator", {
   enumerable: true,
-  get: function () { return chunkMZPF2QGM_cjs.DropdownSeparator; }
+  get: function () { return chunkRBS3GHDZ_cjs.DropdownSeparator; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

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

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { A as AnchoredPlacement } from '../../useAnchoredPosition-nXdSFKHf.cjs';
+import { A as AnchoredPlacement } from '../../useAnchoredPosition-C7PNglzD.cjs';
 
 type DropdownPlacement = AnchoredPlacement;
 interface DropdownProps {