@bspk/ui 1.3.2 → 1.3.4

package/dist/components/PasswordInput/password-input.css

@@ -1,28 +0,0 @@
-[data-bspk=password-input] {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  width: 100%;
-}
-[data-bspk=password-input] [data-bspk=text-input] {
-  padding-right: 0;
-}
-[data-bspk=password-input] [data-bspk=text-input] [data-bspk=button] {
-  font: var(--button-font);
-  height: 100%;
-}
-[data-bspk=password-input] [data-disabled] [data-toggle-visibility-button],
-[data-bspk=password-input] [data-readonly] [data-toggle-visibility-button] {
-  cursor: default;
-}
-[data-bspk=password-input][data-size=small] {
-  --button-font: var(--labels-small);
-}
-[data-bspk=password-input][data-size=medium] {
-  --button-font: var(--labels-base);
-}
-[data-bspk=password-input][data-size=large] {
-  --button-font: var(--labels-large);
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/PasswordInput/password-input.css.js

@@ -1,33 +0,0 @@
-/** * This file is generated by the build script.
-* Do not edit this file directly. */
-const style = document.createElement('style');
-style.appendChild(document.createTextNode(`[data-bspk=password-input] {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  width: 100%;
-}
-[data-bspk=password-input] [data-bspk=text-input] {
-  padding-right: 0;
-}
-[data-bspk=password-input] [data-bspk=text-input] [data-bspk=button] {
-  font: var(--button-font);
-  height: 100%;
-}
-[data-bspk=password-input] [data-disabled] [data-toggle-visibility-button],
-[data-bspk=password-input] [data-readonly] [data-toggle-visibility-button] {
-  cursor: default;
-}
-[data-bspk=password-input][data-size=small] {
-  --button-font: var(--labels-small);
-}
-[data-bspk=password-input][data-size=medium] {
-  --button-font: var(--labels-base);
-}
-[data-bspk=password-input][data-size=large] {
-  --button-font: var(--labels-large);
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
-`));
-document.head.appendChild(style);

package/dist/components/PhoneNumberField/PhoneNumberField.d.ts

@@ -1,14 +0,0 @@
-import { FormFieldWrapProps } from '-/components/FormField';
-import { PhoneNumberInputProps } from '-/components/PhoneNumberInput';
-export type PhoneNumberFieldProps = FormFieldWrapProps<PhoneNumberInputProps>;
-/**
- * A text input that allows users to enter text phone numbers with country codes.
- *
- * @example
- *     <PhoneNumberField label="Phone Number" initialCountryCode="US" value={value} onChange={onChange} />;
- *
- * @name PhoneNumberField
- * @phase UXReview
- */
-export declare function PhoneNumberField({ controlId, errorMessage, helperText, invalid, label, labelTrailing, required, ...inputProps }: PhoneNumberFieldProps): import("react/jsx-runtime").JSX.Element;
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/PhoneNumberField/PhoneNumberField.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FormField } from '../FormField';
-import { PhoneNumberInput } from '../PhoneNumberInput';
-/**
- * A text input that allows users to enter text phone numbers with country codes.
- *
- * @example
- *     <PhoneNumberField label="Phone Number" initialCountryCode="US" value={value} onChange={onChange} />;
- *
- * @name PhoneNumberField
- * @phase UXReview
- */
-export function PhoneNumberField({ controlId, errorMessage, helperText, invalid, label, labelTrailing, required, ...inputProps }) {
-    return (_jsx(FormField, { controlId: controlId, "data-bspk": "phone-number-field", errorMessage: errorMessage, helperText: helperText, invalid: invalid, label: label, labelTrailing: labelTrailing, required: required, children: (fieldProps) => _jsx(PhoneNumberInput, { ...inputProps, ...fieldProps, "aria-label": label, invalid: invalid }) }));
-}
-//# sourceMappingURL=PhoneNumberField.js.map

