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

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

@@ -1,100 +1,23 @@
-import { Locale as Locale2 } from "date-fns";
-import { ForwardRefExoticComponent as ForwardRefExoticComponent2, InputHTMLAttributes as InputHTMLAttributes2, ReactNode as ReactNode6, Ref as Ref2, RefAttributes as RefAttributes2, RefObject as RefObject4 } from "react";
+import { Locale } from "date-fns";
+import { RefObject as RefObject2 } from "react";
 import { DateRange, 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 DateRangePickerLabels {
-	/** Names the range's start: the panel's start input, and an `editable` field's. Defaults to `"Start date"`. */
-	start?: string;
-	/** Names the range's end: the panel's end input, and an `editable` field's. Defaults to `"End date"`. */
-	end?: 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;
-	/** Caption under an `editable` field holding an end that is no real date, rendered as the field's next sibling; `null` keeps only the destructive ring. Defaults to `"Invalid date"`. */
-	invalid?: ReactNode6;
-}
-/** Attributes for one end's input of an `editable` range, its `ref` included. */
-type DateRangeInputProps = Omit<InputHTMLAttributes2<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "type"> & {
-	ref?: Ref2<HTMLInputElement>;
-} & {
-	[data: `data-${string}`]: string | number | boolean | undefined;
-};
-interface DateRangePickerProps extends PickerControlProps {
+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. An `editable` end left incomplete or impossible reports an Invalid Date there (`isNaN(date.getTime())`), so a form can reject it. */
+	/** Called with the new range: `{ from }` alone after the first click, `null` when cleared. */
 	onValueChange?: (value: DateRange | null) => void;
-	/** The field is two text inputs to type the ends into, in the locale's numeric order ("09.10.2026 – 15.10.2026"); its calendar icon opens the panel. Defaults to `false`. */
-	editable?: boolean;
-	/** Adds hour and minute columns, and the times to the field. The columns set the end being picked (the start after the first click, the end after the second), or whichever end's input has focus; a new start takes 00:00 and a new end 23:59. Defaults to `false`. */
-	withTime?: boolean;
-	/** The clock for the times: 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;
-	/** The field's text for each end, in place of the locale's range format: `(date) => …`. */
-	formatDate?: (date: Date) => ReactNode6;
-	/** Every word the picker shows or announces (`start`, `end`, `calendar`, `close`, `month`, `year`, `hour`, `minute`, `invalid`), for translating it. Defaults to English and the locale's field names. */
-	labels?: DateRangePickerLabels;
-	/** Shows the range but never opens or takes typing. Defaults to `false`. */
-	readOnly?: boolean;
-	/** A react-day-picker / date-fns locale (`import { de } from 'react-day-picker/locale'`), or a BCP 47 tag (`"sk"`) read through Intl. Defaults to `enUS`. */
-	locale?: Locale2 | string;
+	/** 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[];
-	/** 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[];
-	/** Names both ends for a native form: two hidden inputs carry them, start then end, as `"yyyy-MM-dd"` (with `withTime`, `"yyyy-MM-ddTHH:mm"`). */
-	name?: string;
-	/** Names the start's hidden input on its own, in place of `name`. */
-	startName?: string;
-	/** Names the end's hidden input on its own, in place of `name`. */
-	endName?: string;
-	/** Attributes for an `editable` field's start input (`ref`, `id`, `aria-*`, handlers…), over the picker's own. */
-	startInputProps?: DateRangeInputProps;
-	/** Attributes for an `editable` field's end input, over the picker's own. */
-	endInputProps?: DateRangeInputProps;
 	/** The first month the calendar reaches. Defaults to 100 years back. */
 	startMonth?: Date;
 	/** The last month the calendar reaches. Defaults to 50 years ahead. */
@@ -115,12 +38,10 @@ interface DateRangePickerProps extends PickerControlProps {
 	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's control (its button, or an `editable` field's start 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`. */
@@ -130,6 +51,7 @@ interface DateRangePickerProps extends PickerControlProps {
 	/** 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.
 *
@@ -140,23 +62,7 @@ interface DateRangePickerProps extends PickerControlProps {
 * 2026"). Everything else — the month and year columns, the bottom sheet on a
 * phone, the locale — works as in DatePicker.
 *
-* `editable` turns the field into two masked inputs, one per end, typed in
-* the locale's numeric order as DatePicker's are; the calendar icon opens the
-* panel. `withTime` adds the times: hour and minute columns beside the days
-* set the end being picked (the start after the first click, the end after
-* the second) or whichever end's header input has focus, lit in the header,
-* and the panel stays open until closed. `formatDate` writes each end in the
-* field and `labels` every word, `hidden` days leave gaps, and `readOnly`
-* shows the range without opening.
-*
-* In a form, `name` submits both ends through hidden inputs (or
-* `startName` / `endName` one each), and `required` stops a submit until
-* both are set. `id`, the `aria-*` props, `onBlur`, `controlProps` and the
-* `ref` reach the field's control: its button, or both inputs of an
-* `editable` field (the `ref` and `id` its start), where `startInputProps`
-* and `endInputProps` add to each.
-*
 * @example {@include ./examples.mdx}
 */
-declare const DateRangePicker: ForwardRefExoticComponent2<DateRangePickerProps & RefAttributes2<HTMLButtonElement | HTMLInputElement>>;
-export { DateRangeInputProps, DateRangePicker, DateRangePickerLabels, DateRangePickerProps, DateRangePicker as default };
+declare function DateRangePicker({ value: valueProp, defaultValue, onValueChange, locale, placeholder, disabled, startMonth, endMonth, variant, invalid, size, open: openProp, defaultOpen, onOpenChange, dir, columnsSide, id, from: growFrom, effect, hideSource, tier, className }: DateRangePickerProps): Element_12xgc;
+export { DateRangePicker, DateRangePickerProps, DateRangePicker as default };

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

@@ -1,41 +1,30 @@
 import {
   DateRangePicker2,
   date_range_picker_default
-} from "../../../../shared/components-1kab3j44.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-sn1rxx1d.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 {
   DateRangePicker2 as DateRangePicker,
   date_range_picker_default as default

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

@@ -1,68 +1,22 @@
 import { Duration, Locale } from "date-fns";
-import { ForwardRefExoticComponent as ForwardRefExoticComponent2, ReactNode as ReactNode6, RefAttributes as RefAttributes2, RefObject as RefObject4 } from "react";
+import { RefObject as RefObject2 } from "react";
 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 announces, for translating it. */
-interface DurationPickerLabels {
-	/** Names the panel's duration input. Defaults to the `placeholder`, else `"Duration"`. */
-	duration?: string;
-	/** Names the hour column. Defaults to the locale's name for it. */
-	hour?: string;
-	/** Names the minute column. Defaults to the locale's name for it. */
-	minute?: string;
-	/** Names the panel's close button. Defaults to `"Close"`. */
-	close?: string;
-}
-interface DurationPickerProps extends PickerControlProps {
+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 shortest duration's hours: the hour column starts at it, and a minute picked on an empty field takes it. Defaults to `0`. */
-	minHours?: number;
-	/** The longest duration's hours: the hour column runs up to it. Defaults to `99`. */
+	/** The longest duration's hours: the hour column runs from 0 to it. Defaults to `99`. */
 	maxHours?: number;
-	/** Steps between the hour column's options, from `minHours`. Defaults to `1`. */
-	hourStep?: number;
 	/** Steps between the minute column's options. Defaults to `1`. */
 	minuteStep?: number;
-	/** A react-day-picker / date-fns locale, or a BCP 47 tag (`"sk"`) read through Intl: the field spells the duration out in it ("1 Stunde 30 Minuten"; a tag reads the names in English). Defaults to `enUS`. */
-	locale?: Locale | string;
-	/** The field's text for a duration, in place of the locale's words: `(value) => …`, given `{ hours, minutes }`. */
-	formatValue?: (value: Duration) => ReactNode6;
-	/** Every word the picker announces (`duration`, `hour`, `minute`, `close`), for translating it. Defaults to English and the locale's field names. */
-	labels?: DurationPickerLabels;
-	/** Shows the duration but never opens. Defaults to `false`. */
-	readOnly?: boolean;
-	/** Names the value for a native form: a hidden input carries it as an ISO 8601 duration (`"PT1H30M"`). */
-	name?: string;
+	/** 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`. */
@@ -82,7 +36,7 @@ interface DurationPickerProps extends PickerControlProps {
 	/** 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`. */
@@ -92,23 +46,16 @@ interface DurationPickerProps extends PickerControlProps {
 	/** 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 (`minHours` to
-* `maxHours`, stepping by `hourStep`) and a minute column stepping by
-* `minuteStep`. The value is a date-fns `Duration`, `{ hours, minutes }`,
-* ready for `formatDuration` or date math.
-*
-* `formatValue` writes the field's text and `labels` every word it
-* announces; `locale` also takes a BCP 47 tag. `readOnly` shows the duration
-* and never opens. In a form, `name` submits the value as an ISO 8601
-* duration (`"PT1H30M"`) and `required` stops an empty submit; `id`, the
-* `aria-*` props, `onBlur`, `controlProps` and the `ref` reach the field's
-* button.
+* 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 const DurationPicker: ForwardRefExoticComponent2<DurationPickerProps & RefAttributes2<HTMLButtonElement>>;
-export { DurationPicker, DurationPickerLabels, DurationPickerProps, DurationPicker as default };
+declare function DurationPicker({ value: valueProp, defaultValue, onValueChange, maxHours, minuteStep, locale, placeholder, disabled, variant, invalid, size, open: openProp, defaultOpen, onOpenChange, id, from, effect, hideSource, tier, className }: DurationPickerProps): Element_12xgc;
+export { DurationPicker, DurationPickerProps, DurationPicker as default };

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

@@ -1,39 +1,30 @@
 import {
   DurationPicker2,
   duration_picker_default
-} from "../../../../shared/components-jymmaevv.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-6p8tfcd6.js";
+import"../../../../shared/components-mjthm1kf.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 {
   DurationPicker2 as DurationPicker,
   duration_picker_default as default

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

@@ -1,62 +1,18 @@
 import { Locale } from "date-fns";
-import { ForwardRefExoticComponent as ForwardRefExoticComponent2, ReactNode as ReactNode6, RefAttributes as RefAttributes2, RefObject as RefObject4 } from "react";
+import { RefObject as RefObject2 } from "react";
 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 announces, for translating it. */
-interface MonthPickerLabels {
-	/** Names the panel's month input. Defaults to the `placeholder`, else `"Month"`. */
-	field?: 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 panel's close button. Defaults to `"Close"`. */
-	close?: string;
-}
-interface MonthPickerProps extends PickerControlProps {
+import { JSX as JSX_1kxb } from "react";
+interface MonthPickerProps {
 	/** The picked month as its first day; `null` when empty. */
 	value?: Date | null;
 	/** Initial month, for an uncontrolled picker. Defaults to `null`. */
 	defaultValue?: Date | null;
 	/** Called with the new month's first day, or `null` when the field is cleared. */
 	onValueChange?: (value: Date | null) => void;
-	/** A react-day-picker / date-fns locale, or a BCP 47 tag (`"sk"`) read through Intl: month names and what typing reads. Defaults to `enUS`. */
-	locale?: Locale | string;
-	/** Adds the year column, and the year to the field. `false` leaves a month of the current year (or of the value's). Defaults to `true`. */
-	withYear?: boolean;
-	/** The field's text for a month, in place of the locale's ("October 2026"): `(date) => …`, given its first day. */
-	formatDate?: (date: Date) => ReactNode6;
-	/** Every word the picker announces (`field`, `month`, `year`, `close`), for translating it. Defaults to English and the locale's field names. */
-	labels?: MonthPickerLabels;
-	/** Shows the month but never opens. Defaults to `false`. */
-	readOnly?: boolean;
-	/** Names the value for a native form: a hidden input carries it as `"yyyy-MM"` (an `<input type="month">`'s value). */
-	name?: string;
+	/** A react-day-picker / date-fns locale: month names and what typing reads. Defaults to `enUS`. */
+	locale?: Locale;
 	/** Shown while empty. */
 	placeholder?: string;
 	/** The first month that can be picked. Defaults to 100 years back. */
@@ -80,7 +36,7 @@ interface MonthPickerProps extends PickerControlProps {
 	/** 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`. */
@@ -90,22 +46,16 @@ interface MonthPickerProps extends PickerControlProps {
 	/** Classes for the field. */
 	className?: string;
 }
+type Element_12xgc = JSX_1kxb["Element"];
 /**
 * A field for a month of a year: a billing period, a card's expiry.
 *
 * The panel has the month as text to type over ("October 2026", "10/2026"),
 * above a month column and a year column; the picked month and year carry a
 * dot. The value is the month's first day, the way react-day-picker names a
-* month. `withYear={false}` leaves the month column alone, for a month of
-* no particular year (the value keeps the current year).
-*
-* `formatDate` writes the field's text and `labels` every word it
-* announces; `locale` also takes a BCP 47 tag. `readOnly` shows the month
-* and never opens. In a form, `name` submits the value as `"yyyy-MM"` and
-* `required` stops an empty submit; `id`, the `aria-*` props, `onBlur`,
-* `controlProps` and the `ref` reach the field's button.
+* month.
 *
 * @example {@include ./examples.mdx}
 */
-declare const MonthPicker: ForwardRefExoticComponent2<MonthPickerProps & RefAttributes2<HTMLButtonElement>>;
-export { MonthPicker, MonthPickerLabels, MonthPickerProps, MonthPicker as default };
+declare function MonthPicker({ value: valueProp, defaultValue, onValueChange, locale, placeholder, startMonth, endMonth, disabled, variant, invalid, size, open: openProp, defaultOpen, onOpenChange, id, from, effect, hideSource, tier, className }: MonthPickerProps): Element_12xgc;
+export { MonthPicker, MonthPickerProps, MonthPicker as default };

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

@@ -1,38 +1,29 @@
 import {
   MonthPicker2,
   month_picker_default
-} from "../../../../shared/components-5sxjeh6h.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-y9y0g8er.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 {
   MonthPicker2 as MonthPicker,
   month_picker_default as default