@slotted/react 0.1.0-beta.6 → 0.1.0-beta.7

package/dist/{action-bar-ti3e6FK1.js → action-bar-C5zaYrEW.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./button-defaults-DNq_DDJh.js";
 import { n as t, t as n } from "./icon-T9Yt4tnm.js";
-import { _ as r, g as i, n as a, t as o } from "./menu-parts-D6v_mz6O.js";
+import { _ as r, g as i, n as a, t as o } from "./menu-parts-BpQu2s4z.js";
 import { Fragment as s, createContext as c, useCallback as l, useContext as u, useEffect as d, useId as f, useMemo as p, useRef as m, useState as h } from "react";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { createCollapse as v } from "@slotted/core/overflow";
@@ -87,7 +87,7 @@ function I({ align: t, children: n, className: r, onOverflowChange: i, present:
 		Y.current?.sync(q);
 	}, [q]), d(() => {
 		let e = Y.current;
-		return () => e?.destroy();
+		return () => e?.stop();
 	}, []);
 	let X = l((e) => R(e), []), Z = l((e) => B(e), []), ie = p(() => ({
 		counterpart: (e) => k.current.get(e) ?? null,

package/dist/action-bar.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./action-bar-ti3e6FK1.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./action-bar-C5zaYrEW.js";
 export { a as ActionBar, c as ActionBarAction, i as ActionBarActions, s as ActionBarDefaultsProvider, e as ActionBarOverflow, o as ActionBarSeparator, n as ActionBarStatus, t as useActionBarDefaults, r as useActionBarOverflow };

package/dist/{action-sheet-C60BWUW8.js → action-sheet-CaUaP0K2.js}

@@ -1,6 +1,6 @@
 import { r as e } from "./i18n-DpW8lqJ1.js";
 /* empty css                 */
-import { c as t, d as n, l as r, o as i, r as a, u as o } from "./drawer-LXM44eso.js";
+import { c as t, d as n, l as r, o as i, r as a, u as o } from "./drawer-B_EgvFeX.js";
 import { createRovingTabindex as s } from "@slotted/core/focus";
 import { createControllable as c } from "@slotted/core/state";
 import { createContext as l, useCallback as u, useContext as d, useEffect as f, useId as p, useImperativeHandle as m, useMemo as h, useRef as g, useState as _ } from "react";

package/dist/action-sheet.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, f as r, h as i, i as a, l as o, m as s, n as c, o as l, p as u, r as d, s as f, t as p, u as m } from "./action-sheet-C60BWUW8.js";
+import { a as e, c as t, d as n, f as r, h as i, i as a, l as o, m as s, n as c, o as l, p as u, r as d, s as f, t as p, u as m } from "./action-sheet-CaUaP0K2.js";
 export { r as ActionSheet, p as ActionSheetCancel, c as ActionSheetContent, s as ActionSheetDefaultsProvider, d as ActionSheetGroup, a as ActionSheetGroupLabel, e as ActionSheetHeader, l as ActionSheetItem, f as ActionSheetList, t as ActionSheetMessage, o as ActionSheetSeparator, m as ActionSheetTitle, n as ActionSheetTrigger, u as useActionSheet, i as useActionSheetDefaults };

package/dist/{app-shell-nnSP44OO.js → app-shell-DNdZ5ys0.js}

@@ -616,7 +616,7 @@ function Fe({ asideExtent: e, asideMode: t, asideOpen: r, asideSize: i, canvas:
 		Z.current?.sync(lt);
 	}, [lt]), p(() => {
 		let e = Z.current;
-		return () => e?.destroy();
+		return () => e?.stop();
 	}, []);
 	let ft = d((e) => {
 		Z.current?.setNode(e);

package/dist/app-shell.js

@@ -1,2 +1,2 @@
-import { C as e, S as t, T as n, _ as r, a as i, b as a, c as o, d as s, f as c, g as l, h as u, i as d, l as f, m as p, n as m, o as h, p as g, r as _, s as v, t as y, u as b, v as x, w as S, x as C, y as w } from "./app-shell-nnSP44OO.js";
+import { C as e, S as t, T as n, _ as r, a as i, b as a, c as o, d as s, f as c, g as l, h as u, i as d, l as f, m as p, n as m, o as h, p as g, r as _, s as v, t as y, u as b, v as x, w as S, x as C, y as w } from "./app-shell-DNdZ5ys0.js";
 export { y as APP_SHELL_OVERLAY_AT, m as AppShell, i as AppShellActions, h as AppShellAside, v as AppShellAsideBody, o as AppShellAsideFooter, f as AppShellAsideHeader, b as AppShellAsideResizer, s as AppShellAsideToggle, c as AppShellBanner, g as AppShellBrand, p as AppShellCentre, S as AppShellDefaultsProvider, u as AppShellFooter, l as AppShellMain, r as AppShellNav, x as AppShellNavBody, w as AppShellNavFooter, a as AppShellNavHeader, C as AppShellNavRail, t as AppShellNavToggle, e as AppShellProgress, _ as useAppShell, n as useAppShellDefaults, d as useAppShellIfPresent };

package/dist/{color-picker-BcRCeISx.js → color-picker-amz8XfXm.js}

@@ -1,5 +1,5 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { _ as n, h as r, m as i, n as a, t as o } from "./menu-parts-D6v_mz6O.js";
+import { _ as n, h as r, m as i, n as a, t as o } from "./menu-parts-BpQu2s4z.js";
 import { r as s } from "./i18n-DpW8lqJ1.js";
 import { b as c } from "./field-BxQFpOXS.js";
 import { t as l } from "./text-field-CbQ6UCAP.js";

package/dist/color-picker.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p } from "./color-picker-BcRCeISx.js";
+import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p } from "./color-picker-amz8XfXm.js";
 export { f as ColorField, s as ColorPicker, u as ColorPickerArea, i as ColorPickerChannel, e as ColorPickerContrast, l as ColorPickerDefaultsProvider, c as ColorPickerEyedropper, d as ColorPickerFormat, t as ColorPickerGamut, a as ColorPickerInput, p as ColorPickerPresets, n as ColorPickerRow, r as ColorPickerSwatch, o as useColorPickerDefaults };

package/dist/{column-manager-BtkYLs5G.js → column-manager-CFtJxQWS.js}

@@ -1,7 +1,7 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { _ as n, c as r, n as i, t as a } from "./menu-parts-D6v_mz6O.js";
+import { _ as n, c as r, n as i, t as a } from "./menu-parts-BpQu2s4z.js";
 import { r as o } from "./i18n-DpW8lqJ1.js";
-import { d as s, o as c, u as l } from "./drawer-LXM44eso.js";
+import { d as s, o as c, u as l } from "./drawer-B_EgvFeX.js";
 import { n as u } from "./icon-button-CCWkCDMs.js";
 import { t as d } from "./checkbox-B4Sb1eXj.js";
 import { t as f } from "./text-field-CbQ6UCAP.js";

package/dist/column-manager.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./column-manager-BtkYLs5G.js";
+import { a as e, i as t, n, r, t as i } from "./column-manager-CFtJxQWS.js";
 export { i as ColumnManager, t as ColumnManagerProvider, n as ColumnManagerRoot, r as ColumnManagerTrigger, e as useColumnManagerDefaults };

package/dist/{command-palette-DFLbSOiv.js → command-palette-D1C1GDWC.js}

@@ -4,7 +4,7 @@ import { a as i } from "./kbd-defaults-CDgRhiep.js";
 /* empty css                 */
 /* empty css                  */
 import { t as a } from "./highlight-0Qw23QPp.js";
-import { d as o, o as s, p as c } from "./dialog-BHYDDj1S.js";
+import { d as o, o as s, p as c } from "./dialog-yT-x3B9s.js";
 import { t as l } from "./kbd-eFSWTKxN.js";
 import { createControllable as u } from "@slotted/core/state";
 import { createContext as d, useCallback as f, useContext as p, useEffect as m, useId as ee, useImperativeHandle as te, useMemo as h, useRef as g, useState as _ } from "react";

package/dist/command-palette.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./command-palette-DFLbSOiv.js";
+import { a as e, i as t, n, r, t as i } from "./command-palette-D1C1GDWC.js";
 export { r as COMMAND_PALETTE_FALLBACK, i as CommandPalette, t as CommandPaletteDefaultsProvider, n as CommandPaletteTrigger, e as useCommandPaletteDefaults };

package/dist/{context-menu-B00UIBVC.js → context-menu-g3DMZKR3.js}

@@ -1,4 +1,4 @@
-import { _ as e, b as t } from "./menu-parts-D6v_mz6O.js";
+import { _ as e, b as t } from "./menu-parts-BpQu2s4z.js";
 import { createContext as n, useCallback as r, useContext as i, useEffect as a, useImperativeHandle as o, useRef as s, useState as c } from "react";
 import { jsx as l } from "react/jsx-runtime";
 //#region src/context-menu/context-menu-defaults.tsx

package/dist/context-menu.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "./context-menu-B00UIBVC.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "./context-menu-g3DMZKR3.js";
 export { t as CONTEXT_MENU_FALLBACK, a as ContextMenu, e as ContextMenuDefaultsProvider, n as ContextMenuTrigger, i as useContextMenu, r as useContextMenuDefaults };

package/dist/{dashboard-grid-CoLKLvYL.js → dashboard-grid-DsovCuVC.js}

@@ -1,5 +1,5 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { _ as n, c as r, d as i, g as a, n as o, p as s, t as c } from "./menu-parts-D6v_mz6O.js";
+import { _ as n, c as r, d as i, g as a, n as o, p as s, t as c } from "./menu-parts-BpQu2s4z.js";
 import { r as l } from "./i18n-DpW8lqJ1.js";
 /* empty css                         */
 import { n as u, t as d } from "./icon-button-CCWkCDMs.js";

package/dist/dashboard-grid.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "./dashboard-grid-CoLKLvYL.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "./dashboard-grid-DsovCuVC.js";
 export { t as DASHBOARD_GRID_FALLBACK, i as DashboardGrid, e as DashboardGridDefaultsProvider, n as DashboardWidget, r as useDashboardGridDefaults, a as usePersistedDashboardLayout };

package/dist/{data-grid-DX95Y7mY.js → data-grid-CjFQ2U6v.js}

@@ -1,5 +1,5 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { _ as n, c as r, g as i, n as a, t as o } from "./menu-parts-D6v_mz6O.js";
+import { _ as n, c as r, g as i, n as a, t as o } from "./menu-parts-BpQu2s4z.js";
 import { n as s, r as c } from "./i18n-DpW8lqJ1.js";
 import { n as l } from "./icon-button-CCWkCDMs.js";
 import { a as u, i as d, n as f, r as p } from "./tooltip-CgjIROUy.js";

package/dist/data-grid.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./data-grid-DX95Y7mY.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./data-grid-CjFQ2U6v.js";
 export { e as DRAG_COLUMN, n as DataGrid, i as DataGridDefaultsProvider, r as EXPANDER_COLUMN, a as SELECTION_COLUMN, t as useDataGridDefaults, o as usePersistedGridView };

package/dist/{data-list-CWYTPNm-.js → data-list-UtLdop-1.js}

@@ -1,5 +1,5 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { _ as n, g as r, h as i, m as a, n as o, o as s, t as c } from "./menu-parts-D6v_mz6O.js";
+import { _ as n, g as r, h as i, m as a, n as o, o as s, t as c } from "./menu-parts-BpQu2s4z.js";
 import { n as ee, r as te } from "./i18n-DpW8lqJ1.js";
 import { n as l } from "./icon-button-CCWkCDMs.js";
 import { t as ne } from "./checkbox-B4Sb1eXj.js";

package/dist/data-list.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./data-list-CWYTPNm-.js";
+import { n as e, r as t, t as n } from "./data-list-UtLdop-1.js";
 export { n as DataList, e as DataListDefaultsProvider, t as useDataListDefaults };

package/dist/{detail-panel-z6WGleP4.js → detail-panel-ChaIgrw3.js}

@@ -2,8 +2,8 @@ import { r as e } from "./i18n-DpW8lqJ1.js";
 import { n as t } from "./badge-C6rbwVpu.js";
 import { t as n } from "./skeleton-2LSpg84Z.js";
 import { n as r } from "./container-CjxY6rYv.js";
-import { a as i } from "./page-IiYXk1sz.js";
-import { w as a } from "./page-header-Bn4nIGfF.js";
+import { a as i } from "./page-QP8Zyz8-.js";
+import { w as a } from "./page-header-BP_Wt3eS.js";
 import { a as o, l as s, n as c, o as l, s as u, t as d } from "./section-Be7dX9MC.js";
 import { a as f, n as p, o as m, r as h, t as g } from "./tabs-HWmvOKM4.js";
 import { createControllable as _ } from "@slotted/core/state";

package/dist/detail-panel.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./detail-panel-z6WGleP4.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./detail-panel-ChaIgrw3.js";
 export { t as DetailPanel, o as DetailPanelBody, r as DetailPanelDefaultsProvider, n as DetailPanelSection, i as DetailPanelTabs, e as useDetailPanel, a as useDetailPanelDefaults };

package/dist/{dialog-BHYDDj1S.js → dialog-yT-x3B9s.js}

@@ -60,7 +60,7 @@ function E({ back: e, children: t, container: r, defaultFullscreen: a, defaultOp
 		X.current?.sync(z);
 	}, [z]), c(() => {
 		let e = X.current;
-		return () => e?.destroy();
+		return () => e?.stop();
 	}, []);
 	let me = p(z);
 	z && (me.current = !0);

package/dist/dialog.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, f as r, g as i, h as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h } from "./dialog-BHYDDj1S.js";
+import { a as e, c as t, d as n, f as r, g as i, h as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h } from "./dialog-yT-x3B9s.js";
 export { r as AlertDialog, m as AlertDialogAction, l as AlertDialogCancel, f as AlertDialogIcon, d as Dialog, o as DialogBody, e as DialogClose, u as DialogContent, a as DialogDefaultsProvider, p as DialogDescription, t as DialogFooter, s as DialogHeader, h as DialogTitle, n as DialogTrigger, c as useDialog, i as useDialogDefaults };

package/dist/docs/menu.json

@@ -12,6 +12,10 @@
       "md",
       "lg"
     ],
+    "width": [
+      "content",
+      "anchor"
+    ],
     "side": [
       "bottom",
       "top",
@@ -84,6 +88,7 @@
       "nativeElement": "div",
       "defaults": {
         "size": "md",
+        "width": "content",
         "side": "bottom",
         "align": "start",
         "mount": "active",
@@ -309,6 +314,13 @@
           "appliesTo": "Menu",
           "description": "The width of the surface and the height of its items."
         },
+        {
+          "name": "width",
+          "type": "'content' | 'anchor'",
+          "defaultValue": "content",
+          "appliesTo": "Menu",
+          "description": "content: the surface takes its own measure; anchor: it is exactly as wide as its trigger, capped by the available width. A submenu is always content."
+        },
         {
           "name": "side",
           "type": "'top' | 'bottom' | 'inline-start' | 'inline-end' | 'left' | 'right'",

package/dist/docs/menu.md

@@ -74,6 +74,7 @@ export default function MenuBasic() {
 | `defaultValue` | `string` | — | MenuRadioGroup | The value an uncontrolled group starts with. |
 | `onValueChange` | `(value, request) => void` | — | MenuRadioGroup | Called before the chosen value changes, with pointer or keyboard as the reason. |
 | `size` | `'sm' \| 'md' \| 'lg'` | md | Menu | The width of the surface and the height of its items. |
+| `width` | `'content' \| 'anchor'` | content | Menu | content: the surface takes its own measure; anchor: it is exactly as wide as its trigger, capped by the available width. A submenu is always content. |
 | `side` | `'top' \| 'bottom' \| 'inline-start' \| 'inline-end' \| 'left' \| 'right'` | bottom | Menu | The edge of the trigger the surface opens from. inline-start and inline-end follow the reading direction. |
 | `align` | `'start' \| 'center' \| 'end'` | start | Menu | Where the surface sits along that edge. |
 | `anchor` | `PositionerAnchor \| null` | — | Menu | What the surface is positioned against instead of the trigger, such as a table row or a point. Focus still returns to the trigger. |
@@ -130,6 +131,7 @@ export default function MenuBasic() {
 | Axis | Values | Default |
 | --- | --- | --- |
 | `size` | `sm`, `md`, `lg` | `md` |
+| `width` | `content`, `anchor` | `content` |
 | `side` | `bottom`, `top`, `inline-start`, `inline-end`, `left`, `right` | `bottom` |
 | `align` | `start`, `center`, `end` | `start` |
 | `mount` | `active`, `lazy`, `eager` | `active` |

package/dist/docs/side-navigation.json

@@ -429,6 +429,7 @@
     "--slotted-app-shell-row-inset",
     "--slotted-app-shell-row-line-height",
     "--slotted-app-shell-row-mark",
+    "--slotted-app-shell-row-ring-inset",
     "--slotted-border-subtle",
     "--slotted-border-width-thin",
     "--slotted-control-font-family",

package/dist/docs/side-navigation.md

@@ -130,7 +130,7 @@ export default function SideNavigationBasic() {
 
 ## Tokens
 
-`--slotted-app-shell-row-font-size`, `--slotted-app-shell-row-gap`, `--slotted-app-shell-row-height`, `--slotted-app-shell-row-inset`, `--slotted-app-shell-row-line-height`, `--slotted-app-shell-row-mark`, `--slotted-border-subtle`, `--slotted-border-width-thin`, `--slotted-control-font-family`, `--slotted-control-gap-lg`, `--slotted-control-gap-md`, `--slotted-control-gap-sm`, `--slotted-control-height-lg`, `--slotted-control-height-md`, `--slotted-control-height-sm`, `--slotted-control-icon-size-lg`, `--slotted-control-icon-size-md`, `--slotted-control-icon-size-sm`, `--slotted-control-transition-duration`, `--slotted-control-transition-easing`, `--slotted-current-edge`, `--slotted-disabled-foreground`, `--slotted-duration-instant`, `--slotted-duration-medium`, `--slotted-duration-short`, `--slotted-easing-enter`, `--slotted-easing-exit`, `--slotted-easing-standard`, `--slotted-focus-ring-color`, `--slotted-focus-ring-offset`, `--slotted-focus-ring-width`, `--slotted-font-size-md`, `--slotted-font-size-sm`, `--slotted-font-size-xs`, `--slotted-font-weight-medium`, `--slotted-font-weight-regular`, `--slotted-font-weight-semibold`, `--slotted-line-height-md`, `--slotted-line-height-sm`, `--slotted-line-height-xs`, `--slotted-radius-full`, `--slotted-radius-lg`, `--slotted-radius-md`, `--slotted-shadow-md`, `--slotted-side-navigation-active-background`, `--slotted-side-navigation-color`, `--slotted-side-navigation-current-background`, `--slotted-side-navigation-current-color`, `--slotted-side-navigation-current-description-color`, `--slotted-side-navigation-current-edge`, `--slotted-side-navigation-description-color`, `--slotted-side-navigation-description-gap`, `--slotted-side-navigation-dot-color`, `--slotted-side-navigation-dot-size`, `--slotted-side-navigation-flyout-border-color`, `--slotted-side-navigation-flyout-measure`, `--slotted-side-navigation-flyout-min-measure`, `--slotted-side-navigation-flyout-radius`, `--slotted-side-navigation-flyout-shadow`, `--slotted-side-navigation-flyout-surface`, `--slotted-side-navigation-guide-color`, `--slotted-side-navigation-hover-background`, `--slotted-side-navigation-hover-color`, `--slotted-side-navigation-indent`, `--slotted-side-navigation-indent-step`, `--slotted-side-navigation-radius`, `--slotted-side-navigation-row-gap`, `--slotted-side-navigation-section-color`, `--slotted-side-navigation-section-gap`, `--slotted-side-navigation-section-label-gap`, `--slotted-space-1`, `--slotted-space-2`, `--slotted-space-3`, `--slotted-space-4`, `--slotted-space-5`, `--slotted-space-7`, `--slotted-surface-raised`, `--slotted-text`, `--slotted-text-muted`, `--slotted-tone-accent-solid`, `--slotted-tone-accent-surface`, `--slotted-tone-accent-text`, `--slotted-tone-secondary-subtle-active`, `--slotted-tone-secondary-subtle-hover`, `--slotted-z-index-popover`
+`--slotted-app-shell-row-font-size`, `--slotted-app-shell-row-gap`, `--slotted-app-shell-row-height`, `--slotted-app-shell-row-inset`, `--slotted-app-shell-row-line-height`, `--slotted-app-shell-row-mark`, `--slotted-app-shell-row-ring-inset`, `--slotted-border-subtle`, `--slotted-border-width-thin`, `--slotted-control-font-family`, `--slotted-control-gap-lg`, `--slotted-control-gap-md`, `--slotted-control-gap-sm`, `--slotted-control-height-lg`, `--slotted-control-height-md`, `--slotted-control-height-sm`, `--slotted-control-icon-size-lg`, `--slotted-control-icon-size-md`, `--slotted-control-icon-size-sm`, `--slotted-control-transition-duration`, `--slotted-control-transition-easing`, `--slotted-current-edge`, `--slotted-disabled-foreground`, `--slotted-duration-instant`, `--slotted-duration-medium`, `--slotted-duration-short`, `--slotted-easing-enter`, `--slotted-easing-exit`, `--slotted-easing-standard`, `--slotted-focus-ring-color`, `--slotted-focus-ring-offset`, `--slotted-focus-ring-width`, `--slotted-font-size-md`, `--slotted-font-size-sm`, `--slotted-font-size-xs`, `--slotted-font-weight-medium`, `--slotted-font-weight-regular`, `--slotted-font-weight-semibold`, `--slotted-line-height-md`, `--slotted-line-height-sm`, `--slotted-line-height-xs`, `--slotted-radius-full`, `--slotted-radius-lg`, `--slotted-radius-md`, `--slotted-shadow-md`, `--slotted-side-navigation-active-background`, `--slotted-side-navigation-color`, `--slotted-side-navigation-current-background`, `--slotted-side-navigation-current-color`, `--slotted-side-navigation-current-description-color`, `--slotted-side-navigation-current-edge`, `--slotted-side-navigation-description-color`, `--slotted-side-navigation-description-gap`, `--slotted-side-navigation-dot-color`, `--slotted-side-navigation-dot-size`, `--slotted-side-navigation-flyout-border-color`, `--slotted-side-navigation-flyout-measure`, `--slotted-side-navigation-flyout-min-measure`, `--slotted-side-navigation-flyout-radius`, `--slotted-side-navigation-flyout-shadow`, `--slotted-side-navigation-flyout-surface`, `--slotted-side-navigation-guide-color`, `--slotted-side-navigation-hover-background`, `--slotted-side-navigation-hover-color`, `--slotted-side-navigation-indent`, `--slotted-side-navigation-indent-step`, `--slotted-side-navigation-radius`, `--slotted-side-navigation-row-gap`, `--slotted-side-navigation-section-color`, `--slotted-side-navigation-section-gap`, `--slotted-side-navigation-section-label-gap`, `--slotted-space-1`, `--slotted-space-2`, `--slotted-space-3`, `--slotted-space-4`, `--slotted-space-5`, `--slotted-space-7`, `--slotted-surface-raised`, `--slotted-text`, `--slotted-text-muted`, `--slotted-tone-accent-solid`, `--slotted-tone-accent-surface`, `--slotted-tone-accent-text`, `--slotted-tone-secondary-subtle-active`, `--slotted-tone-secondary-subtle-hover`, `--slotted-z-index-popover`
 
 ## Examples
 

package/dist/docs/table.examples.md

@@ -1021,11 +1021,9 @@ Excerpt — not a complete module
     <TableLoader skeletonRows={5} />
   ) : rows.length === 0 ? (
     <TableBody>
-      <TableRow>
-        <TableEmpty>
-          <ResultState status="no-results" title="No invoices match this filter" />
-        </TableEmpty>
-      </TableRow>
+      <TableEmpty>
+        <ResultState status="no-results" title="No invoices match this filter" />
+      </TableEmpty>
     </TableBody>
   ) : (
     <TableBody>{rows}</TableBody>
@@ -1222,18 +1220,16 @@ export default function TableEmptyExample() {
           </TableRow>
         </TableHead>
         <TableBody>
-          <TableRow>
-            <TableEmpty>
-              <ResultState status="empty">
-                <ResultStateContent>
-                  <ResultStateTitle>No returns this week</ResultStateTitle>
-                  <ResultStateDescription>
-                    Returns appear here as soon as a customer opens one from their order page.
-                  </ResultStateDescription>
-                </ResultStateContent>
-              </ResultState>
-            </TableEmpty>
-          </TableRow>
+          <TableEmpty>
+            <ResultState status="empty">
+              <ResultStateContent>
+                <ResultStateTitle>No returns this week</ResultStateTitle>
+                <ResultStateDescription>
+                  Returns appear here as soon as a customer opens one from their order page.
+                </ResultStateDescription>
+              </ResultStateContent>
+            </ResultState>
+          </TableEmpty>
         </TableBody>
       </TableContent>
     </Table>

package/dist/docs/table.json

@@ -364,7 +364,7 @@
           "part": "empty",
           "element": "td",
           "required": false,
-          "purpose": "What is shown when there is nothing, spanning every column. It takes a ResultState, which already separates an empty set from a set a filter emptied."
+          "purpose": "What is shown when there is nothing, spanning every column, in a row the part writes itself. It takes a ResultState, which already separates an empty set from a set a filter emptied."
         },
         {
           "part": "loader",
@@ -1012,7 +1012,7 @@
       "title": "Nothing yet, nothing at all, and something arriving",
       "note": "A first load draws skeleton rows, so the shape is visible before the content. A refresh over rows already read writes aria-busy and dims them without moving anything — a reader looking at row forty stays there.",
       "language": "tsx",
-      "source": "{\n  loading && rows.length === 0 ? (\n    <TableLoader skeletonRows={5} />\n  ) : rows.length === 0 ? (\n    <TableBody>\n      <TableRow>\n        <TableEmpty>\n          <ResultState status=\"no-results\" title=\"No invoices match this filter\" />\n        </TableEmpty>\n      </TableRow>\n    </TableBody>\n  ) : (\n    <TableBody>{rows}</TableBody>\n  );\n}\n",
+      "source": "{\n  loading && rows.length === 0 ? (\n    <TableLoader skeletonRows={5} />\n  ) : rows.length === 0 ? (\n    <TableBody>\n      <TableEmpty>\n        <ResultState status=\"no-results\" title=\"No invoices match this filter\" />\n      </TableEmpty>\n    </TableBody>\n  ) : (\n    <TableBody>{rows}</TableBody>\n  );\n}\n",
       "verdict": "excerpt"
     },
     {
@@ -1076,7 +1076,7 @@
       "title": "empty.tsx",
       "note": null,
       "language": "tsx",
-      "source": "import {\n  ResultState,\n  ResultStateContent,\n  ResultStateDescription,\n  ResultStateTitle,\n} from '@slotted/react/result-state';\nimport {\n  Table,\n  TableBody,\n  TableColumnHeader,\n  TableContent,\n  TableEmpty,\n  TableHead,\n  TableRow,\n} from '@slotted/react/table';\n\nexport default function TableEmptyExample() {\n  return (\n    <Table columns={4}>\n      <TableContent aria-label=\"Returns this week\">\n        <TableHead>\n          <TableRow>\n            <TableColumnHeader>Return</TableColumnHeader>\n            <TableColumnHeader>Order</TableColumnHeader>\n            <TableColumnHeader>Customer</TableColumnHeader>\n            <TableColumnHeader numeric>Refund</TableColumnHeader>\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          <TableRow>\n            <TableEmpty>\n              <ResultState status=\"empty\">\n                <ResultStateContent>\n                  <ResultStateTitle>No returns this week</ResultStateTitle>\n                  <ResultStateDescription>\n                    Returns appear here as soon as a customer opens one from their order page.\n                  </ResultStateDescription>\n                </ResultStateContent>\n              </ResultState>\n            </TableEmpty>\n          </TableRow>\n        </TableBody>\n      </TableContent>\n    </Table>\n  );\n}\n",
+      "source": "import {\n  ResultState,\n  ResultStateContent,\n  ResultStateDescription,\n  ResultStateTitle,\n} from '@slotted/react/result-state';\nimport {\n  Table,\n  TableBody,\n  TableColumnHeader,\n  TableContent,\n  TableEmpty,\n  TableHead,\n  TableRow,\n} from '@slotted/react/table';\n\nexport default function TableEmptyExample() {\n  return (\n    <Table columns={4}>\n      <TableContent aria-label=\"Returns this week\">\n        <TableHead>\n          <TableRow>\n            <TableColumnHeader>Return</TableColumnHeader>\n            <TableColumnHeader>Order</TableColumnHeader>\n            <TableColumnHeader>Customer</TableColumnHeader>\n            <TableColumnHeader numeric>Refund</TableColumnHeader>\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          <TableEmpty>\n            <ResultState status=\"empty\">\n              <ResultStateContent>\n                <ResultStateTitle>No returns this week</ResultStateTitle>\n                <ResultStateDescription>\n                  Returns appear here as soon as a customer opens one from their order page.\n                </ResultStateDescription>\n              </ResultStateContent>\n            </ResultState>\n          </TableEmpty>\n        </TableBody>\n      </TableContent>\n    </Table>\n  );\n}\n",
       "verdict": "example"
     },
     {

package/dist/{drawer-LXM44eso.js → drawer-B_EgvFeX.js}

@@ -74,7 +74,7 @@ function le({ children: e, back: t, container: r, defaultExtent: a, defaultOpen:
 		z && de(null);
 	}, [z]), c(() => {
 		let e = Z.current;
-		return () => e?.destroy();
+		return () => e?.stop();
 	}, []);
 	let ye = p(z);
 	z && (ye.current = !0);

package/dist/drawer.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, p as c, r as l, s as u, t as d, u as f } from "./drawer-LXM44eso.js";
+import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, p as c, r as l, s as u, t as d, u as f } from "./drawer-B_EgvFeX.js";
 export { f as Drawer, d as DrawerBody, o as DrawerClose, r as DrawerDefaultsProvider, l as DrawerDescription, i as DrawerFooter, e as DrawerHeader, s as DrawerPanel, u as DrawerResizer, t as DrawerTitle, a as DrawerTrigger, n as useDrawer, c as useDrawerDefaults };

package/dist/{event-calendar-CiphPXdV.js → event-calendar-VUGigZIP.js}

@@ -1,11 +1,11 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { _ as n, n as r, r as i, t as a } from "./menu-parts-D6v_mz6O.js";
+import { _ as n, n as r, r as i, t as a } from "./menu-parts-BpQu2s4z.js";
 import { n as o, r as s } from "./i18n-DpW8lqJ1.js";
-import { a as c, c as l, n as u, o as d, r as f, s as p, t as m, u as h } from "./drawer-LXM44eso.js";
+import { a as c, c as l, n as u, o as d, r as f, s as p, t as m, u as h } from "./drawer-B_EgvFeX.js";
 import { n as g } from "./progress-indicator-DwvUSFFs.js";
 /* empty css                         */
 import { a as _, c as v, f as ee, i as te, l as ne, o as re, p as ie, r as ae, u as oe } from "./popover-DEp8Bf3e.js";
-import { n as se, r as y, t as ce } from "./context-menu-B00UIBVC.js";
+import { n as se, r as y, t as ce } from "./context-menu-g3DMZKR3.js";
 import { a as le, t as ue } from "./segmented-control-C-PzkTtg.js";
 import { createContext as de, createElement as fe, useCallback as b, useContext as pe, useEffect as me, useId as he, useImperativeHandle as ge, useLayoutEffect as _e, useMemo as x, useRef as S, useState as C } from "react";
 import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";

package/dist/event-calendar.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./event-calendar-CiphPXdV.js";
+import { i as e, n as t, r as n, t as r } from "./event-calendar-VUGigZIP.js";
 export { t as EVENT_CALENDAR_FALLBACK, r as EventCalendar, n as EventCalendarDefaultsProvider, e as useEventCalendarDefaults };

package/dist/{filter-bar-C_dXljI_.js → filter-bar-BzSOD3ad.js}

@@ -1,7 +1,7 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { _ as n, a as r, c as i, d as a, h as o, m as s, n as c, t as l, u } from "./menu-parts-D6v_mz6O.js";
+import { _ as n, a as r, c as i, d as a, h as o, m as s, n as c, t as l, u } from "./menu-parts-BpQu2s4z.js";
 import { r as d } from "./i18n-DpW8lqJ1.js";
-import { a as f, c as p, i as m, n as h, o as g, t as ee, u as te } from "./drawer-LXM44eso.js";
+import { a as f, c as p, i as m, n as h, o as g, t as ee, u as te } from "./drawer-B_EgvFeX.js";
 import { n as _, t as v } from "./icon-button-CCWkCDMs.js";
 import { t as ne } from "./text-field-CbQ6UCAP.js";
 import { a as re, d as ie, f as ae, l as oe, p as se, r as ce } from "./popover-DEp8Bf3e.js";

package/dist/filter-bar.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./filter-bar-C_dXljI_.js";
+import { i as e, n as t, r as n, t as r } from "./filter-bar-BzSOD3ad.js";
 export { r as FILTER_BAR_FALLBACK, t as FilterBar, n as FilterBarDefaultsProvider, e as useFilterBarDefaults };

package/dist/{import-export-center-BQnMJz4g.js → import-export-center-BuEBO1CB.js}

@@ -7,8 +7,8 @@ import { a as s, i as c, n as l, r as u } from "./tooltip-CgjIROUy.js";
 import { i as d, t as f } from "./skeleton-2LSpg84Z.js";
 import { i as p, n as m, o as h, r as g, t as _ } from "./result-state-CZsQfdN4.js";
 import { a as ee, r as te, t as v } from "./tabs-HWmvOKM4.js";
-import { A as y, O as ne, b, c as x, f as S, l as C, u as w, v as re } from "./table-BYEvFr4P.js";
-import { v as T } from "./toast-Bf3e0AgC.js";
+import { A as y, O as ne, b, c as x, f as S, l as C, u as w, v as re } from "./table-C1kLS0-9.js";
+import { v as T } from "./toast-BTN_F9No.js";
 import { createControllable as ie } from "@slotted/core/state";
 import { createContext as ae, useCallback as E, useContext as oe, useEffect as D, useId as se, useImperativeHandle as ce, useLayoutEffect as le, useMemo as ue, useRef as O, useState as k } from "react";
 import { Fragment as de, jsx as A, jsxs as j } from "react/jsx-runtime";

package/dist/import-export-center.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./import-export-center-BQnMJz4g.js";
+import { i as e, n as t, r as n, t as r } from "./import-export-center-BuEBO1CB.js";
 export { t as ImportExportCenter, n as ImportExportCenterDefaultsProvider, e as useImportExportCenterDefaults, r as useJobToasts };