@chassis-ui/react 0.2.0 → 0.3.0

package/dist/chunks/{index-BxTlIaZu.d.ts → index-CqZ68Z8R.d.ts}

@@ -20,9 +20,16 @@ interface DatePickerBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCh
   /**
    * Whether the calendar popover is open by default (uncontrolled).
    *
-   * @default false
+   * @deprecated Use `defaultVisible`.
    */
   defaultOpen?: boolean;
+  /**
+   * Whether the calendar popover is open when the date picker first renders. Use it instead of
+   * `visible` when nothing outside needs to control the popover.
+   *
+   * @default false
+   */
+  defaultVisible?: boolean;
   /**
    * Prevents the date picker from being focused or interacted with.
    */
@@ -65,6 +72,8 @@ interface DatePickerBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCh
   labels?: Partial<CalendarLabels>;
   /**
    * Whether the calendar popover is open (controlled).
+   *
+   * @deprecated Use `visible`.
    */
   isOpen?: boolean;
   /**
@@ -83,13 +92,23 @@ interface DatePickerBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCh
    * `name` of an auto-created hidden input, kept in sync with the selection, for native form
    * submission — one input when `selectionMode` is `'single'`, one per selected date when it's
    * `'multiple'` (same `name` on each, which browsers serialize as multiple form values). Omit to
-   * skip creating any.
+   * skip creating any. The value is the date's `toString()`: `2026-03-15`, with a time
+   * `2026-03-15T09:30:00`, and with a time zone `2026-03-15T09:30:00+09:00[Asia/Tokyo]`, which
+   * `parseZonedDateTime` reads back.
    */
   name?: string;
   /**
    * Callback fired when the calendar popover's open state changes.
+   *
+   * @deprecated Use `onVisibleChange`.
    */
   onOpenChange?: (isOpen: boolean) => void;
+  /**
+   * Callback fired when the calendar popover asks to open or close: the calendar button, a
+   * completed selection, the Escape key or a click outside. Receives the state it asks for.
+   * With `visible` set, the popover changes only when `visible` does.
+   */
+  onVisibleChange?: (visible: boolean) => void;
   /**
    * Size the component sm or lg.
    */
@@ -109,6 +128,11 @@ interface DatePickerBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCh
    * A success message for the field, rendered below the date picker when `valid` is set.
    */
   validFeedback?: ReactNode;
+  /**
+   * Whether the calendar popover is open. Setting it makes the popover controlled: it opens and
+   * closes only when this changes, so pair it with `onVisibleChange`.
+   */
+  visible?: boolean;
   /**
    * Number of months to display side by side in the calendar overlay.
    *
@@ -122,7 +146,40 @@ interface DatePickerSingleProps extends DatePickerBaseProps {
    */
   defaultValue?: DateValue$1 | null;
   /**
-   * Callback fired when the selected date changes.
+   * The smallest unit the field shows and edits. `'hour'`, `'minute'` and `'second'` add a time
+   * to the date: the value is then a `CalendarDateTime`, or a `ZonedDateTime` when `value`,
+   * `defaultValue` or `placeholderValue` is one, and a value or placeholder given must carry a
+   * time. Picking a day in the calendar keeps the time. A day picked in an empty field takes the
+   * time, and zone, of `defaultValue`, else `placeholderValue`, else midnight with no zone: a
+   * controlled zoned `value`, once cleared, needs a zoned `placeholderValue` to stay zoned.
+   *
+   * @default 'day', or 'minute' for a value with a time
+   */
+  granularity?: 'day' | 'hour' | 'minute' | 'second';
+  /**
+   * Hide the time zone of a `ZonedDateTime` value.
+   */
+  hideTimeZone?: boolean;
+  /**
+   * Show 12 or 24 hours. Defaults to the locale's.
+   */
+  hourCycle?: 12 | 24;
+  /**
+   * The date the segments start from while the field is empty, such as
+   * `new CalendarDateTime(2026, 1, 1, 9)`, and the month the calendar opens on. With no
+   * `defaultValue`, its time is the one a day picked in the calendar gets, and its type the type
+   * of value `onChange` receives: a `ZonedDateTime` gives zoned values. With a time
+   * `granularity` it must carry a time.
+   */
+  placeholderValue?: DateValue$1;
+  /**
+   * Show a leading zero on the day, month and hour, as `03/05` rather than `3/5`, whatever the
+   * locale does.
+   */
+  shouldForceLeadingZeros?: boolean;
+  /**
+   * Callback fired when the selected date changes. With a time (`granularity`), it receives a
+   * `CalendarDateTime` or `ZonedDateTime`.
    */
   onChange?: (value: DateValue$1 | null) => void;
   /**
@@ -182,13 +239,20 @@ interface DateRangePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onC
   /**
    * Whether the calendar popover is open by default (uncontrolled).
    *
-   * @default false
+   * @deprecated Use `defaultVisible`.
    */
   defaultOpen?: boolean;
   /**
    * The initial selected date range (uncontrolled).
    */
   defaultValue?: RangeValue<DateValue$1> | null;