package/dist/components/PhoneNumberField/PhoneNumberField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PhoneNumberField.js","sourceRoot":"","sources":["../../../src/components/PhoneNumberField/PhoneNumberField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAsB,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAyB,MAAM,+BAA+B,CAAC;AAIxF;;;;;;;;GAQG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC7B,SAAS,EACT,YAAY,EACZ,UAAU,EACV,OAAO,EACP,KAAK,EACL,aAAa,EACb,QAAQ,EACR,GAAG,UAAU,EACO;IACpB,OAAO,CACH,KAAC,SAAS,IACN,SAAS,EAAE,SAAS,eACV,oBAAoB,EAC9B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,YAEjB,CAAC,UAAU,EAAE,EAAE,CAAC,KAAC,gBAAgB,OAAK,UAAU,KAAM,UAAU,gBAAc,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,GAClG,CACf,CAAC;AACN,CAAC"}

package/dist/components/PhoneNumberField/index.d.ts

@@ -1 +0,0 @@
-export * from './PhoneNumberField';

package/dist/components/PhoneNumberField/index.js

@@ -1,2 +0,0 @@
-export * from './PhoneNumberField';
-//# sourceMappingURL=index.js.map

package/dist/components/PhoneNumberField/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PhoneNumberField/index.tsx"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/components/PhoneNumberInput/PhoneNumberInput.d.ts

@@ -1,37 +0,0 @@
-import './phone-number-input.scss';
-import { TextInputProps } from '-/components/TextInput';
-import { FormFieldControlProps } from '-/types/common';
-import { SupportedCountryCode } from '-/utils/countryCodes';
-export type PhoneNumberInputProps = FormFieldControlProps & Pick<TextInputProps, 'aria-label' | 'disabled' | 'inputRef' | 'invalid' | 'name' | 'readOnly' | 'required' | 'size' | 'value'> & {
-    /**
-     * The default country code to select when the component is rendered. If not provided, it will attempt to guess
-     * based on the user's locale. If the guessed country code is not supported, it will default to 'US'. Based on
-     * [ISO](https://en.wikipedia.org/wiki/List_of_ISO_3166_country_codes) 2-digit country codes.
-     *
-     * @type string
-     */
-    initialCountryCode?: SupportedCountryCode;
-    /**
-     * Disables formatting of the phone number input in the UI. values returned by `onChange` are always
-     * unformatted.
-     *
-     * @type boolean
-     */
-    disableFormatting?: boolean;
-    /** Handler for change events. Contains the raw phone number value and the selected country code. */
-    onChange: (value: string, countryCode: SupportedCountryCode) => void;
-};
-/**
- * A text input that allows users to enter text phone numbers with country codes.
- *
- * This is the base element and if used must contain the field label contextually. This will more often be used in the
- * PhoneNumberField component.
- *
- * @example
- *     <PhoneNumberInput aria-label="Phone Number" initialCountryCode="US" value={value} onChange={onChange} />;
- *
- * @name PhoneNumberInput
- * @phase UXReview
- */
-export declare function PhoneNumberInput({ value, onChange, disableFormatting, initialCountryCode, disabled, readOnly, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, name, ...inputProps }: PhoneNumberInputProps): import("react/jsx-runtime").JSX.Element;
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/PhoneNumberInput/PhoneNumberInput.js

