@bspk/ui 1.1.31 → 1.1.33

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,77 @@
+import { ReactNode } from 'react';
+export type SkeletonProps = {
+    /**
+     * The variant of the skeleton that best hints the content being loaded.
+     *
+     * @default rectangular
+     */
+    variant?: 'circular' | 'photo' | 'profile' | 'rectangular' | 'thumbnail';
+    /**
+     * The width of the skeleton. This is ignored when variant is 'profile' or 'thumbnail'.
+     *
+     * @default 200
+     * @type number
+     */
+    width?: number | string;
+    /**
+     * The height of the skeleton. This is ignored when variant is 'profile' or 'thumbnail'.
+     *
+     * @default 100
+     * @type number
+     */
+    height?: number | string;
+    /**
+     * The content of the skeleton.
+     *
+     * When the value is undefined, null or false the skeleton will appear.
+     *
+     * If the value is provided, the skeleton will not appear and the content will be displayed instead.
+     */
+    children?: ReactNode | null;
+};
+/**
+ * A visual placeholder for an element while it is in a loading state.
+ *
+ * The data for your components might not be immediately available. You can improve the perceived responsiveness of the
+ * page by using skeletons. It feels like things are happening immediately, then the information is incrementally
+ * displayed on the screen.
+ *
+ * This component can be used to create skeletons for various types of content, such as images or profiles.
+ *
+ * You can use this component directly or use the specific use case components: SkeletonPhoto, SkeletonProfile,
+ * SkeletonRectangular, SkeletonText, SkeletonThumbnail, SkeletonCircular.
+ *
+ * @example
+ *     import { Skeleton } from '@bspk/ui/skeleton';
+ *
+ *     function Example(item: { title: string; src: string } | null) {
+ *         return (
+ *             <Skeleton variant="photo" width={210} height={118}>
+ *                 <img
+ *                     style={{
+ *                         width: 210,
+ *                         height: 118,
+ *                     }}
+ *                     alt={item.title}
+ *                     src={item.src}
+ *                 />
+ *             </Skeleton>
+ *         );
+ *     }
+ *
+ * @exampleDescription This example shows a skeleton loading state for an image but can be used for any element.
+ *
+ * @name Skeleton
+ * @phase DesignReview
+ */
+declare function Skeleton({ width, height, variant, children }: SkeletonProps): string | number | true | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element;
+declare namespace Skeleton {
+    var bspkName: string;
+}
+declare function SkeletonCircular(props: Pick<SkeletonProps, 'height' | 'width'>): import("react/jsx-runtime").JSX.Element;
+declare function SkeletonPhoto(props: Pick<SkeletonProps, 'height' | 'width'>): import("react/jsx-runtime").JSX.Element;
+declare function SkeletonProfile(props: Pick<SkeletonProps, 'height' | 'width'>): import("react/jsx-runtime").JSX.Element;
+declare function SkeletonRectangular(props: Pick<SkeletonProps, 'height' | 'width'>): import("react/jsx-runtime").JSX.Element;
+declare function SkeletonThumbnail(props: Pick<SkeletonProps, 'height' | 'width'>): import("react/jsx-runtime").JSX.Element;
+export { Skeleton, SkeletonCircular, SkeletonPhoto, SkeletonProfile, SkeletonRectangular, SkeletonThumbnail };
+/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/Skeleton/Skeleton.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cssWithVars } from '../../utils/cwv';
+/**
+ * A visual placeholder for an element while it is in a loading state.
+ *
+ * The data for your components might not be immediately available. You can improve the perceived responsiveness of the
+ * page by using skeletons. It feels like things are happening immediately, then the information is incrementally
+ * displayed on the screen.
+ *
+ * This component can be used to create skeletons for various types of content, such as images or profiles.
+ *
+ * You can use this component directly or use the specific use case components: SkeletonPhoto, SkeletonProfile,
+ * SkeletonRectangular, SkeletonText, SkeletonThumbnail, SkeletonCircular.
+ *
+ * @example
+ *     import { Skeleton } from '@bspk/ui/skeleton';
+ *
+ *     function Example(item: { title: string; src: string } | null) {
+ *         return (
+ *             <Skeleton variant="photo" width={210} height={118}>
+ *                 <img
+ *                     style={{
+ *                         width: 210,
+ *                         height: 118,
+ *                     }}
+ *                     alt={item.title}
+ *                     src={item.src}
+ *                 />
+ *             </Skeleton>
+ *         );
+ *     }
+ *
+ * @exampleDescription This example shows a skeleton loading state for an image but can be used for any element.
+ *
+ * @name Skeleton
+ * @phase DesignReview
+ */
+function Skeleton({ width = 100, height = 100, variant = 'rectangular', children = null }) {
+    return children !== null && children !== undefined && children !== false ? (children) : (_jsx("div", { "aria-busy": "true", "aria-label": "Loading", "data-bspk": "skeleton", "data-variant": variant, role: "status", style: cssWithVars({
+            '--height': typeof height === 'number' ? `${height}px` : height,
+            '--width': typeof width === 'number' ? `${width}px` : width,
+        }) }));
+}
+Skeleton.bspkName = 'Skeleton';
+function SkeletonCircular(props) {
+    return _jsx(Skeleton, { ...props, variant: "circular" });
+}
+function SkeletonPhoto(props) {
+    return _jsx(Skeleton, { ...props, variant: "photo" });
+}
+function SkeletonProfile(props) {
+    return _jsx(Skeleton, { ...props, variant: "profile" });
+}
+function SkeletonRectangular(props) {
+    return _jsx(Skeleton, { ...props, variant: "rectangular" });
+}
+function SkeletonThumbnail(props) {
+    return _jsx(Skeleton, { ...props, variant: "thumbnail" });
+}
+export { Skeleton, SkeletonCircular, SkeletonPhoto, SkeletonProfile, SkeletonRectangular, SkeletonThumbnail };
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAiC1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,SAAS,QAAQ,CAAC,EAAE,KAAK,GAAG,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,OAAO,GAAG,aAAa,EAAE,QAAQ,GAAG,IAAI,EAAiB;IACpG,OAAO,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,CACvE,QAAQ,CACX,CAAC,CAAC,CAAC,CACA,2BACc,MAAM,gBACL,SAAS,eACV,UAAU,kBACN,OAAO,EACrB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,WAAW,CAAC;YACf,UAAU,EAAE,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;YAC/D,SAAS,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK;SAC9D,CAAC,GACJ,CACL,CAAC;AACN,CAAC;AAED,QAAQ,CAAC,QAAQ,GAAG,UAAU,CAAC;AAE/B,SAAS,gBAAgB,CAAC,KAA8C;IACpE,OAAO,KAAC,QAAQ,OAAK,KAAK,EAAE,OAAO,EAAC,UAAU,GAAG,CAAC;AACtD,CAAC;AAED,SAAS,aAAa,CAAC,KAA8C;IACjE,OAAO,KAAC,QAAQ,OAAK,KAAK,EAAE,OAAO,EAAC,OAAO,GAAG,CAAC;AACnD,CAAC;AAED,SAAS,eAAe,CAAC,KAA8C;IACnE,OAAO,KAAC,QAAQ,OAAK,KAAK,EAAE,OAAO,EAAC,SAAS,GAAG,CAAC;AACrD,CAAC;AAED,SAAS,mBAAmB,CAAC,KAA8C;IACvE,OAAO,KAAC,QAAQ,OAAK,KAAK,EAAE,OAAO,EAAC,aAAa,GAAG,CAAC;AACzD,CAAC;AAED,SAAS,iBAAiB,CAAC,KAA8C;IACrE,OAAO,KAAC,QAAQ,OAAK,KAAK,EAAE,OAAO,EAAC,WAAW,GAAG,CAAC;AACvD,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,aAAa,EAAE,eAAe,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/Skeleton/SkeletonExample.d.ts