+  /**
+   * Whether the calendar popover is open when the date range picker first renders. Use it
+   * instead of `visible` when nothing outside needs to control the popover.
+   *
+   * @default false
+   */
+  defaultVisible?: boolean;
   /**
    * Prevents the date range picker from being focused or interacted with.
    */
@@ -200,10 +264,29 @@ interface DateRangePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onC
    * @default 'mon'
    */
   firstDayOfWeek?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat';
+  /**
+   * The smallest unit the fields show and edit. `'hour'`, `'minute'` and `'second'` add a time
+   * to both dates: the range's dates are then `CalendarDateTime`s, or `ZonedDateTime`s when
+   * `value`, `defaultValue` or `placeholderValue` holds them, and a range or placeholder given
+   * must carry times. Picking a range in the calendar keeps the times. A range picked in an
+   * empty field takes the time, and zone, of `placeholderValue`, else midnight with no zone: a
+   * zoned range, once cleared, needs a zoned `placeholderValue` to stay zoned.
+   *
+   * @default 'day', or 'minute' for a range with times
+   */
+  granularity?: 'day' | 'hour' | 'minute' | 'second';
   /**
    * A description for the field, rendered below the date range picker.
    */
   help?: ReactNode;
+  /**
+   * Hide the time zone of `ZonedDateTime` dates.
+   */
+  hideTimeZone?: boolean;
+  /**
+   * Show 12 or 24 hours. Defaults to the locale's.
+   */
+  hourCycle?: 12 | 24;
   /**
    * `id` forwarded to the field's grouping element — useful for pairing with a `<label for>`.
    */
@@ -223,14 +306,16 @@ interface DateRangePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onC
   isDateUnavailable?: (date: DateValue$1) => boolean;
   /**
    * Overrides for the strings this component and its calendar render themselves rather than
-   * getting from the active locale — the clear adornment and the calendar's own year-view
-   * arrows/announcements. Date segment order, month and weekday names all follow `I18nProvider`'s
-   * locale via react-aria and need no override. Merged over the English defaults, so passing one
-   * key leaves the rest alone.
+   * getting from the active locale — the calendar trigger, the clear adornment and the calendar's
+   * own year-view arrows/announcements. Date segment order, month and weekday names all follow
+   * `I18nProvider`'s locale via react-aria and need no override. Merged over the English defaults,
+   * so passing one key leaves the rest alone.
    */
   labels?: Partial<CalendarLabels>;
   /**
    * Whether the calendar popover is open (controlled).
+   *
+   * @deprecated Use `visible`.
    */
   isOpen?: boolean;
   /**
@@ -248,17 +333,35 @@ interface DateRangePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onC
   /**
    * Base `name` for a pair of auto-created hidden inputs, kept in sync with the selection, for
    * native form submission — rendered as `${name}Start` and `${name}End`. Omit to skip creating
-   * them.
+   * them. Each value is the date's `toString()`: `2026-03-15`, with a time `2026-03-15T09:30:00`,
+   * and with a time zone `2026-03-15T09:30:00+09:00[Asia/Tokyo]`, which `parseZonedDateTime`
+   * reads back.
    */
   name?: string;
   /**
-   * Callback fired when the selected date range changes.
+   * Callback fired when the selected date range changes. With a time (`granularity`), its dates
+   * are `CalendarDateTime`s or `ZonedDateTime`s.
    */
   onChange?: (value: RangeValue<DateValue$1> | null) => void;
   /**
    * Callback fired when the calendar popover's open state changes.
+   *
+   * @deprecated Use `onVisibleChange`.
    */
   onOpenChange?: (isOpen: boolean) => void;