@@ -1,83 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import './phone-number-input.css.js';
-import { SvgIcon } from '@bspk/icons/SvgIcon';
-import { AsYouType, getCountryCallingCode } from 'libphonenumber-js';
-import { useMemo, useRef, useState } from 'react';
-import { Button } from '../Button';
-import { ListItemMenu } from '../ListItemMenu';
-import { TextInput } from '../TextInput';
-import { useId } from '../../hooks/useId';
-import { useUIContext } from '../../hooks/useUIContext';
-import { countryCodeData, countryCodes } from '../../utils/countryCodes';
-import { guessUserCountryCode } from '../../utils/guessUserCountryCode';
-import { useIds } from '../../utils/useIds';
-const SELECT_OPTIONS = countryCodes.map((code) => {
-    const countryCodeDetails = countryCodeData[code];
-    return {
-        value: code,
-        label: `${countryCodeDetails?.name}`,
-        leading: countryCodeDetails?.flagIconName ? (_jsx(SvgIcon, { "aria-hidden": true, name: countryCodeDetails?.flagIconName })) : null,
-        trailing: `(+${getCountryCallingCode(code)})`,
-    };
-});
-/**
- * A text input that allows users to enter text phone numbers with country codes.
- *
- * This is the base element and if used must contain the field label contextually. This will more often be used in the
- * PhoneNumberField component.
- *
- * @example
- *     <PhoneNumberInput aria-label="Phone Number" initialCountryCode="US" value={value} onChange={onChange} />;
- *
- * @name PhoneNumberInput
- * @phase UXReview
- */
-export function PhoneNumberInput({ value, onChange, disableFormatting, initialCountryCode, disabled, readOnly, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, name, ...inputProps }) {
-    const id = useId();
-    const items = useIds(`phone-number-input-${id}`, SELECT_OPTIONS);
-    const [countryCode, setCountryCode] = useState(initialCountryCode || guessUserCountryCode());
-    const [inputRef, setInputRef] = useState(null);
-    const { callingCode, selectedCodeData } = useMemo(() => {
-        const selectedValue = (countryCode || 'US');
-        const data = countryCodeData[selectedValue] ?? countryCodeData.US;
-        return {
-            callingCode: getCountryCallingCode(countryCode),
-            selectedCodeData: data,
-        };
-    }, [countryCode]);
-    const handleChange = (newValue) => {
-        let rawNumber = newValue.replace(/\D/g, '');
-        if (rawNumber === value)
-            return;
-        if (!disableFormatting) {
-            const formatter = new AsYouType(countryCode);
-            rawNumber = formatter.input(`${rawNumber}`);
-        }
-        onChange(rawNumber, countryCode);
-    };
-    const { sendAriaLiveMessage } = useUIContext();
-    const fauxInputRef = useRef(null);
-    return (_jsx(ListItemMenu, { disabled: disabled || readOnly, itemOnClick: ({ currentId, setShow }) => {
-            if (currentId) {
-                const item = items.find((i) => i.id === currentId);
-                setCountryCode(item.value);
-                sendAriaLiveMessage(`Selected country code ${item.label}`);
-                setShow(false);
-            }
-        }, items: ({ show }) => {
-            if (!show)
-                return items.filter((item) => countryCode.includes(item.value));
-            return items.map((item) => ({
-                ...item,
-                'aria-selected': item.value === countryCode,
-            }));
-        }, label: "Select country code", onClose: () => {
-            inputRef?.focus();
-        }, owner: "phone-number-input", role: "listbox", scrollLimit: 10, width: "reference", children: (toggleProps, { setRef }) => {
-            return (_jsx("div", { "data-bspk": "phone-number-input", children: _jsx(TextInput, { ...inputProps, "aria-describedby": ariaDescribedBy, "aria-errormessage": ariaErrorMessage, "aria-label": ariaLabel, autoComplete: "off", containerRef: setRef, disabled: disabled, inputRef: setInputRef, leading: _jsxs(_Fragment, { children: [_jsx("input", { contentEditable: true, name: `${name}-country-code`, ...toggleProps, "aria-label": "select country code", ref: fauxInputRef }), _jsxs(Button, { disabled: disabled || readOnly, label: "Open country code menu", onClick: () => {
-                                    fauxInputRef.current?.focus();
-                                    fauxInputRef.current?.click();
-                                }, variant: "tertiary", children: [_jsx(SvgIcon, { name: selectedCodeData.flagIconName }), _jsx(SvgIcon, { name: "KeyboardArrowDown" })] }), _jsx("span", { "aria-hidden": "true", style: { cursor: 'default' }, children: `+${callingCode}` })] }), name: name, onChange: handleChange, owner: "phone-number-input", readOnly: readOnly, value: value }) }));
-        } }));
-}
-//# sourceMappingURL=PhoneNumberInput.js.map

