@justanarthur/modo-ui 0.0.0-stage → 0.1.0

package/dist/components/inputs/color-picker/index.js

@@ -0,0 +1,37 @@
+import {
+  ColorPicker,
+  ColorPickerPopover,
+  ColorPickerPortalContainer,
+  ColorSwatch,
+  ColorTile,
+  buildParsed,
+  color_picker_default,
+  parseColor
+} from "../../../shared/components-r2gke5p6.js";
+import"../../../shared/components-8hk9ve3r.js";
+import"../../../shared/components-gndm6am4.js";
+import"../../../shared/components-vb033rns.js";
+import"../../../shared/components-m5br529r.js";
+import"../../../shared/components-csxz9f52.js";
+import"../../../shared/components-jxgznftn.js";
+import"../../../shared/components-r22vtgqc.js";
+import"../../../shared/components-e46kf6cp.js";
+import"../../../shared/components-7zp99w5d.js";
+import"../../../shared/components-dg0w8g5p.js";
+import"../../../shared/components-kf2ehztc.js";
+import"../../../shared/components-7nww01w4.js";
+import"../../../shared/components-nnnd2xef.js";
+import"../../../shared/components-vc1k7yv2.js";
+import"../../../shared/components-x3rz4cyn.js";
+import"../../../shared/components-0f0as45n.js";
+import"../../../shared/components-kpbcms10.js";
+export {
+  parseColor,
+  color_picker_default as default,
+  buildParsed,
+  ColorTile,
+  ColorSwatch,
+  ColorPickerPortalContainer,
+  ColorPickerPopover,
+  ColorPicker
+};

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

