@bspk/ui 1.3.7 → 1.3.9

package/dist/components/TabGroup/TabGroup.js

@@ -8,7 +8,7 @@ import { TabList } from '../TabList';
  *     import { useState } from 'react';
  *     import { TabGroup } from '@bspk/ui/TabGroup';
  *
- *     function Example() {
+ *     () => {
  *         const [selectedTab, setSelectedTab] = useState<string>();
  *
  *         return (
@@ -22,7 +22,7 @@ import { TabList } from '../TabList';
  *                 value={selectedTab}
  *             />
  *         );
- *     }
+ *     };
  *
  * @name TabGroup
  * @phase UXReview

package/dist/components/TabGroup/TabGroupExample.js

@@ -1,9 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { SvgCircle } from '@bspk/icons/Circle';
-import { SvgDiamond } from '@bspk/icons/Diamond';
-import { SvgDiamondFill } from '@bspk/icons/DiamondFill';
-import { SvgSquare } from '@bspk/icons/Square';
-import { SvgSquareFill } from '@bspk/icons/SquareFill';
 const PRESET_OPTIONS = [
     {
         value: '1',
@@ -30,16 +24,16 @@ const PRESET_OPTIONS = [
 ];
 const OPTION_ICONS = [
     {
-        icon: _jsx(SvgDiamond, {}),
-        iconSelected: _jsx(SvgDiamondFill, {}),
+        icon: 'Diamond',
+        iconSelected: 'DiamondFill',
     },
     {
-        icon: _jsx(SvgCircle, {}),
+        icon: 'Circle',
         iconSelected: undefined,
     },
     {
-        icon: _jsx(SvgSquare, {}),
-        iconSelected: _jsx(SvgSquareFill, {}),
+        icon: 'Square',
+        iconSelected: 'SquareFill',
     },
 ];
 export const presets = [

package/dist/components/TabGroup/TabGroupExample.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabGroupExample.js","sourceRoot":"","sources":["../../../src/components/TabGroup/TabGroupExample.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TabGroupExample.js","sourceRoot":"","sources":["../../../src/components/TabGroup/TabGroupExample.tsx"],"names":[],"mappings":"AAGA,MAAM,cAAc,GAA6B;IAC7C;QACI,KAAK,EAAE,GAAG;QACV,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;QACvB,KAAK,EAAE,SAAS;KACnB;IACD;QACI,KAAK,EAAE,GAAG;QACV,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;QACvB,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,IAAI;KACjB;IACD;QACI,KAAK,EAAE,GAAG;QACV,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;QACvB,KAAK,EAAE,SAAS;KACnB;CACJ,CAAC;AAEF,MAAM,YAAY,GAAG;IACjB;QACI,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,aAAa;KAC9B;IAED;QACI,IAAI,EAAE,QAAQ;QACd,YAAY,EAAE,SAAS;KAC1B;IACD;QACI,IAAI,EAAE,QAAQ;QACd,YAAY,EAAE,YAAY;KAC7B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAA4B;IAC5C;QACI,KAAK,EAAE,YAAY;QACnB,SAAS,EAAE;YACP,KAAK,EAAE,GAAG;YACV,OAAO,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;gBAC5C,GAAG,MAAM;gBACT,IAAI,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,IAAI;gBAC9B,YAAY,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,YAAY;aACjD,CAAC,CAAC;YACH,KAAK,EAAE,iBAAiB;SAC3B;KACJ;IACD;QACI,KAAK,EAAE,aAAa;QACpB,SAAS,EAAE;YACP,KAAK,EAAE,GAAG;YACV,OAAO,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;gBAC5C,GAAG,MAAM;gBACT,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;aACvC,CAAC,CAAC;YACH,KAAK,EAAE,kBAAkB;SAC5B;KACJ;IACD;QACI,KAAK,EAAE,qBAAqB;QAC5B,SAAS,EAAE;YACP,KAAK,EAAE,GAAG;YACV,OAAO,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;gBAC5C,GAAG,MAAM;gBACT,IAAI,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,IAAI;gBAC9B,YAAY,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,YAAY;gBAC9C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;aACvC,CAAC,CAAC;YACH,KAAK,EAAE,0BAA0B;SACpC;KACJ;IACD;QACI,KAAK,EAAE,gBAAgB;QACvB,SAAS,EAAE;YACP,KAAK,EAAE,GAAG;YACV,OAAO,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;gBACrC,GAAG,MAAM;gBACT,KAAK,EAAE,GAAG,MAAM,CAAC,KAAK,qEAAqE;aAC9F,CAAC,CAAC;YACH,KAAK,EAAE,qBAAqB;SAC/B;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAoC;IAC5D,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;IACjC,YAAY,EAAE;QACV,OAAO,EAAE,cAAc;KAC1B;IACD,OAAO;IAEP,QAAQ,EAAE;QACN,SAAS,EAAE;YACP,KAAK,EAAE,KAAK;SACf;KACJ;CACJ,CAAC"}

package/dist/components/TabGroup/tab-group.css

@@ -1,5 +1,6 @@
 ul[data-bspk=tab-group] {
   border-bottom: none;
+  max-width: 100%;
 }
 ul[data-bspk=tab-group] li {
   border: 0;

package/dist/components/TabGroup/tab-group.css.js

@@ -3,6 +3,7 @@
 const style = document.createElement('style');
 style.appendChild(document.createTextNode(`ul[data-bspk=tab-group] {
   border-bottom: none;
+  max-width: 100%;
 }
 ul[data-bspk=tab-group] li {
   border: 0;

package/dist/components/TabList/TabList.d.ts

@@ -109,7 +109,7 @@ export type TabListProps<O extends TabOption = TabOption> = {
  *     import { useState } from 'react';
  *     import { TabList } from '@bspk/ui/TabList';
  *
- *     function Example() {
+ *     () => {
  *         const [selectedTab, setSelectedTab] = useState<string>();
  *
  *         return (
@@ -123,7 +123,7 @@ export type TabListProps<O extends TabOption = TabOption> = {
  *                 value={selectedTab}
  *             />
  *         );
- *     }
+ *     };
  *
  * @name TabList
  * @phase Utility

package/dist/components/TabList/TabList.js

@@ -23,7 +23,7 @@ const TAB_BADGE_SIZES = {
  *     import { useState } from 'react';
  *     import { TabList } from '@bspk/ui/TabList';
  *
- *     function Example() {
+ *     () => {
  *         const [selectedTab, setSelectedTab] = useState<string>();
  *
  *         return (
@@ -37,7 +37,7 @@ const TAB_BADGE_SIZES = {
  *                 value={selectedTab}
  *             />
  *         );
- *     }
+ *     };
  *
  * @name TabList
  * @phase Utility

package/dist/components/TabList/tab-list.css

@@ -3,7 +3,6 @@ ul[data-bspk-utility=tab-list] {
   display: flex;
   flex-direction: row;
   list-style: none;
-  width: 100%;
   height: var(--height);
   font: var(--font);
   --icon-size: var(--spacing-sizing-05);

package/dist/components/TabList/tab-list.css.js

@@ -6,7 +6,6 @@ style.appendChild(document.createTextNode(`ul[data-bspk-utility=tab-list] {
   display: flex;
   flex-direction: row;
   list-style: none;
-  width: 100%;
   height: var(--height);
   font: var(--font);
   --icon-size: var(--spacing-sizing-05);

package/dist/components/Table/Table.d.ts

@@ -39,22 +39,59 @@ export type TableProps<R extends TableRow> = {
  * @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

@@ -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/Textarea/TextareaExample.js

@@ -1,5 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 export const TextareaExample = {
+    defaultState: {
+        'aria-label': 'textarea aria-label',
+    },
     render: ({ props, Component }) => _jsx(Component, { ...props }),
 };
 //# sourceMappingURL=TextareaExample.js.map

package/dist/components/Textarea/TextareaExample.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextareaExample.js","sourceRoot":"","sources":["../../../src/components/Textarea/TextareaExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,eAAe,GAAoC;IAC5D,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,GAAI;CAC7D,CAAC"}
+{"version":3,"file":"TextareaExample.js","sourceRoot":"","sources":["../../../src/components/Textarea/TextareaExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,eAAe,GAAoC;IAC5D,YAAY,EAAE;QACV,YAAY,EAAE,qBAAqB;KACtC;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,GAAI;CAC7D,CAAC"}

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/TimePicker/TimePickerExample.js

@@ -1,6 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 export const TimePickerExample = {
     variants: false,
+    defaultState: {
+        'aria-label': 'time picker aria-label',
+    },
     render: ({ props, Component }) => _jsx(Component, { ...props }),
 };
 //# sourceMappingURL=TimePickerExample.js.map

package/dist/components/TimePicker/TimePickerExample.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePickerExample.js","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePickerExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,iBAAiB,GAAsC;IAChE,QAAQ,EAAE,KAAK;IAEf,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,GAAI;CAC7D,CAAC"}
+{"version":3,"file":"TimePickerExample.js","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePickerExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,iBAAiB,GAAsC;IAChE,QAAQ,EAAE,KAAK;IACf,YAAY,EAAE;QACV,YAAY,EAAE,wBAAwB;KACzC;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,GAAI;CAC7D,CAAC"}

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