@orianatech/pire 0.2.0

package/dist/components/forms/ComboBox.d.cts

@@ -0,0 +1,45 @@
+import type * as React from 'react';
+export interface ComboBoxOption {
+    value: string;
+    label: string;
+    secondary?: string;
+    isDisabled?: boolean;
+}
+export interface ComboBoxProps {
+    label?: React.ReactNode;
+    value?: string | null;
+    defaultValue?: string;
+    onChange?: (value: string | null) => void;
+    /**
+     * Free-text as typed, on every keystroke.
+     *
+     * Server-side search is only partly supported. `options` is passed to React Aria as
+     * `defaultItems`, so React Aria applies its own local "contains" filter on top of
+     * whatever you supply: any result whose `label` does not literally contain the typed
+     * text is hidden client-side, and when the local filter matches nothing the menu
+     * closes. Fuzzy, synonym, code-to-description and server-ranked matches are therefore
+     * dropped. Use this to observe input (analytics, a debounced prefetch, mirroring the
+     * text elsewhere), or for server search only where the returned labels are guaranteed
+     * to contain the query as a substring. For true server-driven search with no local
+     * filtering, use ValueHelpField.
+     */
+    onInputChange?: (text: string) => void;
+    options?: Array<string | ComboBoxOption>;
+    placeholder?: string;
+    description?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    isReadOnly?: boolean;
+    /** Allow committing free text that isn't in `options`, instead of reverting to the last valid selection. */
+    allowsCustomValue?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    name?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/** Type-ahead picker for lists too long to scroll — material, cost centre, G/L account.
+ *  Below ~10 fixed options use Select; for master-data search with several columns use ValueHelpField. */
+export declare function ComboBox({ label, value, defaultValue, onChange, onInputChange, options, description, errorMessage, size, fullWidth, className, style, ...rest }: ComboBoxProps): React.JSX.Element;

package/dist/components/forms/ComboBox.d.ts

@@ -0,0 +1,46 @@
+import type * as React from 'react';
+export interface ComboBoxOption {
+    value: string;
+    label: string;
+    secondary?: string;
+    isDisabled?: boolean;
+}
+export interface ComboBoxProps {
+    label?: React.ReactNode;
+    value?: string | null;
+    defaultValue?: string;
+    onChange?: (value: string | null) => void;
+    /**
+     * Free-text as typed, on every keystroke.
+     *
+     * Server-side search is only partly supported. `options` is passed to React Aria as
+     * `defaultItems`, so React Aria applies its own local "contains" filter on top of
+     * whatever you supply: any result whose `label` does not literally contain the typed
+     * text is hidden client-side, and when the local filter matches nothing the menu
+     * closes. Fuzzy, synonym, code-to-description and server-ranked matches are therefore
+     * dropped. Use this to observe input (analytics, a debounced prefetch, mirroring the
+     * text elsewhere), or for server search only where the returned labels are guaranteed
+     * to contain the query as a substring. For true server-driven search with no local
+     * filtering, use ValueHelpField.
+     */
+    onInputChange?: (text: string) => void;
+    options?: Array<string | ComboBoxOption>;
+    placeholder?: string;
+    description?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    isReadOnly?: boolean;
+    /** Allow committing free text that isn't in `options`, instead of reverting to the last valid selection. */
+    allowsCustomValue?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    name?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/** Type-ahead picker for lists too long to scroll — material, cost centre, G/L account.
+ *  Below ~10 fixed options use Select; for master-data search with several columns use ValueHelpField. */
+export declare function ComboBox({ label, value, defaultValue, onChange, onInputChange, options, description, errorMessage, size, fullWidth, className, style, ...rest }: ComboBoxProps): React.JSX.Element;
+//# sourceMappingURL=ComboBox.d.ts.map

package/dist/components/forms/ComboBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../../src/components/forms/ComboBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,MAAM,WAAW,cAAc;IAAG,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE;AAE1G,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C;;;;;;;;;;;;OAYG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4GAA4G;IAC5G,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAKD;0GAC0G;AAC1G,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAY,EAC1F,WAAW,EAAE,YAAY,EAAE,IAAW,EAAE,SAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,qBAiCrG"}

package/dist/components/forms/DatePicker.d.cts

@@ -0,0 +1,27 @@
+import type * as React from 'react';
+import type { DateValue } from 'react-aria-components';
+export interface DatePickerProps {
+    label?: React.ReactNode;
+    value?: DateValue | null;
+    defaultValue?: DateValue | null;
+    onChange?: (value: DateValue | null) => void;
+    minValue?: DateValue;
+    maxValue?: DateValue;
+    /** Return true for dates that cannot be picked — factory calendar, blocked periods. */
+    isDateUnavailable?: (date: DateValue) => boolean;
+    description?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    name?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/** Date entry with a segmented field and a calendar popover. Segments follow the user's locale,
+ *  so a German user types dd.mm.yyyy without any prop change. Wrap the app in React Aria's
+ *  I18nProvider to pin a locale. */
+export declare function DatePicker({ label, description, errorMessage, size, fullWidth, className, style, ...rest }: DatePickerProps): React.JSX.Element;

package/dist/components/forms/DatePicker.d.ts

@@ -0,0 +1,28 @@
+import type * as React from 'react';
+import type { DateValue } from 'react-aria-components';
+export interface DatePickerProps {
+    label?: React.ReactNode;
+    value?: DateValue | null;
+    defaultValue?: DateValue | null;
+    onChange?: (value: DateValue | null) => void;
+    minValue?: DateValue;
+    maxValue?: DateValue;
+    /** Return true for dates that cannot be picked — factory calendar, blocked periods. */
+    isDateUnavailable?: (date: DateValue) => boolean;
+    description?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    name?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/** Date entry with a segmented field and a calendar popover. Segments follow the user's locale,
+ *  so a German user types dd.mm.yyyy without any prop change. Wrap the app in React Aria's
+ *  I18nProvider to pin a locale. */
+export declare function DatePicker({ label, description, errorMessage, size, fullWidth, className, style, ...rest }: DatePickerProps): React.JSX.Element;
+//# sourceMappingURL=DatePicker.d.ts.map

package/dist/components/forms/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/forms/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAIvD,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uFAAuF;IACvF,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAC;IACjD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;oCAEoC;AACpC,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,IAAW,EAAE,SAAgB,EAC1F,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,qBA4C7C"}

package/dist/components/forms/FormField.d.cts

@@ -0,0 +1,17 @@
+import type * as React from 'react';
+export interface FormFieldProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    label: React.ReactNode;
+    /** id of the control this label points at. Required when wrapping a bare control. */
+    htmlFor?: string;
+    isRequired?: boolean;
+    /** Static help text. Hidden while an error is shown. */
+    hint?: React.ReactNode;
+    /** Error message; rendered in an alert row with an icon. */
+    error?: React.ReactNode;
+    /** horizontal = right-aligned 160px label column, the ERP detail-form default. */
+    layout?: 'stacked' | 'horizontal';
+    children?: React.ReactNode;
+}
+/** Label + control + hint/error wrapper for controls that do not manage their own label
+ *  (most Pire controls do — use their `label` prop first). */
+export declare function FormField({ label, htmlFor, isRequired, hint, error, layout, children, className, ...rest }: FormFieldProps): React.JSX.Element;

package/dist/components/forms/FormField.d.ts

@@ -0,0 +1,18 @@
+import type * as React from 'react';
+export interface FormFieldProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    label: React.ReactNode;
+    /** id of the control this label points at. Required when wrapping a bare control. */
+    htmlFor?: string;
+    isRequired?: boolean;
+    /** Static help text. Hidden while an error is shown. */
+    hint?: React.ReactNode;
+    /** Error message; rendered in an alert row with an icon. */
+    error?: React.ReactNode;
+    /** horizontal = right-aligned 160px label column, the ERP detail-form default. */
+    layout?: 'stacked' | 'horizontal';
+    children?: React.ReactNode;
+}
+/** Label + control + hint/error wrapper for controls that do not manage their own label
+ *  (most Pire controls do — use their `label` prop first). */
+export declare function FormField({ label, htmlFor, isRequired, hint, error, layout, children, className, ...rest }: FormFieldProps): React.JSX.Element;
+//# sourceMappingURL=FormField.d.ts.map

package/dist/components/forms/FormField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5F,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qFAAqF;IACrF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wDAAwD;IACxD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,kFAAkF;IAClF,MAAM,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;8DAC8D;AAC9D,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,MAAkB,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,qBAYtI"}

package/dist/components/forms/Input.d.cts

@@ -0,0 +1,33 @@
+import type * as React from 'react';
+export interface InputProps {
+    label?: React.ReactNode;
+    value?: string;
+    defaultValue?: string;
+    /** Receives the raw string value. */
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    type?: 'text' | 'search' | 'email' | 'number' | 'date' | 'password' | 'tel' | 'url';
+    /** Leading icon slug — "search", "calendar", "hash". */
+    icon?: string;
+    /** Trailing static text: unit, currency, "of 40". */
+    suffix?: React.ReactNode;
+    /** Help text below the field. Replaced by errorMessage when invalid. */
+    description?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    /** Right-aligned tabular mono — use for every amount, quantity and ID. */
+    numeric?: boolean;
+    fullWidth?: boolean;
+    name?: string;
+    autoFocus?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    inputRef?: React.Ref<HTMLInputElement>;
+}
+/** Single-line text entry. Labels, descriptions and errors are wired to the input by React Aria,
+ *  so no manual aria-describedby is ever needed. */
+export declare function Input({ label, icon, suffix, description, errorMessage, size, numeric, fullWidth, className, style, inputRef, onChange, ...rest }: InputProps): React.JSX.Element;

package/dist/components/forms/Input.d.ts

@@ -0,0 +1,34 @@
+import type * as React from 'react';
+export interface InputProps {
+    label?: React.ReactNode;
+    value?: string;
+    defaultValue?: string;
+    /** Receives the raw string value. */
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    type?: 'text' | 'search' | 'email' | 'number' | 'date' | 'password' | 'tel' | 'url';
+    /** Leading icon slug — "search", "calendar", "hash". */
+    icon?: string;
+    /** Trailing static text: unit, currency, "of 40". */
+    suffix?: React.ReactNode;
+    /** Help text below the field. Replaced by errorMessage when invalid. */
+    description?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    /** Right-aligned tabular mono — use for every amount, quantity and ID. */
+    numeric?: boolean;
+    fullWidth?: boolean;
+    name?: string;
+    autoFocus?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    inputRef?: React.Ref<HTMLInputElement>;
+}
+/** Single-line text entry. Labels, descriptions and errors are wired to the input by React Aria,
+ *  so no manual aria-describedby is ever needed. */
+export declare function Input({ label, icon, suffix, description, errorMessage, size, numeric, fullWidth, className, style, inputRef, onChange, ...rest }: InputProps): React.JSX.Element;
+//# sourceMappingURL=Input.d.ts.map

package/dist/components/forms/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,CAAC;IACpF,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,wEAAwE;IACxE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACxC;AAED;oDACoD;AACpD,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,IAAW,EAAE,OAAO,EAC1F,SAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,qBAmB9E"}

package/dist/components/forms/NumberField.d.cts

@@ -0,0 +1,33 @@
+import type * as React from 'react';
+export interface NumberFieldProps {
+    label?: React.ReactNode;
+    /** Accessible name when `label` is omitted — e.g. in a table cell where the column header
+     *  already carries the visible text. A field with neither is unnamed and fails axe. */
+    'aria-label'?: string;
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+    minValue?: number;
+    maxValue?: number;
+    step?: number;
+    /** Intl.NumberFormat options — currency, unit, decimals. Locale comes from the app's I18nProvider. */
+    formatOptions?: Intl.NumberFormatOptions;
+    /** Trailing unit shown after the figure: EA, KG, %. */
+    suffix?: React.ReactNode;
+    description?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    /** Hide the increment/decrement buttons — typical inside dense table cells. */
+    hideStepper?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    name?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/** Quantities, prices and any figure the user edits. Always right-aligned tabular mono, with
+ *  arrow-key and scroll stepping supplied by React Aria. */
+export declare function NumberField({ label, suffix, description, errorMessage, hideStepper, size, fullWidth, className, style, ...rest }: NumberFieldProps): React.JSX.Element;

package/dist/components/forms/NumberField.d.ts

@@ -0,0 +1,34 @@
+import type * as React from 'react';
+export interface NumberFieldProps {
+    label?: React.ReactNode;
+    /** Accessible name when `label` is omitted — e.g. in a table cell where the column header
+     *  already carries the visible text. A field with neither is unnamed and fails axe. */
+    'aria-label'?: string;
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+    minValue?: number;
+    maxValue?: number;
+    step?: number;
+    /** Intl.NumberFormat options — currency, unit, decimals. Locale comes from the app's I18nProvider. */
+    formatOptions?: Intl.NumberFormatOptions;
+    /** Trailing unit shown after the figure: EA, KG, %. */
+    suffix?: React.ReactNode;
+    description?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    /** Hide the increment/decrement buttons — typical inside dense table cells. */
+    hideStepper?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    name?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/** Quantities, prices and any figure the user edits. Always right-aligned tabular mono, with
+ *  arrow-key and scroll stepping supplied by React Aria. */
+export declare function NumberField({ label, suffix, description, errorMessage, hideStepper, size, fullWidth, className, style, ...rest }: NumberFieldProps): React.JSX.Element;
+//# sourceMappingURL=NumberField.d.ts.map

package/dist/components/forms/NumberField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../src/components/forms/NumberField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;2FACuF;IACvF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sGAAsG;IACtG,aAAa,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC;IACzC,uDAAuD;IACvD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;4DAC4D;AAC5D,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,IAAW,EAC9F,SAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,qBAuBhE"}

package/dist/components/forms/Radio.d.cts

@@ -0,0 +1,18 @@
+import type * as React from 'react';
+import { type RadioGroupProps as AriaRadioGroupProps, type RadioProps as AriaRadioProps } from 'react-aria-components';
+export interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'className' | 'children'> {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+}
+/** Radios must live in a group — that is what gives arrow-key navigation and a single tab stop. */
+export declare function RadioGroup({ label, description, errorMessage, children, className, ...rest }: RadioGroupProps): React.JSX.Element;
+export interface RadioProps extends Omit<AriaRadioProps, 'className' | 'children'> {
+    label?: React.ReactNode;
+    hint?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare function Radio({ label, hint, children, className, ...rest }: RadioProps): React.JSX.Element;

package/dist/components/forms/Radio.d.ts

@@ -0,0 +1,19 @@
+import type * as React from 'react';
+import { type RadioGroupProps as AriaRadioGroupProps, type RadioProps as AriaRadioProps } from 'react-aria-components';
+export interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'className' | 'children'> {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+}
+/** Radios must live in a group — that is what gives arrow-key navigation and a single tab stop. */
+export declare function RadioGroup({ label, description, errorMessage, children, className, ...rest }: RadioGroupProps): React.JSX.Element;
+export interface RadioProps extends Omit<AriaRadioProps, 'className' | 'children'> {
+    label?: React.ReactNode;
+    hint?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare function Radio({ label, hint, children, className, ...rest }: RadioProps): React.JSX.Element;
+//# sourceMappingURL=Radio.d.ts.map

package/dist/components/forms/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EACL,KAAK,eAAe,IAAI,mBAAmB,EAAE,KAAK,UAAU,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGhH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,WAAW,GAAG,UAAU,CAAC;IAC1F,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,mGAAmG;AACnG,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,qBAS7G;AAED,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,UAAU,CAAC;IAChF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,qBAU9E"}

package/dist/components/forms/Select.d.cts

@@ -0,0 +1,28 @@
+import type * as React from 'react';
+export type SelectOption = string | {
+    value: string;
+    label: string;
+    isDisabled?: boolean;
+};
+export interface SelectProps {
+    label?: React.ReactNode;
+    value?: string | null;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    options?: SelectOption[];
+    /** Shown when nothing is selected. */
+    placeholder?: string;
+    description?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    name?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/** Single-choice picker. Uses a listbox popover rather than a native <select> so the option
+ *  rows can carry Pire typography and keyboard behaviour is identical across browsers. */
+export declare function Select({ label, value, defaultValue, onChange, options, placeholder, description, errorMessage, size, fullWidth, className, style, ...rest }: SelectProps): React.JSX.Element;

package/dist/components/forms/Select.d.ts

@@ -0,0 +1,29 @@
+import type * as React from 'react';
+export type SelectOption = string | {
+    value: string;
+    label: string;
+    isDisabled?: boolean;
+};
+export interface SelectProps {
+    label?: React.ReactNode;
+    value?: string | null;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    options?: SelectOption[];
+    /** Shown when nothing is selected. */
+    placeholder?: string;
+    description?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    name?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/** Single-choice picker. Uses a listbox popover rather than a native <select> so the option
+ *  rows can carry Pire typography and keyboard behaviour is identical across browsers. */
+export declare function Select({ label, value, defaultValue, onChange, options, placeholder, description, errorMessage, size, fullWidth, className, style, ...rest }: SelectProps): React.JSX.Element;
+//# sourceMappingURL=Select.d.ts.map

package/dist/components/forms/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAE3F,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAID;0FAC0F;AAC1F,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAY,EAAE,WAAuB,EAClG,WAAW,EAAE,YAAY,EAAE,IAAW,EAAE,SAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,qBA6BnG"}

package/dist/components/forms/Switch.d.cts

@@ -0,0 +1,9 @@
+import type * as React from 'react';
+import { type SwitchProps as AriaSwitchProps } from 'react-aria-components';
+export interface SwitchProps extends Omit<AriaSwitchProps, 'className' | 'children'> {
+    label?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+}
+/** Immediate-effect toggle. For settings that need a save step, use a Checkbox. */
+export declare function Switch({ label, children, className, ...rest }: SwitchProps): React.JSX.Element;

package/dist/components/forms/Switch.d.ts

@@ -0,0 +1,10 @@
+import type * as React from 'react';
+import { type SwitchProps as AriaSwitchProps } from 'react-aria-components';
+export interface SwitchProps extends Omit<AriaSwitchProps, 'className' | 'children'> {
+    label?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+}
+/** Immediate-effect toggle. For settings that need a save step, use a Checkbox. */
+export declare function Switch({ label, children, className, ...rest }: SwitchProps): React.JSX.Element;
+//# sourceMappingURL=Switch.d.ts.map

package/dist/components/forms/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAwB,KAAK,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGlG,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,UAAU,CAAC;IAClF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,mFAAmF;AACnF,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,qBAO1E"}

package/dist/components/forms/ValueHelpField.d.cts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import type { DataTableColumn } from '../data/DataTable.cjs';
+export interface ValueHelpFieldProps<T extends {
+    id: string | number;
+} = any> {
+    label?: React.ReactNode;
+    /** The picked record, or null. */
+    value?: T | null;
+    onChange?: (row: T | null) => void;
+    /** How the picked record reads in the closed field. Default: "id — name". */
+    format?: (row: T) => string;
+    /** Records offered in the dialog, and the columns that identify them. */
+    rows?: T[];
+    columns?: DataTableColumn<T>[];
+    dialogTitle?: React.ReactNode;
+    placeholder?: string;
+    description?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    /** Provide to render a clear affordance once a record is picked. */
+    allowsClear?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/** The ERP field that cannot be typed: a read-only display of the picked master-data record plus
+ *  the value-help trigger. Pairs Input with ValueHelpDialog so screens stop rewiring both. */
+export declare function ValueHelpField<T extends {
+    id: string | number;
+}>({ label, value, onChange, format, rows, columns, dialogTitle, placeholder, description, errorMessage, isInvalid, isDisabled, isRequired, allowsClear, className, style }: ValueHelpFieldProps<T>): React.JSX.Element;

package/dist/components/forms/ValueHelpField.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import type { DataTableColumn } from '../data/DataTable.js';
+export interface ValueHelpFieldProps<T extends {
+    id: string | number;
+} = any> {
+    label?: React.ReactNode;
+    /** The picked record, or null. */
+    value?: T | null;
+    onChange?: (row: T | null) => void;
+    /** How the picked record reads in the closed field. Default: "id — name". */
+    format?: (row: T) => string;
+    /** Records offered in the dialog, and the columns that identify them. */
+    rows?: T[];
+    columns?: DataTableColumn<T>[];
+    dialogTitle?: React.ReactNode;
+    placeholder?: string;
+    description?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    /** Provide to render a clear affordance once a record is picked. */
+    allowsClear?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/** The ERP field that cannot be typed: a read-only display of the picked master-data record plus
+ *  the value-help trigger. Pairs Input with ValueHelpDialog so screens stop rewiring both. */
+export declare function ValueHelpField<T extends {
+    id: string | number;
+}>({ label, value, onChange, format, rows, columns, dialogTitle, placeholder, description, errorMessage, isInvalid, isDisabled, isRequired, allowsClear, className, style }: ValueHelpFieldProps<T>): React.JSX.Element;
+//# sourceMappingURL=ValueHelpField.d.ts.map

package/dist/components/forms/ValueHelpField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueHelpField.d.ts","sourceRoot":"","sources":["../../../src/components/forms/ValueHelpField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGzD,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GAAG,GAAG;IAC1E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,kCAAkC;IAClC,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACnC,6EAA6E;IAC7E,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC5B,yEAAyE;IACzE,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;IACX,OAAO,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAMD;8FAC8F;AAC9F,wBAAgB,cAAc,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAsB,EAChH,IAAS,EAAE,OAAY,EAAE,WAAW,EAAE,WAA4B,EAAE,WAAW,EAAE,YAAY,EAC7F,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,mBAAmB,CAAC,CAAC,CAAC,qBAmB3F"}

package/dist/components/layout/FooterBar.d.cts

@@ -0,0 +1,10 @@
+import type * as React from 'react';
+export interface FooterBarProps extends React.HTMLAttributes<HTMLElement> {
+    /** Left-hand status: validation summary, draft saved at, total. */
+    note?: React.ReactNode;
+    /** Commit actions. Cancel first, primary or danger last. */
+    actions?: React.ReactNode;
+}
+/** Sticky commit bar for create and edit screens: the page scrolls, the decision stays visible.
+ *  Give the scrolling container bottom padding equal to the bar height. */
+export declare function FooterBar({ note, actions, children, className, ...rest }: FooterBarProps): React.JSX.Element;

package/dist/components/layout/FooterBar.d.ts

@@ -0,0 +1,11 @@
+import type * as React from 'react';
+export interface FooterBarProps extends React.HTMLAttributes<HTMLElement> {
+    /** Left-hand status: validation summary, draft saved at, total. */
+    note?: React.ReactNode;
+    /** Commit actions. Cancel first, primary or danger last. */
+    actions?: React.ReactNode;
+}
+/** Sticky commit bar for create and edit screens: the page scrolls, the decision stays visible.
+ *  Give the scrolling container bottom padding equal to the bar height. */
+export declare function FooterBar({ note, actions, children, className, ...rest }: FooterBarProps): React.JSX.Element;
+//# sourceMappingURL=FooterBar.d.ts.map

package/dist/components/layout/FooterBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterBar.d.ts","sourceRoot":"","sources":["../../../src/components/layout/FooterBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACvE,mEAAmE;IACnE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;2EAC2E;AAC3E,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,qBAQxF"}

package/dist/components/layout/PageHeader.d.cts

@@ -0,0 +1,10 @@
+import type * as React from 'react';
+export interface PageHeaderProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title'> {
+    title: React.ReactNode;
+    /** One line of context: scope, plant, data timestamp. */
+    subtitle?: React.ReactNode;
+    actions?: React.ReactNode;
+}
+/** Heading block for pages that are not a single object — launchpads, settings, reports.
+ *  Object pages use ObjectHeader instead. */
+export declare function PageHeader({ title, subtitle, actions, className, ...rest }: PageHeaderProps): React.JSX.Element;

package/dist/components/layout/PageHeader.d.ts

@@ -0,0 +1,11 @@
+import type * as React from 'react';
+export interface PageHeaderProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title'> {
+    title: React.ReactNode;
+    /** One line of context: scope, plant, data timestamp. */
+    subtitle?: React.ReactNode;
+    actions?: React.ReactNode;
+}
+/** Heading block for pages that are not a single object — launchpads, settings, reports.
+ *  Object pages use ObjectHeader instead. */
+export declare function PageHeader({ title, subtitle, actions, className, ...rest }: PageHeaderProps): React.JSX.Element;
+//# sourceMappingURL=PageHeader.d.ts.map

package/dist/components/layout/PageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/layout/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACvF,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;6CAC6C;AAC7C,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,qBAU3F"}

package/dist/components/layout/SectionHeader.d.cts

@@ -0,0 +1,11 @@
+import type * as React from 'react';
+export interface SectionHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Uppercase micro-caps eyebrow — the space or group name. */
+    title: React.ReactNode;
+    /** Count or qualifier shown beside the title. */
+    meta?: React.ReactNode;
+    /** Usually one tertiary Button: "Open space", "See all". */
+    actions?: React.ReactNode;
+}
+/** Divides a long page into named bands. Pairs with a KPI row or a card grid below it. */
+export declare function SectionHeader({ title, meta, actions, className, ...rest }: SectionHeaderProps): React.JSX.Element;