@bspk/ui 1.1.34 → 1.3.0

package/dist/components/SnackbarProvider/SnackbarProviderExample.js

@@ -0,0 +1,59 @@
+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

@@ -0,0 +1 @@
+{"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

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

package/dist/components/SnackbarProvider/index.js

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,15 @@
+[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

@@ -0,0 +1,20 @@
+/** * 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

@@ -0,0 +1,15 @@
+[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

@@ -0,0 +1,20 @@
+/** * 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);

package/dist/components/StylesProviderAnywhere/StylesProviderAnywhere.d.ts

@@ -1,13 +1,11 @@
 import '@bspk/styles/anywhere.css';
-import '../../base.scss';
+import '-/styles/base.scss';
 /**
  * Utility to provide the Anywhere styles to the application.
  *
  * @name StylesProviderAnywhere
+ * @phase Utility
+ * @generated
  */
-declare function StylesProviderAnywhere(): JSX.Element | null;
-declare namespace StylesProviderAnywhere {
-    var bspkName: string;
-}
-export { StylesProviderAnywhere };
+export declare function StylesProviderAnywhere(): JSX.Element | null;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/StylesProviderAnywhere/StylesProviderAnywhere.js

@@ -1,14 +1,14 @@
 import '../../styles/anywhere.css.js';
-import '../../base.css.js';
+import '../../styles/base.css.js';
 /**
  * Utility to provide the Anywhere styles to the application.
  *
  * @name StylesProviderAnywhere
+ * @phase Utility
+ * @generated
  */
-function StylesProviderAnywhere() {
+export function StylesProviderAnywhere() {
     return null;
 }
-StylesProviderAnywhere.bspkName = 'StylesProviderAnywhere';
-export { StylesProviderAnywhere };
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
 //# sourceMappingURL=StylesProviderAnywhere.js.map

package/dist/components/StylesProviderAnywhere/StylesProviderAnywhere.js.map

@@ -1 +1 @@
-{"version":3,"file":"StylesProviderAnywhere.js","sourceRoot":"","sources":["../../../src/components/StylesProviderAnywhere/StylesProviderAnywhere.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,iBAAiB,CAAC;AAEzB;;;;GAIG;AACH,SAAS,sBAAsB;IAC3B,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,sBAAsB,CAAC,QAAQ,GAAG,wBAAwB,CAAC;AAE3D,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAElC,sDAAsD"}
+{"version":3,"file":"StylesProviderAnywhere.js","sourceRoot":"","sources":["../../../src/components/StylesProviderAnywhere/StylesProviderAnywhere.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,oBAAoB,CAAC;AAE5B;;;;;;GAMG;AACH,MAAM,UAAU,sBAAsB;IAClC,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,sDAAsD"}

package/dist/components/StylesProviderBetterHomesGardens/StylesProviderBetterHomesGardens.d.ts

@@ -1,13 +1,11 @@
 import '@bspk/styles/better-homes-gardens.css';
-import '../../base.scss';
+import '-/styles/base.scss';
 /**
  * Utility to provide the Better Homes & Gardens styles to the application.
  *
  * @name StylesProviderBetterHomesGardens
+ * @phase Utility
+ * @generated
  */
-declare function StylesProviderBetterHomesGardens(): JSX.Element | null;
-declare namespace StylesProviderBetterHomesGardens {
-    var bspkName: string;
-}
-export { StylesProviderBetterHomesGardens };
+export declare function StylesProviderBetterHomesGardens(): JSX.Element | null;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/StylesProviderBetterHomesGardens/StylesProviderBetterHomesGardens.js

@@ -1,14 +1,14 @@
 import '../../styles/better-homes-gardens.css.js';
-import '../../base.css.js';
+import '../../styles/base.css.js';
 /**
  * Utility to provide the Better Homes & Gardens styles to the application.
  *
  * @name StylesProviderBetterHomesGardens
+ * @phase Utility
+ * @generated
  */
-function StylesProviderBetterHomesGardens() {
+export function StylesProviderBetterHomesGardens() {
     return null;
 }
-StylesProviderBetterHomesGardens.bspkName = 'StylesProviderBetterHomesGardens';
-export { StylesProviderBetterHomesGardens };
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
 //# sourceMappingURL=StylesProviderBetterHomesGardens.js.map

package/dist/components/StylesProviderBetterHomesGardens/StylesProviderBetterHomesGardens.js.map

@@ -1 +1 @@
-{"version":3,"file":"StylesProviderBetterHomesGardens.js","sourceRoot":"","sources":["../../../src/components/StylesProviderBetterHomesGardens/StylesProviderBetterHomesGardens.tsx"],"names":[],"mappings":"AAAA,OAAO,uCAAuC,CAAC;AAC/C,OAAO,iBAAiB,CAAC;AAEzB;;;;GAIG;AACH,SAAS,gCAAgC;IACrC,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,gCAAgC,CAAC,QAAQ,GAAG,kCAAkC,CAAC;AAE/E,OAAO,EAAE,gCAAgC,EAAE,CAAC;AAE5C,sDAAsD"}
+{"version":3,"file":"StylesProviderBetterHomesGardens.js","sourceRoot":"","sources":["../../../src/components/StylesProviderBetterHomesGardens/StylesProviderBetterHomesGardens.tsx"],"names":[],"mappings":"AAAA,OAAO,uCAAuC,CAAC;AAC/C,OAAO,oBAAoB,CAAC;AAE5B;;;;;;GAMG;AACH,MAAM,UAAU,gCAAgC;IAC5C,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,sDAAsD"}

package/dist/components/StylesProviderCartus/StylesProviderCartus.d.ts

@@ -1,13 +1,11 @@
 import '@bspk/styles/cartus.css';
-import '../../base.scss';
+import '-/styles/base.scss';
 /**
  * Utility to provide the Cartus styles to the application.
  *
  * @name StylesProviderCartus
+ * @phase Utility
+ * @generated
  */
-declare function StylesProviderCartus(): JSX.Element | null;
-declare namespace StylesProviderCartus {
-    var bspkName: string;
-}
-export { StylesProviderCartus };
+export declare function StylesProviderCartus(): JSX.Element | null;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/StylesProviderCartus/StylesProviderCartus.js

@@ -1,14 +1,14 @@
 import '../../styles/cartus.css.js';
-import '../../base.css.js';
+import '../../styles/base.css.js';
 /**
  * Utility to provide the Cartus styles to the application.
  *
  * @name StylesProviderCartus
+ * @phase Utility
+ * @generated
  */
-function StylesProviderCartus() {
+export function StylesProviderCartus() {
     return null;
 }
-StylesProviderCartus.bspkName = 'StylesProviderCartus';
-export { StylesProviderCartus };
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
 //# sourceMappingURL=StylesProviderCartus.js.map

package/dist/components/StylesProviderCartus/StylesProviderCartus.js.map

@@ -1 +1 @@
-{"version":3,"file":"StylesProviderCartus.js","sourceRoot":"","sources":["../../../src/components/StylesProviderCartus/StylesProviderCartus.tsx"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,iBAAiB,CAAC;AAEzB;;;;GAIG;AACH,SAAS,oBAAoB;IACzB,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,oBAAoB,CAAC,QAAQ,GAAG,sBAAsB,CAAC;AAEvD,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAEhC,sDAAsD"}
+{"version":3,"file":"StylesProviderCartus.js","sourceRoot":"","sources":["../../../src/components/StylesProviderCartus/StylesProviderCartus.tsx"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,oBAAoB,CAAC;AAE5B;;;;;;GAMG;AACH,MAAM,UAAU,oBAAoB;IAChC,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,sDAAsD"}

package/dist/components/StylesProviderCentury21/StylesProviderCentury21.d.ts

@@ -1,13 +1,11 @@
 import '@bspk/styles/century-21.css';
-import '../../base.scss';
+import '-/styles/base.scss';
 /**
  * Utility to provide the Century 21 styles to the application.
  *
  * @name StylesProviderCentury21
+ * @phase Utility
+ * @generated
  */
-declare function StylesProviderCentury21(): JSX.Element | null;
-declare namespace StylesProviderCentury21 {
-    var bspkName: string;
-}
-export { StylesProviderCentury21 };
+export declare function StylesProviderCentury21(): JSX.Element | null;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/StylesProviderCentury21/StylesProviderCentury21.js

@@ -1,14 +1,14 @@
 import '../../styles/century-21.css.js';
-import '../../base.css.js';
+import '../../styles/base.css.js';
 /**
  * Utility to provide the Century 21 styles to the application.
  *
  * @name StylesProviderCentury21
+ * @phase Utility
+ * @generated
  */
-function StylesProviderCentury21() {
+export function StylesProviderCentury21() {
     return null;
 }
-StylesProviderCentury21.bspkName = 'StylesProviderCentury21';
-export { StylesProviderCentury21 };
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
 //# sourceMappingURL=StylesProviderCentury21.js.map

package/dist/components/StylesProviderCentury21/StylesProviderCentury21.js.map

@@ -1 +1 @@
-{"version":3,"file":"StylesProviderCentury21.js","sourceRoot":"","sources":["../../../src/components/StylesProviderCentury21/StylesProviderCentury21.tsx"],"names":[],"mappings":"AAAA,OAAO,6BAA6B,CAAC;AACrC,OAAO,iBAAiB,CAAC;AAEzB;;;;GAIG;AACH,SAAS,uBAAuB;IAC5B,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,uBAAuB,CAAC,QAAQ,GAAG,yBAAyB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,CAAC;AAEnC,sDAAsD"}
+{"version":3,"file":"StylesProviderCentury21.js","sourceRoot":"","sources":["../../../src/components/StylesProviderCentury21/StylesProviderCentury21.tsx"],"names":[],"mappings":"AAAA,OAAO,6BAA6B,CAAC;AACrC,OAAO,oBAAoB,CAAC;AAE5B;;;;;;GAMG;AACH,MAAM,UAAU,uBAAuB;IACnC,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,sDAAsD"}

package/dist/components/StylesProviderColdwellBanker/StylesProviderColdwellBanker.d.ts

@@ -1,13 +1,11 @@
 import '@bspk/styles/coldwell-banker.css';
-import '../../base.scss';
+import '-/styles/base.scss';
 /**
  * Utility to provide the Coldwell Banker styles to the application.
  *
  * @name StylesProviderColdwellBanker
+ * @phase Utility
+ * @generated
  */
-declare function StylesProviderColdwellBanker(): JSX.Element | null;
-declare namespace StylesProviderColdwellBanker {
-    var bspkName: string;
-}
-export { StylesProviderColdwellBanker };
+export declare function StylesProviderColdwellBanker(): JSX.Element | null;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/StylesProviderColdwellBanker/StylesProviderColdwellBanker.js

@@ -1,14 +1,14 @@
 import '../../styles/coldwell-banker.css.js';
-import '../../base.css.js';
+import '../../styles/base.css.js';
 /**
  * Utility to provide the Coldwell Banker styles to the application.
  *
  * @name StylesProviderColdwellBanker
+ * @phase Utility
+ * @generated
  */
-function StylesProviderColdwellBanker() {
+export function StylesProviderColdwellBanker() {
     return null;
 }
-StylesProviderColdwellBanker.bspkName = 'StylesProviderColdwellBanker';
-export { StylesProviderColdwellBanker };
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
 //# sourceMappingURL=StylesProviderColdwellBanker.js.map

package/dist/components/StylesProviderColdwellBanker/StylesProviderColdwellBanker.js.map

@@ -1 +1 @@
-{"version":3,"file":"StylesProviderColdwellBanker.js","sourceRoot":"","sources":["../../../src/components/StylesProviderColdwellBanker/StylesProviderColdwellBanker.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,iBAAiB,CAAC;AAEzB;;;;GAIG;AACH,SAAS,4BAA4B;IACjC,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,4BAA4B,CAAC,QAAQ,GAAG,8BAA8B,CAAC;AAEvE,OAAO,EAAE,4BAA4B,EAAE,CAAC;AAExC,sDAAsD"}
+{"version":3,"file":"StylesProviderColdwellBanker.js","sourceRoot":"","sources":["../../../src/components/StylesProviderColdwellBanker/StylesProviderColdwellBanker.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,oBAAoB,CAAC;AAE5B;;;;;;GAMG;AACH,MAAM,UAAU,4BAA4B;IACxC,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,sDAAsD"}

package/dist/components/StylesProviderCorcoran/StylesProviderCorcoran.d.ts

@@ -1,13 +1,11 @@
 import '@bspk/styles/corcoran.css';
-import '../../base.scss';
+import '-/styles/base.scss';
 /**
  * Utility to provide the Corcoran styles to the application.
  *
  * @name StylesProviderCorcoran
+ * @phase Utility
+ * @generated
  */
-declare function StylesProviderCorcoran(): JSX.Element | null;
-declare namespace StylesProviderCorcoran {
-    var bspkName: string;
-}
-export { StylesProviderCorcoran };
+export declare function StylesProviderCorcoran(): JSX.Element | null;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/StylesProviderCorcoran/StylesProviderCorcoran.js

@@ -1,14 +1,14 @@
 import '../../styles/corcoran.css.js';
-import '../../base.css.js';
+import '../../styles/base.css.js';
 /**
  * Utility to provide the Corcoran styles to the application.
  *
  * @name StylesProviderCorcoran
+ * @phase Utility
+ * @generated
  */
-function StylesProviderCorcoran() {
+export function StylesProviderCorcoran() {
     return null;
 }
-StylesProviderCorcoran.bspkName = 'StylesProviderCorcoran';
-export { StylesProviderCorcoran };
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
 //# sourceMappingURL=StylesProviderCorcoran.js.map

package/dist/components/StylesProviderCorcoran/StylesProviderCorcoran.js.map

@@ -1 +1 @@
-{"version":3,"file":"StylesProviderCorcoran.js","sourceRoot":"","sources":["../../../src/components/StylesProviderCorcoran/StylesProviderCorcoran.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,iBAAiB,CAAC;AAEzB;;;;GAIG;AACH,SAAS,sBAAsB;IAC3B,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,sBAAsB,CAAC,QAAQ,GAAG,wBAAwB,CAAC;AAE3D,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAElC,sDAAsD"}
+{"version":3,"file":"StylesProviderCorcoran.js","sourceRoot":"","sources":["../../../src/components/StylesProviderCorcoran/StylesProviderCorcoran.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,oBAAoB,CAAC;AAE5B;;;;;;GAMG;AACH,MAAM,UAAU,sBAAsB;IAClC,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,sDAAsD"}

package/dist/components/StylesProviderDemo/StylesProviderDemo.d.ts

@@ -0,0 +1,25 @@
+import { Brand } from '-/types/common';
+import '-/styles/base.scss';
+export type StylesProviderDemoProps = {
+    /**
+     * The current brand variant.
+     *
+     * @default anywhere
+     */
+    brand?: Brand;
+};
+/**
+ * Used only on the demo site to switch between different brands styles.
+ *
+ * @example
+ *     import { StylesProviderDemo } from '@bspk/ui/StylesProviderDemo';
+ *
+ *     function Example() {
+ *         return <StylesProviderDemo brand="anywhere" />;
+ *     }
+ *
+ * @name StylesProviderDemo
+ * @phase Utility
+ */
+export declare function StylesProviderDemo({ brand }: StylesProviderDemoProps): JSX.Element | null;
+/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/StylesProviderDemo/StylesProviderDemo.js

@@ -0,0 +1,35 @@
+import { useRef, useEffect } from 'react';
+import { BRANDS_CSS } from './brandsCss';
+import '../../styles/base.css.js';
+/**
+ * Used only on the demo site to switch between different brands styles.
+ *
+ * @example
+ *     import { StylesProviderDemo } from '@bspk/ui/StylesProviderDemo';
+ *
+ *     function Example() {
+ *         return <StylesProviderDemo brand="anywhere" />;
+ *     }
+ *
+ * @name StylesProviderDemo
+ * @phase Utility
+ */
+export function StylesProviderDemo({ brand = 'anywhere' }) {
+    const styleElement = useRef(null);
+    useEffect(() => {
+        if (!styleElement.current) {
+            styleElement.current = document.createElement('style');
+            document.head.appendChild(styleElement.current);
+        }
+        styleElement.current.textContent = (brand && BRANDS_CSS[brand]) || BRANDS_CSS.anywhere;
+        return () => {
+            if (!styleElement.current)
+                return;
+            document.head.removeChild(styleElement.current);
+            styleElement.current = null;
+        };
+    }, [brand]);
+    return null;
+}
+/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
+//# sourceMappingURL=StylesProviderDemo.js.map

package/dist/components/StylesProviderDemo/StylesProviderDemo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StylesProviderDemo.js","sourceRoot":"","sources":["../../../src/components/StylesProviderDemo/StylesProviderDemo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,oBAAoB,CAAC;AAW5B;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAAE,KAAK,GAAG,UAAU,EAA2B;IAC9E,MAAM,YAAY,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAE3D,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;YACxB,YAAY,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACvD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACpD,CAAC;QAED,YAAY,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC,IAAI,UAAU,CAAC,QAAQ,CAAC;QAEvF,OAAO,GAAG,EAAE;YACR,IAAI,CAAC,YAAY,CAAC,OAAO;gBAAE,OAAO;YAClC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YAChD,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;QAChC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,sDAAsD"}

package/dist/components/StylesProviderDemo/brandsCss.d.ts

@@ -0,0 +1,2 @@
+import { Brand } from '-/types/common';
+export declare const BRANDS_CSS: Record<Brand, string>;