@@ -0,0 +1,161 @@
+import { VariantProps } from "class-variance-authority";
+import { HTMLAttributes, InputHTMLAttributes, ReactNode as ReactNode2, RefObject } from "react";
+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. Put it on the
+* element around the control and stamp the data attributes; Base UI parts
+* stamp `data-invalid` / `data-disabled` themselves.
+*/
+declare const fieldVariants: (props?: ({
+	variant?: "borderless" | "bordered" | null | undefined;
+} & ClassProp_wz9o0r) | undefined) => string;
+import { ComponentType } from "react";
+interface IconComponentProps {
+	size?: number | string;
+	strokeWidth?: number | string;
+	className?: string;
+}
+type IconComponent = ComponentType<IconComponentProps>;
+type SizeVariant = "default" | "compact";
+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;
+	label: string;
+	[key: string]: unknown;
+}
+type ComboboxItemData = string | ComboboxItemObject;
+type ComboboxValue<Multiple extends boolean> = Multiple extends true ? string[] : string;
+interface ComboboxProps {
+	/** `Combobox.Input` or `Combobox.Chips`, plus `Combobox.Content`. */
+	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`. */
+	multiple?: boolean;
+	/** Selected value. `""` means none; an array when `multiple`. Controlled — pair it with `onValueChange`. */
+	value?: string | string[];
+	/** Selection on first render when uncontrolled. Defaults to none. */
+	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. 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) => 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`. */
+	hideSelected?: boolean;
+	/** Disables the field and the popup. Defaults to `false`. */
+	disabled?: boolean;
+	/** Form field name; a hidden input carries the value. */
+	name?: string;
+	/** Marks the hidden form input required. */
+	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;
+}
+type Element_12xgc2 = JSX_1kxb2["Element"];
+/**
+* Type to filter a list. 1 pick, or chips.
+*
+* Items are data on the root: strings, which are their own value and label,
+* or `{ value, label, … }` objects. `Combobox.List` takes a function child and
+* renders one `Combobox.Item` per match, so the filtering, the ARIA wiring
+* (the input keeps focus while the arrows move a highlight through the rows),
+* the positioning and the hidden form input stay with Base UI. On top of that
+* sit the fluid-hover highlight, the merged selection background of
+* `CheckboxGroup`, and a list that oozes out of the field and back through the
+* shared morph (see Morph), goo by default. `multiple` turns the picks into a
+* `string[]` and pairs with `Combobox.Chips`: one chip per pick, Backspace in
+* an empty field drops the last one. Uncontrolled with `defaultValue`, or
+* controlled with `value` plus `onValueChange`.
+*
+* Statics:
+* - `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` 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, size }: ComboboxProps): Element_12xgc2;
+interface ComboboxFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "defaultValue" | "onChange">, VariantProps<typeof fieldVariants> {
+	/** Framed at rest, or invisible until hovered or focused. Defaults to `"bordered"`. */
+	variant?: "bordered" | "borderless" | null;
+	/** Leading icon inside the field. */
+	icon?: IconComponent;
+	/** 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;
+	/** Render a ✕ that clears the selection and query. Its slot is always
+	*  reserved so the field never changes width. Defaults to `false`. */
+	clearable?: boolean;
+	/** Size override for the field alone. Prefer the `size` prop on <Combobox>
+	*  (or a surrounding SizeProvider) so the popup matches. */
+	size?: SizeVariant;
+}
+type ComboboxInputProps = ComboboxFieldProps;
+declare const ComboboxInput: ForwardRefExoticComponent_tcubfn<ComboboxFieldProps & RefAttributes_miuf56<HTMLInputElement>>;
+type ComboboxChipsProps = ComboboxFieldProps;
+declare const ComboboxChips: ForwardRefExoticComponent_tcubfn<ComboboxFieldProps & RefAttributes_miuf56<HTMLInputElement>>;
+interface ComboboxContentProps {
+	/** Classes for the popup surface — merged after the radius and max-height. */
+	className?: string;
+	/** `Combobox.Empty` and `Combobox.List`. */
+	children: ReactNode2;
+	/** Side of the field the popup prefers. Defaults to `"bottom"`. */
+	side?: "top" | "bottom" | "left" | "right";
+	/** Alignment against the field. Defaults to `"start"`. */
+	align?: "start" | "center" | "end";
+	/** Gap to the field, in px. Ignored when the list opens in place over the field (`effect="morph"` with `hideSource`). Defaults to `6`. */
+	sideOffset?: number;
+	/** Where the list 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" | RefObject<HTMLElement | null>;
+	/** How it grows (see Morph): with the liquid goo neck, a plain morph, a slide or a fade. Defaults to `'goo'`. */
+	effect?: "goo" | "morph" | "slide" | "fade";
+	/** Hide the field while open, so it reads as turning into the list. Defaults to `false`. */
+	hideSource?: boolean;
+	/** Spring tier of a plain morph, slide or fade; goo runs on its own `spring.goo`. Defaults to `'moderate'`. */
+	tier?: "moderate" | "slow";
+}
+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) => ReactNode2;
+}
+declare const ComboboxList: ForwardRefExoticComponent_tcubfn<ComboboxListProps & RefAttributes_miuf56<HTMLDivElement>>;
+interface ComboboxItemProps extends HTMLAttributes<HTMLDivElement> {
+	/** Leading icon in the row. */
+	icon?: IconComponent;
+	/** The item's value — a string item itself, or an object item's `value`. */
+	value: string;
+	/** Disables the row. Defaults to `false`. */
+	disabled?: boolean;
+	/** The row label. */
+	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?: ReactNode2;
+	/** Shown when nothing matches the query. */
+	children?: ReactNode2;
+}
+declare const ComboboxEmpty: ForwardRefExoticComponent_tcubfn<ComboboxEmptyProps & RefAttributes_miuf56<HTMLDivElement>>;
+export { Combobox as default, fieldVariants as comboboxFieldVariants, ComboboxValue, ComboboxProps, ComboboxListProps, ComboboxList, ComboboxItemProps, ComboboxItemObject, ComboboxItemData, ComboboxItem, ComboboxInputProps, ComboboxInput, ComboboxEmptyProps, ComboboxEmpty, ComboboxContentProps, ComboboxContent, ComboboxChipsProps, ComboboxChips, Combobox };

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

