@justanarthur/modo-ui 0.6.0-canary.8 → 0.6.0

package/dist/components/inputs/combobox/index.d.ts

@@ -1,13 +1,11 @@
-import { ComboboxRootChangeEventDetails } from "@base-ui/react/combobox";
-import { HTMLAttributes, InputHTMLAttributes, ReactNode as ReactNode3, RefObject as RefObject2 } from "react";
+import { HTMLAttributes, InputHTMLAttributes, ReactNode as ReactNode2, RefObject as RefObject2 } from "react";
 type SizeVariant = "default" | "compact";
 import { ClassProp as ClassProp_wz9o0r } from "class-variance-authority/types";
 /**
 * The ringed box of a text field. It steps from rest to a muted fill when lit
 * (hovered, or `data-active` from a group's fluid hover) to the card fill
 * when focused. `data-invalid` keeps a destructive ring in every state and
-* tints the lit fill; `data-disabled` frames and dims it; `data-readonly`
-* shows the ring when lit or focused but never lifts the fill. Put it on the
+* tints the lit fill; `data-disabled` frames and dims it. Put it on the
 * element around the control and stamp the data attributes; Base UI parts
 * stamp `data-invalid` / `data-disabled` themselves.
 */
@@ -23,43 +21,20 @@ interface IconComponentProps {
 	className?: string;
 }
 type IconComponent = ComponentType<IconComponentProps>;
-import { JSX as JSX_1kxb3 } from "react";
+import { JSX as JSX_1kxb2 } from "react";
 import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
 import { RefAttributes as RefAttributes_miuf56 } from "react";
 /** An object item: `value` and `label`, plus whatever the rows need. */
 interface ComboboxItemObject {
 	value: string;
-	/** What the row and the chip show: text, or any node with a `textValue`. */
-	label: ReactNode3;
-	/** The item as text: what the query filters and the field shows. Defaults to `label` when it is a string, else `value`. */
-	textValue?: string;
+	label: string;
 	[key: string]: unknown;
 }
 type ComboboxItemData = string | ComboboxItemObject;
