@wow-two-beta/ui-vue 0.0.4 → 0.0.5

package/dist/presentation/display/index.js

@@ -1,5 +1,5 @@
-import { _, a, b, c, A, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, B, t, u, v, w, x, y, z, C, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, aK, aL, aM, aN, aO, aP, aQ, aR, aS, aT, aU, aV, aW, aX, aY, aZ, a_, a$, b0, b1, b2, b3, b4, b5, b6, b7, b8, b9, ba, bb, bc, bd, be, bf, bg, bh, bi, bj, bk, bl, bm, bn, bo, bp, bq, br, bs, bt, bu, bv, bw, bx, by, bz, bA, bB, bC, bD, bE, bF, bG, bH, bI, bJ, bK, bL, bM, bN, bO, bP, bQ, bR, bS, bT, bU, bV, bW, bX, bY, bZ, b_, b$, c0 } from "../../chunks/SortableHandle.vue_vue_type_script_setup_true_lang-CWCXGjZG.js";
-import { _ as _2, a as a10, T as T2, t as t2 } from "../../chunks/DateExtensions-QahSUlRy.js";
+import { _, a, b, c, A, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, B, t, u, v, w, x, y, z, C, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, aK, aL, aM, aN, aO, aP, aQ, aR, aS, aT, aU, aV, aW, aX, aY, aZ, a_, a$, b0, b1, b2, b3, b4, b5, b6, b7, b8, b9, ba, bb, bc, bd, be, bf, bg, bh, bi, bj, bk, bl, bm, bn, bo, bp, bq, br, bs, bt, bu, bv, bw, bx, by, bz, bA, bB, bC, bD, bE, bF, bG, bH, bI, bJ, bK, bL, bM, bN, bO, bP, bQ, bR, bS, bT, bU, bV, bW, bX, bY, bZ, b_, b$, c0, c1, c2 } from "../../chunks/SortableHandle.vue_vue_type_script_setup_true_lang-8WPwGZ5e.js";
+import { _ as _2, a as a10, T as T2, t as t2 } from "../../chunks/DateExtensions-C6a-h8ji.js";
 export {
   _ as Accordion,
   a as AccordionContent,
@@ -91,102 +91,104 @@ export {
   aw as KeyboardShortcut,
   ax as List,
   ay as ListItem,
-  az as ListMarker,
-  aA as ListSpacing,
-  aB as Mark,
-  aC as Marquee,
-  aD as MarqueeDirection,
-  aE as MessageList,
-  aF as MetaInline,
-  aG as MetricChip,
-  aH as MetricChipSize,
-  aI as MetricChipTone,
-  aJ as NodeEditor,
-  aK as NotificationDot,
-  aL as NotificationDotSize,
-  aM as NotificationDotTone,
-  aN as PDFViewer,
-  aO as PricingCard,
-  aP as Quote,
-  aQ as RadiusGlyph,
-  aR as ReactionBar,
-  aS as ScheduleView,
-  aT as ScrollReveal,
-  aU as ScrollRevealEffect,
-  aV as SectionHeader,
-  aW as SectionHeaderSize,
-  aX as Separator,
-  aY as Snippet,
-  aZ as SnippetVariant,
-  a_ as SortDirection,
-  a$ as Sortable,
-  b0 as SortableHandle,
-  b1 as SortableItem,
-  b2 as Sparkline,
-  b3 as SparklineTone,
-  b4 as SparklineVariant,
-  b5 as Stat,
-  b6 as StatSize,
-  b7 as Status,
-  b8 as StatusSize,
-  b9 as StepCard,
-  ba as SwipeActions,
-  bb as Table,
-  bc as TableBody,
-  bd as TableCaption,
-  be as TableCell,
-  bf as TableDensity,
-  bg as TableFooter,
-  bh as TableHead,
-  bi as TableHeadVariant,
-  bj as TableHeaderCell,
-  bk as TableRadius,
-  bl as TableRow,
-  bm as Tabs,
-  bn as TabsActivationMode,
-  bo as TabsList,
-  bp as TabsPanel,
-  bq as TabsTab,
+  az as ListKey,
+  aA as ListMarker,
+  aB as ListSpacing,
+  aC as Mark,
+  aD as Marquee,
+  aE as MarqueeDirection,
+  aF as MessageList,
+  aG as MetaInline,
+  aH as MetricChip,
+  aI as MetricChipSize,
+  aJ as MetricChipTone,
+  aK as NodeEditor,
+  aL as NotificationDot,
+  aM as NotificationDotSize,
+  aN as NotificationDotTone,
+  aO as PDFViewer,
+  aP as PricingCard,
+  aQ as Quote,
+  aR as RadiusGlyph,
+  aS as ReactionBar,
+  aT as ScheduleView,
+  aU as ScrollReveal,
+  aV as ScrollRevealEffect,
+  aW as SectionHeader,
+  aX as SectionHeaderSize,
+  aY as Separator,
+  aZ as Snippet,
+  a_ as SnippetVariant,
+  a$ as SortDirection,
+  b0 as Sortable,
+  b1 as SortableHandle,
+  b2 as SortableItem,
+  b3 as Sparkline,
+  b4 as SparklineTone,
+  b5 as SparklineVariant,
+  b6 as Stat,
+  b7 as StatSize,
+  b8 as Status,
+  b9 as StatusSize,
+  ba as StepCard,
+  bb as SwipeActions,
+  bc as Table,
+  bd as TableBody,
+  be as TableCaption,
+  bf as TableCell,
+  bg as TableDensity,
+  bh as TableFooter,
+  bi as TableHead,
+  bj as TableHeadVariant,
+  bk as TableHeaderCell,
+  bl as TableRadius,
+  bm as TableRow,
+  bn as Tabs,
+  bo as TabsActivationMode,
+  bp as TabsList,
+  bq as TabsPanel,
+  br as TabsTab,
   a10 as Tag,
   T2 as TagVariant,
-  br as Text,
-  bs as TextAlign,
-  bt as TextColor,
-  bu as TextWeight,
-  bv as ThreadView,
-  bw as Tilt,
-  bx as Timeline,
-  by as TimelineAlign,
-  bz as TimelineDescription,
-  bA as TimelineItem,
-  bB as TimelineKey,
-  bC as TimelineStatus,
-  bD as TimelineTitle,
-  bE as Tooltip,
-  bF as Tree,
-  bG as TreeGroup,
-  bH as TreeItem,
-  bI as Typewriter,
-  bJ as VerticalBarsGlyph,
-  bK as VideoPlayer,
-  bL as VideoTrackKind,
-  bM as avatarVariants,
-  bN as badgeVariants,
-  bO as codeVariants,
-  bP as headingVariants,
-  bQ as listVariants,
+  bs as Text,
+  bt as TextAlign,
+  bu as TextColor,
+  bv as TextWeight,
+  bw as ThreadView,
+  bx as Tilt,
+  by as Timeline,
+  bz as TimelineAlign,
+  bA as TimelineDescription,
+  bB as TimelineItem,
+  bC as TimelineKey,
+  bD as TimelineStatus,
+  bE as TimelineTitle,
+  bF as Tooltip,
+  bG as Tree,
+  bH as TreeGroup,
+  bI as TreeItem,
+  bJ as Typewriter,
+  bK as VerticalBarsGlyph,
+  bL as VideoPlayer,
+  bM as VideoTrackKind,
+  bN as avatarVariants,
+  bO as badgeVariants,
+  bP as codeVariants,
+  bQ as headingVariants,
+  bR as listVariants,
   t2 as tagVariants,
-  bR as textVariants,
-  bS as useAccordionContext,
-  bT as useAccordionItemContext,
-  bU as useCarouselContext,
-  bV as useCollapsibleContext,
-  bW as useSortableItem,
-  bX as useSortableRoot,
-  bY as useTableContext,
-  bZ as useTabsContext,
-  b_ as useTimelineContext,
-  b$ as useTreeContext,
-  c0 as useTreeLevel
+  bS as textVariants,
+  bT as useAccordionContext,
+  bU as useAccordionItemContext,
+  bV as useCarouselContext,
+  bW as useCollapsibleContext,
+  bX as useListContext,
+  bY as useSortableItem,
+  bZ as useSortableRoot,
+  b_ as useTableContext,
+  b$ as useTabsContext,
+  c0 as useTimelineContext,
+  c1 as useTreeContext,
+  c2 as useTreeLevel
 };
 //# sourceMappingURL=index.js.map

package/dist/presentation/display/list/ListContext.d.ts

@@ -0,0 +1,16 @@
+import { InjectionKey } from 'vue';
+import { ListMarker } from './List.variants';
+/** The marker preset a `List` root shares with its items. */
+export interface ListContextValue {
+    /** The root's `marker` prop. Live getter — read it, don't destructure it. */
+    readonly marker: ListMarker;
+}
+export declare const ListKey: InjectionKey<ListContextValue>;
+/**
+ * Reads the surrounding `List`.
+ *
+ * Unlike the other compound families in this group this does **not** throw: a bare
+ * `<li>` is documented as a valid child, so `ListItem` has to stand alone. Outside a
+ * `List` the marker reads as `none`, which is the root's own default.
+ */
+export declare function useListContext(): ListContextValue;

package/dist/presentation/display/list/ListItem.vue.d.ts

@@ -1,6 +1,12 @@
 import { DefineComponent, ShallowRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 export interface ListItemProps {
-    /** The auto-check-marker mode — renders a check marker if the parent List uses `marker="check"`. */
+    /**
+     * The check-marker override.
+     *
+     * Omitted, it follows the parent `List`'s `marker` — a check appears under
+     * `marker="check"` and nowhere else. Set it explicitly to force the marker on or
+     * off for one row.
+     */
     hasCheckMarker?: boolean;
 }
 declare const _default: __VLS_WithSlots< DefineComponent<ListItemProps, {

package/dist/presentation/display/list/index.d.ts

@@ -1,3 +1,4 @@
 export { default as List, type ListProps } from './List.vue';
 export { default as ListItem, type ListItemProps } from './ListItem.vue';
 export { listVariants, ListMarker, ListSpacing, type ListVariants } from './List.variants';
+export { ListKey, useListContext, type ListContextValue } from './ListContext';

package/dist/presentation/display/metricChip/MetricChip.vue.d.ts

@@ -28,7 +28,7 @@ export interface MetricChipProps {
     label: string | number;
     /** The value rendered after the label, tabular-nums. Rich content goes through the `value` slot. */
     value: string | number;
-    /** The tone tinting for the icon. Default `neutral`. */
+    /** The tone tinting the icon and the value. Default `neutral`. */
     tone?: MetricChipTone;
     /** The visual size — drives gap + text-size token. Default `sm`. */
     size?: MetricChipSize;

package/dist/presentation/display/moduleGlyphs/CellsGlyph.vue.d.ts

@@ -9,5 +9,6 @@ declare const _default: DefineComponent<CellsGlyphProps, {
     el: Readonly< ShallowRef<SVGSVGElement | null>>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CellsGlyphProps> & Readonly<{}>, {
     readonly size: number;
+    readonly cornerRx: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/presentation/display/radiusGlyph/RadiusGlyph.vue.d.ts

@@ -18,6 +18,7 @@ declare const _default: DefineComponent<RadiusGlyphProps, {
     readonly size: number;
     readonly color: string;
     readonly strokeWidth: number;
+    readonly extent: number;
     readonly trackOpacity: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/presentation/display/reactionBar/ReactionBar.vue.d.ts

@@ -30,6 +30,7 @@ declare const _default: __VLS_WithSlots< DefineComponent<ReactionBarProps, {
     onReact?: ((key: string) => any) | undefined;
 }>, {
     isCompact: boolean;
+    reactions: ReadonlyArray<Reaction>;
     hasAddButton: boolean;
     hasEmpty: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {

package/dist/presentation/feedback/index.js

@@ -1,4 +1,4 @@
-import { _, a, b, c, d, e, f, g, h, i, j, k, l, m, n, P, o, p, q, r, s, t, S, u, v, w, x, y, z, A, T, B, C, D, E, F, G, H, I, J, K } from "../../chunks/NotificationItem.vue_vue_type_script_setup_true_lang-KC5Iusce.js";
+import { _, a, b, c, d, e, f, g, h, i, j, k, l, m, n, P, o, p, q, r, s, t, S, u, v, w, x, y, z, A, T, B, C, D, E, F, G, H, I, J, K } from "../../chunks/NotificationItem.vue_vue_type_script_setup_true_lang-DySfo3fD.js";
 import { _ as _2, S as S2, s as s2 } from "../../chunks/Spinner.vue_vue_type_script_setup_true_lang-C4lNiUOm.js";
 export {
   _ as Alert,

package/dist/presentation/feedback/tour/Tour.vue.d.ts

@@ -39,6 +39,7 @@ declare const _default: DefineComponent<TourProps, {}, {}, {}, {}, ComponentOpti
 }>, {
     padding: number;
     isOpen: boolean;
+    steps: ReadonlyArray<TourStep>;
     defaultOpen: boolean;
     defaultCurrentStep: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

package/dist/presentation/forms/TimeColumns.vue.d.ts

@@ -0,0 +1,22 @@
+import { Temporal } from 'temporal-polyfill';
+import { DefineComponent, ShallowRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export interface TimeColumnsProps {
+    /** The selected time. `null` renders both columns with nothing selected. */
+    value: Temporal.PlainTime | null;
+    /** The minute interval between rows. Default 5. */
+    minuteStep?: number;
+    /**
+     * Emits the time rebuilt from the column the user picked.
+     *
+     * Kept a PROP rather than an emit, like every `MonthGrid` callback: this component is
+     * folder-internal, so the prop shape never reaches a consumer, and each callback is
+     * invoked as a plain function.
+     */
+    onTimeChange: (time: Temporal.PlainTime) => void;
+}
+declare const _default: DefineComponent<TimeColumnsProps, {
+    el: Readonly< ShallowRef<HTMLDivElement | null>>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TimeColumnsProps> & Readonly<{}>, {
+    minuteStep: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/presentation/forms/dateField/DateField.vue.d.ts

@@ -20,6 +20,16 @@ export interface DateFieldProps {
     min?: Temporal.PlainDate | null;
     /** The latest selectable date. */
     max?: Temporal.PlainDate | null;
+    /**
+     * Renders a bare `<input type="date">` and drops the popover.
+     *
+     * Opt-in only. The browser owns that control's picker panel — it cannot be themed, so it
+     * lands a system-chrome popup in the middle of a design-system form. Reach for it when the
+     * platform picker is the point (a mobile-first form wanting the OS wheels, for instance).
+     */
+    native?: boolean;
+    /** The empty-state text. Ignored when `native` — that control renders its own mask. */
+    placeholder?: string;
     /** The control's id. Auto-filled from `FormControl` context when omitted. */
     id?: string;
     /** The disabled state. Falls back to the surrounding form control's `isDisabled`. */
@@ -38,5 +48,7 @@ declare const _default: DefineComponent<DateFieldProps, {
 }>, {
     disabled: boolean;
     required: boolean;
+    placeholder: string;
+    native: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/presentation/forms/dateTimeField/DateTimeField.vue.d.ts

@@ -20,6 +20,20 @@ export interface DateTimeFieldProps {
     min?: Temporal.PlainDateTime | null;
     /** The latest selectable wall-clock instant. */
     max?: Temporal.PlainDateTime | null;
+    /**
+     * Renders a bare `<input type="datetime-local">` and drops the popover.
+     *
+     * Opt-in only. The browser owns that control's picker panel — it cannot be themed, so it
+     * lands a system-chrome popup in the middle of a design-system form. Reach for it when the
+     * platform picker is the point (a mobile-first form wanting the OS wheels, for instance).
+     */
+    native?: boolean;
+    /** The minute interval offered in the popover. Default 5. Ignored when `native`. */
+    minuteStep?: number;
+    /** The empty-state text. Ignored when `native` — that control renders its own mask. */
+    placeholder?: string;
+    /** The hidden input name; when set, a hidden input ships the ISO value with form submission. */
+    name?: string;
     /** The control's id. Auto-filled from `FormControl` context when omitted. */
     id?: string;
     /** The disabled state. Falls back to the surrounding form control's `isDisabled`. */
@@ -38,5 +52,8 @@ declare const _default: DefineComponent<DateTimeFieldProps, {
 }>, {
     disabled: boolean;
     required: boolean;
+    placeholder: string;
+    native: boolean;
+    minuteStep: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/presentation/forms/index.js

@@ -1,5 +1,5 @@
-import { A, _, B, a, C, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, a4 as a42, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, aK, aL, aM, aN, aO, aP, aQ, aR, aS, aT, aU, aV, aW, aX, aY, aZ, a_, a$, b0, b1, b2, b3, b4, b5, b6, b7, b8, b9, ba, bb, bc, bd, be, bf, bg, bh, bi, bj, bk, bl, bm, bn, bo, bp, bq, br, bs, bt, bu, bv, bw, bx, by, bz, bA, bB } from "../../chunks/ChatComposer.vue_vue_type_script_setup_true_lang-lNcRhKIv.js";
-import { b as b10 } from "../../chunks/OptionTileGroup.vue_vue_type_script_setup_true_lang-BGSmXM_u.js";
+import { A, _, B, a, C, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, a4 as a42, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, aK, aL, aM, aN, aO, aP, aQ, aR, aS, aT, aU, aV, aW, aX, aY, aZ, a_, a$, b0, b1, b2, b3, b4, b5, b6, b7, b8, b9, ba, bb, bc, bd, be, bf, bg, bh, bi, bj, bk, bl, bm, bn, bo, bp, bq, br, bs, bt, bu, bv, bw, bx, by, bz, bA, bB } from "../../chunks/ChatComposer.vue_vue_type_script_setup_true_lang-DfeVsj9h.js";
+import { b as b10 } from "../../chunks/OptionTileGroup.vue_vue_type_script_setup_true_lang-CKSVGCby.js";
 import { L as L2 } from "../../chunks/Listbox.variants-CqAkYsmK.js";
 export {
   A as ADDRESS_COUNTRIES,

package/dist/presentation/forms/multiSelect/MultiSelect.vue.d.ts

@@ -21,6 +21,14 @@ export interface MultiSelectProps {
     isOpen?: boolean;
     /** The floating placement of the dropdown. */
     placement?: Placement;
+    /**
+     * Resolves a chip label for a value whose row has not mounted yet — `null` when unknown.
+     *
+     * `MultiSelectItem` registers its label only while the panel is open, so a preselected
+     * value renders as its raw key until the first open. Supply this (or open the panel) to
+     * label a closed trigger. The mirror of `Select`'s prop of the same name.
+     */
+    getOptionLabel?: (value: string) => string | number | null;
 }
 declare const _default: __VLS_WithSlots< DefineComponent<MultiSelectProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "value-change": (values: readonly string[]) => any;

package/dist/presentation/forms/multiSelect/MultiSelectContext.d.ts

@@ -24,6 +24,15 @@ export interface MultiSelectContextValue {
     readonly labels: Record<string, string | number>;
     registerLabel: (value: string, label: string | number) => void;
     unregisterLabel: (value: string) => void;
+    /**
+     * Resolves a chip label for a value the registry has never seen — `null` when it cannot.
+     *
+     * Rows only register while the panel is mounted, so a preselected value has no registered
+     * label until the dropdown has been opened once and the trigger shows the raw key. Same
+     * gap `Select` closes with `getOptionLabel`; this is that escape hatch, and the registry
+     * still wins where it has an entry.
+     */
+    getOptionLabel: (value: string) => string | number | null;
     readonly isDisabled: boolean;
     readonly name?: string;
     readonly isInvalid?: boolean;

package/dist/presentation/forms/multiSelect/MultiSelectTags.vue.d.ts

@@ -2,6 +2,16 @@ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOp
 export interface MultiSelectTagsProps {
     /** The content shown when no values are selected. Fill the `placeholder` slot for richer content. */
     placeholder?: string | number;
+    /**
+     * The number of chips rendered before the rest collapse into a `+N` block. Omit to render
+     * every selection (the React original's only behaviour).
+     *
+     * A declarative budget rather than a measured fit: the trigger wraps by default, so a
+     * measured overflow would never trigger, and measuring would put the chip strip behind a
+     * `ResizeObserver` frame — invisible until the browser paints. Capping is deterministic,
+     * renders identically on the server, and is the axis a caller actually wants to control.
+     */
+    maxVisible?: number;
 }
 declare const _default: __VLS_WithSlots< DefineComponent<MultiSelectTagsProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<MultiSelectTagsProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     placeholder?(): unknown;

package/dist/presentation/forms/multiSelect/MultiSelectTrigger.vue.d.ts

@@ -6,6 +6,11 @@ export interface MultiSelectTriggerProps {
     size?: SelectSize;
     /** The validity surface. */
     state?: InputState;
+    /**
+     * The chip budget handed to the default `<MultiSelectTags />` — past it the rest collapse
+     * into a `+N` block. Ignored when the trigger's default slot is filled.
+     */
+    maxVisibleTags?: number;
 }
 declare const _default: __VLS_WithSlots< DefineComponent<MultiSelectTriggerProps, {
     el: Readonly< ShallowRef<HTMLButtonElement | null>>;

package/dist/presentation/forms/timeField/TimeField.vue.d.ts

@@ -1,4 +1,4 @@
-import { Temporal } from 'temporal-polyfill';
+import { Temporal as TemporalValue, Temporal } from 'temporal-polyfill';
 import { InputSize, InputState, InputBorder, InputRing } from '../InputStyles';
 import { DefineComponent, ShallowRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 export interface TimeFieldProps {
@@ -16,6 +16,18 @@ export interface TimeFieldProps {
     value?: Temporal.PlainTime | null;
     /** The initial value when uncontrolled. */
     defaultValue?: Temporal.PlainTime | null;
+    /**
+     * Renders a bare `<input type="time">` and drops the popover.
+     *
+     * Opt-in only. The browser owns that control's picker panel — it cannot be themed, so it
+     * lands a system-chrome popup in the middle of a design-system form. Reach for it when the
+     * platform picker is the point (a mobile-first form wanting the OS wheel, for instance).
+     */
+    native?: boolean;
+    /** The minute interval offered in the popover. Default 5. Ignored when `native`. */
+    minuteStep?: number;
+    /** The empty-state text. Ignored when `native` — that control renders its own mask. */
+    placeholder?: string;
     /** The control's id. Auto-filled from `FormControl` context when omitted. */
     id?: string;
     /** The disabled state. Falls back to the surrounding form control's `isDisabled`. */
@@ -26,13 +38,16 @@ export interface TimeFieldProps {
 declare const _default: DefineComponent<TimeFieldProps, {
     el: Readonly< ShallowRef<HTMLInputElement | null>>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    "value-change": (value: Temporal.PlainTime | null) => any;
-    "update:modelValue": (value: Temporal.PlainTime | null) => any;
+    "value-change": (value: TemporalValue.PlainTime | null) => any;
+    "update:modelValue": (value: TemporalValue.PlainTime | null) => any;
 }, string, PublicProps, Readonly<TimeFieldProps> & Readonly<{
-    "onValue-change"?: ((value: Temporal.PlainTime | null) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: Temporal.PlainTime | null) => any) | undefined;
+    "onValue-change"?: ((value: TemporalValue.PlainTime | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: TemporalValue.PlainTime | null) => any) | undefined;
 }>, {
     disabled: boolean;
     required: boolean;
+    placeholder: string;
+    native: boolean;
+    minuteStep: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/presentation/forms/timePicker/TimePicker.vue.d.ts

@@ -1,4 +1,4 @@
-import { Temporal as TemporalValue, Temporal } from 'temporal-polyfill';
+import { Temporal } from 'temporal-polyfill';
 import { SelectSize } from '../select';
 import { InputState } from '../InputStyles';
 import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
@@ -35,11 +35,11 @@ export interface TimePickerProps {
 declare const _default: DefineComponent<TimePickerProps, {
     el: ComputedRef<HTMLElement | null>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    "value-change": (time: TemporalValue.PlainTime | null) => any;
-    "update:modelValue": (time: TemporalValue.PlainTime | null) => any;
+    "value-change": (time: Temporal.PlainTime | null) => any;
+    "update:modelValue": (time: Temporal.PlainTime | null) => any;
 }, string, PublicProps, Readonly<TimePickerProps> & Readonly<{
-    "onValue-change"?: ((time: TemporalValue.PlainTime | null) => any) | undefined;
-    "onUpdate:modelValue"?: ((time: TemporalValue.PlainTime | null) => any) | undefined;
+    "onValue-change"?: ((time: Temporal.PlainTime | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((time: Temporal.PlainTime | null) => any) | undefined;
 }>, {
     disabled: boolean;
     format: (time: Temporal.PlainTime) => string;

package/dist/presentation/layout/index.js

@@ -1,4 +1,4 @@
-import { _, a, b, c, d, e, f, g, h, B, i, j, k, C, l, m, n, F, o, G, p, q, N, r, O, s, t, u, v, w, x, y, S, z, A, D, E, H, I, J, K, L, M, P, Q, R, T, U } from "../../chunks/Navbar.vue_vue_type_script_setup_true_lang-Cl2ejukE.js";
+import { _, a, b, c, d, e, f, g, h, B, i, j, k, C, l, m, n, F, o, G, p, q, N, r, O, s, t, u, v, w, x, y, S, z, A, D, E, H, I, J, K, L, M, P, Q, R, T, U } from "../../chunks/Navbar.vue_vue_type_script_setup_true_lang-Cy0zvm5d.js";
 import { _ as _2, a as a2, S as S2, b as b2, c as c2, d as d2, e as e2, s as s2 } from "../../chunks/ControlGroup.vue_vue_type_script_setup_true_lang-CV8Xstes.js";
 import { _ as _3, I as I2 } from "../../chunks/Inline.vue_vue_type_script_setup_true_lang-BvWbQpJD.js";
 export {

package/dist/presentation/nav/index.js

@@ -1,4 +1,4 @@
-import { _, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, M, r, s, t, u, v, w, x, y, z, A, B, C, D, E, F, G, H, I, J, K, L, N, O, P, Q, R, S, T, U, V, W, X, Y, Z, $, a0, a1 } from "../../chunks/TableOfContents.vue_vue_type_script_setup_true_lang-HVL4lg_f.js";
+import { _, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, M, r, s, t, u, v, w, x, y, z, A, B, C, D, E, F, G, H, I, J, K, L, N, O, P, Q, R, S, T, U, V, W, X, Y, Z, $, a0, a1 } from "../../chunks/TableOfContents.vue_vue_type_script_setup_true_lang-C9eM0AoG.js";
 import { _ as _2 } from "../../chunks/NavItem.vue_vue_type_script_setup_true_lang-CGBo2TiV.js";
 export {
   _ as Breadcrumb,

package/dist/presentation/overlays/index.js

@@ -1,8 +1,8 @@
-import { _, a, b, c, d, e, f, c as c2, d as d2, e as e2, f as f2, g, h, i, j, k, h as h2, l, m, i as i2, n, j as j2, k as k2, h as h3, l as l2, m as m2, i as i3, o, p, q, r, s, j as j3, k as k3, h as h4, l as l3, m as m3, i as i4, n as n2, t, u } from "../../chunks/BottomSheet.vue_vue_type_script_setup_true_lang-CmNoI4BE.js";
-import { _ as _2, B } from "../../chunks/Backdrop.vue_vue_type_script_setup_true_lang-DZUhGY9p.js";
-import { _ as _3, a as a2, _ as _4, a as a3, M } from "../../chunks/ModalContent.vue_vue_type_script_setup_true_lang-CLACSqKg.js";
-import { _ as _5, a as a4, D } from "../../chunks/DrawerContent.vue_vue_type_script_setup_true_lang-DvvrJdF0.js";
-import { _ as _6, a as a5, b as b2 } from "../../chunks/PopoverContent.vue_vue_type_script_setup_true_lang-D-OiGICS.js";
+import { _, a, b, c, d, e, f, c as c2, d as d2, e as e2, f as f2, g, h, i, j, k, h as h2, l, m, i as i2, n, j as j2, k as k2, h as h3, l as l2, m as m2, i as i3, o, p, q, r, s, j as j3, k as k3, h as h4, l as l3, m as m3, i as i4, n as n2, t, u } from "../../chunks/BottomSheet.vue_vue_type_script_setup_true_lang-CmNaGird.js";
+import { _ as _2, B } from "../../chunks/Backdrop.vue_vue_type_script_setup_true_lang-CKG--_g8.js";
+import { _ as _3, a as a2, _ as _4, a as a3, M } from "../../chunks/ModalContent.vue_vue_type_script_setup_true_lang-Co5jaeXk.js";
+import { _ as _5, a as a4, D } from "../../chunks/DrawerContent.vue_vue_type_script_setup_true_lang-4n5w3lg2.js";
+import { _ as _6, a as a5, b as b2 } from "../../chunks/PopoverContent.vue_vue_type_script_setup_true_lang-DYd617X5.js";
 export {
   _ as ActionSheet,
   a as ActionSheetAction,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wow-two-beta/ui-vue",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Beta-forever Vue 3 UI library for the wow-two ecosystem — the Vue port of @wow-two-beta/ui.",
   "license": "MIT",
   "repository": {
@@ -360,7 +360,8 @@
     "test:browser": "vitest run --project browser",
     "coverage": "vitest run --coverage",
     "prepublishOnly": "pnpm typecheck && pnpm build",
-    "check:sfc": "node scripts/check-sfc.mjs"
+    "check:sfc": "node scripts/check-sfc.mjs",
+    "playground": "pnpm --filter playground dev"
   },
   "peerDependencies": {
     "@tanstack/vue-form": "^1.0.0",