@@ -0,0 +1,41 @@
+import {
+  Combobox,
+  ComboboxChips,
+  ComboboxContent,
+  ComboboxEmpty,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxList,
+  combobox_default
+} from "../../../shared/components-j65qt1mq.js";
+import {
+  fieldVariants
+} from "../../../shared/components-de8xsm9y.js";
+import"../../../shared/components-rc63qsy6.js";
+import"../../../shared/components-vb033rns.js";
+import"../../../shared/components-m5br529r.js";
+import"../../../shared/components-jw16snbn.js";
+import"../../../shared/components-ed7cmssr.js";
+import"../../../shared/components-csxz9f52.js";
+import"../../../shared/components-jxgznftn.js";
+import"../../../shared/components-r22vtgqc.js";
+import"../../../shared/components-e46kf6cp.js";
+import"../../../shared/components-7zp99w5d.js";
+import"../../../shared/components-kf2ehztc.js";
+import"../../../shared/components-7nww01w4.js";
+import"../../../shared/components-nnnd2xef.js";
+import"../../../shared/components-vc1k7yv2.js";
+import"../../../shared/components-x3rz4cyn.js";
+import"../../../shared/components-0f0as45n.js";
+import"../../../shared/components-kpbcms10.js";
+export {
+  combobox_default as default,
+  fieldVariants as comboboxFieldVariants,
+  ComboboxList,
+  ComboboxItem,
+  ComboboxInput,
+  ComboboxEmpty,
+  ComboboxContent,
+  ComboboxChips,
+  Combobox
+};

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

@@ -0,0 +1,45 @@
+import { Locale } from "date-fns";
+import { ReactNode } from "react";
+import { DayPickerProps } from "react-day-picker";
+type SizeVariant = "default" | "compact";
+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.
+*
+* Months run on in one list, each under its name, with the weekday row pinned
+* above them; weekends step back to the muted text and today carries a dot. The month column
+* marks the month being read and the year column its year, so either works
+* as a scrollbar you can click: a month or a year scrolls the calendar there.
+* The picked day, month and year show a filled pill or a dot. The columns
+* stand after the days by default; `columnsSide="start"` puts them before
+* (and `extraColumnsSide` places any extra ones). When the calendar is too
+* narrow for them, they turn into strips above it. The list renders a window of months and moves it as you scroll, so the
+* range is as long as `startMonth` / `endMonth` allow (100 years back and 50
+* ahead by default).
+*
+* It is react-day-picker's DayPicker underneath: `mode` (`'single'`,
+* `'range'`), `selected` / `onSelect`, `disabled` and `hidden` matchers,
+* `modifiers`, `weekStartsOn`, `dir` and the other DayPicker props pass
+* through. Its navigation props don't apply: the calendar scrolls.
+* DatePicker and DateRangePicker put it in a field.
+*
+* @example {@include ./examples.mdx}
+*/
+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 as default, CalendarProps, Calendar };

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

@@ -0,0 +1,20 @@
+import {
+  Calendar,
+  calendar_default
+} from "../../../../shared/components-6phwsry6.js";
+import"../../../../shared/components-x2xyckd5.js";
+import"../../../../shared/components-vb033rns.js";
+import"../../../../shared/components-r22vtgqc.js";
+import"../../../../shared/components-e46kf6cp.js";
+import"../../../../shared/components-7zp99w5d.js";
+import"../../../../shared/components-kf2ehztc.js";
+import"../../../../shared/components-7nww01w4.js";
+import"../../../../shared/components-nnnd2xef.js";
+import"../../../../shared/components-vc1k7yv2.js";
+import"../../../../shared/components-x3rz4cyn.js";
+import"../../../../shared/components-0f0as45n.js";
+import"../../../../shared/components-kpbcms10.js";
+export {
+  calendar_default as default,
+  Calendar
+};

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

