@bspk/ui 1.3.10 → 1.3.16

package/dist/components/Switch/switch.css.js

@@ -8,12 +8,6 @@ style.appendChild(document.createTextNode(`[data-bspk=switch] {
   --toggle-bg: var(--foreground-neutral-on-color);
   display: block;
   margin: 2px;
-  width: var(--track-width);
-  height: var(--spacing-sizing-05);
-  border-radius: var(--spacing-sizing-05);
-  background-color: var(--track-bg);
-  position: relative;
-  z-index: 1;
 }
 [data-bspk=switch] input[type=checkbox] {
   position: absolute;
@@ -25,6 +19,14 @@ style.appendChild(document.createTextNode(`[data-bspk=switch] {
   z-index: 2;
   cursor: pointer;
 }
+[data-bspk=switch] {
+  width: var(--track-width);
+  height: var(--spacing-sizing-05);
+  border-radius: var(--spacing-sizing-05);
+  background-color: var(--track-bg);
+  position: relative;
+  z-index: 1;
+}
 [data-bspk=switch] span {
   display: block;
   width: var(--toggle-width);
@@ -43,13 +45,13 @@ style.appendChild(document.createTextNode(`[data-bspk=switch] {
 [data-bspk=switch]:has(input[type=checkbox]:checked) span {
   left: calc(var(--track-width) - var(--toggle-width) - 2px);
 }
+[data-bspk=switch]:has(input[type=checkbox]:disabled) input[type=checkbox] {
+  pointer-events: none;
+}
 [data-bspk=switch]:has(input[type=checkbox]:disabled) {
   --track-bg: var(--interactions-disabled-opacity);
   --toggle-bg: var(--foreground-neutral-disabled-on-surface);
 }
-[data-bspk=switch]:has(input[type=checkbox]:disabled) input[type=checkbox] {
-  pointer-events: none;
-}
 [data-bspk=switch]:has(input[type=checkbox]:disabled):has(input[type=checkbox]:checked) span {
   --toggle-bg: var(--foreground-neutral-disabled-on-color-surface);
 }

package/dist/components/SwitchOption/SwitchOption.d.ts

@@ -7,7 +7,7 @@ export type SwitchOptionProps = ToggleOptionControlProps<SwitchProps>;
  * If only a switch is needed, consider using the Switch component directly.
  *
  * @name SwitchOption
- * @phase UXReview
+ * @phase Stable
  */
 export declare function SwitchOption({ label: labelProp, description, ...checkboxProps }: SwitchOptionProps): "" | import("react/jsx-runtime").JSX.Element | undefined;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/SwitchOption/SwitchOption.js

@@ -7,7 +7,7 @@ import { ToggleOption } from '../ToggleOption';
  * If only a switch is needed, consider using the Switch component directly.
  *
  * @name SwitchOption
- * @phase UXReview
+ * @phase Stable
  */
 export function SwitchOption({ label: labelProp, description, ...checkboxProps }) {
     const label = labelProp || description;

package/dist/components/TabGroup/TabGroup.d.ts

@@ -35,7 +35,7 @@ export type TabGroupProps = Omit<TabListProps<TabOption>, 'iconsOnly'> & {
  *     };
  *
  * @name TabGroup
- * @phase UXReview
+ * @phase Stable
  */
 export declare function TabGroup({ onChange: onTabChange, value, size, options, width, showTrail, ...containerProps }: ElementProps<TabGroupProps, 'ul'>): import("react/jsx-runtime").JSX.Element | null;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/TabGroup/TabGroup.js

@@ -25,7 +25,7 @@ import { TabList } from '../TabList';
  *     };
  *
  * @name TabGroup
- * @phase UXReview
+ * @phase Stable
  */
 export function TabGroup({ onChange: onTabChange, value, size = 'medium', options, width = 'hug', showTrail = false, ...containerProps }) {
     if (!Array.isArray(options) || options.length < 2)

package/dist/components/TabGroup/TabGroupExample.js

@@ -86,7 +86,6 @@ export const presets = [
     },
 ];
 export const TabGroupExample = {
-    containerStyle: { width: '100%' },
     defaultState: {
         options: PRESET_OPTIONS,
     },

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

@@ -1 +1 @@
-{"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"}
+{"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,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/TabList/TabListExample.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 export const TabListExample = {
-    containerStyle: { width: '100%' },
     render: ({ props, Component }) => _jsx(Component, { ...props }),
 };
 //# sourceMappingURL=TabListExample.js.map

package/dist/components/TabList/TabListExample.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabListExample.js","sourceRoot":"","sources":["../../../src/components/TabList/TabListExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,cAAc,GAAmC;IAC1D,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;IACjC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,GAAI;CAC7D,CAAC"}
+{"version":3,"file":"TabListExample.js","sourceRoot":"","sources":["../../../src/components/TabList/TabListExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,cAAc,GAAmC;IAC1D,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,GAAI;CAC7D,CAAC"}

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

@@ -5,15 +5,17 @@ ul[data-bspk-utility=tab-list] {
   list-style: none;
   height: var(--height);
   font: var(--font);
-  --icon-size: var(--spacing-sizing-05);
-  --font: var(--labels-base);
-  --height: var(--spacing-sizing-10);
 }
 ul[data-bspk-utility=tab-list][data-width=fill] {
   align-items: stretch;
   width: 100%;
   --item-flex-grow: 1;
 }
+ul[data-bspk-utility=tab-list] {
+  --icon-size: var(--spacing-sizing-05);
+  --font: var(--labels-base);
+  --height: var(--spacing-sizing-10);
+}
 ul[data-bspk-utility=tab-list][data-size=small] {
   --font: var(--labels-small);
   --height: var(--spacing-sizing-08);

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

@@ -8,15 +8,17 @@ style.appendChild(document.createTextNode(`ul[data-bspk-utility=tab-list] {
   list-style: none;
   height: var(--height);
   font: var(--font);
-  --icon-size: var(--spacing-sizing-05);
-  --font: var(--labels-base);
-  --height: var(--spacing-sizing-10);
 }
 ul[data-bspk-utility=tab-list][data-width=fill] {
   align-items: stretch;
   width: 100%;
   --item-flex-grow: 1;
 }
+ul[data-bspk-utility=tab-list] {
+  --icon-size: var(--spacing-sizing-05);
+  --font: var(--labels-base);
+  --height: var(--spacing-sizing-10);
+}
 ul[data-bspk-utility=tab-list][data-size=small] {
   --font: var(--labels-small);
   --height: var(--spacing-sizing-08);

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

@@ -41,7 +41,7 @@ export type TableProps<R extends TableRow> = {
  *
  *     <Table
  *         columns={[
- *             { key: 'state', label: 'State', width: '160px' },
+ *             { key: 'state', label: 'State', width: '160px', sort: 'string' },
  *             { key: 'capital', label: 'Capital', width: '140px' },
  *             { key: 'population', label: 'Population', width: '140px' },
  *             { key: 'nickname', label: 'Nickname', width: '1fr' },
@@ -94,6 +94,6 @@ export type TableProps<R extends TableRow> = {
  *     />;
  *
  * @name Table
- * @phase UXReview
+ * @phase Stable
  */
 export declare function Table<R extends TableRow>({ data, columns: columnsProp, title, size, pageSize, ...props }: ElementProps<TableProps<R>, 'div'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Table/Table.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import './table.css.js';
-import { SvgAZAscend } from '@bspk/icons/AZAscend';
-import { SvgAZDescend } from '@bspk/icons/AZDescend';
+import { SvgArrowDownward } from '@bspk/icons/ArrowDownward';
+import { SvgArrowUpward } from '@bspk/icons/ArrowUpward';
 import { useEffect, useState } from 'react';
 import { TableFooter } from './Footer';
 import { formatCell, useTable } from './utils';
@@ -9,17 +9,17 @@ import { useId } from '../../hooks/useId';
 import { cssWithVars } from '../../utils/cwv';
 const SORT_META = {
     asc: {
-        icon: _jsx(SvgAZAscend, {}),
+        icon: _jsx(SvgArrowUpward, {}),
         label: 'sorted ascending',
         aria: 'ascending',
     },
     desc: {
-        icon: _jsx(SvgAZDescend, {}),
+        icon: _jsx(SvgArrowDownward, {}),
         label: 'sorted descending',
         aria: 'descending',
     },
     none: {
-        icon: null,
+        icon: false,
         label: 'not sorted',
         aria: 'none',
     },
@@ -34,7 +34,7 @@ const SORT_META = {
  *
  *     <Table
  *         columns={[
- *             { key: 'state', label: 'State', width: '160px' },
+ *             { key: 'state', label: 'State', width: '160px', sort: 'string' },
  *             { key: 'capital', label: 'Capital', width: '140px' },
  *             { key: 'population', label: 'Population', width: '140px' },
  *             { key: 'nickname', label: 'Nickname', width: '1fr' },
@@ -87,7 +87,7 @@ const SORT_META = {
  *     />;
  *
  * @name Table
- * @phase UXReview
+ * @phase Stable
  */
 export function Table({ data = [], columns: columnsProp, title, size = 'medium', pageSize = 10, ...props }) {
     const tableId = useId();
@@ -112,7 +112,7 @@ export function Table({ data = [], columns: columnsProp, title, size = 'medium',
                     }), children: [title && _jsx("caption", { children: title }), _jsx("thead", { children: _jsx("tr", { children: columns?.map((column) => {
                                     const sortMeta = column.sort &&
                                         SORT_META[sorting.find((s) => s.key === column.key)?.order || 'none'];
-                                    return (_jsx("th", { "aria-sort": sortMeta?.aria, "data-align": column.align, "data-sortable": !!sortMeta || undefined, scope: "col", children: sortMeta ? (_jsxs("button", { onClick: () => toggleSorting(column.key), type: "button", children: [column.label, sortMeta?.icon && (_jsx("span", { "aria-hidden": true, "data-sort-icon": true, children: sortMeta?.icon })), _jsx("span", { "data-sr-only": true, children: _jsx("span", { "aria-live": "polite", role: "status", children: sortMeta.label }) })] })) : (column.label) }, column.key));
+                                    return (_jsx("th", { "aria-sort": sortMeta?.aria, "data-align": column.align, "data-sortable": !!sortMeta || undefined, scope: "col", children: sortMeta ? (_jsxs("button", { onClick: () => toggleSorting(column.key), type: "button", children: [column.label, sortMeta.icon && (_jsx("span", { "aria-hidden": true, "data-sort-icon": true, children: sortMeta.icon }))] })) : (column.label) }, column.key));
                                 }) }) }), _jsx("tbody", { children: rows.map((row) => (_jsx("tr", { children: columns?.map((column) => (_jsx("td", { "data-align": column.align || 'left', "data-cell": column.key, "data-valign": column.valign || 'center', children: formatCell(column.formatter?.(row, size) || row[column.key]) }, `${row.id}-${column.key}`))) }, row.id))) })] }), hasPagination && (_jsx(TableFooter, { id: tableId, pageIndex: pageIndex, pageSize: pageSize, setPageIndex: setPageIndex, totalPages: totalPages, totalRows: data.length }))] }) }));
 }
 //# sourceMappingURL=Table.js.map

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/TableExample.js

@@ -10,68 +10,70 @@ const tableSizeToTagSize = {
 };
 export const TableExample = ({ componentsMeta, }) => {
     return {
-        containerStyle: { width: '100%' },
         defaultState: {
             data: [
-                {
-                    id: '1',
-                    firstName: 'James',
-                    lastName: 'Kirk',
-                    email: 'james.kirk@starfleet.gov',
-                    serviceYears: 5,
-                },
-                {
-                    id: '2',
-                    firstName: 'Jean-Luc',
-                    lastName: 'Picard',
-                    email: 'jean-luc.picard@starfleet.gov',
-                    serviceYears: 9,
-                },
-                {
-                    id: '3',
-                    firstName: 'Benjamin',
-                    lastName: 'Sisko',
-                    email: 'benjamin.sisko@starfleet.gov',
-                    serviceYears: 6,
-                },
-                {
-                    id: '4',
-                    firstName: 'Kathryn',
-                    lastName: 'Janeway',
-                    email: 'kathryn.janeway@starfleet.gov',
-                    serviceYears: 7,
-                },
+                { id: '1', state: 'Alabama', capital: 'Montgomery', abbreviation: 'AL', population: 198525 },
+                { id: '2', state: 'Alaska', capital: 'Juneau', abbreviation: 'AK', population: 32756 },
+                { id: '3', state: 'Arizona', capital: 'Phoenix', abbreviation: 'AZ', population: 1680992 },
+                { id: '4', state: 'Arkansas', capital: 'Little Rock', abbreviation: 'AR', population: 197312 },
+                { id: '5', state: 'California', capital: 'Sacramento', abbreviation: 'CA', population: 524943 },
+                { id: '6', state: 'Colorado', capital: 'Denver', abbreviation: 'CO', population: 715522 },
+                { id: '7', state: 'Connecticut', capital: 'Hartford', abbreviation: 'CT', population: 121054 },
+                { id: '8', state: 'Delaware', capital: 'Dover', abbreviation: 'DE', population: 38158 },
+                { id: '9', state: 'Florida', capital: 'Tallahassee', abbreviation: 'FL', population: 196169 },
+                { id: '10', state: 'Georgia', capital: 'Atlanta', abbreviation: 'GA', population: 506811 },
+                { id: '11', state: 'Hawaii', capital: 'Honolulu', abbreviation: 'HI', population: 345064 },
+                { id: '12', state: 'Idaho', capital: 'Boise', abbreviation: 'ID', population: 235829 },
+                { id: '13', state: 'Illinois', capital: 'Springfield', abbreviation: 'IL', population: 114694 },
+                { id: '14', state: 'Indiana', capital: 'Indianapolis', abbreviation: 'IN', population: 876384 },
+                { id: '15', state: 'Iowa', capital: 'Des Moines', abbreviation: 'IA', population: 214133 },
+                { id: '16', state: 'Kansas', capital: 'Topeka', abbreviation: 'KS', population: 125310 },
+                { id: '17', state: 'Kentucky', capital: 'Frankfort', abbreviation: 'KY', population: 27749 },
+                { id: '18', state: 'Louisiana', capital: 'Baton Rouge', abbreviation: 'LA', population: 221599 },
+                { id: '19', state: 'Maine', capital: 'Augusta', abbreviation: 'ME', population: 18807 },
+                { id: '20', state: 'Maryland', capital: 'Annapolis', abbreviation: 'MD', population: 39774 },
+                { id: '21', state: 'Massachusetts', capital: 'Boston', abbreviation: 'MA', population: 675647 },
+                { id: '22', state: 'Michigan', capital: 'Lansing', abbreviation: 'MI', population: 112644 },
+                { id: '23', state: 'Minnesota', capital: 'Saint Paul', abbreviation: 'MN', population: 311527 },
+                { id: '24', state: 'Mississippi', capital: 'Jackson', abbreviation: 'MS', population: 153701 },
+                { id: '25', state: 'Missouri', capital: 'Jefferson City', abbreviation: 'MO', population: 43079 },
+                { id: '26', state: 'Montana', capital: 'Helena', abbreviation: 'MT', population: 32815 },
+                { id: '27', state: 'Nebraska', capital: 'Lincoln', abbreviation: 'NE', population: 289102 },
+                { id: '28', state: 'Nevada', capital: 'Carson City', abbreviation: 'NV', population: 57826 },
+                { id: '29', state: 'New Hampshire', capital: 'Concord', abbreviation: 'NH', population: 43627 },
+                { id: '30', state: 'New Jersey', capital: 'Trenton', abbreviation: 'NJ', population: 87937 },
+                { id: '31', state: 'New Mexico', capital: 'Santa Fe', abbreviation: 'NM', population: 84683 },
+                { id: '32', state: 'New York', capital: 'Albany', abbreviation: 'NY', population: 96460 },
+                { id: '33', state: 'North Carolina', capital: 'Raleigh', abbreviation: 'NC', population: 474069 },
+                { id: '34', state: 'North Dakota', capital: 'Bismarck', abbreviation: 'ND', population: 73335 },
+                { id: '35', state: 'Ohio', capital: 'Columbus', abbreviation: 'OH', population: 903852 },
+                { id: '36', state: 'Oklahoma', capital: 'Oklahoma City', abbreviation: 'OK', population: 655057 },
+                { id: '37', state: 'Oregon', capital: 'Salem', abbreviation: 'OR', population: 175535 },
+                { id: '38', state: 'Pennsylvania', capital: 'Harrisburg', abbreviation: 'PA', population: 49528 },
+                { id: '39', state: 'Rhode Island', capital: 'Providence', abbreviation: 'RI', population: 190934 },
+                { id: '40', state: 'South Carolina', capital: 'Columbia', abbreviation: 'SC', population: 137541 },
+                { id: '41', state: 'South Dakota', capital: 'Pierre', abbreviation: 'SD', population: 13946 },
+                { id: '42', state: 'Tennessee', capital: 'Nashville', abbreviation: 'TN', population: 670820 },
+                { id: '43', state: 'Texas', capital: 'Austin', abbreviation: 'TX', population: 964254 },
+                { id: '44', state: 'Utah', capital: 'Salt Lake City', abbreviation: 'UT', population: 200567 },
+                { id: '45', state: 'Vermont', capital: 'Montpelier', abbreviation: 'VT', population: 7919 },
+                { id: '46', state: 'Virginia', capital: 'Richmond', abbreviation: 'VA', population: 226610 },
+                { id: '47', state: 'Washington', capital: 'Olympia', abbreviation: 'WA', population: 52434 },
+                { id: '48', state: 'West Virginia', capital: 'Charleston', abbreviation: 'WV', population: 45756 },
+                { id: '49', state: 'Wisconsin', capital: 'Madison', abbreviation: 'WI', population: 269840 },
+                { id: '50', state: 'Wyoming', capital: 'Cheyenne', abbreviation: 'WY', population: 64235 },
             ],
             columns: [
-                {
-                    key: 'firstName',
-                    label: 'First Name',
-                    width: '1fr',
-                    sort: 'string',
-                },
-                {
-                    key: 'lastName',
-                    label: 'Last Name',
-                    width: '1fr',
-                    sort: 'string',
-                },
-                {
-                    key: 'email',
-                    label: 'Email',
-                    width: '1fr',
-                },
-                {
-                    key: 'serviceYears',
-                    label: 'Service Years',
-                    align: 'right',
-                    width: '1fr',
-                    sort: 'number',
-                },
+                { key: 'state', label: 'State', width: '1fr', sort: 'string' },
+                { key: 'capital', label: 'Capital', width: '1fr', sort: 'string' },
+                { key: 'abbreviation', label: 'Abbrev', width: '1fr', align: 'center' },
+                { key: 'population', label: 'Population', align: 'right', width: '1fr', sort: 'number' },
             ],
+            pageSize: 5,
         },
         presets: [
             {
-                label: 'Large data set',
+                label: 'Large dataset',
                 propState: {
                     title: 'Components',
                     columns: [

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

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

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

@@ -1,7 +1,8 @@
 import { ReactNode } from 'react';
 export type BuiltInColumnSorters = 'boolean' | 'date' | 'number' | 'string';
+export declare const BUILT_IN_COLUMN_SORTERS: Record<BuiltInColumnSorters, TableColumnSortingFn>;
 export type TableSize = 'large' | 'medium' | 'small' | 'x-large';
-export type TableCellValue = ReactNode;
+export type TableCellValue = unknown;
 export type TableRow = {
     [key: string]: TableCellValue | TableCellValue[];
     id: string;
@@ -65,7 +66,6 @@ export type SortState = {
     key: string;
     order: SortOrder;
 }[];
-export declare const SORT_PREV_NEXT_STATE: Record<SortOrder | 'none', SortOrder | undefined>;
 export declare function formatCell(value: TableCellValue): ReactNode;
 export declare function useTable<R extends TableRow>({ data, pageIndex, pageSize, columns, }: {
     data: R[];

package/dist/components/Table/utils.js

@@ -1,12 +1,13 @@
+import { isValid } from 'date-fns';
 import { isValidElement, useMemo, useState } from 'react';
+import { sendAriaLiveMessage } from '../../utils/sendAriaLiveMessage';
 const parseDateTime = (val) => {
-    if (val instanceof Date)
-        return val.getTime();
+    let dateValue = val;
     if (typeof val === 'string' || typeof val === 'number')
-        return new Date(val).getTime();
-    return 0;
+        dateValue = new Date(val).getTime();
+    return dateValue instanceof Date && isValid(dateValue) ? dateValue.getTime() : 0;
 };
-const BUILT_IN_COLUMN_SORTERS = {
+export const BUILT_IN_COLUMN_SORTERS = {
     string: (a, b) => `${a}`.localeCompare(`${b}`),
     number: (a, b) => {
         const aNum = typeof a === 'number' ? a : Number(a) || 0;
@@ -18,11 +19,6 @@ const BUILT_IN_COLUMN_SORTERS = {
         return parseDateTime(a) - parseDateTime(b);
     },
 };
-export const SORT_PREV_NEXT_STATE = {
-    asc: 'desc',
-    desc: undefined,
-    none: 'asc',
-};
 export function formatCell(value) {
     if (isValidElement(value))
         return value;
@@ -67,18 +63,20 @@ export function useTable({ data, pageIndex, pageSize, columns, }) {
         sorting,
         toggleSorting: (key) => {
             setSorting((prev) => {
-                const nextArr = [...prev];
-                const prevIndex = nextArr.findIndex((sort) => sort.key === key);
-                if (prevIndex !== -1) {
-                    const order = SORT_PREV_NEXT_STATE[nextArr[prevIndex].order];
-                    if (order === undefined)
-                        nextArr.splice(prevIndex, 1);
-                    else
-                        nextArr[prevIndex] = { key, order: order };
-                }
-                else {
-                    nextArr.push({ key, order: 'asc' });
-                }
+                let nextArr = [];
+                const exists = prev.find((sort) => sort.key === key);
+                const order = getNextOrder(exists?.order);
+                // update to nextOrder
+                if (order && exists)
+                    nextArr = prev.map((sort) => (sort.key === key ? { ...sort, order } : sort));
+                // add nextOrder
+                if (order && !exists)
+                    nextArr = [...prev, { key, order }];
+                // remove sorting
+                if (!order && exists)
+                    nextArr = prev.filter((sort) => sort.key !== key);
+                const columnLabel = columns?.find((col) => col.key === key)?.label || key;
+                sendAriaLiveMessage(`${order ? `Sorted ${order}ending` : 'Removed sorting'} by ${columnLabel}`);
                 return nextArr;
             });
         },
@@ -86,4 +84,11 @@ export function useTable({ data, pageIndex, pageSize, columns, }) {
         totalPages: Math.ceil(data.length / pageSize),
     };
 }
+function getNextOrder(currentOrder) {
+    if (!currentOrder)
+        return 'asc';
+    if (currentOrder === 'asc')
+        return 'desc';
+    return undefined;
+}
 //# sourceMappingURL=utils.js.map

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

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

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

@@ -35,7 +35,7 @@ export type TagProps = {
  *     <Tag label="Example Tag" variant="flat" color="primary" />;
  *
  * @name Tag
- * @phase UXReview
+ * @phase Stable
  */
 export declare function Tag({ label, color, size, variant }: TagProps): import("react/jsx-runtime").JSX.Element;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/Tag/Tag.js

@@ -10,7 +10,7 @@ import { Truncated } from '../Truncated';
  *     <Tag label="Example Tag" variant="flat" color="primary" />;
  *
  * @name Tag
- * @phase UXReview
+ * @phase Stable
  */
 export function Tag({ label, color = 'white', size = 'small', variant = 'flat' }) {
     return (_jsxs("span", { "data-bspk": "tag", "data-color": color, "data-size": size, "data-variant": variant, children: [label && _jsx(Truncated, { children: label }), variant === 'corner-wrap' && _jsx("div", { "data-triangle": true })] }));

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

@@ -45,26 +45,23 @@ export type TextareaProps = CommonProps<'size'> & FieldControlProps<string, Chan
  *     import { Textarea } from '@bspk/ui/Textarea';
  *
  *     () => {
- *         const [value, setValue] = useState('');
+ *         const [value, setValue] = useState<string | undefined>('');
+ *
  *         return (
- *             <>
- *                 // standalone textarea example
- *                 <Textarea aria-label="Enter text" name="example-name" onChange={setValue} value={value} />
- *                 <br />
- *                 // textarea used within a field
+ *             <div style={{ width: 320 }}>
  *                 <Field>
  *                     <FieldLabel>Example Textarea</FieldLabel>
  *                     <Textarea name="example-name" onChange={setValue} value={value} />
  *                     <FieldDescription>This is an example textarea field.</FieldDescription>
  *                 </Field>
- *             </>
+ *             </div>
  *         );
  *     };
  *
  * @element
  *
  * @name Textarea
- * @phase UXReview
+ * @phase Stable
  */
 export declare function Textarea({ invalid: invalidProp, onChange, size, value, name, innerRef, placeholder, id: idProp, minRows, maxRows, required, readOnly, disabled, 'aria-label': ariaLabel, ...otherProps }: TextareaProps): import("react/jsx-runtime").JSX.Element;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */