@bspk/ui 1.1.33 → 1.2.0

package/dist/{index.d.ts → types/common.d.ts}

@@ -6,16 +6,11 @@
  * @bspk/ui/Txt".
  */
 import { JSXElementConstructor, ReactNode, ComponentPropsWithoutRef } from 'react';
-export declare const BRANDS: {
-    /** The title of the brand. */
-    title: string;
-    /** The slug of the brand, used in URLs and identifiers. */
-    slug: Brand;
-}[];
 export type AlertVariant = 'error' | 'informational' | 'success' | 'warning';
 export type SetRef<T> = (instance: T | null) => void;
 export type ElementProps<P extends Record<string, unknown>, E extends JSXElementConstructor<unknown> | keyof JSX.IntrinsicElements, O extends string = ''> = Omit<ComponentPropsWithoutRef<E>, O | keyof P> & P;
 export type ElementConstructorProps<E extends JSXElementConstructor<unknown> | keyof JSX.IntrinsicElements, O extends string = ''> = Omit<ComponentPropsWithoutRef<E>, O>;
+export type DataProps = Record<`data-${string}`, string>;
 export type ButtonSize = 'large' | 'medium' | 'small' | 'x-small';
 export type CallToActionButton = {
     /**
@@ -33,12 +28,7 @@ export type CallToActionButton = {
     /** The size of the call to action button. */
     size?: ButtonSize;
 };