@@ -0,0 +1,3 @@
+import { ComponentExample } from '../../utils/demo';
+import { SkeletonProps } from '.';
+export declare const SkeletonExample: ComponentExample<SkeletonProps>;

package/dist/components/Skeleton/SkeletonExample.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @cspell/spellchecker */ import { useState, useEffect } from 'react';
+import { Avatar } from '../Avatar';
+import { ExamplePlaceholder } from '../ExamplePlaceholder';
+import { useTimeout } from '../../hooks/useTimeout';
+export const SkeletonExample = {
+    render: ({ props, preset, Component }) => {
+        if (preset?.label === 'Loading Transition')
+            return _jsx(SkeletonTransition, { ...props, Component: Component });
+        return _jsx(Component, { ...props });
+    },
+    presets: [
+        {
+            label: 'Loading Transition',
+            propState: {
+                width: '100px',
+                height: '100px',
+            },
+        },
+    ],
+};
+function SkeletonTransition({ Component, ...props }) {
+    const loadingTimeout = useTimeout();
+    const [loaded, setLoaded] = useState(false);
+    useEffect(() => {
+        setLoaded(false);
+        loadingTimeout.set(() => setLoaded(true), 3000);
+    }, [loadingTimeout, props.variant]);
+    return (_jsx(Component, { ...props, children: loaded && (_jsxs(_Fragment, { children: [props.variant === 'rectangular' && (_jsx(ExamplePlaceholder, { height: props.height, width: props.width })), props.variant === 'circular' && (_jsx(ExamplePlaceholder, { height: props.height, style: { borderRadius: '100%' }, width: props.width })), props.variant === 'photo' && (_jsx(ExamplePlaceholder, { height: props.height, width: props.width, children: "Loaded" })), props.variant === 'profile' && _jsx(Avatar, { color: "red", name: "Bob Boberson" }), props.variant === 'thumbnail' && _jsx(ExamplePlaceholder, { height: props.height, width: props.width })] })) }));
+}
+//# sourceMappingURL=SkeletonExample.js.map