+  /**
+   * Callback fired when the calendar popover asks to open or close: the calendar button, a
+   * completed selection, the Escape key or a click outside. Receives the state it asks for.
+   * With `visible` set, the popover changes only when `visible` does.
+   */
+  onVisibleChange?: (visible: boolean) => void;
+  /**
+   * The date both fields start from while empty, such as `new CalendarDateTime(2026, 1, 1, 9)`,
+   * and the month the calendar opens on. Its time is the one a range picked in the calendar gets,
+   * and its type the type of the dates `onChange` receives: a `ZonedDateTime` gives zoned dates.
+   * With a time `granularity` it must carry a time.
+   */
+  placeholderValue?: DateValue$1;
   /**
    * A list of quick-select range presets shown in the overlay next to the calendar. Selecting a
    * preset commits its range immediately, the same as picking a start and end date from the
@@ -266,6 +369,11 @@ interface DateRangePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onC
    * show a preset list.
    */
   presets?: DateRangePreset[];
+  /**
+   * Show a leading zero on the day, month and hour, as `03/05` rather than `3/5`, whatever the
+   * locale does.
+   */
+  shouldForceLeadingZeros?: boolean;
   /**
    * Size the component sm or lg.
    */
@@ -289,6 +397,11 @@ interface DateRangePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onC
    * The selected date range (controlled).
    */
   value?: RangeValue<DateValue$1> | null;
