@bspk/ui 1.0.1 → 1.1.12

package/dist/ToggleOption.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { styleAdd } from './utils/styleAdd';
+styleAdd(`[data-bspk=toggle-option]{display:flex;width:100%;box-sizing:border-box;flex-direction:row;padding:0 var(--spacing-sizing-01) 0 0;gap:var(--spacing-sizing-02);user-select:none;background:unset;border:unset;cursor:pointer;min-height:var(--spacing-sizing-08);align-items:center}[data-bspk=toggle-option]:has([data-description]){align-items:unset}@media(any-pointer: coarse){[data-bspk=toggle-option]{min-height:var(--spacing-sizing-12)}}[data-bspk=toggle-option] [data-content]{display:flex;flex-direction:column;padding:2px 0}[data-bspk=toggle-option] [data-label]{color:var(--foreground-neutral-on-surface);font:var(--labels-base)}[data-bspk=toggle-option] [data-description]{font:var(--body-small);color:var(--foreground-neutral-on-surface-variant-01)}[data-bspk=toggle-option][data-size=small] [data-label]{font:var(--labels-small)}[data-bspk=toggle-option][data-size=small] [data-description]{font:var(--body-x-small)}[data-bspk=toggle-option][data-size=large] [data-label]{font:var(--labels-large)}[data-bspk=toggle-option][data-size=large] [data-description]{font:var(--body-base)}[data-pseudo=focus] [data-bspk=toggle-option]:not(:has(:disabled)),[data-bspk=toggle-option]:not(:has(:disabled)):focus-visible,[data-bspk=toggle-option]:not(:has(:disabled)):has(*:focus-visible){outline:var(--stroke-neutral-focus) 2px solid}[data-bspk=toggle-option]:has(:disabled) [data-label]{color:var(--foreground-neutral-disabled-on-surface)}[data-bspk=toggle-option]:has(:disabled) [data-description]{color:var(--foreground-neutral-disabled-on-surface)}`);;
+/**
+ * A utility component that wraps a checkbox, radio, and switch.
+ *
+ * @name ToggleOption
+ */
+function ToggleOption({ label, description, children, size }) {
+    return (_jsxs("label", { "data-bspk": "toggle-option", "data-size": size, children: [_jsx("span", { "data-control": true, children: children }), _jsxs("span", { "data-content": true, children: [_jsx("span", { "data-label": true, children: label }), description && _jsx("span", { "data-description": true, children: description })] })] }));
+}
+ToggleOption.bspkName = 'ToggleOption';
+export { ToggleOption };
+//# sourceMappingURL=ToggleOption.js.map

package/dist/ToggleOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleOption.js","sourceRoot":"","sources":["../src/ToggleOption.tsx"],"names":[],"mappings":";AAAA,OAAO,sBAAsB,CAAC;AAkB9B;;;;GAIG;AACH,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAqB;IAC3E,OAAO,CACH,8BAAiB,eAAe,eAAY,IAAI,aAC5C,+CAAoB,QAAQ,GAAQ,EACpC,iDACI,6CAAkB,KAAK,GAAQ,EAC9B,WAAW,IAAI,mDAAwB,WAAW,GAAQ,IACxD,IACH,CACX,CAAC;AACN,CAAC;AAED,YAAY,CAAC,QAAQ,GAAG,cAAc,CAAC;AAEvC,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/{Tooltip.d.ts → dist/Tooltip.d.ts}