package/dist/components/PhoneNumberInput/PhoneNumberInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PhoneNumberInput.js","sourceRoot":"","sources":["../../../src/components/PhoneNumberInput/PhoneNumberInput.tsx"],"names":[],"mappings":";AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,OAAO,EAAE,eAAe,EAAE,YAAY,EAAwB,MAAM,sBAAsB,CAAC;AAC3F,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,MAAM,cAAc,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;IAC7C,MAAM,kBAAkB,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IACjD,OAAO;QACH,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,GAAG,kBAAkB,EAAE,IAAI,EAAE;QACpC,OAAO,EAAE,kBAAkB,EAAE,YAAY,CAAC,CAAC,CAAC,CACxC,KAAC,OAAO,yBAAa,IAAI,EAAE,kBAAkB,EAAE,YAAY,GAAI,CAClE,CAAC,CAAC,CAAC,IAAI;QACR,QAAQ,EAAE,KAAK,qBAAqB,CAAC,IAAI,CAAC,GAAG;KAChD,CAAC;AACN,CAAC,CAAC,CAAC;AA0BH;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,kBAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,kBAAkB,EAAE,eAAe,EACnC,mBAAmB,EAAE,gBAAgB,EACrC,IAAI,EACJ,GAAG,UAAU,EACO;IACpB,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAEnB,MAAM,KAAK,GAAG,MAAM,CAAC,sBAAsB,EAAE,EAAE,EAAE,cAAc,CAAC,CAAC;IAEjE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAuB,kBAAkB,IAAI,oBAAoB,EAAE,CAAC,CAAC;IAEnH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAA0B,IAAI,CAAC,CAAC;IAExE,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACnD,MAAM,aAAa,GAAG,CAAC,WAAW,IAAI,IAAI,CAAyB,CAAC;QACpE,MAAM,IAAI,GAAG,eAAe,CAAC,aAAa,CAAC,IAAI,eAAe,CAAC,EAAE,CAAC;QAClE,OAAO;YACH,WAAW,EAAE,qBAAqB,CAAC,WAAW,CAAC;YAC/C,gBAAgB,EAAE,IAAI;SACzB,CAAC;IACN,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAE,EAAE;QACtC,IAAI,SAAS,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC5C,IAAI,SAAS,KAAK,KAAK;YAAE,OAAO;QAEhC,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACrB,MAAM,SAAS,GAAG,IAAI,SAAS,CAAC,WAAW,CAAC,CAAC;YAC7C,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,EAAE,CAAC,CAAC;QAChD,CAAC;QAED,QAAQ,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,EAAE,mBAAmB,EAAE,GAAG,YAAY,EAAE,CAAC;IAE/C,MAAM,YAAY,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAE3D,OAAO,CACH,KAAC,YAAY,IACT,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,WAAW,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;YACpC,IAAI,SAAS,EAAE,CAAC;gBACZ,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,SAAS,CAAE,CAAC;gBACpD,cAAc,CAAC,IAAI,CAAC,KAA6B,CAAC,CAAC;gBACnD,mBAAmB,CAAC,yBAAyB,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;gBAC3D,OAAO,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC;QACL,CAAC,EACD,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;YAChB,IAAI,CAAC,IAAI;gBAAE,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;YAE3E,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;gBACxB,GAAG,IAAI;gBACP,eAAe,EAAE,IAAI,CAAC,KAAK,KAAK,WAAW;aAC9C,CAAC,CAAC,CAAC;QACR,CAAC,EACD,KAAK,EAAC,qBAAqB,EAC3B,OAAO,EAAE,GAAG,EAAE;YACV,QAAQ,EAAE,KAAK,EAAE,CAAC;QACtB,CAAC,EACD,KAAK,EAAC,oBAAoB,EAC1B,IAAI,EAAC,SAAS,EACd,WAAW,EAAE,EAAE,EACf,KAAK,EAAC,WAAW,YAEhB,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;YACzB,OAAO,CACH,2BAAe,oBAAoB,YAC/B,KAAC,SAAS,OACF,UAAU,sBACI,eAAe,uBACd,gBAAgB,gBACvB,SAAS,EACrB,YAAY,EAAC,KAAK,EAClB,YAAY,EAAE,MAAM,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,WAAW,EACrB,OAAO,EACH,8BACI,gBACI,eAAe,QACf,IAAI,EAAE,GAAG,IAAI,eAAe,KACxB,WAAW,gBACJ,qBAAqB,EAChC,GAAG,EAAE,YAAY,GACnB,EACF,MAAC,MAAM,IACH,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,KAAK,EAAC,wBAAwB,EAC9B,OAAO,EAAE,GAAG,EAAE;oCACV,YAAY,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;oCAC9B,YAAY,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;gCAClC,CAAC,EACD,OAAO,EAAC,UAAU,aAElB,KAAC,OAAO,IAAC,IAAI,EAAE,gBAAgB,CAAC,YAAY,GAAI,EAChD,KAAC,OAAO,IAAC,IAAI,EAAC,mBAAmB,GAAG,IAC/B,EACT,8BAAkB,MAAM,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,YAAG,IAAI,WAAW,EAAE,GAAQ,IAClF,EAEP,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAC,oBAAoB,EAC1B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,GACd,GACA,CACT,CAAC;QACN,CAAC,GACU,CAClB,CAAC;AACN,CAAC"}

