@jobber/components 9.12.3 → 9.13.1

package/dist/Combobox/Combobox.contentSlots.d.ts

@@ -1,5 +1,5 @@
-import { type ComboboxSlotComponent } from "./Combobox.slotFactory";
+import { type SlotComponent } from "../utils/slotSystem";
 export type ComboboxContentSlotName = "empty" | "actions" | "footer" | "loading";
-export type ComboboxContentSlotComponent<Props, Slot extends ComboboxContentSlotName = ComboboxContentSlotName> = ComboboxSlotComponent<Props, "comboboxContentSlot", Slot>;
-export declare const assignComboboxContentSlot: <Props, Slot extends ComboboxContentSlotName>(component: import("react").FC<Props>, slot: Slot) => ComboboxSlotComponent<Props, "comboboxContentSlot", Slot>;
-export declare const isComboboxContentSlotElement: <Props = unknown>(child: React.ReactNode) => child is import("react").ReactElement<Props, ComboboxSlotComponent<Props, "comboboxContentSlot", ComboboxContentSlotName>>;
+export type ComboboxContentSlotComponent<Props, Slot extends ComboboxContentSlotName = ComboboxContentSlotName> = SlotComponent<Props, "comboboxContentSlot", Slot>;
+export declare const assignComboboxContentSlot: <Props, Slot extends ComboboxContentSlotName>(component: import("react").FC<Props>, slot: Slot) => SlotComponent<Props, "comboboxContentSlot", Slot>;
+export declare const isComboboxContentSlotElement: <Props = unknown>(child: React.ReactNode) => child is import("react").ReactElement<Props, SlotComponent<Props, "comboboxContentSlot", ComboboxContentSlotName>>;

package/dist/Combobox/Combobox.d.ts

