@jobber/components 8.20.1 → 8.21.0

package/dist/docs/Autocomplete/Autocomplete.md

@@ -455,7 +455,7 @@ different from the rest.
 ## Related components
 
 * If you want to present a list of predefined options without text input, or the
-  number of options is smaller, use a [Select](../Select/Select.md)
+  number of options is smaller, use a [LegacySelect](../LegacySelect/LegacySelect.md)
 * If autocompleted results are not required for the text input, use
   [InputText](../InputText/InputText.md)
 * If a text input appearance is not required, and options can only be from a

package/dist/docs/Chip/Chip.md

@@ -238,8 +238,8 @@ export function ChipInvalidExample(
   single-select, multi-select, and add/dismiss functionality "out of the box"
 * [FilterPicker](../FilterPicker/FilterPicker.md) is most commonly triggered by a Chip,
   but is a separate component
-* [Select](../Select/Select.md) is a simpler single-select "dropdown" that
-  presents as a form element and should be preferred in forms
+* [LegacySelect](../LegacySelect/LegacySelect.md) is a simpler single-select "dropdown"
+  that presents as a form element and should be preferred in forms
 * [RadioGroup](../RadioGroup/RadioGroup.md) should be used to allow the user to
   select "one-of-many" items (single-select) and the labels for the items are
   longer than 1 or 2 words.

package/dist/docs/{Select/Select.md → LegacySelect/LegacySelect.md}

@@ -1,17 +1,21 @@
-# Select
+# LegacySelect
 
-A Select is used to present a defined list of options to choose from.
+> **WARNING:** This component was previously named `Select`. It has been renamed to
+> `LegacySelect` to make room for a new `Select` implementation.
+
+A LegacySelect is used to present a defined list of options to choose from.
 
 ## Design & usage guidelines
 
-Nested within the Select component, Option defines the options that can be
-selected. For grouping options with section headers, use Select.OptionGroup.
+Nested within the LegacySelect component, Option defines the options that can be
+selected. For grouping options with section headers, use
+LegacySelect.OptionGroup.
 
 #### Custom grouped menu and browser support
 
 To enable the enhanced grouped menu styling (bold section headers, edge‑to‑edge
 dividers and hover backgrounds), set the `UNSAFE_experimentalStyles` prop on
-`Select`.
+`LegacySelect`.
 
 * When `UNSAFE_experimentalStyles` is true and the browser supports
   `appearance: base-select` (Chromium 123+), the select renders with the
@@ -26,16 +30,16 @@ dividers and hover backgrounds), set the `UNSAFE_experimentalStyles` prop on
 
 ```tsx
 import React, { useState } from "react";
-import { Option, Select } from "@jobber/components/Select";
+import { LegacySelect, Option } from "@jobber/components/LegacySelect";
 
-export function SelectInvalidExample() {
+export function LegacySelectInvalidExample() {
   const [value, setValue] = useState<string | number | undefined>("");
 
   return (
-    <Select invalid={true} value={value} onChange={setValue}>
+    <LegacySelect invalid={true} value={value} onChange={setValue}>
       <Option value="sad">Tony</Option>
       <Option value="old">Steve</Option>
-    </Select>
+    </LegacySelect>
   );
 }
 ```