-/**
- * The props that are common to input elements.
- *
- * If an element is invalid it must have an errorMessage.
- */
-export type InvalidPropsLibrary = {
+export type CommonPropsLibrary = {
     /**
      * Marks the element as invalid and displays error state theme.
      *
@@ -47,15 +37,6 @@ export type InvalidPropsLibrary = {
      * @default false
      */
     invalid?: boolean;
-    /**
-     * Marks the element as invalid and displays error message.
-     *
-     * When an element is invalid it must display an error message explaining why it is invalid.
-     */
-    errorMessage?: string;
-};
-export type InvalidProps<K extends keyof InvalidPropsLibrary> = Pick<InvalidPropsLibrary, K>;
-export type CommonPropsLibrary = {
     /** The id of the element. If not provided one will be generated. */
     id?: string;
     /**
@@ -116,9 +97,18 @@ export type CommonPropsLibrary = {
      * This is a utility attribute used to identify the owning component of another component.
      *
      * This is used to identify the component in the UI library and is not intended for public use.
+     *
+     * @utility
      */
-    'data-bspk-owner'?: string;
+    owner?: string;
 };
 export type CommonProps<K extends keyof CommonPropsLibrary> = Pick<CommonPropsLibrary, K>;
+export type RequiredCommonProps<K extends keyof CommonPropsLibrary> = Required<Pick<CommonPropsLibrary, K>>;
+export type FormFieldControlProps = {
+    /** The id of the control description. */
+    'aria-describedby'?: string;
+    /** The id of the error message */
+    'aria-errormessage'?: string;
+};
 export type Brand = 'anywhere' | 'better-homes-gardens' | 'cartus' | 'century-21' | 'coldwell-banker' | 'corcoran' | 'denali-boss' | 'era' | 'sothebys';
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/types/common.js

@@ -0,0 +1,10 @@
+/**
+ * There are no barrel files for this repository.
+ *
+ * Components should be imported directly like "import { Txt } from
+ *
+ * @bspk/ui/Txt".
+ */
+export {};
+/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
+//# sourceMappingURL=common.js.map

package/dist/types/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../src/types/common.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;;AAyIH,sDAAsD"}

package/{meta-types.ts → dist/types/meta.d.ts}

@@ -2,21 +2,24 @@
  * This file is used to build the meta types for the project. It's used in the build-meta.ts file and also copied in to
  * the meta output file.
  */
-
+export declare const COMPONENT_PHASE_ORDER: ComponentPhase[];
+export declare const COMPONENT_PHASES: Record<ComponentPhase, {
+    title: string;
+    id: ComponentPhase;
+    description: string;
+}>;
 export type BaseMeta = {
     name: string;
     description?: string;
     file: string;
     example?: string;
 };
-
 export type TypeMeta = BaseMeta & {
     id: string;
     references?: string[];
     properties?: TypeProperty[];
     components?: string[];
 };
-
 export type TypeProperty = {
     name: string;
     description?: string;
@@ -31,7 +34,6 @@ export type TypeProperty = {
     maximum?: number;
     example?: string;
 };
-
 export type ComponentMeta = BaseMeta & {
     slug: string;
     dependencies: string[];
@@ -43,18 +45,9 @@ export type ComponentMeta = BaseMeta & {
     };
     phase: ComponentPhase;
 };
-
 export type UtilityMeta = BaseMeta & {
     param?: string;
     returns?: string;
 };
-
-export type ComponentPhase =
-    | 'AccessibilityReview'
-    | 'Backlog'
-    | 'DesignReview'
-    | 'ProductionReady'
-    | 'Utility'
-    | 'WorkInProgress';
-
+export type ComponentPhase = 'Backlog' | 'Dev' | 'QA' | 'Stable' | 'Utility' | 'UXReview';
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/types/meta.js

@@ -0,0 +1,47 @@
+/**
+ * This file is used to build the meta types for the project. It's used in the build-meta.ts file and also copied in to
+ * the meta output file.
+ */
+export const COMPONENT_PHASE_ORDER = [
+    'Utility', // Utility components are not tracked in the progress
+    //
+    'Backlog', // components that are not actively being worked on
+    'Dev', // components that are actively being developed
+    'QA', // components that are undergoing QA
+    'UXReview', // components that are in UX Review
+    'Stable', // production ready
+];
+export const COMPONENT_PHASES = {
+    Backlog: {
+        title: 'Backlog',
+        id: 'Backlog',
+        description: 'The component has been initiated but is currently on hold. It awaits further development and is not actively being worked on at this time.',
+    },
+    Dev: {
+        title: 'Development',
+        id: 'Dev',
+        description: 'The component is actively under development. This phase includes the creation of visual elements and integration tests to ensure comprehensive functionality.',
+    },
+    QA: {
+        title: 'Quality Assurance',
+        id: 'QA',
+        description: 'The component is being carefully evaluated by our Bespoke Engineering team. They are ensuring that it aligns with our high standards of functionality and performance.',
+    },
+    UXReview: {
+        title: 'UX Review',
+        id: 'UXReview',
+        description: 'The component is being carefully evaluated by our Bespoke UX team. They are ensuring that it aligns with our high standards of aesthetics and user experience and is accessible to all users.',
+    },
+    Stable: {
+        title: 'Stable',
+        id: 'Stable',
+        description: 'The component has successfully passed all reviews and is ready for use. It is now officially released and ready for use in a production environment.',
+    },
+    Utility: {
+        title: 'Utility',
+        id: 'Utility',
+        description: "The component progress isn't tracked as it's a utility component.",
+    },
+};
+/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
+//# sourceMappingURL=meta.js.map

package/dist/types/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../src/types/meta.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAqB;IACnD,SAAS,EAAE,qDAAqD;IAChE,EAAE;IACF,SAAS,EAAE,mDAAmD;IAC9D,KAAK,EAAE,+CAA+C;IACtD,IAAI,EAAE,oCAAoC;IAC1C,UAAU,EAAE,mCAAmC;IAC/C,QAAQ,EAAE,mBAAmB;CAChC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAOzB;IACA,OAAO,EAAE;QACL,KAAK,EAAE,SAAS;QAChB,EAAE,EAAE,SAAS;QACb,WAAW,EACP,4IAA4I;KACnJ;IACD,GAAG,EAAE;QACD,KAAK,EAAE,aAAa;QACpB,EAAE,EAAE,KAAK;QACT,WAAW,EACP,+JAA+J;KACtK;IACD,EAAE,EAAE;QACA,KAAK,EAAE,mBAAmB;QAC1B,EAAE,EAAE,IAAI;QACR,WAAW,EACP,wKAAwK;KAC/K;IACD,QAAQ,EAAE;QACN,KAAK,EAAE,WAAW;QAClB,EAAE,EAAE,UAAU;QACd,WAAW,EACP,+LAA+L;KACtM;IACD,MAAM,EAAE;QACJ,KAAK,EAAE,QAAQ;QACf,EAAE,EAAE,QAAQ;QACZ,WAAW,EACP,sJAAsJ;KAC7J;IACD,OAAO,EAAE;QACL,KAAK,EAAE,SAAS;QAChB,EAAE,EAAE,SAAS;QACb,WAAW,EAAE,mEAAmE;KACnF;CACJ,CAAC;AAkDF,sDAAsD"}

package/dist/utils/bound.d.ts

@@ -0,0 +1,18 @@
+/**
+ * A utility function to bound a number within a specified range. Allows for rollover behavior.
+ *
+ * @param params
+ * @param params.num The number to bound, can be a number, string, or undefined
+ * @param params.max The maximum value the number can be
+ * @param params.min The minimum value the number can be
+ * @param params.rollover If true, the number will wrap around when it exceeds the bounds
+ * @param params.defaultValue The default value to return if the input is invalid or undefined
+ * @returns The bounded number
+ */
+export declare function bound({ num, max, min, rollover, defaultValue, }: {
+    num: number | string | undefined;
+    max: number;
+    min: number;
+    rollover?: boolean;
+    defaultValue?: number;
+}): number;

package/dist/utils/bound.js

@@ -0,0 +1,22 @@
+/**
+ * A utility function to bound a number within a specified range. Allows for rollover behavior.
+ *
+ * @param params
+ * @param params.num The number to bound, can be a number, string, or undefined
+ * @param params.max The maximum value the number can be
+ * @param params.min The minimum value the number can be
+ * @param params.rollover If true, the number will wrap around when it exceeds the bounds
+ * @param params.defaultValue The default value to return if the input is invalid or undefined
+ * @returns The bounded number
+ */
+export function bound({ num, max, min, rollover = false, defaultValue = min, }) {
+    const parsedNum = typeof num === 'number' ? num : parseInt(num, 10);
+    if (isNaN(parsedNum))
+        return defaultValue ?? min;
+    if (parsedNum > max)
+        return rollover ? min : max;
+    if (parsedNum < min)
+        return rollover ? max : min;
+    return parsedNum;
+}
+//# sourceMappingURL=bound.js.map

package/dist/utils/bound.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bound.js","sourceRoot":"","sources":["../../src/utils/bound.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,MAAM,UAAU,KAAK,CAAC,EAClB,GAAG,EACH,GAAG,EACH,GAAG,EACH,QAAQ,GAAG,KAAK,EAChB,YAAY,GAAG,GAAG,GAOrB;IACG,MAAM,SAAS,GAAG,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAa,EAAE,EAAE,CAAC,CAAC;IAC9E,IAAI,KAAK,CAAC,SAAS,CAAC;QAAE,OAAO,YAAY,IAAI,GAAG,CAAC;IACjD,IAAI,SAAS,GAAG,GAAG;QAAE,OAAO,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IACjD,IAAI,SAAS,GAAG,GAAG;QAAE,OAAO,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IACjD,OAAO,SAAS,CAAC;AACrB,CAAC"}

package/dist/utils/colorVariants.d.ts

@@ -1,5 +1,5 @@
 /**
- * This file is generated by the build-css script. Do not edit this file directly. Instead, edit the script and run it
+ * This file is generated by the update-css script. Do not edit this file directly. Instead, edit the script and run it
  * again.
  */
 export declare const COLOR_VARIANTS: readonly ["grey", "white", "primary", "secondary", "blue", "green", "lime", "magenta", "orange", "pink", "purple", "red", "teal", "yellow"];

package/dist/utils/colorVariants.js

@@ -1,5 +1,5 @@
 /**
- * This file is generated by the build-css script. Do not edit this file directly. Instead, edit the script and run it
+ * This file is generated by the update-css script. Do not edit this file directly. Instead, edit the script and run it
  * again.
  */
 export const COLOR_VARIANTS = [

package/dist/utils/createExampleChildElement.d.ts

@@ -0,0 +1,17 @@
+import { DemoAction, DemoSetState } from './demo';
+type ExampleChildElementProps = {
+    exampleState: Record<string, any>;
+    name: string;
+    setState: DemoSetState;
+    action: DemoAction;
+    id?: string;
+};
+/**
+ * Returns example leading and trailing components for use in component examples. Allows which type of element is
+ * rendered to be determined by the example state.
+ */
+export declare function createExampleChildElement({ exampleState, name, setState, action, id }: ExampleChildElementProps): {
+    element: JSX.Element | null;
+    componentName?: string;
+};
+export {};

package/dist/utils/createExampleChildElement.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/no-explicit-any */ import { SvgContentCopy } from '@bspk/icons/ContentCopy';
+import { SvgDiamond } from '@bspk/icons/Diamond';
+import { Avatar } from '../components/Avatar';
+import { Checkbox } from '../components/Checkbox';
+import { Img } from '../components/Img';
+import { ListItem } from '../components/ListItem';
+import { Radio } from '../components/Radio';
+import { Switch } from '../components/Switch';
+import { Tag } from '../components/Tag';
+import { Txt } from '../components/Txt';
+/**
+ * Returns example leading and trailing components for use in component examples. Allows which type of element is
+ * rendered to be determined by the example state.
+ */
+export function createExampleChildElement({ exampleState, name, setState, action, id }) {
+    const componentName = exampleState[name];
+    if (componentName === 'Checkbox' || componentName === 'Radio' || componentName === 'Switch') {
+        let As = Checkbox;
+        if (componentName === 'Radio')
+            As = Radio;
+        else if (componentName === 'Switch')
+            As = Switch;
+        const toggleName = `data-${name}-toggle-${id}`;
+        return {
+            element: (_jsx(As, { "aria-label": `${componentName} demo`, checked: exampleState[toggleName], disabled: exampleState.disabled, name: `${name}-toggle`, onChange: (checked) => {
+                    setState({ [toggleName]: checked });
+                }, onClick: () => action(`${name} ${componentName} clicked`), readOnly: exampleState.readOnly, value: `${name}-${componentName}` })),
+            componentName,
+        };
+    }
+    if (componentName === 'ListItemButton')
+        return {
+            element: (_jsx(ListItem.Button, { icon: _jsx(SvgContentCopy, {}), label: "LI Button", onClick: () => action('ListItem button clicked') })),
+            componentName,
+        };
+    if (componentName === 'Img')
+        return { element: _jsx(Img, { alt: "placeholder", src: "/placeholder.svg" }) };
+    if (componentName === 'Avatar')
+        return { element: _jsx(Avatar, { name: "List Item", showTooltip: false }) };
+    if (componentName === 'Tag') {
+        return { element: _jsx(Tag, { label: "Tag" }) };
+    }
+    if (componentName === 'Txt')
+        return { element: _jsx(Txt, { children: "Text" }) };
+    if (componentName === 'Icon')
+        return { element: _jsx(SvgDiamond, {}) };
+    return { element: null };
+}
+//# sourceMappingURL=createExampleChildElement.js.map

package/dist/utils/createExampleChildElement.js.map

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

package/dist/utils/demo.d.ts

@@ -1,4 +1,5 @@
-import { AlertVariant } from '../index.js';
+import { AlertVariant } from '-/types/common';
+import { ComponentMeta } from '-/types/meta';
 export type TypeProperty = {
     name: string;
     description?: string;
@@ -15,7 +16,6 @@ export type TypeProperty = {
 };
 export type DemoAction = (message: string, variant?: AlertVariant) => void;
 export type DemoSetState<Props = Record<string, unknown>> = (next: Partial<Props> | ((prev: Props) => Partial<Props>)) => void;
-export type ComponentPhase = 'AccessibilityReview' | 'Backlog' | 'DesignReview' | 'ProductionReady' | 'Utility' | 'WorkInProgress';
 export type TypePropertyDemo = Omit<TypeProperty, 'example'> & {
     libraryDefault?: TypeProperty['default'];
     label?: string;
@@ -32,26 +32,35 @@ export type ComponentExampleRenderProps<Props = Record<string, unknown>> = {
     preset?: DemoPreset;
     setState: DemoSetState<Props>;
     Component: React.ComponentType<Props>;
-    context?: {
-        [key: string]: unknown;
-        preset?: DemoPreset;
+    variant?: {
+        name: string;
+        value: unknown;
     };
     id: string;
 };
 export type ComponentExampleRender<Props = Record<string, unknown>> = (params: ComponentExampleRenderProps<Props>) => React.ReactNode;
-export type ComponentExample<Props = Record<string, unknown>, PropName = keyof Props> = {
+type ComponentVariantOverride<Props> = {
+    [K in keyof Props]?: Props[K] | {
+        options: Props[K][];
+    };
+};
+export type ComponentVariantOverrides<Props = Record<string, unknown>, PropName extends keyof Props = keyof Props> = {
+    [Key in PropName]?: ComponentVariantOverride<Props> | false | ((props: Props) => ComponentVariantOverride<Props>);
+};
+export type ComponentExample<Props = Record<string, unknown>, PropName extends keyof Props = keyof Props> = {
     /**
      * The style of the wrapping component.
      *
-     * //
+     * @example
+     *     { width: '100%' },
      */
     containerStyle?: React.CSSProperties | ((propState: Props) => React.CSSProperties);
     /**
-     * True to hide all or a list of variants to hide.
+     * False to hide all or a record of variants to hide or modify props.
      *
-     * Helpful for hiding variants that can have unexpected collisions with the other examples.
+     * Helpful for hiding or setting static default props for specific variants
      */
-    hideVariants?: PropName[] | true;
+    variants?: ComponentVariantOverrides<Props> | boolean;
     /**
      * This is used to set the initial propState of the component.
      *
@@ -74,10 +83,19 @@ export type ComponentExample<Props = Record<string, unknown>, PropName = keyof P
     render?: ComponentExampleRender<Props>;
     /** We may not want certain props editable in the props table. */
     disableProps?: PropName[];
+    /** The sections of the example. */
+    sections?: {
+        title: string;
+        content: (params: {
+            Component: React.ComponentType<Props>;
+            props: Props;
+        }) => React.ReactNode;
+    }[];
 };
 export type ComponentExampleFn<Props = Record<string, unknown>> = (params: {
     setState: DemoSetState<Props>;
     action: DemoAction;
+    componentsMeta: ComponentMeta[];
 }) => ComponentExample<Props>;
 export type Preset<Props> = {
     /** The name of the preset. This is used to display the preset in the UI. */
@@ -91,3 +109,4 @@ export type DemoPreset<P = Record<string, unknown>> = Preset<P> & {
     value: string;
 };
 export declare function createUid(prefix?: string): string;
+export {};

package/dist/utils/demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"demo.js","sourceRoot":"","sources":["../../src/utils/demo.ts"],"names":[],"mappings":"AAAA,uDAAuD;AAsHvD,MAAM,UAAU,SAAS,CAAC,SAAiB,KAAK;IAC5C,OAAO,GAAG,MAAM,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;AACrE,CAAC"}
+{"version":3,"file":"demo.js","sourceRoot":"","sources":["../../src/utils/demo.ts"],"names":[],"mappings":"AAAA,uDAAuD;AA8HvD,MAAM,UAAU,SAAS,CAAC,SAAiB,KAAK;IAC5C,OAAO,GAAG,MAAM,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;AACrE,CAAC"}

package/dist/utils/fileUploads.d.ts

@@ -0,0 +1,51 @@
+export declare const DEFAULT_ERROR_MESSAGE = "There was an error uploading the file. Please try again.";
+export type FileUploadStatus = 'complete' | 'error' | 'failed' | 'idle' | 'uploading';
+export type FileEntry = {
+    /**
+     * The unique identifier for the file entry.
+     *
+     * This is generated client-side and should be unique for each file.
+     *
+     * This is useful for tracking the file during upload and handling cancellation.
+     *
+     * @required
+     */
+    id: string;
+    /** The name of the file. */
+    fileName: string;
+    /**
+     * The status of the uploading file.
+     *
+     * @default idle
+     */
+    status?: FileUploadStatus;
+    /**
+     * The size of the file being uploaded in MB.
+     *
+     * @required
+     */
+    fileSize: number;
+    /**
+     * A number between 0 and 100 representing the percentage of the upload completed.
+     *
+     * @default 0
+     * @minimum 0
+     * @maximum 100
+     */
+    progress?: number;
+    /**
+     * The error message to display when the upload fails.
+     *
+     * If status is 'error', this message will be displayed by default: "There was an error uploading the file. Please
+     * try again."
+     */
+    errorMessage?: string;
+};
+/**
+ * Common MIME types
+ *
+ * This list includes commonly used MIME types for various file formats.
+ *
+ * This is not an exhaustive list, but it covers many of the most frequently used types and can be extended as needed.
+ */
+export type MimeType = 'application/json' | 'application/octet-stream' | 'application/pdf' | 'application/x-www-form-urlencoded' | 'application/xml' | 'application/zip' | 'audio/mpeg' | 'audio/wav' | 'image/gif' | 'image/jpeg' | 'image/png' | 'image/svg+xml' | 'image/webp' | 'text/css' | 'text/html' | 'text/javascript' | 'text/plain' | 'video/mp4' | 'video/webm';

package/dist/utils/fileUploads.js

@@ -0,0 +1,2 @@
+export const DEFAULT_ERROR_MESSAGE = 'There was an error uploading the file. Please try again.';
+//# sourceMappingURL=fileUploads.js.map

package/dist/utils/fileUploads.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileUploads.js","sourceRoot":"","sources":["../../src/utils/fileUploads.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG,0DAA0D,CAAC"}

package/dist/utils/handleKeyDown.d.ts

@@ -0,0 +1,12 @@
+import { KeyboardEventCode } from './keyboard';
+export type KeysCallback = Partial<Record<KeyboardEventCode, (event: React.KeyboardEvent) => void>>;
+/**
+ * Handles multiple keydown events with specific callbacks for each key.
+ *
+ * @param keysCallback - An object where keys are keyboard event codes and values are callback functions.
+ * @returns A function that can be used as an event handler for keydown events.
+ */
+export declare function handleKeyDown(keysCallback: KeysCallback, { stopPropagation, preventDefault }?: {
+    stopPropagation?: boolean;
+    preventDefault?: boolean;
+}): (event: React.KeyboardEvent) => boolean;

package/dist/utils/handleKeyDown.js

@@ -0,0 +1,20 @@
+/**
+ * Handles multiple keydown events with specific callbacks for each key.
+ *
+ * @param keysCallback - An object where keys are keyboard event codes and values are callback functions.
+ * @returns A function that can be used as an event handler for keydown events.
+ */
+export function handleKeyDown(keysCallback, { stopPropagation = true, preventDefault = true } = {}) {
+    return (event) => {
+        const callback = keysCallback[event.code];
+        if (callback) {
+            callback(event);
+            if (stopPropagation)
+                event.stopPropagation();
+            if (preventDefault)
+                event.preventDefault();
+        }
+        return !!callback;
+    };
+}
+//# sourceMappingURL=handleKeyDown.js.map

package/dist/utils/handleKeyDown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleKeyDown.js","sourceRoot":"","sources":["../../src/utils/handleKeyDown.ts"],"names":[],"mappings":"AAIA;;;;;GAKG;AACH,MAAM,UAAU,aAAa,CACzB,YAA0B,EAC1B,EAAE,eAAe,GAAG,IAAI,EAAE,cAAc,GAAG,IAAI,KAA8D,EAAE;IAE/G,OAAO,CAAC,KAA0B,EAAE,EAAE;QAClC,MAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,IAAyB,CAAC,CAAC;QAC/D,IAAI,QAAQ,EAAE,CAAC;YACX,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,IAAI,eAAe;gBAAE,KAAK,CAAC,eAAe,EAAE,CAAC;YAC7C,IAAI,cAAc;gBAAE,KAAK,CAAC,cAAc,EAAE,CAAC;QAC/C,CAAC;QACD,OAAO,CAAC,CAAC,QAAQ,CAAC;IACtB,CAAC,CAAC;AACN,CAAC"}

package/dist/utils/keyboard.js

@@ -1,4 +1,4 @@
-export const EVENT_KEY = Object.freeze({
+export const EVENT_KEY = {
     Backspace: 'Backspace',
     Tab: 'Tab',
     Enter: 'Enter',
@@ -133,6 +133,6 @@ export const EVENT_KEY = Object.freeze({
     '<': '<',
     '>': '>',
     '?': '?',
-});
+};
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
 //# sourceMappingURL=keyboard.js.map

package/dist/utils/keyboard.js.map

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

package/dist/utils/random.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Returns a random integer between min and max (inclusive).
+ *
+ * @param min - The minimum value (inclusive).
+ * @param max - The maximum value (inclusive).
+ * @returns A random integer between min and max.
+ */
+export declare function randomNumber(min?: number, max?: number): number;
+/**
+ * Returns a random string of alphanumeric characters.
+ *
+ * @param length - The length of the random ID to generate.
+ * @returns A random string of the specified length containing alphanumeric characters.
+ */
+export declare function randomString(length?: number): string;

package/dist/utils/random.js

@@ -0,0 +1,26 @@
+/**
+ * Returns a random integer between min and max (inclusive).
+ *
+ * @param min - The minimum value (inclusive).
+ * @param max - The maximum value (inclusive).
+ * @returns A random integer between min and max.
+ */
+export function randomNumber(min = 0, max = 100) {
+    return Math.floor(Math.random() * (max - min + 1)) + min;
+}
+/**
+ * Returns a random string of alphanumeric characters.
+ *
+ * @param length - The length of the random ID to generate.
+ * @returns A random string of the specified length containing alphanumeric characters.
+ */
+export function randomString(length = 8) {
+    const chars = 'abcdefghijklmnopqrstuvwxyz0123456789';
+    let result = '';
+    const rand = new Uint32Array(length);
+    window.crypto.getRandomValues(rand);
+    for (let i = 0; i < length; i++)
+        result += chars[rand[i] % chars.length];
+    return result;
+}
+//# sourceMappingURL=random.js.map

package/dist/utils/random.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"random.js","sourceRoot":"","sources":["../../src/utils/random.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAAC,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG;IAC3C,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AAC7D,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,SAAiB,CAAC;IAC3C,MAAM,KAAK,GAAG,sCAAsC,CAAC;IACrD,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,MAAM,IAAI,GAAG,IAAI,WAAW,CAAC,MAAM,CAAC,CAAC;IACrC,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IACpC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE;QAAE,MAAM,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IACzE,OAAO,MAAM,CAAC;AAClB,CAAC"}

package/dist/utils/scrollElementIntoView.d.ts

@@ -4,5 +4,5 @@
  * @param element -- The element to scroll into view.
  * @param container -- The container to scroll.
  */
-export declare function scrollElementIntoView(element: HTMLElement, container: HTMLElement): void;
+export declare function scrollElementIntoView(element?: Element | null, container?: Element | null): void;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/utils/scrollElementIntoView.js

@@ -5,6 +5,8 @@
  * @param container -- The container to scroll.
  */
 export function scrollElementIntoView(element, container) {
+    if (!element || !container)
+        return;
     const elementRect = element.getBoundingClientRect();
     const containerRect = container.getBoundingClientRect();
     if (elementRect.top < containerRect.top) {

package/dist/utils/scrollElementIntoView.js.map

@@ -1 +1 @@
-{"version":3,"file":"scrollElementIntoView.js","sourceRoot":"","sources":["../../src/utils/scrollElementIntoView.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CAAC,OAAoB,EAAE,SAAsB;IAC9E,MAAM,WAAW,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IAEpD,MAAM,aAAa,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC;IAExD,IAAI,WAAW,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,EAAE,CAAC;QACtC,oCAAoC;QACpC,SAAS,CAAC,SAAS,IAAI,aAAa,CAAC,GAAG,GAAG,WAAW,CAAC,GAAG,CAAC;IAC/D,CAAC;SAAM,IAAI,WAAW,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC;QACnD,oCAAoC;QACpC,SAAS,CAAC,SAAS,IAAI,WAAW,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC;IACrE,CAAC;IAED,IAAI,WAAW,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,EAAE,CAAC;QACxC,6CAA6C;QAC7C,SAAS,CAAC,UAAU,IAAI,aAAa,CAAC,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC;IAClE,CAAC;SAAM,IAAI,WAAW,CAAC,KAAK,GAAG,aAAa,CAAC,KAAK,EAAE,CAAC;QACjD,8CAA8C;QAC9C,SAAS,CAAC,UAAU,IAAI,WAAW,CAAC,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC;IACpE,CAAC;AACL,CAAC;AAED,sDAAsD"}
+{"version":3,"file":"scrollElementIntoView.js","sourceRoot":"","sources":["../../src/utils/scrollElementIntoView.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CAAC,OAAwB,EAAE,SAA0B;IACtF,IAAI,CAAC,OAAO,IAAI,CAAC,SAAS;QAAE,OAAO;IAEnC,MAAM,WAAW,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IAEpD,MAAM,aAAa,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC;IAExD,IAAI,WAAW,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,EAAE,CAAC;QACtC,oCAAoC;QACpC,SAAS,CAAC,SAAS,IAAI,aAAa,CAAC,GAAG,GAAG,WAAW,CAAC,GAAG,CAAC;IAC/D,CAAC;SAAM,IAAI,WAAW,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC;QACnD,oCAAoC;QACpC,SAAS,CAAC,SAAS,IAAI,WAAW,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC;IACrE,CAAC;IAED,IAAI,WAAW,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,EAAE,CAAC;QACxC,6CAA6C;QAC7C,SAAS,CAAC,UAAU,IAAI,aAAa,CAAC,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC;IAClE,CAAC;SAAM,IAAI,WAAW,CAAC,KAAK,GAAG,aAAa,CAAC,KAAK,EAAE,CAAC;QACjD,8CAA8C;QAC9C,SAAS,CAAC,UAAU,IAAI,WAAW,CAAC,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC;IACpE,CAAC;AACL,CAAC;AAED,sDAAsD"}

package/dist/utils/txtVariants.d.ts

@@ -1,5 +1,5 @@
 /**
- * This file is generated by the build-css script. Do not edit this file directly. Instead, edit the script and run it
+ * This file is generated by the update-css script. Do not edit this file directly. Instead, edit the script and run it
  * again.
  */
 export declare const TXT_VARIANTS: readonly ["body-base", "body-large", "body-small", "body-x-small", "labels-base", "labels-large", "labels-small", "labels-x-small", "display-regular-large", "display-regular-medium", "display-regular-small", "display-semibold-large", "display-semibold-medium", "display-semibold-small", "heading-h1", "heading-h2", "heading-h3", "heading-h4", "heading-h5", "heading-h6", "subheader-large", "subheader-medium", "subheader-x-large", "subheader-xx-large", "subheader-xxx-large"];

package/dist/utils/txtVariants.js

@@ -1,5 +1,5 @@
 /**
- * This file is generated by the build-css script. Do not edit this file directly. Instead, edit the script and run it
+ * This file is generated by the update-css script. Do not edit this file directly. Instead, edit the script and run it
  * again.
  */
 export const TXT_VARIANTS = [