@@ -0,0 +1,82 @@
+import { Locale as Locale2 } from "date-fns";
+import { RefObject } from "react";
+import { Matcher } from "react-day-picker";
+type HourCycle = "h11" | "h12" | "h23" | "h24";
+type SizeVariant = "default" | "compact";
+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;
+	/** 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'`): 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[];
+	/** The first month the calendar reaches. Defaults to 100 years back. */
+	startMonth?: Date;
+	/** The last month the calendar reaches. Defaults to 50 years ahead. */
+	endMonth?: Date;
+	/** Marks the field invalid. Defaults to `false`. */
+	invalid?: boolean;
+	/** Pins the field and its panel to one step of the size ladder. Defaults to the surrounding SizeProvider. */
+	size?: SizeVariant;
+	/** Controlled open state. */
+	open?: boolean;
+	/** Initial open state, for an uncontrolled panel. Defaults to `false`. */
+	defaultOpen?: boolean;
+	/** Called when the panel opens or closes. */
+	onOpenChange?: (open: boolean) => void;
+	/** Text direction of the panel; `'rtl'` mirrors it. */
+	dir?: "ltr" | "rtl";
+	/** Which side of the days the month and year columns stand on. Defaults to `'end'`. */
+	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, 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" | RefObject<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`. */
+	hideSource?: boolean;
+	/** Spring tier of a plain morph, slide or fade; goo runs on its own `spring.goo`. Defaults to `'moderate'`. */
+	tier?: "moderate" | "slow";
+	/** Classes for the field. */
+	className?: string;
+}
+type Element_12xgc = JSX_1kxb["Element"];
+/**
+* A date field that opens a scrolling calendar, with an optional time.
+*
+* Pressing the field opens its panel the way Combobox opens its list (goo out
+* of the field; `effect="morph"` with `hideSource` turns the field into it in
+* place): the date as text, selected and ready to type over, above a Calendar
+* whose months scroll past with month and year columns beside them. Typing
+* reads the date in the locale's own formats ("9.10.2026", "9 Oct 2026",
+* "October 9, 2026") and scrolls the calendar to it; picking a day commits it
+* and closes the panel. `withTime` adds the time beside the date and hour and
+* minute columns (the hours read with AM/PM on a 12-hour clock), and keeps the
+* panel open while you set both. `columnsSide` and `timeColumnsSide` stand
+* 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.
+*
+* 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.
+*
+* @example {@include ./examples.mdx}
+*/
+declare function DatePicker({ value: valueProp, defaultValue, onValueChange, withTime, hourCycle, minuteStep, locale, placeholder, disabled, startMonth, endMonth, invalid, size, open: openProp, defaultOpen, onOpenChange, dir, columnsSide, timeColumnsSide, id, from, effect, hideSource, tier, className }: DatePickerProps): Element_12xgc;
+export { DatePicker as default, DatePickerProps, DatePicker };

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

@@ -0,0 +1,34 @@
+import {
+  DatePicker,
+  date_picker_default
+} from "../../../../shared/components-v7es8aan.js";
+import"../../../../shared/components-r4jt6hgd.js";
+import"../../../../shared/components-6phwsry6.js";
+import"../../../../shared/components-hzfp4tjb.js";
+import"../../../../shared/components-x2xyckd5.js";
+import"../../../../shared/components-4xxddc44.js";
+import"../../../../shared/components-r43mqnd6.js";
+import"../../../../shared/components-7cqq1sqy.js";
+import"../../../../shared/components-de8xsm9y.js";
+import"../../../../shared/components-vb033rns.js";
+import"../../../../shared/components-61ckf42z.js";
+import"../../../../shared/components-5vxtcp88.js";
+import"../../../../shared/components-5pkcfprd.js";
+import"../../../../shared/components-m5br529r.js";
+import"../../../../shared/components-csxz9f52.js";
+import"../../../../shared/components-jxgznftn.js";
+import"../../../../shared/components-r22vtgqc.js";
+import"../../../../shared/components-e46kf6cp.js";
+import"../../../../shared/components-7zp99w5d.js";
+import"../../../../shared/components-dg0w8g5p.js";
+import"../../../../shared/components-kf2ehztc.js";
+import"../../../../shared/components-7nww01w4.js";
+import"../../../../shared/components-nnnd2xef.js";
+import"../../../../shared/components-vc1k7yv2.js";
+import"../../../../shared/components-x3rz4cyn.js";
+import"../../../../shared/components-0f0as45n.js";
+import"../../../../shared/components-kpbcms10.js";
+export {
+  date_picker_default as default,
+  DatePicker
+};

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