package/dist/components/PhoneNumberInput/PhoneNumberInputExample.d.ts

@@ -1,4 +0,0 @@
-import { PhoneNumberInputProps } from '.';
-import { ComponentExample, Preset } from '-/utils/demo';
-export declare const presets: Preset<PhoneNumberInputProps>[];
-export declare const PhoneNumberInputExample: ComponentExample<PhoneNumberInputProps>;

package/dist/components/PhoneNumberInput/PhoneNumberInputExample.js

@@ -1,5 +0,0 @@
-export const presets = [];
-export const PhoneNumberInputExample = {
-    variants: false,
-};
-//# sourceMappingURL=PhoneNumberInputExample.js.map

package/dist/components/PhoneNumberInput/PhoneNumberInputExample.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PhoneNumberInputExample.js","sourceRoot":"","sources":["../../../src/components/PhoneNumberInput/PhoneNumberInputExample.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,OAAO,GAAoC,EAAE,CAAC;AAE3D,MAAM,CAAC,MAAM,uBAAuB,GAA4C;IAC5E,QAAQ,EAAE,KAAK;CAClB,CAAC"}

package/dist/components/PhoneNumberInput/index.d.ts

@@ -1 +0,0 @@
-export * from './PhoneNumberInput';

package/dist/components/PhoneNumberInput/index.js

@@ -1,2 +0,0 @@
-export * from './PhoneNumberInput';
-//# sourceMappingURL=index.js.map

package/dist/components/PhoneNumberInput/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PhoneNumberInput/index.tsx"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/components/PhoneNumberInput/phone-number-input.css

@@ -1,46 +0,0 @@
-[data-bspk=phone-number-input] {
-  position: relative;
-  width: 100%;
-}
-
-[data-bspk-owner=phone-number-input] {
-  padding-left: 0;
-}
-[data-bspk-owner=phone-number-input] [data-bspk=divider] {
-  margin: 0 var(--spacing-sizing-02) 0 0;
-}
-[data-bspk-owner=phone-number-input] [data-leading] {
-  overflow: hidden;
-  position: relative;
-}
-[data-bspk-owner=phone-number-input] [data-leading] [contentEditable] {
-  position: absolute;
-  opacity: 0;
-  inset: 0;
-  z-index: 2;
-}
-[data-bspk-owner=phone-number-input] [data-leading] [contentEditable]:focus-visible {
-  outline: none;
-}
-[data-bspk-owner=phone-number-input] [data-leading] [contentEditable]:focus-visible + [data-bspk=button] {
-  outline: solid 2px var(--stroke-neutral-focus);
-}
-[data-bspk-owner=phone-number-input] [data-leading] [data-bspk=button] {
-  gap: var(--spacing-sizing-02);
-  padding: 0 var(--spacing-sizing-03);
-  min-height: 100%;
-  margin-right: var(--spacing-sizing-02);
-}
-[data-bspk-owner=phone-number-input] [data-leading] [data-bspk=button]::after {
-  content: "";
-  position: absolute;
-  top: var(--spacing-sizing-01);
-  bottom: var(--spacing-sizing-01);
-  right: 0;
-  width: 1px;
-  background-color: var(--stroke-neutral-base);
-  pointer-events: none;
-}
-[data-bspk-owner=phone-number-input][data-size=small] [data-leading] [data-bspk=button] {
-  padding-left: var(--spacing-sizing-02);
-}