package/dist/components/Skeleton/SkeletonExample.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonExample.js","sourceRoot":"","sources":["../../../src/components/Skeleton/SkeletonExample.tsx"],"names":[],"mappings":";AAAA,yCAAyC,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAKhD,MAAM,CAAC,MAAM,eAAe,GAAoC;IAC5D,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE;QACrC,IAAI,MAAM,EAAE,KAAK,KAAK,oBAAoB;YAAE,OAAO,KAAC,kBAAkB,OAAK,KAAK,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;QAC3G,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;IACpC,CAAC;IACD,OAAO,EAAE;QACL;YACI,KAAK,EAAE,oBAAoB;YAC3B,SAAS,EAAE;gBACP,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE,OAAO;aAClB;SACJ;KACJ;CACJ,CAAC;AAEF,SAAS,kBAAkB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACwD;IAChE,MAAM,cAAc,GAAG,UAAU,EAAE,CAAC;IACpC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,SAAS,CAAC,GAAG,EAAE;QACX,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,cAAc,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpC,OAAO,CACH,KAAC,SAAS,OAAK,KAAK,YACf,MAAM,IAAI,CACP,8BACK,KAAK,CAAC,OAAO,KAAK,aAAa,IAAI,CAChC,KAAC,kBAAkB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CACnE,EACA,KAAK,CAAC,OAAO,KAAK,UAAU,IAAI,CAC7B,KAAC,kBAAkB,IACf,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,EAC/B,KAAK,EAAE,KAAK,CAAC,KAAK,GACpB,CACL,EACA,KAAK,CAAC,OAAO,KAAK,OAAO,IAAI,CAC1B,KAAC,kBAAkB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,uBAEvC,CACxB,EACA,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,KAAC,MAAM,IAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,cAAc,GAAG,EACzE,KAAK,CAAC,OAAO,KAAK,WAAW,IAAI,KAAC,kBAAkB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,IACnG,CACN,GACO,CACf,CAAC;AACN,CAAC"}

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

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

package/dist/components/Skeleton/index.js

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

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

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

package/dist/components/SkeletonText/SkeletonText.d.ts