@@ -0,0 +1,64 @@
+import { Locale } from "date-fns";
+import { RefObject } from "react";
+import { DateRange, Matcher } from "react-day-picker";
+type SizeVariant = "default" | "compact";
+import { JSX as JSX_1kxb } from "react";
+interface DateRangePickerProps {
+	/** The picked range, react-day-picker's `{ from, to }`; `null` when empty. */
+	value?: DateRange | null;
+	/** Initial range, for an uncontrolled picker. Defaults to `null`. */
+	defaultValue?: DateRange | null;
+	/** Called with the new range: `{ from }` alone after the first click, `null` when cleared. */
+	onValueChange?: (value: DateRange | null) => void;
+	/** A react-day-picker / date-fns locale (`import { de } from 'react-day-picker/locale'`). Defaults to `enUS`. */
+	locale?: Locale;
+	/** Shown while empty. */
+	placeholder?: string;
+	/** `true` disables the field; any other react-day-picker matcher disables the days it matches. */
+	disabled?: Matcher | Matcher[];
+	/** The first month the calendar reaches. Defaults to 100 years back. */
+	startMonth?: Date;
+	/** The last month the calendar reaches. Defaults to 50 years ahead. */
+	endMonth?: Date;
+	/** Marks the field invalid. Defaults to `false`. */
+	invalid?: boolean;
+	/** Pins the field and its panel to one step of the size ladder. Defaults to the surrounding SizeProvider. */
+	size?: SizeVariant;
+	/** Controlled open state. */
+	open?: boolean;
+	/** Initial open state, for an uncontrolled panel. Defaults to `false`. */
+	defaultOpen?: boolean;
+	/** Called when the panel opens or closes. */
+	onOpenChange?: (open: boolean) => void;
+	/** Text direction of the panel; `'rtl'` mirrors it. */
+	dir?: "ltr" | "rtl";
+	/** Which side of the days the month and year columns stand on. Defaults to `'end'`. */
+	columnsSide?: "start" | "end";
+	/** 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" | RefObject<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`. */
+	hideSource?: boolean;
+	/** Spring tier of a plain morph, slide or fade; goo runs on its own `spring.goo`. Defaults to `'moderate'`. */
+	tier?: "moderate" | "slow";
+	/** Classes for the field. */
+	className?: string;
+}
+type Element_12xgc = JSX_1kxb["Element"];
+/**
+* A field for a span of days, picked with two clicks on a scrolling calendar.
+*
+* The first click starts the range and the days under the pointer preview it;
+* the second ends it (either way round) and closes the panel. The header
+* holds both ends as text, each read in the locale's formats as you type, and
+* the field shows the range the way the locale writes one ("9 – 15 Oct
+* 2026"). Everything else — the month and year columns, the bottom sheet on a
+* phone, the locale — works as in DatePicker.
+*
+* @example {@include ./examples.mdx}
+*/
+declare function DateRangePicker({ value: valueProp, defaultValue, onValueChange, locale, placeholder, disabled, startMonth, endMonth, invalid, size, open: openProp, defaultOpen, onOpenChange, dir, columnsSide, id, from: growFrom, effect, hideSource, tier, className }: DateRangePickerProps): Element_12xgc;
+export { DateRangePicker as default, DateRangePickerProps, DateRangePicker };

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

@@ -0,0 +1,33 @@
+import {
+  DateRangePicker,
+  date_range_picker_default
+} from "../../../../shared/components-xszag63d.js";
+import"../../../../shared/components-6phwsry6.js";
+import"../../../../shared/components-hzfp4tjb.js";
+import"../../../../shared/components-x2xyckd5.js";
+import"../../../../shared/components-4xxddc44.js";
+import"../../../../shared/components-r43mqnd6.js";
+import"../../../../shared/components-7cqq1sqy.js";
+import"../../../../shared/components-de8xsm9y.js";
+import"../../../../shared/components-vb033rns.js";
+import"../../../../shared/components-61ckf42z.js";
+import"../../../../shared/components-5vxtcp88.js";
+import"../../../../shared/components-5pkcfprd.js";
+import"../../../../shared/components-m5br529r.js";
+import"../../../../shared/components-csxz9f52.js";
+import"../../../../shared/components-jxgznftn.js";
+import"../../../../shared/components-r22vtgqc.js";
+import"../../../../shared/components-e46kf6cp.js";
+import"../../../../shared/components-7zp99w5d.js";
+import"../../../../shared/components-dg0w8g5p.js";
+import"../../../../shared/components-kf2ehztc.js";
+import"../../../../shared/components-7nww01w4.js";
+import"../../../../shared/components-nnnd2xef.js";
+import"../../../../shared/components-vc1k7yv2.js";
+import"../../../../shared/components-x3rz4cyn.js";
+import"../../../../shared/components-0f0as45n.js";
+import"../../../../shared/components-kpbcms10.js";
+export {
+  date_range_picker_default as default,
+  DateRangePicker
+};

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