-/** Every fixed word the field's buttons announce, for translating it. */
-interface ComboboxLabels {
-	/** Names the chevron button. Defaults to `"Open"`. */
-	open?: string;
-	/** Names the clear ✕ of a `clearable` field. Defaults to `"Clear"`. */
-	clear?: string;
-	/** Names a chip's remove ✕ from the chip's text: `(label) => …`. Defaults to ``(label) => `Remove ${label}` ``. */
-	remove?: (label: string) => string;
-	/** The fields' placeholder while nothing is typed or selected, unless a field sets its own. Defaults to `"Search…"`. */
-	placeholder?: string;
-}
-/** What `Combobox.Content`'s footer gets when it is a function. */
-interface ComboboxFooterContext {
-	/** Closes the popup. */
-	close: () => void;
-	/** The trimmed query. */
-	query: string;
-}
-/** A node, or a function of the popup's state, rendered under the list. */
-type ComboboxFooter = ReactNode3 | ((context: ComboboxFooterContext) => ReactNode3);
 type ComboboxValue<Multiple extends boolean> = Multiple extends true ? string[] : string;
 interface ComboboxProps {
 	/** `Combobox.Input` or `Combobox.Chips`, plus `Combobox.Content`. */
-	children: ReactNode3;
+	children: ReactNode2;
 	/** The options. A string is its own value and label; an object carries `value`, `label`, and whatever your rows need. */
 	items: readonly ComboboxItemData[];
 	/** Any number of picks. Values become `string[]`; use `Combobox.Chips` for the field. Defaults to `false`. */
@@ -70,30 +45,12 @@ interface ComboboxProps {
 	defaultValue?: string | string[];
 	/** Called with the pick, `""` when cleared, or the array when `multiple`. */
 	onValueChange?: ((value: string) => void) | ((value: string[]) => void);
-	/** Match an item against the query, or `null` to show every item as given (filtered elsewhere, e.g. on a server). Defaults to a case-insensitive "contains" on the item's text. */
-	filter?: ((item: ComboboxItemData, query: string) => boolean) | null;
-	/** Controlled query, the field's text. Pair it with `onInputValueChange`. */
-	inputValue?: string;
-	/** Initial query, for an uncontrolled field. Defaults to the picked item's text in single mode, else `""`. */
-	defaultInputValue?: string;
-	/** Called with the field's text on every keystroke, and when a pick or a close rewrites it. The second argument is Base UI's change details: `reason` tells typing (`"input-change"`) from a pick, a clear or a close rewriting the text (`"item-press"`, `"clear-press"`, `"none"`, …). */
-	onInputValueChange?: (inputValue: string, details: ComboboxRootChangeEventDetails) => void;
-	/** Items are loading: the chevron turns into a spinner, a status row sits under the list and the empty message waits. Defaults to `false`. */
-	loading?: boolean;
-	/** The loading row's text. Defaults to `"Loading…"`. */
-	loadingLabel?: ReactNode3;
-	/** Shows the picks but takes no input: the popup stays shut and the clear ✕ and chip ✕ go. Defaults to `false`. */
-	readOnly?: boolean;
-	/** Controlled open state of the popup. Pair it with `onOpenChange`. */
-	open?: boolean;
-	/** Initial open state, for an uncontrolled popup. Defaults to `false`. */
-	defaultOpen?: boolean;
-	/** Called when the popup opens or closes. */
-	onOpenChange?: (open: boolean) => void;
+	/** Match an item against the query. Defaults to a case-insensitive "contains" on the label. */
+	filter?: (item: ComboboxItemData, query: string) => boolean;
 	/** Adds a last row that creates the trimmed query whenever no label matches it exactly. Add the item to `items` and return it to select it. */
 	onCreate?: (query: string) => ComboboxItemData | void;
 	/** The create row's label. Defaults to ``(query) => `Create “${query}”` ``. */
-	createLabel?: (query: string) => ReactNode3;
+	createLabel?: (query: string) => ReactNode2;
 	/** Local addition: offer the create row with no callback — the component keeps the items it makes, so nothing outside has to hold the list. Defaults to `false`. */
 	creatable?: boolean;
 	/** Multiple only. Picked items leave the list, so it reads as what is left to add. Deselect from the chips. Defaults to `false`. */
@@ -106,10 +63,8 @@ interface ComboboxProps {
 	required?: boolean;
 	/** Pins field and popup to one step of the size ladder (default 36px, compact 28px — see the Sizes primitive). Omitted, both follow the surrounding SizeProvider. */
 	size?: SizeVariant;
-	/** Every fixed word the field's buttons announce (`open`, `clear`, `remove`, `placeholder`), for translating it. Defaults to English: `"Open"`, `"Clear"`, `"Remove …"`, `"Search…"`. */
-	labels?: ComboboxLabels;
 }
-type Element_12xgc3 = JSX_1kxb3["Element"];
+type Element_12xgc2 = JSX_1kxb2["Element"];
 /**
 * Type to filter a list. 1 pick, or chips.
 *
@@ -125,45 +80,27 @@ type Element_12xgc3 = JSX_1kxb3["Element"];
 * an empty field drops the last one. Uncontrolled with `defaultValue`, or
 * controlled with `value` plus `onValueChange`.
 *
-* For items that come from elsewhere (a server, a paged API), own the query
-* with `inputValue` + `onInputValueChange`, pass `filter={null}` so the list
-* shows exactly the items you hand it, and set `loading` while they are on
-* their way: the chevron blurs into a spinner and a status row sits under
-* the list instead of the empty message. `Combobox.Content`'s `footer` pins
-* an action under the list ("Load more", "Add new…"). An object item's
-* `label` may be any node; its `textValue` is what filters, fills the field
-* and names its chip. `readOnly` shows the picks and takes no input. Inside a
-* Field the fields take its invalid state, like Input does, and `hideTrigger`
-* drops the chevron (and with it the loading spinner; the popup's status row is then the only loading signal) for a field that opens by typing. The words the buttons
-* announce ("Open", "Clear", "Remove …") and the default "Search…" placeholder
-* come from `labels`, for translating them.
-*
 * Statics:
-* - `Combobox.Input` — the single-pick field: icon, text input, clear ✕, chevron (`hideTrigger` drops it); `invalid` or `error` turn it destructive, as a surrounding Field's invalid state does.
-* - `Combobox.Chips` — the multiple field: one chip per pick ahead of the input, with the same `hideTrigger`, `invalid` and `error`.
+* - `Combobox.Input` — the single-pick field: icon, text input, clear ✕, chevron.
+* - `Combobox.Chips` — the multiple field: one chip per pick ahead of the input.
 * - `Combobox.Content` — the popup surface, holding `Combobox.Empty` and `Combobox.List`:
-*   `side`, `align`, `sideOffset`, a `footer` under the list, and the morph options
-*   `from`, `effect`, `hideSource`, `tier`.
+*   `side`, `align`, `sideOffset` and the morph options `from`, `effect`, `hideSource`, `tier`.
 * - `Combobox.List` — a row per match, from a `(item, index) => ReactNode` child.
 * - `Combobox.Item` — one row: `value`, optional `icon` and `disabled`.
 * - `Combobox.Empty` — what shows when nothing matches.
 *
 * @example {@include ./examples.mdx}
 */
-declare function Combobox({ children, items, multiple, value, defaultValue, onValueChange, filter, onCreate, createLabel, creatable, hideSelected, disabled, name, required, inputValue: inputValueProp, defaultInputValue, onInputValueChange, labels, loading, loadingLabel, readOnly, open: openProp, defaultOpen, onOpenChange, size }: ComboboxProps): Element_12xgc3;
+declare function Combobox({ children, items, multiple, value, defaultValue, onValueChange, filter, onCreate, createLabel, creatable, hideSelected, disabled, name, required, size }: ComboboxProps): Element_12xgc2;
 interface ComboboxFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "defaultValue" | "onChange"> {
 	/** Framed at rest, or invisible until hovered or focused. Defaults to `"bordered"`. */
 	variant?: FieldVariant;
 	/** Leading icon inside the field. */
 	icon?: IconComponent;
-	/** Shown while nothing is typed or selected. Defaults to `labels.placeholder` on the root, else `"Search…"`. */
+	/** Shown while nothing is typed or selected. Defaults to `"Search…"`. */
 	placeholder?: string;
 	/** Error message under the field; tints the ring and sets `aria-invalid`. */
 	error?: string;
-	/** Marks the value invalid without a message: the field turns destructive and sets `aria-invalid`. Defaults to the surrounding Field's invalid state. */
-	invalid?: boolean;
-	/** Hides the chevron button, for a field that opens by typing or arrow keys alone. It also drops the loading spinner, which lives in that button, so the popup's status row is the only loading signal. Defaults to `false`. */
-	hideTrigger?: boolean;
 	/** Render a ✕ that clears the selection and query. Its slot is always
 	*  reserved so the field never changes width. Defaults to `false`. */
 	clearable?: boolean;
@@ -179,7 +116,7 @@ interface ComboboxContentProps {
 	/** Classes for the popup surface — merged after the radius and max-height. */
 	className?: string;
 	/** `Combobox.Empty` and `Combobox.List`. */
-	children: ReactNode3;
+	children: ReactNode2;
 	/** Side of the field the popup prefers. Defaults to `"bottom"`. */
 	side?: "top" | "bottom" | "left" | "right";
 	/** Alignment against the field. Defaults to `"start"`. */
@@ -194,15 +131,13 @@ interface ComboboxContentProps {
 	hideSource?: boolean;
 	/** Spring tier of a plain morph, slide or fade; goo runs on its own `spring.goo`. Defaults to `'moderate'`. */
 	tier?: "moderate" | "slow";
-	/** Pinned under the list, past a hairline: a "load more" or "add new" action. A function gets `{ close, query }`. */
-	footer?: ComboboxFooter;
 }
 declare const ComboboxContent: ForwardRefExoticComponent_tcubfn<ComboboxContentProps & RefAttributes_miuf56<HTMLDivElement>>;
 interface ComboboxListProps {
 	/** Classes for the rows' container. */
 	className?: string;
 	/** Render one row per matching item: `(item, index) => <Combobox.Item …/>`. Rows get their index from the list. */
-	children: (item: ComboboxItemData, index: number) => ReactNode3;
+	children: (item: ComboboxItemData, index: number) => ReactNode2;
 }
 declare const ComboboxList: ForwardRefExoticComponent_tcubfn<ComboboxListProps & RefAttributes_miuf56<HTMLDivElement>>;
 interface ComboboxItemProps extends HTMLAttributes<HTMLDivElement> {
@@ -213,15 +148,15 @@ interface ComboboxItemProps extends HTMLAttributes<HTMLDivElement> {
 	/** Disables the row. Defaults to `false`. */
 	disabled?: boolean;
 	/** The row label. */
-	children?: ReactNode3;
+	children?: ReactNode2;
 }
 declare const ComboboxItem: ForwardRefExoticComponent_tcubfn<ComboboxItemProps & RefAttributes_miuf56<HTMLDivElement>>;
 interface ComboboxEmptyProps extends HTMLAttributes<HTMLDivElement> {
 	/** Shown instead of the children when `hideSelected` has emptied the
 	*  list with nothing typed: every item is a chip already. */
-	allSelected?: ReactNode3;
+	allSelected?: ReactNode2;
 	/** Shown when nothing matches the query. */
-	children?: ReactNode3;
+	children?: ReactNode2;
 }
 declare const ComboboxEmpty: ForwardRefExoticComponent_tcubfn<ComboboxEmptyProps & RefAttributes_miuf56<HTMLDivElement>>;
-export { Combobox, ComboboxChips, ComboboxChipsProps, ComboboxContent, ComboboxContentProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxFooter, ComboboxFooterContext, ComboboxInput, ComboboxInputProps, ComboboxItem, ComboboxItemData, ComboboxItemObject, ComboboxItemProps, ComboboxLabels, ComboboxList, ComboboxListProps, ComboboxProps, ComboboxValue, fieldVariants as comboboxFieldVariants, Combobox as default };
+export { Combobox, ComboboxChips, ComboboxChipsProps, ComboboxContent, ComboboxContentProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxInput, ComboboxInputProps, ComboboxItem, ComboboxItemData, ComboboxItemObject, ComboboxItemProps, ComboboxList, ComboboxListProps, ComboboxProps, ComboboxValue, fieldVariants as comboboxFieldVariants, Combobox as default };

package/dist/components/inputs/combobox/index.js

@@ -7,33 +7,24 @@ import {
   ComboboxItem2,
   ComboboxEmpty2,
   combobox_default
-} from "../../../shared/components-w0xq6q9k.js";
-import"../../../shared/components-hdzrqqpx.js";
+} from "../../../shared/components-w1r67ag9.js";
 import {
-  fieldVariants2
-} from "../../../shared/components-124epb7f.js";
-import"../../../shared/components-8tt3xbb5.js";
-import"../../../shared/components-h6p86be3.js";
-import"../../../shared/components-vf45j12c.js";
-import"../../../shared/components-4y816hwp.js";
-import"../../../shared/components-b1e239g3.js";
-import"../../../shared/components-dhgk6mbt.js";
-import"../../../shared/components-jqpefjsn.js";
-import"../../../shared/components-qdm3yh26.js";
-import"../../../shared/components-pw06rbxq.js";
-import"../../../shared/components-yhgq0qxx.js";
-import"../../../shared/components-awra5sff.js";
-import"../../../shared/components-dcc02hs2.js";
-import"../../../shared/components-tz1fv35x.js";
-import"../../../shared/components-ctqmge8t.js";
-import"../../../shared/components-drxrtnp2.js";
-import"../../../shared/components-de99ykt7.js";
-import"../../../shared/components-3ey0hzpb.js";
-import"../../../shared/components-h83az0bz.js";
-import"../../../shared/components-34txk9rj.js";
-import"../../../shared/components-71nbt03m.js";
-import"../../../shared/components-gx4h5rbb.js";
-import"../../../shared/components-jcnjay5g.js";
+  fieldVariants
+} from "../../../shared/components-raknhppb.js";
+import"../../../shared/components-5xc2j8jz.js";
+import"../../../shared/components-zrkzcayz.js";
+import"../../../shared/components-0q0sqfh4.js";
+import"../../../shared/components-kvr7f9hy.js";
+import"../../../shared/components-chacnk61.js";
+import"../../../shared/components-59efxjd9.js";
+import"../../../shared/components-hqeq3w9q.js";
+import"../../../shared/components-jjw69c4c.js";
+import"../../../shared/components-men63rwj.js";
+import"../../../shared/components-0sn7ypjw.js";
+import"../../../shared/components-b0eac83j.js";
+import"../../../shared/components-cv16mryv.js";
+import"../../../shared/components-zx6b6yby.js";
+import"../../../shared/components-ezxhrmer.js";
 export {
   Combobox2 as Combobox,
   ComboboxChips2 as ComboboxChips,
@@ -42,6 +33,6 @@ export {
   ComboboxInput2 as ComboboxInput,
   ComboboxItem2 as ComboboxItem,
   ComboboxList2 as ComboboxList,
-  fieldVariants2 as comboboxFieldVariants,
+  fieldVariants as comboboxFieldVariants,
   combobox_default as default
 };

package/dist/components/inputs/date-time/calendar/index.d.ts

@@ -1,29 +1,9 @@
 import { Locale } from "date-fns";
-import { ReactElement, ReactNode } from "react";
+import { ReactNode } from "react";
 import { DayPickerProps } from "react-day-picker";
 type SizeVariant = "default" | "compact";
-/** The Calendar's own props, beside DayPicker's. */
-interface CalendarOwnProps {
-	/** The locale: a react-day-picker / date-fns locale (`import { de } from 'react-day-picker/locale'`). Names months and weekdays, picks the first day of the week. Defaults to `enUS`. */
-	locale?: Locale;
-	/** Pins the calendar to one step of the size ladder (36px days, compact 28px). Defaults to the surrounding SizeProvider. */
-	size?: SizeVariant;
-	/** Which side of the days the month and year columns stand on; the month column keeps next to the days. Defaults to `'end'`. */
-	columnsSide?: "start" | "end";
-	/** Accessible names of the month and year columns (`{ month, year }`). Default to the locale's names for the fields. */
-	columnLabels?: {
-		month?: string;
-		year?: string;
-	};
-	/** More columns, given the layout's orientation — the date picker's hours and minutes. */
-	extraColumns?: (orientation: "vertical" | "horizontal") => ReactNode;
-	/** Which side of the days the extra columns stand on, outside the month and year columns when they share it. Defaults to `'end'`. */
-	extraColumnsSide?: "start" | "end";
-	/** Classes for the calendar's box. */
-	className?: string;
-}
-/** DayPicker's props (`mode`, `selected`, `onSelect`, matchers…) and the Calendar's own. */
-type CalendarProps = DayPickerProps & CalendarOwnProps;
+import { JSX as JSX_1kxb } from "react";
+type Element_12xgc = JSX_1kxb["Element"];
 /**
 * A calendar that scrolls through the months instead of paging, with month
 * and year columns to jump by.
@@ -47,5 +27,19 @@ type CalendarProps = DayPickerProps & CalendarOwnProps;
 *
 * @example {@include ./examples.mdx}
 */
-declare function Calendar({ locale, size, columnsSide, columnLabels, extraColumns, extraColumnsSide, className,...props }: CalendarProps): ReactElement;
+declare function Calendar({ locale, size, columnsSide, extraColumns, extraColumnsSide, className,...props }: DayPickerProps & {
+	/** The locale: a react-day-picker / date-fns locale (`import { de } from 'react-day-picker/locale'`). Names months and weekdays, picks the first day of the week. Defaults to `enUS`. */
+	locale?: Locale;
+	/** Pins the calendar to one step of the size ladder (36px days, compact 28px). Defaults to the surrounding SizeProvider. */
+	size?: SizeVariant;
+	/** Which side of the days the month and year columns stand on; the month column keeps next to the days. Defaults to `'end'`. */
+	columnsSide?: "start" | "end";
+	/** More columns, given the layout's orientation — the date picker's hours and minutes. */
+	extraColumns?: (orientation: "vertical" | "horizontal") => ReactNode;
+	/** Which side of the days the extra columns stand on, outside the month and year columns when they share it. Defaults to `'end'`. */
+	extraColumnsSide?: "start" | "end";
+	/** Classes for the calendar's box. */
+	className?: string;
+}): Element_12xgc;
+type CalendarProps = Parameters<typeof Calendar>[0];
 export { Calendar, CalendarProps, Calendar as default };

package/dist/components/inputs/date-time/calendar/index.js

@@ -1,21 +1,17 @@
 import {
   Calendar2,
   calendar_default
-} from "../../../../shared/components-t2a3qmy9.js";
-import"../../../../shared/components-qqcmtrbv.js";
-import"../../../../shared/components-54nq988h.js";
-import"../../../../shared/components-qdm3yh26.js";
-import"../../../../shared/components-pw06rbxq.js";
-import"../../../../shared/components-yhgq0qxx.js";
-import"../../../../shared/components-awra5sff.js";
-import"../../../../shared/components-dcc02hs2.js";
-import"../../../../shared/components-de99ykt7.js";
-import"../../../../shared/components-3ey0hzpb.js";
-import"../../../../shared/components-h83az0bz.js";
-import"../../../../shared/components-34txk9rj.js";
-import"../../../../shared/components-71nbt03m.js";
-import"../../../../shared/components-gx4h5rbb.js";
-import"../../../../shared/components-jcnjay5g.js";
+} from "../../../../shared/components-1z6tdadk.js";
+import"../../../../shared/components-gz8zf3ec.js";
+import"../../../../shared/components-kvr7f9hy.js";
+import"../../../../shared/components-chacnk61.js";
+import"../../../../shared/components-59efxjd9.js";
+import"../../../../shared/components-hqeq3w9q.js";
+import"../../../../shared/components-jjw69c4c.js";
+import"../../../../shared/components-men63rwj.js";
+import"../../../../shared/components-0sn7ypjw.js";
+import"../../../../shared/components-cv16mryv.js";
+import"../../../../shared/components-ezxhrmer.js";
 export {
   Calendar2 as Calendar,
   calendar_default as default

package/dist/components/inputs/date-time/date-picker/index.d.ts

@@ -1,96 +1,30 @@
 import { Locale as Locale2 } from "date-fns";
-import { ForwardRefExoticComponent as ForwardRefExoticComponent2, ReactNode as ReactNode6, RefAttributes as RefAttributes2, RefObject as RefObject4 } from "react";
+import { RefObject as RefObject2 } from "react";
 import { Matcher } from "react-day-picker";
 type HourCycle = "h11" | "h12" | "h23" | "h24";
 type SizeVariant = "default" | "compact";
 /** Framed at rest (`bordered`), or invisible until hovered or focused (`borderless`). */
 type FieldVariant = "bordered" | "borderless";
-import { AriaAttributes, FocusEvent, HTMLAttributes as HTMLAttributes2 } from "react";
-/** Attributes for the element a picker's field renders as its control (its button, or an editable field's input), `data-*` included. */
-type PickerControlAttributes = Omit<HTMLAttributes2<HTMLElement>, "children" | "dangerouslySetInnerHTML" | "defaultValue" | "defaultChecked"> & {
-	/** An editable field's input: browser autofill hint. Defaults to `"off"`. */
-	autoComplete?: string;
-	[data: `data-${string}`]: string | number | boolean | undefined;
-};
-/** The form and accessibility props every picker forwards to its field's control. */
-interface PickerControlProps {
-	/** Marks the value required: a native form won't submit while it is empty (and an editable field's input carries `required`). Defaults to the surrounding Field's `required`. */
-	required?: boolean;
-	/** Called when the field's control (its button, or an editable field's input) loses focus, as when the panel takes it. */
-	onBlur?: (event: FocusEvent<HTMLElement>) => void;
-	/** Names the field's control for assistive tech, in place of its label. */
-	"aria-label"?: string;
-	/** Ids of the elements naming the field's control, in place of its own label. */
-	"aria-labelledby"?: string;
-	/** Ids of the elements describing the field's control (a hint, an error message). */
-	"aria-describedby"?: string;
-	/** Marks the value invalid, as `invalid` does. */
-	"aria-invalid"?: AriaAttributes["aria-invalid"];
-	/** Attributes for the field's control: the button that opens the panel, or an `editable` field's input (`data-*`, `autoFocus`, `tabIndex`, handlers, which run after the picker's own; an editable field's input also takes `autoComplete` and `inputMode`, which replace its defaults of `"off"` and `"numeric"`). On an editable field the masked input owns `onChange`, so a caller's one never runs; only `onFocus`, `onBlur` and `onKeyDown` chain, the caller's `onKeyDown` first, and its `preventDefault()` skips the mask's own key handling). */
-	controlProps?: PickerControlAttributes;
-}
-/** Every word the picker shows or announces, for translating it. */
-interface DatePickerLabels {
-	/** Names the date field (and the panel's date input). Defaults to the `placeholder`, else `"Date"`. */
-	date?: string;
-	/** Names the panel's time input. Defaults to `"Time"`. */
-	time?: string;
-	/** Names the calendar button of an `editable` field. Defaults to `"Open calendar"`. */
-	calendar?: string;
-	/** Names the panel's close button. Defaults to `"Close"`. */
-	close?: string;
-	/** Names the month column. Defaults to the locale's name for it. */
-	month?: string;
-	/** Names the year column. Defaults to the locale's name for it. */
-	year?: string;
-	/** Names the hour column (`withTime`). Defaults to the locale's name for it. */
-	hour?: string;
-	/** Names the minute column (`withTime`). Defaults to the locale's name for it. */
-	minute?: string;
-	/** The `actions` row's button that picks today. Defaults to `"Today"`. */
-	today?: string;
-	/** The `actions` row's button that empties the field. Defaults to `"Clear"`. */
-	clear?: string;
-	/** Caption under a field holding no real date, rendered as the field's next sibling; `null` keeps only the destructive ring. Defaults to `"Invalid date"`. */
-	invalid?: ReactNode6;
-}
-interface DatePickerProps extends PickerControlProps {
-	/** The picked date (and time, with `withTime`); `null` when empty. A string is read as a date: a bare `"2026-10-09"` as that day at local midnight, a full timestamp as written; one that reads as none shows the invalid state. */
-	value?: Date | string | null;
-	/** Initial date, for an uncontrolled picker; a string reads as `value`'s does. Defaults to `null`. */
-	defaultValue?: Date | string | null;
-	/** Called with the new date, or `null` when the field is cleared. An `editable` field left with an incomplete or impossible date reports an Invalid Date (`isNaN(date.getTime())`), so a form can reject it. */
+import { JSX as JSX_1kxb } from "react";
+interface DatePickerProps {
+	/** The picked date (and time, with `withTime`); `null` when empty. */
+	value?: Date | null;
+	/** Initial date, for an uncontrolled picker. Defaults to `null`. */
+	defaultValue?: Date | null;
+	/** Called with the new date, or `null` when the field is cleared. */
 	onValueChange?: (value: Date | null) => void;
-	/** The field is a text input to type the date into, in the locale's numeric order ("09.10.2026", "10/09/2026"); its calendar icon opens the panel. Defaults to `false`. */
-	editable?: boolean;
-	/** The field's text for a date, in place of the locale's medium format: `(date) => …`. */
-	formatDate?: (date: Date) => ReactNode6;
-	/** Every word the picker shows or announces (`date`, `time`, `calendar`, `close`, `month`, `year`, `hour`, `minute`, `today`, `clear`, `invalid`), for translating it. Defaults to English and the locale's field names. */
-	labels?: DatePickerLabels;
-	/** Adds a row under the calendar with Today and Clear. Defaults to `false`. */
-	actions?: boolean;
-	/** Shows the value but never opens or takes typing. Defaults to `false`. */
-	readOnly?: boolean;
 	/** Adds hour and minute columns, and the time to the field. Defaults to `false`. */
 	withTime?: boolean;
 	/** The clock for the time: on `'h12'` / `'h11'` the hours read with AM/PM. Defaults to the locale's. */
 	hourCycle?: HourCycle;
 	/** Steps between the minute column's options. Defaults to `1`. */
 	minuteStep?: number;
-	/** A react-day-picker / date-fns locale (`import { de } from 'react-day-picker/locale'`), or a BCP 47 tag (`"sk"`) read through Intl: names, formats, the week's first day and what typing reads (a tag reads numeric dates and English names). Defaults to `enUS`. */
-	locale?: Locale2 | string;
+	/** A react-day-picker / date-fns locale (`import { de } from 'react-day-picker/locale'`): names, formats, the week's first day and what typing reads. Defaults to `enUS`. */
+	locale?: Locale2;
 	/** Shown while empty. */
 	placeholder?: string;
 	/** `true` disables the field; any other react-day-picker matcher (a date, `{ before }`, `{ dayOfWeek }`, a function…) disables the days it matches. */
 	disabled?: Matcher | Matcher[];
-	/** Days to leave out of the calendar, as react-day-picker matchers: they show as gaps and can't be typed either. */
-	hidden?: Matcher | Matcher[];
-	/** Marks the value required: a native form won't submit while it is empty, an editable field's input carries `required`, and pressing the picked day again keeps it. Defaults to the surrounding Field's `required`. */
-	required?: boolean;
-	/** A picked date can't be cleared: pressing its day again, emptying the text or Clear (hidden) all keep it. Defaults to `false`. */
-	unselectable?: boolean;
-	/** Names the value for a native form: a hidden input carries it as `"yyyy-MM-dd"` (with `withTime`, `"yyyy-MM-ddTHH:mm"`), an `<input type="date">`'s value; empty while there is no real date. */
-	name?: string;
 	/** The first month the calendar reaches. Defaults to 100 years back. */
 	startMonth?: Date;
 	/** The last month the calendar reaches. Defaults to 50 years ahead. */
@@ -113,10 +47,10 @@ interface DatePickerProps extends PickerControlProps {
 	columnsSide?: "start" | "end";
 	/** Which side of the days the hour and minute columns stand on, outside the month and year columns when they share it. Defaults to `'end'`. */
 	timeColumnsSide?: "start" | "end";
-	/** Id of the field's control (its button, or an `editable` field's input), for a `Label`'s `htmlFor`. */
+	/** Id of the field, for a `Label`'s `htmlFor`. */
 	id?: string;
 	/** Where the panel grows from (see Morph): the field, the press point, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'` (the field). */
-	from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject4<HTMLElement | null>;
+	from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject2<HTMLElement | null>;
 	/** How the panel grows (see Morph), as Combobox's list does: with the liquid goo neck, a plain morph, a slide or a fade. `'morph'` with `hideSource` opens it in place over the field. Defaults to `'goo'`. */
 	effect?: "goo" | "morph" | "slide" | "fade";
 	/** Hide the field while open, so it reads as turning into the panel. Defaults to `false`. */
@@ -126,6 +60,7 @@ interface DatePickerProps extends PickerControlProps {
 	/** Classes for the field. */
 	className?: string;
 }
+type Element_12xgc = JSX_1kxb["Element"];
 /**
 * A date field that opens a scrolling calendar, with an optional time.
 *
@@ -141,35 +76,11 @@ interface DatePickerProps extends PickerControlProps {
 * either set of columns before or after the days. On a phone the panel is a
 * bottom sheet, its columns turned into strips above the days.
 *
-* `editable` turns the field into a text input: type the digits and the
-* locale's separators fall into place ("09.10.2026" in German,
-* "10/09/2026" in English), with the rest of the mask muted after the caret;
-* the calendar icon opens the panel. A date that can't exist, or one left
-* half typed, turns the field destructive with a caption under it, and so
-* does a `value` that reads as no date. `actions` adds Today and Clear under
-* the calendar.
-*
 * Localized through `locale`, a react-day-picker locale: month and weekday
 * names, the formats shown and read, the week's first day and the clock all
-* follow it, and `dir="rtl"` mirrors the panel. Every word it shows or
-* announces comes from `labels`, and `formatDate` writes the field's text.
-*
-* `hidden` days leave gaps in the calendar and can't be typed. `required`
-* keeps the picked day when it is pressed again and stops an empty native
-* form submit; `unselectable` keeps a picked date from being cleared at all.
-* `name` submits the value through a hidden input (`"yyyy-MM-dd"`, or
-* `"yyyy-MM-ddTHH:mm"` with time), and `id`, the `aria-*` props, `onBlur`,
-* `controlProps` and the `ref` reach the field's control: the button that
-* opens the panel, or an `editable` field's input. `locale` also takes a
-* BCP 47 tag ("sk"), read through Intl.
-*
-* The invalid caption renders as the field's next sibling rather than inside
-* a wrapper, so the field keeps its place in a flex row or grid exactly as
-* before and an input being typed into never remounts when the caption comes
-* and goes. Lay the picker in a column (or wrap it) where the caption should
-* sit under the field.
+* follow it, and `dir="rtl"` mirrors the panel.
 *
 * @example {@include ./examples.mdx}
 */
-declare const DatePicker: ForwardRefExoticComponent2<DatePickerProps & RefAttributes2<HTMLButtonElement | HTMLInputElement>>;
-export { DatePicker, DatePickerLabels, DatePickerProps, DatePicker as default };
+declare function DatePicker({ value: valueProp, defaultValue, onValueChange, withTime, hourCycle, minuteStep, locale, placeholder, disabled, startMonth, endMonth, variant, invalid, size, open: openProp, defaultOpen, onOpenChange, dir, columnsSide, timeColumnsSide, id, from, effect, hideSource, tier, className }: DatePickerProps): Element_12xgc;
+export { DatePicker, DatePickerProps, DatePicker as default };

package/dist/components/inputs/date-time/date-picker/index.js

@@ -1,41 +1,31 @@
 import {
   DatePicker2,
   date_picker_default
-} from "../../../../shared/components-mpa2y6x8.js";
-import"../../../../shared/components-7s7pykk5.js";
-import"../../../../shared/components-t2a3qmy9.js";
-import"../../../../shared/components-6b0zb8z3.js";
-import"../../../../shared/components-fejdzvqc.js";
-import"../../../../shared/components-qqcmtrbv.js";
-import"../../../../shared/components-54nq988h.js";
-import"../../../../shared/components-mattt5jp.js";
-import"../../../../shared/components-adkarj8n.js";
-import"../../../../shared/components-rrbpmfx4.js";
-import"../../../../shared/components-8rb25gbe.js";
-import"../../../../shared/components-hdzrqqpx.js";
-import"../../../../shared/components-124epb7f.js";
-import"../../../../shared/components-t50hrswb.js";
-import"../../../../shared/components-vf45j12c.js";
-import"../../../../shared/components-mrbaxt8q.js";
-import"../../../../shared/components-4y816hwp.js";
-import"../../../../shared/components-b1e239g3.js";
-import"../../../../shared/components-dhgk6mbt.js";
-import"../../../../shared/components-jqpefjsn.js";
-import"../../../../shared/components-qdm3yh26.js";
-import"../../../../shared/components-pw06rbxq.js";
-import"../../../../shared/components-yhgq0qxx.js";
-import"../../../../shared/components-awra5sff.js";
-import"../../../../shared/components-dcc02hs2.js";
-import"../../../../shared/components-9sttq78t.js";
-import"../../../../shared/components-4vfm04wq.js";
-import"../../../../shared/components-tz1fv35x.js";
-import"../../../../shared/components-de99ykt7.js";
-import"../../../../shared/components-3ey0hzpb.js";
-import"../../../../shared/components-h83az0bz.js";
-import"../../../../shared/components-34txk9rj.js";
-import"../../../../shared/components-71nbt03m.js";
-import"../../../../shared/components-gx4h5rbb.js";
-import"../../../../shared/components-jcnjay5g.js";
+} from "../../../../shared/components-wy9jpqny.js";
+import"../../../../shared/components-mjthm1kf.js";
+import"../../../../shared/components-1z6tdadk.js";
+import"../../../../shared/components-s5ngg32c.js";
+import"../../../../shared/components-h2ajmhwn.js";
+import"../../../../shared/components-gz8zf3ec.js";
+import"../../../../shared/components-c6s6b43g.js";
+import"../../../../shared/components-raknhppb.js";
+import"../../../../shared/components-rr7a6ja9.js";
+import"../../../../shared/components-zfnmn5d4.js";
+import"../../../../shared/components-3ky44908.js";
+import"../../../../shared/components-zrkzcayz.js";
+import"../../../../shared/components-0q0sqfh4.js";
+import"../../../../shared/components-kvr7f9hy.js";
+import"../../../../shared/components-chacnk61.js";
+import"../../../../shared/components-59efxjd9.js";
+import"../../../../shared/components-hqeq3w9q.js";
+import"../../../../shared/components-jjw69c4c.js";
+import"../../../../shared/components-b2wyq2cq.js";
+import"../../../../shared/components-n7mjr357.js";
+import"../../../../shared/components-men63rwj.js";
+import"../../../../shared/components-0sn7ypjw.js";
+import"../../../../shared/components-cv16mryv.js";
+import"../../../../shared/components-zx6b6yby.js";
+import"../../../../shared/components-ezxhrmer.js";
 export {
   DatePicker2 as DatePicker,
   date_picker_default as default