@@ -1,3 +1,4 @@
+import './tooltip.scss';
 import { ReactElement } from 'react';
 import { Placement } from './hooks/useFloating';
 export type TooltipProps = {
@@ -30,10 +31,9 @@ export type TooltipProps = {
  *
  * @name Tooltip
  */
-declare function Tooltip({ placement, label, children, disabled, tail }: TooltipProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Tooltip({ placement, label, children, disabled, tail }: TooltipProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Tooltip {
     var bspkName: string;
 }
 export { Tooltip };
-export declare const style: import("@emotion/react").SerializedStyles;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/Tooltip.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { styleAdd } from './utils/styleAdd';
+styleAdd(`[data-bspk=tooltip]{position:fixed;pointer-events:none;z-index:var(--z-index-tooltip-popover);--arrow-size: var(--spacing-sizing-01);--arrow-offset: calc(var(--arrow-size) * -2)}[data-bspk=tooltip] [data-text]{display:block;z-index:2;position:relative;background-color:var(--surface-neutral-inverse);border-radius:var(--radius-small);color:var(--foreground-neutral-on-inverse-surface);box-shadow:var(--drop-shadow-float);font:var(--labels-small);padding:var(--spacing-sizing-01) var(--spacing-sizing-02);border:none;transition:opacity .2s ease-in-out;width:max-content}[data-bspk=tooltip] [data-arrow]{display:block;z-index:1;position:absolute;width:0;height:0;border-style:solid;border-width:var(--arrow-size) var(--arrow-size) var(--arrow-size) var(--arrow-size);border-color:rgba(0,0,0,0)}[data-bspk=tooltip][data-placement^=bottom] [data-arrow]{top:var(--arrow-offset);border-bottom-color:var(--surface-neutral-inverse)}[data-bspk=tooltip][data-placement^=top] [data-arrow]{border-top-color:var(--surface-neutral-inverse)}[data-bspk=tooltip][data-placement^=right] [data-arrow]{margin-left:var(--arrow-offset);border-right-color:var(--surface-neutral-inverse)}[data-bspk=tooltip][data-placement^=left] [data-arrow]{right:var(--arrow-offset);border-left-color:var(--surface-neutral-inverse)}`);;
+import { cloneElement, useId, useMemo, useRef, useState } from 'react';
+import { Portal } from './Portal';
+import { useFloating } from './hooks/useFloating';
+/**
+ * Brief message that provide additional guidance and helps users perform an action if needed.
+ *
+ * @name Tooltip
+ */
+function Tooltip({ placement = 'top', label, children, disabled = false, tail = true }) {
+    const id = useId();
+    const [show, setShow] = useState(false);
+    const child = useMemo(() => !disabled &&
+        children &&
+        cloneElement(children, {
+            onMouseOver: () => setShow(true),
+            onMouseLeave: () => setShow(false),
+            'aria-describedby': id,
+        }), [children, disabled, id]);
+    const arrowRef = useRef(null);
+    const { floatingStyles, middlewareData, elements } = useFloating({
+        placement: placement,
+        strategy: 'fixed',
+        offsetOptions: 8,
+        arrowRef,
+        hide: !show,
+    });
+    return disabled ? (children) : (_jsxs(_Fragment, { children: [child, label && (_jsx(Portal, { children: _jsxs("div", { "data-bspk": "tooltip", "data-placement": middlewareData?.offset?.placement, id: id, ref: (node) => {
+                        elements.setFloating(node);
+                        elements.setTrigger(document.querySelector(`[aria-describedby="${id}"]`));
+                    }, role: "tooltip", style: floatingStyles, children: [_jsx("span", { "data-text": true, children: label }), tail !== false && (_jsx("span", { "aria-hidden": true, "data-arrow": true, ref: (node) => {
+                                arrowRef.current = node;
+                            }, style: {
+                                left: `${middlewareData?.arrow?.x}px`,
+                                top: `${middlewareData?.arrow?.y}px`,
+                            } }))] }) }))] }));
+}
+Tooltip.bspkName = 'Tooltip';
+export { Tooltip };
+//# sourceMappingURL=Tooltip.js.map

package/dist/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAgB,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErF,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAa,WAAW,EAAE,MAAM,qBAAqB,CAAC;AA4B7D;;;;GAIG;AACH,SAAS,OAAO,CAAC,EAAE,SAAS,GAAG,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAE,IAAI,GAAG,IAAI,EAAgB;IAChG,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,KAAK,GAAG,OAAO,CACjB,GAAG,EAAE,CACD,CAAC,QAAQ;QACT,QAAQ;QACR,YAAY,CAAC,QAAQ,EAAE;YACnB,WAAW,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;YAChC,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;YAClC,kBAAkB,EAAE,EAAE;SACzB,CAAC,EACN,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,CAAC,CAC3B,CAAC;IAEF,MAAM,QAAQ,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAElD,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC;QAC7D,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,OAAO;QACjB,aAAa,EAAE,CAAC;QAChB,QAAQ;QACR,IAAI,EAAE,CAAC,IAAI;KACd,CAAC,CAAC;IAEH,OAAO,QAAQ,CAAC,CAAC,CAAC,CACd,QAAQ,CACX,CAAC,CAAC,CAAC,CACA,8BACK,KAAK,EACL,KAAK,IAAI,CACN,KAAC,MAAM,cACH,4BACc,SAAS,oBACH,cAAc,EAAE,MAAM,EAAE,SAAS,EACjD,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;wBACV,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;wBAC3B,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,aAAa,CAAc,sBAAsB,EAAE,IAAI,CAAC,CAAC,CAAC;oBAC3F,CAAC,EACD,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,cAAc,aAErB,4CAAiB,KAAK,GAAQ,EAC7B,IAAI,KAAK,KAAK,IAAI,CACf,wDAGI,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;gCACV,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;4BAC5B,CAAC,EACD,KAAK,EAAE;gCACH,IAAI,EAAE,GAAG,cAAc,EAAE,KAAK,EAAE,CAAC,IAAI;gCACrC,GAAG,EAAE,GAAG,cAAc,EAAE,KAAK,EAAE,CAAC,IAAI;6BACvC,GACH,CACL,IACC,GACD,CACZ,IACF,CACN,CAAC;AACN,CAAC;AAED,OAAO,CAAC,QAAQ,GAAG,SAAS,CAAC;AAE7B,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/{TopNavigation.d.ts → dist/TopNavigation.d.ts}

@@ -1,3 +1,4 @@
+import './top-navigation.scss';
 export type TopNavigationProps = {
     /** The content of the top navigation. */
     children: string;
@@ -7,10 +8,9 @@ export type TopNavigationProps = {
  *
  * @name TopNavigation
  */
-declare function TopNavigation({ children }: TopNavigationProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function TopNavigation({ children }: TopNavigationProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TopNavigation {
     var bspkName: string;
 }
 export { TopNavigation };
-export declare const style: import("@emotion/react").SerializedStyles;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/TopNavigation.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styleAdd } from './utils/styleAdd';
+styleAdd(`[data-bspk=top-navigation]{display:flex}`);;
+/**
+ * Component description coming soon.
+ *
+ * @name TopNavigation
+ */
+function TopNavigation({ children }) {
+    return _jsx("div", { "data-bspk": "top-navigation", children: children });
+}
+TopNavigation.bspkName = 'TopNavigation';
+export { TopNavigation };
+//# sourceMappingURL=TopNavigation.js.map

package/dist/TopNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopNavigation.js","sourceRoot":"","sources":["../src/TopNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,uBAAuB,CAAC;AAO/B;;;;GAIG;AACH,SAAS,aAAa,CAAC,EAAE,QAAQ,EAAsB;IACnD,OAAO,2BAAe,gBAAgB,YAAE,QAAQ,GAAO,CAAC;AAC5D,CAAC;AAED,aAAa,CAAC,QAAQ,GAAG,eAAe,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/{Txt.d.ts → dist/Txt.d.ts}

@@ -30,7 +30,7 @@ export type TxtProps<As extends ElementType = 'span'> = {
  *
  * @name Txt
  */
-declare function Txt<As extends ElementType = 'span'>({ children, as, variant, style: styleProp, ...containerProps }: ElementProps<TxtProps<As>, As>): import("@emotion/react/jsx-runtime").JSX.Element | null;
+declare function Txt<As extends ElementType = 'span'>({ children, as, variant, style: styleProp, ...containerProps }: ElementProps<TxtProps<As>, As>): import("react/jsx-runtime").JSX.Element | null;
 declare namespace Txt {
     var bspkName: string;
 }

package/{Txt.js → dist/Txt.js}

@@ -1,6 +1,4 @@
-import { jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * A text component that applies the correct font styles based on the variant and size. variant
  *
@@ -11,11 +9,8 @@ function Txt({ children, as, variant = 'body-base', style: styleProp, ...contain
     if (!content)
         return null;
     const As = as || 'span';
-    return (jsx(As, { ...containerProps, css: css `
-                font: var(--${variant});
-            `, "data-txt": true, style: styleProp, children: content }));
+    return (_jsx(As, { ...containerProps, "data-bspk": "txt", style: { ...styleProp, font: `var(--${variant})` }, children: content }));
 }
 Txt.bspkName = 'Txt';
-
 export { Txt };
-//# sourceMappingURL=Txt.js.map
+//# sourceMappingURL=Txt.js.map

package/dist/Txt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Txt.js","sourceRoot":"","sources":["../src/Txt.tsx"],"names":[],"mappings":";AA+BA;;;;GAIG;AACH,SAAS,GAAG,CAAkC,EAC1C,QAAQ,EACR,EAAE,EACF,OAAO,GAAG,WAAW,EACrB,KAAK,EAAE,SAAS,EAChB,GAAG,cAAc,EACY;IAC7B,MAAM,OAAO,GAAG,QAAQ,EAAE,QAAQ,EAAE,CAAC;IAErC,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,EAAE,GAAgB,EAAE,IAAI,MAAM,CAAC;IAErC,OAAO,CACH,KAAC,EAAE,OAAK,cAAc,eAAY,KAAK,EAAC,KAAK,EAAE,EAAE,GAAG,SAAS,EAAE,IAAI,EAAE,SAAS,OAAO,GAAG,EAAE,YACrF,OAAO,GACP,CACR,CAAC;AACN,CAAC;AAED,GAAG,CAAC,QAAQ,GAAG,KAAK,CAAC;AAErB,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/dist/avatar.css

@@ -0,0 +1 @@
+[data-bspk=avatar]{--height: var(--spacing-sizing-10);--font: var(--labels-base);--foreground: var(--foreground-neutral-on-surface);--background: var(--surface-neutral-t3-low);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;height:var(--height);width:var(--height);aspect-ratio:1/1;border-radius:999px;background-color:var(--background);color:var(--foreground);font:var(--font)}[data-bspk=avatar]:has(img){overflow:hidden}[data-bspk=avatar] img{max-width:100%}[data-bspk=avatar][data-size=x-small]{--height: var(--spacing-sizing-06);--font: var(--labels-x-small)}[data-bspk=avatar][data-size=small]{--height: var(--spacing-sizing-08);--font: var(--labels-small)}[data-bspk=avatar][data-size=medium]{--height: var(--spacing-sizing-10);--font: var(--labels-base)}[data-bspk=avatar][data-size=large]{--height: var(--spacing-sizing-12);--font: var(--labels-large)}[data-bspk=avatar][data-size=x-large]{--height: var(--spacing-sizing-14);--font: var(--subheader-x-large)}[data-bspk=avatar][data-size=xx-large]{--height: var(--spacing-sizing-17);--font: var(--subheader-xx-large)}[data-bspk=avatar][data-size=xxx-large]{--height: var(--spacing-sizing-19);--font: var(--display-regular-small)}[data-bspk=avatar][data-size=xxxx-large]{--height: var(--spacing-sizing-21);--font: var(--display-regular-medium)}[data-bspk=avatar][data-size=xxxxx-large]{--height: var(--spacing-sizing-23);--font: var(--display-regular-large)}

package/dist/badge.css

@@ -0,0 +1 @@
+[data-bspk=badge]{--size: var(--spacing-sizing-06);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-circular);height:var(--size);min-width:var(--size);padding:0 var(--spacing-sizing-02);font:var(--labels-x-small);color:var(--foreground-brand-on-primary);background:var(--surface-brand-primary)}[data-bspk=badge][data-size=x-small]{--size: var(--spacing-sizing-05);padding:2px var(--spacing-sizing-01)}[data-bspk=badge][data-variant=secondary]{color:var(--foreground-brand-on-secondary);background:var(--surface-brand-secondary)}

package/dist/banner-alert.css

@@ -0,0 +1 @@
+[data-bspk=banner-alert]{--color: var(--status-information);--on-color: var(--status-on-information);display:flex;flex-direction:row;border:2px solid var(--color);border-radius:var(--radius-medium);box-sizing:border-box;background-color:var(--surface-neutral-t1-base);width:100%}[data-bspk=banner-alert][data-variant=error]{--color: var(--status-error);--on-color: var(--status-on-error)}[data-bspk=banner-alert][data-variant=success]{--color: var(--status-success);--on-color: var(--status-on-success)}[data-bspk=banner-alert][data-variant=warning]{--color: var(--status-warning);--on-color: var(--status-on-warning)}[data-bspk=banner-alert][data-elevated]{box-shadow:var(--drop-shadow-raise)}[data-bspk=banner-alert] [data-icon-bar]{flex:1;padding:var(--spacing-sizing-04) var(--spacing-sizing-03);background:var(--color);color:var(--on-color)}[data-bspk=banner-alert] [data-icon-bar] svg{width:var(--spacing-sizing-06);height:var(--spacing-sizing-06)}[data-bspk=banner-alert] [data-content]{flex:100%;display:flex;flex-direction:column;padding:var(--spacing-sizing-02) var(--spacing-sizing-02) var(--spacing-sizing-02) var(--spacing-sizing-04)}[data-bspk=banner-alert] [data-content] header{display:flex;flex-direction:row;gap:var(--spacing-sizing-03);height:var(--spacing-sizing-12);align-items:center}[data-bspk=banner-alert] [data-content] header span{flex:1;display:flex;align-items:center;color:var(--foreground-neutral-on-surface);font:var(--heading-h6)}@media(any-pointer: coarse){[data-bspk=banner-alert] [data-content] header span{font:var(--heading-h6)}}[data-bspk=banner-alert] [data-content] header button{background:none;border:none;cursor:pointer;padding:0;margin:0 0 0 auto;color:var(--foreground-neutral-on-surface-variant-01);height:var(--spacing-sizing-08);width:var(--spacing-sizing-08)}@media(any-pointer: coarse){[data-bspk=banner-alert] [data-content] header button{height:var(--spacing-sizing-12);width:var(--spacing-sizing-12)}}[data-bspk=banner-alert] [data-content] header button svg{width:var(--spacing-sizing-04);height:var(--spacing-sizing-04)}[data-bspk=banner-alert] [data-content] [data-body]{display:flex;flex-direction:column;gap:var(--spacing-sizing-02);padding:0 var(--spacing-sizing-02) var(--spacing-sizing-02) 0}[data-bspk=banner-alert] [data-content] [data-body] span{font:var(--body-base)}[data-bspk=banner-alert] [data-content] [data-body] button{margin-left:auto;background:none;border:none;cursor:pointer;padding:0 var(--spacing-sizing-03);height:var(--spacing-sizing-12);font:var(--labels-small)}

package/dist/base.css

@@ -0,0 +1 @@
+[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}:root{--z-index-tooltip-popover: 1100;--z-index-dialog: 1000;--z-index-dropdown: 900;--z-index-fab: 800;--z-index-navbar: 700;--z-index-footer: 600}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}@media(prefers-reduced-motion){[data-animated]{animation:none !important}}body,html{height:100%;scroll-behavior:smooth}body{font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}a{color:var(--foreground-link-text-default)}a:hover{color:var(--foreground-link-text-default-hovered)}a:visited{color:var(--foreground-link-text-default-visited)}a:disabled{pointer-events:none;color:var(--foreground-link-text-default-disabled)}a[data-subtle]{color:var(--foreground-neutral-on-surface)}a[data-subtle]:hover{color:var(--foreground-link-text-subtle-hovered)}a[data-subtle]:disabled{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}a[data-subtle-inverse]{color:var(--foreground-neutral-inverse-on-surface)}a[data-subtle-inverse]:hover{color:var(--foreground-link-text-subtle-inverse-hovered)}a[data-subtle-inverse]:disabled{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}input:-internal-autofill-previewed,input:-internal-autofill-selected,textarea:-internal-autofill-previewed,textarea:-internal-autofill-selected,select:-internal-autofill-previewed,select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}[data-sr-only]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}ol{list-style-type:decimal}ol li{list-style-type:decimal;margin-left:var(--spacing-sizing-05)}ul{list-style-type:disc}ul li{list-style-type:disc;margin-left:var(--spacing-sizing-05)}[data-touch-target]{display:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;user-select:none;position:absolute;z-index:1;height:100%;width:100%;top:auto;left:auto}[data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){[data-touch-target]{display:block}}

package/dist/button.css

@@ -0,0 +1 @@
+[data-bspk=button]{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-sizing-02);border:none;cursor:pointer;box-sizing:border-box;background:rgba(0,0,0,0);text-decoration:none;width:fit-content;position:relative}[data-bspk=button] [data-touch-target]{min-width:var(--spacing-sizing-12);min-height:var(--spacing-sizing-12)}[data-bspk=button][data-width=hug]{width:fit-content}[data-bspk=button][data-width=fill]{width:100%}[data-bspk=button][data-size=x-small]{font-size:var(--typography-size-xs);line-height:var(--typography-line-height-lh-1);height:var(--spacing-sizing-06);min-width:var(--spacing-sizing-06);gap:var(--spacing-sizing-02)}[data-bspk=button][data-size=x-small]:has([data-button-label]),[data-bspk=button][data-size=x-small][data-override]{padding:0 var(--spacing-sizing-02)}[data-bspk=button][data-size=x-small] [data-button-icon]{width:var(--spacing-sizing-04);height:var(--spacing-sizing-04)}[data-bspk=button][data-size=small]{font-size:var(--typography-size-sm);line-height:var(--typography-line-height-lh-2);height:var(--spacing-sizing-08);min-width:var(--spacing-sizing-08)}[data-bspk=button][data-size=small]:has([data-button-label]),[data-bspk=button][data-size=small][data-override]{padding:6px var(--spacing-sizing-04)}[data-bspk=button][data-size=small] [data-button-icon]{width:var(--spacing-sizing-05);height:var(--spacing-sizing-05)}[data-bspk=button][data-size=medium]{font-size:var(--typography-size-base);line-height:var(--typography-line-height-lh-2);height:var(--spacing-sizing-10);min-width:var(--spacing-sizing-10)}[data-bspk=button][data-size=medium]:has([data-button-label]),[data-bspk=button][data-size=medium][data-override]{padding:var(--spacing-sizing-02) var(--spacing-sizing-04)}[data-bspk=button][data-size=medium] [data-button-icon]{width:var(--spacing-sizing-05);height:var(--spacing-sizing-05)}[data-bspk=button][data-size=large]{font-size:var(--typography-size-bp-md);line-height:var(--typography-line-height-lh-4);height:var(--spacing-sizing-12);min-width:var(--spacing-sizing-12)}[data-bspk=button][data-size=large]:has([data-button-label]),[data-bspk=button][data-size=large][data-override]{padding:var(--spacing-sizing-03) var(--spacing-sizing-04)}[data-bspk=button][data-size=large] [data-button-icon]{width:var(--spacing-sizing-06);height:var(--spacing-sizing-06)}[data-bspk=button][disabled]{cursor:not-allowed}[data-bspk=button] [data-button-icon]{display:flex;flex-direction:column;align-items:center}[data-bspk=button] [data-button-label]{display:flex;flex-direction:row;align-items:center}[data-bspk=button][data-variant=primary]{--primary-background: var(--surface-brand-primary);background:linear-gradient(var(--primary-background), var(--primary-background));color:var(--foreground-brand-on-primary);border-radius:var(--radius-small)}[data-bspk=button][data-variant=primary][disabled]{color:var(--foreground-neutral-disabled-on-surface);background:var(--interactions-disabled-opacity)}[data-pseudo=hover]>[data-bspk=button][data-variant=primary]:not([disabled]),[data-bspk=button][data-variant=primary]:not([disabled]):hover{background:linear-gradient(var(--interactions-brand-hover-opacity), var(--interactions-brand-hover-opacity)),linear-gradient(var(--primary-background), var(--primary-background))}[data-pseudo=active]>[data-bspk=button][data-variant=primary]:not([disabled]),[data-bspk=button][data-variant=primary]:not([disabled]):active{background:linear-gradient(var(--interactions-brand-press-opacity), var(--interactions-brand-press-opacity)),linear-gradient(var(--primary-background), var(--primary-background))}[data-pseudo=focus]>[data-bspk=button][data-variant=primary]:not([disabled]),[data-bspk=button][data-variant=primary]:not([disabled]):focus-visible{outline:solid 2px var(--stroke-neutral-focus)}[data-bspk=button][data-variant=primary][data-destructive]{--primary-background: var(--status-error);color:var(--foreground-brand-on-primary)}[data-bspk=button][data-variant=secondary]{border:solid 1px var(--stroke-neutral-base);border-radius:var(--radius-small);color:var(--foreground-neutral-on-surface-variant-01)}[data-bspk=button][data-variant=secondary][disabled]{color:var(--foreground-neutral-disabled-on-surface);border:solid 1px var(--stroke-neutral-disabled-light)}[data-pseudo=hover]>[data-bspk=button][data-variant=secondary]:not([disabled]),[data-bspk=button][data-variant=secondary]:not([disabled]):hover{background-color:var(--interactions-neutral-hover-opacity)}[data-pseudo=active]>[data-bspk=button][data-variant=secondary]:not([disabled]),[data-bspk=button][data-variant=secondary]:not([disabled]):active{background-color:var(--interactions-neutral-press-opacity)}[data-pseudo=focus]>[data-bspk=button][data-variant=secondary]:not([disabled]),[data-bspk=button][data-variant=secondary]:not([disabled]):focus-visible{outline:solid 2px var(--stroke-neutral-focus)}[data-bspk=button][data-variant=secondary][data-destructive]{background:rgba(0,0,0,0);color:var(--status-error);border:solid 1px var(--status-error)}[data-bspk=button][data-variant=tertiary]{background:rgba(0,0,0,0);color:var(--foreground-neutral-on-surface-variant-01)}[data-bspk=button][data-variant=tertiary][disabled]{color:var(--foreground-neutral-disabled-on-surface)}[data-pseudo=hover]>[data-bspk=button][data-variant=tertiary]:not([disabled]),[data-bspk=button][data-variant=tertiary]:not([disabled]):hover{background:var(--interactions-neutral-hover-opacity)}[data-pseudo=active]>[data-bspk=button][data-variant=tertiary]:not([disabled]),[data-bspk=button][data-variant=tertiary]:not([disabled]):active{background:var(--interactions-neutral-press-opacity)}[data-pseudo=focus]>[data-bspk=button][data-variant=tertiary]:not([disabled]),[data-bspk=button][data-variant=tertiary]:not([disabled]):focus-visible{outline:solid 2px var(--stroke-neutral-focus)}[data-bspk=button][data-variant=tertiary][data-destructive]{color:var(--status-error)}

package/dist/card.css

@@ -0,0 +1 @@
+[data-bspk=card]{display:block;background:var(--surface-neutral-t1-base);padding:var(--spacing-sizing-03);border-radius:var(--radius-medium);overflow:hidden}[data-bspk=card][data-hide-padding]{padding:0}[data-bspk=card][data-variant=outlined]{border:solid 1px var(--stroke-neutral-low)}[data-bspk=card][data-variant=elevated]{box-shadow:0 1px 2px 0 var(--shadow-32),0 1px 3px 1px var(--shadow-15)}

package/dist/checkbox.css

@@ -0,0 +1 @@
+[data-bspk=checkbox]{display:block;position:relative;width:var(--spacing-sizing-06);aspect-ratio:1/1;padding:2px}[data-bspk=checkbox] input[type=checkbox]{position:absolute;opacity:0;z-index:2;width:100%;height:100%;top:0;left:0;cursor:pointer}[data-bspk=checkbox] span{--stroke: var(--stroke-neutral-base);--inner: none;--background: none;--color: var(--foreground-brand-on-primary);box-sizing:border-box;display:flex;width:20px;aspect-ratio:1/1;cursor:pointer;border-radius:2px;border:2px solid var(--stroke);align-items:center;flex-direction:column;justify-content:center;position:relative;background:var(--background);color:var(--color)}[data-bspk=checkbox] span svg[data-checked]{width:14px;display:none}[data-bspk=checkbox] span svg[data-indeterminate]{width:12px;display:none}[data-bspk=checkbox] input[type=checkbox]:not(:checked,:indeterminate,:disabled):hover+span{background-color:var(--interactions-neutral-hover-opacity)}[data-bspk=checkbox] input[type=checkbox]:not(:checked,:indeterminate,:disabled):active+span{background-color:var(--interactions-neutral-press-opacity)}[data-bspk=checkbox] input[type=checkbox]:checked+span svg[data-checked],[data-bspk=checkbox] input[type=checkbox]:indeterminate+span svg[data-indeterminate]{display:block}[data-bspk=checkbox] input[type=checkbox]:checked+span,[data-bspk=checkbox] input[type=checkbox]:indeterminate+span{--stroke: var(--stroke-brand-primary);--background: var(--surface-brand-primary)}[data-bspk=checkbox] input[type=checkbox]:disabled{pointer-events:none}[data-bspk=checkbox] input[type=checkbox]:disabled+span{--stroke: var(--stroke-neutral-interactions-disabled-light)}[data-bspk=checkbox] input[type=checkbox]:disabled:is(:checked,:indeterminate)+span{--stroke: transparent;--background: var(--interactions-disabled-opacity);--color: var(--foreground-neutral-disabled-on-surface)}[data-bspk=checkbox] input[type=checkbox][aria-invalid]:not(:disabled):checked+span,[data-bspk=checkbox] input[type=checkbox][aria-invalid]:not(:disabled):indeterminate+span{--background: var(--status-error)}[data-bspk=checkbox] input[type=checkbox][aria-invalid]:not(:disabled)+span{--stroke: var(--status-error)}

package/dist/chip.css

@@ -0,0 +1 @@
+[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-small)}[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)}

package/dist/colors.css

@@ -0,0 +1 @@
+[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}

package/dist/dialog.css

@@ -0,0 +1 @@
+[data-bspk=dialog]{position:fixed;inset:0;z-index:var(--z-index-dialog)}[data-bspk=dialog] [data-dialog-box]{text-align:start;position:relative;border-radius:var(--radius-large);box-shadow:var(--drop-shadow-float);background:var(--surface-neutral-t1-base);color:var(--foreground-neutral-on-surface);max-height:calc(100vh - var(--spacing-sizing-24));overflow:scroll;z-index:2}[data-bspk=dialog] [data-dialog-box]>:first-of-type{margin-top:0}[data-bspk=dialog] [data-dialog-box]>:last-child{margin-bottom:0}@media(width >= 640px){[data-bspk=dialog] [data-dialog-box]{width:90%}}@media(width >= 768px){[data-bspk=dialog] [data-dialog-box]{width:80%}}@media(width >= 1024px){[data-bspk=dialog] [data-dialog-box]{width:60%}}@media(width >= 1280px){[data-bspk=dialog] [data-dialog-box]{width:50%}}[data-bspk=dialog] [data-dialog-backdrop]{z-index:1;position:fixed;inset:0;background-color:var(--background-scrim);opacity:0;transition:opacity .3s}[data-bspk=dialog][data-visibility=show] [data-dialog-backdrop]{opacity:1}[data-bspk=dialog][data-placement=center]{display:flex;justify-content:center;align-items:center}[data-bspk=dialog][data-placement=center] [data-dialog-box]{transition:opacity 1s;opacity:0}[data-bspk=dialog][data-placement=center][data-visibility=show] [data-dialog-box]{opacity:1}[data-bspk=dialog][data-placement=bottom] [data-dialog-box]{position:absolute;border-bottom-left-radius:0;border-bottom-right-radius:0;width:600px;left:50%;transform:translateX(-50%);bottom:-100vh;transition:bottom .3s}[data-bspk=dialog][data-placement=bottom][data-visibility=show] [data-dialog-box]{bottom:0}[data-bspk=dialog][data-placement=top] [data-dialog-box]{position:absolute;border-top-left-radius:0;border-top-right-radius:0;width:600px;left:50%;transform:translateX(-50%);top:-100vh;transition:top .3s}[data-bspk=dialog][data-placement=top][data-visibility=show] [data-dialog-box]{top:0}[data-bspk=dialog][data-placement=left] [data-dialog-box]{position:absolute;max-height:unset;width:280px;height:100vh;border-bottom-left-radius:0;border-top-left-radius:0;left:-100vw;transition:left .3s}[data-bspk=dialog][data-placement=left][data-visibility=show] [data-dialog-box]{left:0}[data-bspk=dialog][data-placement=right] [data-dialog-box]{position:absolute;max-height:unset;width:280px;height:100vh;border-bottom-right-radius:0;border-top-right-radius:0;right:-100vw;transition:right .3s}[data-bspk=dialog][data-placement=right][data-visibility=show] [data-dialog-box]{right:0}

package/dist/divider.css

@@ -0,0 +1 @@
+[data-bspk=divider]{/*! --inset: is set via inline style */display:flex;background-color:var(--stroke-neutral-low);align-self:stretch;place-content:stretch stretch;margin:0;padding:0;content:"hello";--length: calc(100% - var(--inset) * 2)}[data-bspk=divider],[data-bspk=divider][data-thickness=light]{--line-thickness: 1px;--padding: var(--spacing-sizing-02)}[data-bspk=divider][data-thickness=heavy]{--line-thickness: 2px;--padding: var(--spacing-sizing-04)}[data-bspk=divider],[data-bspk=divider][data-orientation=horizontal]{width:unset;min-height:unset;height:var(--line-thickness);min-width:var(--length);margin:var(--padding) var(--inset)}[data-bspk=divider][data-orientation=vertical]{height:unset;min-width:unset;width:var(--line-thickness);min-height:var(--length);margin:var(--inset) var(--padding)}[data-bspk=divider][data-hide-padding]{--padding: 0}

package/dist/dropdown.css

@@ -0,0 +1 @@
+[data-bspk=dropdown]{--dropdown-background: var(--surface-neutral-t1-base);--dropdown-border-color: var(--stroke-neutral-base);--dropdown-text-color: var(--foreground-neutral-on-surface);--dropdown-height: var(--spacing-sizing-10);--dropdown-font: var(--body-base);--dropdown-clear-height: var(--spacing-sizing-05);--dropdown-padding: var(--spacing-sizing-03);--dropdown-icon-width: var(--spacing-sizing-05);position:relative;width:100%;max-width:280px;outline:unset;min-height:var(--dropdown-height);max-height:var(--dropdown-height);display:flex;flex-direction:row;gap:var(--spacing-sizing-02);flex-grow:0;flex-shrink:0;text-align:left;font:var(--dropdown-font);border:1px solid var(--dropdown-border-color);border-radius:var(--radius-small);background:var(--dropdown-background);padding:0 var(--dropdown-padding)}[data-bspk=dropdown] [data-placeholder]{display:block;max-width:100%;text-overflow:ellipsis;overflow:hidden;padding:0}[data-bspk=dropdown] [data-placeholder] [data-inner]{min-height:auto;padding:0}[data-bspk=dropdown] [data-placeholder] [data-item-label] [data-text]{color:var(--dropdown-text-color)}[data-bspk=dropdown] [data-svg]{display:flex;flex-direction:column;justify-content:center}[data-bspk=dropdown] [data-svg] svg{transform:rotate(90deg);width:var(--dropdown-icon-width)}[data-bspk=dropdown][data-size=small]{--dropdown-height: var(--spacing-sizing-08);--dropdown-font: var(--body-small);--dropdown-clear-height: var(--spacing-sizing-05);--dropdown-padding: var(--spacing-sizing-02);--dropdown-icon-width: var(--spacing-sizing-05)}[data-bspk=dropdown][data-size=large]{--dropdown-height: var(--spacing-sizing-12);--dropdown-font: var(--body-large);--dropdown-clear-height: var(--spacing-sizing-06);--dropdown-icon-width: var(--spacing-sizing-06)}[data-bspk=dropdown]:disabled{--dropdown-text-color: var(--foreground-neutral-disabled-on-surface);--dropdown-border-color: var(--stroke-neutral-disabled-light);--dropdown-background: linear-gradient(var(--interactions-disabled-opacity), var(--interactions-disabled-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base))}[data-bspk=dropdown]:disabled[aria-readonly]:not([data-empty]){--dropdown-text-color: var(--foreground-neutral-on-surface)}[data-bspk=dropdown]:not(:disabled):focus{--dropdown-border-color: var(--stroke-brand-primary)}[data-bspk=dropdown]:not(:disabled):hover{--dropdown-background: 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=dropdown]:not(:disabled):active{--dropdown-background: 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=dropdown][data-invalid]{--dropdown-border-color: var(--status-error)}[data-bspk=dropdown][data-empty]{--dropdown-text-color: var(--foreground-neutral-on-surface-variant-03)}

package/dist/fab.css

@@ -0,0 +1 @@
+[data-bspk=fab]{--placement-offset: var(--spacing-sizing-04);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-sizing-02);border:none;cursor:pointer;box-sizing:border-box;text-decoration:none;z-index:var(--z-index-fab);box-shadow:var(--drop-shadow-float);border-radius:var(--radius-small);background:var(--variant-background);color:var(--variant-foreground);--variant-gradient: linear-gradient(var(--variant-background), var(--variant-background))}[data-bspk=fab][data-container=page]{position:fixed}[data-bspk=fab][data-container=local]{position:absolute}[data-bspk=fab][data-placement=top-right]{top:var(--placement-offset);right:var(--placement-offset)}[data-bspk=fab][data-placement=bottom-right]{bottom:var(--placement-offset);right:var(--placement-offset)}[data-bspk=fab][data-placement=top-left]{top:var(--placement-offset);left:var(--placement-offset)}[data-bspk=fab][data-placement=bottom-left]{bottom:var(--placement-offset);left:var(--placement-offset)}[data-bspk=fab]>[data-fab-icon]{display:flex;flex-direction:column;align-items:center}[data-bspk=fab]>[data-fab-label]{display:flex;flex-direction:row;align-items:center}[data-bspk=fab][data-size=small]{font:var(--labels-base);height:var(--spacing-sizing-10);padding:0 var(--spacing-sizing-04)}[data-bspk=fab][data-size=small]>[data-fab-icon]{width:var(--spacing-sizing-05)}[data-bspk=fab][data-size=medium]{font:var(--labels-large);height:var(--spacing-sizing-14);padding:0 var(--spacing-sizing-07)}[data-bspk=fab][data-size=medium]>[data-fab-icon]{width:var(--spacing-sizing-06)}[data-bspk=fab][data-variant=primary]{--variant-background: var(--surface-brand-primary);--variant-foreground: var(--foreground-brand-on-primary)}[data-bspk=fab][data-variant=secondary]{--variant-background: var(--surface-brand-secondary);--variant-foreground: var(--foreground-brand-on-secondary)}[data-bspk=fab][data-variant=neutral]{--variant-background: var(--surface-neutral-t1-base);--variant-foreground: var(--foreground-neutral-on-surface-variant-01)}[data-pseudo=hover]>[data-bspk=fab],[data-bspk=fab]:hover{background:linear-gradient(var(--interactions-brand-hover-opacity), var(--interactions-brand-hover-opacity)),var(--variant-gradient)}[data-pseudo=active]>[data-bspk=fab],[data-bspk=fab]:active{background:linear-gradient(var(--interactions-brand-press-opacity), var(--interactions-brand-press-opacity)),var(--variant-gradient)}[data-pseudo=focus]>[data-bspk=fab],[data-bspk=fab]:focus-visible{outline:solid 2px var(--stroke-neutral-focus)}[data-bspk=fab][data-round]{border-radius:var(--radius-circular);aspect-ratio:1/1;padding:0}

package/dist/form-field.css

@@ -0,0 +1 @@
+[data-bspk=form-field]{box-sizing:border-box;width:100%;display:flex;flex-direction:column;gap:var(--spacing-sizing-01)}[data-bspk=form-field] header label{flex-grow:1}

package/{hooks → dist/hooks}/useCheckboxGroupState.d.ts

@@ -29,7 +29,7 @@ import { CheckboxProps } from '../Checkbox';
  */
 export declare function useCheckboxGroupState(allValues: string[], name: string, externalState?: [values: string[], setValues: (next: string[]) => void]): {
     toggleValue: (itemValue: string, checked: boolean) => void;
-    allCheckboxProps: Pick<CheckboxProps, "onChange" | "name" | "value" | "checked" | "indeterminate">;
+    allCheckboxProps: Pick<CheckboxProps, "name" | "value" | "onChange" | "checked" | "indeterminate">;
     checkboxProps: (value: string) => Pick<CheckboxProps, "checked" | "name" | "onChange" | "value">;
     values: string[];
     setValues: (next: string[]) => void;

package/{hooks → dist/hooks}/useCheckboxGroupState.js

@@ -1,5 +1,4 @@
-import { useState, useCallback, useMemo } from 'react';
-
+import { useCallback, useMemo, useState } from 'react';
 /**
  * A hook to manage the state of a group of checkboxes. Used alongside the CheckboxGroup component.
  *
@@ -28,7 +27,7 @@ import { useState, useCallback, useMemo } from 'react';
  * @param externalState - The externally managed state of the checkboxes.
  * @returns Properties to pass to the checkbox, other helper functions, and the state of the checkbox.
  */
-function useCheckboxGroupState(allValues, name, externalState) {
+export function useCheckboxGroupState(allValues, name, externalState) {
     const localState = useState([]);
     const [values, setValues] = externalState || localState;
     const toggleValue = useCallback((itemValue, checked) => {
@@ -56,6 +55,4 @@ function useCheckboxGroupState(allValues, name, externalState) {
     return { toggleValue, allCheckboxProps, checkboxProps, values, setValues };
 }
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
-
-export { useCheckboxGroupState };
-//# sourceMappingURL=useCheckboxGroupState.js.map
+//# sourceMappingURL=useCheckboxGroupState.js.map

package/dist/hooks/useCheckboxGroupState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCheckboxGroupState.js","sourceRoot":"","sources":["../../src/hooks/useCheckboxGroupState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIvD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,UAAU,qBAAqB,CACjC,SAAmB,EACnB,IAAY,EACZ,aAAuE;IAEvE,MAAM,UAAU,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAC1C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,aAAa,IAAI,UAAU,CAAC;IAExD,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,SAAiB,EAAE,OAAgB,EAAE,EAAE;QACpC,SAAS,CACL,SAAS,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YACxB,IAAI,KAAK,KAAK,SAAS;gBAAE,OAAO,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;YACrD,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/C,CAAC,CAAC,CACL,CAAC;IACN,CAAC,EACD,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,CACjC,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC7B,CAAC,KAAa,EAAkE,EAAE,CAAC,CAAC;QAChF,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QAC/B,IAAI;QACJ,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC;QAClD,KAAK;KACR,CAAC,EACF,CAAC,MAAM,EAAE,IAAI,EAAE,WAAW,CAAC,CAC9B,CAAC;IAEF,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAG/B,EAAE;QACA,OAAO;YACH,OAAO,EAAE,SAAS,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM;YAC3C,aAAa,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM;YACpE,IAAI;YACJ,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YAC9E,KAAK,EAAE,KAAK;SACf,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IAEhD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;AAC/E,CAAC;AAED,sDAAsD"}

package/{hooks → dist/hooks}/useCheckboxState.js

@@ -1,5 +1,4 @@
 import { useState } from 'react';
-
 /**
  * A hook to manage the state of a single checkbox. Used alongside the Checkbox component.
  *
@@ -16,7 +15,7 @@ import { useState } from 'react';
  * @param externalState - The externally managed state of the checkbox.
  * @returns Properties to pass to the checkbox and the state of the checkbox.
  */
-function useCheckboxState(name, externalState) {
+export function useCheckboxState(name, externalState) {
     const localState = useState();
     const [value, setValue] = externalState || localState;
     const checkboxProps = (checkboxValue) => {
@@ -35,6 +34,4 @@ function useCheckboxState(name, externalState) {
     return { checkboxProps, value, setValue };
 }
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
-
-export { useCheckboxState };
-//# sourceMappingURL=useCheckboxState.js.map
+//# sourceMappingURL=useCheckboxState.js.map

package/dist/hooks/useCheckboxState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCheckboxState.js","sourceRoot":"","sources":["../../src/hooks/useCheckboxState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjC;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,gBAAgB,CAC5B,IAAY,EACZ,aAAiF;IAMjF,MAAM,UAAU,GAAG,QAAQ,EAAY,CAAC;IACxC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,aAAa,IAAI,UAAU,CAAC;IAEtD,MAAM,aAAa,GAAG,CAAC,aAAqB,EAAkE,EAAE;QAC5G,OAAO;YACH,IAAI;YACJ,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC;YACvC,KAAK,EAAE,aAAa;YACpB,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;gBAClB,MAAM,IAAI,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,aAAa,CAAC,CAAC;gBAC9D,IAAI,OAAO;oBAAE,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;gBACtC,QAAQ,CAAC,IAAI,CAAC,CAAC;YACnB,CAAC;SACJ,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;AAC9C,CAAC;AAED,sDAAsD"}

package/{hooks → dist/hooks}/useFloating.js

@@ -1,7 +1,3 @@
-import { computePosition, arrow, offset, flip, size, autoUpdate } from '@floating-ui/dom';
-import { useState, useCallback, useEffect } from 'react';
-import { useTimeout } from './useTimeout.js';
-
 /**
  * Custom hook to manage the positioning of a floating element relative to a reference element.
  *
@@ -14,6 +10,9 @@ import { useTimeout } from './useTimeout.js';
  * @param {boolean} [params.refWidth] - Whether to match the width of the floating element to the reference element.
  * @param {boolean} [params.hide=false] - Whether to hide the floating element. Default is `false`
  */
+import { computePosition, arrow, offset, flip, autoUpdate, size, } from '@floating-ui/dom';
+import { useCallback, useEffect, useState } from 'react';
+import { useTimeout } from './useTimeout';
 const TRANSITION_DELAY = 250;
 /**
  *
@@ -21,7 +20,7 @@ const TRANSITION_DELAY = 250;
  * @param param0
  * @returns
  */
-function useFloating({ placement, arrowRef, strategy, offsetOptions = 0, refWidth, hide = false, }) {
+export function useFloating({ placement, arrowRef, strategy, offsetOptions = 0, refWidth, hide = false, }) {
     const [floatingStyles, setFloatingStylesState] = useState({
         opacity: 0,
         pointerEvents: 'none',
@@ -151,6 +150,4 @@ function useFloating({ placement, arrowRef, strategy, offsetOptions = 0, refWidt
     };
 }
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
-
-export { useFloating };
-//# sourceMappingURL=useFloating.js.map
+//# sourceMappingURL=useFloating.js.map

package/dist/hooks/useFloating.js.map

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

package/{hooks → dist/hooks}/useFloatingMenu.js

@@ -1,10 +1,9 @@
 import { useId, useState } from 'react';
-import { EVENT_KEY } from '../utils/keyboard.js';
-import { useFloating } from './useFloating.js';
-import { useKeyboardNavigation } from './useKeyboardNavigation.js';
-import { useOutsideClick } from './useOutsideClick.js';
-
-function useFloatingMenu({ placement, triggerProps }) {
+import { EVENT_KEY } from '../utils/keyboard';
+import { useFloating } from './useFloating';
+import { useKeyboardNavigation } from './useKeyboardNavigation';
+import { useOutsideClick } from './useOutsideClick';
+export function useFloatingMenu({ placement, triggerProps }) {
     const menuId = useId();
     const [show, setShow] = useState(false);
     const closeMenu = () => setShow(false);
@@ -66,6 +65,4 @@ function useFloatingMenu({ placement, triggerProps }) {
     };
 }
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
-
-export { useFloatingMenu };
-//# sourceMappingURL=useFloatingMenu.js.map
+//# sourceMappingURL=useFloatingMenu.js.map

package/dist/hooks/useFloatingMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFloatingMenu.js","sourceRoot":"","sources":["../../src/hooks/useFloatingMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,OAAO,EAAa,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAkCpD,MAAM,UAAU,eAAe,CAAC,EAAE,SAAS,EAAE,YAAY,EAAwB;IAC7E,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IAEvB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC;QAC7D,SAAS;QACT,QAAQ,EAAE,OAAO;QACjB,aAAa,EAAE,CAAC;QAChB,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,CAAC,IAAI;KACd,CAAC,CAAC;IAEH,MAAM,EAAE,mBAAmB,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,qBAAqB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAEjH,eAAe,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE;QAC7D,KAAK,EAAE,eAAe,EAAE,CAAC;QACzB,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,SAAS,EAAE,CAAC;IAChB,CAAC,CAAC,CAAC;IAEH,OAAO;QACH,SAAS,EAAE;YACP,WAAW;YACX,gBAAgB,EAAE,cAAc,EAAE,MAAM,EAAE,SAAS;YACnD,EAAE,EAAE,MAAM;YACV,QAAQ,EAAE,CAAC,IAAwB,EAAE,EAAE;gBACnC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAC/B,CAAC;YACD,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,cAAc;YACrB,QAAQ,EAAE,CAAC,CAAC;SACf;QACD,YAAY,EAAE;YACV,uBAAuB,EAAE,UAAU,IAAI,SAAS;YAChD,eAAe,EAAE,MAAM;YACvB,eAAe,EAAE,IAAI;YACrB,eAAe,EAAE,SAA4C;YAC7D,cAAc,EAAE,YAAY,EAAE,OAAO,IAAI,SAAS;YAClD,WAAW,EAAE,MAAM;YACnB,eAAe,EAAE,YAAY,EAAE,QAAQ,IAAI,SAAS;YACpD,IAAI,EAAE,UAAU;YAChB,QAAQ,EAAE,CAAC;YACX,GAAG,EAAE,CAAC,IAAwB,EAAE,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC;YAC5D,OAAO,EAAE,GAAG,EAAE;gBACV,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;YAC7B,CAAC;YACD;;;eAGG;YACH,gBAAgB,EAAE,CAAC,KAA0B,EAAW,EAAE;gBACtD,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,CAAC,MAAM,EAAE,CAAC;oBAChE,SAAS,EAAE,CAAC;oBACZ,OAAO,IAAI,CAAC;gBAChB,CAAC;gBAED,QAAQ,EAAE,CAAC;gBAEX,OAAO,mBAAmB,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;YACpD,CAAC;SACJ;QACD,SAAS;KACZ,CAAC;AACN,CAAC;AAED,sDAAsD"}

package/{hooks → dist/hooks}/useId.js

@@ -1,16 +1,13 @@
-import { useId as useId$1 } from 'react';
-
+import { useId as useIdReact } from 'react';
 /**
  * A utility hook that generates a unique id for an element. If a default id is provided, it will use that instead.
  *
  * @param {string | undefined | null} defaultId
  * @returns {string}
  */
-function useId(defaultId) {
-    const generatedId = useId$1();
+export function useId(defaultId) {
+    const generatedId = useIdReact();
     return defaultId || generatedId;
 }
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
-
-export { useId };
-//# sourceMappingURL=useId.js.map
+//# sourceMappingURL=useId.js.map

package/dist/hooks/useId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useId.js","sourceRoot":"","sources":["../../src/hooks/useId.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;GAKG;AACH,MAAM,UAAU,KAAK,CAAC,SAAyB;IAC3C,MAAM,WAAW,GAAG,UAAU,EAAE,CAAC;IACjC,OAAO,SAAS,IAAI,WAAW,CAAC;AACpC,CAAC;AAED,sDAAsD"}

package/{hooks → dist/hooks}/useKeyboardNavigation.js

@@ -1,7 +1,6 @@
 import { useState } from 'react';
-import { EVENT_KEY } from '../utils/keyboard.js';
-import { scrollElementIntoView } from '../utils/scrollElementIntoView.js';
-
+import { EVENT_KEY } from '../utils/keyboard';
+import { scrollElementIntoView } from '../utils/scrollElementIntoView';
 /**
  * This hook provides keyboard navigation for a list of elements. Used inside the Dropdown component.
  *
@@ -30,7 +29,7 @@ import { scrollElementIntoView } from '../utils/scrollElementIntoView.js';
  *   is closed.
  * @returns An object containing the selectedIndex, setSelectedIndex, and handleKeyNavigation function.
  */
-function useKeyboardNavigation(containerElement) {
+export function useKeyboardNavigation(containerElement) {
     const [selectedIndex, setSelectedIndex] = useState(-1);
     if (!containerElement)
         return {
@@ -74,6 +73,4 @@ function useKeyboardNavigation(containerElement) {
     };
 }
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
-
-export { useKeyboardNavigation };
-//# sourceMappingURL=useKeyboardNavigation.js.map
+//# sourceMappingURL=useKeyboardNavigation.js.map

package/dist/hooks/useKeyboardNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardNavigation.js","sourceRoot":"","sources":["../../src/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,UAAU,qBAAqB,CACjC,gBAAqC;IAerC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAEvD,IAAI,CAAC,gBAAgB;QACjB,OAAO;YACH,mBAAmB,EAAE,GAAG,EAAE,CAAC,KAAK;YAChC,aAAa;YACb,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;YAC1B,UAAU,EAAE,SAAS;SACxB,CAAC;IAEN,MAAM,wBAAwB,GAAG,CAAC,KAAoB,EAAW,EAAE;QAC/D,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC;YAAE,OAAO,KAAK,CAAC;QAElF,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,CAAC,gBAAgB,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,MAAM;YAAE,OAAO,KAAK,CAAC;QAEzE,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAkB,CAAC;QAE7E,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,CAAC,KAAK,IAAI,aAAa,KAAK,CAAC,CAAC,EAAE,CAAC;YACxD,YAAY,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,CAAC;YACpC,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,IAAI,IAAI,GAAG,CAAC,CAAC;QACb,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,CAAC,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,CAAC,SAAS;YAAE,IAAI,GAAG,aAAa,GAAG,CAAC,CAAC;QACnG,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,CAAC,SAAS,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,CAAC,UAAU;YAAE,IAAI,GAAG,aAAa,GAAG,CAAC,CAAC;QAEtG,IAAI,IAAI,GAAG,CAAC;YAAE,IAAI,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;QAC7C,IAAI,IAAI,IAAI,YAAY,CAAC,MAAM;YAAE,IAAI,GAAG,CAAC,CAAC;QAE1C,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;YAC/B,EAAE,CAAC,OAAO,CAAC,QAAQ,GAAG,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;QAC9D,CAAC,CAAC,CAAC;QAEH,qBAAqB,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC,CAAC;QAC5D,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACvB,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO;QACH,mBAAmB,EAAE,wBAAwB;QAC7C,aAAa;QACb,UAAU,EAAE,aAAa,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,EAAE;QAC1F,gBAAgB,EAAE,gBAAgB;KACrC,CAAC;AACN,CAAC;AAED,sDAAsD"}

package/{hooks → dist/hooks}/useLongPress.js

@@ -1,7 +1,6 @@
 import { useRef } from 'react';
-import { useTimeout } from './useTimeout.js';
-
-function useLongPress(callback, ms = 2000, isDisabled = false) {
+import { useTimeout } from './useTimeout';
+export function useLongPress(callback, ms = 2000, isDisabled = false) {
     const longPressTimeout = useTimeout();
     const longPressCount = useRef(1);
     const duration = useRef(ms);
@@ -44,6 +43,4 @@ function useLongPress(callback, ms = 2000, isDisabled = false) {
     };
 }
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
-
-export { useLongPress };
-//# sourceMappingURL=useLongPress.js.map
+//# sourceMappingURL=useLongPress.js.map

package/dist/hooks/useLongPress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLongPress.js","sourceRoot":"","sources":["../../src/hooks/useLongPress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,UAAU,YAAY,CAAC,QAAsC,EAAE,KAAa,IAAI,EAAE,UAAU,GAAG,KAAK;IACtG,MAAM,gBAAgB,GAAG,UAAU,EAAE,CAAC;IACtC,MAAM,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IACjC,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;IAE5B,MAAM,IAAI,GAAG,GAAG,EAAE;QACd,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC;QAC3B,QAAQ,CAAC,OAAO,GAAG,EAAE,CAAC;QACtB,gBAAgB,CAAC,KAAK,EAAE,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,GAAG,EAAE;QACf,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;QACtB,gBAAgB,CAAC,GAAG,CAChB,GAAG,EAAE;YACD,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;YACjC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;YAC5B,KAAK,EAAE,CAAC;QACZ,CAAC;QACD,EAAE;QACF,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO,EAAE,GAAG,CAAC,CAClC,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,WAAW,GAA6B;QAC1C,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,UAAU;gBAAE,OAAO;YAEvB,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;YACjC,KAAK,EAAE,CAAC;QACZ,CAAC;QACD,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,KAAK,CAAC,SAAS,GAAG,GAAG,IAAI,KAAK,CAAC,SAAS,GAAG,GAAG;gBAAE,IAAI,EAAE,CAAC;QAC/D,CAAC;QACD,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE;QAC1B,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE;KAC1B,CAAC;IAEF,OAAO;QACH,KAAK;QACL,IAAI;QACJ,WAAW;QACX,OAAO,EAAE,gBAAgB;KAC5B,CAAC;AACN,CAAC;AAED,sDAAsD"}

package/{hooks → dist/hooks}/useModalState.js

@@ -1,5 +1,4 @@
-import { useState, useEffect } from 'react';
-
+import { useEffect, useState } from 'react';
 /**
  * A hook to manage the state of a modal.
  *
@@ -16,7 +15,7 @@ import { useState, useEffect } from 'react';
  * @param setParentState - A function to set the parent state.
  * @returns An object with the open state and the `onClose` and `onOpen` callbacks.
  */
-function useModalState(parentValue = false, setParentState) {
+export function useModalState(parentValue = false, setParentState) {
     const [open, setOpen] = useState(parentValue);
     useEffect(() => setOpen(parentValue), [parentValue]);
     return {
@@ -32,6 +31,4 @@ function useModalState(parentValue = false, setParentState) {
     };
 }
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
-
-export { useModalState };
-//# sourceMappingURL=useModalState.js.map
+//# sourceMappingURL=useModalState.js.map

package/dist/hooks/useModalState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModalState.js","sourceRoot":"","sources":["../../src/hooks/useModalState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,aAAa,CAAC,cAAuB,KAAK,EAAE,cAAwC;IAChG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAErD,OAAO;QACH,IAAI;QACJ,OAAO,EAAE,GAAG,EAAE;YACV,OAAO,CAAC,KAAK,CAAC,CAAC;YACf,cAAc,EAAE,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;QACD,MAAM,EAAE,GAAG,EAAE;YACT,OAAO,CAAC,IAAI,CAAC,CAAC;YACd,cAAc,EAAE,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;KACJ,CAAC;AACN,CAAC;AAED,sDAAsD"}

package/{hooks → dist/hooks}/useNavOptions.js

@@ -1,7 +1,6 @@
 import { useMemo } from 'react';
-import { isValidIcon, getChildTypeName } from '../utils/children.js';
-import { useErrorLogger } from '../utils/errors.js';
-
+import { getChildTypeName, isValidIcon } from '../utils/children';
+import { useErrorLogger } from '../utils/errors';
 /**
  * A utility hook used within navigation components. Returns options ready for use in a navigation component. Validates
  * the icons and sets the icon and iconActive properties.
@@ -9,7 +8,7 @@ import { useErrorLogger } from '../utils/errors.js';
  * @param options [NavOption[]] The options to display. Each option has a label and an optional leading icon.
  * @returns {undefined} NavOption[] The options with the validated icon and iconActive properties set.
  */
-function useNavOptions(options) {
+export function useNavOptions(options) {
     const { logError } = useErrorLogger();
     return useMemo(() => {
         if (!options)
@@ -41,6 +40,4 @@ function useNavOptions(options) {
     }, [logError, options]);
 }
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
-
-export { useNavOptions };
-//# sourceMappingURL=useNavOptions.js.map
+//# sourceMappingURL=useNavOptions.js.map

package/dist/hooks/useNavOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNavOptions.js","sourceRoot":"","sources":["../../src/hooks/useNavOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAAsB,OAAwB;IACvE,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IAEtC,OAAO,OAAO,CAAC,GAAG,EAAE;QAChB,IAAI,CAAC,OAAO;YAAE,OAAO,EAAE,CAAC;QAExB,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAE/G,QAAQ,CACJ,YAAY,KAAK,IAAI,EACrB,+FAA+F,CAClG,CAAC;QAEF,OAAO,OAAO;aACT,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACZ,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,MAAM,CAAC;YAElC,IAAI,YAAY,EAAE,CAAC;gBACf,IAAI,GAAG,SAAS,CAAC;gBACjB,UAAU,GAAG,SAAS,CAAC;YAC3B,CAAC;YAED,IACI,UAAU;gBACV,mHAAmH;gBACnH,CAAC,CAAC,IAAI;oBACF,CAAC,WAAW,CAAC,UAAU,CAAC;oBACxB,gBAAgB,CAAC,UAAU,CAAC,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,EACvE,CAAC;gBACC,UAAU,GAAG,SAAS,CAAC;YAC3B,CAAC;YAED,OAAO;gBACH,GAAG,MAAM;gBACT,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK;gBACnC,IAAI;gBACJ,UAAU;aACb,CAAC;QACN,CAAC,CAAC;aACD,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,GAAG,EAAE,IAAI,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IACnG,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;AAC5B,CAAC;AAsBD,sDAAsD"}

package/{hooks → dist/hooks}/useOutsideClick.js

@@ -1,5 +1,4 @@
 import { useEffect } from 'react';
-
 /**
  * A hook which calls a method when a click occurs outside of the provided ref. Used inside the Dropdown and Modal
  * components.
@@ -29,7 +28,7 @@ import { useEffect } from 'react';
  * @param callback - The callback to call when a click occurs outside of the ref.
  * @param disabled - Whether the hook should be disabled. Defaults to false.
  */
-function useOutsideClick(elements, callback, disabled) {
+export function useOutsideClick(elements, callback, disabled) {
     useEffect(() => {
         if (!elements.length || disabled)
             return;
@@ -45,6 +44,4 @@ function useOutsideClick(elements, callback, disabled) {
     }, [callback, disabled, elements]);
 }
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
-
-export { useOutsideClick };
-//# sourceMappingURL=useOutsideClick.js.map
+//# sourceMappingURL=useOutsideClick.js.map

package/dist/hooks/useOutsideClick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutsideClick.js","sourceRoot":"","sources":["../../src/hooks/useOutsideClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,UAAU,eAAe,CAC3B,QAAgC,EAChC,QAAsC,EACtC,QAAkB;IAElB,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,QAAQ;YAAE,OAAO;QAEzC,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC7C,IAAI,QAAQ,IAAI,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,KAAK,CAAC,MAAc,CAAC,CAAC;gBAAE,OAAO;YACjG,QAAQ,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAClE,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;AACvC,CAAC;AAED,sDAAsD"}