@bspk/ui 1.3.8 → 1.3.9

package/dist/components/Table/Table.js

@@ -32,22 +32,59 @@ const SORT_META = {
  * @example
  *     import { Table } from '@bspk/ui/Table';
  *
- *     function Example() {
- *         return (
- *             <Table
- *                 columns={[
- *                     { key: 'state', label: 'State', width: '100px' },
- *                     { key: 'capital', label: 'Capital', width: '1fr' },
- *                 ]}
- *                 data={[
- *                     { state: 'New Jersey', capital: 'Trenton' },
- *                     { state: 'New York', capital: 'Albany' },
- *                     { state: 'California', capital: 'Sacramento' },
- *                 ]}
- *                 title="State Capitals"
- *             />
- *         );
- *     }
+ *     <Table
+ *         columns={[
+ *             { key: 'state', label: 'State', width: '160px' },
+ *             { key: 'capital', label: 'Capital', width: '140px' },
+ *             { key: 'population', label: 'Population', width: '140px' },
+ *             { key: 'nickname', label: 'Nickname', width: '1fr' },
+ *         ]}
+ *         data={[
+ *             {
+ *                 id: 'ca',
+ *                 state: 'California',
+ *                 capital: 'Sacramento',
+ *                 population: '39,512,223',
+ *                 nickname: 'The Golden State',
+ *             },
+ *             {
+ *                 id: 'ny',
+ *                 state: 'New York',
+ *                 capital: 'Albany',
+ *                 population: '19,299,981',
+ *                 nickname: 'The Empire State',
+ *             },
+ *             {
+ *                 id: 'nj',
+ *                 state: 'New Jersey',
+ *                 capital: 'Trenton',
+ *                 population: '8,882,190',
+ *                 nickname: 'The Garden State',
+ *             },
+ *             {
+ *                 id: 'tx',
+ *                 state: 'Texas',
+ *                 capital: 'Austin',
+ *                 population: '29,183,290',
+ *                 nickname: 'The Lone Star State',
+ *             },
+ *             {
+ *                 id: 'hi',
+ *                 state: 'Hawaii',
+ *                 capital: 'Honolulu',
+ *                 population: '1,415,872',
+ *                 nickname: 'The Aloha State',
+ *             },
+ *             {
+ *                 id: 'ak',
+ *                 state: 'Alaska',
+ *                 capital: 'Juneau',
+ *                 population: '731,545',
+ *                 nickname: 'The Last Frontier',
+ *             },
+ *         ]}
+ *         title="U.S. States — Capitals & Quick Facts"
+ *     />;
  *
  * @name Table
  * @phase UXReview

package/dist/components/Table/Table.js.map

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

package/dist/components/Table/table.css

@@ -39,7 +39,6 @@
   grid-template-columns: var(--template-columns);
   border-collapse: collapse;
   min-width: 100%;
-  user-select: none;
 }
 [data-bspk=table] table tr,
 [data-bspk=table] table tbody,

package/dist/components/Table/table.css.js

