@jobber/components 8.23.0 → 8.23.1

package/dist/Separator-cjs.js

@@ -33,6 +33,7 @@ const Separator = /*#__PURE__*/React__namespace.forwardRef(function SeparatorCom
     className,
     render,
     orientation = 'horizontal',
+    style,
     ...elementProps
   } = componentProps;
   const state = {

package/dist/Separator-es.js

@@ -12,6 +12,7 @@ const Separator = /*#__PURE__*/React.forwardRef(function SeparatorComponent(comp
     className,
     render,
     orientation = 'horizontal',
+    style,
     ...elementProps
   } = componentProps;
   const state = {

package/dist/Tooltip/index.cjs

@@ -5,7 +5,7 @@ require('react');
 require('classnames');
 require('../floating-ui.react-cjs.js');
 require('../floating-ui.utils.dom-cjs.js');
-require('../index.esm-cjs.js');
+require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
 require('../floating-ui.react-dom-cjs.js');

package/dist/Tooltip/index.mjs

@@ -3,7 +3,7 @@ import 'react';
 import 'classnames';
 import '../floating-ui.react-es.js';
 import '../floating-ui.utils.dom-es.js';
-import '../index.esm-es.js';
+import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
 import '../floating-ui.react-dom-es.js';

package/dist/docs/InputTime/InputTime.md

@@ -29,6 +29,14 @@ number automatically fills in the rest of the time. For example, typing `2` will
 fill in `2:00 PM` and typing `1` waits for a few milliseconds in case the user
 wants to type `10`, `11`, or `12`.
 
+## Sizes and the placeholder
+
+Consistent with other inputs, `size="small"` does not show the floating mini
+label. The placeholder appears while the field is empty and unfocused, and is
+hidden while the field is being edited or has a value, keeping the field at its
+small height throughout. The default and `large` sizes float the placeholder up
+as a mini label while editing or once a value is set.
+
 
 ## Props
 

package/dist/docs/SelectPrimitive/SelectPrimitive.md

@@ -192,20 +192,22 @@ Base UI.
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
-| `className` | `string | ((state: SelectPortalState) => string)` | No | — | CSS class applied to the element, or a function that returns a class based on the component’s state. |
+| `className` | `string | ((state: SelectPortalState) => string)` | No | — | CSS class applied to the element, or a function that returns a class based on the component's state. |
 | `container` | `HTMLElement | ShadowRoot | RefObject<HTMLElement | ShadowRoot>` | No | — | A parent element to render the portal element into. |
 | `ref` | `Ref<HTMLDivElement>` | No | — | Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (... |
-| `render` | `ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, SelectPortalState>` | No | — | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.  Accep... |
+| `render` | `ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, SelectPortalState>` | No | — | Allows you to replace the component's HTML element with a different tag, or compose it with another component.  Accep... |
+| `style` | `CSSProperties | ((state: SelectPortalState) => CSSProperties)` | No | — | Style applied to the element, or a function that returns a style object based on the component's state. |
 
 #### Root
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
-| `actionsRef` | `RefObject<SelectRootActions>` | No | — | A ref to imperative actions. - `unmount`: When specified, the select will not be unmounted when closed. Instead, the ... |
+| `actionsRef` | `RefObject<SelectRootActions>` | No | — | A ref to imperative actions. - `unmount`: Manually unmounts the select. Call this after any externally controlled clo... |
 | `autoComplete` | `string` | No | — | Provides a hint to the browser for autofill. @see https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attribu... |
 | `defaultOpen` | `boolean` | No | `false` | Whether the select popup is initially open.  To render a controlled select popup, use the `open` prop instead. |
-| `defaultValue` | `SelectValueType<Value, Multiple>` | No | — | The uncontrolled value of the select when it’s initially rendered.  To render a controlled select, use the `value` pr... |
+| `defaultValue` | `SelectValueType<Value, Multiple>` | No | — | The uncontrolled value of the select when it's initially rendered.  To render a controlled select, use the `value` pr... |
 | `disabled` | `boolean` | No | `false` | Whether the component should ignore user interaction. |
+| `form` | `string` | No | — | Identifies the form that owns the hidden input. Useful when the select is rendered outside the form. |
 | `highlightItemOnHover` | `boolean` | No | `true` | Whether moving the pointer over items should highlight them. Disabling this prop allows CSS `:hover` to be differenti... |
 | `id` | `string` | No | — | The id of the Select. |
 | `inputRef` | `Ref<HTMLInputElement>` | No | — | A ref to access the hidden input element. |
@@ -228,56 +230,63 @@ Base UI.
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
-| `className` | `string | ((state: SelectGroupState) => string)` | No | — | CSS class applied to the element, or a function that returns a class based on the component’s state. |
-| `render` | `ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, SelectGroupState>` | No | — | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.  Accep... |
+| `className` | `string | ((state: SelectGroupState) => string)` | No | — | CSS class applied to the element, or a function that returns a class based on the component's state. |
+| `render` | `ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, SelectGroupState>` | No | — | Allows you to replace the component's HTML element with a different tag, or compose it with another component.  Accep... |
+| `style` | `CSSProperties | ((state: SelectGroupState) => CSSProperties)` | No | — | Style applied to the element, or a function that returns a style object based on the component's state. |
 
 #### SelectPrimitiveGroupLabel
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
-| `className` | `string | ((state: SelectGroupLabelState) => string)` | No | — | CSS class applied to the element, or a function that returns a class based on the component’s state. |
-| `render` | `ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, SelectGroupLabelState>` | No | — | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.  Accep... |
+| `className` | `string | ((state: SelectGroupLabelState) => string)` | No | — | CSS class applied to the element, or a function that returns a class based on the component's state. |
+| `render` | `ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, SelectGroupLabelState>` | No | — | Allows you to replace the component's HTML element with a different tag, or compose it with another component.  Accep... |
+| `style` | `CSSProperties | ((state: SelectGroupLabelState) => CSSProperties)` | No | — | Style applied to the element, or a function that returns a style object based on the component's state. |
 
 #### SelectPrimitiveItem
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
-| `className` | `string | ((state: SelectItemState) => string)` | No | — | CSS class applied to the element, or a function that returns a class based on the component’s state. |
+| `className` | `string | ((state: SelectItemState) => string)` | No | — | CSS class applied to the element, or a function that returns a class based on the component's state. |
 | `disabled` | `boolean` | No | `false` | Whether the component should ignore user interaction. |
 | `label` | `string` | No | — | Specifies the text label to use when the item is matched during keyboard text navigation.  Defaults to the item text ... |
 | `nativeButton` | `boolean` | No | `true` | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if ... |
-| `render` | `ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, SelectItemState>` | No | — | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.  Accep... |
+| `render` | `ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, SelectItemState>` | No | — | Allows you to replace the component's HTML element with a different tag, or compose it with another component.  Accep... |
+| `style` | `CSSProperties | ((state: SelectItemState) => CSSProperties)` | No | — | Style applied to the element, or a function that returns a style object based on the component's state. |
 | `value` | `any` | No | `null` | A unique value that identifies this select item. |
 
 #### SelectPrimitiveItemIndicator
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
-| `className` | `string | ((state: SelectItemIndicatorState) => string)` | No | — | CSS class applied to the element, or a function that returns a class based on the component’s state. |
+| `className` | `string | ((state: SelectItemIndicatorState) => string)` | No | — | CSS class applied to the element, or a function that returns a class based on the component's state. |
 | `keepMounted` | `boolean` | No | — | Whether to keep the HTML element in the DOM when the item is not selected. |
-| `render` | `ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, SelectItemIndicatorState>` | No | — | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.  Accep... |
+| `render` | `ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, SelectItemIndicatorState>` | No | — | Allows you to replace the component's HTML element with a different tag, or compose it with another component.  Accep... |
+| `style` | `CSSProperties | ((state: SelectItemIndicatorState) => CSSProperties)` | No | — | Style applied to the element, or a function that returns a style object based on the component's state. |
 
 #### SelectPrimitiveItemText
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
-| `className` | `string | ((state: SelectItemTextState) => string)` | No | — | CSS class applied to the element, or a function that returns a class based on the component’s state. |
-| `render` | `ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, SelectItemTextState>` | No | — | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.  Accep... |
+| `className` | `string | ((state: SelectItemTextState) => string)` | No | — | CSS class applied to the element, or a function that returns a class based on the component's state. |
+| `render` | `ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, SelectItemTextState>` | No | — | Allows you to replace the component's HTML element with a different tag, or compose it with another component.  Accep... |
+| `style` | `CSSProperties | ((state: SelectItemTextState) => CSSProperties)` | No | — | Style applied to the element, or a function that returns a style object based on the component's state. |
 
 #### SelectPrimitiveList
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
-| `className` | `string | ((state: SelectListState) => string)` | No | — | CSS class applied to the element, or a function that returns a class based on the component’s state. |
-| `render` | `ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, SelectListState>` | No | — | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.  Accep... |
+| `className` | `string | ((state: SelectListState) => string)` | No | — | CSS class applied to the element, or a function that returns a class based on the component's state. |
+| `render` | `ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, SelectListState>` | No | — | Allows you to replace the component's HTML element with a different tag, or compose it with another component.  Accep... |
+| `style` | `CSSProperties | ((state: SelectListState) => CSSProperties)` | No | — | Style applied to the element, or a function that returns a style object based on the component's state. |
 
 #### SelectPrimitivePopup
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
-| `className` | `string | ((state: SelectPopupState) => string)` | No | — | CSS class applied to the element, or a function that returns a class based on the component’s state. |
+| `className` | `string | ((state: SelectPopupState) => string)` | No | — | CSS class applied to the element, or a function that returns a class based on the component's state. |
 | `finalFocus` | `boolean | RefObject<HTMLElement> | ((closeType: InteractionType) => boolean | void | HTMLElement)` | No | — | Determines the element to focus when the select popup is closed.  - `false`: Do not move focus. - `true`: Move focus ... |
-| `render` | `ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, SelectPopupState>` | No | — | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.  Accep... |
+| `render` | `ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, SelectPopupState>` | No | — | Allows you to replace the component's HTML element with a different tag, or compose it with another component.  Accep... |
+| `style` | `CSSProperties | ((state: SelectPopupState) => CSSProperties)` | No | — | Style applied to the element, or a function that returns a style object based on the component's state. |
 
 #### SelectPrimitivePositioner
 
@@ -288,16 +297,17 @@ Base UI.
 | `alignOffset` | `OffsetFunction | number` | No | `0` | Additional offset along the alignment axis in pixels. Also accepts a function that returns the offset to read the dim... |
 | `anchor` | `Element | RefObject<Element> | VirtualElement | (() => Element | VirtualElement)` | No | — | An element to position the popup against. By default, the popup will be positioned against the trigger. |
 | `arrowPadding` | `number` | No | `5` | Minimum distance to maintain between the arrow and the edges of the popup.  Use it to prevent the arrow element from ... |
-| `className` | `string | ((state: SelectPositionerState) => string)` | No | — | CSS class applied to the element, or a function that returns a class based on the component’s state. |
+| `className` | `string | ((state: SelectPositionerState) => string)` | No | — | CSS class applied to the element, or a function that returns a class based on the component's state. |
 | `collisionAvoidance` | `CollisionAvoidance` | No | — | Determines how to handle collisions when positioning the popup.  `side` controls overflow on the preferred placement ... |
 | `collisionBoundary` | `Boundary` | No | `'clipping-ancestors'` | An element or a rectangle that delimits the area that the popup is confined to. |
 | `collisionPadding` | `Padding` | No | `5` | Additional space to maintain from the edge of the collision boundary. |
 | `disableAnchorTracking` | `boolean` | No | `false` | Whether to disable the popup from tracking any layout shift of its positioning anchor. |
 | `positionMethod` | `"absolute" | "fixed"` | No | `'absolute'` | Determines which CSS `position` property to use. |
-| `render` | `ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, SelectPositionerState>` | No | — | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.  Accep... |
+| `render` | `ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, SelectPositionerState>` | No | — | Allows you to replace the component's HTML element with a different tag, or compose it with another component.  Accep... |
 | `side` | `Side` | No | `'bottom'` | Which side of the anchor element to align the popup against. May automatically change to avoid collisions. |
 | `sideOffset` | `OffsetFunction | number` | No | `6` | Distance between the anchor and the popup in pixels. Also accepts a function that returns the distance to read the di... |
 | `sticky` | `boolean` | No | `false` | Whether to maintain the popup in the viewport after the anchor element was scrolled out of view. |
+| `style` | `CSSProperties | ((state: SelectPositionerState) => CSSProperties)` | No | — | Style applied to the element, or a function that returns a style object based on the component's state. |
 
 #### SelectPrimitiveSeparator
 
@@ -305,22 +315,25 @@ Base UI.
 |------|------|----------|---------|-------------|
 | `className` | `string` | No | — |  |
 | `orientation` | `Orientation` | No | `'horizontal'` | The orientation of the separator. |
-| `render` | `ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, SeparatorState>` | No | — | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.  Accep... |
+| `render` | `ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, SeparatorState>` | No | — | Allows you to replace the component's HTML element with a different tag, or compose it with another component.  Accep... |
+| `style` | `CSSProperties | ((state: SeparatorState) => CSSProperties)` | No | — | Style applied to the element, or a function that returns a style object based on the component's state. |
 
 #### SelectPrimitiveTrigger
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
-| `className` | `string | ((state: SelectTriggerState) => string)` | No | — | CSS class applied to the element, or a function that returns a class based on the component’s state. |
+| `className` | `string | ((state: SelectTriggerState) => string)` | No | — | CSS class applied to the element, or a function that returns a class based on the component's state. |
 | `disabled` | `boolean` | No | — | Whether the component should ignore user interaction. |
 | `nativeButton` | `boolean` | No | `true` | Whether the component renders a native `<button>` element when replacing it via the `render` prop. Set to `false` if ... |
-| `render` | `ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, SelectTriggerState>` | No | — | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.  Accep... |
+| `render` | `ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, SelectTriggerState>` | No | — | Allows you to replace the component's HTML element with a different tag, or compose it with another component.  Accep... |
+| `style` | `CSSProperties | ((state: SelectTriggerState) => CSSProperties)` | No | — | Style applied to the element, or a function that returns a style object based on the component's state. |
 
 #### SelectPrimitiveValue
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
 | `children` | `ReactNode | ((value: any) => ReactNode)` | No | — | Accepts a function that returns a `ReactNode` to format the selected value. @example ```tsx <Select.Value>   {(value:... |
-| `className` | `string | ((state: SelectValueState) => string)` | No | — | CSS class applied to the element, or a function that returns a class based on the component’s state. |
+| `className` | `string | ((state: SelectValueState) => string)` | No | — | CSS class applied to the element, or a function that returns a class based on the component's state. |
 | `placeholder` | `ReactNode` | No | — | The placeholder value to display when no value is selected. This is overridden by `children` if specified, or by a nu... |
-| `render` | `ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, SelectValueState>` | No | — | Allows you to replace the component’s HTML element with a different tag, or compose it with another component.  Accep... |
+| `render` | `ReactElement<unknown, string | JSXElementConstructor<any>> | ComponentRenderFn<HTMLProps, SelectValueState>` | No | — | Allows you to replace the component's HTML element with a different tag, or compose it with another component.  Accep... |
+| `style` | `CSSProperties | ((state: SelectValueState) => CSSProperties)` | No | — | Style applied to the element, or a function that returns a style object based on the component's state. |