+  /**
+   * Whether the calendar popover is open. Setting it makes the popover controlled: it opens and
+   * closes only when this changes, so pair it with `onVisibleChange`.
+   */
+  visible?: boolean;
   /**
    * Number of months to display side by side in the calendar overlay.
    *
@@ -298,4 +411,5 @@ interface DateRangePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onC
 }
 declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
-export { DatePickerProps as a, DatePickerMultipleProps as i, DateRangePickerProps as n, DatePickerSingleProps as o, DatePicker as r, DateRangePicker as t };
+export { DatePickerProps as a, DatePickerMultipleProps as i, DateRangePickerProps as n, DatePickerSingleProps as o, DatePicker as r, DateRangePicker as t };
+//# sourceMappingURL=index-CqZ68Z8R.d.ts.map

package/dist/chunks/{index-D2VVO8rx.d.ts → index-CsARGAzD.d.ts}

@@ -1,5 +1,5 @@
 import "./focus-ring-SR_LwaN7.js";
-import { t as FormFieldIds } from "./renderFormField-fBEny6JV.js";
+import { t as FormFieldIds } from "./renderFormField-ChNagAFN.js";
 import React, { HTMLAttributes, ReactNode } from "react";
 //#region src/components/floating-input/FloatingInput.d.ts
 interface FloatingInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
@@ -46,4 +46,5 @@ interface FloatingInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'child
 }
 declare const FloatingInput: React.ForwardRefExoticComponent<FloatingInputProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
-export { FloatingInputProps as n, FloatingInput as t };
+export { FloatingInputProps as n, FloatingInput as t };
+//# sourceMappingURL=index-CsARGAzD.d.ts.map

package/dist/chunks/index-CsMIgBsd.d.ts

@@ -36,4 +36,5 @@ type StackComponent = (<C extends ElementType = 'div'>(props: StackProps<C> & {
 };
 declare const Stack: StackComponent;
 //#endregion
-export { StackProps as n, Stack as t };
+export { StackProps as n, Stack as t };
+//# sourceMappingURL=index-CsMIgBsd.d.ts.map

package/dist/chunks/index-D9PZHY_I.d.ts

@@ -132,4 +132,5 @@ type AvatarStackComponent = (<C extends ElementType = 'div'>(props: AvatarStackP
 };
 declare const AvatarStack: AvatarStackComponent;
 //#endregion
-export { AvatarImageProps as a, AvatarImage as i, AvatarStackItemDef as n, Avatar as o, AvatarStackProps as r, AvatarProps as s, AvatarStack as t };
+export { AvatarImageProps as a, AvatarImage as i, AvatarStackItemDef as n, Avatar as o, AvatarStackProps as r, AvatarProps as s, AvatarStack as t };
+//# sourceMappingURL=index-D9PZHY_I.d.ts.map

package/dist/chunks/index-DAoPg59I.d.ts

@@ -77,4 +77,5 @@ type FormFeedbackComponent = (<C extends ElementType = 'div'>(props: FormFeedbac
 };
 declare const FormFeedback: FormFeedbackComponent;
 //#endregion
-export { FormLabel as a, FormProps as c, FormHelpProps as i, FormFeedbackProps as n, FormLabelProps as o, FormHelp as r, Form as s, FormFeedback as t };
+export { FormLabel as a, FormProps as c, FormHelpProps as i, FormFeedbackProps as n, FormLabelProps as o, FormHelp as r, Form as s, FormFeedback as t };
+//# sourceMappingURL=index-DAoPg59I.d.ts.map

package/dist/chunks/index-DHGgezXU.d.ts

@@ -55,4 +55,5 @@ interface ColorInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 's
 }
 declare const ColorInput: React.ForwardRefExoticComponent<ColorInputProps & React.RefAttributes<HTMLInputElement>>;
 //#endregion
-export { ColorInputProps as n, ColorInput as t };
+export { ColorInputProps as n, ColorInput as t };
+//# sourceMappingURL=index-DHGgezXU.d.ts.map

package/dist/chunks/index-DHOG_rjE.d.ts

@@ -0,0 +1,121 @@
+import "./focus-ring-SR_LwaN7.js";
+import { i as IconValue } from "./iconConfig-C6gbYhsD.js";
+import React, { InputHTMLAttributes, ReactNode } from "react";
+//#region src/components/number-field/NumberField.d.ts
+interface NumberFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'inputMode' | 'max' | 'min' | 'onChange' | 'size' | 'step' | 'type' | 'value'> {
+  /**
+   * Content rendered at the input's trailing edge, before the step buttons, e.g. a unit as an
+   * `InputAdorn`.
+   */
+  adornEnd?: ReactNode;
+  /**
+   * Content rendered at the input's leading edge, e.g. an `InputAdorn` icon or text.
+   */
+  adornStart?: ReactNode;
+  /**
+   * A string of all className you want applied to the component.
+   */
+  className?: string;
+  /**
+   * The name of the decrement button for screen readers. Defaults to "Decrease" and the field's
+   * label, in the locale's language.
+   */
+  decrementAriaLabel?: string;
+  /**
+   * The decrement button's icon, in place of `IconProvider`'s `decrement`.
+   */
+  decrementIcon?: IconValue;
+  /**
+   * The value of the field, uncontrolled.
+   */
+  defaultValue?: number;
+  /**
+   * Toggle the disabled state for the component.
+   */
+  disabled?: boolean;
+  /**
+   * How the value is shown and typed: decimals, a percent, a currency or a unit, with the
+   * locale's separators. `Intl.NumberFormat`'s options.
+   */
+  formatOptions?: Intl.NumberFormatOptions;
+  /**
+   * A description for the field, rendered below the input.
+   */
+  help?: ReactNode;
+  /**
+   * The name of the increment button for screen readers. Defaults to "Increase" and the field's
+   * label, in the locale's language.
+   */
+  incrementAriaLabel?: string;
+  /**
+   * The increment button's icon, in place of `IconProvider`'s `increment`.
+   */
+  incrementIcon?: IconValue;
+  /**
+   * Set component validation state to invalid.
+   */
+  invalid?: boolean;
+  /**
+   * An error message for the field, rendered below the input when `invalid` is set.
+   */
+  invalidFeedback?: ReactNode;
+  /**
+   * The field's caption, rendered as a `FormLabel` associated with this input.
+   */
+  label?: ReactNode;
+  /**
+   * The largest value. A larger one typed in is clamped to it when the field loses focus.
+   */
+  max?: number;
+  /**
+   * The smallest value. A smaller one typed in is clamped to it when the field loses focus.
+   */
+  min?: number;
+  /**
+   * Handler that is called when the value is committed: on a step (a button, an arrow key, Home,
+   * End, the mouse wheel), on Enter or when the field loses focus after typing, on a paste that
+   * replaces the whole text, and on a form reset. `NaN` when the field is empty.
+   */
+  onChange?: (value: number) => void;
+  /**
+   * Toggle the readonly state for the component.
+   */
+  readOnly?: boolean;
+  /**
+   * Toggle the required state for the component.
+   */
+  required?: boolean;
+  /**
+   * Size the component sm or lg.
+   */
+  size?: 'sm' | 'lg';
+  /**
+   * The amount the buttons and the arrow keys add or take away. A typed value snaps to it,
+   * counted from `min`.
+   *
+   * @default 1
+   */
+  step?: number;
+  /**
+   * Show the increment and decrement buttons. Without them the arrow keys still step the value.
+   *
+   * @default true
+   */
+  stepButtons?: boolean;
+  /**
+   * Set component validation state to valid.
+   */
+  valid?: boolean;
+  /**
+   * A success message for the field, rendered below the input when `valid` is set.
+   */
+  validFeedback?: ReactNode;
+  /**
+   * The value of the field, controlled. `NaN` for an empty field.
+   */
+  value?: number;
+}
+declare const NumberField: React.ForwardRefExoticComponent<NumberFieldProps & React.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { NumberFieldProps as n, NumberField as t };
+//# sourceMappingURL=index-DHOG_rjE.d.ts.map