@@ -44,58 +48,58 @@ export function SelectInvalidExample() {
 
 ```tsx
 import React, { useState } from "react";
-import { Option, Select } from "@jobber/components/Select";
+import { LegacySelect, Option } from "@jobber/components/LegacySelect";
 
-export function SelectDisabledExample() {
+export function LegacySelectDisabledExample() {
   const [value, setValue] = useState<string | number | undefined>("");
 
   return (
-    <Select disabled={true} value={value} onChange={setValue}>
+    <LegacySelect disabled={true} value={value} onChange={setValue}>
       <Option value="sad">Tony</Option>
       <Option value="old">Steve</Option>
-    </Select>
+    </LegacySelect>
   );
 }
 ```
 
 ## Option Grouping
 
-Use `Select.OptionGroup` to organize options with section headers for better
-user experience and visual hierarchy. The `label` prop is required as it
+Use `LegacySelect.OptionGroup` to organize options with section headers for
+better user experience and visual hierarchy. The `label` prop is required as it
 provides the section header text.
 
 ### Basic Option Groups
 
 ```tsx
 import React, { useState } from "react";
-import { Select } from "@jobber/components/Select";
+import { LegacySelect } from "@jobber/components/LegacySelect";
 
-export function SelectCustomOptionGroupsExample() {
+export function LegacySelectCustomOptionGroupsExample() {
   const [value, setValue] = useState<string | number | undefined>("");
 
   return (
-    <Select
+    <LegacySelect
       placeholder="Select an option"
       UNSAFE_experimentalStyles={true}
       value={value}
       onChange={setValue}
     >
-      <Select.OptionGroup label="Team A">
-        <Select.Option value="alice">Alice</Select.Option>
-        <Select.Option value="bob">Bob</Select.Option>
-        <Select.Option value="charlie">Charlie</Select.Option>
-      </Select.OptionGroup>
-      <Select.OptionGroup label="Team B">
-        <Select.Option value="diana">Diana</Select.Option>
-        <Select.Option value="evan">Evan</Select.Option>
-        <Select.Option value="frank">Frank</Select.Option>
-      </Select.OptionGroup>
-      <Select.OptionGroup label="Team C">
-        <Select.Option value="grace">Grace</Select.Option>
-        <Select.Option value="hector">Hector</Select.Option>
-        <Select.Option value="isabel">Isabel</Select.Option>
-      </Select.OptionGroup>
-    </Select>
+      <LegacySelect.OptionGroup label="Team A">
+        <LegacySelect.Option value="alice">Alice</LegacySelect.Option>
+        <LegacySelect.Option value="bob">Bob</LegacySelect.Option>
+        <LegacySelect.Option value="charlie">Charlie</LegacySelect.Option>
+      </LegacySelect.OptionGroup>
+      <LegacySelect.OptionGroup label="Team B">
+        <LegacySelect.Option value="diana">Diana</LegacySelect.Option>
+        <LegacySelect.Option value="evan">Evan</LegacySelect.Option>
+        <LegacySelect.Option value="frank">Frank</LegacySelect.Option>
+      </LegacySelect.OptionGroup>
+      <LegacySelect.OptionGroup label="Team C">
+        <LegacySelect.Option value="grace">Grace</LegacySelect.Option>
+        <LegacySelect.Option value="hector">Hector</LegacySelect.Option>
+        <LegacySelect.Option value="isabel">Isabel</LegacySelect.Option>
+      </LegacySelect.OptionGroup>
+    </LegacySelect>
   );
 }
 ```
@@ -104,31 +108,31 @@ export function SelectCustomOptionGroupsExample() {
 
 ```tsx
 import React, { useState } from "react";
-import { Select } from "@jobber/components/Select";
+import { LegacySelect } from "@jobber/components/LegacySelect";
 
-export function SelectCustomOptionGroupDisabledExample() {
+export function LegacySelectCustomOptionGroupDisabledExample() {
   const [value, setValue] = useState<string | number | undefined>("");
 
   return (
-    <Select
+    <LegacySelect
       UNSAFE_experimentalStyles
       placeholder="Select an option"
       value={value}
       onChange={setValue}
     >
-      <Select.OptionGroup label="Available Items">
-        <Select.Option value="option1">Option 1</Select.Option>
-        <Select.Option value="option2">Option 2</Select.Option>
-      </Select.OptionGroup>
-      <Select.OptionGroup label="Unavailable Items" disabled>
-        <Select.Option value="option3">Option 3</Select.Option>
-        <Select.Option value="option4">Option 4</Select.Option>
-      </Select.OptionGroup>
-      <Select.OptionGroup label="More Items">
-        <Select.Option value="option5">Option 5</Select.Option>
-        <Select.Option value="option6">Option 6</Select.Option>
-      </Select.OptionGroup>
-    </Select>
+      <LegacySelect.OptionGroup label="Available Items">
+        <LegacySelect.Option value="option1">Option 1</LegacySelect.Option>
+        <LegacySelect.Option value="option2">Option 2</LegacySelect.Option>
+      </LegacySelect.OptionGroup>
+      <LegacySelect.OptionGroup label="Unavailable Items" disabled>
+        <LegacySelect.Option value="option3">Option 3</LegacySelect.Option>
+        <LegacySelect.Option value="option4">Option 4</LegacySelect.Option>
+      </LegacySelect.OptionGroup>
+      <LegacySelect.OptionGroup label="More Items">
+        <LegacySelect.Option value="option5">Option 5</LegacySelect.Option>
+        <LegacySelect.Option value="option6">Option 6</LegacySelect.Option>
+      </LegacySelect.OptionGroup>
+    </LegacySelect>
   );
 }
 ```
@@ -138,7 +142,7 @@ export function SelectCustomOptionGroupDisabledExample() {
 
 ### Custom (Chromium) vs native
 
-Select is native by default. Opt into the customizable Chrome UI with
+LegacySelect is native by default. Opt into the customizable Chrome UI with
 `UNSAFE_experimentalStyles`. This enhances grouped menus in Chromium 123+ when
 the browser supports `appearance: base-select`.
 
@@ -149,7 +153,7 @@ displayed value) is still rendered by the browser's picker. As a result,
 right/center alignment of the displayed value is not configurable in Chromium's
 customizable select.
 
-* Need right/center alignment? Use the native Select (omit
+* Need right/center alignment? Use the native LegacySelect (omit
   `UNSAFE_experimentalStyles`).
 * You can still style the grouped dropdown (optgroup/option) in the custom UI,
   but the closed value alignment will remain default.
@@ -158,10 +162,11 @@ customizable select.
 
 ### Composable usage
 
-Select supports composition via subcomponents:
+LegacySelect supports composition via subcomponents:
 
-* `Select.Option`: item in the list. Provide `value` and children as the label.
-* `Select.OptionGroup`: group options under a `label`. Use with
+* `LegacySelect.Option`: item in the list. Provide `value` and children as the
+  label.
+* `LegacySelect.OptionGroup`: group options under a `label`. Use with
   `UNSAFE_experimentalStyles` to opt into the customizable grouped menu in
   Chromium.
 
@@ -177,11 +182,11 @@ Select supports composition via subcomponents:
 General guidance on `UNSAFE_` props can be found in
 [Customizing components](../customizing-components/customizing-components.md).
 
-Select subcomponents allow `UNSAFE_className` and `UNSAFE_style` to target the
-native elements:
+LegacySelect subcomponents allow `UNSAFE_className` and `UNSAFE_style` to target
+the native elements:
 
-* `Select.OptionGroup` maps to `<optgroup>`
-* `Select.Option` maps to `<option>`
+* `LegacySelect.OptionGroup` maps to `<optgroup>`
+* `LegacySelect.Option` maps to `<option>`
 
 Note that native `<select>` UX differs per browser. Use `UNSAFE_` props with
 caution and test across environments. In the custom UI (Chromium), only the
@@ -192,7 +197,7 @@ dropdown content is stylable; the closed value alignment is not.
 
 ### Web
 
-#### Select
+#### LegacySelect
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
@@ -234,14 +239,14 @@ dropdown content is stylable; the closed value alignment is not.
 | `UNSAFE_experimentalStyles` | `boolean` | No | — | Opt-in to the customizable select UI (Chromium 123+). When true, the component will apply the custom select styles De... |
 | `value` | `number | string` | No | — |  |
 
-#### Select.Option
+#### LegacySelect.Option
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
 | `disabled` | `boolean` | No | — |  |
 | `value` | `string` | No | — | The content of this attribute represents the value to be submitted with the form, should this option be selected. |
 
-#### Select.OptionGroup
+#### LegacySelect.OptionGroup
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|

package/dist/docs/Menu/Menu.md

@@ -216,7 +216,7 @@ Minimum menu item height:
 * For a comparable action-list experience in native mobile, use
   [BottomSheet](/components/BottomSheet) from `@jobber/components-native`
 * To allow the user to choose a value from a predefined list within a form, use
-  a [Select](../Select/Select.md)
+  a [LegacySelect](../LegacySelect/LegacySelect.md)
 * To allow the user to search and filter through a list of options, use a
   [FilterPicker](../FilterPicker/FilterPicker.md)
 

package/dist/docs/MultiSelect/MultiSelect.md

@@ -22,7 +22,7 @@ the `onOptionsChange` prop.
 Adjusting the
 [size](/storybook/web/?path=/story/components-deprecated-multiselect--sizes) of
 the MultiSelect can be used to help align with common adjacent elements such as
-[InputText](../InputText/InputText.md) or [Select](../Select/Select.md).
+[InputText](../InputText/InputText.md) or [LegacySelect](../LegacySelect/LegacySelect.md).
 
 ## Accessibility
 

package/dist/docs/Tabs/Tabs.md

@@ -28,7 +28,8 @@ pattern for the user.
 To show multiple groupings of content at once, use [Card](../Card/Card.md).
 
 To allow the user to select one-of-many options in a form, use
-[RadioGroup](../RadioGroup/RadioGroup.md) or [Select](../Select/Select.md).
+[RadioGroup](../RadioGroup/RadioGroup.md) or
+[LegacySelect](../LegacySelect/LegacySelect.md).
 
 ## Accessibility
 

package/dist/docs/empty-states/empty-states.md

@@ -21,6 +21,7 @@ for the “emptiness” may include, but are not limited to…
 * Search results with no match
 * An error has resulted in the user not being able to access content they
   otherwise could
+* A specific field doesn't have a value (for example, a custom field that the user hasn't populated)
 
 ## Solution
 
@@ -63,6 +64,34 @@ a single Banner can look out of place.
   </Box>
 ```
 
+### Field-level empty states
+
+When a field doesn't have a value, use a dash to indicate the lack of a value.
+This provides:
+
+* confirmation that nothing was entered
+* confirmation that something *can* be entered there should the information require an update
+
+```tsx
+<Card>
+    <Content>
+      <Heading level={4}>Additional details</Heading>
+      <Stack gap="smallest">
+        <Text size="small" variation="subdued">Preferred service date</Text>
+        <Text>June 25, 2026</Text>
+      </Stack>
+      <Stack gap="smallest">
+        <Text size="small" variation="subdued">Gate code</Text>
+        <Text>—</Text>
+      </Stack>
+      <Stack gap="smallest">
+        <Text size="small" variation="subdued">Additional requests</Text>
+        <Text>—</Text>
+      </Stack>
+    </Content>
+  </Card>
+```
+
 ### When the user can't add content
 
 When a card is empty, and there is no way for the user to add content, you

package/dist/docs/index.md

@@ -59,6 +59,7 @@
 [InputTime](./InputTime/InputTime.md)
 [InputValidation](./InputValidation/InputValidation.md)
 [interaction](./interaction/interaction.md)
+[LegacySelect](./LegacySelect/LegacySelect.md)
 [LightBox](./LightBox/LightBox.md)
 [Link](./Link/Link.md)
 [List](./List/List.md)
@@ -78,7 +79,6 @@
 [ResponsiveSwitcher](./ResponsiveSwitcher/ResponsiveSwitcher.md)
 [scaffolding](./scaffolding/scaffolding.md)
 [SegmentedControl](./SegmentedControl/SegmentedControl.md)
-[Select](./Select/Select.md)
 [settings](./settings/settings.md)
 [SideDrawer](./SideDrawer/SideDrawer.md)
 [SideKick](./SideKick/SideKick.md)

package/dist/index.cjs

@@ -71,7 +71,7 @@ var Popover = require('./Popover-cjs.js');
 var ProgressBar = require('./ProgressBar-cjs.js');
 var RadioGroup = require('./RadioGroup-cjs.js');
 var ResponsiveSwitcher = require('./ResponsiveSwitcher-cjs.js');
-var Select = require('./Select-cjs.js');
+var LegacySelect = require('./LegacySelect-cjs.js');
 var SegmentedControl = require('./SegmentedControl-cjs.js');
 var SideDrawer = require('./SideDrawer-cjs.js');
 var SideKick = require('./SideKick-cjs.js');
@@ -175,12 +175,16 @@ require('./GridCell-cjs.js');
 require('./FormFieldPostFix-cjs.js');
 require('axios');
 require('./useRenderElement-cjs.js');
+require('./buttonRenderAdapter-cjs.js');
 require('./BottomSheet-cjs.js');
 require('./ScrollAreaViewport-cjs.js');
+require('./InternalBackdrop-cjs.js');
+require('./useButton-cjs.js');
 require('./clamp-cjs.js');
 require('./OverlaySeparator-cjs.js');
 require('./Separator-cjs.js');
 require('./MenuSubmenuTrigger-cjs.js');
+require('./useCompositeListItem-cjs.js');
 require('./AtlantisPortalContent-cjs.js');
 require('@jobber/formatters');
 require('react-dom/client');
@@ -307,8 +311,8 @@ exports.ProgressBar = ProgressBar.ProgressBar;
 exports.RadioGroup = RadioGroup.RadioGroup;
 exports.RadioOption = RadioGroup.RadioOption;
 exports.ResponsiveSwitcher = ResponsiveSwitcher.ResponsiveSwitcher;
-exports.Option = Select.SelectOption;
-exports.Select = Select.Select;
+exports.LegacySelect = LegacySelect.LegacySelect;
+exports.Option = LegacySelect.SelectOption;
 exports.SegmentedControl = SegmentedControl.SegmentedControl;
 exports.SegmentedControlContext = SegmentedControl.SegmentedControlContext;
 exports.SegmentedControlProvider = SegmentedControl.SegmentedControlProvider;

package/dist/index.d.mts

@@ -61,7 +61,7 @@ export * from "./Popover";
 export * from "./ProgressBar";
 export * from "./RadioGroup";
 export * from "./ResponsiveSwitcher";
-export * from "./Select";
+export * from "./LegacySelect";
 export * from "./SegmentedControl";
 export * from "./SideDrawer";
 export * from "./SideKick";

package/dist/index.d.ts

@@ -61,7 +61,7 @@ export * from "./Popover";
 export * from "./ProgressBar";
 export * from "./RadioGroup";
 export * from "./ResponsiveSwitcher";
-export * from "./Select";
+export * from "./LegacySelect";
 export * from "./SegmentedControl";
 export * from "./SideDrawer";
 export * from "./SideKick";

package/dist/index.mjs

@@ -69,7 +69,7 @@ export { P as Popover, u as usePopoverContext, a as usePopoverStyles } from './P
 export { P as ProgressBar } from './ProgressBar-es.js';
 export { R as RadioGroup, a as RadioOption } from './RadioGroup-es.js';
 export { R as ResponsiveSwitcher } from './ResponsiveSwitcher-es.js';
-export { S as Option, a as Select } from './Select-es.js';
+export { L as LegacySelect, S as Option } from './LegacySelect-es.js';
 export { S as SegmentedControl, a as SegmentedControlContext, b as SegmentedControlProvider, u as useSegmentedControl } from './SegmentedControl-es.js';
 export { S as SideDrawer } from './SideDrawer-es.js';
 export { S as SideKick } from './SideKick-es.js';
@@ -173,12 +173,16 @@ import './GridCell-es.js';
 import './FormFieldPostFix-es.js';
 import 'axios';
 import './useRenderElement-es.js';
+import './buttonRenderAdapter-es.js';
 import './BottomSheet-es.js';
 import './ScrollAreaViewport-es.js';
+import './InternalBackdrop-es.js';
+import './useButton-es.js';
 import './clamp-es.js';
 import './OverlaySeparator-es.js';
 import './Separator-es.js';
 import './MenuSubmenuTrigger-es.js';
+import './useCompositeListItem-es.js';
 import './AtlantisPortalContent-es.js';
 import '@jobber/formatters';
 import 'react-dom/client';

package/dist/primitives/BottomSheet/index.cjs

@@ -4,6 +4,7 @@ var BottomSheet = require('../../BottomSheet-cjs.js');
 require('../../tslib.es6-cjs.js');
 require('react');
 require('classnames');
+require('../../buttonRenderAdapter-cjs.js');
 require('../../Button-cjs.js');
 require('react-router-dom');
 require('../../Icon-cjs.js');
@@ -11,11 +12,13 @@ require('@jobber/design');
 require('../../Typography-cjs.js');
 require('../../useRenderElement-cjs.js');
 require('../../ScrollAreaViewport-cjs.js');
-require('../../clamp-cjs.js');
+require('../../InternalBackdrop-cjs.js');
+require('../../index.esm-cjs.js');
 require('../../floating-ui.utils.dom-cjs.js');
+require('../../useButton-cjs.js');
 require('react-dom');
 require('react/jsx-runtime');
-require('../../index.esm-cjs.js');
+require('../../clamp-cjs.js');
 
 
 

package/dist/primitives/BottomSheet/index.mjs

@@ -2,6 +2,7 @@ export { B as BottomSheet } from '../../BottomSheet-es.js';
 import '../../tslib.es6-es.js';
 import 'react';
 import 'classnames';
+import '../../buttonRenderAdapter-es.js';
 import '../../Button-es.js';
 import 'react-router-dom';
 import '../../Icon-es.js';
@@ -9,8 +10,10 @@ import '@jobber/design';
 import '../../Typography-es.js';
 import '../../useRenderElement-es.js';
 import '../../ScrollAreaViewport-es.js';
-import '../../clamp-es.js';
+import '../../InternalBackdrop-es.js';
+import '../../index.esm-es.js';
 import '../../floating-ui.utils.dom-es.js';
+import '../../useButton-es.js';
 import 'react-dom';
 import 'react/jsx-runtime';
-import '../../index.esm-es.js';
+import '../../clamp-es.js';

package/dist/primitives/ComboboxPrimitive/ComboboxPrimitive.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import type { ComboboxPrimitiveArrowProps, ComboboxPrimitiveBackdropProps, ComboboxPrimitiveChipProps, ComboboxPrimitiveChipRemoveProps, ComboboxPrimitiveChipsProps, ComboboxPrimitiveClearProps, ComboboxPrimitiveCollectionProps, ComboboxPrimitiveEmptyProps, ComboboxPrimitiveGroupLabelProps, ComboboxPrimitiveGroupProps, ComboboxPrimitiveIconProps, ComboboxPrimitiveInputGroupProps, ComboboxPrimitiveInputProps, ComboboxPrimitiveItemIndicatorProps, ComboboxPrimitiveItemProps, ComboboxPrimitiveLabelProps, ComboboxPrimitiveListProps, ComboboxPrimitivePopupProps, ComboboxPrimitivePortalProps, ComboboxPrimitivePositionerProps, ComboboxPrimitiveRootProps, ComboboxPrimitiveRowProps, ComboboxPrimitiveSeparatorProps, ComboboxPrimitiveStatusProps, ComboboxPrimitiveTriggerProps, ComboboxPrimitiveValueProps } from "./ComboboxPrimitive.types";
+import { Combobox as BaseCombobox } from "../../unstyledPrimitives";
+declare function ComboboxRoot<Value, Multiple extends boolean | undefined = false>(props: ComboboxPrimitiveRootProps<Value, Multiple>): React.JSX.Element;
+declare function ComboboxLabel({ className, ...labelProps }: ComboboxPrimitiveLabelProps): React.JSX.Element;
+declare function ComboboxValue(props: ComboboxPrimitiveValueProps): React.JSX.Element;
+declare function ComboboxInput({ className, ...inputProps }: ComboboxPrimitiveInputProps): React.JSX.Element;
+declare function ComboboxInputGroup({ className, ...inputGroupProps }: ComboboxPrimitiveInputGroupProps): React.JSX.Element;
+declare function ComboboxTrigger({ className, render, ...triggerProps }: ComboboxPrimitiveTriggerProps): React.JSX.Element;
+declare function ComboboxList({ className, ...listProps }: ComboboxPrimitiveListProps): React.JSX.Element;
+declare function ComboboxStatus(props: ComboboxPrimitiveStatusProps): React.JSX.Element;
+declare function ComboboxPortal(props: ComboboxPrimitivePortalProps): React.JSX.Element;
+declare function ComboboxBackdrop({ className, ...backdropProps }: ComboboxPrimitiveBackdropProps): React.JSX.Element;
+declare function ComboboxPositioner({ className, sideOffset, ...positionerProps }: ComboboxPrimitivePositionerProps): React.JSX.Element;
+declare function ComboboxPopup({ className, ...popupProps }: ComboboxPrimitivePopupProps): React.JSX.Element;
+declare function ComboboxArrow({ className, ...arrowProps }: ComboboxPrimitiveArrowProps): React.JSX.Element;
+declare function ComboboxIcon({ className, ...iconProps }: ComboboxPrimitiveIconProps): React.JSX.Element;
+declare function ComboboxGroup({ className, ...groupProps }: ComboboxPrimitiveGroupProps): React.JSX.Element;
+declare function ComboboxGroupLabel({ className, ...groupLabelProps }: ComboboxPrimitiveGroupLabelProps): React.JSX.Element;
+declare function ComboboxItem({ className, ...itemProps }: ComboboxPrimitiveItemProps): React.JSX.Element;
+declare function ComboboxItemIndicator({ className, ...itemIndicatorProps }: ComboboxPrimitiveItemIndicatorProps): React.JSX.Element;
+declare function ComboboxChips({ className, ...chipsProps }: ComboboxPrimitiveChipsProps): React.JSX.Element;
+declare function ComboboxChip({ className, ...chipProps }: ComboboxPrimitiveChipProps): React.JSX.Element;
+declare function ComboboxChipRemove({ className, ...chipRemoveProps }: ComboboxPrimitiveChipRemoveProps): React.JSX.Element;
+declare function ComboboxRow({ className, ...rowProps }: ComboboxPrimitiveRowProps): React.JSX.Element;
+declare function ComboboxCollection(props: ComboboxPrimitiveCollectionProps): React.JSX.Element;
+declare function ComboboxEmpty({ className, ...emptyProps }: ComboboxPrimitiveEmptyProps): React.JSX.Element;
+declare function ComboboxClear({ className, ...clearProps }: ComboboxPrimitiveClearProps): React.JSX.Element;
+declare function ComboboxSeparator({ className, ...separatorProps }: ComboboxPrimitiveSeparatorProps): React.JSX.Element;
+declare const useFilter: typeof BaseCombobox.useFilter;
+declare const useFilteredItems: typeof BaseCombobox.useFilteredItems;
+export { ComboboxRoot as Root, ComboboxLabel as Label, ComboboxValue as Value, ComboboxInput as Input, ComboboxInputGroup as InputGroup, ComboboxTrigger as Trigger, ComboboxList as List, ComboboxStatus as Status, ComboboxPortal as Portal, ComboboxBackdrop as Backdrop, ComboboxPositioner as Positioner, ComboboxPopup as Popup, ComboboxArrow as Arrow, ComboboxIcon as Icon, ComboboxGroup as Group, ComboboxGroupLabel as GroupLabel, ComboboxItem as Item, ComboboxItemIndicator as ItemIndicator, ComboboxChips as Chips, ComboboxChip as Chip, ComboboxChipRemove as ChipRemove, ComboboxRow as Row, ComboboxCollection as Collection, ComboboxEmpty as Empty, ComboboxClear as Clear, ComboboxSeparator as Separator, useFilter, useFilteredItems, };

package/dist/primitives/ComboboxPrimitive/ComboboxPrimitive.types.d.ts

@@ -0,0 +1,30 @@
+import type { ComboboxArrowProps as BaseComboboxArrowProps, ComboboxBackdropProps as BaseComboboxBackdropProps, ComboboxChipProps as BaseComboboxChipProps, ComboboxChipRemoveProps as BaseComboboxChipRemoveProps, ComboboxChipsProps as BaseComboboxChipsProps, ComboboxClearProps as BaseComboboxClearProps, ComboboxCollectionProps as BaseComboboxCollectionProps, ComboboxEmptyProps as BaseComboboxEmptyProps, ComboboxFilter as BaseComboboxFilter, ComboboxFilterOptions as BaseComboboxFilterOptions, ComboboxGroupLabelProps as BaseComboboxGroupLabelProps, ComboboxGroupProps as BaseComboboxGroupProps, ComboboxIconProps as BaseComboboxIconProps, ComboboxInputGroupProps as BaseComboboxInputGroupProps, ComboboxInputProps as BaseComboboxInputProps, ComboboxItemIndicatorProps as BaseComboboxItemIndicatorProps, ComboboxItemProps as BaseComboboxItemProps, ComboboxLabelProps as BaseComboboxLabelProps, ComboboxListProps as BaseComboboxListProps, ComboboxPopupProps as BaseComboboxPopupProps, ComboboxPortalProps as BaseComboboxPortalProps, ComboboxPositionerProps as BaseComboboxPositionerProps, ComboboxRootProps as BaseComboboxRootProps, ComboboxRowProps as BaseComboboxRowProps, ComboboxStatusProps as BaseComboboxStatusProps, ComboboxTriggerProps as BaseComboboxTriggerProps, ComboboxValueProps as BaseComboboxValueProps } from "@base-ui/react/combobox";
+import type { SeparatorProps as BaseSeparatorProps } from "@base-ui/react/separator";
+export type ComboboxPrimitiveRootProps<Value, Multiple extends boolean | undefined = false> = BaseComboboxRootProps<Value, Multiple>;
+export type ComboboxPrimitiveLabelProps = BaseComboboxLabelProps;
+export type ComboboxPrimitiveValueProps = BaseComboboxValueProps;
+export type ComboboxPrimitiveInputProps = BaseComboboxInputProps;
+export type ComboboxPrimitiveInputGroupProps = BaseComboboxInputGroupProps;
+export type ComboboxPrimitiveTriggerProps = BaseComboboxTriggerProps;
+export type ComboboxPrimitiveListProps = BaseComboboxListProps;
+export type ComboboxPrimitiveStatusProps = BaseComboboxStatusProps;
+export type ComboboxPrimitivePortalProps = BaseComboboxPortalProps;
+export type ComboboxPrimitiveBackdropProps = BaseComboboxBackdropProps;
+export type ComboboxPrimitivePositionerProps = BaseComboboxPositionerProps;
+export type ComboboxPrimitivePopupProps = BaseComboboxPopupProps;
+export type ComboboxPrimitiveArrowProps = BaseComboboxArrowProps;
+export type ComboboxPrimitiveIconProps = BaseComboboxIconProps;
+export type ComboboxPrimitiveGroupProps = BaseComboboxGroupProps;
+export type ComboboxPrimitiveGroupLabelProps = BaseComboboxGroupLabelProps;
+export type ComboboxPrimitiveItemProps = BaseComboboxItemProps;
+export type ComboboxPrimitiveItemIndicatorProps = BaseComboboxItemIndicatorProps;
+export type ComboboxPrimitiveChipsProps = BaseComboboxChipsProps;
+export type ComboboxPrimitiveChipProps = BaseComboboxChipProps;
+export type ComboboxPrimitiveChipRemoveProps = BaseComboboxChipRemoveProps;
+export type ComboboxPrimitiveRowProps = BaseComboboxRowProps;
+export type ComboboxPrimitiveCollectionProps = BaseComboboxCollectionProps;
+export type ComboboxPrimitiveEmptyProps = BaseComboboxEmptyProps;
+export type ComboboxPrimitiveClearProps = BaseComboboxClearProps;
+export type ComboboxPrimitiveSeparatorProps = BaseSeparatorProps;
+export type ComboboxPrimitiveFilter = BaseComboboxFilter;
+export type ComboboxPrimitiveFilterOptions = BaseComboboxFilterOptions;

package/dist/primitives/ComboboxPrimitive/index.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var ComboboxPrimitive = require('../../ComboboxPrimitive-cjs.js');
+require('../../tslib.es6-cjs.js');
+require('react');
+require('classnames');
+require('../../buttonRenderAdapter-cjs.js');
+require('../../Button-cjs.js');
+require('react-router-dom');
+require('../../Icon-cjs.js');
+require('@jobber/design');
+require('../../Typography-cjs.js');
+require('../../useRenderElement-cjs.js');
+require('../../ComboboxChipRemove-cjs.js');
+require('../../useButton-cjs.js');
+require('../../floating-ui.utils.dom-cjs.js');
+require('react-dom');
+require('../../useLabel-cjs.js');
+require('../../useCompositeListItem-cjs.js');
+require('../../InternalBackdrop-cjs.js');
+require('../../index.esm-cjs.js');
+require('react/jsx-runtime');
+require('../../floating-ui.react-dom-cjs.js');
+require('../../Separator-cjs.js');
+
+
+
+exports.ComboboxPrimitive = ComboboxPrimitive.ComboboxPrimitive;

package/dist/primitives/ComboboxPrimitive/index.d.ts

@@ -0,0 +1,2 @@
+export * as ComboboxPrimitive from "./ComboboxPrimitive";
+export type { ComboboxPrimitiveArrowProps, ComboboxPrimitiveBackdropProps, ComboboxPrimitiveChipProps, ComboboxPrimitiveChipRemoveProps, ComboboxPrimitiveChipsProps, ComboboxPrimitiveClearProps, ComboboxPrimitiveCollectionProps, ComboboxPrimitiveEmptyProps, ComboboxPrimitiveFilter, ComboboxPrimitiveFilterOptions, ComboboxPrimitiveGroupLabelProps, ComboboxPrimitiveGroupProps, ComboboxPrimitiveIconProps, ComboboxPrimitiveInputGroupProps, ComboboxPrimitiveInputProps, ComboboxPrimitiveItemIndicatorProps, ComboboxPrimitiveItemProps, ComboboxPrimitiveLabelProps, ComboboxPrimitiveListProps, ComboboxPrimitivePopupProps, ComboboxPrimitivePortalProps, ComboboxPrimitivePositionerProps, ComboboxPrimitiveRootProps, ComboboxPrimitiveRowProps, ComboboxPrimitiveSeparatorProps, ComboboxPrimitiveStatusProps, ComboboxPrimitiveTriggerProps, ComboboxPrimitiveValueProps, } from "./ComboboxPrimitive.types";

package/dist/primitives/ComboboxPrimitive/index.mjs

@@ -0,0 +1,22 @@
+export { C as ComboboxPrimitive } from '../../ComboboxPrimitive-es.js';
+import '../../tslib.es6-es.js';
+import 'react';
+import 'classnames';
+import '../../buttonRenderAdapter-es.js';
+import '../../Button-es.js';
+import 'react-router-dom';
+import '../../Icon-es.js';
+import '@jobber/design';
+import '../../Typography-es.js';
+import '../../useRenderElement-es.js';
+import '../../ComboboxChipRemove-es.js';
+import '../../useButton-es.js';
+import '../../floating-ui.utils.dom-es.js';
+import 'react-dom';
+import '../../useLabel-es.js';
+import '../../useCompositeListItem-es.js';
+import '../../InternalBackdrop-es.js';
+import '../../index.esm-es.js';
+import 'react/jsx-runtime';
+import '../../floating-ui.react-dom-es.js';
+import '../../Separator-es.js';

package/dist/primitives/InputNumberExperimental/index.cjs

@@ -11,11 +11,13 @@ require('../../Icon-cjs.js');
 require('@jobber/design');
 require('../../Typography-cjs.js');
 require('../../useRenderElement-cjs.js');
-require('../../clamp-cjs.js');
+require('../../useButton-cjs.js');
 require('../../floating-ui.utils.dom-cjs.js');
 require('react-dom');
-require('../../NumberFieldInput-cjs.js');
+require('../../useLabel-cjs.js');
 require('react/jsx-runtime');
+require('../../NumberFieldInput-cjs.js');
+require('../../clamp-cjs.js');