@@ -39,12 +39,12 @@ declare const Combobox: typeof ComboboxRoot & {
     Content: typeof ComboboxContent;
     List: typeof ComboboxList;
     Item: typeof ComboboxItem;
-    ItemDescription: import("./Combobox.slotFactory").ComboboxSlotComponent<import("./Combobox.types").ComboboxItemDescriptionProps, "comboboxItemSlot", "label" | "prefix" | "suffix" | "description">;
-    ItemLabel: import("./Combobox.slotFactory").ComboboxSlotComponent<import("./Combobox.types").ComboboxItemLabelProps, "comboboxItemSlot", "label" | "prefix" | "suffix" | "description">;
-    ItemPrefix: import("./Combobox.slotFactory").ComboboxSlotComponent<import("./Combobox.types").ComboboxItemPrefixProps, "comboboxItemSlot", "label" | "prefix" | "suffix" | "description">;
-    ItemSuffix: import("./Combobox.slotFactory").ComboboxSlotComponent<import("./Combobox.types").ComboboxItemSuffixProps, "comboboxItemSlot", "label" | "prefix" | "suffix" | "description">;
-    ActionPrefix: import("./Combobox.slotFactory").ComboboxSlotComponent<import("./Combobox.types").ComboboxActionPrefixProps, "comboboxActionSlot", "label" | "prefix">;
-    ActionLabel: import("./Combobox.slotFactory").ComboboxSlotComponent<import("./Combobox.types").ComboboxActionLabelProps, "comboboxActionSlot", "label" | "prefix">;
+    ItemDescription: import("../utils/slotSystem").SlotComponent<import("./Combobox.types").ComboboxItemDescriptionProps, "comboboxItemSlot", "label" | "prefix" | "suffix" | "description">;
+    ItemLabel: import("../utils/slotSystem").SlotComponent<import("./Combobox.types").ComboboxItemLabelProps, "comboboxItemSlot", "label" | "prefix" | "suffix" | "description">;
+    ItemPrefix: import("../utils/slotSystem").SlotComponent<import("./Combobox.types").ComboboxItemPrefixProps, "comboboxItemSlot", "label" | "prefix" | "suffix" | "description">;
+    ItemSuffix: import("../utils/slotSystem").SlotComponent<import("./Combobox.types").ComboboxItemSuffixProps, "comboboxItemSlot", "label" | "prefix" | "suffix" | "description">;
+    ActionPrefix: import("../utils/slotSystem").SlotComponent<import("./Combobox.types").ComboboxActionPrefixProps, "comboboxActionSlot", "label" | "prefix">;
+    ActionLabel: import("../utils/slotSystem").SlotComponent<import("./Combobox.types").ComboboxActionLabelProps, "comboboxActionSlot", "label" | "prefix">;
     Row: typeof ComboboxRow;
     Collection: typeof ComboboxCollection;
     Chips: typeof ComboboxChips;
@@ -54,12 +54,12 @@ declare const Combobox: typeof ComboboxRoot & {
     GroupLabel: typeof ComboboxGroupLabel;
     Separator: typeof ComboboxSeparator;
     Status: typeof ComboboxPrimitive.Status;
-    Empty: import("./Combobox.slotFactory").ComboboxSlotComponent<ComboboxEmptyProps, "comboboxContentSlot", "empty">;
-    Loading: import("./Combobox.slotFactory").ComboboxSlotComponent<ComboboxLoadingProps, "comboboxContentSlot", "loading">;
-    Actions: import("./Combobox.slotFactory").ComboboxSlotComponent<import("./Combobox.types").ComboboxActionsProps, "comboboxContentSlot", "actions">;
+    Empty: import("../utils/slotSystem").SlotComponent<ComboboxEmptyProps, "comboboxContentSlot", "empty">;
+    Loading: import("../utils/slotSystem").SlotComponent<ComboboxLoadingProps, "comboboxContentSlot", "loading">;
+    Actions: import("../utils/slotSystem").SlotComponent<import("./Combobox.types").ComboboxActionsProps, "comboboxContentSlot", "actions">;
     Action: typeof ComboboxAction;
-    Footer: import("./Combobox.slotFactory").ComboboxSlotComponent<import("./Combobox.types").ComboboxFooterProps<unknown>, "comboboxContentSlot", "footer">;
-    SelectionFooter: import("./Combobox.slotFactory").ComboboxSlotComponent<import("./Combobox.types").ComboboxSelectionFooterProps, "comboboxContentSlot", "footer">;
+    Footer: import("../utils/slotSystem").SlotComponent<import("./Combobox.types").ComboboxFooterProps<unknown>, "comboboxContentSlot", "footer">;
+    SelectionFooter: import("../utils/slotSystem").SlotComponent<import("./Combobox.types").ComboboxSelectionFooterProps, "comboboxContentSlot", "footer">;
     SelectedCount: typeof ComboboxSelectedCount;
     ClearSelection: typeof ComboboxClearSelection;
     SelectAll: typeof ComboboxSelectAll;

package/dist/Combobox/Combobox.footer.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import type { ComboboxClearSelectionProps, ComboboxFooterProps, ComboboxSelectAllProps, ComboboxSelectedCountProps, ComboboxSelectionFooterProps } from "./Combobox.types";
-export declare const ComboboxFooter: import("./Combobox.slotFactory").ComboboxSlotComponent<ComboboxFooterProps<unknown>, "comboboxContentSlot", "footer">;
+export declare const ComboboxFooter: import("../utils/slotSystem").SlotComponent<ComboboxFooterProps<unknown>, "comboboxContentSlot", "footer">;
 export declare function ComboboxSelectedCount({ children, className, }: ComboboxSelectedCountProps): React.JSX.Element;
-export declare const ComboboxSelectionFooter: import("./Combobox.slotFactory").ComboboxSlotComponent<ComboboxSelectionFooterProps, "comboboxContentSlot", "footer">;
+export declare const ComboboxSelectionFooter: import("../utils/slotSystem").SlotComponent<ComboboxSelectionFooterProps, "comboboxContentSlot", "footer">;
 export declare function ComboboxClearSelection({ children, label, tabIndex, ...clearProps }: ComboboxClearSelectionProps): React.JSX.Element;
 export declare function ComboboxSelectAll({ children, label, ...buttonProps }: ComboboxSelectAllProps): React.JSX.Element | null;

package/dist/Combobox/Combobox.items.d.ts

@@ -1,25 +1,25 @@
 import React from "react";
 import type { ComboboxActionLabelProps, ComboboxActionPrefixProps, ComboboxActionProps, ComboboxActionsProps, ComboboxCollectionProps, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxItemDescriptionProps, ComboboxItemLabelProps, ComboboxItemPrefixProps, ComboboxItemProps, ComboboxItemSuffixProps, ComboboxListProps, ComboboxRowProps, ComboboxSeparatorProps } from "./Combobox.types";
-import { type ComboboxSlotComponent } from "./Combobox.slotFactory";
+import { type SlotComponent } from "../utils/slotSystem";
 export declare function ComboboxList({ className, ...listProps }: ComboboxListProps): React.JSX.Element;
 export declare function ComboboxItem({ children, ...itemProps }: ComboboxItemProps): React.JSX.Element;
-declare const ComboboxItemPrefixComponent: ComboboxSlotComponent<ComboboxItemPrefixProps, "comboboxItemSlot", "label" | "prefix" | "suffix" | "description">;
+declare const ComboboxItemPrefixComponent: SlotComponent<ComboboxItemPrefixProps, "comboboxItemSlot", "label" | "prefix" | "suffix" | "description">;
 export { ComboboxItemPrefixComponent as ComboboxItemPrefix };
-declare const ComboboxItemLabelComponent: ComboboxSlotComponent<ComboboxItemLabelProps, "comboboxItemSlot", "label" | "prefix" | "suffix" | "description">;
+declare const ComboboxItemLabelComponent: SlotComponent<ComboboxItemLabelProps, "comboboxItemSlot", "label" | "prefix" | "suffix" | "description">;
 export { ComboboxItemLabelComponent as ComboboxItemLabel };
-declare const ComboboxItemDescriptionComponent: ComboboxSlotComponent<ComboboxItemDescriptionProps, "comboboxItemSlot", "label" | "prefix" | "suffix" | "description">;
+declare const ComboboxItemDescriptionComponent: SlotComponent<ComboboxItemDescriptionProps, "comboboxItemSlot", "label" | "prefix" | "suffix" | "description">;
 export { ComboboxItemDescriptionComponent as ComboboxItemDescription };
-declare const ComboboxItemSuffixComponent: ComboboxSlotComponent<ComboboxItemSuffixProps, "comboboxItemSlot", "label" | "prefix" | "suffix" | "description">;
+declare const ComboboxItemSuffixComponent: SlotComponent<ComboboxItemSuffixProps, "comboboxItemSlot", "label" | "prefix" | "suffix" | "description">;
 export { ComboboxItemSuffixComponent as ComboboxItemSuffix };
-declare const ComboboxActionPrefixComponent: ComboboxSlotComponent<ComboboxActionPrefixProps, "comboboxActionSlot", "label" | "prefix">;
+declare const ComboboxActionPrefixComponent: SlotComponent<ComboboxActionPrefixProps, "comboboxActionSlot", "label" | "prefix">;
 export { ComboboxActionPrefixComponent as ComboboxActionPrefix };
-declare const ComboboxActionLabelComponent: ComboboxSlotComponent<ComboboxActionLabelProps, "comboboxActionSlot", "label" | "prefix">;
+declare const ComboboxActionLabelComponent: SlotComponent<ComboboxActionLabelProps, "comboboxActionSlot", "label" | "prefix">;
 export { ComboboxActionLabelComponent as ComboboxActionLabel };
 export declare function ComboboxRow(props: ComboboxRowProps): React.JSX.Element;
 export declare function ComboboxCollection(props: ComboboxCollectionProps): React.JSX.Element;
 export declare function ComboboxGroup(props: ComboboxGroupProps): React.JSX.Element;
 export declare function ComboboxGroupLabel(props: ComboboxGroupLabelProps): React.JSX.Element;
 export declare function ComboboxSeparator(props: ComboboxSeparatorProps): React.JSX.Element;
-declare const ComboboxActionsComponent: ComboboxSlotComponent<ComboboxActionsProps, "comboboxContentSlot", "actions">;
+declare const ComboboxActionsComponent: SlotComponent<ComboboxActionsProps, "comboboxContentSlot", "actions">;
 export { ComboboxActionsComponent as ComboboxActions };
 export declare function ComboboxAction({ children, className, onClick, ...buttonProps }: ComboboxActionProps): React.JSX.Element;

package/dist/Combobox/index.cjs

@@ -4,6 +4,7 @@ var Combobox = require('../Combobox-cjs.js');
 require('../tslib.es6-cjs.js');
 require('react');
 require('classnames');
+require('../slotSystem-cjs.js');
 require('../useAtlantisI18n-cjs.js');
 require('../AtlantisContext-cjs.js');
 require('../Button-cjs.js');

package/dist/Combobox/index.mjs

@@ -2,6 +2,7 @@ export { C as Combobox } from '../Combobox-es.js';
 import '../tslib.es6-es.js';
 import 'react';
 import 'classnames';
+import '../slotSystem-es.js';
 import '../useAtlantisI18n-es.js';
 import '../AtlantisContext-es.js';
 import '../Button-es.js';

package/dist/Combobox-cjs.js

@@ -3,6 +3,7 @@
 var tslib_es6 = require('./tslib.es6-cjs.js');
 var React = require('react');
 var classnames = require('classnames');
+var slotSystem = require('./slotSystem-cjs.js');
 var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var AtlantisContext = require('./AtlantisContext-cjs.js');
 var Button = require('./Button-cjs.js');
@@ -142,27 +143,7 @@ function useComboboxContext() {
     return context;
 }
 
-function createComboboxSlotSystem(markerKey) {
-    function assignSlot(component, slot) {
-        return Object.assign(component, {
-            [markerKey]: slot,
-        });
-    }
-    function createSlot(slot) {
-        function ComboboxSlot(props) {
-            return null;
-        }
-        return assignSlot(ComboboxSlot, slot);
-    }
-    function isSlotElement(child) {
-        return (React.isValidElement(child) &&
-            typeof child.type !== "string" &&
-            markerKey in child.type);
-    }
-    return { assignSlot, createSlot, isSlotElement };
-}
-
-const comboboxContentSlotSystem = createComboboxSlotSystem("comboboxContentSlot");
+const comboboxContentSlotSystem = slotSystem.createSlotSystem("comboboxContentSlot");
 const assignComboboxContentSlot = comboboxContentSlotSystem.assignSlot;
 const isComboboxContentSlotElement = comboboxContentSlotSystem.isSlotElement;
 
@@ -322,8 +303,8 @@ function getFallbackChildren(children) {
         return children[0];
     return children;
 }
-const comboboxItemSlotSystem = createComboboxSlotSystem("comboboxItemSlot");
-const comboboxActionSlotSystem = createComboboxSlotSystem("comboboxActionSlot");
+const comboboxItemSlotSystem = slotSystem.createSlotSystem("comboboxItemSlot");
+const comboboxActionSlotSystem = slotSystem.createSlotSystem("comboboxActionSlot");
 const createComboboxItemSlot = comboboxItemSlotSystem.createSlot;
 const createComboboxActionSlot = comboboxActionSlotSystem.createSlot;
 function isComboboxItemSlotElement(child) {

package/dist/Combobox-es.js

@@ -1,6 +1,7 @@
 import { _ as __rest } from './tslib.es6-es.js';
 import React__default, { useState, useEffect } from 'react';
 import classnames from 'classnames';
+import { c as createSlotSystem } from './slotSystem-es.js';
 import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { u as useAtlantisContext } from './AtlantisContext-es.js';
 import { B as Button } from './Button-es.js';
@@ -11,7 +12,7 @@ import { I as Icon } from './Icon-es.js';
 import { m as mergeClassName } from './mergeClassName-es.js';
 import { G as Glimmer } from './Glimmer-es.js';
 import { H as HelperText } from './HelperText-es.js';
-import { F as FieldRoot, a as FieldLabel, b as FieldDescription, c as FieldError } from './FieldDescription-es.js';
+import { c as FieldRoot, F as FieldLabel, a as FieldDescription, b as FieldError } from './FieldDescription-es.js';
 
 function getWindowDimensions() {
     if (!(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document)) {
@@ -140,27 +141,7 @@ function useComboboxContext() {
     return context;
 }
 
-function createComboboxSlotSystem(markerKey) {
-    function assignSlot(component, slot) {
-        return Object.assign(component, {
-            [markerKey]: slot,
-        });
-    }
-    function createSlot(slot) {
-        function ComboboxSlot(props) {
-            return null;
-        }
-        return assignSlot(ComboboxSlot, slot);
-    }
-    function isSlotElement(child) {
-        return (React__default.isValidElement(child) &&
-            typeof child.type !== "string" &&
-            markerKey in child.type);
-    }
-    return { assignSlot, createSlot, isSlotElement };
-}
-
-const comboboxContentSlotSystem = createComboboxSlotSystem("comboboxContentSlot");
+const comboboxContentSlotSystem = createSlotSystem("comboboxContentSlot");
 const assignComboboxContentSlot = comboboxContentSlotSystem.assignSlot;
 const isComboboxContentSlotElement = comboboxContentSlotSystem.isSlotElement;
 
@@ -320,8 +301,8 @@ function getFallbackChildren(children) {
         return children[0];
     return children;
 }
-const comboboxItemSlotSystem = createComboboxSlotSystem("comboboxItemSlot");
-const comboboxActionSlotSystem = createComboboxSlotSystem("comboboxActionSlot");
+const comboboxItemSlotSystem = createSlotSystem("comboboxItemSlot");
+const comboboxActionSlotSystem = createSlotSystem("comboboxActionSlot");
 const createComboboxItemSlot = comboboxItemSlotSystem.createSlot;
 const createComboboxActionSlot = comboboxActionSlotSystem.createSlot;
 function isComboboxItemSlotElement(child) {

package/dist/FieldDescription-es.js

@@ -856,4 +856,4 @@ const FieldDescription = /*#__PURE__*/React.forwardRef(function FieldDescription
 });
 if (process.env.NODE_ENV !== "production") FieldDescription.displayName = "FieldDescription";
 
-export { FieldRoot as F, FieldLabel as a, FieldDescription as b, FieldError as c };
+export { FieldLabel as F, FieldDescription as a, FieldError as b, FieldRoot as c };

package/dist/InputNumber/InputNumber.d.ts

@@ -51,11 +51,7 @@ declare function InputNumberAffixCompound({ variation, label, icon, onClick, ari
 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.
- */
+/** Sugar layer: hands the parts its props describe to `Wrapper`, the same path a consumer takes. */
 declare function InputNumber({ ref, ...props }: InputNumberProps & {
     readonly ref?: Ref<InputNumberRef>;
 }): React.JSX.Element;

package/dist/InputNumber/InputNumber.slots.d.ts

@@ -0,0 +1,11 @@
+import { type SlotComponent } from "../utils/slotSystem";
+declare const CONTENT_SLOT_NAMES: readonly ["label", "affix", "stepper", "loading", "description", "error"];
+declare const STRUCTURAL_SLOT_NAMES: readonly ["group", "footer"];
+export type InputNumberContentSlotName = (typeof CONTENT_SLOT_NAMES)[number];
+export type InputNumberStructuralSlotName = (typeof STRUCTURAL_SLOT_NAMES)[number];
+export type InputNumberSlotName = InputNumberContentSlotName | InputNumberStructuralSlotName;
+export type InputNumberSlotComponent<Props, Slot extends InputNumberSlotName = InputNumberSlotName> = SlotComponent<Props, "inputNumberSlot", Slot>;
+export declare const assignInputNumberSlot: <Props, Slot extends InputNumberSlotName>(component: import("react").FC<Props>, slot: Slot) => SlotComponent<Props, "inputNumberSlot", Slot>;
+export declare const isInputNumberSlotElement: <Props = unknown>(child: React.ReactNode) => child is import("react").ReactElement<Props, SlotComponent<Props, "inputNumberSlot", InputNumberSlotName>>;
+export declare function isStructuralSlot(slot: InputNumberSlotName): slot is InputNumberStructuralSlotName;
+export {};

package/dist/InputNumber/index.cjs

@@ -4,6 +4,7 @@ var InputNumber = require('../InputNumber-cjs.js');
 require('../tslib.es6-cjs.js');
 require('react');
 require('classnames');
+require('../slotSystem-cjs.js');
 require('../useAtlantisI18n-cjs.js');
 require('../AtlantisContext-cjs.js');
 require('../ActivityIndicator-cjs.js');
@@ -30,10 +31,10 @@ require('../SelectPrimitive-cjs.js');
 require('../mergeClassName-cjs.js');
 require('../SelectGroupLabel-cjs.js');
 require('../useCompositeListItem-cjs.js');
-require('../FieldDescription-cjs.js');
-require('../useLabel-cjs.js');
 require('../NumberFieldInput-cjs.js');
 require('../stringifyLocale-cjs.js');
+require('../FieldDescription-cjs.js');
+require('../useLabel-cjs.js');
 
 
 

package/dist/InputNumber/index.mjs

@@ -2,6 +2,7 @@ export { I as InputNumber } from '../InputNumber-es.js';
 import '../tslib.es6-es.js';
 import 'react';
 import 'classnames';
+import '../slotSystem-es.js';
 import '../useAtlantisI18n-es.js';
 import '../AtlantisContext-es.js';
 import '../ActivityIndicator-es.js';
@@ -28,7 +29,7 @@ import '../SelectPrimitive-es.js';
 import '../mergeClassName-es.js';
 import '../SelectGroupLabel-es.js';
 import '../useCompositeListItem-es.js';
-import '../FieldDescription-es.js';
-import '../useLabel-es.js';
 import '../NumberFieldInput-es.js';
 import '../stringifyLocale-es.js';
+import '../FieldDescription-es.js';
+import '../useLabel-es.js';

package/dist/InputNumber-cjs.js

@@ -3,6 +3,7 @@
 var tslib_es6 = require('./tslib.es6-cjs.js');
 var React = require('react');
 var classnames = require('classnames');
+var slotSystem = require('./slotSystem-cjs.js');
 var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 require('./AtlantisContext-cjs.js');
 var ActivityIndicator = require('./ActivityIndicator-cjs.js');
@@ -13,8 +14,16 @@ require('./BottomSheet-cjs.js');
 var HelperText = require('./HelperText-cjs.js');
 require('./SelectPrimitive-cjs.js');
 var useRenderElement = require('./useRenderElement-cjs.js');
-var FieldDescription = require('./FieldDescription-cjs.js');
 var NumberFieldInput = require('./NumberFieldInput-cjs.js');
+var FieldDescription = require('./FieldDescription-cjs.js');
+
+const STRUCTURAL_SLOT_NAMES = ["group", "footer"];
+const inputNumberSlotSystem = slotSystem.createSlotSystem("inputNumberSlot");
+const assignInputNumberSlot = inputNumberSlotSystem.assignSlot;
+const isInputNumberSlotElement = inputNumberSlotSystem.isSlotElement;
+function isStructuralSlot(slot) {
+    return STRUCTURAL_SLOT_NAMES.includes(slot);
+}
 
 var styles = {"container":"-W4QiocGsR4-","inline":"_9-f2CjSVojs-","wrapper":"_4y342TRP-y8-","disabled":"d-YOq6z4ZxM-","small":"YTL0AyJdbC8-","large":"mUfanIovnVg-","center":"_8MM9keFOeD0-","right":"mTeuCQufdj4-","inputWrapper":"IgE0pfetwVM-","input":"MxShJMNKSB4-","stepper":"SE8DXlYN02U-","loadingIndicator":"VmKH2-NlbDI-","label":"f1OiicY3UzU-","hideLabel":"j9oUhNvNwsE-","affixLabel":"oR6I7xtSbL4-","prefix":"s-WnNh4k-kw-","suffix":"Ep7K8jug-Xc-","affixIcon":"E3w3BEJoBFE-","compoundAffix":"znvaejix3iE-","affixLabelText":"m1ZP5T4QOAQ-","stepperButton":"_22AXoGKVAjc-","belowField":"kkywg49kgrg-","description":"buIzMqBEpSQ-","spinning":"p8ebLlGf8JY-"};
 
@@ -49,6 +58,116 @@ const DEFAULT_FORMAT = {
     maximumFractionDigits: 12,
 };
 const InputNumberContext = React.createContext(null);
+function isFragmentElement(child) {
+    return React.isValidElement(child) && child.type === React.Fragment;
+}
+/** Conditional JSX often wraps parts in a fragment; unwrap so the parser sees them. */
+function flattenFragments(children) {
+    const flattened = [];
+    React.Children.forEach(children, child => {
+        if (isFragmentElement(child)) {
+            flattened.push(...flattenFragments(child.props.children));
+        }
+        else {
+            flattened.push(child);
+        }
+    });
+    return flattened;
+}
+/** An `Error` with no message renders nothing, so it must not suppress the description. */
+function hasRenderableChildren(child) {
+    return React.isValidElement(child)
+        ? Boolean(child.props.children)
+        : false;
+}
+/** Placement policy; the shared slot system only tags and detects. */
+function parseInputNumberChildren(children) {
+    const labels = [];
+    const indicators = [];
+    const descriptions = [];
+    const errors = [];
+    const parsed = {
+        prefixAffixes: [],
+        suffixAffixes: [],
+        insideInput: [],
+        footer: [],
+        structural: [],
+        unknown: [],
+    };
+    flattenFragments(children).forEach(child => {
+        if (!isInputNumberSlotElement(child)) {
+            parsed.unknown.push(child);
+            return;
+        }
+        const slot = child.type.inputNumberSlot;
+        if (isStructuralSlot(slot)) {
+            parsed.structural.push(child);
+            return;
+        }
+        switch (slot) {
+            case "label":
+                labels.push(child);
+                break;
+            case "affix":
+                if (child.props.variation === "suffix") {
+                    parsed.suffixAffixes.push(child);
+                }
+                else {
+                    parsed.prefixAffixes.push(child);
+                }
+                break;
+            case "stepper":
+            case "loading":
+                indicators.push(child);
+                break;
+            case "description":
+                descriptions.push(child);
+                break;
+            case "error":
+                errors.push(child);
+                break;
+        }
+    });
+    parsed.insideInput.push(...labels, ...indicators);
+    parsed.footer.push(...(errors.some(hasRenderableChildren) ? [] : descriptions), ...errors);
+    return parsed;
+}
+function hasContentParts(parsed) {
+    return (parsed.prefixAffixes.length > 0 ||
+        parsed.suffixAffixes.length > 0 ||
+        parsed.insideInput.length > 0 ||
+        parsed.footer.length > 0);
+}
+function resolveWrapperContent(children) {
+    const parsed = parseInputNumberChildren(children);
+    const hasContent = hasContentParts(parsed);
+    if (parsed.structural.length > 0) {
+        if (hasContent) {
+            throw new Error("<InputNumber.Wrapper> received both structural parts (Group/Footer) " +
+                "and loose content parts (Label/Affix/Stepper/Loading/Description/Error). " +
+                "Pass content parts alone to have Wrapper build the field, or nest them " +
+                "inside the structural parts to compose the tree yourself.");
+        }
+        return children;
+    }
+    // A consumer component may render `Group` itself; synthesizing would give it a second field.
+    if (!hasContent && parsed.unknown.length > 0)
+        return children;
+    return renderSynthesizedField(parsed);
+}
+function renderSynthesizedField(parsed) {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(InputNumberGroup, null,
+            keyed(parsed.prefixAffixes),
+            React.createElement(InputNumberInput, null, keyed(parsed.insideInput)),
+            keyed(parsed.suffixAffixes)),
+        parsed.footer.length > 0 && (React.createElement(InputNumberFooter, null, keyed(parsed.footer))),
+        keyed(parsed.unknown)));
+}
+/** Flattening fragments drops the keys `React.Children.toArray` would have assigned. */
+function keyed(children) {
+    return React.Children.toArray(children);
+}
 function useInputNumberContext(consumer) {
     const context = React.useContext(InputNumberContext);
     if (context === null) {
@@ -135,7 +254,7 @@ function InputNumberWrapper(_a) {
     ]);
     const rootProps = useRenderElement.mergeProps({ className: classnames(styles.container, inline && styles.inline) }, { className, style });
     return (React.createElement(FieldDescription.FieldRoot, Object.assign({}, rootProps, { disabled: disabled, invalid: invalid || undefined, name: name }),
-        React.createElement(InputNumberContext.Provider, { value: contextValue }, children)));
+        React.createElement(InputNumberContext.Provider, { value: contextValue }, resolveWrapperContent(children))));
 }
 function InputNumberGroup({ children, className, style, }) {
     var _a, _b;
@@ -222,6 +341,11 @@ function InputNumberAffixCompound({ variation, label, icon, onClick, ariaLabel,
         label && React.createElement("span", { className: styles.affixLabelText }, label),
         children));
 }
+/** Carries the sugar's `prefix`/`suffix` through routing, adding no element of its own. */
+function InputNumberPropAffix({ variation, affix }) {
+    const ctx = useInputNumberContext("Affix");
+    return renderDefaultAffix(variation, affix, ctx.size);
+}
 /**
  * Renders the prop-driven `prefix`/`suffix` affixes for the sugar component.
  * Icons sit outside the input area; labels render next to the typed value
@@ -259,31 +383,22 @@ function resolveAutoComplete(autoComplete) {
         return undefined;
     return autoComplete;
 }
-/**
- * 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.
- */
+/** Sugar layer: hands the parts its props describe to `Wrapper`, the same path a consumer takes. */
 function InputNumber(_a) {
-    var _b;
     var { ref } = _a, props = tslib_es6.__rest(_a, ["ref"]);
     const { t } = useAtlantisI18n.useAtlantisI18n(inputNumberMessages);
     const { label, description, error, prefix, suffix } = props, config = tslib_es6.__rest(props, ["label", "description", "error", "prefix", "suffix"]);
-    const size = (_b = config.size) !== null && _b !== void 0 ? _b : "default";
     return (React.createElement(InputNumberWrapper, Object.assign({}, config, { invalid: config.invalid || Boolean(error), ref: ref }),
-        React.createElement(InputNumberGroup, null,
-            prefix && renderDefaultAffix("prefix", prefix, size),
-            React.createElement(InputNumberInput, null,
-                React.createElement(InputNumberLabel, null, label),
-                config.loading ? (React.createElement(InputNumberLoading, null)) : (React.createElement(InputNumberStepper, { incrementLabel: t("Increase {label}", {
-                        label: label !== null && label !== void 0 ? label : t("value"),
-                    }), decrementLabel: t("Decrease {label}", {
-                        label: label !== null && label !== void 0 ? label : t("value"),
-                    }) }))),
-            suffix && renderDefaultAffix("suffix", suffix, size)),
-        (description || error) && (React.createElement(InputNumberFooter, null,
-            React.createElement(InputNumberDescription, null, description),
-            React.createElement(InputNumberError, null, error)))));
+        prefix ? (React.createElement(InputNumberPropAffix, { affix: prefix, variation: "prefix" })) : null,
+        React.createElement(InputNumberLabel, null, label),
+        config.loading ? (React.createElement(InputNumberLoading, null)) : (React.createElement(InputNumberStepper, { incrementLabel: t("Increase {label}", {
+                label: label !== null && label !== void 0 ? label : t("value"),
+            }), decrementLabel: t("Decrease {label}", {
+                label: label !== null && label !== void 0 ? label : t("value"),
+            }) })),
+        suffix ? (React.createElement(InputNumberPropAffix, { affix: suffix, variation: "suffix" })) : null,
+        description ? (React.createElement(InputNumberDescription, null, description)) : null,
+        error ? React.createElement(InputNumberError, null, error) : null));
 }
 InputNumberWrapper.displayName = "InputNumber.Wrapper";
 InputNumber.displayName = "InputNumber";
@@ -298,6 +413,16 @@ InputNumberStepper.displayName = "InputNumber.Stepper";
 InputNumberIncrement.displayName = "InputNumber.Increment";
 InputNumberDecrement.displayName = "InputNumber.Decrement";
 InputNumberAffixCompound.displayName = "InputNumber.Affix";
+// Tagged here so the parts stay plain declarations, which the docs prop-table generator needs.
+assignInputNumberSlot(InputNumberGroup, "group");
+assignInputNumberSlot(InputNumberFooter, "footer");
+assignInputNumberSlot(InputNumberLabel, "label");
+assignInputNumberSlot(InputNumberDescription, "description");
+assignInputNumberSlot(InputNumberError, "error");
+assignInputNumberSlot(InputNumberLoading, "loading");
+assignInputNumberSlot(InputNumberStepper, "stepper");
+assignInputNumberSlot(InputNumberAffixCompound, "affix");
+assignInputNumberSlot(InputNumberPropAffix, "affix");
 InputNumber.Wrapper = InputNumberWrapper;
 InputNumber.Group = InputNumberGroup;
 InputNumber.Footer = InputNumberFooter;