@@ -0,0 +1,57 @@
+import { Duration, Locale } from "date-fns";
+import { RefObject } from "react";
+type SizeVariant = "default" | "compact";
+import { JSX as JSX_1kxb } from "react";
+interface DurationPickerProps {
+	/** The picked duration, a date-fns `Duration` (`{ hours, minutes }`); `null` when empty. */
+	value?: Duration | null;
+	/** Initial duration, for an uncontrolled picker. Defaults to `null`. */
+	defaultValue?: Duration | null;
+	/** Called with the new duration, or `null` when the field is cleared. */
+	onValueChange?: (value: Duration | null) => void;
+	/** The longest duration's hours: the hour column runs from 0 to it. Defaults to `99`. */
+	maxHours?: number;
+	/** Steps between the minute column's options. Defaults to `1`. */
+	minuteStep?: number;
+	/** A react-day-picker / date-fns locale: the field spells the duration out in it ("1 Stunde 30 Minuten"). Defaults to `enUS`. */
+	locale?: Locale;
+	/** Shown while empty. */
+	placeholder?: string;
+	/** Disables the field. Defaults to `false`. */
+	disabled?: boolean;
+	/** Marks the field invalid. Defaults to `false`. */
+	invalid?: boolean;
+	/** Pins the field and its panel to one step of the size ladder. Defaults to the surrounding SizeProvider. */
+	size?: SizeVariant;
+	/** Controlled open state. */
+	open?: boolean;
+	/** Initial open state, for an uncontrolled panel. Defaults to `false`. */
+	defaultOpen?: boolean;
+	/** Called when the panel opens or closes. */
+	onOpenChange?: (open: boolean) => void;
+	/** 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" | RefObject<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`. */
+	hideSource?: boolean;
+	/** Spring tier of a plain morph, slide or fade; goo runs on its own `spring.goo`. Defaults to `'moderate'`. */
+	tier?: "moderate" | "slow";
+	/** Classes for the field. */
+	className?: string;
+}
+type Element_12xgc = JSX_1kxb["Element"];
+/**
+* A field for a length of time, in hours and minutes.
+*
+* The field spells the duration out in the locale ("1 hour 30 minutes"); its
+* panel has it as `H:mm` to type over, above an hour column (0 to `maxHours`)
+* and a minute column stepping by `minuteStep`. The value is a date-fns
+* `Duration`, `{ hours, minutes }`, ready for `formatDuration` or date math.
+*
+* @example {@include ./examples.mdx}
+*/
+declare function DurationPicker({ value: valueProp, defaultValue, onValueChange, maxHours, minuteStep, locale, placeholder, disabled, invalid, size, open: openProp, defaultOpen, onOpenChange, id, from, effect, hideSource, tier, className }: DurationPickerProps): Element_12xgc;
+export { DurationPicker as default, DurationPickerProps, DurationPicker };

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

@@ -0,0 +1,33 @@
+import {
+  DurationPicker,
+  duration_picker_default
+} from "../../../../shared/components-taxmgbnh.js";
+import"../../../../shared/components-r4jt6hgd.js";
+import"../../../../shared/components-hzfp4tjb.js";
+import"../../../../shared/components-x2xyckd5.js";
+import"../../../../shared/components-4xxddc44.js";
+import"../../../../shared/components-r43mqnd6.js";
+import"../../../../shared/components-7cqq1sqy.js";
+import"../../../../shared/components-de8xsm9y.js";
+import"../../../../shared/components-vb033rns.js";
+import"../../../../shared/components-61ckf42z.js";
+import"../../../../shared/components-5vxtcp88.js";
+import"../../../../shared/components-5pkcfprd.js";
+import"../../../../shared/components-m5br529r.js";
+import"../../../../shared/components-csxz9f52.js";
+import"../../../../shared/components-jxgznftn.js";
+import"../../../../shared/components-r22vtgqc.js";
+import"../../../../shared/components-e46kf6cp.js";
+import"../../../../shared/components-7zp99w5d.js";
+import"../../../../shared/components-dg0w8g5p.js";
+import"../../../../shared/components-kf2ehztc.js";
+import"../../../../shared/components-7nww01w4.js";
+import"../../../../shared/components-nnnd2xef.js";
+import"../../../../shared/components-vc1k7yv2.js";
+import"../../../../shared/components-x3rz4cyn.js";
+import"../../../../shared/components-0f0as45n.js";
+import"../../../../shared/components-kpbcms10.js";
+export {
+  duration_picker_default as default,
+  DurationPicker
+};