@bspk/ui 1.3.3 → 1.3.4

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":"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"}

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>;

package/dist/components/SnackbarProvider/SnackbarProviderExample.js

@@ -1,59 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useState } from 'react';
-import { SnackbarProvider } from './SnackbarProvider';
-import { Button } from '../Button';
-import { CheckboxGroup } from '../CheckboxGroup';
-import { NumberField } from '../NumberField';
-import { TextField } from '../TextField';
-import { Txt } from '../Txt';
-import { useSnackbarContext } from '../../hooks/useSnackbarContext';
-import './snackbar-provider-example.css.js';
-export const SnackbarProviderExample = {
-    containerStyle: { width: '100%' },
-    defaultState: {},
-    disableProps: [],
-    presets: [],
-    render: ({ props }) => (_jsx(SnackbarProvider, { countLimit: props.countLimit, timeout: props.timeout || 5000, children: _jsx(ExampleForm, {}) })),
-    sections: [],
-    variants: {},
-};
-function ExampleForm() {
-    const countRef = useRef(0);
-    const [snackbarText, setSnackbarText] = useState('Full send!');
-    const [options, setOptions] = useState(['enableTimeout']);
-    const [dismissButtonText, setDismissButtonText] = useState('Dismiss');
-    const [timeout, setTimeout] = useState(5000);
-    const { sendSnackbar } = useSnackbarContext();
-    const enableTimeout = options.includes('enableTimeout');
-    const enableDismiss = options.includes('dismissButton');
-    const enableCount = options.includes('showCount');
-    const onButtonClick = () => {
-        if (enableCount) {
-            countRef.current += 1;
-        }
-        sendSnackbar({
-            text: snackbarText + (enableCount ? ` (${countRef.current})` : ''),
-            timeout: enableTimeout ? timeout : null,
-            button: enableDismiss
-                ? {
-                    label: dismissButtonText,
-                    onClick: 'close',
-                }
-                : undefined,
-        });
-    };
-    return (_jsxs("div", { "data-snackbar-provider-example": "", children: [_jsx(TextField, { "aria-label": "Snackbar Text", controlId: "text", label: "Snackbar Text", name: "text", onChange: setSnackbarText, size: "small", value: snackbarText }), _jsx(CheckboxGroup, { "aria-label": "Example Checkbox Group", name: "example-checkbox-group", onChange: (nextValues) => {
-                    setOptions(nextValues);
-                }, options: [
-                    { label: 'Enable timeout', value: 'enableTimeout' },
-                    {
-                        label: 'Include dismiss button',
-                        value: 'dismissButton',
-                    },
-                    {
-                        label: 'Count sends (diagnostic)',
-                        value: 'showCount',
-                    },
-                ], values: options }), enableTimeout && (_jsx(NumberField, { "aria-label": "Timeout", controlId: "timeout", label: "Timeout (ms)", max: 60000, min: 0, name: "timeout", onChange: (val) => setTimeout(parseInt(`${val}`) || 0), size: "small", step: 1000, value: timeout })), enableDismiss && (_jsx(TextField, { "aria-label": "Dismiss button Text", controlId: "text", label: "Dismiss Button Text", name: "text", onChange: setDismissButtonText, size: "small", value: dismissButtonText })), !enableDismiss && !enableTimeout && (_jsx(Txt, { "data-warning": "", variant: "body-small", children: "Note: Without a timeout or dismiss button the snackbar can only be closed programatically using the useSnackbarContext hook." })), _jsx("div", { "data-button-wrapper": "", children: _jsx(Button, { label: "Send it!", onClick: onButtonClick, size: "medium", title: "Snackbar" }) })] }));
-}
-//# sourceMappingURL=SnackbarProviderExample.js.map

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

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

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

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

package/dist/components/SnackbarProvider/index.js

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

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

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

package/dist/components/SnackbarProvider/snackbar-provider-example.css

@@ -1,15 +0,0 @@
-[data-snackbar-provider-example] {
-  display: flex;
-  gap: var(--spacing-sizing-03);
-  flex-direction: column;
-  width: 300px;
-  flex: 1;
-}
-[data-snackbar-provider-example] [data-warning] {
-  color: var(--status-error);
-}
-[data-snackbar-provider-example] [data-button-wrapper] {
-  display: flex;
-  justify-content: center;
-  margin-top: var(--spacing-sizing-02);
-}

package/dist/components/SnackbarProvider/snackbar-provider-example.css.js

@@ -1,20 +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-snackbar-provider-example] {
-  display: flex;
-  gap: var(--spacing-sizing-03);
-  flex-direction: column;
-  width: 300px;
-  flex: 1;
-}
-[data-snackbar-provider-example] [data-warning] {
-  color: var(--status-error);
-}
-[data-snackbar-provider-example] [data-button-wrapper] {
-  display: flex;
-  justify-content: center;
-  margin-top: var(--spacing-sizing-02);
-}
-`));
-document.head.appendChild(style);

package/dist/components/SnackbarProvider/snackbar-provider.css

@@ -1,15 +0,0 @@
-[data-bspk=snackbar-provider] {
-  position: fixed;
-  z-index: var(--z-index-dialog);
-  display: flex;
-  flex-direction: column-reverse;
-  max-height: 100%;
-  overflow: hidden;
-  inset: 0;
-  align-items: center;
-  gap: var(--spacing-sizing-02);
-  pointer-events: none;
-  padding: var(--spacing-sizing-02);
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/SnackbarProvider/snackbar-provider.css.js

@@ -1,20 +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=snackbar-provider] {
-  position: fixed;
-  z-index: var(--z-index-dialog);
-  display: flex;
-  flex-direction: column-reverse;
-  max-height: 100%;
-  overflow: hidden;
-  inset: 0;
-  align-items: center;
-  gap: var(--spacing-sizing-02);
-  pointer-events: none;
-  padding: var(--spacing-sizing-02);
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
-`));
-document.head.appendChild(style);