@jobber/components 6.123.0 → 6.123.2

package/dist/AtlantisThemeContext-cjs.js

@@ -342,7 +342,7 @@ var merge$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(merge_1);
 
 const THEME_CHANGE_EVENT = "atlantis.toggle-theme";
 
-var styles = {"staticThemeProviderWrapper":"P6HrDSaI0Ac-","overrideTokensWrapper":"j-NMCOBL3-E-","spinning":"iq03qkKnXBA-"};
+var styles = {"staticThemeProviderWrapper":"P6HrDSaI0Ac-","overrideTokensWrapper":"j-NMCOBL3-E-"};
 
 const atlantisThemeContextDefaultValues = {
     theme: "light",

package/dist/AtlantisThemeContext-es.js

@@ -1,11 +1,11 @@
 import { tokens, darkTokens } from '@jobber/design';
-import React__default, { createContext, useState, useCallback, useEffect, useContext, useMemo } from 'react';
+import React__default, { createContext, useContext, useState, useCallback, useEffect, useMemo } from 'react';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
 import { e as eq_1, c as _Stack } from './identity-es.js';
 import { _ as _baseAssignValue } from './_baseAssignValue-es.js';
 import { _ as _baseFor } from './_baseFor-es.js';
-import { _ as _copyObject, k as keysIn_1, a as _cloneBufferExports, b as _cloneTypedArray, c as _copyArray, d as _initCloneObject, i as isPlainObject_1 } from './keysIn-es.js';
-import { b as isArrayLike_1, i as isArguments_1, a as isArray_1, c as isBufferExports, j as isFunction_1, d as isTypedArray_1 } from './isTypedArray-es.js';
+import { _ as _copyObject, k as keysIn_1, a as _copyArray, b as _cloneBufferExports, c as _cloneTypedArray, i as isPlainObject_1, d as _initCloneObject } from './keysIn-es.js';
+import { i as isArrayLike_1, b as isBufferExports, c as isTypedArray_1, a as isArray_1, d as isArguments_1, j as isFunction_1 } from './isTypedArray-es.js';
 import { i as isObjectLike_1, a as isObject_1 } from './isObjectLike-es.js';
 import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-es.js';
 
@@ -330,23 +330,23 @@ var baseMerge = _baseMerge,
  * _.merge(object, other);
  * // => { 'a': [{ 'b': 2, 'c': 3 }, { 'd': 4, 'e': 5 }] }
  */
-var merge = createAssigner(function(object, source, srcIndex) {
+var merge$1 = createAssigner(function(object, source, srcIndex) {
   baseMerge(object, source, srcIndex);
 });
 
-var merge_1 = merge;
+var merge_1 = merge$1;
 
-var merge$1 = /*@__PURE__*/getDefaultExportFromCjs(merge_1);
+var merge = /*@__PURE__*/getDefaultExportFromCjs(merge_1);
 
 const THEME_CHANGE_EVENT = "atlantis.toggle-theme";
 
-var styles = {"staticThemeProviderWrapper":"P6HrDSaI0Ac-","overrideTokensWrapper":"j-NMCOBL3-E-","spinning":"iq03qkKnXBA-"};
+var styles = {"staticThemeProviderWrapper":"P6HrDSaI0Ac-","overrideTokensWrapper":"j-NMCOBL3-E-"};
 
 const atlantisThemeContextDefaultValues = {
     theme: "light",
     tokens: tokens,
 };
-const actualDarkTokens = merge$1({}, tokens, darkTokens);
+const actualDarkTokens = merge({}, tokens, darkTokens);
 const AtlantisThemeContext = createContext(atlantisThemeContextDefaultValues);
 function AtlantisThemeContextProvider({ children, dangerouslyOverrideTheme, dangerouslyOverrideTokens, }) {
     if (dangerouslyOverrideTheme) {
@@ -401,7 +401,7 @@ function useTokens(theme, overrideTokens) {
     const currentTokens = theme === "dark" ? actualDarkTokens : tokens;
     const finalTokens = useMemo(() => {
         if (overrideTokens) {
-            return merge$1({}, currentTokens, overrideTokens);
+            return merge({}, currentTokens, overrideTokens);
         }
         return currentTokens;
     }, [currentTokens, overrideTokens]);

package/dist/Autocomplete/Autocomplete.types.d.ts

@@ -1,4 +1,6 @@
 import type { CSSProperties, Key, Ref, RefObject } from "react";
+import type { UseAutocompleteListNavReturn } from "./hooks/useAutocompleteListNav";
+import type { createInteractionPointerDownHandler } from "./utils/interactionUtils";
 import type { AriaInputProps, FocusEvents, HTMLInputBaseProps, RebuiltInputCommonProps } from "../sharedHelpers/types";
 import type { FormFieldProps } from "../FormField";
 import type { InputTextRebuiltProps, InputTextRef } from "../InputText";
@@ -504,4 +506,35 @@ export type RenderItem<T extends OptionLike, S extends object = Record<string, u
     kind: "section";
     section: MenuSection<T, S, A>;
 };
+export interface UseAutocompleteProps<Value extends OptionLike, SectionExtra extends object = Record<string, unknown>, ActionExtra extends object = Record<string, unknown>> {
+    renderable: Array<RenderItem<Value, SectionExtra, ActionExtra>>;
+    optionCount: number;
+    persistentsHeaders: Array<MenuHeader<ActionExtra>>;
+    persistentsFooters: Array<MenuFooter<ActionExtra>>;
+    headerInteractiveCount: number;
+    middleNavigableCount: number;
+    getOptionLabel: (opt: Value) => string;
+    isOptionSelected: (opt: Value) => boolean;
+    refs: UseAutocompleteListNavReturn["refs"];
+    floatingStyles: UseAutocompleteListNavReturn["floatingStyles"];
+    context: UseAutocompleteListNavReturn["context"];
+    getReferenceProps: UseAutocompleteListNavReturn["getReferenceProps"];
+    getFloatingProps: UseAutocompleteListNavReturn["getFloatingProps"];
+    getItemProps: UseAutocompleteListNavReturn["getItemProps"];
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    activeIndex: number | null;
+    setActiveIndex: (index: number | null) => void;
+    listRef: React.RefObject<Array<HTMLElement | null>>;
+    onSelection: (option: Value) => void;
+    onAction: (action: ActionConfig) => void;
+    onInteractionPointerDown: ReturnType<typeof createInteractionPointerDownHandler>;
+    removeSelection: (option: Value) => void;
+    clearAll: () => void;
+    onInputChangeFromUser: (val: string) => void;
+    onInputBlur: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    onInputFocus: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    onInputKeyDown: (event: React.KeyboardEvent<Element>) => void;
+    setReferenceElement: (el: HTMLElement | null) => void;
+}
 export {};

package/dist/Autocomplete/index.cjs

@@ -32,7 +32,7 @@ const AUTOCOMPLETE_MAX_HEIGHT$1 = 300;
 /** Stable empty array for cleared/empty selection state. Reuse to avoid reference churn. */
 const EMPTY_SELECTED_VALUES = [];
 
-var styles$1 = {"list":"_37kZB-nYE08-","loadingList":"ULib3TUQja0-","option":"h5-1Pp0eRyo-","defaultOptionContent":"iBkyj85vd-E-","icon":"I6wAbSJJHNQ-","optionActive":"_4yhnonWAWRY-","actionActive":"oGLMF6n8C74-","action":"LBrwH6TEUYA-","section":"DDOv4DR8bJQ-","emptyStateMessage":"Twgjn26oldE-","stickyTop":"mc1-CEwZtHE-","scrollRegion":"kOR88SFNOn0-","persistentHeader":"_0O-kEf3h9ZI-","persistentFooter":"rQ9ZS7Rb7Z4-","textPersistent":"vxk57ZhP8GU-","multiSelectField":"AWoK6-P8fFE-","chipArea":"zJm0oR5x4qY-","inlineInput":"Oa26ZaVEi3g-","selectionChip":"IarOrfyYExE-","selectionChipActive":"pmtAk9HEhF4-","selectionChipDisabled":"nmXqlAV-DJo-","chipDismiss":"SmrmwoOlZDo-","limitText":"pqwAJ8VczCU-","spinning":"_0d8hyvaCPAw-"};
+var styles$1 = {"list":"_37kZB-nYE08-","loadingList":"ULib3TUQja0-","option":"h5-1Pp0eRyo-","defaultOptionContent":"iBkyj85vd-E-","icon":"I6wAbSJJHNQ-","optionActive":"_4yhnonWAWRY-","actionActive":"oGLMF6n8C74-","action":"LBrwH6TEUYA-","section":"DDOv4DR8bJQ-","emptyStateMessage":"Twgjn26oldE-","stickyTop":"mc1-CEwZtHE-","scrollRegion":"kOR88SFNOn0-","persistentHeader":"_0O-kEf3h9ZI-","persistentFooter":"rQ9ZS7Rb7Z4-","textPersistent":"vxk57ZhP8GU-","multiSelectField":"AWoK6-P8fFE-","chipArea":"zJm0oR5x4qY-","inlineInput":"Oa26ZaVEi3g-","selectionChip":"IarOrfyYExE-","selectionChipActive":"pmtAk9HEhF4-","selectionChipDisabled":"nmXqlAV-DJo-","chipDismiss":"SmrmwoOlZDo-","limitText":"pqwAJ8VczCU-"};
 
 function flattenMenu(menu) {
     const optionItems = [];
@@ -1312,7 +1312,7 @@ function MultipleSelectionLayout({ selectedValues, inputValue, disabled, error,
         children));
 }
 
-var styles = {"autocomplete":"_7mObJiwfPh4-","options":"dL5JShAJlKM-","heading":"PWZL-94hH7k-","visible":"_2RzcnTdaPyc-","option":"y9zhi8Wr8QA-","active":"_3Xg49dtL1Q8-","separator":"LIeh390F3W8-","icon":"K2phy6IC3TY-","text":"a6-LbUm5WnY-","label":"tQNbuxcE9nU-","details":"qacStG9-XbE-","spinning":"P9cQDL4MZ-s-"};
+var styles = {"autocomplete":"_7mObJiwfPh4-","options":"dL5JShAJlKM-","heading":"PWZL-94hH7k-","visible":"_2RzcnTdaPyc-","option":"y9zhi8Wr8QA-","active":"_3Xg49dtL1Q8-","separator":"LIeh390F3W8-","icon":"K2phy6IC3TY-","text":"a6-LbUm5WnY-","label":"tQNbuxcE9nU-","details":"qacStG9-XbE-"};
 
 function useRepositionMenu(attachTo, visible, cssManagedVisibility) {
     const { refs, floatingStyles, update } = floatingUi_react.useFloating(Object.assign({ placement: "bottom", middleware: [
@@ -1455,13 +1455,13 @@ exports.KeyboardAction = void 0;
  * Use this hook if you are using components in the menu that aren't MenuOption or BaseMenuOption.
  */
 function useCustomKeyboardNavigation({ onRequestHighlightChange, }) {
-    jobberHooks.useOnKeyDown((event) => {
+    jobberHooks.useOnKeyDown(event => {
         onRequestHighlightChange === null || onRequestHighlightChange === void 0 ? void 0 : onRequestHighlightChange(event, exports.KeyboardAction.Next);
     }, "ArrowDown");
-    jobberHooks.useOnKeyDown((event) => {
+    jobberHooks.useOnKeyDown(event => {
         onRequestHighlightChange === null || onRequestHighlightChange === void 0 ? void 0 : onRequestHighlightChange(event, exports.KeyboardAction.Previous);
     }, "ArrowUp");
-    jobberHooks.useOnKeyDown((event) => {
+    jobberHooks.useOnKeyDown(event => {
         onRequestHighlightChange === null || onRequestHighlightChange === void 0 ? void 0 : onRequestHighlightChange(event, exports.KeyboardAction.Select);
     }, "Enter");
 }

package/dist/Autocomplete/index.mjs

@@ -4,14 +4,14 @@ import classnames from 'classnames';
 import { tokens } from '@jobber/design';
 import { useCallbackRef, useDebounce, useSafeLayoutEffect, useIsMounted, useOnKeyDown } from '@jobber/hooks';
 import { c as calculateMaxHeight } from '../maxHeight-es.js';
-import { b as autoUpdate, o as offset, f as flip, d as size } from '../floating-ui.react-dom-es.js';
+import { a as autoUpdate, o as offset, f as flip, d as size } from '../floating-ui.react-dom-es.js';
 import { H as Heading } from '../Heading-es.js';
 import { T as Text } from '../Text-es.js';
 import { T as Typography } from '../Typography-es.js';
 import { I as Icon } from '../Icon-es.js';
-import { G as Glimmer } from '../Glimmer-es.js';
+import { a as Glimmer } from '../Glimmer-es.js';
 import { InputText } from '../InputText/index.mjs';
-import { n as mergeRefs, f as FormFieldWrapper } from '../FormField-es.js';
+import { n as mergeRefs, e as FormFieldWrapper } from '../FormField-es.js';
 import { _ as __rest, a as __awaiter } from '../tslib.es6-es.js';
 import 'react-hook-form';
 import '../Button-es.js';
@@ -30,7 +30,7 @@ const AUTOCOMPLETE_MAX_HEIGHT$1 = 300;
 /** Stable empty array for cleared/empty selection state. Reuse to avoid reference churn. */
 const EMPTY_SELECTED_VALUES = [];
 
-var styles$1 = {"list":"_37kZB-nYE08-","loadingList":"ULib3TUQja0-","option":"h5-1Pp0eRyo-","defaultOptionContent":"iBkyj85vd-E-","icon":"I6wAbSJJHNQ-","optionActive":"_4yhnonWAWRY-","actionActive":"oGLMF6n8C74-","action":"LBrwH6TEUYA-","section":"DDOv4DR8bJQ-","emptyStateMessage":"Twgjn26oldE-","stickyTop":"mc1-CEwZtHE-","scrollRegion":"kOR88SFNOn0-","persistentHeader":"_0O-kEf3h9ZI-","persistentFooter":"rQ9ZS7Rb7Z4-","textPersistent":"vxk57ZhP8GU-","multiSelectField":"AWoK6-P8fFE-","chipArea":"zJm0oR5x4qY-","inlineInput":"Oa26ZaVEi3g-","selectionChip":"IarOrfyYExE-","selectionChipActive":"pmtAk9HEhF4-","selectionChipDisabled":"nmXqlAV-DJo-","chipDismiss":"SmrmwoOlZDo-","limitText":"pqwAJ8VczCU-","spinning":"_0d8hyvaCPAw-"};
+var styles$1 = {"list":"_37kZB-nYE08-","loadingList":"ULib3TUQja0-","option":"h5-1Pp0eRyo-","defaultOptionContent":"iBkyj85vd-E-","icon":"I6wAbSJJHNQ-","optionActive":"_4yhnonWAWRY-","actionActive":"oGLMF6n8C74-","action":"LBrwH6TEUYA-","section":"DDOv4DR8bJQ-","emptyStateMessage":"Twgjn26oldE-","stickyTop":"mc1-CEwZtHE-","scrollRegion":"kOR88SFNOn0-","persistentHeader":"_0O-kEf3h9ZI-","persistentFooter":"rQ9ZS7Rb7Z4-","textPersistent":"vxk57ZhP8GU-","multiSelectField":"AWoK6-P8fFE-","chipArea":"zJm0oR5x4qY-","inlineInput":"Oa26ZaVEi3g-","selectionChip":"IarOrfyYExE-","selectionChipActive":"pmtAk9HEhF4-","selectionChipDisabled":"nmXqlAV-DJo-","chipDismiss":"SmrmwoOlZDo-","limitText":"pqwAJ8VczCU-"};
 
 function flattenMenu(menu) {
     const optionItems = [];
@@ -1310,7 +1310,7 @@ function MultipleSelectionLayout({ selectedValues, inputValue, disabled, error,
         children));
 }
 
-var styles = {"autocomplete":"_7mObJiwfPh4-","options":"dL5JShAJlKM-","heading":"PWZL-94hH7k-","visible":"_2RzcnTdaPyc-","option":"y9zhi8Wr8QA-","active":"_3Xg49dtL1Q8-","separator":"LIeh390F3W8-","icon":"K2phy6IC3TY-","text":"a6-LbUm5WnY-","label":"tQNbuxcE9nU-","details":"qacStG9-XbE-","spinning":"P9cQDL4MZ-s-"};
+var styles = {"autocomplete":"_7mObJiwfPh4-","options":"dL5JShAJlKM-","heading":"PWZL-94hH7k-","visible":"_2RzcnTdaPyc-","option":"y9zhi8Wr8QA-","active":"_3Xg49dtL1Q8-","separator":"LIeh390F3W8-","icon":"K2phy6IC3TY-","text":"a6-LbUm5WnY-","label":"tQNbuxcE9nU-","details":"qacStG9-XbE-"};
 
 function useRepositionMenu(attachTo, visible, cssManagedVisibility) {
     const { refs, floatingStyles, update } = useFloating(Object.assign({ placement: "bottom", middleware: [
@@ -1453,13 +1453,13 @@ var KeyboardAction;
  * Use this hook if you are using components in the menu that aren't MenuOption or BaseMenuOption.
  */
 function useCustomKeyboardNavigation({ onRequestHighlightChange, }) {
-    useOnKeyDown((event) => {
+    useOnKeyDown(event => {
         onRequestHighlightChange === null || onRequestHighlightChange === void 0 ? void 0 : onRequestHighlightChange(event, KeyboardAction.Next);
     }, "ArrowDown");
-    useOnKeyDown((event) => {
+    useOnKeyDown(event => {
         onRequestHighlightChange === null || onRequestHighlightChange === void 0 ? void 0 : onRequestHighlightChange(event, KeyboardAction.Previous);
     }, "ArrowUp");
-    useOnKeyDown((event) => {
+    useOnKeyDown(event => {
         onRequestHighlightChange === null || onRequestHighlightChange === void 0 ? void 0 : onRequestHighlightChange(event, KeyboardAction.Select);
     }, "Enter");
 }

package/dist/Autocomplete/useAutocomplete.d.ts

@@ -1,58 +1,3 @@
 import type React from "react";
-import type { ActionConfig, AutocompleteRebuiltProps, OptionLike, RenderItem } from "./Autocomplete.types";
-export declare function useAutocomplete<Value extends OptionLike, Multiple extends boolean = false, SectionExtra extends object = Record<string, unknown>, ActionExtra extends object = Record<string, unknown>>(props: AutocompleteRebuiltProps<Value, Multiple, SectionExtra, ActionExtra>, inputRef: React.RefObject<HTMLInputElement | HTMLTextAreaElement | null>): {
-    renderable: RenderItem<Value, SectionExtra, ActionExtra>[];
-    optionCount: number;
-    persistentsHeaders: import("./Autocomplete.types").MenuHeader<ActionExtra>[];
-    persistentsFooters: import("./Autocomplete.types").MenuFooter<ActionExtra>[];
-    headerInteractiveCount: number;
-    middleNavigableCount: number;
-    getOptionLabel: (opt: Value) => string;
-    isOptionSelected: (opt: Value) => boolean;
-    refs: {
-        reference: React.MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
-        floating: React.MutableRefObject<HTMLElement | null>;
-        setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
-        setFloating: (node: HTMLElement | null) => void;
-    } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
-    floatingStyles: React.CSSProperties;
-    context: {
-        x: number;
-        y: number;
-        placement: import("@floating-ui/utils").Placement;
-        strategy: import("@floating-ui/utils").Strategy;
-        middlewareData: import("@floating-ui/core").MiddlewareData;
-        isPositioned: boolean;
-        update: () => void;
-        floatingStyles: React.CSSProperties;
-        open: boolean;
-        onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
-        events: import("@floating-ui/react").FloatingEvents;
-        dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
-        nodeId: string | undefined;
-        floatingId: string | undefined;
-        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
-        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
-    };
-    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
-    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
-        active?: boolean;
-        selected?: boolean;
-    }) => Record<string, unknown>;
-    open: boolean;
-    setOpen: (open: boolean) => void;
-    activeIndex: number | null;
-    setActiveIndex: (index: number | null) => void;
-    listRef: React.RefObject<(HTMLElement | null)[]>;
-    onSelection: (option: Value) => void;
-    onAction: (action: ActionConfig) => void;
-    onInteractionPointerDown: (e: React.PointerEvent) => void;
-    removeSelection: (option: Value) => void;
-    clearAll: () => void;
-    onInputChangeFromUser: (val: string) => void;
-    onInputBlur: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    onInputFocus: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    onInputKeyDown: (event: React.KeyboardEvent) => void;
-    setReferenceElement: (el: HTMLElement | null) => void;
-};
+import type { AutocompleteRebuiltProps, OptionLike, UseAutocompleteProps } from "./Autocomplete.types";
+export declare function useAutocomplete<Value extends OptionLike, Multiple extends boolean = false, SectionExtra extends object = Record<string, unknown>, ActionExtra extends object = Record<string, unknown>>(props: AutocompleteRebuiltProps<Value, Multiple, SectionExtra, ActionExtra>, inputRef: React.RefObject<HTMLInputElement | HTMLTextAreaElement | null>): UseAutocompleteProps<Value, SectionExtra, ActionExtra>;

package/dist/Body-cjs.js

@@ -4,7 +4,7 @@ var React = require('react');
 var formatters = require('@jobber/formatters');
 var classnames = require('classnames');
 
-var styles$1 = {"table":"_7PagpWEko2U-","row":"_9OHT36DJGCo-","header":"YPDzOWGHgkk-","footer":"cv4Izfe0MWI-","spinning":"SBtILBzIaGI-"};
+var styles$1 = {"table":"_7PagpWEko2U-","row":"_9OHT36DJGCo-","header":"YPDzOWGHgkk-","footer":"cv4Izfe0MWI-"};
 
 function Table({ children }) {
     return React.createElement("table", { className: styles$1.table }, children);

package/dist/Body-es.js

@@ -2,7 +2,7 @@ import React__default from 'react';
 import { formatCurrency } from '@jobber/formatters';
 import classnames from 'classnames';
 
-var styles$1 = {"table":"_7PagpWEko2U-","row":"_9OHT36DJGCo-","header":"YPDzOWGHgkk-","footer":"cv4Izfe0MWI-","spinning":"SBtILBzIaGI-"};
+var styles$1 = {"table":"_7PagpWEko2U-","row":"_9OHT36DJGCo-","header":"YPDzOWGHgkk-","footer":"cv4Izfe0MWI-"};
 
 function Table({ children }) {
     return React__default.createElement("table", { className: styles$1.table }, children);
@@ -42,4 +42,4 @@ function Body({ children }) {
     return React__default.createElement("tbody", null, children);
 }
 
-export { Body as B, Cell as C, Footer as F, Header as H, Row as R, Table as T, CellNumeric as a, CellCurrency as b };
+export { Body as B, Cell as C, Footer as F, Header as H, Row as R, Table as T, CellCurrency as a, CellNumeric as b };

package/dist/BottomSheet-cjs.js

@@ -5,13 +5,30 @@ var React = require('react');
 var classnames = require('classnames');
 var DrawerRoot = require('./DrawerRoot-cjs.js');
 
-var styles = {"backdrop":"Qf3IFhKJwQ0-","popup":"_868PDAA3U2M-","content":"eKuxReHyju8-","scrollArea":"_1I0eaFciaWo-","bottomFade":"BYEzqcZUGls-","spinning":"IJxq5fm5qdw-"};
+var styles = {"backdrop":"Qf3IFhKJwQ0-","popup":"_868PDAA3U2M-","content":"eKuxReHyju8-","scrollArea":"_1I0eaFciaWo-","bottomFade":"BYEzqcZUGls-"};
 
 const BOTTOM_THRESHOLD = 1;
-const BottomSheet = React.forwardRef(function BottomSheet(_a, ref) {
-    var { children, className, initialFocus, finalFocus, open, defaultOpen, onOpenChange } = _a, contentProps = tslib_es6.__rest(_a, ["children", "className", "initialFocus", "finalFocus", "open", "defaultOpen", "onOpenChange"]);
+const BottomSheetContext = React.createContext(null);
+function BottomSheetRoot(_a) {
+    var { children, defaultOpen, onOpenChange, open } = _a, rootProps = tslib_es6.__rest(_a, ["children", "defaultOpen", "onOpenChange", "open"]);
+    const isControlled = open !== undefined;
+    const [internalOpen, setInternalOpen] = React.useState(defaultOpen !== null && defaultOpen !== void 0 ? defaultOpen : false);
+    const isOpen = isControlled ? open : internalOpen;
+    const handleOpenChange = React.useCallback((nextOpen, eventDetails) => {
+        if (!isControlled) {
+            setInternalOpen(nextOpen);
+        }
+        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpen, eventDetails);
+    }, [isControlled, onOpenChange]);
+    return (React.createElement(BottomSheetContext.Provider, { value: { isOpen } },
+        React.createElement(DrawerRoot.DrawerRoot, Object.assign({}, rootProps, { defaultOpen: defaultOpen, onOpenChange: handleOpenChange, open: open }), children)));
+}
+const BottomSheetPopup = React.forwardRef(function BottomSheetPopup(_a, ref) {
+    var { children, className, initialFocus, finalFocus } = _a, popupProps = tslib_es6.__rest(_a, ["children", "className", "initialFocus", "finalFocus"]);
     const scrollAreaRef = React.useRef(null);
     const [showBottomFade, setShowBottomFade] = React.useState(false);
+    const bottomSheetContext = React.useContext(BottomSheetContext);
+    const isOpen = bottomSheetContext === null || bottomSheetContext === void 0 ? void 0 : bottomSheetContext.isOpen;
     const syncBottomFade = React.useCallback(() => {
         const node = scrollAreaRef.current;
         if (!node)
@@ -38,12 +55,12 @@ const BottomSheet = React.forwardRef(function BottomSheet(_a, ref) {
         };
     }, [syncBottomFade]);
     React.useLayoutEffect(() => {
-        if (open === false) {
+        if (isOpen === false) {
             setShowBottomFade(false);
             return;
         }
         return scheduleFadeUpdate();
-    }, [open, scheduleFadeUpdate]);
+    }, [isOpen, scheduleFadeUpdate]);
     React.useEffect(() => {
         const node = scrollAreaRef.current;
         if (!node || typeof ResizeObserver === "undefined")
@@ -54,13 +71,26 @@ const BottomSheet = React.forwardRef(function BottomSheet(_a, ref) {
             resizeObserver.disconnect();
         };
     }, [syncBottomFade]);
-    return (React.createElement(DrawerRoot.DrawerRoot, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange },
-        React.createElement(DrawerRoot.DrawerPortal, null,
-            React.createElement(DrawerRoot.DrawerBackdrop, { className: styles.backdrop }),
-            React.createElement(DrawerRoot.DrawerPopup, { className: styles.popup, initialFocus: initialFocus, finalFocus: finalFocus },
-                React.createElement(DrawerRoot.DrawerContent, Object.assign({}, contentProps, { ref: ref, className: classnames(styles.content, className) }),
-                    React.createElement("div", { className: styles.scrollArea, onScroll: syncBottomFade, ref: scrollAreaRef }, children),
-                    showBottomFade ? (React.createElement("div", { "aria-hidden": "true", className: styles.bottomFade })) : null)))));
+    return (React.createElement(DrawerRoot.DrawerPortal, null,
+        React.createElement(DrawerRoot.DrawerBackdrop, { className: styles.backdrop }),
+        React.createElement(DrawerRoot.DrawerPopup, Object.assign({}, popupProps, { ref: ref, className: classnames(styles.popup, className), initialFocus: initialFocus, finalFocus: finalFocus }),
+            React.createElement("div", { className: styles.scrollArea, onScroll: syncBottomFade, ref: scrollAreaRef }, children),
+            showBottomFade ? (React.createElement("div", { "aria-hidden": "true", className: styles.bottomFade })) : null)));
+});
+const BottomSheetContent = React.forwardRef(function BottomSheetContent(_a, ref) {
+    var { children, className } = _a, contentProps = tslib_es6.__rest(_a, ["children", "className"]);
+    return (React.createElement(DrawerRoot.DrawerContent, Object.assign({}, contentProps, { ref: ref, className: classnames(styles.content, className) }), children));
+});
+const BottomSheetComponent = React.forwardRef(function BottomSheet(_a, ref) {
+    var { children, className, initialFocus, finalFocus, open, defaultOpen, onOpenChange } = _a, contentProps = tslib_es6.__rest(_a, ["children", "className", "initialFocus", "finalFocus", "open", "defaultOpen", "onOpenChange"]);
+    return (React.createElement(BottomSheetRoot, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange },
+        React.createElement(BottomSheetPopup, { initialFocus: initialFocus, finalFocus: finalFocus },
+            React.createElement(BottomSheetContent, Object.assign({}, contentProps, { ref: ref, className: className }), children))));
+});
+const BottomSheet = Object.assign(BottomSheetComponent, {
+    Root: BottomSheetRoot,
+    Popup: BottomSheetPopup,
+    Content: BottomSheetContent,
 });
 
 exports.BottomSheet = BottomSheet;

package/dist/BottomSheet-es.js

@@ -1,15 +1,32 @@
 import { _ as __rest } from './tslib.es6-es.js';
 import React__default from 'react';
 import classnames from 'classnames';
-import { D as DrawerRoot, a as DrawerPortal, b as DrawerBackdrop, c as DrawerPopup, d as DrawerContent } from './DrawerRoot-es.js';
+import { D as DrawerPortal, a as DrawerBackdrop, b as DrawerPopup, c as DrawerContent, d as DrawerRoot } from './DrawerRoot-es.js';
 
-var styles = {"backdrop":"Qf3IFhKJwQ0-","popup":"_868PDAA3U2M-","content":"eKuxReHyju8-","scrollArea":"_1I0eaFciaWo-","bottomFade":"BYEzqcZUGls-","spinning":"IJxq5fm5qdw-"};
+var styles = {"backdrop":"Qf3IFhKJwQ0-","popup":"_868PDAA3U2M-","content":"eKuxReHyju8-","scrollArea":"_1I0eaFciaWo-","bottomFade":"BYEzqcZUGls-"};
 
 const BOTTOM_THRESHOLD = 1;
-const BottomSheet = React__default.forwardRef(function BottomSheet(_a, ref) {
-    var { children, className, initialFocus, finalFocus, open, defaultOpen, onOpenChange } = _a, contentProps = __rest(_a, ["children", "className", "initialFocus", "finalFocus", "open", "defaultOpen", "onOpenChange"]);
+const BottomSheetContext = React__default.createContext(null);
+function BottomSheetRoot(_a) {
+    var { children, defaultOpen, onOpenChange, open } = _a, rootProps = __rest(_a, ["children", "defaultOpen", "onOpenChange", "open"]);
+    const isControlled = open !== undefined;
+    const [internalOpen, setInternalOpen] = React__default.useState(defaultOpen !== null && defaultOpen !== void 0 ? defaultOpen : false);
+    const isOpen = isControlled ? open : internalOpen;
+    const handleOpenChange = React__default.useCallback((nextOpen, eventDetails) => {
+        if (!isControlled) {
+            setInternalOpen(nextOpen);
+        }
+        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpen, eventDetails);
+    }, [isControlled, onOpenChange]);
+    return (React__default.createElement(BottomSheetContext.Provider, { value: { isOpen } },
+        React__default.createElement(DrawerRoot, Object.assign({}, rootProps, { defaultOpen: defaultOpen, onOpenChange: handleOpenChange, open: open }), children)));
+}
+const BottomSheetPopup = React__default.forwardRef(function BottomSheetPopup(_a, ref) {
+    var { children, className, initialFocus, finalFocus } = _a, popupProps = __rest(_a, ["children", "className", "initialFocus", "finalFocus"]);
     const scrollAreaRef = React__default.useRef(null);
     const [showBottomFade, setShowBottomFade] = React__default.useState(false);
+    const bottomSheetContext = React__default.useContext(BottomSheetContext);
+    const isOpen = bottomSheetContext === null || bottomSheetContext === void 0 ? void 0 : bottomSheetContext.isOpen;
     const syncBottomFade = React__default.useCallback(() => {
         const node = scrollAreaRef.current;
         if (!node)
@@ -36,12 +53,12 @@ const BottomSheet = React__default.forwardRef(function BottomSheet(_a, ref) {
         };
     }, [syncBottomFade]);
     React__default.useLayoutEffect(() => {
-        if (open === false) {
+        if (isOpen === false) {
             setShowBottomFade(false);
             return;
         }
         return scheduleFadeUpdate();
-    }, [open, scheduleFadeUpdate]);
+    }, [isOpen, scheduleFadeUpdate]);
     React__default.useEffect(() => {
         const node = scrollAreaRef.current;
         if (!node || typeof ResizeObserver === "undefined")
@@ -52,13 +69,26 @@ const BottomSheet = React__default.forwardRef(function BottomSheet(_a, ref) {
             resizeObserver.disconnect();
         };
     }, [syncBottomFade]);
-    return (React__default.createElement(DrawerRoot, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange },
-        React__default.createElement(DrawerPortal, null,
-            React__default.createElement(DrawerBackdrop, { className: styles.backdrop }),
-            React__default.createElement(DrawerPopup, { className: styles.popup, initialFocus: initialFocus, finalFocus: finalFocus },
-                React__default.createElement(DrawerContent, Object.assign({}, contentProps, { ref: ref, className: classnames(styles.content, className) }),
-                    React__default.createElement("div", { className: styles.scrollArea, onScroll: syncBottomFade, ref: scrollAreaRef }, children),
-                    showBottomFade ? (React__default.createElement("div", { "aria-hidden": "true", className: styles.bottomFade })) : null)))));
+    return (React__default.createElement(DrawerPortal, null,
+        React__default.createElement(DrawerBackdrop, { className: styles.backdrop }),
+        React__default.createElement(DrawerPopup, Object.assign({}, popupProps, { ref: ref, className: classnames(styles.popup, className), initialFocus: initialFocus, finalFocus: finalFocus }),
+            React__default.createElement("div", { className: styles.scrollArea, onScroll: syncBottomFade, ref: scrollAreaRef }, children),
+            showBottomFade ? (React__default.createElement("div", { "aria-hidden": "true", className: styles.bottomFade })) : null)));
+});
+const BottomSheetContent = React__default.forwardRef(function BottomSheetContent(_a, ref) {
+    var { children, className } = _a, contentProps = __rest(_a, ["children", "className"]);
+    return (React__default.createElement(DrawerContent, Object.assign({}, contentProps, { ref: ref, className: classnames(styles.content, className) }), children));
+});
+const BottomSheetComponent = React__default.forwardRef(function BottomSheet(_a, ref) {
+    var { children, className, initialFocus, finalFocus, open, defaultOpen, onOpenChange } = _a, contentProps = __rest(_a, ["children", "className", "initialFocus", "finalFocus", "open", "defaultOpen", "onOpenChange"]);
+    return (React__default.createElement(BottomSheetRoot, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange },
+        React__default.createElement(BottomSheetPopup, { initialFocus: initialFocus, finalFocus: finalFocus },
+            React__default.createElement(BottomSheetContent, Object.assign({}, contentProps, { ref: ref, className: className }), children))));
+});
+const BottomSheet = Object.assign(BottomSheetComponent, {
+    Root: BottomSheetRoot,
+    Popup: BottomSheetPopup,
+    Content: BottomSheetContent,
 });
 
 export { BottomSheet as B };

package/dist/Box-cjs.js

@@ -18,7 +18,7 @@ function getClassNames$1({ defaultClass, prefix, size, styles, }) {
     if (!size)
         return;
     const className = [
-        defaultClass && styles[defaultClass],
+        styles[defaultClass],
     ];
     if (typeof size === "string") {
         className.push(styles[`${prefix}-base`]);
@@ -115,7 +115,7 @@ function getVars(size, basePrefix = "--box-padding") {
     return customProperties;
 }
 
-var styles = {"box":"_3hq7jJitEgs-","preserve-white-space":"oWJNe7O1DFI-","spinning":"wXEsL-y93kQ-"};
+var styles = {"box":"_3hq7jJitEgs-","preserve-white-space":"oWJNe7O1DFI-"};
 
 var gapStyles = {"gap-minuscule":"QJaShYW08G4-","gap-smallest":"_6Cm3NqSDt4Y-","gap-smaller":"_4HNb8yqqy34-","gap-small":"O-c4Zb8TOoE-","gap-slim":"-jtvRWsRRc4-","gap-base":"JdxCZSu6mUE-","gap-large":"-yIVkzs7exw-","gap-larger":"obuoQPiyBuc-","gap-largest":"VqE9QLxSDIE-","gap-extravagant":"_4jHngIdjuqo-","spinning":"a-aXE4DiSRI-"};
 

package/dist/Box-es.js

@@ -16,7 +16,7 @@ function getClassNames$1({ defaultClass, prefix, size, styles, }) {
     if (!size)
         return;
     const className = [
-        defaultClass && styles[defaultClass],
+        styles[defaultClass],
     ];
     if (typeof size === "string") {
         className.push(styles[`${prefix}-base`]);
@@ -113,7 +113,7 @@ function getVars(size, basePrefix = "--box-padding") {
     return customProperties;
 }
 
-var styles = {"box":"_3hq7jJitEgs-","preserve-white-space":"oWJNe7O1DFI-","spinning":"wXEsL-y93kQ-"};
+var styles = {"box":"_3hq7jJitEgs-","preserve-white-space":"oWJNe7O1DFI-"};
 
 var gapStyles = {"gap-minuscule":"QJaShYW08G4-","gap-smallest":"_6Cm3NqSDt4Y-","gap-smaller":"_4HNb8yqqy34-","gap-small":"O-c4Zb8TOoE-","gap-slim":"-jtvRWsRRc4-","gap-base":"JdxCZSu6mUE-","gap-large":"-yIVkzs7exw-","gap-larger":"obuoQPiyBuc-","gap-largest":"VqE9QLxSDIE-","gap-extravagant":"_4jHngIdjuqo-","spinning":"a-aXE4DiSRI-"};
 

package/dist/Button/index.mjs

@@ -1,4 +1,4 @@
-export { B as Button, a as useButtonContext, u as useButtonStyles } from '../Button-es.js';
+export { B as Button, u as useButtonContext, a as useButtonStyles } from '../Button-es.js';
 import 'react';
 import 'react-router-dom';
 import 'classnames';

package/dist/Button-es.js

@@ -92,4 +92,4 @@ function ButtonWrapper(props) {
 Button.Label = ButtonLabel;
 Button.Icon = ButtonIcon;
 
-export { Button as B, useButtonContext as a, useButtonStyles as u };
+export { Button as B, useButtonStyles as a, useButtonContext as u };

package/dist/Card-cjs.js

@@ -6,7 +6,7 @@ var Heading = require('./Heading-cjs.js');
 var Button = require('./Button-cjs.js');
 var Menu = require('./Menu-cjs.js');
 
-var styles = {"card":"-PlHaWx00Hw-","accent":"Iilm5Uhxo50-","clickable":"Vppn4k0fBsc-","header":"l3-Pkynq2zA-","spinning":"hvqmZrWenIs-"};
+var styles = {"card":"-PlHaWx00Hw-","accent":"Iilm5Uhxo50-","clickable":"Vppn4k0fBsc-","header":"l3-Pkynq2zA-"};
 
 var colors = {"requestColor":"_5mDLThZ7dBQ-","quoteColor":"-n66fUZcIH4-","jobColor":"vfz0wjl-krU-","invoiceColor":"UnWnEyw0-jY-","clientColor":"iRFdI5utAsU-","blue":"_0f94rfGFhgQ-","blueLight":"UZmLtIoFU0w-","blueLighter":"_5bsgmHFheR8-","blueLightest":"odY4oZL82vc-","blueDark":"efMKqzdbpSM-","green":"PuLfA1HnrOs-","greenLight":"_9xiJ-MAQiTY-","greenLighter":"lmzbPrdLKIM-","greenLightest":"S5ZiMPMgAmo-","greenDark":"NIwEAXj-xbU-","lime":"_4rexkfLqzOk-","limeLight":"H3c6K82o178-","limeLighter":"_7-lMfROnQU8-","limeLightest":"Ula38LO3Ays-","limeDark":"GQCFMOlKqhw-","yellowGreen":"WxVa9PUSqNk-","yellowGreenLight":"-XIQhBSotwA-","yellowGreenLighter":"r9f1ybI7SeU-","yellowGreenLightest":"JgtJf0Qh1sg-","yellowGreenDark":"ON15q9QZXPA-","yellow":"Oi95vpOkcj4-","yellowLight":"hTJPhQ2V8RM-","yellowLighter":"YLRdqtxcY5g-","yellowLightest":"WiyLCwtXnPg-","yellowDark":"ujxwIinNJ0A-","red":"yL4o-89200k-","redLight":"_1C9So1tlmCo-","redLighter":"AVKIKX3Jk2Y-","redLightest":"NtJ7t9sNRxY-","redDark":"nuliwU-1NCI-","grey":"WPvwxb8gzwI-","greyLight":"O8FMSwoZOog-","greyLighter":"M4Ag1a-ThKE-","greyLightest":"adtwz9eEtbE-","greyDark":"EJoHvQW5sXw-","greyBlue":"ocGhxlAjeA8-","greyBlueLight":"FC48-U489FM-","greyBlueLighter":"Jc5SOCWjD0I-","greyBlueLightest":"-JQhLuDsLTg-","greyBlueDark":"YXdImUdlDwQ-","lightBlue":"hRRwMChk2-k-","lightBlueLight":"usPlm5p7svg-","lightBlueLighter":"jN9BGAMnCLQ-","lightBlueLightest":"xeJfT0FMKtc-","lightBlueDark":"vWSUNAsOB6g-","purple":"Q17e9VQy-kI-","purpleLight":"pKusyI7bMxc-","purpleLighter":"ceTZn8oUUCg-","purpleLightest":"GYwXWYcZPPc-","purpleDark":"uXNnhLCRSPc-","pink":"eptfViHsA5o-","pinkLight":"_9mgeBAoZsME-","pinkLighter":"fCkb0vtBUJY-","pinkLightest":"Nfx7Me6gfew-","pinkDark":"PXtxWUy1pvk-","teal":"TCIFwV-8jfU-","tealLight":"QKM3Gc0bQxI-","tealLighter":"ILaFINMoSlM-","tealLightest":"wj7qD0ryDNw-","tealDark":"tUjjyB7GN-Q-","orange":"gtKRbI99aQU-","orangeLight":"uUvtDEYmYhE-","orangeLighter":"UNvUmONc6bM-","orangeLightest":"sBl1hHCnBpA-","orangeDark":"ceM7ISMCfX4-","brown":"XGl6Iv7N1e0-","brownLight":"n474Hn3j8es-","brownLighter":"UoyCJSsgMI0-","brownLightest":"_8rrvx00EpUc-","brownDark":"JWWWvdngqx4-","navy":"Jfp-dUno4KQ-","navyLight":"_5SGbQDSEQlE-","navyLighter":"DMElPhnEjrM-","navyLightest":"Nd80Eh7efmo-","navyDark":"YNxCRirQrH4-","indigo":"oiO69PZN9YQ-","indigoLight":"_0IY3-0yi-R8-","indigoLighter":"EhlKEc9GoHs-","indigoLightest":"AdDWGn8NI00-","indigoDark":"_2ps4Uk-mog0-","white":"mflIgpDr82Y-","spinning":"qesphJ0zKaM-"};
 

package/dist/Card-es.js

@@ -4,7 +4,7 @@ import { H as Heading } from './Heading-es.js';
 import { B as Button } from './Button-es.js';
 import { M as Menu } from './Menu-es.js';
 
-var styles = {"card":"-PlHaWx00Hw-","accent":"Iilm5Uhxo50-","clickable":"Vppn4k0fBsc-","header":"l3-Pkynq2zA-","spinning":"hvqmZrWenIs-"};
+var styles = {"card":"-PlHaWx00Hw-","accent":"Iilm5Uhxo50-","clickable":"Vppn4k0fBsc-","header":"l3-Pkynq2zA-"};
 
 var colors = {"requestColor":"_5mDLThZ7dBQ-","quoteColor":"-n66fUZcIH4-","jobColor":"vfz0wjl-krU-","invoiceColor":"UnWnEyw0-jY-","clientColor":"iRFdI5utAsU-","blue":"_0f94rfGFhgQ-","blueLight":"UZmLtIoFU0w-","blueLighter":"_5bsgmHFheR8-","blueLightest":"odY4oZL82vc-","blueDark":"efMKqzdbpSM-","green":"PuLfA1HnrOs-","greenLight":"_9xiJ-MAQiTY-","greenLighter":"lmzbPrdLKIM-","greenLightest":"S5ZiMPMgAmo-","greenDark":"NIwEAXj-xbU-","lime":"_4rexkfLqzOk-","limeLight":"H3c6K82o178-","limeLighter":"_7-lMfROnQU8-","limeLightest":"Ula38LO3Ays-","limeDark":"GQCFMOlKqhw-","yellowGreen":"WxVa9PUSqNk-","yellowGreenLight":"-XIQhBSotwA-","yellowGreenLighter":"r9f1ybI7SeU-","yellowGreenLightest":"JgtJf0Qh1sg-","yellowGreenDark":"ON15q9QZXPA-","yellow":"Oi95vpOkcj4-","yellowLight":"hTJPhQ2V8RM-","yellowLighter":"YLRdqtxcY5g-","yellowLightest":"WiyLCwtXnPg-","yellowDark":"ujxwIinNJ0A-","red":"yL4o-89200k-","redLight":"_1C9So1tlmCo-","redLighter":"AVKIKX3Jk2Y-","redLightest":"NtJ7t9sNRxY-","redDark":"nuliwU-1NCI-","grey":"WPvwxb8gzwI-","greyLight":"O8FMSwoZOog-","greyLighter":"M4Ag1a-ThKE-","greyLightest":"adtwz9eEtbE-","greyDark":"EJoHvQW5sXw-","greyBlue":"ocGhxlAjeA8-","greyBlueLight":"FC48-U489FM-","greyBlueLighter":"Jc5SOCWjD0I-","greyBlueLightest":"-JQhLuDsLTg-","greyBlueDark":"YXdImUdlDwQ-","lightBlue":"hRRwMChk2-k-","lightBlueLight":"usPlm5p7svg-","lightBlueLighter":"jN9BGAMnCLQ-","lightBlueLightest":"xeJfT0FMKtc-","lightBlueDark":"vWSUNAsOB6g-","purple":"Q17e9VQy-kI-","purpleLight":"pKusyI7bMxc-","purpleLighter":"ceTZn8oUUCg-","purpleLightest":"GYwXWYcZPPc-","purpleDark":"uXNnhLCRSPc-","pink":"eptfViHsA5o-","pinkLight":"_9mgeBAoZsME-","pinkLighter":"fCkb0vtBUJY-","pinkLightest":"Nfx7Me6gfew-","pinkDark":"PXtxWUy1pvk-","teal":"TCIFwV-8jfU-","tealLight":"QKM3Gc0bQxI-","tealLighter":"ILaFINMoSlM-","tealLightest":"wj7qD0ryDNw-","tealDark":"tUjjyB7GN-Q-","orange":"gtKRbI99aQU-","orangeLight":"uUvtDEYmYhE-","orangeLighter":"UNvUmONc6bM-","orangeLightest":"sBl1hHCnBpA-","orangeDark":"ceM7ISMCfX4-","brown":"XGl6Iv7N1e0-","brownLight":"n474Hn3j8es-","brownLighter":"UoyCJSsgMI0-","brownLightest":"_8rrvx00EpUc-","brownDark":"JWWWvdngqx4-","navy":"Jfp-dUno4KQ-","navyLight":"_5SGbQDSEQlE-","navyLighter":"DMElPhnEjrM-","navyLightest":"Nd80Eh7efmo-","navyDark":"YNxCRirQrH4-","indigo":"oiO69PZN9YQ-","indigoLight":"_0IY3-0yi-R8-","indigoLighter":"EhlKEc9GoHs-","indigoLightest":"AdDWGn8NI00-","indigoDark":"_2ps4Uk-mog0-","white":"mflIgpDr82Y-","spinning":"qesphJ0zKaM-"};
 

package/dist/Checkbox/index.cjs

@@ -10,7 +10,7 @@ var filterDataAttributes = require('../filterDataAttributes-cjs.js');
 require('@jobber/design');
 require('../Typography-cjs.js');
 
-var styles = {"checkBoxParent":"YxKKPXAU10s-","wrapper":"KxWx-msbH9c-","disabled":"TKr3J-6ARFo-","checkHolder":"NO34ZbhNqhI-","input":"XnCmS-EzK2M-","checkBox":"_-8JCQE6SA9s-","indeterminate":"rqHq3ff9In0-","invalid":"Gqnclw4WaeQ-","label":"l8z5TxzVvqA-","description":"DcBfVgpiWa4-","spinning":"rFBN9M5-4Ok-"};
+var styles = {"checkBoxParent":"YxKKPXAU10s-","wrapper":"KxWx-msbH9c-","disabled":"TKr3J-6ARFo-","checkHolder":"NO34ZbhNqhI-","input":"XnCmS-EzK2M-","checkBox":"_-8JCQE6SA9s-","indeterminate":"rqHq3ff9In0-","invalid":"Gqnclw4WaeQ-","label":"l8z5TxzVvqA-","description":"DcBfVgpiWa4-"};
 
 function CheckboxLegacy({ checked, defaultChecked, disabled, label, name, value, indeterminate = false, description, children, onBlur, onChange, onFocus, }) {
     const { control, setValue, watch } = reactHookForm.useFormContext() != undefined

package/dist/Checkbox/index.mjs

@@ -8,7 +8,7 @@ import { f as filterDataAttributes } from '../filterDataAttributes-es.js';
 import '@jobber/design';
 import '../Typography-es.js';
 
-var styles = {"checkBoxParent":"YxKKPXAU10s-","wrapper":"KxWx-msbH9c-","disabled":"TKr3J-6ARFo-","checkHolder":"NO34ZbhNqhI-","input":"XnCmS-EzK2M-","checkBox":"_-8JCQE6SA9s-","indeterminate":"rqHq3ff9In0-","invalid":"Gqnclw4WaeQ-","label":"l8z5TxzVvqA-","description":"DcBfVgpiWa4-","spinning":"rFBN9M5-4Ok-"};
+var styles = {"checkBoxParent":"YxKKPXAU10s-","wrapper":"KxWx-msbH9c-","disabled":"TKr3J-6ARFo-","checkHolder":"NO34ZbhNqhI-","input":"XnCmS-EzK2M-","checkBox":"_-8JCQE6SA9s-","indeterminate":"rqHq3ff9In0-","invalid":"Gqnclw4WaeQ-","label":"l8z5TxzVvqA-","description":"DcBfVgpiWa4-"};
 
 function CheckboxLegacy({ checked, defaultChecked, disabled, label, name, value, indeterminate = false, description, children, onBlur, onChange, onFocus, }) {
     const { control, setValue, watch } = useFormContext() != undefined

package/dist/Chip/index.mjs

@@ -1,5 +1,5 @@
 export { C as Chip } from '../Chip-es.js';
-export { a as ChipDismissible, C as ChipSelectable } from '../ChipDismissible-es.js';
+export { C as ChipDismissible, a as ChipSelectable } from '../ChipDismissible-es.js';
 import 'react';
 import 'classnames';
 import '@jobber/hooks';

package/dist/Chip-cjs.js

@@ -9,7 +9,7 @@ var useChildComponent = require('./useChildComponent-cjs.js');
 var Typography = require('./Typography-cjs.js');
 var Tooltip = require('./Tooltip-cjs.js');
 
-var styles$1 = {"chip":"FJNLweTKlm4-","clickableSuffix":"VI-h7qe-Bl0-","suffix":"OufFSBZ4gLc-","prefix":"cmAqSkFDPFA-","empty":"CWJcbOmNtsY-","chipBar":"oV7kqacWv-U-","selected":"NO1-MLiNi0g-","base":"_5cCHfc5LzqY-","invalid":"CMvHum0PGzY-","subtle":"ln-ky9jFiLI-","disabled":"_3uJEejbZvig-","chipContent":"fLGluRRWPSk-","truncateGradient":"H3-SjXQhoS4-","chipLabelRef":"rYoQfOpWeMk-","spinning":"DDVRXFECqIo-"};
+var styles$1 = {"chip":"FJNLweTKlm4-","clickableSuffix":"VI-h7qe-Bl0-","suffix":"OufFSBZ4gLc-","prefix":"cmAqSkFDPFA-","empty":"CWJcbOmNtsY-","chipBar":"oV7kqacWv-U-","selected":"NO1-MLiNi0g-","base":"_5cCHfc5LzqY-","invalid":"CMvHum0PGzY-","subtle":"ln-ky9jFiLI-","disabled":"_3uJEejbZvig-","chipContent":"fLGluRRWPSk-","truncateGradient":"H3-SjXQhoS4-","chipLabelRef":"rYoQfOpWeMk-"};
 
 function ChipPrefix({ children }) {
     const avatarOrIcon = useChildComponent.useChildComponent(children, d => d.type === Avatar.Avatar || d.type === Icon.Icon);
@@ -18,7 +18,7 @@ function ChipPrefix({ children }) {
     return React.createElement("span", { className: classnames(styles$1.prefix) }, avatarOrIcon);
 }
 
-var styles = {"wrapper":"NLNJBhRffp4-","input":"ulLzwMsQL3U-","inactive":"_3LLjp8oIxJ0-","invalid":"H7VZzUBkgjk-","disabled":"-yQxZSnxBBU-","button":"ngKOY8l4BG4-","icon":"rzbiB2nz36Q-","spinning":"X7Bx5CDPfDs-"};
+var styles = {"wrapper":"NLNJBhRffp4-","input":"ulLzwMsQL3U-","inactive":"_3LLjp8oIxJ0-","invalid":"H7VZzUBkgjk-","disabled":"-yQxZSnxBBU-","button":"ngKOY8l4BG4-"};
 
 function InternalChipButton({ icon, invalid, disabled, label, onClick, }) {
     const buttonRef = React.useRef(null);