@@ -0,0 +1,52 @@
+import { ReactNode } from 'react';
+import { TxtVariant } from '../../utils/txtVariants';
+export type SkeletonTextProps = {
+    /**
+     * The variant of the text being loaded.
+     *
+     * @default body-base
+     */
+    variant?: TxtVariant;
+    /**
+     * The number of lines showing.
+     *
+     * @default 3
+     * @minimum 1
+     */
+    lines?: number;
+    /**
+     * The content of the skeleton.
+     *
+     * When the value is undefined, null or false the skeleton will appear.
+     *
+     * If the value is provided, the skeleton will not appear and the content will be displayed instead.
+     */
+    children?: ReactNode | null;
+};
+/**
+ * A visual placeholder for an text while it is in a loading state.
+ *
+ * @example
+ *     import { SkeletonText } from '@bspk/ui/SkeletonText';
+ *
+ *     function Example(item: { content: string } | null) {
+ *         return (
+ *             <SkeletonText textLines={1} textVariant="body-base">
+ *                 <Txt as="p" variant="body-base">
+ *                     {item?.content}
+ *                 </Txt>
+ *             </SkeletonText>
+ *         );
+ *     }
+ *
+ * @exampleDescription This example shows a skeleton loading state for some text but can be used for any element.
+ *
+ * @name SkeletonText
+ * @phase DesignReview
+ */
+declare function SkeletonText({ lines, variant, children }: SkeletonTextProps): string | number | true | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element;
+declare namespace SkeletonText {
+    var bspkName: string;
+}
+export { SkeletonText };
+/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/SkeletonText/SkeletonText.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cssWithVars } from '../../utils/cwv';
+/**
+ * A visual placeholder for an text while it is in a loading state.
+ *
+ * @example
+ *     import { SkeletonText } from '@bspk/ui/SkeletonText';
+ *
+ *     function Example(item: { content: string } | null) {
+ *         return (
+ *             <SkeletonText textLines={1} textVariant="body-base">
+ *                 <Txt as="p" variant="body-base">
+ *                     {item?.content}
+ *                 </Txt>
+ *             </SkeletonText>
+ *         );
+ *     }
+ *
+ * @exampleDescription This example shows a skeleton loading state for some text but can be used for any element.
+ *
+ * @name SkeletonText
+ * @phase DesignReview
+ */
+function SkeletonText({ lines = 3, variant, children = null }) {
+    return children !== null && children !== undefined && children !== false ? (children) : (_jsx("div", { "aria-busy": "true", "aria-label": "Loading", "data-bspk": "skeleton-text", role: "status", style: cssWithVars({
+            '--text-height': `var(--${variant}-size)`,
+            '--text-margin': `calc(var(--${variant}-line-height) - var(--${variant}-size))`,
+        }), children: [...Array(Math.max(1, lines || 0))].map((_, index) => (_jsx("div", { "data-line": true }, index))) }));
+}
+SkeletonText.bspkName = 'SkeletonText';
+export { SkeletonText };
+//# sourceMappingURL=SkeletonText.js.map

package/dist/components/SkeletonText/SkeletonText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonText.js","sourceRoot":"","sources":["../../../src/components/SkeletonText/SkeletonText.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AA2B1C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,SAAS,YAAY,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAG,IAAI,EAAqB;IAC5E,OAAO,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,CACvE,QAAQ,CACX,CAAC,CAAC,CAAC,CACA,2BACc,MAAM,gBACL,SAAS,eACV,eAAe,EACzB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,WAAW,CAAC;YACf,eAAe,EAAE,SAAS,OAAO,QAAQ;YACzC,eAAe,EAAE,cAAc,OAAO,yBAAyB,OAAO,SAAS;SAClF,CAAC,YAED,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACnD,mCAAoB,KAAK,CAAI,CAChC,CAAC,GACA,CACT,CAAC;AACN,CAAC;AAED,YAAY,CAAC,QAAQ,GAAG,cAAc,CAAC;AAEvC,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/SkeletonText/SkeletonTextExample.d.ts

@@ -0,0 +1,3 @@
+import { ComponentExample } from '../../utils/demo';
+import { SkeletonTextProps } from '.';
+export declare const SkeletonTextExample: ComponentExample<SkeletonTextProps>;

package/dist/components/SkeletonText/SkeletonTextExample.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable @cspell/spellchecker */ import { useState, useEffect } from 'react';
+import { useTimeout } from '../../hooks/useTimeout';
+export const SkeletonTextExample = {
+    render: ({ props, preset, Component }) => {
+        if (preset?.label === 'Loading Transition')
+            return _jsx(SkeletonTextTransition, { ...props, Component: Component });
+        return _jsx(Component, { ...props });
+    },
+    presets: [
+        {
+            label: 'Loading Transition',
+            propState: {
+                variant: 'body-base',
+                lines: 3,
+            },
+        },
+    ],
+};
+function SkeletonTextTransition({ Component, ...props }) {
+    const loadingTimeout = useTimeout();
+    const [loaded, setLoaded] = useState(false);
+    useEffect(() => {
+        loadingTimeout.set(() => setLoaded(true), 3000);
+    }, [loadingTimeout]);
+    return (_jsx(Component, { ...props, children: loaded && (_jsx("p", { children: "Synergestic actionables turn the ship, or vertical integration, offerings locked and loaded, so get buy-in." })) }));
+}
+//# sourceMappingURL=SkeletonTextExample.js.map