package/dist/components/PhoneNumberInput/phone-number-input.css.js

@@ -1,51 +0,0 @@
-/** * This file is generated by the build script.
-* Do not edit this file directly. */
-const style = document.createElement('style');
-style.appendChild(document.createTextNode(`[data-bspk=phone-number-input] {
-  position: relative;
-  width: 100%;
-}
-
-[data-bspk-owner=phone-number-input] {
-  padding-left: 0;
-}
-[data-bspk-owner=phone-number-input] [data-bspk=divider] {
-  margin: 0 var(--spacing-sizing-02) 0 0;
-}
-[data-bspk-owner=phone-number-input] [data-leading] {
-  overflow: hidden;
-  position: relative;
-}
-[data-bspk-owner=phone-number-input] [data-leading] [contentEditable] {
-  position: absolute;
-  opacity: 0;
-  inset: 0;
-  z-index: 2;
-}
-[data-bspk-owner=phone-number-input] [data-leading] [contentEditable]:focus-visible {
-  outline: none;
-}
-[data-bspk-owner=phone-number-input] [data-leading] [contentEditable]:focus-visible + [data-bspk=button] {
-  outline: solid 2px var(--stroke-neutral-focus);
-}
-[data-bspk-owner=phone-number-input] [data-leading] [data-bspk=button] {
-  gap: var(--spacing-sizing-02);
-  padding: 0 var(--spacing-sizing-03);
-  min-height: 100%;
-  margin-right: var(--spacing-sizing-02);
-}
-[data-bspk-owner=phone-number-input] [data-leading] [data-bspk=button]::after {
-  content: "";
-  position: absolute;
-  top: var(--spacing-sizing-01);
-  bottom: var(--spacing-sizing-01);
-  right: 0;
-  width: 1px;
-  background-color: var(--stroke-neutral-base);
-  pointer-events: none;
-}
-[data-bspk-owner=phone-number-input][data-size=small] [data-leading] [data-bspk=button] {
-  padding-left: var(--spacing-sizing-02);
-}
-`));
-document.head.appendChild(style);

package/dist/components/SelectField/SelectFieldExample.d.ts

@@ -1,23 +0,0 @@
-import { SelectFieldProps } from '.';
-import { ComponentExample } from '-/utils/demo';
-export declare const presets: {
-    propState: {
-        controlId: string;
-        name: string;
-        id?: string | undefined;
-        value: string;
-        label: string;
-        invalid?: boolean | undefined;
-        disabled?: boolean | undefined;
-        options: import("../Select").SelectOption[];
-        size?: ("large" | "medium" | "small") | undefined;
-        'aria-describedby'?: string | undefined;
-        'aria-errormessage'?: string | undefined;
-        placeholder?: string | undefined;
-        readOnly?: boolean | undefined;
-        scrollLimit?: number | undefined;
-    };
-    label: string;
-    otherState?: Record<string, Record<string, unknown> | unknown> & Record<string, unknown>;
-}[];
-export declare const SelectFieldExample: ComponentExample<SelectFieldProps>;

package/dist/components/SelectField/SelectFieldExample.js

@@ -1,13 +0,0 @@
-import { presets as selectPresets, SelectExample } from '../Select/SelectExample';
-export const presets = selectPresets.map((preset, index) => ({
-    ...preset,
-    propState: {
-        ...preset.propState,
-        controlId: `example-select-${index}`,
-    },
-}));
-export const SelectFieldExample = {
-    defaultState: SelectExample.defaultState,
-    presets,
-};
-//# sourceMappingURL=SelectFieldExample.js.map

package/dist/components/SelectField/SelectFieldExample.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectFieldExample.js","sourceRoot":"","sources":["../../../src/components/SelectField/SelectFieldExample.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAG5F,MAAM,CAAC,MAAM,OAAO,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;IACzD,GAAG,MAAM;IACT,SAAS,EAAE;QACP,GAAG,MAAM,CAAC,SAAS;QACnB,SAAS,EAAE,kBAAkB,KAAK,EAAE;KACvC;CACJ,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,kBAAkB,GAAuC;IAClE,YAAY,EAAE,aAAa,CAAC,YAAY;IACxC,OAAO;CACV,CAAC"}

