@jobber/components 2.86.0 → 2.86.1

package/dist/Checkbox/Checkbox.d.ts

@@ -1,52 +1,52 @@
-import { ReactElement } from "react";
-import { XOR } from "ts-xor";
-interface BaseCheckboxProps {
-    /**
-     * Determines if the checkbox is checked or not.
-     */
-    readonly checked?: boolean;
-    /**
-     * Initial checked value of the checkbox. Only use this when you need to
-     * pre-populate the checked attribute that is not controlled by the component's
-     * state. If a state is controlling it, use the `checked` prop instead.
-     */
-    readonly defaultChecked?: boolean;
-    /**
-     * Disables the checkbox.
-     */
-    readonly disabled?: boolean;
-    /**
-     * When `true` the checkbox to appears in indeterminate.
-     *
-     * @default false
-     */
-    readonly indeterminate?: boolean;
-    /**
-     * Checkbox input name
-     */
-    readonly name?: string;
-    /**
-     * Value of the checkbox.
-     */
-    readonly value?: string;
-    /**
-     * Further description of the label
-     */
-    readonly description?: string;
-    onChange?(newValue: boolean): void;
-}
-interface CheckboxLabelProps extends BaseCheckboxProps {
-    /**
-     * Label that shows up beside the checkbox.
-     */
-    readonly label?: string;
-}
-interface CheckboxChildrenProps extends BaseCheckboxProps {
-    /**
-     * Component children, which shows up as a label
-     */
-    readonly children?: ReactElement;
-}
-declare type CheckboxProps = XOR<CheckboxLabelProps, CheckboxChildrenProps>;
-export declare function Checkbox({ checked, defaultChecked, disabled, label, name, value, indeterminate, description, children, onChange, }: CheckboxProps): JSX.Element;
-export {};
+import { ReactElement } from "react";
+import { XOR } from "ts-xor";
+interface BaseCheckboxProps {
+    /**
+     * Determines if the checkbox is checked or not.
+     */
+    readonly checked?: boolean;
+    /**
+     * Initial checked value of the checkbox. Only use this when you need to
+     * pre-populate the checked attribute that is not controlled by the component's
+     * state. If a state is controlling it, use the `checked` prop instead.
+     */
+    readonly defaultChecked?: boolean;
+    /**
+     * Disables the checkbox.
+     */
+    readonly disabled?: boolean;
+    /**
+     * When `true` the checkbox to appears in indeterminate.
+     *
+     * @default false
+     */
+    readonly indeterminate?: boolean;
+    /**
+     * Checkbox input name
+     */
+    readonly name?: string;
+    /**
+     * Value of the checkbox.
+     */
+    readonly value?: string;
+    /**
+     * Further description of the label
+     */
+    readonly description?: string;
+    onChange?(newValue: boolean): void;
+}
+interface CheckboxLabelProps extends BaseCheckboxProps {
+    /**
+     * Label that shows up beside the checkbox.
+     */
+    readonly label?: string;
+}
+interface CheckboxChildrenProps extends BaseCheckboxProps {
+    /**
+     * Component children, which shows up as a label
+     */
+    readonly children?: ReactElement;
+}
+declare type CheckboxProps = XOR<CheckboxLabelProps, CheckboxChildrenProps>;
+export declare function Checkbox({ checked, defaultChecked, disabled, label, name, value, indeterminate, description, children, onChange, }: CheckboxProps): JSX.Element;
+export {};

package/dist/Checkbox/index.d.ts

@@ -1 +1 @@
-export { Checkbox } from "./Checkbox";
+export { Checkbox } from "./Checkbox";

package/dist/Checkbox/index.js