package/dist/components/SkeletonText/SkeletonTextExample.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonTextExample.js","sourceRoot":"","sources":["../../../src/components/SkeletonText/SkeletonTextExample.tsx"],"names":[],"mappings":";AAAA,yCAAyC,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtF,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAKhD,MAAM,CAAC,MAAM,mBAAmB,GAAwC;IACpE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE;QACrC,IAAI,MAAM,EAAE,KAAK,KAAK,oBAAoB;YAAE,OAAO,KAAC,sBAAsB,OAAK,KAAK,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;QAC/G,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;IACpC,CAAC;IACD,OAAO,EAAE;QACL;YACI,KAAK,EAAE,oBAAoB;YAC3B,SAAS,EAAE;gBACP,OAAO,EAAE,WAAW;gBACpB,KAAK,EAAE,CAAC;aACX;SACJ;KACJ;CACJ,CAAC;AAEF,SAAS,sBAAsB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EAGX;IACG,MAAM,cAAc,GAAG,UAAU,EAAE,CAAC;IACpC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,SAAS,CAAC,GAAG,EAAE;QACX,cAAc,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IACrB,OAAO,CACH,KAAC,SAAS,OAAK,KAAK,YACf,MAAM,IAAI,CACP,sIAGI,CACP,GACO,CACf,CAAC;AACN,CAAC"}

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

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

package/dist/components/SkeletonText/index.js

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

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

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

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

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

package/dist/components/StylesProviderAnywhere/StylesProviderAnywhere.js

@@ -0,0 +1,14 @@
+import '../../styles/anywhere.css.js';
+import '../../base.css.js';
+/**
+ * Utility to provide the Anywhere styles to the application.
+ *
+ * @name StylesProviderAnywhere
+ */
+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

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

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

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

package/dist/components/StylesProviderAnywhere/index.js

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

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

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

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

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

package/dist/components/StylesProviderBetterHomesGardens/StylesProviderBetterHomesGardens.js

@@ -0,0 +1,14 @@
+import '../../styles/better-homes-gardens.css.js';
+import '../../base.css.js';
+/**
+ * Utility to provide the Better Homes & Gardens styles to the application.
+ *
+ * @name StylesProviderBetterHomesGardens
+ */
+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

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

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

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

package/dist/components/StylesProviderBetterHomesGardens/index.js

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

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

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

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

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

package/dist/components/StylesProviderCartus/StylesProviderCartus.js

@@ -0,0 +1,14 @@
+import '../../styles/cartus.css.js';
+import '../../base.css.js';
+/**
+ * Utility to provide the Cartus styles to the application.
+ *
+ * @name StylesProviderCartus
+ */
+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

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

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

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

package/dist/components/StylesProviderCartus/index.js

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

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

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

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

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

package/dist/components/StylesProviderCentury21/StylesProviderCentury21.js

@@ -0,0 +1,14 @@
+import '../../styles/century-21.css.js';
+import '../../base.css.js';
+/**
+ * Utility to provide the Century 21 styles to the application.
+ *
+ * @name StylesProviderCentury21
+ */
+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

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

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

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

package/dist/components/StylesProviderCentury21/index.js

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

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

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

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

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

package/dist/components/StylesProviderColdwellBanker/StylesProviderColdwellBanker.js

@@ -0,0 +1,14 @@
+import '../../styles/coldwell-banker.css.js';
+import '../../base.css.js';
+/**
+ * Utility to provide the Coldwell Banker styles to the application.
+ *
+ * @name StylesProviderColdwellBanker
+ */
+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

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

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

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

package/dist/components/StylesProviderColdwellBanker/index.js

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

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

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

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

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

package/dist/components/StylesProviderCorcoran/StylesProviderCorcoran.js

@@ -0,0 +1,14 @@
+import '../../styles/corcoran.css.js';
+import '../../base.css.js';
+/**
+ * Utility to provide the Corcoran styles to the application.
+ *
+ * @name StylesProviderCorcoran
+ */
+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

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

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

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

package/dist/components/StylesProviderCorcoran/index.js

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

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

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

package/dist/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.d.ts

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