@bspk/ui 1.1.33 → 1.2.0

package/dist/components/ToggleOption/toggle-option.css

@@ -1,17 +1,15 @@
 [data-bspk=toggle-option] {
-  display: flex;
+  display: grid;
   width: 100%;
-  flex-direction: row;
-  padding: var(--spacing-sizing-03) var(--spacing-sizing-01) 0 0;
-  gap: var(--spacing-sizing-02);
+  grid-template-columns: auto 1fr;
+  grid-column-gap: var(--spacing-sizing-02);
   user-select: none;
   background: unset;
   border: unset;
   cursor: pointer;
   min-height: var(--spacing-sizing-08);
-  align-items: flex-start;
-  justify-content: flex-start;
   max-width: 100%;
+  padding: var(--spacing-sizing-01);
 }
 [data-bspk=toggle-option]:has([data-description]) {
   align-items: unset;
@@ -21,26 +19,33 @@
     min-height: var(--spacing-sizing-12);
   }
 }
-[data-bspk=toggle-option] [data-content] {
+[data-bspk=toggle-option] [data-control],
+[data-bspk=toggle-option] [data-label],
+[data-bspk=toggle-option] [data-description] {
   display: flex;
-  flex-direction: column;
-  padding: 2px 0;
+  flex-direction: row;
+  align-items: center;
+  justify-content: start;
 }
 [data-bspk=toggle-option] [data-label] {
   color: var(--foreground-neutral-on-surface);
   font: var(--labels-base);
 }
 [data-bspk=toggle-option] [data-description] {
+  grid-column-start: 2;
   font: var(--body-small);
   color: var(--foreground-neutral-on-surface-variant-01);
 }
-[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) {
+[data-pseudo=focus] [data-bspk=toggle-option]:not([aria-disabled]), [data-bspk=toggle-option]:not([aria-disabled]):focus-visible, [data-bspk=toggle-option]:not([aria-disabled]):has(*:focus-visible) {
   outline: var(--stroke-neutral-focus) 2px solid;
 }
-[data-bspk=toggle-option]:has(:disabled) [data-label] {
+[data-bspk=toggle-option][aria-disabled] {
+  cursor: not-allowed;
+}
+[data-bspk=toggle-option][aria-disabled] [data-label] {
   color: var(--foreground-neutral-disabled-on-surface);
 }
-[data-bspk=toggle-option]:has(:disabled) [data-description] {
+[data-bspk=toggle-option][aria-disabled] [data-description] {
   color: var(--foreground-neutral-disabled-on-surface);
 }
 

package/dist/components/ToggleOption/toggle-option.css.js

@@ -2,19 +2,17 @@
 * Do not edit this file directly. */
 const style = document.createElement('style');
 style.appendChild(document.createTextNode(`[data-bspk=toggle-option] {
-  display: flex;
+  display: grid;
   width: 100%;
-  flex-direction: row;
-  padding: var(--spacing-sizing-03) var(--spacing-sizing-01) 0 0;
-  gap: var(--spacing-sizing-02);
+  grid-template-columns: auto 1fr;
+  grid-column-gap: var(--spacing-sizing-02);
   user-select: none;
   background: unset;
   border: unset;
   cursor: pointer;
   min-height: var(--spacing-sizing-08);
-  align-items: flex-start;
-  justify-content: flex-start;
   max-width: 100%;
+  padding: var(--spacing-sizing-01);
 }
 [data-bspk=toggle-option]:has([data-description]) {
   align-items: unset;
@@ -24,30 +22,36 @@ style.appendChild(document.createTextNode(`[data-bspk=toggle-option] {
     min-height: var(--spacing-sizing-12);
   }
 }
-[data-bspk=toggle-option] [data-content] {
+[data-bspk=toggle-option] [data-control],
+[data-bspk=toggle-option] [data-label],
+[data-bspk=toggle-option] [data-description] {
   display: flex;
-  flex-direction: column;
-  padding: 2px 0;
+  flex-direction: row;
+  align-items: center;
+  justify-content: start;
 }
 [data-bspk=toggle-option] [data-label] {
   color: var(--foreground-neutral-on-surface);
   font: var(--labels-base);
 }
 [data-bspk=toggle-option] [data-description] {
+  grid-column-start: 2;
   font: var(--body-small);
   color: var(--foreground-neutral-on-surface-variant-01);
 }
-[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) {
+[data-pseudo=focus] [data-bspk=toggle-option]:not([aria-disabled]), [data-bspk=toggle-option]:not([aria-disabled]):focus-visible, [data-bspk=toggle-option]:not([aria-disabled]):has(*:focus-visible) {
   outline: var(--stroke-neutral-focus) 2px solid;
 }
-[data-bspk=toggle-option]:has(:disabled) [data-label] {
+[data-bspk=toggle-option][aria-disabled] {
+  cursor: not-allowed;
+}
+[data-bspk=toggle-option][aria-disabled] [data-label] {
   color: var(--foreground-neutral-disabled-on-surface);
 }
-[data-bspk=toggle-option]:has(:disabled) [data-description] {
+[data-bspk=toggle-option][aria-disabled] [data-description] {
   color: var(--foreground-neutral-disabled-on-surface);
 }
 
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
 `));
 document.head.appendChild(style);
-

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,6 +1,12 @@
 import { ReactElement } from 'react';
-import { Placement } from '../../hooks/useFloating';
+import { Placement } from '-/hooks/useFloating';
 import './tooltip.scss';
+export type TooltipTriggerProps = {
+    onMouseOver?: () => void;
+    onMouseLeave?: () => void;
+    onFocus?: () => void;
+    'aria-describedby'?: string;
+};
 export type TooltipProps = {
     /**
      * The placement of the tooltip.
@@ -11,12 +17,11 @@ export type TooltipProps = {
     /** The tooltip content. */
     label: string;
     /**
-     * A single element that will trigger the tooltip when hovered over.
+     * A callback to render the trigger element.
      *
-     * @type ReactElement
      * @required
      */
-    children: ReactElement;
+    children: (triggerProps: TooltipTriggerProps) => ReactElement;
     /** Determines if the tooltip is disabled. */
     disabled?: boolean;
     /**
@@ -36,17 +41,13 @@ export type TooltipProps = {
  *     export function Example() {
  *         return (
  *             <Tooltip label="I explain what this button does" placement="top">
- *                 <Button>Click me</Button>
+ *                 {(triggerProps) => <Button {...triggerProps}>Click me</Button>}
  *             </Tooltip>
  *         );
  *     }
  *
  * @name Tooltip
- * @phase DesignReview
+ * @phase UXReview
  */
-declare function Tooltip({ placement, label, children, disabled, showTail, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Tooltip {
-    var bspkName: string;
-}
-export { Tooltip };
+export declare function Tooltip({ placement, label, children, disabled, showTail, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/Tooltip/Tooltip.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { cloneElement, useId, useMemo, useRef, useState } from 'react';
+import { useRef, useState } from 'react';
 import { Portal } from '../Portal';
 import { useFloating } from '../../hooks/useFloating';
+import { useId } from '../../hooks/useId';
 import './tooltip.css.js';
 const DEFAULT = {
     placement: 'top',
@@ -18,24 +19,17 @@ const DEFAULT = {
  *     export function Example() {
  *         return (
  *             <Tooltip label="I explain what this button does" placement="top">
- *                 <Button>Click me</Button>
+ *                 {(triggerProps) => <Button {...triggerProps}>Click me</Button>}
  *             </Tooltip>
  *         );
  *     }
  *
  * @name Tooltip
- * @phase DesignReview
+ * @phase UXReview
  */
-function Tooltip({ placement = DEFAULT.placement, label, children, disabled = DEFAULT.disabled, showTail = DEFAULT.showTail, }) {
+export function Tooltip({ placement = DEFAULT.placement, label, children, disabled = DEFAULT.disabled, showTail = DEFAULT.showTail, }) {
     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,
@@ -44,18 +38,26 @@ function Tooltip({ placement = DEFAULT.placement, label, children, disabled = DE
         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) => {
+    const child = children(disabled
+        ? {}
+        : {
+            onMouseOver: () => setShow(true),
+            onMouseLeave: () => setShow(false),
+            onFocus: () => setShow(true),
+            'aria-describedby': id,
+        });
+    if (disabled)
+        return child;
+    return (_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.setReference(document.querySelector(`[aria-describedby="${id}"]`));
                     }, role: "tooltip", style: floatingStyles, children: [_jsx("span", { "data-text": true, children: label }), _jsx("span", { "aria-hidden": true, "data-arrow": true, ref: (node) => {
                                 arrowRef.current = node;
                             }, style: {
-                                zIndex: 1000,
+                                zIndex: 'var(--z-index-tooltip-popover)',
                                 opacity: showTail ? 1 : 0,
                                 left: middlewareData.arrow?.x != null ? `${middlewareData.arrow?.x}px` : '',
                                 top: middlewareData.arrow?.y != null ? `${middlewareData.arrow?.y}px` : '',
                             } })] }) }))] }));
 }
-Tooltip.bspkName = 'Tooltip';
-export { Tooltip };
 //# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAa,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,OAAO,gBAAgB,CAAC;AAExB,MAAM,OAAO,GAAG;IACZ,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,KAAK;CACT,CAAC;AAkCX;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,OAAO,CAAC,EACpB,SAAS,GAAG,OAAO,CAAC,SAAS,EAC7B,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,OAAO,CAAC,QAAQ,EAC3B,QAAQ,GAAG,OAAO,CAAC,QAAQ,GAChB;IACX,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,QAAQ,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAElD,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC;QAC7D,SAAS;QACT,QAAQ,EAAE,OAAO;QACjB,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/B,QAAQ;QACR,IAAI,EAAE,CAAC,IAAI;KACd,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,QAAQ,CAClB,QAAQ;QACJ,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC;YACI,WAAW,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;YAChC,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;YAClC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;YAC5B,kBAAkB,EAAE,EAAE;SACzB,CACV,CAAC;IAEF,IAAI,QAAQ;QAAE,OAAO,KAAK,CAAC;IAE3B,OAAO,CACH,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,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAc,sBAAsB,EAAE,IAAI,CAAC,CAAC,CAAC;oBAC7F,CAAC,EACD,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,cAAc,aAErB,4CAAiB,KAAK,GAAQ,EAC9B,wDAGI,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;gCACV,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;4BAC5B,CAAC,EACD,KAAK,EAAE;gCACH,MAAM,EAAE,gCAAgC;gCACxC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gCACzB,IAAI,EAAE,cAAc,CAAC,KAAK,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;gCAC3E,GAAG,EAAE,cAAc,CAAC,KAAK,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;6BAC7E,GACH,IACA,GACD,CACZ,IACF,CACN,CAAC;AACN,CAAC"}

package/dist/components/Tooltip/TooltipExample.d.ts

@@ -1,2 +1,3 @@
-import { ComponentExample } from '../../utils/demo';
-export declare const TooltipExample: ComponentExample;
+import { TooltipProps } from './Tooltip';
+import { ComponentExample } from '-/utils/demo';
+export declare const TooltipExample: ComponentExample<TooltipProps>;

package/dist/components/Tooltip/TooltipExample.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { Button } from '../Button';
 export const TooltipExample = {
     render: ({ props: state, Component }) => {
-        return (_jsx(_Fragment, { children: _jsx(Component, { label: "Tooltip text", ...state, placement: [state.placement].flat()[0] || 'top', children: _jsx(Button, { label: `Hover over me ${'data-variant-value' in state ? `(${state['data-variant-value']})` : ''}`, variant: "secondary" }) }) }));
+        return (_jsx(_Fragment, { children: _jsx(Component, { ...state, placement: [state.placement].flat()[0] || 'top', children: (triggerProps) => (_jsx(Button, { label: `Hover over me ${'data-variant-value' in state ? `(${state['data-variant-value']})` : ''}`, variant: "secondary", ...triggerProps })) }) }));
     },
 };
 //# sourceMappingURL=TooltipExample.js.map

package/dist/components/Tooltip/TooltipExample.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipExample.js","sourceRoot":"","sources":["../../../src/components/Tooltip/TooltipExample.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,MAAM,CAAC,MAAM,cAAc,GAAqB;IAC5C,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;QACpC,OAAO,CACH,4BACI,KAAC,SAAS,IAAC,KAAK,EAAC,cAAc,KAAK,KAAK,EAAE,SAAS,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,YACtF,KAAC,MAAM,IACH,KAAK,EAAE,iBAAiB,oBAAoB,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,EACjG,OAAO,EAAC,WAAW,GACrB,GACM,GACb,CACN,CAAC;IACN,CAAC;CACJ,CAAC"}
+{"version":3,"file":"TooltipExample.js","sourceRoot":"","sources":["../../../src/components/Tooltip/TooltipExample.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,MAAM,CAAC,MAAM,cAAc,GAAmC;IAC1D,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;QACpC,OAAO,CACH,4BACI,KAAC,SAAS,OAAK,KAAK,EAAE,SAAS,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,YAChE,CAAC,YAAY,EAAE,EAAE,CAAC,CACf,KAAC,MAAM,IACH,KAAK,EAAE,iBAAiB,oBAAoB,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,EACjG,OAAO,EAAC,WAAW,KACf,YAAY,GAClB,CACL,GACO,GACb,CACN,CAAC;IACN,CAAC;CACJ,CAAC"}

package/dist/components/Tooltip/tooltip.css

@@ -12,7 +12,7 @@
   z-index: 2;
   position: relative;
   background-color: var(--surface-neutral-inverse);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   color: var(--foreground-neutral-on-inverse-surface);
   box-shadow: var(--drop-shadow-float);
   font: var(--labels-small);

package/dist/components/Tooltip/tooltip.css.js

@@ -15,7 +15,7 @@ style.appendChild(document.createTextNode(`[data-bspk=tooltip] {
   z-index: 2;
   position: relative;
   background-color: var(--surface-neutral-inverse);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-sm);
   color: var(--foreground-neutral-on-inverse-surface);
   box-shadow: var(--drop-shadow-float);
   font: var(--labels-small);
@@ -53,4 +53,3 @@ style.appendChild(document.createTextNode(`[data-bspk=tooltip] {
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
 `));
 document.head.appendChild(style);
-

package/dist/components/TopNavigation/TopNavigation.d.ts

@@ -9,9 +9,5 @@ export type TopNavigationProps = {
  * @name TopNavigation
  * @phase Backlog
  */
-declare function TopNavigation({ children }: TopNavigationProps): import("react/jsx-runtime").JSX.Element;
-declare namespace TopNavigation {
-    var bspkName: string;
-}
-export { TopNavigation };
+export declare function TopNavigation({ children }: TopNavigationProps): import("react/jsx-runtime").JSX.Element;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/TopNavigation/TopNavigation.js

@@ -6,9 +6,7 @@ import './top-navigation.css.js';
  * @name TopNavigation
  * @phase Backlog
  */
-function TopNavigation({ children }) {
+export function TopNavigation({ children }) {
     return _jsx("div", { "data-bspk": "top-navigation", children: children });
 }
-TopNavigation.bspkName = 'TopNavigation';
-export { TopNavigation };
 //# sourceMappingURL=TopNavigation.js.map

package/dist/components/TopNavigation/TopNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopNavigation.js","sourceRoot":"","sources":["../../../src/components/TopNavigation/TopNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,uBAAuB,CAAC;AAO/B;;;;;GAKG;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"}
+{"version":3,"file":"TopNavigation.js","sourceRoot":"","sources":["../../../src/components/TopNavigation/TopNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,uBAAuB,CAAC;AAO/B;;;;;GAKG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAsB;IAC1D,OAAO,2BAAe,gBAAgB,YAAE,QAAQ,GAAO,CAAC;AAC5D,CAAC"}

package/dist/components/TopNavigation/top-navigation.css.js

@@ -8,4 +8,3 @@ style.appendChild(document.createTextNode(`[data-bspk=top-navigation] {
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
 `));
 document.head.appendChild(style);
-

package/dist/components/Truncated/Truncated.d.ts

@@ -1,6 +1,6 @@
 import { ElementType } from 'react';
-import { ElementConstructorProps } from '../../index.js';
-export type TruncatedProps<As extends ElementType = 'span'> = ElementConstructorProps<'span', 'children'> & {
+import { ElementConstructorProps } from '-/types/common';
+export type TruncatedProps<As extends ElementType = 'span'> = {
     /**
      * The element type to render as.
      *
@@ -10,6 +10,9 @@ export type TruncatedProps<As extends ElementType = 'span'> = ElementConstructor
     /**
      * The content to render.
      *
+     * @example
+     *     Some really long text that might be truncated when displayed in a small container.
+     *
      * @type string
      * @required
      */
@@ -25,10 +28,6 @@ export type TruncatedProps<As extends ElementType = 'span'> = ElementConstructor
  * A utility component that displays a tooltip with the full text when hovered when text is truncated.
  *
  * @name Truncated
- * @phase WorkInProgress
+ * @phase Utility
  */
-declare function Truncated({ children, label, ...props }: TruncatedProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Truncated {
-    var bspkName: string;
-}
-export { Truncated };
+export declare function Truncated<As extends ElementType = 'span'>({ children, label, ...props }: ElementConstructorProps<As, 'children'> & TruncatedProps<As>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Truncated/Truncated.js

@@ -5,13 +5,18 @@ import { useTruncatedText } from '../../hooks/useTruncatedText';
  * A utility component that displays a tooltip with the full text when hovered when text is truncated.
  *
  * @name Truncated
- * @phase WorkInProgress
+ * @phase Utility
  */
-function Truncated({ children, label, ...props }) {
+export function Truncated({ children, label, ...props }) {
     const { setElement, isTruncated } = useTruncatedText();
-    const span = (_jsx("span", { ...props, "data-bspk": "truncated", ref: (node) => setElement(node), style: { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }, children: children }));
-    return isTruncated ? _jsx(Tooltip, { label: label || children, children: span }) : span;
+    const span = (triggerProps) => (_jsx("span", { ...props, "data-bspk-utility": "truncated", ref: (node) => setElement(node), style: {
+            maxWidth: '100%',
+            ...props.style,
+            display: 'inline-block',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+        }, ...triggerProps, children: children }));
+    return isTruncated ? _jsx(Tooltip, { label: label || children, children: span }) : span({});
 }
-Truncated.bspkName = 'Truncated';
-export { Truncated };
 //# sourceMappingURL=Truncated.js.map

package/dist/components/Truncated/Truncated.js.map

@@ -1 +1 @@
-{"version":3,"file":"Truncated.js","sourceRoot":"","sources":["../../../src/components/Truncated/Truncated.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAwB5D;;;;;GAKG;AACH,SAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAkB;IAC5D,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEvD,MAAM,IAAI,GAAG,CACT,kBACQ,KAAK,eACC,WAAW,EACrB,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAC/B,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,YAE5E,QAAQ,GACN,CACV,CAAC;IAEF,OAAO,WAAW,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,IAAI,QAAQ,YAAG,IAAI,GAAW,CAAC,CAAC,CAAC,IAAI,CAAC;AACpF,CAAC;AAED,SAAS,CAAC,QAAQ,GAAG,WAAW,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"Truncated.js","sourceRoot":"","sources":["../../../src/components/Truncated/Truncated.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAuB,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AA4B5D;;;;;GAKG;AACH,MAAM,UAAU,SAAS,CAAkC,EACvD,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACmD;IAC3D,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEvD,MAAM,IAAI,GAAG,CAAC,YAAiC,EAAE,EAAE,CAAC,CAChD,kBACQ,KAAK,uBACS,WAAW,EAC7B,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAC/B,KAAK,EAAE;YACH,QAAQ,EAAE,MAAM;YAChB,GAAG,KAAK,CAAC,KAAK;YACd,OAAO,EAAE,cAAc;YACvB,QAAQ,EAAE,QAAQ;YAClB,YAAY,EAAE,UAAU;YACxB,UAAU,EAAE,QAAQ;SACvB,KACG,YAAY,YAEf,QAAQ,GACN,CACV,CAAC;IAEF,OAAO,WAAW,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,IAAI,QAAQ,YAAG,IAAI,GAAW,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxF,CAAC"}

package/dist/components/Txt/Txt.d.ts

@@ -1,6 +1,6 @@
 import { ElementType } from 'react';
-import { ElementProps } from '../../index.js';
-import { TxtVariant } from '../../utils/txtVariants';
+import { ElementProps } from '-/types/common';
+import { TxtVariant } from '-/utils/txtVariants';
 export type TxtProps<As extends ElementType = 'span'> = {
     /**
      * The element type to render as.
@@ -50,11 +50,7 @@ export type TxtProps<As extends ElementType = 'span'> = {
  *     }
  *
  * @name Txt
- * @phase DesignReview
+ * @phase UXReview
  */
-declare function Txt<As extends ElementType = 'span'>({ children, as, variant, style: styleProp, skeletonLines, inherit, ...containerProps }: ElementProps<TxtProps<As>, As>): import("react/jsx-runtime").JSX.Element | null;
-declare namespace Txt {
-    var bspkName: string;
-}
-export { Txt };
+export declare function Txt<As extends ElementType = 'span'>({ children, as, variant, style: styleProp, skeletonLines, inherit, ...containerProps }: ElementProps<TxtProps<As>, As>): import("react/jsx-runtime").JSX.Element | null;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/Txt/Txt.js

@@ -11,9 +11,9 @@ import { SkeletonText } from '../SkeletonText';
  *     }
  *
  * @name Txt
- * @phase DesignReview
+ * @phase UXReview
  */
-function Txt({ children, as, variant = 'body-base', style: styleProp, skeletonLines = 0, inherit, ...containerProps }) {
+export function Txt({ children, as, variant = 'body-base', style: styleProp, skeletonLines = 0, inherit, ...containerProps }) {
     const content = children?.toString();
     if (!content)
         return skeletonLines ? _jsx(SkeletonText, { lines: skeletonLines, variant: variant }) : null;
@@ -23,6 +23,4 @@ function Txt({ children, as, variant = 'body-base', style: styleProp, skeletonLi
             font: inherit ? undefined : `var(--${variant})`,
         }, children: content }));
 }
-Txt.bspkName = 'Txt';
-export { Txt };
 //# sourceMappingURL=Txt.js.map

package/dist/components/Txt/Txt.js.map

@@ -1 +1 @@
-{"version":3,"file":"Txt.js","sourceRoot":"","sources":["../../../src/components/Txt/Txt.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AA0CzD;;;;;;;;;;;;GAYG;AACH,SAAS,GAAG,CAAkC,EAC1C,QAAQ,EACR,EAAE,EACF,OAAO,GAAG,WAAW,EACrB,KAAK,EAAE,SAAS,EAChB,aAAa,GAAG,CAAC,EACjB,OAAO,EACP,GAAG,cAAc,EACY;IAC7B,MAAM,OAAO,GAAG,QAAQ,EAAE,QAAQ,EAAE,CAAC;IAErC,IAAI,CAAC,OAAO;QAAE,OAAO,aAAa,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAErG,MAAM,EAAE,GAAgB,EAAE,IAAI,MAAM,CAAC;IAErC,OAAO,CACH,KAAC,EAAE,OACK,cAAc,eACR,KAAK,EACf,KAAK,EAAE;YACH,GAAG,SAAS;YACZ,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,OAAO,GAAG;SAClD,YAEA,OAAO,GACP,CACR,CAAC;AACN,CAAC;AAED,GAAG,CAAC,QAAQ,GAAG,KAAK,CAAC;AAErB,OAAO,EAAE,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Txt.js","sourceRoot":"","sources":["../../../src/components/Txt/Txt.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AA2CzD;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,GAAG,CAAkC,EACjD,QAAQ,EACR,EAAE,EACF,OAAO,GAAG,WAAW,EACrB,KAAK,EAAE,SAAS,EAChB,aAAa,GAAG,CAAC,EACjB,OAAO,EACP,GAAG,cAAc,EACY;IAC7B,MAAM,OAAO,GAAG,QAAQ,EAAE,QAAQ,EAAE,CAAC;IAErC,IAAI,CAAC,OAAO;QAAE,OAAO,aAAa,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAErG,MAAM,EAAE,GAAgB,EAAE,IAAI,MAAM,CAAC;IAErC,OAAO,CACH,KAAC,EAAE,OACK,cAAc,eACR,KAAK,EACf,KAAK,EAAE;YACH,GAAG,SAAS;YACZ,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,OAAO,GAAG;SAClD,YAEA,OAAO,GACP,CACR,CAAC;AACN,CAAC"}

package/dist/components/UIProvider/UIProvider.d.ts

@@ -7,8 +7,4 @@ export type UIProviderProps = {
  *
  * @name UIProvider
  */
-declare function UIProvider({ children }: UIProviderProps): import("react/jsx-runtime").JSX.Element;
-declare namespace UIProvider {
-    var bspkName: string;
-}
-export { UIProvider };
+export declare function UIProvider({ children }: UIProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/UIProvider/UIProvider.js

@@ -9,7 +9,7 @@ import { UIContext } from '../../utils/uiContext';
  *
  * @name UIProvider
  */
-function UIProvider({ children }) {
+export function UIProvider({ children }) {
     const [theme, setTheme] = useState('light');
     const [deviceWidth, setDeviceWidth] = useDebounceState(() => {
         return typeof window !== 'undefined' ? window.innerWidth : 0;
@@ -19,7 +19,7 @@ function UIProvider({ children }) {
         document.documentElement.style.setProperty('--scrollbar-width', `${window.innerWidth - document.documentElement.clientWidth}px`);
     }, [theme]);
     useEventListener('resize', () => setDeviceWidth(window.innerWidth));
-    return (_jsx(UIContext.Provider, { value: {
+    return (_jsx(UIContext.Provider, { "data-bspk-utility": "ui-provider", value: {
             theme,
             setTheme,
             isMobile: deviceWidth < 640,
@@ -27,6 +27,4 @@ function UIProvider({ children }) {
             isDesktop: deviceWidth >= 1024,
         }, children: children }));
 }
-UIProvider.bspkName = 'UIProvider';
-export { UIProvider };
 //# sourceMappingURL=UIProvider.js.map

package/dist/components/UIProvider/UIProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"UIProvider.js","sourceRoot":"","sources":["../../../src/components/UIProvider/UIProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAc,MAAM,mBAAmB,CAAC;AAM1D;;;;GAIG;AACH,SAAS,UAAU,CAAC,EAAE,QAAQ,EAAmB;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAa,OAAO,CAAC,CAAC;IAExD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACxD,OAAO,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACjE,CAAC,EAAE,GAAG,CAAC,CAAC;IAER,mBAAmB,CAAC,GAAG,EAAE;QACrB,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;QAC/C,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACtC,mBAAmB,EACnB,GAAG,MAAM,CAAC,UAAU,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,IAAI,CAClE,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;IAEpE,OAAO,CACH,KAAC,SAAS,CAAC,QAAQ,IACf,KAAK,EAAE;YACH,KAAK;YACL,QAAQ;YACR,QAAQ,EAAE,WAAW,GAAG,GAAG;YAC3B,QAAQ,EAAE,WAAW,GAAG,GAAG,IAAI,WAAW,GAAG,IAAI;YACjD,SAAS,EAAE,WAAW,IAAI,IAAI;SACjC,YAEA,QAAQ,GACQ,CACxB,CAAC;AACN,CAAC;AAED,UAAU,CAAC,QAAQ,GAAG,YAAY,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"UIProvider.js","sourceRoot":"","sources":["../../../src/components/UIProvider/UIProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAc,MAAM,mBAAmB,CAAC;AAM1D;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAmB;IACpD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAa,OAAO,CAAC,CAAC;IAExD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACxD,OAAO,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACjE,CAAC,EAAE,GAAG,CAAC,CAAC;IAER,mBAAmB,CAAC,GAAG,EAAE;QACrB,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;QAC/C,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACtC,mBAAmB,EACnB,GAAG,MAAM,CAAC,UAAU,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,IAAI,CAClE,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;IAEpE,OAAO,CACH,KAAC,SAAS,CAAC,QAAQ,yBACG,aAAa,EAC/B,KAAK,EAAE;YACH,KAAK;YACL,QAAQ;YACR,QAAQ,EAAE,WAAW,GAAG,GAAG;YAC3B,QAAQ,EAAE,WAAW,GAAG,GAAG,IAAI,WAAW,GAAG,IAAI;YACjD,SAAS,EAAE,WAAW,IAAI,IAAI;SACjC,YAEA,QAAQ,GACQ,CACxB,CAAC;AACN,CAAC"}

package/dist/constants/brands.d.ts

@@ -0,0 +1,7 @@
+import { Brand } from '-/types/common';
+export declare const BRANDS: {
+    /** The title of the brand. */
+    title: string;
+    /** The slug of the brand, used in URLs and identifiers. */
+    slug: Brand;
+}[];

package/dist/{index.js → constants/brands.js}

@@ -1,10 +1,3 @@
-/**
- * There are no barrel files for this repository.
- *
- * Components should be imported directly like "import { Txt } from
- *
- * @bspk/ui/Txt".
- */
 export const BRANDS = [
     {
         title: 'Anywhere',
@@ -43,5 +36,4 @@ export const BRANDS = [
         slug: 'sothebys',
     },
 ];
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=brands.js.map

package/dist/{index.js.map → constants/brands.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,MAAM,CAAC,MAAM,MAAM,GAKb;IACF;QACI,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,UAAU;KACnB;IACD;QACI,KAAK,EAAE,wBAAwB;QAC/B,IAAI,EAAE,sBAAsB;KAC/B;IACD;QACI,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,QAAQ;KACjB;IACD;QACI,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,YAAY;KACrB;IACD;QACI,KAAK,EAAE,iBAAiB;QACxB,IAAI,EAAE,iBAAiB;KAC1B;IACD;QACI,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,UAAU;KACnB;IACD;QACI,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,aAAa;KACtB;IACD;QACI,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,KAAK;KACd;IACD;QACI,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,UAAU;KACnB;CACK,CAAC;AA0IX,sDAAsD"}
+{"version":3,"file":"brands.js","sourceRoot":"","sources":["../../src/constants/brands.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,MAAM,GAKb;IACF;QACI,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,UAAU;KACnB;IACD;QACI,KAAK,EAAE,wBAAwB;QAC/B,IAAI,EAAE,sBAAsB;KAC/B;IACD;QACI,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,QAAQ;KACjB;IACD;QACI,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,YAAY;KACrB;IACD;QACI,KAAK,EAAE,iBAAiB;QACxB,IAAI,EAAE,iBAAiB;KAC1B;IACD;QACI,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,UAAU;KACnB;IACD;QACI,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,aAAa;KACtB;IACD;QACI,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,KAAK;KACd;IACD;QACI,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,UAAU;KACnB;CACK,CAAC"}

package/dist/constants/phases.d.ts

@@ -0,0 +1,3 @@
+import { ComponentPhase } from '-/types/meta';
+import { ColorVariant } from '-/utils/colorVariants';
+export declare const COMPONENT_PHASE_COLORS: Record<ComponentPhase, ColorVariant>;

package/dist/constants/phases.js

@@ -0,0 +1,9 @@
+export const COMPONENT_PHASE_COLORS = {
+    Backlog: 'grey',
+    Dev: 'blue',
+    QA: 'yellow',
+    UXReview: 'purple',
+    Stable: 'green',
+    Utility: 'magenta',
+};
+//# sourceMappingURL=phases.js.map

package/dist/constants/phases.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phases.js","sourceRoot":"","sources":["../../src/constants/phases.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,sBAAsB,GAAyC;IACxE,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,MAAM;IACX,EAAE,EAAE,QAAQ;IACZ,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,OAAO;IACf,OAAO,EAAE,SAAS;CACrB,CAAC"}

package/dist/hooks/useCheckboxGroupState.d.ts

@@ -1,4 +1,4 @@
-import { CheckboxProps } from '../components/Checkbox';
+import { CheckboxProps } from '-/components/Checkbox';
 /**
  * A hook to manage the state of a group of checkboxes. Used alongside the CheckboxGroup component.
  *

package/dist/hooks/useCheckboxState.d.ts

@@ -1,4 +1,4 @@
-import { CheckboxProps } from '../components/Checkbox';
+import { CheckboxProps } from '-/components/Checkbox';
 /**
  * A hook to manage the state of a single checkbox. Used alongside the Checkbox component.
  *

package/dist/hooks/useCombobox.d.ts

@@ -1,7 +1,7 @@
 import { AriaAttributes } from 'react';
-import { CommonProps, InvalidPropsLibrary } from '..';
 import { UseFloatingElements, UseFloatingProps } from './useFloating';
-export type UseComboboxProps = CommonProps<'disabled' | 'readOnly'> & InvalidPropsLibrary & Pick<UseFloatingProps, 'offsetOptions' | 'placement' | 'refWidth'> & {
+import { CommonProps } from '-/types/common';
+export type UseComboboxProps = CommonProps<'disabled' | 'readOnly'> & Pick<UseFloatingProps, 'offsetOptions' | 'placement' | 'refWidth'> & {
     /**
      * The element to use for outside click detection.
      *
@@ -37,7 +37,7 @@ export type ToggleProps = {
  * @param {UseComboboxProps} props - The properties to configure the combobox.
  * @returns An object containing props for the menu and toggle elements, and a function to close the menu.
  */
-export declare function useCombobox({ placement, refWidth, disabled, errorMessage, invalid, readOnly, offsetOptions, }: UseComboboxProps): {
+export declare function useCombobox({ placement, refWidth, disabled, readOnly, offsetOptions, }: UseComboboxProps): {
     activeIndex: number;
     menuProps: {
         'data-placement': string | undefined;
@@ -51,5 +51,6 @@ export declare function useCombobox({ placement, refWidth, disabled, errorMessag
     closeMenu: () => void;
     isOpen: boolean;
     elements: UseFloatingElements;
+    openMenu: () => void;
 };
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */