@bspk/ui 1.3.8 → 1.3.10

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

@@ -1,52 +1,5 @@
-[data-bspk=toggle-option] {
-  display: grid;
-  width: 100%;
-  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);
-  max-width: 100%;
-  padding: var(--spacing-sizing-01);
-}
-[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-control],
-[data-bspk=toggle-option] [data-label],
-[data-bspk=toggle-option] [data-description] {
-  display: flex;
-  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([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][aria-disabled] {
-  cursor: not-allowed;
-}
-[data-bspk=toggle-option][aria-disabled] [data-label] {
-  color: var(--foreground-neutral-disabled-on-surface);
-}
-[data-bspk=toggle-option][aria-disabled] [data-description] {
-  color: var(--foreground-neutral-disabled-on-surface);
+[data-bspk-owner=toggle-option] {
+  align-items: start;
 }
 
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

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

@@ -1,55 +1,8 @@
 /** * This file is generated by the build script.
 * Do not edit this file directly. */
 const style = document.createElement('style');
-style.appendChild(document.createTextNode(`[data-bspk=toggle-option] {
-  display: grid;
-  width: 100%;
-  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);
-  max-width: 100%;
-  padding: var(--spacing-sizing-01);
-}
-[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-control],
-[data-bspk=toggle-option] [data-label],
-[data-bspk=toggle-option] [data-description] {
-  display: flex;
-  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([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][aria-disabled] {
-  cursor: not-allowed;
-}
-[data-bspk=toggle-option][aria-disabled] [data-label] {
-  color: var(--foreground-neutral-disabled-on-surface);
-}
-[data-bspk=toggle-option][aria-disabled] [data-description] {
-  color: var(--foreground-neutral-disabled-on-surface);
+style.appendChild(document.createTextNode(`[data-bspk-owner=toggle-option] {
+  align-items: start;
 }
 
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

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

@@ -39,13 +39,9 @@ export type TooltipProps = {
  *     import { Tooltip } from '@bspk/ui/Tooltip';
  *     import { Button } from '@bspk/ui/Button';
  *
- *     function Example() {
- *         return (
- *             <Tooltip label="I explain what this button does" placement="top">
- *                 {(triggerProps) => <Button {...triggerProps}>Click me</Button>}
- *             </Tooltip>
- *         );
- *     }
+ *     <Tooltip label="I explain what this button does" placement="top">
+ *         {(triggerProps) => <Button {...triggerProps}>Click me</Button>}
+ *     </Tooltip>;
  *
  * @name Tooltip
  * @phase UXReview

package/dist/components/Tooltip/Tooltip.js

@@ -11,13 +11,9 @@ import { useId } from '../../hooks/useId';
  *     import { Tooltip } from '@bspk/ui/Tooltip';
  *     import { Button } from '@bspk/ui/Button';
  *
- *     function Example() {
- *         return (
- *             <Tooltip label="I explain what this button does" placement="top">
- *                 {(triggerProps) => <Button {...triggerProps}>Click me</Button>}
- *             </Tooltip>
- *         );
- *     }
+ *     <Tooltip label="I explain what this button does" placement="top">
+ *         {(triggerProps) => <Button {...triggerProps}>Click me</Button>}
+ *     </Tooltip>;
  *
  * @name Tooltip
  * @phase UXReview

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAgB,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAa,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAmCtC;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,OAAO,CAAC,EAAE,SAAS,GAAG,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAgB;IAC3G,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;QACX,QAAQ,EAAE,KAAK;KAClB,CAAC,CAAC;IAEH,IAAI,QAAQ;QAAE,OAAO,QAAQ,CAAC,EAAE,CAAC,CAAC;IAElC,OAAO,CACH,8BACK,QAAQ,CAAC;gBACN,WAAW,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;gBAChC,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;gBAClC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;gBAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;gBAC5B,iBAAiB,EAAE,EAAE;aACxB,CAAC,EACD,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,qBAAqB,EAAE,IAAI,CAAC,CAAC,CAAC;oBAC5F,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"}
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAgB,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAa,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAmCtC;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,OAAO,CAAC,EAAE,SAAS,GAAG,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAgB;IAC3G,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;QACX,QAAQ,EAAE,KAAK;KAClB,CAAC,CAAC;IAEH,IAAI,QAAQ;QAAE,OAAO,QAAQ,CAAC,EAAE,CAAC,CAAC;IAElC,OAAO,CACH,8BACK,QAAQ,CAAC;gBACN,WAAW,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;gBAChC,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;gBAClC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;gBAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;gBAC5B,iBAAiB,EAAE,EAAE;aACxB,CAAC,EACD,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,qBAAqB,EAAE,IAAI,CAAC,CAAC,CAAC;oBAC5F,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.js

@@ -1,8 +1,28 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Button } from '../Button';
 export const TooltipExample = {
-    render: ({ props: state, Component }) => {
-        return (_jsx(Component, { ...state, label: `Hover over me ${state.label || ''}`, placement: [state.placement].flat()[0] || 'top', children: (triggerProps) => _jsx(Button, { ...triggerProps, label: "Hover over me", variant: "secondary" }) }));
+    defaultState: {
+        children: (triggerProps) => _jsx("span", { ...triggerProps, children: "Hover me" }),
+    },
+    presets: [
+        {
+            label: 'Long Label Tooltip',
+            propState: {
+                label: 'This is a longer tooltip label to demonstrate how the tooltip handles more content.',
+                placement: 'top',
+                children: (triggerProps) => _jsx("span", { ...triggerProps, children: "Long Tooltip Label" }),
+            },
+        },
+        {
+            label: 'No Label',
+            propState: {
+                label: '',
+                placement: 'top',
+                children: (triggerProps) => _jsx("span", { ...triggerProps, children: "No Label" }),
+            },
+        },
+    ],
+    render: ({ props, Component }) => {
+        return _jsx(Component, { ...props, children: props.children || (() => _jsx("span", { children: "No Hover" })) });
     },
 };
 //# 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":";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,KAAC,SAAS,OACF,KAAK,EACT,KAAK,EAAE,iBAAiB,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE,EAC3C,SAAS,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,YAE9C,CAAC,YAAY,EAAE,EAAE,CAAC,KAAC,MAAM,OAAK,YAAY,EAAE,KAAK,EAAC,eAAe,EAAC,OAAO,EAAC,WAAW,GAAG,GACjF,CACf,CAAC;IACN,CAAC;CACJ,CAAC"}
+{"version":3,"file":"TooltipExample.js","sourceRoot":"","sources":["../../../src/components/Tooltip/TooltipExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,cAAc,GAAmC;IAC1D,YAAY,EAAE;QACV,QAAQ,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,kBAAU,YAAY,yBAAiB;KACtE;IACD,OAAO,EAAE;QACL;YACI,KAAK,EAAE,oBAAoB;YAC3B,SAAS,EAAE;gBACP,KAAK,EAAE,qFAAqF;gBAC5F,SAAS,EAAE,KAAK;gBAChB,QAAQ,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,kBAAU,YAAY,mCAA2B;aAChF;SACJ;QACD;YACI,KAAK,EAAE,UAAU;YACjB,SAAS,EAAE;gBACP,KAAK,EAAE,EAAE;gBACT,SAAS,EAAE,KAAK;gBAChB,QAAQ,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,kBAAU,YAAY,yBAAiB;aACtE;SACJ;KACJ;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;QAC7B,OAAO,KAAC,SAAS,OAAK,KAAK,YAAG,KAAK,CAAC,QAAQ,IAAI,CAAC,GAAG,EAAE,CAAC,sCAAqB,CAAC,GAAa,CAAC;IAC/F,CAAC;CACJ,CAAC"}

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

@@ -1,4 +1,3 @@
-import './truncated.scss';
 import { ElementType } from 'react';
 import { ElementConstructorProps } from '-/types/common';
 export type TruncatedProps<As extends ElementType = ElementType> = {

package/dist/components/Truncated/Truncated.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import './truncated.css.js';
 import { Tooltip } from '../Tooltip';
 import { useTruncatedText } from '../../hooks/useTruncatedText';
 /**
@@ -10,7 +9,7 @@ import { useTruncatedText } from '../../hooks/useTruncatedText';
  */
 export function Truncated({ children, label, ...props }) {
     const { setElement, isTruncated } = useTruncatedText();
-    const span = (triggerProps) => (_jsx("span", { ...props, "data-bspk-utility": "truncated", ref: (node) => setElement(node), ...triggerProps, role: isTruncated ? 'note' : props.role, children: children }));
+    const span = (triggerProps) => (_jsx("span", { ...props, "data-truncated": true, ref: (node) => setElement(node), ...triggerProps, role: isTruncated ? 'note' : props.role, children: children }));
     return isTruncated ? _jsx(Tooltip, { label: label || children, children: span }) : span({});
 }
 //# 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":";AAAA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAuB,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AA4B5D;;;;;GAKG;AACH,MAAM,UAAU,SAAS,CAAuC,EAC5D,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,KAC3B,YAAY,EAChB,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,YAEtC,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"}
+{"version":3,"file":"Truncated.js","sourceRoot":"","sources":["../../../src/components/Truncated/Truncated.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAuB,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AA4B5D;;;;;GAKG;AACH,MAAM,UAAU,SAAS,CAAuC,EAC5D,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,0BAET,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,KAC3B,YAAY,EAChB,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,YAEtC,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

@@ -45,9 +45,7 @@ export type TxtProps<As extends ElementType = ElementType> = {
  * @example
  *     import { Txt } from '@bspk/ui/Txt';
  *
- *     function Example() {
- *         return <Txt>Example Txt</Txt>;
- *     }
+ *     <Txt>Example Txt</Txt>;
  *
  * @name Txt
  * @phase UXReview

package/dist/components/Txt/Txt.js

@@ -6,9 +6,7 @@ import { SkeletonText } from '../SkeletonText';
  * @example
  *     import { Txt } from '@bspk/ui/Txt';
  *
- *     function Example() {
- *         return <Txt>Example Txt</Txt>;
- *     }
+ *     <Txt>Example Txt</Txt>;
  *
  * @name Txt
  * @phase UXReview

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

@@ -1 +1 @@
-{"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,CAAuC,EACtD,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"}
+{"version":3,"file":"Txt.js","sourceRoot":"","sources":["../../../src/components/Txt/Txt.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AA2CzD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,GAAG,CAAuC,EACtD,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/AriaLiveMessageHandler.js

@@ -2,8 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
 import { useEventListener } from '../../hooks/useAddEventListener';
 import { useTimeout } from '../../hooks/useTimeout';
+const CUSTOM_EVENT_NAME = 'bspk-aria-live';
 export function sendAriaLiveMessage(message, live = 'polite') {
-    document.dispatchEvent(new CustomEvent('aria-live', { detail: { message, live } }));
+    document.dispatchEvent(new CustomEvent(CUSTOM_EVENT_NAME, { detail: { message, live } }));
 }
 /**
  * AriaLiveMessageHandler is a single use component that listens for aria-live messages and displays them to the user.
@@ -19,7 +20,7 @@ export function sendAriaLiveMessage(message, live = 'polite') {
 export function AriaLiveMessageHandler() {
     const [ariaLiveMessage, setAriaLiveMessage] = useState(undefined);
     const timeout = useTimeout();
-    useEventListener('aria-live', (event) => {
+    useEventListener(CUSTOM_EVENT_NAME, (event) => {
         const { message, live } = event.detail;
         // Clear any existing message to ensure that screen readers read the new message
         setAriaLiveMessage(undefined);

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

@@ -1 +1 @@
-{"version":3,"file":"AriaLiveMessageHandler.js","sourceRoot":"","sources":["../../../src/components/UIProvider/AriaLiveMessageHandler.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,MAAM,UAAU,mBAAmB,CAAC,OAAe,EAAE,OAA+B,QAAQ;IACxF,QAAQ,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;AACxF,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,sBAAsB;IAClC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAA8B,SAAS,CAAC,CAAC;IAE/F,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,gBAAgB,CACZ,WAAW,EACX,CAAC,KAAkB,EAAE,EAAE;QACnB,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;QACvC,gFAAgF;QAChF,kBAAkB,CAAC,SAAS,CAAC,CAAC;QAC9B,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,IAAI,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACnF,CAAC,EACD,QAAQ,CACX,CAAC;IAEF,OAAO,CACH,eAAe,IAAI,CACf,2BAAgB,eAAe,EAAE,IAAI,IAAI,QAAQ,wBAAe,IAAI,EAAC,OAAO,YACvE,eAAe,EAAE,OAAO,GACvB,CACT,CACJ,CAAC;AACN,CAAC"}
+{"version":3,"file":"AriaLiveMessageHandler.js","sourceRoot":"","sources":["../../../src/components/UIProvider/AriaLiveMessageHandler.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,MAAM,iBAAiB,GAAG,gBAAgB,CAAC;AAE3C,MAAM,UAAU,mBAAmB,CAAC,OAAe,EAAE,OAA+B,QAAQ;IACxF,QAAQ,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,iBAAiB,EAAE,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;AAC9F,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,sBAAsB;IAClC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAA8B,SAAS,CAAC,CAAC;IAE/F,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,gBAAgB,CACZ,iBAAiB,EACjB,CAAC,KAAkB,EAAE,EAAE;QACnB,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;QACvC,gFAAgF;QAChF,kBAAkB,CAAC,SAAS,CAAC,CAAC;QAC9B,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,IAAI,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACnF,CAAC,EACD,QAAQ,CACX,CAAC;IAEF,OAAO,CACH,eAAe,IAAI,CACf,2BAAgB,eAAe,EAAE,IAAI,IAAI,QAAQ,wBAAe,IAAI,EAAC,OAAO,YACvE,eAAe,EAAE,OAAO,GACvB,CACT,CACJ,CAAC;AACN,CAAC"}

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

@@ -15,7 +15,6 @@ export type UIProviderProps = {
  * This provider should wrap the root of your application to ensure that all components have access to the UI context.
  *
  * @name UIProvider
- *
  * @phase Utility
  */
 export declare function UIProvider({ children }: UIProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/UIProvider/UIProvider.js

@@ -13,7 +13,6 @@ import { UIContext } from '../../utils/uiContext';
  * This provider should wrap the root of your application to ensure that all components have access to the UI context.
  *
  * @name UIProvider
- *
  * @phase Utility
  */
 export function UIProvider({ children }) {

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;AAC5C,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AACvF,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;AAW1D;;;;;;;;;;GAUG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAmB;IACpD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAa,OAAO,CAAC,CAAC;IACxD,uFAAuF;IAEvF,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,MAAC,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;YAC9B,mBAAmB;SACtB,aAEA,QAAQ,EACT,KAAC,sBAAsB,KAAG,IACT,CACxB,CAAC;AACN,CAAC"}
+{"version":3,"file":"UIProvider.js","sourceRoot":"","sources":["../../../src/components/UIProvider/UIProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AACvF,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;AAW1D;;;;;;;;;GASG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAmB;IACpD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAa,OAAO,CAAC,CAAC;IACxD,uFAAuF;IAEvF,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,MAAC,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;YAC9B,mBAAmB;SACtB,aAEA,QAAQ,EACT,KAAC,sBAAsB,KAAG,IACT,CACxB,CAAC;AACN,CAAC"}

package/dist/hooks/useAddEventListener.d.ts

@@ -1,2 +1 @@
-export type CustomEventName = 'aria-live';
-export declare function useEventListener<KW extends keyof WindowEventMap, KH extends keyof HTMLElementEventMap & keyof SVGElementEventMap, KM extends keyof MediaQueryListEventMap, T extends Document | HTMLElement | MediaQueryList | SVGAElement | Window = HTMLElement>(eventName: CustomEventName | KH | KM | KW, handler: (event: Event | HTMLElementEventMap[KH] | MediaQueryListEventMap[KM] | SVGElementEventMap[KH] | WindowEventMap[KW]) => void, element?: T, disabled?: boolean, options?: AddEventListenerOptions | boolean): void;
+export declare function useEventListener<KW extends keyof WindowEventMap, KH extends keyof HTMLElementEventMap & keyof SVGElementEventMap, KM extends keyof MediaQueryListEventMap, T extends Document | HTMLElement | MediaQueryList | SVGAElement | Window = HTMLElement>(eventName: KH | KM | KW | string, handler: (event: Event | HTMLElementEventMap[KH] | MediaQueryListEventMap[KM] | SVGElementEventMap[KH] | WindowEventMap[KW]) => void, element?: T, disabled?: boolean, options?: AddEventListenerOptions | boolean): void;

package/dist/hooks/useAddEventListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAddEventListener.js","sourceRoot":"","sources":["../../src/hooks/useAddEventListener.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAI5D,MAAM,UAAU,gBAAgB,CAM5B,SAAyC,EACzC,OAOS,EACT,OAAW,EACX,QAAkB,EAClB,OAA2C;IAE3C,mCAAmC;IACnC,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAErC,mBAAmB,CAAC,GAAG,EAAE;QACrB,YAAY,CAAC,OAAO,GAAG,OAAO,CAAC;IACnC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,mBAAmB,CAAC,GAAG,EAAE;QACrB,IAAI,QAAQ;YAAE,OAAO;QAErB,8BAA8B;QAC9B,MAAM,aAAa,GAAe,OAAO,IAAI,MAAM,CAAC;QAEpD,IAAI,CAAC,CAAC,aAAa,IAAI,aAAa,CAAC,gBAAgB,CAAC;YAAE,OAAO;QAE/D,kEAAkE;QAClE,MAAM,QAAQ,GAAmB,CAAC,KAAK,EAAE,EAAE;YACvC,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC,CAAC;QAEF,aAAa,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;QAE7D,mCAAmC;QACnC,OAAO,GAAG,EAAE;YACR,aAAa,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;QACpE,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;AACtC,CAAC"}
+{"version":3,"file":"useAddEventListener.js","sourceRoot":"","sources":["../../src/hooks/useAddEventListener.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,UAAU,gBAAgB,CAM5B,SAAgC,EAChC,OAOS,EACT,OAAW,EACX,QAAkB,EAClB,OAA2C;IAE3C,mCAAmC;IACnC,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAErC,mBAAmB,CAAC,GAAG,EAAE;QACrB,YAAY,CAAC,OAAO,GAAG,OAAO,CAAC;IACnC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,mBAAmB,CAAC,GAAG,EAAE;QACrB,IAAI,QAAQ;YAAE,OAAO;QAErB,8BAA8B;QAC9B,MAAM,aAAa,GAAe,OAAO,IAAI,MAAM,CAAC;QAEpD,IAAI,CAAC,CAAC,aAAa,IAAI,aAAa,CAAC,gBAAgB,CAAC;YAAE,OAAO;QAE/D,kEAAkE;QAClE,MAAM,QAAQ,GAAmB,CAAC,KAAK,EAAE,EAAE;YACvC,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC,CAAC;QAEF,aAAa,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;QAE7D,mCAAmC;QACnC,OAAO,GAAG,EAAE;YACR,aAAa,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;QACpE,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;AACtC,CAAC"}

package/dist/hooks/useLongPress.d.ts

@@ -1,16 +1,31 @@
-import { MouseEvent } from 'react';
-export declare const MIN_INTERVAL = 250;
-export declare const INTERVAL_DECREASE_FACTOR = 0.75;
-export declare const INITIAL_INTERVAL = 1000;
-export declare function useLongPress(callback: () => void, disabled: boolean): {
-    onMouseDown: () => void;
-    onMouseUp: () => void;
-    setTriggerElement: () => void;
-    onMouseLeave?: undefined;
-} | {
-    onMouseDown: (event: MouseEvent) => void;
-    onMouseUp: () => void;
-    onMouseLeave: () => void;
-    setTriggerElement: import("react").Dispatch<import("react").SetStateAction<HTMLButtonElement | null>>;
+export type LongPressProps = {
+    /** The callback to be invoked on long press. If false is returned, the repeating will stop. */
+    callback: () => boolean;
+    /**
+     * The initial delay (in ms) before repeating starts. Default is 750ms.
+     *
+     * @default 750
+     */
+    delay?: number;
+    /**
+     * The amount (in percent) to decrement the delay after each repeat. Default is 15%.
+     *
+     * @default 15
+     */
+    delayDecrement?: number;
+    /**
+     * The minimum delay (in ms) between repeats. Default is 100ms.
+     *
+     * @default 100
+     */
+    delayMin?: number;
+};
+/**
+ * A hook that provides long press functionality. The provided callback will be invoked once immediately on press, and
+ * then repeatedly after a delay, with the delay decreasing by a specified amount after each repeat.
+ */
+export declare function useLongPress({ callback, delay: initialDelay, delayDecrement, delayMin, }: LongPressProps): {
+    onPointerDown: () => void;
+    onPointerLeave: () => void;
+    onPointerUp: () => void;
 };
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/hooks/useLongPress.js

@@ -1,50 +1,34 @@
-import { useRef, useState } from 'react';
+import { useRef } from 'react';
 import { useTimeout } from './useTimeout';
-export const MIN_INTERVAL = 250; // Minimum interval in milliseconds
-export const INTERVAL_DECREASE_FACTOR = 0.75; // Percent by which the interval decreases each time
-export const INITIAL_INTERVAL = 1000; // Initial interval in milliseconds
-const isTriggerElementDisabled = (element) => !element ||
-    element.disabled ||
-    element.getAttribute('disabled') === 'true' ||
-    element.getAttribute('aria-disabled') === 'true' ||
-    element.getAttribute('data-disabled') === 'true' ||
-    !element.isConnected ||
-    !element.offsetParent;
-export function useLongPress(callback, disabled) {
+/**
+ * A hook that provides long press functionality. The provided callback will be invoked once immediately on press, and
+ * then repeatedly after a delay, with the delay decreasing by a specified amount after each repeat.
+ */
+export function useLongPress({ callback, delay: initialDelay = 750, delayDecrement = 15, delayMin = 100, }) {
     const timeout = useTimeout();
-    const intervalRef = useRef(INITIAL_INTERVAL);
-    const [triggerElement, setTriggerElement] = useState(null);
-    if (disabled)
-        return {
-            onMouseDown: () => { },
-            onMouseUp: () => { },
-            setTriggerElement: () => { },
-        };
-    const run = () => {
-        // If the element is not connected or disabled, clear the timeout, and prevent the callback
-        if (isTriggerElementDisabled(triggerElement))
+    const isPressing = useRef(false);
+    const delay = useRef(initialDelay);
+    const setPressing = (pressing) => {
+        isPressing.current = pressing;
+        if (pressing) {
+            if (!callback())
+                return setPressing(false);
+            timeout.set(() => {
+                if (!isPressing.current)
+                    return setPressing(false);
+                const decrementMs = (delay.current * delayDecrement) / 100;
+                delay.current = delay.current <= delayMin ? delayMin : delay.current - decrementMs;
+                setPressing(true);
+            }, delay.current);
             return;
-        callback();
-        // Decrease the interval for the next call, but not below MIN_INTERVAL
-        if (intervalRef.current > MIN_INTERVAL)
-            intervalRef.current = intervalRef.current * INTERVAL_DECREASE_FACTOR;
-        timeout.set(run, intervalRef.current);
+        }
+        delay.current = initialDelay;
+        timeout.clear();
     };
     return {
-        onMouseDown: (event) => {
-            event.preventDefault();
-            intervalRef.current = INITIAL_INTERVAL;
-            callback();
-            timeout.set(run, intervalRef.current);
-        },
-        onMouseUp: () => {
-            timeout.clear();
-        },
-        onMouseLeave: () => {
-            timeout.clear();
-        },
-        setTriggerElement,
+        onPointerDown: () => setPressing(true),
+        onPointerLeave: () => setPressing(false),
+        onPointerUp: () => setPressing(false),
     };
 }
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
 //# sourceMappingURL=useLongPress.js.map

package/dist/hooks/useLongPress.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLongPress.js","sourceRoot":"","sources":["../../src/hooks/useLongPress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAc,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAC,CAAC,mCAAmC;AACpE,MAAM,CAAC,MAAM,wBAAwB,GAAG,IAAI,CAAC,CAAC,oDAAoD;AAClG,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAC,CAAC,mCAAmC;AAEzE,MAAM,wBAAwB,GAAG,CAAC,OAA2B,EAAE,EAAE,CAC7D,CAAC,OAAO;IACP,OAA6B,CAAC,QAAQ;IACvC,OAAO,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,MAAM;IAC3C,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM;IAChD,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM;IAChD,CAAC,OAAO,CAAC,WAAW;IACpB,CAAC,OAAO,CAAC,YAAY,CAAC;AAE1B,MAAM,UAAU,YAAY,CAAC,QAAoB,EAAE,QAAiB;IAChE,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,WAAW,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAE7C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAA2B,IAAI,CAAC,CAAC;IAErF,IAAI,QAAQ;QACR,OAAO;YACH,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;YACrB,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;YACnB,iBAAiB,EAAE,GAAG,EAAE,GAAE,CAAC;SAC9B,CAAC;IAEN,MAAM,GAAG,GAAG,GAAG,EAAE;QACb,2FAA2F;QAC3F,IAAI,wBAAwB,CAAC,cAAc,CAAC;YAAE,OAAO;QACrD,QAAQ,EAAE,CAAC;QACX,sEAAsE;QACtE,IAAI,WAAW,CAAC,OAAO,GAAG,YAAY;YAAE,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,GAAG,wBAAwB,CAAC;QAC7G,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,OAAO;QACH,WAAW,EAAE,CAAC,KAAiB,EAAE,EAAE;YAC/B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,WAAW,CAAC,OAAO,GAAG,gBAAgB,CAAC;YACvC,QAAQ,EAAE,CAAC;YACX,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;QAC1C,CAAC;QACD,SAAS,EAAE,GAAG,EAAE;YACZ,OAAO,CAAC,KAAK,EAAE,CAAC;QACpB,CAAC;QACD,YAAY,EAAE,GAAG,EAAE;YACf,OAAO,CAAC,KAAK,EAAE,CAAC;QACpB,CAAC;QACD,iBAAiB;KACpB,CAAC;AACN,CAAC;AAED,sDAAsD"}
+{"version":3,"file":"useLongPress.js","sourceRoot":"","sources":["../../src/hooks/useLongPress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAyB1C;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,EACzB,QAAQ,EACR,KAAK,EAAE,YAAY,GAAG,GAAG,EACzB,cAAc,GAAG,EAAE,EACnB,QAAQ,GAAG,GAAG,GACD;IACb,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACjC,MAAM,KAAK,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;IAEnC,MAAM,WAAW,GAAG,CAAC,QAAiB,EAAE,EAAE;QACtC,UAAU,CAAC,OAAO,GAAG,QAAQ,CAAC;QAE9B,IAAI,QAAQ,EAAE,CAAC;YACX,IAAI,CAAC,QAAQ,EAAE;gBAAE,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC;YAE3C,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE;gBACb,IAAI,CAAC,UAAU,CAAC,OAAO;oBAAE,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC;gBAEnD,MAAM,WAAW,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,cAAc,CAAC,GAAG,GAAG,CAAC;gBAC3D,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,WAAW,CAAC;gBAEnF,WAAW,CAAC,IAAI,CAAC,CAAC;YACtB,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;YAClB,OAAO;QACX,CAAC;QAED,KAAK,CAAC,OAAO,GAAG,YAAY,CAAC;QAC7B,OAAO,CAAC,KAAK,EAAE,CAAC;IACpB,CAAC,CAAC;IAEF,OAAO;QACH,aAAa,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC;QACtC,cAAc,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC;QACxC,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC;KACxC,CAAC;AACN,CAAC"}

package/dist/hooks/useRadioState.d.ts

@@ -18,6 +18,6 @@ import { RadioProps } from '-/components/Radio';
 export declare function useRadioState(name: string, externalState?: [value: string | undefined, onChange: (next: string) => void]): {
     radioProps: (radioValue: string) => Pick<RadioProps, "checked" | "name" | "onChange" | "value">;
     value: string | undefined;
-    setValue: (next: string) => void;
+    setValue: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
 };
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/hooks/useTimeout.d.ts

@@ -22,6 +22,5 @@ export type TimeoutHook = {
  *
  * @returns A ref object that can be used to store a timeout id.
  */
-export declare function useTimeout(): TimeoutHook;
-export declare function useTimeout(initialCallback: () => void, durationMs: number): TimeoutHook;
+export declare function useTimeout(durationMs?: number): TimeoutHook;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/hooks/useTimeout.js

@@ -1,12 +1,28 @@
 import { useRef, useEffect, useMemo } from 'react';
-export function useTimeout(initialCallback, durationMs = 1000) {
+/**
+ * A hook that creates a timeout that is automatically cleared when the component is unmounted.
+ *
+ * @example
+ *     import { useTimeout } from '@bspk/ui/hooks/useTimeout';
+ *     import { useEffect } from 'react';
+ *
+ *     function MyComponent() {
+ *     const timeout = useTimeout();
+ *
+ *     const handleClick = () => {
+ *     timeout.set(() => console.log('Timeout triggered'), 1000);
+ *     };
+ *
+ *     return <Button onClick={handleClick}>Click here then check the console.</Button>;
+ *     }
+ *
+ * @returns A ref object that can be used to store a timeout id.
+ */
+export function useTimeout(durationMs = 1000) {
     const timeoutRef = useRef(null);
     useEffect(() => {
         if (timeoutRef.current)
             clearTimeout(timeoutRef.current);
-        if (initialCallback)
-            timeoutRef.current = setTimeout(initialCallback, durationMs);
-        // eslint-disable-next-line react-hooks/exhaustive-deps -- only run at mount
     }, []);
     return useMemo(() => ({
         clear: () => {

package/dist/hooks/useTimeout.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTimeout.js","sourceRoot":"","sources":["../../src/hooks/useTimeout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AA6BnD,MAAM,UAAU,UAAU,CAAC,eAA4B,EAAE,UAAU,GAAG,IAAI;IACtE,MAAM,UAAU,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IAEtE,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,UAAU,CAAC,OAAO;YAAE,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACzD,IAAI,eAAe;YAAE,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;QAClF,4EAA4E;IAChF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CACV,GAAG,EAAE,CAAC,CAAC;QACH,KAAK,EAAE,GAAG,EAAE;YACR,IAAI,UAAU,CAAC,OAAO;gBAAE,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC7D,CAAC;QACD,GAAG,EAAE,CAAC,QAAoB,EAAE,EAAE,GAAG,UAAU,EAAE,EAAE;YAC3C,IAAI,UAAU,CAAC,OAAO;gBAAE,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YACzD,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QAClD,CAAC;QACD,GAAG,EAAE,UAAU;KAClB,CAAC,EACF,CAAC,UAAU,CAAC,CACf,CAAC;AACN,CAAC;AAED,sDAAsD"}
+{"version":3,"file":"useTimeout.js","sourceRoot":"","sources":["../../src/hooks/useTimeout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAQnD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,UAAU,CAAC,UAAU,GAAG,IAAI;IACxC,MAAM,UAAU,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IAEtE,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,UAAU,CAAC,OAAO;YAAE,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CACV,GAAG,EAAE,CAAC,CAAC;QACH,KAAK,EAAE,GAAG,EAAE;YACR,IAAI,UAAU,CAAC,OAAO;gBAAE,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC7D,CAAC;QACD,GAAG,EAAE,CAAC,QAAoB,EAAE,EAAE,GAAG,UAAU,EAAE,EAAE;YAC3C,IAAI,UAAU,CAAC,OAAO;gBAAE,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YACzD,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QAClD,CAAC;QACD,GAAG,EAAE,UAAU;KAClB,CAAC,EACF,CAAC,UAAU,CAAC,CACf,CAAC;AACN,CAAC;AAED,sDAAsD"}

package/dist/styles/base.css

@@ -241,6 +241,15 @@ body[data-bspk] [data-bspk=link][data-subtle-inverse][disabled] {
   left: auto;
 }
 
+[data-truncated] {
+  max-width: 100%;
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  background-color: transparent;
+}
+
 [data-sr-only] {
   height: 1px;
   overflow: hidden;

package/dist/styles/base.css.js

@@ -244,6 +244,15 @@ body[data-bspk] [data-bspk=link][data-subtle-inverse][disabled] {
   left: auto;
 }
 
+[data-truncated] {
+  max-width: 100%;
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  background-color: transparent;
+}
+
 [data-sr-only] {
   height: 1px;
   overflow: hidden;

package/dist/types/common.d.ts

@@ -5,6 +5,7 @@
  *
  * @bspk/ui/Txt".
  */
+import { IconName } from '@bspk/icons';
 import { JSXElementConstructor, ReactNode, ComponentPropsWithoutRef, AriaRole, ChangeEvent, KeyboardEvent, CSSProperties } from 'react';
 export type AlertVariant = 'error' | 'informational' | 'success' | 'warning';
 /** Sets a ref to the given element. */
@@ -17,6 +18,8 @@ export type CSSWithVariables = CSSProperties | (CSSProperties & {
 });
 export type DataProps = Record<`data-${string}`, string>;
 export type ButtonSize = 'large' | 'medium' | 'small' | 'x-small';
+/** The name of an icon in the Bspk icon library. */
+export type BspkIcon = IconName;
 export type CallToActionButton = {
     /**
      * The label of the call to action button.

package/dist/types/common.js.map

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

package/dist/types/meta.d.ts

@@ -33,6 +33,7 @@ export type TypeProperty = {
     minimum?: number;
     maximum?: number;
     example?: string;
+    arrayType?: string;
 };
 export type ComponentMeta = BaseMeta & {
     slug: string;

package/dist/types/meta.js.map

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