@nxgt/material 3.87.0 → 3.88.1

package/dist/lib/components/ui/dates/half-day-range-field/use-half-day-draft.d.ts

@@ -0,0 +1,30 @@
+import { HalfDay, HalfDayRange } from './half-day-range.js';
+export type Side = 'start' | 'end';
+export type Draft = {
+    startDate?: Date;
+    startHalf: HalfDay;
+    endDate?: Date;
+    endHalf: HalfDay;
+};
+export declare function toDraft(value?: HalfDayRange): Draft;
+/** The range both days make, ordered or not; `undefined` while a day is missing. */
+export declare function toRange(draft: Draft): HalfDayRange | undefined;
+export declare function isUnordered(draft: Draft): boolean;
+/**
+ * The two ends being edited. A half-typed range (a day missing) is the
+ * draft's, not a value: `onValueChange(undefined)`. Both days set, the range
+ * goes out as it is, ordered or not (`unordered` says the end is refused, and
+ * the form wrapper's rule refuses it in the form). The draft follows `value`
+ * when it changes from outside (a reset to `undefined` empties it), and keeps
+ * itself without a `value` (uncontrolled, from `defaultValue`).
+ *
+ * Limit: a reset to `undefined` while the emitted value is already
+ * `undefined` is not news, so a half-typed start or a cleared end stays on
+ * screen. Give the field a `key` that changes on reset to empty it.
+ */
+export declare function useHalfDayDraft(value: HalfDayRange | undefined, defaultValue: HalfDayRange | undefined, onValueChange: ((value?: HalfDayRange) => void) | undefined): {
+    draft: Draft;
+    unordered: boolean;
+    setDate: (side: Side, date?: Date) => void;
+    setHalf: (side: Side, half: HalfDay) => void;
+};

package/dist/lib/components/ui/dates/index.d.ts

@@ -2,6 +2,7 @@ export * from './calendar/index.js';
 export * from './date-field/index.js';
 export * from './date-range-field/index.js';
 export * from './duration-field/index.js';
+export * from './half-day-range-field/index.js';
 export * from './mini-month/index.js';
 export * from './now-indicator/index.js';
 export * from './time-field/index.js';

package/dist/lib/components/ui/dates/picker-trigger/typed-box.d.ts

@@ -32,7 +32,7 @@ export type TypedBoxProps = {
  * button while they hold something, and the button that opens the picker.
  * Its look is the field box's (`fieldBoxAttributes`): filled, open, the
  * focus look while a segment has focus, invalid and disabled. `data-tonal`
- * marks the tonal box of typed-box-expressive.css; the compact `'sm'` box is
+ * marks the shared bordered box that typed-box-expressive.css styles; the compact `'sm'` box is
  * a plain outlined one (typed-box-compact.ts).
  */
 export declare function TypedBox({ ref, children, filled, open, invalid, disabled, onLeave, onClear, first, clearLabel, buttonsDescribedBy, suffix, openButton, size, className, }: TypedBoxProps): import("react").JSX.Element;

package/dist/lib/components/ui/display/list-tile/list-tile.d.ts

@@ -12,7 +12,8 @@ export type ListTileCommonProps = {
      * The tile is the current one. A link tile (`href`) gets
      * `aria-current="page"` (pass your own `aria-current`, such as `"true"`
      * for a selection that is not a page, to replace it) and the selected look;
-     * a button tile (`onClick`) gets `aria-pressed`. For list-detail
+     * a button tile (`onClick`) gets `aria-pressed` only when `selected` is
+     * given (a plain clickable tile is not a toggle). For list-detail
      * navigation, give `selected` from the router's location and the tile
      * keeps a shareable URL.
      */

package/dist/lib/components/ui/display/list-tile/partials/list-tile-line.d.ts

@@ -1,3 +1,3 @@
 import { ListTileCommonProps, ListTileLinkOrButtonProps } from '../list-tile.js';
 /** A link, a button or a plain tile, with or without `actions` beside it. */
-export declare function ListTileLine({ title, subtitle, leading, trailing, chips, content, variant, inset, actions, className, selected, size, href, chevron, linkComponent: ownLink, disabled, onClick, ...props }: ListTileCommonProps & Omit<ListTileLinkOrButtonProps, 'toggle'>): string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+export declare function ListTileLine({ title, subtitle, leading, trailing, chips, content, variant, inset, actions, className, selected: selectedProp, size, href, chevron, linkComponent: ownLink, disabled, onClick, ...props }: ListTileCommonProps & Omit<ListTileLinkOrButtonProps, 'toggle'>): string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;

package/dist/lib/components/ui/display/list-tile/partials/list-tile-row.d.ts

@@ -12,6 +12,8 @@ type RenderRowOptions = {
     disabled?: boolean;
     onClick?: MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
     selected: boolean;
+    /** The raw `selected` prop: a button is a toggle (`aria-pressed`) only when it is set. */
+    pressed?: boolean;
     rowClass: string;
     body: ReactNode;
 };
@@ -20,5 +22,5 @@ type RenderRowOptions = {
  * tile (it carries the tile's attributes); with them, only the row inside the
  * box, which keeps the rest props so `aria-label`, `id`… still land on it.
  */
-export declare function renderRow({ props, tileAttrs, split, href, linkComponent, disabled, onClick, selected, rowClass, body, }: RenderRowOptions): ReactNode;
+export declare function renderRow({ props, tileAttrs, split, href, linkComponent, disabled, onClick, selected, pressed, rowClass, body, }: RenderRowOptions): ReactNode;
 export {};