package/dist/components/SnackbarProvider/SnackbarProvider.d.ts

@@ -1,90 +0,0 @@
-import './snackbar-provider.scss';
-import { ReactNode } from 'react';
-export type SnackbarProviderProps = {
-    /** Content to be rendered inside the provider */
-    children: ReactNode;
-    /**
-     * Default time in milliseconds after which the snackbar will auto dismiss. If a Snackbar is sent with a timeout
-     * property that value will be used instead. If you want to disable the timeout for a specific snackbar, set its
-     * timeout to null.
-     */
-    timeout?: number | null;
-    /**
-     * Maximum number of snackbars to show at once
-     *
-     * @default 10
-     */
-    countLimit?: number;
-};
-/**
- * Snackbar context provider. Snackbars are intended to provide feedback about an action without interrupting the
- * customer experience.
- *
- * @example
- *     import { SnackbarProvider } from '@bspk/ui/SnackbarProvider';
- *
- *     // In your application root
- *     function Example() {
- *         return (
- *             <SnackbarProvider timeout={5000} countLimit={1}>
- *                 <App />
- *             </SnackbarProvider>
- *         );
- *     }
- *
- *     // In a descendent component
- *     import { useSnackbarContext } from '@bspk/ui/hooks/useSnackbarContext';
- *
- *     function ExampleComponent() {
- *         // The useSnackbarContext provides access to the sendSnackbar function
- *         const { sendSnackbar } = useSnackbarContext();
- *
- *         return (
- *             <button
- *                 onClick={() =>
- *                     sendSnackbar({
- *                         text: 'Example snackbar',
- *                         button: { text: 'Dismiss', onClick: 'close' },
- *                         timeout: 3000,
- *                     })
- *                 }
- *             >
- *                 Show snackbar
- *             </button>
- *         );
- *     }
- *
- *     // You can also programatically dismiss a Snackbar by calling clearSnackbar with the Snackbar's id.
- *     import { useSnackbarContext } from '@bspk/ui/hooks/useSnackbarContext';
- *     import { useState } from 'react';
- *
- *     function ExampleClearComponent() {
- *         const [snackbarId, setSnackbarId] = useState<string | null>(null);
- *
- *         const { sendSnackbar, clearSnackbar } = useSnackbarContext();
- *
- *         const sendAndStoreId = () => {
- *             const id = sendSnackbar({
- *                 text: 'Without a button or timeout I can only be closed programatically',
- *             });
- *             setSnackbarId(id);
- *         };
- *
- *         const clear = () => {
- *             if (snackbarId) {
- *                 clearSnackbar(snackbarId);
- *                 setSnackbarId(null);
- *             }
- *         };
- *
- *         return snackbarId ? (
- *             <button onClick={clear}>Clear snackbar</button>
- *         ) : (
- *             <button onClick={sendAndStoreId}>Send snackbar</button>
- *         );
- *     }
- *
- * @name SnackbarProvider
- * @phase UXReview
- */
-export declare function SnackbarProvider({ children, timeout, countLimit }: SnackbarProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SnackbarProvider/SnackbarProvider.js

@@ -1,115 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './snackbar-provider.css.js';
-import { useState, useRef, useEffect } from 'react';
-import { Portal } from '../Portal';
-import { Snackbar } from '../Snackbar';
-import { randomString } from '../../utils/random';
-import { SnackbarContext } from '../../utils/snackbarContext';
-/**
- * Snackbar context provider. Snackbars are intended to provide feedback about an action without interrupting the
- * customer experience.
- *
- * @example
- *     import { SnackbarProvider } from '@bspk/ui/SnackbarProvider';
- *
- *     // In your application root
- *     function Example() {
- *         return (
- *             <SnackbarProvider timeout={5000} countLimit={1}>
- *                 <App />
- *             </SnackbarProvider>
- *         );
- *     }
- *
- *     // In a descendent component
- *     import { useSnackbarContext } from '@bspk/ui/hooks/useSnackbarContext';
- *
- *     function ExampleComponent() {
- *         // The useSnackbarContext provides access to the sendSnackbar function
- *         const { sendSnackbar } = useSnackbarContext();
- *
- *         return (
- *             <button
- *                 onClick={() =>
- *                     sendSnackbar({
- *                         text: 'Example snackbar',
- *                         button: { text: 'Dismiss', onClick: 'close' },
- *                         timeout: 3000,
- *                     })
- *                 }
- *             >
- *                 Show snackbar
- *             </button>
- *         );
- *     }
- *
- *     // You can also programatically dismiss a Snackbar by calling clearSnackbar with the Snackbar's id.
- *     import { useSnackbarContext } from '@bspk/ui/hooks/useSnackbarContext';
- *     import { useState } from 'react';
- *
- *     function ExampleClearComponent() {
- *         const [snackbarId, setSnackbarId] = useState<string | null>(null);
- *
- *         const { sendSnackbar, clearSnackbar } = useSnackbarContext();
- *
- *         const sendAndStoreId = () => {
- *             const id = sendSnackbar({
- *                 text: 'Without a button or timeout I can only be closed programatically',
- *             });
- *             setSnackbarId(id);
- *         };
- *
- *         const clear = () => {
- *             if (snackbarId) {
- *                 clearSnackbar(snackbarId);
- *                 setSnackbarId(null);
- *             }
- *         };
- *
- *         return snackbarId ? (
- *             <button onClick={clear}>Clear snackbar</button>
- *         ) : (
- *             <button onClick={sendAndStoreId}>Send snackbar</button>
- *         );
- *     }
- *
- * @name SnackbarProvider
- * @phase UXReview
- */
-export function SnackbarProvider({ children, timeout, countLimit = 10 }) {
-    const [snackbars, setSnackbars] = useState([]);
-    const timeouts = useRef(new Map());
-    const baseTimeout = timeout ?? 0;
-    const sendSnackbar = (data) => {
-        const id = randomString(8);
-        setSnackbars((prevState) => prevState.concat([{ id, ...data }]));
-        const nextTimeout = data.timeout ?? baseTimeout;
-        if (data.timeout !== null && nextTimeout) {
-            timeouts.current.set(id, setTimeout(() => {
-                clearSnackbar(id);
-                timeouts.current.delete(id);
-            }, data.timeout ?? baseTimeout));
-        }
-        return id;
-    };
-    const clearSnackbar = (id) => {
-        setSnackbars((prevState) => prevState.filter((snackbarData) => snackbarData.id !== id));
-    };
-    const clearAll = () => {
-        setSnackbars([]);
-    };
-    useEffect(() => {
-        return () => {
-            // eslint-disable-next-line react-hooks/exhaustive-deps -- we only want to run this on dismount
-            timeouts.current.forEach((timeoutToClear) => clearTimeout(timeoutToClear));
-        };
-    }, []);
-    const visibleSnackbars = countLimit ? snackbars.slice(0, countLimit) : snackbars;
-    return (_jsxs(SnackbarContext.Provider, { value: {
-            snackbars,
-            sendSnackbar,
-            clearSnackbar,
-            clearAll,
-        }, children: [visibleSnackbars.length > 0 && (_jsx(Portal, { children: _jsx("div", { "aria-live": "off", "data-bspk": "snackbar-provider", children: visibleSnackbars.map(({ button, text, id }) => (_jsx(Snackbar, { button: button, onClose: () => clearSnackbar(id), text: text }, id))) }) })), children] }));
-}
-//# sourceMappingURL=SnackbarProvider.js.map

package/dist/components/SnackbarProvider/SnackbarProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SnackbarProvider.js","sourceRoot":"","sources":["../../../src/components/SnackbarProvider/SnackbarProvider.tsx"],"names":[],"mappings":"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"}

package/dist/components/SnackbarProvider/SnackbarProviderExample.d.ts

@@ -1,4 +0,0 @@
-import { SnackbarProviderProps } from './SnackbarProvider';
-import { ComponentExample } from '-/utils/demo';
-import './snackbar-provider-example.scss';
-export declare const SnackbarProviderExample: ComponentExample<SnackbarProviderProps>;