@bspk/ui 1.1.34 → 1.2.0

package/tsconfig.json

@@ -4,7 +4,7 @@
         "target": "ES2020",
         "lib": [
             "es5",
-            "dom",
+            "dom"
         ],
         "jsx": "react-jsx",
         "moduleResolution": "node",
@@ -32,14 +32,21 @@
             "-/utils/*": [
                 "./src/utils/*"
             ],
-            "-": [
-                "./src/index.ts"
+            "-/types/*": [
+                "./src/types/*"
             ],
+            "-/constants/*": [
+                "./src/constants/*"
+            ]
         },
-        "moduleDetection": "auto",
+        "moduleDetection": "auto"
     },
+    "typeRoots": [
+        "./node_modules/@types",
+        "./types"
+    ],
     "include": [
-        "src/**/*",
+        "src/**/*"
     ],
     "exclude": [
         "node_modules",

package/dist/components/Chip/Chip.d.ts

@@ -1,64 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-import { CommonProps } from '../../index.js';
-import './chip.scss';
-export type ChipProps = CommonProps<'disabled'> & {
-    /**
-     * The content of the chip.
-     *
-     * @required
-     */
-    children: ReactNode | string;
-    /**
-     * Whether the chip should wrap its content.
-     *
-     * (Not recommended)
-     *
-     * @default false
-     */
-    wrap?: boolean;
-    /**
-     * The variant of the chip.
-     *
-     * @default filter
-     */
-    variant?: 'filter';
-    /**
-     * Is the chip elevated or flat. If flat the drop shadow is removed.
-     *
-     * @default false
-     */
-    flat?: boolean;
-    /**
-     * Whether the chip is currently selected.
-     *
-     * @default false
-     */
-    selected?: boolean;
-    /** The style of the chip. */
-    style?: CSSProperties;
-    /** The function to call when the chip is clicked. */
-    onClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
-};
-/**
- * Dynamically generated options that are suggested to the user as responses or prompts.
- *
- * @example
- *     import { Chip } from '@bspk/ui/Chip';
- *
- *     function Example() {
- *         return (
- *             <Chip variant="filter" onClick={() => console.log('Chip clicked!')}>
- *                 Example Chip
- *             </Chip>
- *         );
- *     }
- *
- * @name Chip
- * @phase DesignReview
- */
-declare function Chip({ children, wrap, variant, flat, disabled, selected, onClick, style: styleProp, }: ChipProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Chip {
-    var bspkName: string;
-}
-export { Chip };
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/Chip/Chip.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import './chip.css.js';
-/**
- * Dynamically generated options that are suggested to the user as responses or prompts.
- *
- * @example
- *     import { Chip } from '@bspk/ui/Chip';
- *
- *     function Example() {
- *         return (
- *             <Chip variant="filter" onClick={() => console.log('Chip clicked!')}>
- *                 Example Chip
- *             </Chip>
- *         );
- *     }
- *
- * @name Chip
- * @phase DesignReview
- */
-function Chip({ children = '', wrap = false, variant = 'filter', flat = false, disabled = false, selected = false, onClick, style: styleProp, }) {
-    let additionalProps = {};
-    if (variant === 'filter') {
-        additionalProps = {
-            onClick,
-            role: 'button',
-            tabIndex: 0,
-        };
-    }
-    return (_jsx("span", { "data-bspk": "chip", "data-disabled": disabled || undefined, "data-flat": flat || undefined, "data-selected": selected || undefined, "data-variant": variant, "data-wrap": wrap || undefined, style: styleProp, ...additionalProps, children: children }));
-}
-Chip.bspkName = 'Chip';
-export { Chip };
-//# sourceMappingURL=Chip.js.map

package/dist/components/Chip/Chip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":";AAIA,OAAO,aAAa,CAAC;AA0CrB;;;;;;;;;;;;;;;;GAgBG;AACH,SAAS,IAAI,CAAC,EACV,QAAQ,GAAG,EAAE,EACb,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,QAAQ,EAClB,IAAI,GAAG,KAAK,EACZ,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,KAAK,EAAE,SAAS,GACR;IACR,IAAI,eAAe,GAAG,EAAE,CAAC;IAEzB,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QACvB,eAAe,GAAG;YACd,OAAO;YACP,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,CAAC;SACd,CAAC;IACN,CAAC;IAED,OAAO,CACH,4BACc,MAAM,mBACD,QAAQ,IAAI,SAAS,eACzB,IAAI,IAAI,SAAS,mBACb,QAAQ,IAAI,SAAS,kBACtB,OAAO,eACV,IAAI,IAAI,SAAS,EAC5B,KAAK,EAAE,SAAS,KACZ,eAAe,YAElB,QAAQ,GACN,CACV,CAAC;AACN,CAAC;AAED,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC;AAEvB,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/Chip/chip.css

@@ -1,44 +0,0 @@
-[data-bspk=chip] {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  width: fit-content;
-  height: var(--spacing-sizing-06);
-  padding: 0 var(--spacing-sizing-02);
-  font: var(--labels-small);
-  color: var(--foreground-neutral-on-surface-variant-01);
-  background-color: var(--surface-neutral-t1-base);
-  border: 1px solid var(--stroke-neutral-low);
-  border-radius: var(--radius-sm);
-}
-[data-bspk=chip]:not([data-flat]) {
-  box-shadow: var(--drop-shadow-raise);
-}
-[data-bspk=chip][data-variant=filter] {
-  cursor: pointer;
-}
-[data-bspk=chip][data-wrap] {
-  height: auto;
-}
-[data-bspk=chip][data-disabled] {
-  color: var(--foreground-neutral-disabled-on-surface);
-  cursor: not-allowed;
-  border-color: var(--stroke-neutral-disabled-light);
-  background-image: linear-gradient(var(--interactions-disabled-opacity), var(--interactions-disabled-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base));
-}
-[data-bspk=chip]:not([data-disabled]):hover {
-  background-image: linear-gradient(var(--interactions-neutral-hover-opacity), var(--interactions-neutral-hover-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base));
-}
-[data-bspk=chip]:not([data-disabled]):active {
-  background-image: linear-gradient(var(--interactions-neutral-press-opacity), var(--interactions-neutral-press-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base));
-}
-[data-bspk=chip]:not([data-disabled]):focus {
-  outline: 1px solid var(--stroke-neutral-focus);
-  border-color: var(--stroke-neutral-focus);
-}
-[data-bspk=chip][data-selected] {
-  background-color: var(--surface-brand-primary-highlight);
-  border-color: var(--stroke-brand-primary);
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/Chip/chip.css.js

@@ -1,50 +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=chip] {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  width: fit-content;
-  height: var(--spacing-sizing-06);
-  padding: 0 var(--spacing-sizing-02);
-  font: var(--labels-small);
-  color: var(--foreground-neutral-on-surface-variant-01);
-  background-color: var(--surface-neutral-t1-base);
-  border: 1px solid var(--stroke-neutral-low);
-  border-radius: var(--radius-sm);
-}
-[data-bspk=chip]:not([data-flat]) {
-  box-shadow: var(--drop-shadow-raise);
-}
-[data-bspk=chip][data-variant=filter] {
-  cursor: pointer;
-}
-[data-bspk=chip][data-wrap] {
-  height: auto;
-}
-[data-bspk=chip][data-disabled] {
-  color: var(--foreground-neutral-disabled-on-surface);
-  cursor: not-allowed;
-  border-color: var(--stroke-neutral-disabled-light);
-  background-image: linear-gradient(var(--interactions-disabled-opacity), var(--interactions-disabled-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base));
-}
-[data-bspk=chip]:not([data-disabled]):hover {
-  background-image: linear-gradient(var(--interactions-neutral-hover-opacity), var(--interactions-neutral-hover-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base));
-}
-[data-bspk=chip]:not([data-disabled]):active {
-  background-image: linear-gradient(var(--interactions-neutral-press-opacity), var(--interactions-neutral-press-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base));
-}
-[data-bspk=chip]:not([data-disabled]):focus {
-  outline: 1px solid var(--stroke-neutral-focus);
-  border-color: var(--stroke-neutral-focus);
-}
-[data-bspk=chip][data-selected] {
-  background-color: var(--surface-brand-primary-highlight);
-  border-color: var(--stroke-brand-primary);
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
-`));
-document.head.appendChild(style);
-

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

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

package/dist/components/Chip/index.js

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

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

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

package/dist/hooks/useOptionIconsInvalid.d.ts

@@ -1,36 +0,0 @@
-/**
- * A utility hook used within navigation components. Returns true if the icons are invalid.
- *
- * @param options [NavOption[]] The options to display. Each option has an optional leading icon.
- * @returns {boolean} True if the icons are invalid.
- */
-export declare function useOptionIconsInvalid<T extends NavOption>(options: T[] | undefined): boolean;
-export type NavOption = {
-    /**
-     * The label of the option. This is the text that will be displayed on the option.
-     *
-     * @required
-     */
-    label: string;
-    /**
-     * Determines if the element is [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled).
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /** The value of the option. If not provided, the label will be used as the value. */
-    value?: string;
-    /**
-     * The the icon to display before the label.
-     *
-     * @type BspkIcon
-     */
-    icon?: React.ReactNode;
-    /**
-     * The icon to display before the label when the option is active.
-     *
-     * @type BspkIcon
-     */
-    iconActive?: React.ReactNode;
-};
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/hooks/useOptionIconsInvalid.js

@@ -1,21 +0,0 @@
-import { useMemo } from 'react';
-import { isValidIcon } from '../utils/children';
-import { useErrorLogger } from '../utils/errors';
-/**
- * A utility hook used within navigation components. Returns true if the icons are invalid.
- *
- * @param options [NavOption[]] The options to display. Each option has an optional leading icon.
- * @returns {boolean} True if the icons are invalid.
- */
-export function useOptionIconsInvalid(options) {
-    const { logError } = useErrorLogger();
-    return useMemo(() => {
-        if (!options || !Array.isArray(options))
-            return true;
-        const iconsInvalid = options.some((o) => o.icon) && !options.every((option) => isValidIcon(option.icon));
-        logError(iconsInvalid, 'useNavOptions - Every option either must have a valid icon or none at all. All icons removed.');
-        return iconsInvalid;
-    }, [logError, options]);
-}
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
-//# sourceMappingURL=useOptionIconsInvalid.js.map

package/dist/hooks/useOptionIconsInvalid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOptionIconsInvalid.js","sourceRoot":"","sources":["../../src/hooks/useOptionIconsInvalid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CAAsB,OAAwB;IAC/E,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IAEtC,OAAO,OAAO,CAAC,GAAG,EAAE;QAChB,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC;YAAE,OAAO,IAAI,CAAC;QAErD,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAEzG,QAAQ,CACJ,YAAY,EACZ,+FAA+F,CAClG,CAAC;QAEF,OAAO,YAAY,CAAC;IACxB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;AAC5B,CAAC;AA+BD,sDAAsD"}

package/dist/hooks/useValidChildren.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-export declare function useValidChildren(componentNme: string, children: ReactNode, ariaLabel: string | undefined, override?: boolean): {
-    icon?: ReactNode | undefined;
-    label?: ReactNode | undefined;
-};
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/hooks/useValidChildren.js

@@ -1,30 +0,0 @@
-import { useMemo } from 'react';
-import { getChildrenElements } from '../utils/children';
-import { useErrorLogger } from '../utils/errors';
-const VALID_CHILDREN = ['Icon', 'string'];
-export function useValidChildren(componentNme, children, ariaLabel, override) {
-    const { logError } = useErrorLogger();
-    return useMemo(() => {
-        if (override)
-            return { icon: undefined, label: undefined };
-        let icon;
-        let label;
-        const childrenArray = getChildrenElements(children);
-        logError(childrenArray.length > 2, `${componentNme} - component only accepts two children, ${childrenArray.length} were provided`);
-        childrenArray.forEach(({ child, name }) => {
-            const valid = VALID_CHILDREN.includes(name);
-            logError(!valid, `${componentNme} -  component only accepts two children, and Icon and string`);
-            if (valid) {
-                if (name === 'string')
-                    label = child;
-                if (name === 'Icon')
-                    icon = child;
-            }
-        });
-        logError(!icon && !label, `${componentNme} - component requires at least one child, an icon or a label`);
-        logError(!!icon && !label && !ariaLabel, `${componentNme} - component requires the aria-label property when only an icon is provided`);
-        return { icon, label };
-    }, [override, children, logError, componentNme, ariaLabel]);
-}
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
-//# sourceMappingURL=useValidChildren.js.map

package/dist/hooks/useValidChildren.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useValidChildren.js","sourceRoot":"","sources":["../../src/hooks/useValidChildren.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAE1C,MAAM,UAAU,gBAAgB,CAC5B,YAAoB,EACpB,QAAmB,EACnB,SAA6B,EAC7B,QAAkB;IAKlB,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IAEtC,OAAO,OAAO,CAAC,GAAG,EAAE;QAChB,IAAI,QAAQ;YAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;QAE3D,IAAI,IAA2B,CAAC;QAChC,IAAI,KAAgB,CAAC;QAErB,MAAM,aAAa,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;QAEpD,QAAQ,CACJ,aAAa,CAAC,MAAM,GAAG,CAAC,EACxB,GAAG,YAAY,2CAA2C,aAAa,CAAC,MAAM,gBAAgB,CACjG,CAAC;QAEF,aAAa,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;YACtC,MAAM,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAE5C,QAAQ,CAAC,CAAC,KAAK,EAAE,GAAG,YAAY,8DAA8D,CAAC,CAAC;YAEhG,IAAI,KAAK,EAAE,CAAC;gBACR,IAAI,IAAI,KAAK,QAAQ;oBAAE,KAAK,GAAG,KAAK,CAAC;gBACrC,IAAI,IAAI,KAAK,MAAM;oBAAE,IAAI,GAAG,KAAK,CAAC;YACtC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,GAAG,YAAY,8DAA8D,CAAC,CAAC;QAEzG,QAAQ,CACJ,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,EAC9B,GAAG,YAAY,6EAA6E,CAC/F,CAAC;QAEF,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;IAC3B,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC;AAChE,CAAC;AAED,sDAAsD"}

package/dist/utils/children.d.ts

@@ -1,29 +0,0 @@
-import { ReactNode } from 'react';
-export declare function isValidIcon(child: unknown): boolean;
-export declare function getChildName(child: unknown): string;
-export declare function getChildTypeName(child: unknown): string;
-export declare function isChildNamed(child: unknown, name: string): boolean;
-export declare function isReactFragment(node: unknown): node is ReactNode;
-/**
- * Convert children to a flat array of children elements, removing any fragment wrappers in the process.
- *
- * @param children The children to convert to an array.
- * @param ignoreParent If true, ignore parent elements and only return the children
- */
-export declare function childrenToArray(children: ReactNode): ReactNode[];
-export type ChildElement = {
-    child: ReactNode;
-    name: string;
-} | {
-    child: string;
-    name: string;
-};
-/**
- * Get the children of a component as an array of objects with the child and the name of the child.
- *
- * Filter out unknown empty strings or non-truthy children other than zeros.
- *
- * @param children The children to get the elements from.
- */
-export declare function getChildrenElements(children: ReactNode): ChildElement[];
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/utils/children.js

@@ -1,67 +0,0 @@
-import { Children, Fragment, isValidElement } from 'react';
-export function isValidIcon(child) {
-    return isChildNamed(child, 'Icon');
-}
-export function getChildName(child) {
-    if (!child)
-        return '';
-    const typeChild = typeof child;
-    if (['string', 'number', 'boolean', 'bigint'].includes(typeChild))
-        return typeChild;
-    return (isValidElement(child) ? child.type?.bspkName : '') || '';
-}
-export function getChildTypeName(child) {
-    if (!child)
-        return '';
-    const typeChild = typeof child;
-    if (['string', 'number', 'boolean', 'bigint'].includes(typeChild))
-        return typeChild;
-    if (isValidElement(child)) {
-        if (typeof child.type === 'string')
-            return child.type;
-        return child.type.name || '';
-    }
-    return '';
-}
-export function isChildNamed(child, name) {
-    return getChildName(child) === name;
-}
-export function isReactFragment(node) {
-    return isValidElement(node) && node.type === Fragment;
-}
-/**
- * Convert children to a flat array of children elements, removing any fragment wrappers in the process.
- *
- * @param children The children to convert to an array.
- * @param ignoreParent If true, ignore parent elements and only return the children
- */
-export function childrenToArray(children) {
-    return Children.toArray(children).flatMap((child) => {
-        if (isValidElement(child)) {
-            if (isReactFragment(child) && child.props.children)
-                return childrenToArray(child.props.children);
-            return child;
-        }
-        if (Array.isArray(child))
-            return childrenToArray(child);
-        if (child !== null && child !== undefined)
-            return child;
-        return [];
-    }, []);
-}
-/**
- * Get the children of a component as an array of objects with the child and the name of the child.
- *
- * Filter out unknown empty strings or non-truthy children other than zeros.
- *
- * @param children The children to get the elements from.
- */
-export function getChildrenElements(children) {
-    return (Array.isArray(children) ? children : childrenToArray(children))
-        .filter((child) => {
-        return (typeof child === 'string' && child.trim() !== '') || child === 0 || child;
-    })
-        .map((child) => ({ child, name: getChildName(child) }));
-}
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
-//# sourceMappingURL=children.js.map

package/dist/utils/children.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"children.js","sourceRoot":"","sources":["../../src/utils/children.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtE,MAAM,UAAU,WAAW,CAAC,KAAc;IACtC,OAAO,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AACvC,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,KAAc;IACvC,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAC;IAEtB,MAAM,SAAS,GAAG,OAAO,KAAK,CAAC;IAC/B,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC;QAAE,OAAO,SAAS,CAAC;IACpF,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,KAAK,CAAC,IAA8B,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;AAChG,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,KAAc;IAC3C,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAC;IACtB,MAAM,SAAS,GAAG,OAAO,KAAK,CAAC;IAE/B,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC;QAAE,OAAO,SAAS,CAAC;IAEpF,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QACxB,IAAI,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ;YAAE,OAAO,KAAK,CAAC,IAAI,CAAC;QACtD,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;IACjC,CAAC;IAED,OAAO,EAAE,CAAC;AACd,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,KAAc,EAAE,IAAY;IACrD,OAAO,YAAY,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;AACxC,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,IAAa;IACzC,OAAO,cAAc,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC;AAC1D,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAC,QAAmB;IAC/C,OAAO,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;QAChD,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;YACxB,IAAI,eAAe,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,QAAQ;gBAAE,OAAO,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YACjG,OAAO,KAAK,CAAC;QACjB,CAAC;QACD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;YAAE,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;QACxD,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO,KAAK,CAAC;QACxD,OAAO,EAAE,CAAC;IACd,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC;AAYD;;;;;;GAMG;AACH,MAAM,UAAU,mBAAmB,CAAC,QAAmB;IACnD,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;SAClE,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;QACd,OAAO,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,KAAK,CAAC;IACtF,CAAC,CAAC;SACD,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;AAChE,CAAC;AAED,sDAAsD"}

package/dist/utils/srOnly.d.ts

@@ -1,14 +0,0 @@
-/**
- * This function returns an object with a `data-sr-only` attribute if the `hide` parameter is true.
- *
- * This is useful for hiding content visually but keeping it accessible to screen readers.
- *
- * @param hide
- * @returns An object with a `data-sr-only` attribute if the `hide` parameter is true
- */
-export declare function srOnly(hide: unknown): {
-    'data-sr-only': boolean;
-} | {
-    'data-sr-only'?: undefined;
-};
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/utils/srOnly.js

@@ -1,13 +0,0 @@
-/**
- * This function returns an object with a `data-sr-only` attribute if the `hide` parameter is true.
- *
- * This is useful for hiding content visually but keeping it accessible to screen readers.
- *
- * @param hide
- * @returns An object with a `data-sr-only` attribute if the `hide` parameter is true
- */
-export function srOnly(hide) {
-    return hide ? { 'data-sr-only': true } : {};
-}
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
-//# sourceMappingURL=srOnly.js.map

package/dist/utils/srOnly.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"srOnly.js","sourceRoot":"","sources":["../../src/utils/srOnly.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,MAAM,UAAU,MAAM,CAAC,IAAa;IAChC,OAAO,IAAI,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;AAChD,CAAC;AAED,sDAAsD"}

package/src/components/Chip/Chip.tsx

@@ -1,104 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-
-import { CommonProps } from '-';
-
-import './chip.scss';
-
-export type ChipProps = CommonProps<'disabled'> & {
-    /**
-     * The content of the chip.
-     *
-     * @required
-     */
-    children: ReactNode | string;
-    /**
-     * Whether the chip should wrap its content.
-     *
-     * (Not recommended)
-     *
-     * @default false
-     */
-    wrap?: boolean;
-    /**
-     * The variant of the chip.
-     *
-     * @default filter
-     */
-    variant?: 'filter';
-    /**
-     * Is the chip elevated or flat. If flat the drop shadow is removed.
-     *
-     * @default false
-     */
-    flat?: boolean;
-
-    /**
-     * Whether the chip is currently selected.
-     *
-     * @default false
-     */
-    selected?: boolean;
-    /** The style of the chip. */
-    style?: CSSProperties;
-    /** The function to call when the chip is clicked. */
-    onClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
-};
-
-/**
- * Dynamically generated options that are suggested to the user as responses or prompts.
- *
- * @example
- *     import { Chip } from '@bspk/ui/Chip';
- *
- *     function Example() {
- *         return (
- *             <Chip variant="filter" onClick={() => console.log('Chip clicked!')}>
- *                 Example Chip
- *             </Chip>
- *         );
- *     }
- *
- * @name Chip
- * @phase DesignReview
- */
-function Chip({
-    children = '',
-    wrap = false,
-    variant = 'filter',
-    flat = false,
-    disabled = false,
-    selected = false,
-    onClick,
-    style: styleProp,
-}: ChipProps) {
-    let additionalProps = {};
-
-    if (variant === 'filter') {
-        additionalProps = {
-            onClick,
-            role: 'button',
-            tabIndex: 0,
-        };
-    }
-
-    return (
-        <span
-            data-bspk="chip"
-            data-disabled={disabled || undefined}
-            data-flat={flat || undefined}
-            data-selected={selected || undefined}
-            data-variant={variant}
-            data-wrap={wrap || undefined}
-            style={styleProp}
-            {...additionalProps}
-        >
-            {children}
-        </span>
-    );
-}
-
-Chip.bspkName = 'Chip';
-
-export { Chip };
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/src/components/Chip/chip.scss

@@ -1,66 +0,0 @@
-[data-bspk='chip'] {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    width: fit-content;
-    height: var(--spacing-sizing-06);
-    padding: 0 var(--spacing-sizing-02);
-    font: var(--labels-small);
-    color: var(--foreground-neutral-on-surface-variant-01);
-    background-color: var(--surface-neutral-t1-base);
-    border: 1px solid var(--stroke-neutral-low);
-    border-radius: var(--radius-sm);
-
-    &:not([data-flat]) {
-        box-shadow: var(--drop-shadow-raise);
-    }
-
-    &[data-variant='filter'] {
-        cursor: pointer;
-    }
-
-    &[data-wrap] {
-        height: auto;
-    }
-
-    &[data-disabled] {
-        color: var(--foreground-neutral-disabled-on-surface);
-        cursor: not-allowed;
-        border-color: var(--stroke-neutral-disabled-light);
-        background-image: 
-    //
-
-            linear-gradient(var(--interactions-disabled-opacity), var(--interactions-disabled-opacity)),
-            linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base));
-    }
-
-    &:not([data-disabled]) {
-        &:hover {
-            background-image: 
-    //
-
-                linear-gradient(var(--interactions-neutral-hover-opacity), var(--interactions-neutral-hover-opacity)),
-                linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base));
-        }
-
-        &:active {
-            background-image: 
-    //
-
-                linear-gradient(var(--interactions-neutral-press-opacity), var(--interactions-neutral-press-opacity)),
-                linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base));
-        }
-
-        &:focus {
-            outline: 1px solid var(--stroke-neutral-focus);
-            border-color: var(--stroke-neutral-focus);
-        }
-    }
-
-    &[data-selected] {
-        background-color: var(--surface-brand-primary-highlight);
-        border-color: var(--stroke-brand-primary);
-    }
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/src/components/Chip/index.tsx

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