package/dist/chunks/index-DJfga0Ce.d.ts

@@ -0,0 +1,57 @@
+import "./focus-ring-SR_LwaN7.js";
+import { t as Placement } from "./overlayPlacement-CIsLpycT.js";
+import React, { HTMLAttributes, ReactElement, ReactNode } from "react";
+//#region src/components/tooltip/Tooltip.d.ts
+interface TooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'content'> {
+  /**
+   * The trigger: a single element, which shows the tooltip on hover and focus.
+   */
+  children: ReactElement;
+  /**
+   * Content node for your component.
+   */
+  content: ReactNode | string;
+  /**
+   * Whether the tooltip is shown when it first renders. Use it instead of `visible` when nothing
+   * outside needs to control the tooltip.
+   */
+  defaultVisible?: boolean;
+  /**
+   * Offset of the tooltip relative to its target, as `[crossAxis, mainAxis]`.
+   */
+  offset?: [number, number];
+  /**
+   * Callback fired when the tooltip hides.
+   */
+  onHide?: () => void;
+  /**
+   * Callback fired when the tooltip shows.
+   */
+  onShow?: () => void;
+  /**
+   * Callback fired when the tooltip asks to show or hide: hover, focus, blur, the Escape key, or
+   * the closing of the dialog it is in. Receives the state it asks for. With `visible` set, the
+   * tooltip changes only when `visible` does.
+   */
+  onVisibleChange?: (visible: boolean) => void;
+  /**
+   * Describes the preferred placement of your component. Chassis will flip it to keep it in
+   * view.
+   */
+  placement?: Placement;
+  /**
+   * Tooltips always show on focus, since keyboard/screen-reader users need them too. Set to
+   * `'focus'` to disable the hover trigger and show on focus only.
+   */
+  trigger?: 'hover' | 'focus';
+  /**
+   * Whether the tooltip is shown. Setting it makes the tooltip controlled: it shows and hides
+   * only when this changes, so pair it with `onVisibleChange`. Leave it unset, or use
+   * `defaultVisible`, for a tooltip that shows and hides itself.
+   */
+  visible?: boolean;
+}
+declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { TooltipProps as n, Tooltip as t };
+//# sourceMappingURL=index-DJfga0Ce.d.ts.map