@@ -2,44 +2,46 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-require('../chunk-b67af3cb.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-var __chunk_2 = require('../chunk-17e02351.js');
-var classnames = _interopDefault(require('classnames'));
-require('../Typography/index.js');
-var index$1 = require('../Text/index.js');
+var classnames = require('classnames');
+var styleInject_es = require('../style-inject.es-dcee06b6.js');
+var Icon = require('../Icon-d5ad1a6d.js');
+var Text = require('../Text-9bc093e9.js');
 require('@jobber/design');
-var index$2 = require('../Icon/index.js');
+require('../Typography-7e542a72.js');
+require('../tslib.es6-5b50eb8e.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
 var css = "._2y-hp0B8BHvB6C7hj0uluY {\n  display: inline-block;\n}\n\n._36KUbFCcSPE7xHQsQ4PC2D {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  cursor: pointer;\n}\n\n.Kvt2p9_Z8Ln_jkPQEYuMI {\n  cursor: not-allowed;\n}\n\n._3MnEDfs7rk_9yjl2XNHSuc {\n  position: relative;\n}\n\n.MEL3ANaAvLYMAoMbYSmCb {\n  /* Hide checkbox on UI but not screen readers and still allow focus state */\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  -webkit-clip-path: inset(100%);\n          clip-path: inset(100%);\n  white-space: nowrap;\n}\n\n._1T-pYuzX7l9EyzvIri_U22 {\n  display: -ms-flexbox;\n  display: flex;\n  width: var(--space-base);\n  height: var(--space-base);\n  box-sizing: border-box;\n  border: var(--border-thick) solid var(--color-interactive);\n  border-radius: var(--radius-base);\n  background-color: var(--color-surface);\n  transition: all 200ms;\n  -ms-flex-pack: center;\n      justify-content: center;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.Kvt2p9_Z8Ln_jkPQEYuMI ._1T-pYuzX7l9EyzvIri_U22 {\n  border-color: var(--color-disabled--secondary);\n}\n\n.Kvt2p9_Z8Ln_jkPQEYuMI p {\n  color: var(--color-disabled);\n}\n\n.Kvt2p9_Z8Ln_jkPQEYuMI ._1T-pYuzX7l9EyzvIri_U22 > * {\n  opacity: 0;\n}\n\n.MEL3ANaAvLYMAoMbYSmCb._3TAyEYP42fVPKOg97qm5Ue + ._1T-pYuzX7l9EyzvIri_U22,\n.MEL3ANaAvLYMAoMbYSmCb:checked + ._1T-pYuzX7l9EyzvIri_U22 {\n  border-color: var(--color-interactive);\n  background-color: var(--color-interactive);\n}\n\n.MEL3ANaAvLYMAoMbYSmCb:focus + ._1T-pYuzX7l9EyzvIri_U22 {\n  box-shadow: var(--shadow-focus);\n}\n\n.Kvt2p9_Z8Ln_jkPQEYuMI .MEL3ANaAvLYMAoMbYSmCb._3TAyEYP42fVPKOg97qm5Ue + ._1T-pYuzX7l9EyzvIri_U22,\n.Kvt2p9_Z8Ln_jkPQEYuMI .MEL3ANaAvLYMAoMbYSmCb:checked + ._1T-pYuzX7l9EyzvIri_U22 {\n  border-color: var(--color-disabled--secondary);\n  background-color: var(--color-disabled--secondary);\n}\n\n.Kvt2p9_Z8Ln_jkPQEYuMI .MEL3ANaAvLYMAoMbYSmCb._3TAyEYP42fVPKOg97qm5Ue + ._1T-pYuzX7l9EyzvIri_U22 > *,\n.Kvt2p9_Z8Ln_jkPQEYuMI .MEL3ANaAvLYMAoMbYSmCb:checked + ._1T-pYuzX7l9EyzvIri_U22 > * {\n  opacity: 1;\n}\n\n.C10gHWu17R4Nw-PFWmtvT {\n  margin: 0 var(--space-small);\n}\n\n._1wsib2K8k6XRKTFbeIeq4n {\n  margin-bottom: var(--space-small);\n  padding-left: var(--space-large);\n}\n";
 var styles = {"checkbox":"_2y-hp0B8BHvB6C7hj0uluY","wrapper":"_36KUbFCcSPE7xHQsQ4PC2D","disabled":"Kvt2p9_Z8Ln_jkPQEYuMI","checkHolder":"_3MnEDfs7rk_9yjl2XNHSuc","input":"MEL3ANaAvLYMAoMbYSmCb","checkBox":"_1T-pYuzX7l9EyzvIri_U22","indeterminate":"_3TAyEYP42fVPKOg97qm5Ue","label":"C10gHWu17R4Nw-PFWmtvT","description":"_1wsib2K8k6XRKTFbeIeq4n"};
-__chunk_2.styleInject(css);
+styleInject_es.styleInject(css);
 
-function Checkbox(_a) {
-    var _b;
-    var checked = _a.checked, defaultChecked = _a.defaultChecked, disabled = _a.disabled, label = _a.label, name = _a.name, value = _a.value, _c = _a.indeterminate, indeterminate = _c === void 0 ? false : _c, description = _a.description, children = _a.children, onChange = _a.onChange;
-    var wrapperClassName = classnames(styles.wrapper, disabled && styles.disabled);
-    var inputClassName = classnames(styles.input, (_b = {},
-        _b[styles.indeterminate] = indeterminate,
-        _b));
-    var iconName = indeterminate ? "minus2" : "checkmark";
-    var labelText = label ? React__default.createElement(index$1.Text, null, label) : children;
-    return (React__default.createElement("div", { className: styles.checkbox },
-        React__default.createElement("label", { className: wrapperClassName },
-            React__default.createElement("span", { className: styles.checkHolder },
-                React__default.createElement("input", { type: "checkbox", checked: checked, defaultChecked: defaultChecked, className: inputClassName, "aria-label": label, onChange: handleChange, value: value, name: name, disabled: disabled }),
-                React__default.createElement("span", { className: styles.checkBox },
-                    React__default.createElement(index$2.Icon, { name: iconName, size: "small", color: "white" }))),
-            labelText && React__default.createElement("span", { className: styles.label }, labelText)),
-        description && (React__default.createElement("div", { className: styles.description },
-            React__default.createElement(index$1.Text, { variation: "subdued", size: "small" }, description)))));
-    function handleChange(event) {
-        var newChecked = event.currentTarget.checked;
-        onChange && onChange(newChecked);
-    }
+function Checkbox(_a) {
+    var _b;
+    var checked = _a.checked, defaultChecked = _a.defaultChecked, disabled = _a.disabled, label = _a.label, name = _a.name, value = _a.value, _c = _a.indeterminate, indeterminate = _c === void 0 ? false : _c, description = _a.description, children = _a.children, onChange = _a.onChange;
+    var wrapperClassName = classnames__default["default"](styles.wrapper, disabled && styles.disabled);
+    var inputClassName = classnames__default["default"](styles.input, (_b = {},
+        _b[styles.indeterminate] = indeterminate,
+        _b));
+    var iconName = indeterminate ? "minus2" : "checkmark";
+    var labelText = label ? React__default["default"].createElement(Text.Text, null, label) : children;
+    return (React__default["default"].createElement("div", { className: styles.checkbox },
+        React__default["default"].createElement("label", { className: wrapperClassName },
+            React__default["default"].createElement("span", { className: styles.checkHolder },
+                React__default["default"].createElement("input", { type: "checkbox", checked: checked, defaultChecked: defaultChecked, className: inputClassName, "aria-label": label, onChange: handleChange, value: value, name: name, disabled: disabled }),
+                React__default["default"].createElement("span", { className: styles.checkBox },
+                    React__default["default"].createElement(Icon.Icon, { name: iconName, size: "small", color: "white" }))),
+            labelText && React__default["default"].createElement("span", { className: styles.label }, labelText)),
+        description && (React__default["default"].createElement("div", { className: styles.description },
+            React__default["default"].createElement(Text.Text, { variation: "subdued", size: "small" }, description)))));
+    function handleChange(event) {
+        var newChecked = event.currentTarget.checked;
+        onChange && onChange(newChecked);
+    }
 }
 
 exports.Checkbox = Checkbox;

package/dist/Chips/Chip.d.ts

@@ -1,8 +1,8 @@
-import { InternalChipProps } from "./ChipTypes";
-export interface ChipProps extends Pick<InternalChipProps, "label" | "prefix" | "disabled" | "invalid"> {
-    /**
-     * The value that gets returned on the `<Chips>`'s onChange callback.
-     */
-    readonly value: string;
-}
-export declare function Chip(props: ChipProps): JSX.Element;
+import { InternalChipProps } from "./ChipTypes";
+export interface ChipProps extends Pick<InternalChipProps, "label" | "prefix" | "disabled" | "invalid"> {
+    /**
+     * The value that gets returned on the `<Chips>`'s onChange callback.
+     */
+    readonly value: string;
+}
+export declare function Chip(props: ChipProps): JSX.Element;

package/dist/Chips/ChipDismissible.d.ts

@@ -1,7 +1,7 @@
-import { MouseEvent } from "react";
-import { InternalChipProps } from "./ChipTypes";
-interface ChipDismissibleProps extends Pick<InternalChipProps, "label" | "disabled" | "invalid" | "prefix" | "onClick"> {
-    onRequestRemove(event: MouseEvent<HTMLDivElement>): void;
-}
-export declare function ChipDismissible({ label, disabled, invalid, prefix, onClick, onRequestRemove, }: ChipDismissibleProps): JSX.Element;
-export {};
+import { MouseEvent } from "react";
+import { InternalChipProps } from "./ChipTypes";
+interface ChipDismissibleProps extends Pick<InternalChipProps, "label" | "disabled" | "invalid" | "prefix" | "onClick"> {
+    onRequestRemove(event: MouseEvent<HTMLDivElement>): void;
+}
+export declare function ChipDismissible({ label, disabled, invalid, prefix, onClick, onRequestRemove, }: ChipDismissibleProps): JSX.Element;
+export {};

package/dist/Chips/ChipTypes.d.ts

@@ -1,59 +1,59 @@
-import { KeyboardEvent, MouseEvent, ReactElement } from "react";
-import { ChipButtonProps } from "./InternalChipButton";
-import { AvatarProps } from "../Avatar";
-import { IconProps } from "../Icon";
-export interface InternalChipProps {
-    /**
-     * Label of the chip.
-     */
-    readonly label: string;
-    /**
-     * Changes the style of the chip to look different than the default.
-     */
-    readonly active?: boolean;
-    /**
-     * Makes the chip look and feel uninteractable.
-     */
-    readonly disabled?: boolean;
-    /**
-     * Highlights the chip red.
-     */
-    readonly invalid?: boolean;
-    /**
-     * Adds an avatar or icon on the left side of the label.
-     *
-     * Size props on both components are overwritten on render.
-     *
-     * **Example**
-     *```jsx
-     * <Chip prefix={<Avatar initials="JBR" />} />
-     * <Chip prefix={<Icon name="quote" />} />
-     * ```
-     */
-    readonly prefix?: ReactElement<AvatarProps | IconProps>;
-    /**
-     * Adds a component on the right side of the label.
-     */
-    readonly suffix?: ReactElement<IconProps | ChipButtonProps>;
-    /**
-     * The label for the interactive chip element for voice over
-     */
-    readonly ariaLabel?: string;
-    /**
-     * Allows the chip to be focused.
-     *
-     * **NOTE**: Clickable chips are focusable by default so you don't need to
-     * specify this prop.
-     *
-     * This has the same effect as HTML [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex).
-     */
-    readonly tabIndex?: number;
-    /**
-     * Callback when the chip itself gets clicked.
-     */
-    onClick?(event: MouseEvent<HTMLDivElement | HTMLInputElement | HTMLButtonElement>): void;
-    /**
-     * Callback for keyboard interaction with chips (e.g., chip deletion).
-     */
-    onKeyDown?(event: KeyboardEvent<HTMLDivElement | HTMLButtonElement>): void;
-}
+import { KeyboardEvent, MouseEvent, ReactElement } from "react";
+import { ChipButtonProps } from "./InternalChipButton";
+import { AvatarProps } from "../Avatar";
+import { IconProps } from "../Icon";
+export interface InternalChipProps {
+    /**
+     * Label of the chip.
+     */
+    readonly label: string;
+    /**
+     * Changes the style of the chip to look different than the default.
+     */
+    readonly active?: boolean;
+    /**
+     * Makes the chip look and feel uninteractable.
+     */
+    readonly disabled?: boolean;
+    /**
+     * Highlights the chip red.
+     */
+    readonly invalid?: boolean;
+    /**
+     * Adds an avatar or icon on the left side of the label.
+     *
+     * Size props on both components are overwritten on render.
+     *
+     * **Example**
+     *```jsx
+     * <Chip prefix={<Avatar initials="JBR" />} />
+     * <Chip prefix={<Icon name="quote" />} />
+     * ```
+     */
+    readonly prefix?: ReactElement<AvatarProps | IconProps>;
+    /**
+     * Adds a component on the right side of the label.
+     */
+    readonly suffix?: ReactElement<IconProps | ChipButtonProps>;
+    /**
+     * The label for the interactive chip element for voice over
+     */
+    readonly ariaLabel?: string;
+    /**
+     * Allows the chip to be focused.
+     *
+     * **NOTE**: Clickable chips are focusable by default so you don't need to
+     * specify this prop.
+     *
+     * This has the same effect as HTML [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex).
+     */
+    readonly tabIndex?: number;
+    /**
+     * Callback when the chip itself gets clicked.
+     */
+    onClick?(event: MouseEvent<HTMLDivElement | HTMLInputElement | HTMLButtonElement>): void;
+    /**
+     * Callback for keyboard interaction with chips (e.g., chip deletion).
+     */
+    onKeyDown?(event: KeyboardEvent<HTMLDivElement | HTMLButtonElement>): void;
+}

package/dist/Chips/Chips.d.ts

@@ -1,2 +1,2 @@
-import { ChipsProps } from "./ChipsTypes";
-export declare function Chips(props: ChipsProps): JSX.Element;
+import { ChipsProps } from "./ChipsTypes";
+export declare function Chips(props: ChipsProps): JSX.Element;

package/dist/Chips/ChipsTypes.d.ts

@@ -1,82 +1,82 @@
-import { MouseEvent, ReactElement } from "react";
-import { XOR } from "ts-xor";
-import { ChipProps } from "./Chip";
-interface ChipFoundationProps {
-    readonly children: ReactElement<ChipProps>[];
-    /**
-     * Change the interaction on the chip.
-     */
-    readonly type?: "singleselect" | "multiselect" | "dismissible";
-    /**
-     * Determines which chip gets highlighted.
-     */
-    readonly selected?: string | string[];
-    /**
-     * Callback whenever a chip is clicked. This returns a new value of
-     * selected chips.
-     *
-     * @param value
-     */
-    onChange(value?: string | string[]): void;
-    /**
-     * Callback when a specific chip is clicked
-     *
-     * @param event
-     * @param clickedChipValue - The value of the chip that was clicked
-     */
-    onClick?(event: MouseEvent<HTMLDivElement | HTMLInputElement | HTMLButtonElement>, clickedChipValue?: string): void;
-}
-export interface ChipSingleSelectProps extends ChipFoundationProps {
-    readonly type?: "singleselect";
-    readonly selected?: string;
-    onChange(value?: string): void;
-    /**
-     * The Chip's radio input name.
-     *
-     * @link https://www.w3schools.com/tags/att_input_name.asp
-     */
-    readonly name?: string;
-}
-export interface ChipMultiSelectProps extends ChipFoundationProps {
-    readonly type: "multiselect";
-    readonly selected: string[];
-    onChange(value: string[]): void;
-}
-export interface ChipDismissibleProps extends ChipFoundationProps {
-    readonly type: "dismissible";
-    readonly selected: string[];
-    onChange(value: string[]): void;
-    /**
-     * Use a custom activator to trigger the Chip option selector
-     */
-    readonly activator?: ReactElement;
-    /**
-     * Adds a loading indicator
-     */
-    readonly isLoadingMore?: boolean;
-    /**
-     * Callback when the user selects the custom option instead of the available
-     * chips.
-     *
-     * If not implemented, it won't allow custom add.
-     *
-     * @param value
-     */
-    onCustomAdd?(value: string): void;
-    /**
-     * Callback when a user types a word that filters the options. Use this when
-     * you need to query new options from the database based on the search value.
-     *
-     * @param searchValue - The input value
-     */
-    onSearch?(searchValue: string): void;
-    /**
-     * Callback when the user scrolls at the end of the chip option list. Use this
-     * to load more options from the database.
-     *
-     * @param searchValue - The input value
-     */
-    onLoadMore?(searchValue: string): void;
-}
-export declare type ChipsProps = XOR<ChipSingleSelectProps, XOR<ChipMultiSelectProps, ChipDismissibleProps>>;
-export {};
+import { MouseEvent, ReactElement } from "react";
+import { XOR } from "ts-xor";
+import { ChipProps } from "./Chip";
+interface ChipFoundationProps {
+    readonly children: ReactElement<ChipProps>[];
+    /**
+     * Change the interaction on the chip.
+     */
+    readonly type?: "singleselect" | "multiselect" | "dismissible";
+    /**
+     * Determines which chip gets highlighted.
+     */
+    readonly selected?: string | string[];
+    /**
+     * Callback whenever a chip is clicked. This returns a new value of
+     * selected chips.
+     *
+     * @param value
+     */
+    onChange(value?: string | string[]): void;
+    /**
+     * Callback when a specific chip is clicked
+     *
+     * @param event
+     * @param clickedChipValue - The value of the chip that was clicked
+     */
+    onClick?(event: MouseEvent<HTMLDivElement | HTMLInputElement | HTMLButtonElement>, clickedChipValue?: string): void;
+}
+export interface ChipSingleSelectProps extends ChipFoundationProps {
+    readonly type?: "singleselect";
+    readonly selected?: string;
+    onChange(value?: string): void;
+    /**
+     * The Chip's radio input name.
+     *
+     * @link https://www.w3schools.com/tags/att_input_name.asp
+     */
+    readonly name?: string;
+}
+export interface ChipMultiSelectProps extends ChipFoundationProps {
+    readonly type: "multiselect";
+    readonly selected: string[];
+    onChange(value: string[]): void;
+}
+export interface ChipDismissibleProps extends ChipFoundationProps {
+    readonly type: "dismissible";
+    readonly selected: string[];
+    onChange(value: string[]): void;
+    /**
+     * Use a custom activator to trigger the Chip option selector
+     */
+    readonly activator?: ReactElement;
+    /**
+     * Adds a loading indicator
+     */
+    readonly isLoadingMore?: boolean;
+    /**
+     * Callback when the user selects the custom option instead of the available
+     * chips.
+     *
+     * If not implemented, it won't allow custom add.
+     *
+     * @param value
+     */
+    onCustomAdd?(value: string): void;
+    /**
+     * Callback when a user types a word that filters the options. Use this when
+     * you need to query new options from the database based on the search value.
+     *
+     * @param searchValue - The input value
+     */
+    onSearch?(searchValue: string): void;
+    /**
+     * Callback when the user scrolls at the end of the chip option list. Use this
+     * to load more options from the database.
+     *
+     * @param searchValue - The input value
+     */
+    onLoadMore?(searchValue: string): void;
+}
+export declare type ChipsProps = XOR<ChipSingleSelectProps, XOR<ChipMultiSelectProps, ChipDismissibleProps>>;
+export {};

package/dist/Chips/InternalChip.d.ts

@@ -1,2 +1,2 @@
-import { InternalChipProps } from "./ChipTypes";
-export declare function InternalChip({ label, active, disabled, invalid, prefix, suffix, tabIndex, ariaLabel, onClick, onKeyDown, }: InternalChipProps): JSX.Element;
+import { InternalChipProps } from "./ChipTypes";
+export declare function InternalChip({ label, active, disabled, invalid, prefix, suffix, tabIndex, ariaLabel, onClick, onKeyDown, }: InternalChipProps): JSX.Element;

package/dist/Chips/InternalChipAffix.d.ts

@@ -1,10 +1,10 @@
-import { ReactElement } from "react";
-import { ChipButtonProps } from "./InternalChipButton";
-import { InternalChipProps } from "./ChipTypes";
-import { AvatarProps } from "../Avatar";
-import { IconProps } from "../Icon";
-interface InternalChipAffixProps extends Pick<InternalChipProps, "active" | "invalid" | "disabled"> {
-    readonly affix?: ReactElement<AvatarProps | IconProps | ChipButtonProps>;
-}
-export declare function InternalChipAffix({ affix, active, invalid, disabled, }: InternalChipAffixProps): JSX.Element;
-export {};
+import { ReactElement } from "react";
+import { ChipButtonProps } from "./InternalChipButton";
+import { InternalChipProps } from "./ChipTypes";
+import { AvatarProps } from "../Avatar";
+import { IconProps } from "../Icon";
+interface InternalChipAffixProps extends Pick<InternalChipProps, "active" | "invalid" | "disabled"> {
+    readonly affix?: ReactElement<AvatarProps | IconProps | ChipButtonProps>;
+}
+export declare function InternalChipAffix({ affix, active, invalid, disabled, }: InternalChipAffixProps): JSX.Element;
+export {};

package/dist/Chips/InternalChipButton.d.ts

@@ -1,10 +1,10 @@
-import { MouseEvent } from "react";
-import { IconNames } from "@jobber/design";
-export interface ChipButtonProps {
-    readonly icon: IconNames;
-    readonly invalid?: boolean;
-    readonly disabled?: boolean;
-    readonly label: string;
-    onClick(event: MouseEvent<HTMLDivElement>): void;
-}
-export declare function InternalChipButton({ icon, invalid, disabled, label, onClick, }: ChipButtonProps): JSX.Element;
+import { MouseEvent } from "react";
+import { IconNames } from "@jobber/design";
+export interface ChipButtonProps {
+    readonly icon: IconNames;
+    readonly invalid?: boolean;
+    readonly disabled?: boolean;
+    readonly label: string;
+    onClick(event: MouseEvent<HTMLDivElement>): void;
+}
+export declare function InternalChipButton({ icon, invalid, disabled, label, onClick, }: ChipButtonProps): JSX.Element;

package/dist/Chips/InternalChipDismissible/InternalChipDismissible.d.ts

@@ -1,2 +1,2 @@
-import { InternalChipDismissibleProps } from "./InternalChipDismissibleTypes";
-export declare function InternalChipDismissible(props: InternalChipDismissibleProps): JSX.Element;
+import { InternalChipDismissibleProps } from "./InternalChipDismissibleTypes";
+export declare function InternalChipDismissible(props: InternalChipDismissibleProps): JSX.Element;

package/dist/Chips/InternalChipDismissible/InternalChipDismissibleInput.d.ts

@@ -1,2 +1,2 @@
-import { ChipDismissibleInputProps } from "./InternalChipDismissibleTypes";
-export declare function InternalChipDismissibleInput(props: ChipDismissibleInputProps): JSX.Element;
+import { ChipDismissibleInputProps } from "./InternalChipDismissibleTypes";
+export declare function InternalChipDismissibleInput(props: ChipDismissibleInputProps): JSX.Element;

package/dist/Chips/InternalChipDismissible/InternalChipDismissibleTypes.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-import { ChipProps } from "../Chip";
-import { ChipDismissibleProps } from "../ChipsTypes";
-export declare type InternalChipDismissibleProps = Omit<ChipDismissibleProps, "type">;
-export interface ChipDismissibleInputProps extends Pick<InternalChipDismissibleProps, "activator" | "isLoadingMore" | "onSearch" | "onLoadMore"> {
-    readonly attachTo: React.RefObject<Element | null>;
-    readonly options: ChipProps[];
-    onCustomOptionSelect?(value: string): void;
-    onOptionSelect(value: string): void;
-}
-export interface ChipDismissibleInputOptionProps extends ChipProps {
-    readonly custom: boolean;
-}
+/// <reference types="react" />
+import { ChipProps } from "../Chip";
+import { ChipDismissibleProps } from "../ChipsTypes";
+export declare type InternalChipDismissibleProps = Omit<ChipDismissibleProps, "type">;
+export interface ChipDismissibleInputProps extends Pick<InternalChipDismissibleProps, "activator" | "isLoadingMore" | "onSearch" | "onLoadMore"> {
+    readonly attachTo: React.RefObject<Element | null>;
+    readonly options: ChipProps[];
+    onCustomOptionSelect?(value: string): void;
+    onOptionSelect(value: string): void;
+}
+export interface ChipDismissibleInputOptionProps extends ChipProps {
+    readonly custom: boolean;
+}

package/dist/Chips/InternalChipDismissible/hooks/index.d.ts

@@ -1,5 +1,5 @@
-export * from "./useInternalChipDismissible";
-export * from "./useInternalChipDismissibleInput";
-export * from "./useInView";
-export * from "./useRepositionMenu";
-export * from "./useScrollToActive";
+export * from "./useInternalChipDismissible";
+export * from "./useInternalChipDismissibleInput";
+export * from "./useInView";
+export * from "./useRepositionMenu";
+export * from "./useScrollToActive";

package/dist/Chips/InternalChipDismissible/hooks/useInView.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare function useInView<T extends Element>(): {
-    ref: import("react").RefObject<T>;
-    isInView: boolean;
-};
+/// <reference types="react" />
+export declare function useInView<T extends Element>(): {
+    ref: import("react").RefObject<T>;
+    isInView: boolean;
+};