@jobber/components 9.4.0 → 9.5.0

package/dist/InputNumber/InputNumber.d.ts

@@ -1,7 +1,77 @@
+import type { Ref } from "react";
 import React from "react";
-import type { InputNumberProps } from "./InputNumber.types";
-export interface InputNumberRef {
-    blur(): void;
-    focus(): void;
+import type { InputNumberAffixCompoundProps, InputNumberDescriptionProps, InputNumberErrorProps, InputNumberFooterProps, InputNumberGroupProps, InputNumberInputProps, InputNumberLabelProps, InputNumberLoadingProps, InputNumberProps, InputNumberRef, InputNumberStepButtonProps, InputNumberStepperProps, InputNumberWrapperProps } from "./types";
+declare function InputNumberWrapper({ ref, ...props }: InputNumberWrapperProps & {
+    readonly ref?: Ref<InputNumberRef>;
+}): React.JSX.Element;
+declare namespace InputNumberWrapper {
+    var displayName: string;
 }
-export declare const InputNumber: React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<InputNumberRef>>;
+declare function InputNumberGroup({ children, className, style, }: InputNumberGroupProps): React.JSX.Element;
+declare namespace InputNumberGroup {
+    var displayName: string;
+}
+declare function InputNumberFooter({ children, className, style, }: InputNumberFooterProps): React.JSX.Element;
+declare namespace InputNumberFooter {
+    var displayName: string;
+}
+declare function InputNumberInput({ children, className, style, }: InputNumberInputProps): React.JSX.Element;
+declare namespace InputNumberInput {
+    var displayName: string;
+}
+declare function InputNumberLabel({ children, className, style, }: InputNumberLabelProps): React.JSX.Element | null;
+declare namespace InputNumberLabel {
+    var displayName: string;
+}
+declare function InputNumberDescription({ children, className, style, }: InputNumberDescriptionProps): React.JSX.Element | null;
+declare namespace InputNumberDescription {
+    var displayName: string;
+}
+declare function InputNumberError({ children, className, style, }: InputNumberErrorProps): React.JSX.Element | null;
+declare namespace InputNumberError {
+    var displayName: string;
+}
+declare function InputNumberLoading({ children, className, style, }: InputNumberLoadingProps): React.JSX.Element;
+declare namespace InputNumberLoading {
+    var displayName: string;
+}
+declare function InputNumberStepper({ children, incrementLabel, decrementLabel, className, style, }: InputNumberStepperProps): React.JSX.Element | null;
+declare namespace InputNumberStepper {
+    var displayName: string;
+}
+declare function InputNumberIncrement({ children, ariaLabel, className, style, }: InputNumberStepButtonProps): React.JSX.Element;
+declare namespace InputNumberIncrement {
+    var displayName: string;
+}
+declare function InputNumberDecrement({ children, ariaLabel, className, style, }: InputNumberStepButtonProps): React.JSX.Element;
+declare namespace InputNumberDecrement {
+    var displayName: string;
+}
+declare function InputNumberAffixCompound({ variation, label, icon, onClick, ariaLabel, children, className, style, }: InputNumberAffixCompoundProps): React.JSX.Element | null;
+declare namespace InputNumberAffixCompound {
+    var displayName: string;
+}
+/**
+ * Sugar layer: composes the parts from props. This is the same composition a
+ * consumer would write by hand with `<InputNumber.Wrapper>` and the
+ * parts — to customize a single piece, copy this tree and swap that part.
+ */
+declare function InputNumber({ ref, ...props }: InputNumberProps & {
+    readonly ref?: Ref<InputNumberRef>;
+}): React.JSX.Element;
+declare namespace InputNumber {
+    var displayName: string;
+    var Wrapper: typeof InputNumberWrapper;
+    var Group: typeof InputNumberGroup;
+    var Footer: typeof InputNumberFooter;
+    var Input: typeof InputNumberInput;
+    var Label: typeof InputNumberLabel;
+    var Description: typeof InputNumberDescription;
+    var Error: typeof InputNumberError;
+    var Loading: typeof InputNumberLoading;
+    var Stepper: typeof InputNumberStepper;
+    var Increment: typeof InputNumberIncrement;
+    var Decrement: typeof InputNumberDecrement;
+    var Affix: typeof InputNumberAffixCompound;
+}
+export { InputNumber };

package/dist/InputNumber/index.cjs

@@ -3,13 +3,37 @@
 var InputNumber = require('../InputNumber-cjs.js');
 require('../tslib.es6-cjs.js');
 require('react');
-require('../clsx-cjs.js');
 require('classnames');
+require('../ActivityIndicator-cjs.js');
+require('../common.messages-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
+require('../Button-cjs.js');
+require('react-router-dom');
 require('../Icon-cjs.js');
 require('@jobber/design');
-require('../Text-cjs.js');
 require('../Typography-cjs.js');
-require('../filterDataAttributes-cjs.js');
+require('../OverlaySeparator-cjs.js');
+require('../Separator-cjs.js');
+require('../useRenderElement-cjs.js');
+require('../BottomSheet-cjs.js');
+require('../buttonRenderAdapter-cjs.js');
+require('../ScrollAreaViewport-cjs.js');
+require('../useScrollLock-cjs.js');
+require('../floating-ui.utils-cjs.js');
+require('react/jsx-runtime');
+require('react-dom');
+require('../scrollEdges-cjs.js');
+require('../HelperText-cjs.js');
+require('../Text-cjs.js');
+require('../SelectPrimitive-cjs.js');
+require('../SelectGroupLabel-cjs.js');
+require('../useCompositeListItem-cjs.js');
+require('../floating-ui.react-dom-cjs.js');
+require('../FieldDescription-cjs.js');
+require('../useLabel-cjs.js');
+require('../NumberFieldInput-cjs.js');
+require('../stringifyLocale-cjs.js');
 
 
 

package/dist/InputNumber/index.d.ts

@@ -1,2 +1,2 @@
-export { InputNumber, type InputNumberRef } from "./InputNumber";
-export type { InputNumberProps } from "./InputNumber.types";
+export { InputNumber } from "./InputNumber";
+export type { InputNumberAffix, InputNumberAffixCompoundProps, InputNumberAutoComplete, InputNumberDescriptionProps, InputNumberErrorProps, InputNumberFooterProps, InputNumberGroupProps, InputNumberInputProps, InputNumberLabelProps, InputNumberLoadingProps, InputNumberProps, InputNumberRef, InputNumberSize, InputNumberStepButtonProps, InputNumberStepperProps, InputNumberSuffix, InputNumberSuffixProp, InputNumberWrapperProps, } from "./types";

package/dist/InputNumber/index.mjs

@@ -1,10 +1,34 @@
 export { I as InputNumber } from '../InputNumber-es.js';
 import '../tslib.es6-es.js';
 import 'react';
-import '../clsx-es.js';
 import 'classnames';
+import '../ActivityIndicator-es.js';
+import '../common.messages-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
+import '../Button-es.js';
+import 'react-router-dom';
 import '../Icon-es.js';
 import '@jobber/design';
-import '../Text-es.js';
 import '../Typography-es.js';
-import '../filterDataAttributes-es.js';
+import '../OverlaySeparator-es.js';
+import '../Separator-es.js';
+import '../useRenderElement-es.js';
+import '../BottomSheet-es.js';
+import '../buttonRenderAdapter-es.js';
+import '../ScrollAreaViewport-es.js';
+import '../useScrollLock-es.js';
+import '../floating-ui.utils-es.js';
+import 'react/jsx-runtime';
+import 'react-dom';
+import '../scrollEdges-es.js';
+import '../HelperText-es.js';
+import '../Text-es.js';
+import '../SelectPrimitive-es.js';
+import '../SelectGroupLabel-es.js';
+import '../useCompositeListItem-es.js';
+import '../floating-ui.react-dom-es.js';
+import '../FieldDescription-es.js';
+import '../useLabel-es.js';
+import '../NumberFieldInput-es.js';
+import '../stringifyLocale-es.js';

package/dist/{primitives/InputNumberExperimental → InputNumber}/types.d.ts

@@ -1,10 +1,10 @@
 import type { CSSProperties, FocusEvent, KeyboardEvent, ReactNode } from "react";
-import type { IconNames } from "../../Icon";
+import type { IconNames } from "../Icon";
 /**
- * `className`/`style` shared by every `InputNumberExperimental` building block.
+ * `className`/`style` shared by every `InputNumber` building block.
  * Both compose with the block's internal styling rather than replacing it.
  */
-export interface InputNumberExperimentalStyleProps {
+export interface InputNumberStyleProps {
     readonly className?: string;
     readonly style?: CSSProperties;
 }
@@ -13,9 +13,9 @@ export interface InputNumberExperimentalStyleProps {
  * `label` or `icon` should be provided. Icons render outside the input area (in
  * the field's outer padding zone); labels render inside the input area next to
  * the typed value. `onClick`/`ariaLabel` are not allowed here; use
- * `InputNumberExperimentalSuffix` for a clickable action.
+ * `InputNumberSuffix` for a clickable action.
  */
-export interface InputNumberExperimentalAffix {
+export interface InputNumberAffix {
     readonly label?: string;
     readonly icon?: IconNames;
     readonly ariaLabel?: never;
@@ -25,23 +25,25 @@ export interface InputNumberExperimentalAffix {
  * Suffix variant that turns the suffix icon into a clickable action button.
  * The `?: never` fields make this a discriminated union with the plain affix.
  */
-export interface InputNumberExperimentalSuffix {
+export interface InputNumberSuffix {
     readonly label?: string;
     readonly icon: IconNames;
     readonly ariaLabel: string;
     onClick(): void;
 }
-export type InputNumberExperimentalSuffixProp = InputNumberExperimentalAffix | InputNumberExperimentalSuffix;
-export type InputNumberExperimentalAutoComplete = boolean | "on" | "off" | "one-time-code" | "address-line1" | "address-line2";
-export type InputNumberExperimentalSize = "small" | "default" | "large";
+export type InputNumberSuffixProp = InputNumberAffix | InputNumberSuffix;
+export type InputNumberAutoComplete = boolean | "on" | "off" | "one-time-code" | "address-line1" | "address-line2";
+export type InputNumberSize = "small" | "default" | "large";
 /**
- * Field configuration shared by `<InputNumberExperimental.Wrapper>` (the
- * composition entry point) and the top-level `<InputNumberExperimental>` sugar.
+ * Field configuration shared by `<InputNumber.Wrapper>` (the
+ * composition entry point) and the top-level `<InputNumber>` sugar.
  * The Wrapper owns the field state and exposes it to the parts via context.
  */
-export interface InputNumberExperimentalWrapperProps extends InputNumberExperimentalStyleProps {
+export interface InputNumberWrapperProps extends InputNumberStyleProps {
+    readonly "aria-label"?: string;
+    readonly "aria-labelledby"?: string;
     readonly align?: "center" | "right";
-    readonly autoComplete?: InputNumberExperimentalAutoComplete;
+    readonly autoComplete?: InputNumberAutoComplete;
     /** Composed parts (`.Group`, `.Footer`, and the parts within them). */
     readonly children?: ReactNode;
     readonly disabled?: boolean;
@@ -65,6 +67,11 @@ export interface InputNumberExperimentalWrapperProps extends InputNumberExperime
     readonly max?: number;
     readonly min?: number;
     readonly name?: string;
+    /**
+     * Also fires once per Enter press: committing on Enter is implemented as a
+     * `blur()`/`focus()` round-trip, so `onBlur` and `onFocus` both fire even
+     * though focus never visibly leaves the field.
+     */
     readonly onBlur?: (event?: FocusEvent<HTMLInputElement>) => void;
     /**
      * Fires when the user commits a value (blur, Enter, stepper, arrow step).
@@ -79,18 +86,23 @@ export interface InputNumberExperimentalWrapperProps extends InputNumberExperime
     readonly onValueChange?: (newValue: number | null) => void;
     /** Fires when Enter is pressed without modifier keys (Shift/Ctrl/Meta). */
     readonly onEnter?: (event: KeyboardEvent<HTMLInputElement>) => void;
+    /**
+     * Also fires once per Enter press; see `onBlur` for the commit mechanics.
+     */
     readonly onFocus?: (event?: FocusEvent<HTMLInputElement>) => void;
     readonly onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
     readonly onKeyUp?: (event: KeyboardEvent<HTMLInputElement>) => void;
     readonly readOnly?: boolean;
     /** Default `true`. When `false`, the floating label is hidden. */
     readonly showMiniLabel?: boolean;
-    readonly size?: InputNumberExperimentalSize;
+    readonly size?: InputNumberSize;
     /**
      * Amount the stepper buttons and ArrowUp/ArrowDown keys change the value by.
-     * Default `1`.
+     * Default `"any"`, which steps by `1` while accepting any decimal value. Pass a
+     * number to both set the step increment and constrain valid values to its
+     * multiples (a non-multiple then fails native validation).
      */
-    readonly step?: number;
+    readonly step?: number | "any";
     /**
      * Controlled value. `number` sets the value; `null` (or `undefined`) is an
      * empty field.
@@ -98,48 +110,49 @@ export interface InputNumberExperimentalWrapperProps extends InputNumberExperime
     readonly value?: number | null;
 }
 /**
- * Props for the top-level `<InputNumberExperimental>` sugar: the field
+ * Props for the top-level `<InputNumber>` sugar: the field
  * configuration plus the convenience content props (`label`, `description`,
  * `error`, `prefix`, `suffix`). It composes the parts internally — to compose
- * the field yourself, use `<InputNumberExperimental.Wrapper>` and the parts.
+ * the field yourself, use `<InputNumber.Wrapper>` and the parts.
  */
-export interface InputNumberExperimentalProps extends Omit<InputNumberExperimentalWrapperProps, "children"> {
+export interface InputNumberProps extends Omit<InputNumberWrapperProps, "children"> {
     /** Floating field label. */
     readonly label?: string;
     readonly description?: ReactNode;
     /** Renders a styled error message below the field. */
     readonly error?: string;
-    readonly prefix?: InputNumberExperimentalAffix;
-    readonly suffix?: InputNumberExperimentalSuffixProp;
+    readonly prefix?: InputNumberAffix;
+    readonly suffix?: InputNumberSuffixProp;
 }
-export interface InputNumberExperimentalRef {
+export interface InputNumberRef {
     blur(): void;
     focus(): void;
 }
-export interface InputNumberExperimentalGroupProps extends InputNumberExperimentalStyleProps {
+export interface InputNumberGroupProps extends InputNumberStyleProps {
     readonly children?: ReactNode;
 }
-export interface InputNumberExperimentalFooterProps extends InputNumberExperimentalStyleProps {
+export interface InputNumberFooterProps extends InputNumberStyleProps {
     readonly children?: ReactNode;
 }
-export interface InputNumberExperimentalInputProps extends InputNumberExperimentalStyleProps {
+export interface InputNumberInputProps extends InputNumberStyleProps {
     /** Content rendered inside the input area (e.g. `.Label`, `.Stepper`). */
     readonly children?: ReactNode;
 }
-export interface InputNumberExperimentalLabelProps extends InputNumberExperimentalStyleProps {
+export interface InputNumberLabelProps extends InputNumberStyleProps {
     readonly children?: ReactNode;
 }
-export interface InputNumberExperimentalDescriptionProps extends InputNumberExperimentalStyleProps {
+export interface InputNumberDescriptionProps extends InputNumberStyleProps {
     readonly children?: ReactNode;
 }
-export interface InputNumberExperimentalErrorProps extends InputNumberExperimentalStyleProps {
-    readonly children?: ReactNode;
+export interface InputNumberErrorProps extends InputNumberStyleProps {
+    /** Error message. Rendered with an alert icon via the `HelperText` primitive. */
+    readonly children?: string;
 }
-export interface InputNumberExperimentalLoadingProps extends InputNumberExperimentalStyleProps {
+export interface InputNumberLoadingProps extends InputNumberStyleProps {
     /** Indicator content. Falls back to the default `ActivityIndicator`. */
     readonly children?: ReactNode;
 }
-export interface InputNumberExperimentalStepperProps extends InputNumberExperimentalStyleProps {
+export interface InputNumberStepperProps extends InputNumberStyleProps {
     /** Stepper buttons. Falls back to the default increment/decrement pair. */
     readonly children?: ReactNode;
     /** Accessible label for the increment button. Defaults to `Increase value`. */
@@ -147,13 +160,13 @@ export interface InputNumberExperimentalStepperProps extends InputNumberExperime
     /** Accessible label for the decrement button. Defaults to `Decrease value`. */
     readonly decrementLabel?: string;
 }
-export interface InputNumberExperimentalStepButtonProps extends InputNumberExperimentalStyleProps {
+export interface InputNumberStepButtonProps extends InputNumberStyleProps {
     /** Icon content. Falls back to the default Atlantis stepper icon. */
     readonly children?: ReactNode;
     /** Accessible label for the button. */
     readonly ariaLabel?: string;
 }
-export interface InputNumberExperimentalAffixCompound extends InputNumberExperimentalStyleProps {
+export interface InputNumberAffixCompound extends InputNumberStyleProps {
     readonly variation: "prefix" | "suffix";
     readonly label?: string;
     readonly icon?: IconNames;
@@ -162,7 +175,7 @@ export interface InputNumberExperimentalAffixCompound extends InputNumberExperim
     /** Arbitrary affix content, beyond the built-in `label`/`icon`. */
     readonly children?: ReactNode;
 }
-export interface InputNumberExperimentalAffixCompoundClickable extends InputNumberExperimentalStyleProps {
+export interface InputNumberAffixCompoundClickable extends InputNumberStyleProps {
     readonly variation: "prefix" | "suffix";
     readonly label?: string;
     readonly icon: IconNames;
@@ -176,4 +189,4 @@ export interface InputNumberExperimentalAffixCompoundClickable extends InputNumb
  * - omit `onClick` -> behaves like a plain affix
  * - set `onClick`  -> requires `icon` and `ariaLabel` (clickable icon-button)
  */
-export type InputNumberExperimentalAffixCompoundProps = InputNumberExperimentalAffixCompound | InputNumberExperimentalAffixCompoundClickable;
+export type InputNumberAffixCompoundProps = InputNumberAffixCompound | InputNumberAffixCompoundClickable;