@@ -42,7 +42,6 @@ style.appendChild(document.createTextNode(`[data-bspk=table] {
   grid-template-columns: var(--template-columns);
   border-collapse: collapse;
   min-width: 100%;
-  user-select: none;
 }
 [data-bspk=table] table tr,
 [data-bspk=table] table tbody,

package/dist/components/Tag/Tag.d.ts

@@ -32,9 +32,7 @@ export type TagProps = {
  * @example
  *     import { Tag } from '@bspk/ui/Tag';
  *
- *     function Example() {
- *         return <Tag label="Example Tag" variant="flat" color="primary" />;
- *     }
+ *     <Tag label="Example Tag" variant="flat" color="primary" />;
  *
  * @name Tag
  * @phase UXReview

package/dist/components/Tag/Tag.js

@@ -7,9 +7,7 @@ import { Truncated } from '../Truncated';
  * @example
  *     import { Tag } from '@bspk/ui/Tag';
  *
- *     function Example() {
- *         return <Tag label="Example Tag" variant="flat" color="primary" />;
- *     }
+ *     <Tag label="Example Tag" variant="flat" color="primary" />;
  *
  * @name Tag
  * @phase UXReview

package/dist/components/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,CAAC;AACpB,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AA8BnD;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,OAAO,EAAE,IAAI,GAAG,OAAO,EAAE,OAAO,GAAG,MAAM,EAAY;IACtF,OAAO,CACH,6BAAgB,KAAK,gBAAa,KAAK,eAAa,IAAI,kBAAgB,OAAO,aAC1E,KAAK,IAAI,KAAC,SAAS,cAAE,KAAK,GAAa,EACvC,OAAO,KAAK,aAAa,IAAI,sCAAqB,IAChD,CACV,CAAC;AACN,CAAC"}
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,CAAC;AACpB,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AA8BnD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,OAAO,EAAE,IAAI,GAAG,OAAO,EAAE,OAAO,GAAG,MAAM,EAAY;IACtF,OAAO,CACH,6BAAgB,KAAK,gBAAa,KAAK,eAAa,IAAI,kBAAgB,OAAO,aAC1E,KAAK,IAAI,KAAC,SAAS,cAAE,KAAK,GAAa,EACvC,OAAO,KAAK,aAAa,IAAI,sCAAqB,IAChD,CACV,CAAC;AACN,CAAC"}

package/dist/components/Textarea/Textarea.d.ts

@@ -44,22 +44,22 @@ export type TextareaProps = CommonProps<'size'> & FieldControlProps<string, Chan
  *     import { useState } from 'react';
  *     import { Textarea } from '@bspk/ui/Textarea';
  *
- *     function ExampleWithField() {
+ *     () => {
  *         const [value, setValue] = useState('');
  *         return (
- *             <Field>
- *                 <FieldLabel>Example Textarea</FieldLabel>
- *                 <Textarea name="example-name" onChange={setValue} value={value} />
- *                 <FieldDescription>This is an example textarea field.</FieldDescription>
- *             </Field>
+ *             <>
+ *                 // standalone textarea example
+ *                 <Textarea aria-label="Enter text" name="example-name" onChange={setValue} value={value} />
+ *                 <br />
+ *                 // textarea used within a field
+ *                 <Field>
+ *                     <FieldLabel>Example Textarea</FieldLabel>
+ *                     <Textarea name="example-name" onChange={setValue} value={value} />
+ *                     <FieldDescription>This is an example textarea field.</FieldDescription>
+ *                 </Field>
+ *             </>
  *         );
- *     }
- *
- *     function ExampleStandalone() {
- *         const [value, setValue] = useState('');
- *
- *         return <Textarea aria-label="Enter text" name="example-name" onChange={setValue} value={value} />;
- *     }
+ *     };
  *
  * @element
  *

package/dist/components/Textarea/Textarea.js

@@ -16,22 +16,22 @@ import { cssWithVars } from '../../utils/cwv';
  *     import { useState } from 'react';
  *     import { Textarea } from '@bspk/ui/Textarea';
  *
- *     function ExampleWithField() {
+ *     () => {
  *         const [value, setValue] = useState('');
  *         return (
- *             <Field>
- *                 <FieldLabel>Example Textarea</FieldLabel>
- *                 <Textarea name="example-name" onChange={setValue} value={value} />
- *                 <FieldDescription>This is an example textarea field.</FieldDescription>
- *             </Field>
+ *             <>
+ *                 // standalone textarea example
+ *                 <Textarea aria-label="Enter text" name="example-name" onChange={setValue} value={value} />
+ *                 <br />
+ *                 // textarea used within a field
+ *                 <Field>
+ *                     <FieldLabel>Example Textarea</FieldLabel>
+ *                     <Textarea name="example-name" onChange={setValue} value={value} />
+ *                     <FieldDescription>This is an example textarea field.</FieldDescription>
+ *                 </Field>
+ *             </>
  *         );
- *     }
- *
- *     function ExampleStandalone() {
- *         const [value, setValue] = useState('');
- *
- *         return <Textarea aria-label="Enter text" name="example-name" onChange={setValue} value={value} />;
- *     }
+ *     };
  *
  * @element
  *

package/dist/components/TimePicker/TimePicker.d.ts

@@ -11,23 +11,23 @@ export type TimePickerProps = FieldControlProps & Pick<InputProps, 'size'>;
  * @example
  *     import { TimePicker } from '@bspk/ui/TimePicker';
  *
- *     function ExampleStandalone() {
- *         const [value, onChange] = React.useState('');
- *
- *         return <TimePicker aria-label="Time" name="time" value={value} onChange={onChange} />;
- *     }
- *
- *     function ExampleWithField() {
- *         const [value, onChange] = React.useState('');
+ *     () => {
+ *         const [value, onChange] = useState('');
  *
  *         return (
- *             <Field>
- *                 <FieldLabel>Time</FieldLabel>
- *                 <TimePicker value={value} onChange={onChange} />
- *                 <FieldDescription>The time picker allows you to select a time.</FieldDescription>
- *             </Field>
+ *             <>
+ *                 // standalone time picker example
+ *                 <TimePicker aria-label="Time" name="time" value={value} onChange={onChange} />
+ *                 <br />
+ *                 // time picker used within a field
+ *                 <Field>
+ *                     <FieldLabel>Time</FieldLabel>
+ *                     <TimePicker value={value} onChange={onChange} />
+ *                     <FieldDescription>The time picker allows you to select a time.</FieldDescription>
+ *                 </Field>
+ *             </>
  *         );
- *     }
+ *     };
  *
  * @name TimePicker
  * @phase UXReview

package/dist/components/TimePicker/TimePicker.js

@@ -22,23 +22,23 @@ import { handleKeyDown } from '../../utils/handleKeyDown';
  * @example
  *     import { TimePicker } from '@bspk/ui/TimePicker';
  *
- *     function ExampleStandalone() {
- *         const [value, onChange] = React.useState('');
- *
- *         return <TimePicker aria-label="Time" name="time" value={value} onChange={onChange} />;
- *     }
- *
- *     function ExampleWithField() {
- *         const [value, onChange] = React.useState('');
+ *     () => {
+ *         const [value, onChange] = useState('');
  *
  *         return (
- *             <Field>
- *                 <FieldLabel>Time</FieldLabel>
- *                 <TimePicker value={value} onChange={onChange} />
- *                 <FieldDescription>The time picker allows you to select a time.</FieldDescription>
- *             </Field>
+ *             <>
+ *                 // standalone time picker example
+ *                 <TimePicker aria-label="Time" name="time" value={value} onChange={onChange} />
+ *                 <br />
+ *                 // time picker used within a field
+ *                 <Field>
+ *                     <FieldLabel>Time</FieldLabel>
+ *                     <TimePicker value={value} onChange={onChange} />
+ *                     <FieldDescription>The time picker allows you to select a time.</FieldDescription>
+ *                 </Field>
+ *             </>
  *         );
- *     }
+ *     };
  *
  * @name TimePicker
  * @phase UXReview

package/dist/components/ToggleOption/ToggleOption.js

@@ -8,6 +8,6 @@ import { ListItem } from '../ListItem';
  * @phase Utility
  */
 export function ToggleOption({ label, description, children, disabled, ...props }) {
-    return (_jsx(ListItem, { ...props, "aria-disabled": disabled || undefined, as: "label", label: label, leading: children, subText: description, width: "hug" }));
+    return (_jsx(ListItem, { ...props, "aria-disabled": disabled || undefined, as: "label", label: label, leading: children, owner: "toggle-option", subText: description, width: "hug" }));
 }
 //# sourceMappingURL=ToggleOption.js.map

package/dist/components/ToggleOption/ToggleOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleOption.js","sourceRoot":"","sources":["../../../src/components/ToggleOption/ToggleOption.tsx"],"names":[],"mappings":";AAAA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,QAAQ,EAAiB,MAAM,uBAAuB,CAAC;AAwBhE;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAqB;IAChG,OAAO,CACH,KAAC,QAAQ,OACD,KAAK,mBACM,QAAQ,IAAI,SAAS,EACpC,EAAE,EAAC,OAAO,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAC,KAAK,GACb,CACL,CAAC;AACN,CAAC"}
+{"version":3,"file":"ToggleOption.js","sourceRoot":"","sources":["../../../src/components/ToggleOption/ToggleOption.tsx"],"names":[],"mappings":";AAAA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,QAAQ,EAAiB,MAAM,uBAAuB,CAAC;AAwBhE;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAqB;IAChG,OAAO,CACH,KAAC,QAAQ,OACD,KAAK,mBACM,QAAQ,IAAI,SAAS,EACpC,EAAE,EAAC,OAAO,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAC,eAAe,EACrB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAC,KAAK,GACb,CACL,CAAC;AACN,CAAC"}

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/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/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/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 */