package/dist/chunks/{index-BTDgfLxK.d.ts → index-DJr_ZK4b.d.ts}

@@ -1,6 +1,7 @@
 import "./focus-ring-SR_LwaN7.js";
 import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
-import { n as LinkProps } from "./Link-B0Y1xgYi.js";
+import { n as LinkProps } from "./Link-nrd0JWlO.js";
+import { t as NavVariant } from "./navVariant-CnD21GBS.js";
 import React, { ElementType, HTMLAttributes, ReactElement, Ref } from "react";
 //#region src/components/nav/Nav.d.ts
 interface NavItemDef {
@@ -39,9 +40,17 @@ type NavOwnProps<C extends ElementType> = {
    */
   layout?: 'fill' | 'justified';
   /**
-   * Set the nav variant to tabs or pills.
+   * Size the component sm or lg.
    */
-  variant?: 'tabs' | 'pills';
+  size?: 'sm' | 'lg';
+  /**
+   * Set the nav variant to tabs, to segments (a segmented control) or to underline, which
+   * underlines the active link. `'pills'` is the former name of `'segments'`: deprecated, it
+   * renders the same.
+   *
+   * @type { 'tabs' | 'segments' | 'underline' | 'pills' }
+   */
+  variant?: NavVariant;
 };
 type NavProps<C extends ElementType = 'ul'> = PolymorphicComponentProps<C, NavOwnProps<C>>;
 type NavComponent = (<C extends ElementType = 'ul'>(props: NavProps<C> & {
@@ -75,7 +84,13 @@ type NavLinkComponent = (<C extends ElementType = 'a'>(props: NavLinkProps<C> &
 declare const NavLink: NavLinkComponent;
 //#endregion
 //#region src/components/nav/NavItem.d.ts
-type NavItemComponent = (<C extends ElementType = 'a'>(props: NavLinkProps<C> & {
+type NavItemProps<C extends ElementType = 'a'> = NavLinkProps<C> & {
+  /**
+   * Keeps the item in the list inside a `NavOverflow`, whatever the width.
+   */
+  keepVisible?: boolean;
+};
+type NavItemComponent = (<C extends ElementType = 'a'>(props: NavItemProps<C> & {
   ref?: Ref<HTMLLIElement>;
 }) => ReactElement | null) & {
   displayName?: string;
@@ -91,4 +106,5 @@ interface NavTitleProps extends HTMLAttributes<HTMLLIElement> {
 }
 declare const NavTitle: React.ForwardRefExoticComponent<NavTitleProps & React.RefAttributes<HTMLLIElement>>;
 //#endregion
-export { NavLinkProps as a, NavProps as c, NavLink as i, NavTitleProps as n, Nav as o, NavItem as r, NavItemDef as s, NavTitle as t };
+export { NavLink as a, NavItemDef as c, NavItemProps as i, NavProps as l, NavTitleProps as n, NavLinkProps as o, NavItem as r, Nav as s, NavTitle as t };
+//# sourceMappingURL=index-DJr_ZK4b.d.ts.map

package/dist/chunks/index-DMbdEm__.d.ts

@@ -0,0 +1,119 @@
+import "./focus-ring-SR_LwaN7.js";
+import React, { HTMLAttributes, ReactNode } from "react";
+import { TimeValue } from "react-aria";
+//#region src/components/time-field/TimeField.d.ts
+interface TimeFieldProps extends Omit<HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange'> {
+  /**
+   * An accessible label for the field, used when there's no visible `label`.
+   */
+  'aria-label'?: string;
+  /**
+   * Identifies a visible element that labels the field.
+   */
+  'aria-labelledby'?: string;
+  /**
+   * Focus the first segment when the field mounts.
+   */
+  autoFocus?: boolean;
+  /**
+   * A string of all className you want applied to the component.
+   */
+  className?: string;
+  /**
+   * The value of the field, uncontrolled.
+   */
+  defaultValue?: TimeValue | null;
+  /**
+   * Toggle the disabled state for the component.
+   */
+  disabled?: boolean;
+  /**
+   * The id of a form elsewhere on the page that the field belongs to.
+   */
+  form?: string;
+  /**
+   * The smallest unit shown and edited.
+   *
+   * @default 'minute'
+   */
+  granularity?: 'hour' | 'minute' | 'second';
+  /**
+   * A description for the field, rendered below it.
+   */
+  help?: ReactNode;
+  /**
+   * Hide the time zone of a `ZonedDateTime` value.
+   */
+  hideTimeZone?: boolean;
+  /**
+   * Show 12 or 24 hours. Defaults to the locale's.
+   */
+  hourCycle?: 12 | 24;
+  /**
+   * Set component validation state to invalid.
+   */
+  invalid?: boolean;
+  /**
+   * An error message for the field, rendered below it when `invalid` is set.
+   */
+  invalidFeedback?: ReactNode;
+  /**
+   * The field's caption, rendered as a `FormLabel` that names the field.
+   */
+  label?: ReactNode;
+  /**
+   * The latest time. A later one entered marks the field invalid.
+   */
+  maxValue?: TimeValue | null;
+  /**
+   * The earliest time. An earlier one entered marks the field invalid.
+   */
+  minValue?: TimeValue | null;
+  /**
+   * The name the value is submitted under with a form, as an ISO 8601 time (`09:30:00`).
+   */
+  name?: string;
+  /**
+   * Handler that is called when the value changes: once every segment has a value, and with
+   * `null` once every segment is empty. A partly emptied field keeps its last value.
+   */
+  onChange?: (value: TimeValue | null) => void;
+  /**
+   * The time the segments start from when the field is empty, such as `new Time(9)`. It also
+   * sets the type of value `onChange` receives.
+   */
+  placeholderValue?: TimeValue;
+  /**
+   * Toggle the readonly state for the component.
+   */
+  readOnly?: boolean;
+  /**
+   * Toggle the required state for the component.
+   */
+  required?: boolean;
+  /**
+   * Show a leading zero on the hour, as `09:30` rather than `9:30`, whatever the locale does.
+   */
+  shouldForceLeadingZeros?: boolean;
+  /**
+   * Size the component sm or lg.
+   */
+  size?: 'sm' | 'lg';
+  /**
+   * Set component validation state to valid.
+   */
+  valid?: boolean;
+  /**
+   * A success message for the field, rendered below it when `valid` is set.
+   */
+  validFeedback?: ReactNode;
+  /**
+   * The value of the field, controlled: a `Time`, or a `CalendarDateTime` or `ZonedDateTime`
+   * whose date is kept. `null` for an empty field.
+   */
+  value?: TimeValue | null;
+}
+declare const TimeField: React.ForwardRefExoticComponent<TimeFieldProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { TimeFieldProps as n, TimeField as t };
+//# sourceMappingURL=index-DMbdEm__.d.ts.map

package/dist/chunks/{index-DJJocp_q.d.ts → index-DXjbI7Yv.d.ts}

@@ -1,6 +1,6 @@
 import "./focus-ring-SR_LwaN7.js";
 import { n as ContextColor } from "./types-CS_40Txv.js";
-import { t as ButtonObject } from "./renderFormCheck-CYWG-Rbt.js";
+import { t as ButtonObject } from "./renderFormCheck-DZh_5Df8.js";
 import React, { HTMLAttributes, InputHTMLAttributes, ReactNode } from "react";
 //#region src/components/checkbox/Checkbox.d.ts
 interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'defaultChecked' | 'onChange' | 'size'> {
@@ -129,4 +129,5 @@ interface CheckboxGroupProps extends Omit<HTMLAttributes<HTMLFieldSetElement>, '
 }
 declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
 //#endregion
-export { CheckboxProps as i, CheckboxGroupProps as n, Checkbox as r, CheckboxGroup as t };
+export { CheckboxProps as i, CheckboxGroupProps as n, Checkbox as r, CheckboxGroup as t };
+//# sourceMappingURL=index-DXjbI7Yv.d.ts.map