@devslab/dds-react 0.28.0 → 0.29.0

package/README.ko.md

@@ -80,3 +80,22 @@ Input/InputGroup은 검색 전용이 아닌 일반 입력 기반이며 라벨
 
 상세 import: `@devslab/dds-react/input`, `/combobox`, `/select-picker`, `/dropdown-menu`, `/popover`, `/calendar`, `/date-picker`, `/date-range-picker`, `/month-picker`. 기존 루트 import와 `styles.css`는 유지합니다. [공통 사용 가이드](https://github.com/devslab-kr/dds/blob/main/docs/components-input-choice-calendar.ko.md)를 참고하세요.
 상세 import: `@devslab/dds-react/input`, `/combobox`, `/select-picker`, `/dropdown-menu`, `/popover`, `/calendar`, `/date-picker`, `/time-picker`, `/date-range-picker`, `/month-picker`, `/segmented-control`, `/number-input`. 기존 루트 import와 `styles.css`는 유지합니다. [공통 사용 가이드](https://github.com/devslab-kr/dds/blob/main/docs/components-input-choice-calendar.ko.md)를 참고하세요.
+
+## 선택형 콘솔 메뉴 그룹
+
+기존 그룹은 계속 펼쳐집니다. 고유한 `id`와 `collapsible: true`를 지정한 그룹에만
+접기·펼치기 버튼을 제공합니다. 항목의 `icon`은 장식용이며 이름은 `label`로 제공합니다.
+`expandedGroups`와 `onExpandedGroupsChange`로 앱에서 상태를 제어합니다.
+외부 상태를 생략하면 내부 상태를 사용합니다. `defaultExpandedGroups`가 초기값이며,
+빈 배열은 모두 접기, 초기값 생략은 활성 항목을 포함한 그룹만 펼치기입니다.
+옵션이 없는 그룹은 항상 펼쳐지고 여러 그룹을 동시에 열 수 있습니다.
+ID 생략 시 `group-<index>`를 사용하므로 순서 변경·상태 보관에는 안정적인 고유 ID를 쓰세요.
+페이지 이동 시 그룹 열기와 세션 보관은 앱에서 처리합니다. 저장소는 hydration 이후 읽고
+서버와 최초 클라이언트 상태를 일치시키세요. DDS는 저장소에 접근하거나 제어 상태를
+임의로 덮어쓰지 않습니다. 데스크톱·모바일 모두 Enter/Space 조작과
+`aria-expanded`, `aria-controls`를 지원합니다.
+
+
+## 공통 업무 화면
+
+Layout·LeftNav·TopNav는 공통 간격과 타이포 규격을 사용합니다. [조립 방법과 수치](../../docs/layouts.ko.md)를 참고하세요.

package/README.md

@@ -114,3 +114,33 @@ Input/InputGroup are general-purpose native inputs, not search-only, with label
 
 Use explicit subpaths `@devslab/dds-react/input`, `/combobox`, `/select-picker`, `/dropdown-menu`, `/popover`, `/calendar`, `/date-picker`, `/date-range-picker`, `/month-picker`, or the existing root exports. Keep importing `styles.css` once. See the [common usage guide](https://github.com/devslab-kr/dds/blob/main/docs/components-input-choice-calendar.md).
 Use explicit subpaths `@devslab/dds-react/input`, `/combobox`, `/select-picker`, `/dropdown-menu`, `/popover`, `/calendar`, `/date-picker`, `/time-picker`, `/date-range-picker`, `/month-picker`, `/segmented-control`, `/number-input`, or the existing root exports. Keep importing `styles.css` once. See the [common usage guide](https://github.com/devslab-kr/dds/blob/main/docs/components-input-choice-calendar.md).
+
+## Optional console navigation groups
+
+`ConsoleShell` keeps legacy groups expanded. Set a unique, stable `id` and
+`collapsible: true` on a group to opt into disclosure buttons. An item's optional
+`icon` is decorative; keep its text `label`.
+
+```tsx
+<ConsoleShell {...shellProps}
+  nav={[{ id: "settings", label: "Settings", collapsible: true,
+    items: [{ id: "policies", href: "/policies", label: "Policies", icon: <Icon name="check" /> }] }]}
+  expandedGroups={expandedGroups}
+  onExpandedGroupsChange={setExpandedGroups}
+/>
+```
+
+Omit `expandedGroups` for internal state. `defaultExpandedGroups` supplies its
+initial value; `[]` starts all collapsible groups closed. With neither prop, only
+groups containing the active item start open. Other groups always stay open.
+Multiple groups may be expanded. Missing IDs fall back to `group-<index>`; prefer
+stable unique IDs for persistence or reordering. The app owns route-change
+expansion and persistence. Read browser storage after hydration, keeping server
+and initial client state equal. DDS never accesses storage or overwrites a
+controlled selection. Enter/Space and `aria-expanded`/`aria-controls` work in both
+the desktop rail and mobile drawer.
+
+
+## Shared application layouts
+
+Layout, LeftNav and TopNav use the common geometry and typography rules. See [composition and exact dimensions](../../docs/layouts.md).

package/dist/console-shell.d.ts

@@ -1,15 +1,6 @@
-import { type HTMLAttributes, type ReactNode } from "react";
-export interface ConsoleNavItem {
-    id: string;
-    href: string;
-    label: string;
-    badge?: number;
-    active?: boolean;
-}
-export interface ConsoleNavGroup {
-    label: string;
-    items: readonly ConsoleNavItem[];
-}
+import type { HTMLAttributes, ReactNode } from "react";
+import { type ConsoleNavGroup } from "./left-nav";
+export type { ConsoleNavItem, ConsoleNavGroup } from "./left-nav";
 export interface ConsoleShellLabels {
     skip: string;
     menuOpen: string;
@@ -34,7 +25,12 @@ export interface ConsoleShellProps extends Omit<HTMLAttributes<HTMLDivElement>,
         label: string;
         value: string;
     }[];
-    nav: readonly ConsoleNavGroup[];
+    nav?: readonly ConsoleNavGroup[];
+    /** Supply a standalone LeftNav or custom navigation. */
+    navigation?: ReactNode;
+    expandedGroups?: readonly string[];
+    defaultExpandedGroups?: readonly string[];
+    onExpandedGroupsChange?: (groupIds: string[]) => void;
     labels: ConsoleShellLabels;
     header: ConsoleHeader;
     foot?: ReactNode;

package/dist/console-shell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"console-shell.d.ts","sourceRoot":"","sources":["../src/console-shell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;CAClC;AACD,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AACD,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACpE,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,OAAO,CAAC,EAAE,SAAS;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACtD,GAAG,EAAE,SAAS,eAAe,EAAE,CAAC;IAChC,MAAM,EAAE,kBAAkB,CAAC;IAC3B,MAAM,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB;AASD,eAAO,MAAM,YAAY,8GA8IxB,CAAC"}
+{"version":3,"file":"console-shell.d.ts","sourceRoot":"","sources":["../src/console-shell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAW,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAC3D,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAClE,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AACD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,GAAG,SAAS,CACvB;IACC,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,OAAO,CAAC,EAAE,SAAS;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACtD,GAAG,CAAC,EAAE,SAAS,eAAe,EAAE,CAAC;IACjC,wDAAwD;IACxD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,cAAc,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACnC,qBAAqB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1C,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtD,MAAM,EAAE,kBAAkB,CAAC;IAC3B,MAAM,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB;AACD,eAAO,MAAM,YAAY,8GA8ExB,CAAC"}

package/dist/index.d.ts

@@ -4,6 +4,9 @@ export * from "./overlays";
 export * from "./icon";
 export * from "./toast";
 export * from "./console-shell";
+export { LeftNav, type LeftNavProps } from "./left-nav";
+export * from "./layout";
+export * from "./top-nav";
 export { Dialog as ArkDialog } from "@ark-ui/react/dialog";
 export { Tabs as ArkTabs } from "@ark-ui/react/tabs";
 export { Tooltip as ArkTooltip } from "@ark-ui/react/tooltip";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAExD,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAExE,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AACpF,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACxD,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAExD,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAExE,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AACpF,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC"}

package/dist/index.js

@@ -10,41 +10,41 @@ import { Popover as g } from "./popover.js";
 import { Calendar as _ } from "./calendar.js";
 import { t as v } from "./time-picker-BNmQMQdq.js";
 import { SegmentedControl as y, validateSegmentedItems as b } from "./segmented-control.js";
-import { NumberInput as x, normalizeNumberText as S, numberInputMessages as ee } from "./number-input.js";
-import { createContext as C, forwardRef as w, useCallback as T, useContext as E, useEffect as D, useId as O, useMemo as k, useRef as A, useState as j } from "react";
-import { Field as M } from "@ark-ui/react/field";
+import { NumberInput as x, normalizeNumberText as S, numberInputMessages as C } from "./number-input.js";
+import { createContext as w, forwardRef as T, useCallback as E, useContext as D, useEffect as O, useId as k, useMemo as A, useRef as j, useState as M } from "react";
+import { Field as ee } from "@ark-ui/react/field";
 import { Checkbox as N } from "@ark-ui/react/checkbox";
 import { Switch as P } from "@ark-ui/react/switch";
 import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
 import { Tabs as R, Tabs as z, useTabsContext as B } from "@ark-ui/react/tabs";
-import { RadioGroup as V, RadioGroup as H, useRadioGroupContext as U } from "@ark-ui/react/radio-group";
-import { Dialog as W, Dialog as G } from "@ark-ui/react/dialog";
-import { Tooltip as K, Tooltip as q } from "@ark-ui/react/tooltip";
-import { Portal as J } from "@ark-ui/react/portal";
-import { directionPolicy as Y, icons as X } from "@devslab/dds-icons";
-import { Toast as Z, Toast as Q, Toaster as te, createToaster as ne } from "@ark-ui/react/toast";
-import { DatePicker as re } from "@ark-ui/react/date-picker";
+import { RadioGroup as te, RadioGroup as V, useRadioGroupContext as ne } from "@ark-ui/react/radio-group";
+import { Dialog as re, Dialog as H } from "@ark-ui/react/dialog";
+import { Tooltip as U, Tooltip as W } from "@ark-ui/react/tooltip";
+import { Portal as G } from "@ark-ui/react/portal";
+import { directionPolicy as K, icons as q } from "@devslab/dds-icons";
+import { Toast as J, Toast as Y, Toaster as ie, createToaster as ae } from "@ark-ui/react/toast";
+import { DatePicker as oe } from "@ark-ui/react/date-picker";
 //#region src/selection.tsx
-var ie = w(function({ onValueChange: e, unstyled: n, className: r, ...i }, a) {
+var se = T(function({ onValueChange: e, unstyled: n, className: r, ...i }, a) {
 	return /* @__PURE__ */ I(z.Root, {
 		...i,
 		ref: a,
 		onValueChange: (t) => e?.(t.value),
 		className: t(!n && "dds-tabs-root", r)
 	});
-}), ae = w(function({ unstyled: e, className: n, ...r }, i) {
+}), ce = T(function({ unstyled: e, className: n, ...r }, i) {
 	return /* @__PURE__ */ I(z.List, {
 		...r,
 		ref: i,
 		className: t(!e && "dds-tabs", n)
 	});
-}), oe = w(function({ unstyled: e, className: n, ...r }, i) {
+}), le = T(function({ unstyled: e, className: n, ...r }, i) {
 	return /* @__PURE__ */ I(z.Trigger, {
 		...r,
 		ref: i,
 		className: t(!e && "dds-tab", n)
 	});
-}), se = w(function({ value: e, style: t, ...n }, r) {
+}), ue = T(function({ value: e, style: t, ...n }, r) {
 	let i = B().value !== e;
 	return /* @__PURE__ */ I(z.Content, {
 		...n,
@@ -57,8 +57,8 @@ var ie = w(function({ onValueChange: e, unstyled: n, className: r, ...i }, a) {
 		} : t
 	});
 });
-function ce({ option: e }) {
-	let t = U(), { style: n, defaultChecked: r, ...i } = t.getItemHiddenInputProps(e);
+function de({ option: e }) {
+	let t = ne(), { style: n, defaultChecked: r, ...i } = t.getItemHiddenInputProps(e);
 	return /* @__PURE__ */ I("input", {
 		...i,
 		checked: t.value === e.value,
@@ -66,8 +66,8 @@ function ce({ option: e }) {
 		className: "dds-check__input"
 	});
 }
-var le = w(function({ options: e, label: n, onValueChange: r, className: i, children: a, ...o }, s) {
-	return /* @__PURE__ */ L(H.Root, {
+var fe = T(function({ options: e, label: n, onValueChange: r, className: i, children: a, ...o }, s) {
+	return /* @__PURE__ */ L(V.Root, {
 		...o,
 		ref: s,
 		onValueChange: (e) => {
@@ -75,26 +75,26 @@ var le = w(function({ options: e, label: n, onValueChange: r, className: i, chil
 		},
 		className: t("dds-radio-group", i),
 		children: [
-			/* @__PURE__ */ I(H.Label, {
+			/* @__PURE__ */ I(V.Label, {
 				className: "dds-field__label",
 				children: n
 			}),
-			e.map((e) => /* @__PURE__ */ L(H.Item, {
+			e.map((e) => /* @__PURE__ */ L(V.Item, {
 				value: e.value,
 				disabled: e.disabled,
 				className: "dds-check",
-				children: [/* @__PURE__ */ I(ce, { option: e }), /* @__PURE__ */ I(H.ItemText, { children: e.label })]
+				children: [/* @__PURE__ */ I(de, { option: e }), /* @__PURE__ */ I(V.ItemText, { children: e.label })]
 			}, e.value)),
 			a
 		]
 	});
-}), ue = w(function({ title: e, description: n, children: r, actions: i, onOpenChange: a, closeOnOutside: o, portal: s = !0, className: c, overlayClassName: l, contentProps: u, initialFocus: d, finalFocus: f, frame: p, unstyled: m, ...h }, g) {
+}), pe = T(function({ title: e, description: n, children: r, actions: i, onOpenChange: a, closeOnOutside: o, portal: s = !0, className: c, overlayClassName: l, contentProps: u, initialFocus: d, finalFocus: f, frame: p, unstyled: m, ...h }, g) {
 	let _ = {
-		title: /* @__PURE__ */ I(G.Title, {
+		title: /* @__PURE__ */ I(H.Title, {
 			className: m ? void 0 : "dds-dialog__title",
 			children: e
 		}),
-		description: n && /* @__PURE__ */ I(G.Description, {
+		description: n && /* @__PURE__ */ I(H.Description, {
 			className: m ? void 0 : "dds-dialog__body",
 			children: n
 		}),
@@ -103,9 +103,9 @@ var le = w(function({ options: e, label: n, onValueChange: r, className: i, chil
 			className: m ? void 0 : "dds-dialog__actions",
 			children: i
 		})
-	}, v = /* @__PURE__ */ I(G.Positioner, {
+	}, v = /* @__PURE__ */ I(H.Positioner, {
 		className: t(!m && "dds-dialog-overlay", l),
-		children: /* @__PURE__ */ I(G.Content, {
+		children: /* @__PURE__ */ I(H.Content, {
 			...u,
 			ref: g,
 			"aria-describedby": n ? u?.["aria-describedby"] : void 0,
@@ -118,7 +118,7 @@ var le = w(function({ options: e, label: n, onValueChange: r, className: i, chil
 			] })
 		})
 	});
-	return /* @__PURE__ */ I(G.Root, {
+	return /* @__PURE__ */ I(H.Root, {
 		...h,
 		onOpenChange: (e) => a?.(e.open),
 		closeOnInteractOutside: o ?? h.closeOnInteractOutside,
@@ -126,21 +126,21 @@ var le = w(function({ options: e, label: n, onValueChange: r, className: i, chil
 		finalFocusEl: f ? () => f() ?? null : h.finalFocusEl,
 		lazyMount: !0,
 		unmountOnExit: !0,
-		children: s ? /* @__PURE__ */ I(J, { children: v }) : v
+		children: s ? /* @__PURE__ */ I(G, { children: v }) : v
 	});
 });
-function de({ content: e, children: n, onOpenChange: r, className: i, contentProps: a, ...o }) {
-	return /* @__PURE__ */ I(q.Root, {
+function me({ content: e, children: n, onOpenChange: r, className: i, contentProps: a, ...o }) {
+	return /* @__PURE__ */ I(W.Root, {
 		openDelay: 0,
 		closeDelay: 0,
 		...o,
 		onOpenChange: (e) => r?.(e.open),
 		children: /* @__PURE__ */ L("span", {
 			className: t("dds-tooltip", i),
-			children: [typeof n == "function" ? /* @__PURE__ */ I(q.Context, { children: (e) => n(e.getTriggerProps()) }) : /* @__PURE__ */ I(q.Trigger, {
+			children: [typeof n == "function" ? /* @__PURE__ */ I(W.Context, { children: (e) => n(e.getTriggerProps()) }) : /* @__PURE__ */ I(W.Trigger, {
 				asChild: !0,
 				children: n
-			}), /* @__PURE__ */ I(J, { children: /* @__PURE__ */ I(q.Positioner, { children: /* @__PURE__ */ I(q.Content, {
+			}), /* @__PURE__ */ I(G, { children: /* @__PURE__ */ I(W.Positioner, { children: /* @__PURE__ */ I(W.Content, {
 				...a,
 				className: t("dds-tooltip__bubble", a?.className),
 				children: e
@@ -150,8 +150,8 @@ function de({ content: e, children: n, onOpenChange: r, className: i, contentPro
 }
 //#endregion
 //#region src/icon.tsx
-var fe = w(function({ name: e, label: n, size: r = 24, directional: i, className: a, ...o }, s) {
-	let c = X[e];
+var he = T(function({ name: e, label: n, size: r = 24, directional: i, className: a, ...o }, s) {
+	let c = q[e];
 	return /* @__PURE__ */ L("svg", {
 		...o,
 		ref: s,
@@ -166,19 +166,19 @@ var fe = w(function({ name: e, label: n, size: r = 24, directional: i, className
 		role: n ? "img" : void 0,
 		"aria-label": n,
 		"aria-hidden": !n || void 0,
-		className: t((i ?? Y.mirrorInRtl.includes(e)) && Y.cssClass, a),
+		className: t((i ?? K.mirrorInRtl.includes(e)) && K.cssClass, a),
 		children: [n && /* @__PURE__ */ I("title", { children: n }), /* @__PURE__ */ I("g", { dangerouslySetInnerHTML: { __html: c.body } })]
 	});
-}), $ = C(null);
-function pe({ children: e, defaultDuration: n = 5e3, dismissLabel: r, regionLabel: i, className: a }) {
-	let o = O(), s = A(0), c = k(() => ne({
+}), X = w(null);
+function ge({ children: e, defaultDuration: n = 5e3, dismissLabel: r, regionLabel: i, className: a }) {
+	let o = k(), s = j(0), c = A(() => ae({
 		placement: "bottom-end",
 		overlap: !1,
 		gap: 8,
 		offsets: "var(--dds-space-16)",
 		removeDelay: 0,
 		hotkey: ["DDS_NO_HOTKEY"]
-	}), []), l = k(() => ({
+	}), []), l = A(() => ({
 		show(e) {
 			let t = `dds-toast-${o}-${++s.current}`, r = e.duration ?? n;
 			return c.create({
@@ -199,9 +199,9 @@ function pe({ children: e, defaultDuration: n = 5e3, dismissLabel: r, regionLabe
 		o,
 		n
 	]);
-	return D(() => () => c.remove(), [c]), /* @__PURE__ */ L($.Provider, {
+	return O(() => () => c.remove(), [c]), /* @__PURE__ */ L(X.Provider, {
 		value: l,
-		children: [e, /* @__PURE__ */ I(te, {
+		children: [e, /* @__PURE__ */ I(ie, {
 			toaster: c,
 			label: i ?? "",
 			"aria-label": i ?? "",
@@ -209,10 +209,10 @@ function pe({ children: e, defaultDuration: n = 5e3, dismissLabel: r, regionLabe
 			className: t("dds-toast-region", a),
 			children: (e) => {
 				let n = e.meta?.dds;
-				return /* @__PURE__ */ L(Z.Root, {
+				return /* @__PURE__ */ L(J.Root, {
 					className: t("dds-toast", `dds-toast--${n.tone ?? "info"}`),
 					role: n.tone === "danger" ? "alert" : "status",
-					children: [/* @__PURE__ */ I(Z.Description, { children: e.description }), r && /* @__PURE__ */ I(Z.CloseTrigger, {
+					children: [/* @__PURE__ */ I(J.Description, { children: e.description }), r && /* @__PURE__ */ I(J.CloseTrigger, {
 						className: "dds-iconbtn dds-iconbtn--sm",
 						"aria-label": typeof r == "function" ? r(n) : r,
 						children: "×"
@@ -222,126 +222,267 @@ function pe({ children: e, defaultDuration: n = 5e3, dismissLabel: r, regionLabe
 		})]
 	});
 }
-function me() {
-	let e = E($);
+function _e() {
+	let e = D(X);
 	if (!e) throw Error("useToast must be called inside <ToastProvider>");
 	return e;
 }
 //#endregion
-//#region src/console-shell.tsx
-function he(e, t) {
-	return t.active ?? (t.href.split("/").filter(Boolean).length <= 1 ? e === t.href : e === t.href || e.startsWith(`${t.href}/`));
-}
-var ge = w(function({ surface: e, activePath: n, brand: r, context: i, nav: a, labels: o, header: s, foot: c, children: l, className: u, ...d }, f) {
-	let [p, m] = j(!1), [h, g] = j(!1), _ = O(), v = `dds-console-rail-${_}`, y = `dds-console-main-${_}`;
-	return D(() => {
-		g(!0);
-		let e = (e) => {
-			e.key === "Escape" && m(!1);
+//#region src/layout.tsx
+var Z = T(function({ navigationPosition: e = "left", contentWidth: n = "workspace", labels: r, header: i, navigation: a, railStart: o, railEnd: s, footer: c, children: l, surface: u, className: d, ...f }, p) {
+	let m = k(), h = `dds-console-rail-${m}`, g = `dds-console-main-${m}`, [_, v] = M(!1), [y, b] = M(!1), x = j(null), S = j(null);
+	function C() {
+		v(!1), x.current?.focus();
+	}
+	return O(() => {
+		if (b(!0), typeof window.matchMedia != "function") return;
+		let e = window.matchMedia("(max-width: 56.25rem)"), t = () => {
+			e.matches || v(!1);
 		};
-		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, []), /* @__PURE__ */ L("div", {
-		...d,
-		ref: f,
-		className: t("dds-console-shell", u),
-		"data-surface": e,
-		"data-hydrated": h ? "true" : void 0,
+		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, []), O(() => {
+		if (!_) return;
+		let e = () => [x.current, ...Array.from(S.current?.querySelectorAll("a[href],button,summary,input,select,textarea,[tabindex=\"0\"]") ?? [])].filter((e) => !!e && !e.closest("[hidden]") && e.getClientRects().length > 0 && getComputedStyle(e).visibility !== "hidden" && !Array.from(S.current?.querySelectorAll("details:not([open])") ?? []).some((t) => t.contains(e) && !t.querySelector("summary")?.contains(e)) && !e.hasAttribute("disabled"));
+		e()[1]?.focus();
+		function t(t) {
+			if (t.key === "Escape" && (t.preventDefault(), C()), t.key === "Tab") {
+				let n = e(), r = n[0], i = n.at(-1);
+				t.shiftKey && document.activeElement === r ? (t.preventDefault(), i?.focus()) : !t.shiftKey && document.activeElement === i && (t.preventDefault(), r?.focus());
+			}
+		}
+		return document.addEventListener("keydown", t), () => {
+			document.removeEventListener("keydown", t);
+		};
+	}, [_]), /* @__PURE__ */ L("div", {
+		...f,
+		ref: p,
+		className: t("dds-console-shell dds-layout", d),
+		"data-navigation-position": e,
+		"data-surface": u,
+		"data-hydrated": y ? "true" : void 0,
 		children: [
 			/* @__PURE__ */ I("a", {
 				className: "dds-console-skip dds-visually-hidden",
-				href: `#${y}`,
-				children: o.skip
+				href: `#${g}`,
+				children: r.skip
 			}),
 			/* @__PURE__ */ L("button", {
+				ref: x,
 				className: "dds-console-rail__toggle",
 				type: "button",
 				"data-action": "toggle-rail",
-				"aria-controls": v,
-				"aria-expanded": p,
-				onClick: () => m(!p),
+				"aria-controls": h,
+				"aria-expanded": _,
+				onClick: () => _ ? C() : v(!0),
 				children: [/* @__PURE__ */ I("span", { "aria-hidden": !0 }), /* @__PURE__ */ I("span", {
 					className: "dds-visually-hidden",
-					children: p ? o.menuClose : o.menuOpen
+					children: _ ? r.menuClose : r.menuOpen
 				})]
 			}),
 			/* @__PURE__ */ I("div", {
 				className: "dds-console-rail__scrim",
-				"data-open": String(p),
-				onClick: () => m(!1)
+				"data-open": String(_),
+				onClick: C
 			}),
 			/* @__PURE__ */ L("aside", {
-				id: v,
-				className: "dds-console-rail",
-				"data-open": String(p),
+				ref: S,
+				id: h,
+				className: "dds-console-rail dds-layout__navigation",
+				"data-open": String(_),
+				onClick: (e) => {
+					_ && e.target instanceof Element && e.target.closest("a[href]") && C();
+				},
 				children: [
-					/* @__PURE__ */ L("a", {
-						className: "dds-console-rail__brand",
-						href: r.href,
-						children: [/* @__PURE__ */ I("img", {
-							src: r.mark,
-							alt: "",
-							width: 20,
-							height: 20
-						}), /* @__PURE__ */ I("strong", { children: r.name })]
-					}),
-					i && i.length > 0 && /* @__PURE__ */ I("dl", {
-						className: "dds-console-rail__context",
-						children: i.map((e, t) => /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("dt", { children: e.label }), /* @__PURE__ */ I("dd", { children: e.value })] }, t))
-					}),
-					/* @__PURE__ */ I("nav", {
-						className: "dds-console-rail__nav",
-						"aria-label": o.nav,
-						children: a.map((t, r) => /* @__PURE__ */ L("section", {
-							className: "dds-console-rail__group",
-							"aria-labelledby": `${_}-group-${r}`,
-							children: [/* @__PURE__ */ I("h2", {
-								id: `${_}-group-${r}`,
-								className: "dds-console-rail__group-label",
-								children: t.label
-							}), /* @__PURE__ */ I("ul", { children: t.items.map((t) => /* @__PURE__ */ I("li", { children: /* @__PURE__ */ L("a", {
-								className: "dds-console-rail__item",
-								"data-nav": `${e}.${t.id}`,
-								href: t.href,
-								"aria-current": he(n, t) ? "page" : void 0,
-								onClick: () => m(!1),
-								children: [/* @__PURE__ */ I("span", { children: t.label }), t.badge !== void 0 && t.badge > 0 && /* @__PURE__ */ I("span", {
-									className: "dds-console-rail__badge",
-									"aria-label": o.badge.replace("{count}", () => String(t.badge)),
-									children: t.badge
-								})]
-							}) }, t.id)) })]
-						}, r))
-					}),
-					c && /* @__PURE__ */ I("div", {
-						className: "dds-console-rail__foot",
-						children: c
-					})
+					o,
+					a,
+					s
 				]
 			}),
-			/* @__PURE__ */ L("main", {
-				id: y,
-				className: "dds-console-main",
+			/* @__PURE__ */ I("main", {
+				id: g,
+				className: "dds-console-main dds-layout__main",
 				tabIndex: -1,
-				children: [/* @__PURE__ */ L("header", {
-					className: "dds-console-page-header",
-					children: [/* @__PURE__ */ L("div", {
-						className: "dds-console-page-header__text",
-						children: [s.eyebrow && /* @__PURE__ */ I("p", {
-							className: "dds-console-page-eyebrow",
-							children: s.eyebrow
-						}), /* @__PURE__ */ I("h1", { children: s.title })]
-					}), s.actions && /* @__PURE__ */ I("div", {
-						className: "dds-console-page-header__actions",
-						children: s.actions
-					})]
-				}), l]
+				children: /* @__PURE__ */ L("div", {
+					className: "dds-layout__content",
+					"data-width": n,
+					children: [
+						i != null && /* @__PURE__ */ I("header", {
+							className: "dds-layout__header",
+							children: i
+						}),
+						l,
+						c != null && /* @__PURE__ */ I("footer", {
+							className: "dds-layout__footer",
+							children: c
+						})
+					]
+				})
 			})
 		]
 	});
 });
 //#endregion
+//#region src/left-nav.tsx
+function Q(e, t) {
+	return t.active ?? (t.href.split("/").filter(Boolean).length <= 1 ? e === t.href : e === t.href || e.startsWith(`${t.href}/`));
+}
+function $({ surface: e, activePath: t, nav: n, labels: r, expandedGroups: i, defaultExpandedGroups: a, onExpandedGroupsChange: o, onNavigate: s }) {
+	let c = k(), [l, u] = M(() => a ?? n.flatMap((e, n) => e.collapsible && e.items.some((e) => Q(t, e)) ? [e.id ?? `group-${n}`] : [])), d = i ?? l;
+	function f(e) {
+		let t = d.includes(e) ? d.filter((t) => t !== e) : [...d, e];
+		i === void 0 && u(t), o?.(t);
+	}
+	return /* @__PURE__ */ I("nav", {
+		className: "dds-console-rail__nav dds-left-nav",
+		"aria-label": r.nav,
+		children: n.map((n, i) => /* @__PURE__ */ L("section", {
+			"data-collapsible": n.collapsible ? "true" : void 0,
+			className: "dds-console-rail__group",
+			"aria-labelledby": `${c}-group-${i}`,
+			children: [/* @__PURE__ */ I("h2", {
+				id: `${c}-group-${i}`,
+				className: "dds-console-rail__group-label",
+				children: n.collapsible ? /* @__PURE__ */ L("button", {
+					type: "button",
+					className: "dds-console-rail__group-toggle",
+					"aria-expanded": d.includes(n.id ?? `group-${i}`),
+					"aria-controls": `${c}-group-items-${i}`,
+					onClick: () => f(n.id ?? `group-${i}`),
+					children: [/* @__PURE__ */ I("span", { children: n.label }), /* @__PURE__ */ I("span", {
+						className: "dds-console-rail__chevron",
+						"aria-hidden": "true"
+					})]
+				}) : n.label
+			}), /* @__PURE__ */ I("ul", {
+				id: `${c}-group-items-${i}`,
+				hidden: n.collapsible && !d.includes(n.id ?? `group-${i}`),
+				children: n.items.map((n) => /* @__PURE__ */ I("li", { children: /* @__PURE__ */ L("a", {
+					className: "dds-console-rail__item",
+					"data-nav": `${e}.${n.id}`,
+					href: n.href,
+					"aria-current": Q(t, n) ? "page" : void 0,
+					onClick: s,
+					children: [n.icon == null ? /* @__PURE__ */ I("span", { children: n.label }) : /* @__PURE__ */ L("span", {
+						className: "dds-console-rail__item-content",
+						children: [/* @__PURE__ */ I("span", {
+							className: "dds-console-rail__item-icon",
+							"aria-hidden": "true",
+							children: n.icon
+						}), /* @__PURE__ */ I("span", { children: n.label })]
+					}), n.badge !== void 0 && n.badge > 0 && /* @__PURE__ */ I("span", {
+						className: "dds-console-rail__badge",
+						"aria-label": r.badge.replace("{count}", () => String(n.badge)),
+						children: n.badge
+					})]
+				}) }, n.id))
+			})]
+		}, n.id ?? i))
+	});
+}
+//#endregion
+//#region src/console-shell.tsx
+var ve = T(function({ surface: e, activePath: t, brand: n, context: r, nav: i = [], navigation: a, expandedGroups: o, defaultExpandedGroups: s, onExpandedGroupsChange: c, labels: l, header: u, foot: d, children: f, ...p }, m) {
+	return /* @__PURE__ */ I(Z, {
+		...p,
+		ref: m,
+		surface: e,
+		labels: l,
+		railStart: /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ L("a", {
+			className: "dds-console-rail__brand",
+			href: n.href,
+			children: [/* @__PURE__ */ I("img", {
+				src: n.mark,
+				alt: "",
+				width: 20,
+				height: 20
+			}), /* @__PURE__ */ I("strong", { children: n.name })]
+		}), r && r.length > 0 && /* @__PURE__ */ I("dl", {
+			className: "dds-console-rail__context",
+			children: r.map((e, t) => /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("dt", { children: e.label }), /* @__PURE__ */ I("dd", { children: e.value })] }, t))
+		})] }),
+		navigation: a ?? /* @__PURE__ */ I($, {
+			surface: e,
+			activePath: t,
+			nav: i,
+			labels: l,
+			expandedGroups: o,
+			defaultExpandedGroups: s,
+			onExpandedGroupsChange: c
+		}),
+		railEnd: d && /* @__PURE__ */ I("div", {
+			className: "dds-console-rail__foot",
+			children: d
+		}),
+		header: /* @__PURE__ */ L("div", {
+			className: "dds-console-page-header",
+			children: [/* @__PURE__ */ L("div", {
+				className: "dds-console-page-header__text",
+				children: [u.eyebrow && /* @__PURE__ */ I("p", {
+					className: "dds-console-page-eyebrow",
+					children: u.eyebrow
+				}), /* @__PURE__ */ I("h1", { children: u.title })]
+			}), u.actions && /* @__PURE__ */ I("div", {
+				className: "dds-console-page-header__actions",
+				children: u.actions
+			})]
+		}),
+		children: f
+	});
+});
+//#endregion
+//#region src/top-nav.tsx
+function ye({ surface: e, activePath: t, nav: n, labels: r, onNavigate: i }) {
+	let a = j(null);
+	return O(() => {
+		function e(e) {
+			a.current?.contains(e.target) || a.current?.querySelectorAll("details[open]").forEach((e) => e.removeAttribute("open"));
+		}
+		return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
+	}, []), /* @__PURE__ */ I("nav", {
+		ref: a,
+		className: "dds-top-nav",
+		"aria-label": r.nav,
+		onKeyDown: (e) => {
+			if (e.key !== "Escape") return;
+			let t = e.target.closest("details");
+			t?.open && (e.preventDefault(), e.stopPropagation(), t.open = !1, t.querySelector("summary")?.focus());
+		},
+		children: n.map((n, a) => /* @__PURE__ */ L("details", {
+			className: "dds-top-nav__group",
+			children: [/* @__PURE__ */ I("summary", {
+				className: "dds-top-nav__trigger",
+				children: n.label
+			}), /* @__PURE__ */ I("ul", {
+				className: "dds-top-nav__items",
+				children: n.items.map((n) => /* @__PURE__ */ I("li", { children: /* @__PURE__ */ L("a", {
+					className: "dds-top-nav__item",
+					"data-nav": `${e}.${n.id}`,
+					href: n.href,
+					"aria-current": n.active ?? (t === n.href || n.href.split("/").filter(Boolean).length > 1 && t.startsWith(`${n.href}/`)) ? "page" : void 0,
+					onClick: (e) => {
+						e.currentTarget.closest("details")?.removeAttribute("open"), i?.();
+					},
+					children: [
+						n.icon != null && /* @__PURE__ */ I("span", {
+							className: "dds-top-nav__item-icon",
+							"aria-hidden": "true",
+							children: n.icon
+						}),
+						/* @__PURE__ */ I("span", { children: n.label }),
+						n.badge != null && n.badge > 0 && /* @__PURE__ */ I("span", {
+							className: "dds-console-rail__badge",
+							"aria-label": r.badge.replace("{count}", () => String(n.badge)),
+							children: n.badge
+						})
+					]
+				}) }, n.id))
+			})]
+		}, n.id ?? a))
+	});
+}
+//#endregion
 //#region src/status-pill.tsx
-function _e(e) {
+function be(e) {
 	let t = new Set(e.openDomains ?? []);
 	return function(n) {
 		let r = e.tones[n.domain]?.[n.value], i = e.label(n.domain, n.value, n.locale);
@@ -362,12 +503,12 @@ function _e(e) {
 }
 //#endregion
 //#region src/pending-action.ts
-function ve() {
-	let [e, t] = j(null), n = A(null);
-	D(() => () => {
+function xe() {
+	let [e, t] = M(null), n = j(null);
+	O(() => () => {
 		n.current?.abort(), n.current = null;
 	}, []);
-	let r = T(async (e, r, i) => {
+	let r = E(async (e, r, i) => {
 		if (n.current && !i?.replace) return;
 		n.current?.abort();
 		let a = new AbortController();
@@ -377,10 +518,10 @@ function ve() {
 		} finally {
 			n.current === a && (n.current = null, t(null));
 		}
-	}, []), i = T(() => {
+	}, []), i = E(() => {
 		n.current?.abort(), n.current = null, t(null);
 	}, []);
-	return k(() => ({
+	return A(() => ({
 		current: e,
 		busy: e !== null,
 		is: (t) => e === t,
@@ -393,6 +534,6 @@ function ve() {
 	]);
 }
 //#endregion
-export { N as ArkCheckbox, re as ArkDatePicker, W as ArkDialog, M as ArkField, V as ArkRadioGroup, P as ArkSwitch, R as ArkTabs, Q as ArkToast, K as ArkTooltip, s as Button, _ as Calendar, r as Checkbox, p as Combobox, ge as ConsoleShell, c as DatePicker, l as DateRangePicker, ue as Dialog, h as DropdownMenu, a as Field, fe as Icon, n as IconButton, d as Input, f as InputGroup, u as MonthPicker, x as NumberInput, g as Popover, e as Radio, le as RadioGroup, y as SegmentedControl, i as Select, m as SelectPicker, o as Switch, oe as Tab, ae as TabList, se as TabPanel, ie as Tabs, v as TimePicker, pe as ToastProvider, de as Tooltip, t as classes, _e as createStatusPill, S as normalizeNumberText, ee as numberInputMessages, ve as usePendingAction, me as useToast, b as validateSegmentedItems };
+export { N as ArkCheckbox, oe as ArkDatePicker, re as ArkDialog, ee as ArkField, te as ArkRadioGroup, P as ArkSwitch, R as ArkTabs, Y as ArkToast, U as ArkTooltip, s as Button, _ as Calendar, r as Checkbox, p as Combobox, ve as ConsoleShell, c as DatePicker, l as DateRangePicker, pe as Dialog, h as DropdownMenu, a as Field, he as Icon, n as IconButton, d as Input, f as InputGroup, Z as Layout, $ as LeftNav, u as MonthPicker, x as NumberInput, g as Popover, e as Radio, fe as RadioGroup, y as SegmentedControl, i as Select, m as SelectPicker, o as Switch, le as Tab, ce as TabList, ue as TabPanel, se as Tabs, v as TimePicker, ge as ToastProvider, me as Tooltip, ye as TopNav, t as classes, be as createStatusPill, S as normalizeNumberText, C as numberInputMessages, xe as usePendingAction, _e as useToast, b as validateSegmentedItems };
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/selection.tsx","../src/overlays.tsx","../src/icon.tsx","../src/toast.tsx","../src/console-shell.tsx","../src/status-pill.tsx","../src/pending-action.ts"],"sourcesContent":["import { forwardRef, type ComponentProps, type ReactNode } from \"react\";\nimport { Tabs as ArkTabs, useTabsContext } from \"@ark-ui/react/tabs\";\nimport {\n  RadioGroup as ArkRadioGroup,\n  useRadioGroupContext,\n} from \"@ark-ui/react/radio-group\";\nimport { classes } from \"./controls\";\nexport interface TabsProps\n  extends Omit<ComponentProps<typeof ArkTabs.Root>, \"onValueChange\"> {\n  onValueChange?: (value: string) => void;\n  unstyled?: boolean;\n}\nexport const Tabs = forwardRef<HTMLDivElement, TabsProps>(function Tabs(\n  { onValueChange, unstyled, className, ...rest },\n  ref\n) {\n  return (\n    <ArkTabs.Root\n      {...rest}\n      ref={ref}\n      onValueChange={(details) => onValueChange?.(details.value)}\n      className={classes(!unstyled && \"dds-tabs-root\", className)}\n    />\n  );\n});\nexport type TabProps = ComponentProps<typeof ArkTabs.Trigger> & {\n  unstyled?: boolean;\n};\nexport type TabPanelProps = ComponentProps<typeof ArkTabs.Content>;\nexport const TabList = forwardRef<\n  HTMLDivElement,\n  ComponentProps<typeof ArkTabs.List> & { unstyled?: boolean }\n>(function TabList({ unstyled, className, ...rest }, ref) {\n  return (\n    <ArkTabs.List\n      {...rest}\n      ref={ref}\n      className={classes(!unstyled && \"dds-tabs\", className)}\n    />\n  );\n});\nexport const Tab = forwardRef<HTMLButtonElement, TabProps>(function Tab(\n  { unstyled, className, ...rest },\n  ref\n) {\n  return (\n    <ArkTabs.Trigger\n      {...rest}\n      ref={ref}\n      className={classes(!unstyled && \"dds-tab\", className)}\n    />\n  );\n});\nexport const TabPanel = forwardRef<HTMLDivElement, TabPanelProps>(\n  function TabPanel({ value, style, ...rest }, ref) {\n    const tabs = useTabsContext();\n    const inactive = tabs.value !== value;\n    return (\n      <ArkTabs.Content\n        {...rest}\n        value={value}\n        ref={ref}\n        hidden={inactive}\n        style={inactive ? { ...style, display: \"none\" } : style}\n      />\n    );\n  }\n);\nfunction VisibleRadioInput({ option }: { option: RadioOption }) {\n  const group = useRadioGroupContext();\n  // Ark owns selection and roving focus; DDS displays the native radio.\n  const {\n    style: _,\n    defaultChecked: __,\n    ...inputProps\n  } = group.getItemHiddenInputProps(option);\n  return (\n    <input\n      {...inputProps}\n      checked={group.value === option.value}\n      onChange={() => {}}\n      className=\"dds-check__input\"\n    />\n  );\n}\nexport interface RadioOption {\n  value: string;\n  label: ReactNode;\n  disabled?: boolean;\n}\nexport interface RadioGroupProps\n  extends Omit<\n    ComponentProps<typeof ArkRadioGroup.Root>,\n    \"onValueChange\" | \"children\"\n  > {\n  options: readonly RadioOption[];\n  label: ReactNode;\n  onValueChange?: (value: string) => void;\n  children?: ReactNode;\n}\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  function RadioGroup(\n    { options, label, onValueChange, className, children, ...rest },\n    ref\n  ) {\n    return (\n      <ArkRadioGroup.Root\n        {...rest}\n        ref={ref}\n        onValueChange={(details) => {\n          if (details.value !== null) onValueChange?.(details.value);\n        }}\n        className={classes(\"dds-radio-group\", className)}\n      >\n        <ArkRadioGroup.Label className=\"dds-field__label\">\n          {label}\n        </ArkRadioGroup.Label>\n        {options.map((option) => (\n          <ArkRadioGroup.Item\n            key={option.value}\n            value={option.value}\n            disabled={option.disabled}\n            className=\"dds-check\"\n          >\n            <VisibleRadioInput option={option} />\n            <ArkRadioGroup.ItemText>{option.label}</ArkRadioGroup.ItemText>\n          </ArkRadioGroup.Item>\n        ))}\n        {children}\n      </ArkRadioGroup.Root>\n    );\n  }\n);\n","import {\n  forwardRef,\n  type ComponentProps,\n  type ButtonHTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { Dialog as ArkDialog } from \"@ark-ui/react/dialog\";\nimport { Tooltip as ArkTooltip } from \"@ark-ui/react/tooltip\";\nimport { Portal } from \"@ark-ui/react/portal\";\nimport { classes } from \"./controls\";\nexport interface DialogFrameParts {\n  title: ReactNode;\n  description: ReactNode;\n  children: ReactNode;\n  actions: ReactNode;\n}\nexport interface DialogProps\n  extends Omit<\n    ComponentProps<typeof ArkDialog.Root>,\n    \"children\" | \"onOpenChange\"\n  > {\n  title: ReactNode;\n  description?: ReactNode;\n  children: ReactNode;\n  actions?: ReactNode;\n  onOpenChange?: (open: boolean) => void;\n  closeOnOutside?: boolean;\n  portal?: boolean;\n  className?: string;\n  overlayClassName?: string;\n  contentProps?: ComponentProps<typeof ArkDialog.Content>;\n  initialFocus?: () => HTMLElement | null | undefined;\n  finalFocus?: () => HTMLElement | null | undefined;\n  frame?: (parts: DialogFrameParts) => ReactNode;\n  unstyled?: boolean;\n}\nexport const Dialog = forwardRef<HTMLDivElement, DialogProps>(function Dialog(\n  {\n    title,\n    description,\n    children,\n    actions,\n    onOpenChange,\n    closeOnOutside,\n    portal = true,\n    className,\n    overlayClassName,\n    contentProps,\n    initialFocus,\n    finalFocus,\n    frame,\n    unstyled,\n    ...rest\n  },\n  ref\n) {\n  const parts: DialogFrameParts = {\n    title: (\n      <ArkDialog.Title className={unstyled ? undefined : \"dds-dialog__title\"}>\n        {title}\n      </ArkDialog.Title>\n    ),\n    description: description && (\n      <ArkDialog.Description\n        className={unstyled ? undefined : \"dds-dialog__body\"}\n      >\n        {description}\n      </ArkDialog.Description>\n    ),\n    children,\n    actions: actions && (\n      <div className={unstyled ? undefined : \"dds-dialog__actions\"}>\n        {actions}\n      </div>\n    ),\n  };\n  const content = (\n    <ArkDialog.Positioner\n      className={classes(!unstyled && \"dds-dialog-overlay\", overlayClassName)}\n    >\n      <ArkDialog.Content\n        {...contentProps}\n        ref={ref}\n        aria-describedby={\n          description ? contentProps?.[\"aria-describedby\"] : undefined\n        }\n        className={classes(\n          !unstyled && \"dds-dialog\",\n          className,\n          contentProps?.className\n        )}\n      >\n        {frame ? (\n          frame(parts)\n        ) : (\n          <>\n            {parts.title}\n            {parts.description}\n            {children}\n            {parts.actions}\n          </>\n        )}\n      </ArkDialog.Content>\n    </ArkDialog.Positioner>\n  );\n  return (\n    <ArkDialog.Root\n      {...rest}\n      onOpenChange={(details) => onOpenChange?.(details.open)}\n      closeOnInteractOutside={closeOnOutside ?? rest.closeOnInteractOutside}\n      initialFocusEl={\n        initialFocus ? () => initialFocus() ?? null : rest.initialFocusEl\n      }\n      finalFocusEl={finalFocus ? () => finalFocus() ?? null : rest.finalFocusEl}\n      lazyMount\n      unmountOnExit\n    >\n      {portal ? <Portal>{content}</Portal> : content}\n    </ArkDialog.Root>\n  );\n});\nexport type TooltipTriggerProps = ButtonHTMLAttributes<HTMLButtonElement>;\nexport interface TooltipProps\n  extends Omit<\n    ComponentProps<typeof ArkTooltip.Root>,\n    \"children\" | \"onOpenChange\"\n  > {\n  content: ReactNode;\n  children: ReactNode | ((props: TooltipTriggerProps) => ReactNode);\n  onOpenChange?: (open: boolean) => void;\n  className?: string;\n  contentProps?: ComponentProps<typeof ArkTooltip.Content>;\n}\nexport function Tooltip({\n  content,\n  children,\n  onOpenChange,\n  className,\n  contentProps,\n  ...rest\n}: TooltipProps) {\n  return (\n    <ArkTooltip.Root\n      openDelay={0}\n      closeDelay={0}\n      {...rest}\n      onOpenChange={(details) => onOpenChange?.(details.open)}\n    >\n      <span className={classes(\"dds-tooltip\", className)}>\n        {typeof children === \"function\" ? (\n          <ArkTooltip.Context>\n            {(api) => children(api.getTriggerProps())}\n          </ArkTooltip.Context>\n        ) : (\n          <ArkTooltip.Trigger asChild>{children}</ArkTooltip.Trigger>\n        )}\n        <Portal>\n          <ArkTooltip.Positioner>\n            <ArkTooltip.Content\n              {...contentProps}\n              className={classes(\n                \"dds-tooltip__bubble\",\n                contentProps?.className\n              )}\n            >\n              {content}\n            </ArkTooltip.Content>\n          </ArkTooltip.Positioner>\n        </Portal>\n      </span>\n    </ArkTooltip.Root>\n  );\n}\n","import { forwardRef, type SVGProps } from \"react\";\nimport { icons, directionPolicy, type DdsIconName } from \"@devslab/dds-icons\";\nimport { classes } from \"./controls\";\nexport interface IconProps\n  extends Omit<SVGProps<SVGSVGElement>, \"name\" | \"children\"> {\n  name: DdsIconName;\n  label?: string;\n  size?: number | string;\n  directional?: boolean;\n}\nexport const Icon = forwardRef<SVGSVGElement, IconProps>(function Icon(\n  { name, label, size = 24, directional, className, ...rest },\n  ref\n) {\n  const icon = icons[name];\n  return (\n    <svg\n      {...rest}\n      ref={ref}\n      viewBox={icon.viewBox}\n      width={size}\n      height={size}\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={icon.strokeWidth}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      role={label ? \"img\" : undefined}\n      aria-label={label}\n      aria-hidden={label ? undefined : true}\n      className={classes(\n        (directional ?? directionPolicy.mirrorInRtl.includes(name)) &&\n          directionPolicy.cssClass,\n        className\n      )}\n    >\n      {label && <title>{label}</title>}\n      <g dangerouslySetInnerHTML={{ __html: icon.body }} />\n    </svg>\n  );\n});\n","import {\n  createContext,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  type ReactNode,\n} from \"react\";\nimport { Toast as ArkToast, Toaster, createToaster } from \"@ark-ui/react/toast\";\nimport { classes } from \"./controls\";\nexport type ToastTone = \"success\" | \"warning\" | \"danger\" | \"info\";\nexport interface ToastInput {\n  message: ReactNode;\n  tone?: ToastTone;\n  duration?: number;\n}\nexport interface ToastRecord extends ToastInput {\n  id: string;\n}\nexport interface ToastApi {\n  show: (toast: ToastInput) => string;\n  dismiss: (id: string) => void;\n  clear: () => void;\n}\nexport interface ToastProviderProps {\n  children: ReactNode;\n  defaultDuration?: number;\n  dismissLabel?: string | ((toast: ToastRecord) => string);\n  regionLabel?: string;\n  className?: string;\n}\nconst ToastContext = createContext<ToastApi | null>(null);\nexport function ToastProvider({\n  children,\n  defaultDuration = 5000,\n  dismissLabel,\n  regionLabel,\n  className,\n}: ToastProviderProps) {\n  const prefix = useId();\n  const sequence = useRef(0);\n  const toaster = useMemo(\n    () =>\n      createToaster({\n        placement: \"bottom-end\",\n        overlap: false,\n        gap: 8,\n        offsets: \"var(--dds-space-16)\",\n        removeDelay: 0,\n        hotkey: [\"DDS_NO_HOTKEY\"],\n      }),\n    []\n  );\n  const api = useMemo<ToastApi>(() => {\n    return {\n      show(input) {\n        const id = `dds-toast-${prefix}-${++sequence.current}`;\n        const duration = input.duration ?? defaultDuration;\n        toaster.create({\n          id,\n          description: input.message,\n          type: input.tone === \"danger\" ? \"error\" : input.tone ?? \"info\",\n          duration: duration > 0 ? duration : Infinity,\n          meta: { dds: { ...input, id } },\n        });\n        return id;\n      },\n      dismiss: (id) => toaster.remove(id),\n      clear: () => toaster.remove(),\n    };\n  }, [toaster, prefix, defaultDuration]);\n  useEffect(() => () => toaster.remove(), [toaster]);\n  return (\n    <ToastContext.Provider value={api}>\n      {children}\n      <Toaster\n        toaster={toaster}\n        label={regionLabel ?? \"\"}\n        aria-label={regionLabel ?? \"\"}\n        role={regionLabel ? \"region\" : \"presentation\"}\n        className={classes(\"dds-toast-region\", className)}\n      >\n        {(toast) => {\n          const record = toast.meta?.dds as ToastRecord;\n          return (\n            <ArkToast.Root\n              className={classes(\n                \"dds-toast\",\n                `dds-toast--${record.tone ?? \"info\"}`\n              )}\n              role={record.tone === \"danger\" ? \"alert\" : \"status\"}\n            >\n              <ArkToast.Description>{toast.description}</ArkToast.Description>\n              {dismissLabel && (\n                <ArkToast.CloseTrigger\n                  className=\"dds-iconbtn dds-iconbtn--sm\"\n                  aria-label={\n                    typeof dismissLabel === \"function\"\n                      ? dismissLabel(record)\n                      : dismissLabel\n                  }\n                >\n                  ×\n                </ArkToast.CloseTrigger>\n              )}\n            </ArkToast.Root>\n          );\n        }}\n      </Toaster>\n    </ToastContext.Provider>\n  );\n}\nexport function useToast(): ToastApi {\n  const api = useContext(ToastContext);\n  if (!api) throw new Error(\"useToast must be called inside <ToastProvider>\");\n  return api;\n}\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { classes } from \"./controls\";\nexport interface ConsoleNavItem {\n  id: string;\n  href: string;\n  label: string;\n  badge?: number;\n  active?: boolean;\n}\nexport interface ConsoleNavGroup {\n  label: string;\n  items: readonly ConsoleNavItem[];\n}\nexport interface ConsoleShellLabels {\n  skip: string;\n  menuOpen: string;\n  menuClose: string;\n  nav: string;\n  badge: string;\n}\nexport interface ConsoleHeader {\n  eyebrow?: string;\n  title: string;\n  actions?: ReactNode;\n}\nexport interface ConsoleShellProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"children\" | \"context\"> {\n  surface: string;\n  activePath: string;\n  brand: { href: string; name: string; mark: string };\n  context?: readonly { label: string; value: string }[];\n  nav: readonly ConsoleNavGroup[];\n  labels: ConsoleShellLabels;\n  header: ConsoleHeader;\n  foot?: ReactNode;\n  children: ReactNode;\n}\nfunction isActive(path: string, item: ConsoleNavItem) {\n  return (\n    item.active ??\n    (item.href.split(\"/\").filter(Boolean).length <= 1\n      ? path === item.href\n      : path === item.href || path.startsWith(`${item.href}/`))\n  );\n}\nexport const ConsoleShell = forwardRef<HTMLDivElement, ConsoleShellProps>(\n  function ConsoleShell(\n    {\n      surface,\n      activePath,\n      brand,\n      context,\n      nav,\n      labels,\n      header,\n      foot,\n      children,\n      className,\n      ...rest\n    },\n    ref\n  ) {\n    const [open, setOpen] = useState(false);\n    const [hydrated, setHydrated] = useState(false);\n    const id = useId();\n    const railId = `dds-console-rail-${id}`;\n    const mainId = `dds-console-main-${id}`;\n    useEffect(() => {\n      setHydrated(true);\n      const onKey = (event: KeyboardEvent) => {\n        if (event.key === \"Escape\") setOpen(false);\n      };\n      document.addEventListener(\"keydown\", onKey);\n      return () => document.removeEventListener(\"keydown\", onKey);\n    }, []);\n    return (\n      <div\n        {...rest}\n        ref={ref}\n        className={classes(\"dds-console-shell\", className)}\n        data-surface={surface}\n        data-hydrated={hydrated ? \"true\" : undefined}\n      >\n        <a className=\"dds-console-skip dds-visually-hidden\" href={`#${mainId}`}>\n          {labels.skip}\n        </a>\n        <button\n          className=\"dds-console-rail__toggle\"\n          type=\"button\"\n          data-action=\"toggle-rail\"\n          aria-controls={railId}\n          aria-expanded={open}\n          onClick={() => setOpen(!open)}\n        >\n          <span aria-hidden />\n          <span className=\"dds-visually-hidden\">\n            {open ? labels.menuClose : labels.menuOpen}\n          </span>\n        </button>\n        <div\n          className=\"dds-console-rail__scrim\"\n          data-open={String(open)}\n          onClick={() => setOpen(false)}\n        />\n        <aside\n          id={railId}\n          className=\"dds-console-rail\"\n          data-open={String(open)}\n        >\n          <a className=\"dds-console-rail__brand\" href={brand.href}>\n            <img src={brand.mark} alt=\"\" width={20} height={20} />\n            <strong>{brand.name}</strong>\n          </a>\n          {context && context.length > 0 && (\n            <dl className=\"dds-console-rail__context\">\n              {context.map((row, index) => (\n                <div key={index}>\n                  <dt>{row.label}</dt>\n                  <dd>{row.value}</dd>\n                </div>\n              ))}\n            </dl>\n          )}\n          <nav className=\"dds-console-rail__nav\" aria-label={labels.nav}>\n            {nav.map((group, index) => (\n              <section\n                key={index}\n                className=\"dds-console-rail__group\"\n                aria-labelledby={`${id}-group-${index}`}\n              >\n                <h2\n                  id={`${id}-group-${index}`}\n                  className=\"dds-console-rail__group-label\"\n                >\n                  {group.label}\n                </h2>\n                <ul>\n                  {group.items.map((item) => (\n                    <li key={item.id}>\n                      <a\n                        className=\"dds-console-rail__item\"\n                        data-nav={`${surface}.${item.id}`}\n                        href={item.href}\n                        aria-current={\n                          isActive(activePath, item) ? \"page\" : undefined\n                        }\n                        onClick={() => setOpen(false)}\n                      >\n                        <span>{item.label}</span>\n                        {item.badge !== undefined && item.badge > 0 && (\n                          <span\n                            className=\"dds-console-rail__badge\"\n                            aria-label={labels.badge.replace(\"{count}\", () =>\n                              String(item.badge)\n                            )}\n                          >\n                            {item.badge}\n                          </span>\n                        )}\n                      </a>\n                    </li>\n                  ))}\n                </ul>\n              </section>\n            ))}\n          </nav>\n          {foot && <div className=\"dds-console-rail__foot\">{foot}</div>}\n        </aside>\n        <main id={mainId} className=\"dds-console-main\" tabIndex={-1}>\n          <header className=\"dds-console-page-header\">\n            <div className=\"dds-console-page-header__text\">\n              {header.eyebrow && (\n                <p className=\"dds-console-page-eyebrow\">{header.eyebrow}</p>\n              )}\n              <h1>{header.title}</h1>\n            </div>\n            {header.actions && (\n              <div className=\"dds-console-page-header__actions\">\n                {header.actions}\n              </div>\n            )}\n          </header>\n          {children}\n        </main>\n      </div>\n    );\n  }\n);\n","export type StatusTone = \"success\" | \"warning\" | \"danger\" | \"info\" | \"brand\" | \"neutral\";\nexport function createStatusPill<D extends string>(config:{\n tones:Record<D,Record<string,StatusTone>>;\n label:(domain:D,value:string,locale:string)=>string|undefined;\n openDomains?:readonly NoInfer<D>[];\n}){\n const open=new Set<string>(config.openDomains??[]);\n return function StatusPill(props:{domain:D;value:string;locale:string}){\n  const tone=config.tones[props.domain]?.[props.value];\n  const label=config.label(props.domain,props.value,props.locale);\n  if(!tone||!label){\n   if(open.has(props.domain))return <code data-status={`${props.domain}.${props.value}`}>{props.value}</code>;\n   throw new Error(!tone?`StatusPill: no tone for ${props.domain}.${props.value}`:`StatusPill: no label for ${props.domain}.${props.value}`);\n  }\n  return <span className={tone==='neutral'?'dds-badge':`dds-badge dds-badge--${tone}`} data-status={`${props.domain}.${props.value}`} data-tone={tone}>{label}</span>;\n };\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\n/** Options for one `run` call. */\nexport interface PendingActionRunOptions {\n  /**\n   * Start even while another action runs: that one is aborted and this one takes its place, so the\n   * latest request wins (a list reload after typing, paging or sorting). Without it a second start\n   * while one runs is ignored, which is what a button wants.\n   */\n  replace?: boolean;\n}\n\n/**\n * Which of a screen's actions is running. A screen with several buttons gives each one its own\n * key, so only the button that started the work shows progress, while every other control can\n * still be locked through `busy`. One shared flag for all the buttons spins every one of them.\n * The same contract as `createPendingAction` in `@devslab/dds-solid`, with values for accessors.\n */\nexport interface PendingAction<K extends string = string> {\n  /** The key of the action now running, or null. */\n  readonly current: K | null;\n  /** True while any action runs: lock the other controls with it. */\n  readonly busy: boolean;\n  /** True while `key` is the running action: give that control its progress state. */\n  is(key: K): boolean;\n  /**\n   * Runs `task` as `key` and clears the state when it settles, whether it resolves or throws (the\n   * error reaches the caller). While another action runs it does nothing and resolves to undefined,\n   * unless `replace` is set. The task receives a signal that aborts when this run stops counting:\n   * `reset()`, a run that replaced it, or the component unmounting. Check `signal.aborted` after\n   * each await before touching state, or pass the signal to `fetch`.\n   */\n  run<T>(key: K, task: (signal: AbortSignal) => T | Promise<T>, options?: PendingActionRunOptions): Promise<T | undefined>;\n  /** Stops tracking the running action and aborts its signal, for example when the screen's data was replaced. */\n  reset(): void;\n}\n\n/** Tracks the running action of a component. */\nexport function usePendingAction<K extends string = string>(): PendingAction<K> {\n  const [current, setCurrent] = useState<K | null>(null);\n  // State lands on the next render; the ref answers a second click in the same event loop turn.\n  const active = useRef<AbortController | null>(null);\n  useEffect(() => () => {\n    active.current?.abort();\n    active.current = null;\n  }, []);\n  const run = useCallback(async <T,>(\n    key: K,\n    task: (signal: AbortSignal) => T | Promise<T>,\n    options?: PendingActionRunOptions,\n  ): Promise<T | undefined> => {\n    if (active.current && !options?.replace) return undefined;\n    active.current?.abort();\n    const controller = new AbortController();\n    active.current = controller;\n    setCurrent(key);\n    try {\n      return await task(controller.signal);\n    } finally {\n      if (active.current === controller) {\n        active.current = null;\n        setCurrent(null);\n      }\n    }\n  }, []);\n  const reset = useCallback(() => {\n    active.current?.abort();\n    active.current = null;\n    setCurrent(null);\n  }, []);\n  return useMemo(() => ({\n    current,\n    busy: current !== null,\n    is: (key: K) => current === key,\n    run,\n    reset,\n  }), [current, run, reset]);\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/selection.tsx","../src/overlays.tsx","../src/icon.tsx","../src/toast.tsx","../src/layout.tsx","../src/left-nav.tsx","../src/console-shell.tsx","../src/top-nav.tsx","../src/status-pill.tsx","../src/pending-action.ts"],"sourcesContent":["import { forwardRef, type ComponentProps, type ReactNode } from \"react\";\nimport { Tabs as ArkTabs, useTabsContext } from \"@ark-ui/react/tabs\";\nimport {\n  RadioGroup as ArkRadioGroup,\n  useRadioGroupContext,\n} from \"@ark-ui/react/radio-group\";\nimport { classes } from \"./controls\";\nexport interface TabsProps\n  extends Omit<ComponentProps<typeof ArkTabs.Root>, \"onValueChange\"> {\n  onValueChange?: (value: string) => void;\n  unstyled?: boolean;\n}\nexport const Tabs = forwardRef<HTMLDivElement, TabsProps>(function Tabs(\n  { onValueChange, unstyled, className, ...rest },\n  ref\n) {\n  return (\n    <ArkTabs.Root\n      {...rest}\n      ref={ref}\n      onValueChange={(details) => onValueChange?.(details.value)}\n      className={classes(!unstyled && \"dds-tabs-root\", className)}\n    />\n  );\n});\nexport type TabProps = ComponentProps<typeof ArkTabs.Trigger> & {\n  unstyled?: boolean;\n};\nexport type TabPanelProps = ComponentProps<typeof ArkTabs.Content>;\nexport const TabList = forwardRef<\n  HTMLDivElement,\n  ComponentProps<typeof ArkTabs.List> & { unstyled?: boolean }\n>(function TabList({ unstyled, className, ...rest }, ref) {\n  return (\n    <ArkTabs.List\n      {...rest}\n      ref={ref}\n      className={classes(!unstyled && \"dds-tabs\", className)}\n    />\n  );\n});\nexport const Tab = forwardRef<HTMLButtonElement, TabProps>(function Tab(\n  { unstyled, className, ...rest },\n  ref\n) {\n  return (\n    <ArkTabs.Trigger\n      {...rest}\n      ref={ref}\n      className={classes(!unstyled && \"dds-tab\", className)}\n    />\n  );\n});\nexport const TabPanel = forwardRef<HTMLDivElement, TabPanelProps>(\n  function TabPanel({ value, style, ...rest }, ref) {\n    const tabs = useTabsContext();\n    const inactive = tabs.value !== value;\n    return (\n      <ArkTabs.Content\n        {...rest}\n        value={value}\n        ref={ref}\n        hidden={inactive}\n        style={inactive ? { ...style, display: \"none\" } : style}\n      />\n    );\n  }\n);\nfunction VisibleRadioInput({ option }: { option: RadioOption }) {\n  const group = useRadioGroupContext();\n  // Ark owns selection and roving focus; DDS displays the native radio.\n  const {\n    style: _,\n    defaultChecked: __,\n    ...inputProps\n  } = group.getItemHiddenInputProps(option);\n  return (\n    <input\n      {...inputProps}\n      checked={group.value === option.value}\n      onChange={() => {}}\n      className=\"dds-check__input\"\n    />\n  );\n}\nexport interface RadioOption {\n  value: string;\n  label: ReactNode;\n  disabled?: boolean;\n}\nexport interface RadioGroupProps\n  extends Omit<\n    ComponentProps<typeof ArkRadioGroup.Root>,\n    \"onValueChange\" | \"children\"\n  > {\n  options: readonly RadioOption[];\n  label: ReactNode;\n  onValueChange?: (value: string) => void;\n  children?: ReactNode;\n}\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  function RadioGroup(\n    { options, label, onValueChange, className, children, ...rest },\n    ref\n  ) {\n    return (\n      <ArkRadioGroup.Root\n        {...rest}\n        ref={ref}\n        onValueChange={(details) => {\n          if (details.value !== null) onValueChange?.(details.value);\n        }}\n        className={classes(\"dds-radio-group\", className)}\n      >\n        <ArkRadioGroup.Label className=\"dds-field__label\">\n          {label}\n        </ArkRadioGroup.Label>\n        {options.map((option) => (\n          <ArkRadioGroup.Item\n            key={option.value}\n            value={option.value}\n            disabled={option.disabled}\n            className=\"dds-check\"\n          >\n            <VisibleRadioInput option={option} />\n            <ArkRadioGroup.ItemText>{option.label}</ArkRadioGroup.ItemText>\n          </ArkRadioGroup.Item>\n        ))}\n        {children}\n      </ArkRadioGroup.Root>\n    );\n  }\n);\n","import {\n  forwardRef,\n  type ComponentProps,\n  type ButtonHTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { Dialog as ArkDialog } from \"@ark-ui/react/dialog\";\nimport { Tooltip as ArkTooltip } from \"@ark-ui/react/tooltip\";\nimport { Portal } from \"@ark-ui/react/portal\";\nimport { classes } from \"./controls\";\nexport interface DialogFrameParts {\n  title: ReactNode;\n  description: ReactNode;\n  children: ReactNode;\n  actions: ReactNode;\n}\nexport interface DialogProps\n  extends Omit<\n    ComponentProps<typeof ArkDialog.Root>,\n    \"children\" | \"onOpenChange\"\n  > {\n  title: ReactNode;\n  description?: ReactNode;\n  children: ReactNode;\n  actions?: ReactNode;\n  onOpenChange?: (open: boolean) => void;\n  closeOnOutside?: boolean;\n  portal?: boolean;\n  className?: string;\n  overlayClassName?: string;\n  contentProps?: ComponentProps<typeof ArkDialog.Content>;\n  initialFocus?: () => HTMLElement | null | undefined;\n  finalFocus?: () => HTMLElement | null | undefined;\n  frame?: (parts: DialogFrameParts) => ReactNode;\n  unstyled?: boolean;\n}\nexport const Dialog = forwardRef<HTMLDivElement, DialogProps>(function Dialog(\n  {\n    title,\n    description,\n    children,\n    actions,\n    onOpenChange,\n    closeOnOutside,\n    portal = true,\n    className,\n    overlayClassName,\n    contentProps,\n    initialFocus,\n    finalFocus,\n    frame,\n    unstyled,\n    ...rest\n  },\n  ref\n) {\n  const parts: DialogFrameParts = {\n    title: (\n      <ArkDialog.Title className={unstyled ? undefined : \"dds-dialog__title\"}>\n        {title}\n      </ArkDialog.Title>\n    ),\n    description: description && (\n      <ArkDialog.Description\n        className={unstyled ? undefined : \"dds-dialog__body\"}\n      >\n        {description}\n      </ArkDialog.Description>\n    ),\n    children,\n    actions: actions && (\n      <div className={unstyled ? undefined : \"dds-dialog__actions\"}>\n        {actions}\n      </div>\n    ),\n  };\n  const content = (\n    <ArkDialog.Positioner\n      className={classes(!unstyled && \"dds-dialog-overlay\", overlayClassName)}\n    >\n      <ArkDialog.Content\n        {...contentProps}\n        ref={ref}\n        aria-describedby={\n          description ? contentProps?.[\"aria-describedby\"] : undefined\n        }\n        className={classes(\n          !unstyled && \"dds-dialog\",\n          className,\n          contentProps?.className\n        )}\n      >\n        {frame ? (\n          frame(parts)\n        ) : (\n          <>\n            {parts.title}\n            {parts.description}\n            {children}\n            {parts.actions}\n          </>\n        )}\n      </ArkDialog.Content>\n    </ArkDialog.Positioner>\n  );\n  return (\n    <ArkDialog.Root\n      {...rest}\n      onOpenChange={(details) => onOpenChange?.(details.open)}\n      closeOnInteractOutside={closeOnOutside ?? rest.closeOnInteractOutside}\n      initialFocusEl={\n        initialFocus ? () => initialFocus() ?? null : rest.initialFocusEl\n      }\n      finalFocusEl={finalFocus ? () => finalFocus() ?? null : rest.finalFocusEl}\n      lazyMount\n      unmountOnExit\n    >\n      {portal ? <Portal>{content}</Portal> : content}\n    </ArkDialog.Root>\n  );\n});\nexport type TooltipTriggerProps = ButtonHTMLAttributes<HTMLButtonElement>;\nexport interface TooltipProps\n  extends Omit<\n    ComponentProps<typeof ArkTooltip.Root>,\n    \"children\" | \"onOpenChange\"\n  > {\n  content: ReactNode;\n  children: ReactNode | ((props: TooltipTriggerProps) => ReactNode);\n  onOpenChange?: (open: boolean) => void;\n  className?: string;\n  contentProps?: ComponentProps<typeof ArkTooltip.Content>;\n}\nexport function Tooltip({\n  content,\n  children,\n  onOpenChange,\n  className,\n  contentProps,\n  ...rest\n}: TooltipProps) {\n  return (\n    <ArkTooltip.Root\n      openDelay={0}\n      closeDelay={0}\n      {...rest}\n      onOpenChange={(details) => onOpenChange?.(details.open)}\n    >\n      <span className={classes(\"dds-tooltip\", className)}>\n        {typeof children === \"function\" ? (\n          <ArkTooltip.Context>\n            {(api) => children(api.getTriggerProps())}\n          </ArkTooltip.Context>\n        ) : (\n          <ArkTooltip.Trigger asChild>{children}</ArkTooltip.Trigger>\n        )}\n        <Portal>\n          <ArkTooltip.Positioner>\n            <ArkTooltip.Content\n              {...contentProps}\n              className={classes(\n                \"dds-tooltip__bubble\",\n                contentProps?.className\n              )}\n            >\n              {content}\n            </ArkTooltip.Content>\n          </ArkTooltip.Positioner>\n        </Portal>\n      </span>\n    </ArkTooltip.Root>\n  );\n}\n","import { forwardRef, type SVGProps } from \"react\";\nimport { icons, directionPolicy, type DdsIconName } from \"@devslab/dds-icons\";\nimport { classes } from \"./controls\";\nexport interface IconProps\n  extends Omit<SVGProps<SVGSVGElement>, \"name\" | \"children\"> {\n  name: DdsIconName;\n  label?: string;\n  size?: number | string;\n  directional?: boolean;\n}\nexport const Icon = forwardRef<SVGSVGElement, IconProps>(function Icon(\n  { name, label, size = 24, directional, className, ...rest },\n  ref\n) {\n  const icon = icons[name];\n  return (\n    <svg\n      {...rest}\n      ref={ref}\n      viewBox={icon.viewBox}\n      width={size}\n      height={size}\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={icon.strokeWidth}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      role={label ? \"img\" : undefined}\n      aria-label={label}\n      aria-hidden={label ? undefined : true}\n      className={classes(\n        (directional ?? directionPolicy.mirrorInRtl.includes(name)) &&\n          directionPolicy.cssClass,\n        className\n      )}\n    >\n      {label && <title>{label}</title>}\n      <g dangerouslySetInnerHTML={{ __html: icon.body }} />\n    </svg>\n  );\n});\n","import {\n  createContext,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  type ReactNode,\n} from \"react\";\nimport { Toast as ArkToast, Toaster, createToaster } from \"@ark-ui/react/toast\";\nimport { classes } from \"./controls\";\nexport type ToastTone = \"success\" | \"warning\" | \"danger\" | \"info\";\nexport interface ToastInput {\n  message: ReactNode;\n  tone?: ToastTone;\n  duration?: number;\n}\nexport interface ToastRecord extends ToastInput {\n  id: string;\n}\nexport interface ToastApi {\n  show: (toast: ToastInput) => string;\n  dismiss: (id: string) => void;\n  clear: () => void;\n}\nexport interface ToastProviderProps {\n  children: ReactNode;\n  defaultDuration?: number;\n  dismissLabel?: string | ((toast: ToastRecord) => string);\n  regionLabel?: string;\n  className?: string;\n}\nconst ToastContext = createContext<ToastApi | null>(null);\nexport function ToastProvider({\n  children,\n  defaultDuration = 5000,\n  dismissLabel,\n  regionLabel,\n  className,\n}: ToastProviderProps) {\n  const prefix = useId();\n  const sequence = useRef(0);\n  const toaster = useMemo(\n    () =>\n      createToaster({\n        placement: \"bottom-end\",\n        overlap: false,\n        gap: 8,\n        offsets: \"var(--dds-space-16)\",\n        removeDelay: 0,\n        hotkey: [\"DDS_NO_HOTKEY\"],\n      }),\n    []\n  );\n  const api = useMemo<ToastApi>(() => {\n    return {\n      show(input) {\n        const id = `dds-toast-${prefix}-${++sequence.current}`;\n        const duration = input.duration ?? defaultDuration;\n        toaster.create({\n          id,\n          description: input.message,\n          type: input.tone === \"danger\" ? \"error\" : input.tone ?? \"info\",\n          duration: duration > 0 ? duration : Infinity,\n          meta: { dds: { ...input, id } },\n        });\n        return id;\n      },\n      dismiss: (id) => toaster.remove(id),\n      clear: () => toaster.remove(),\n    };\n  }, [toaster, prefix, defaultDuration]);\n  useEffect(() => () => toaster.remove(), [toaster]);\n  return (\n    <ToastContext.Provider value={api}>\n      {children}\n      <Toaster\n        toaster={toaster}\n        label={regionLabel ?? \"\"}\n        aria-label={regionLabel ?? \"\"}\n        role={regionLabel ? \"region\" : \"presentation\"}\n        className={classes(\"dds-toast-region\", className)}\n      >\n        {(toast) => {\n          const record = toast.meta?.dds as ToastRecord;\n          return (\n            <ArkToast.Root\n              className={classes(\n                \"dds-toast\",\n                `dds-toast--${record.tone ?? \"info\"}`\n              )}\n              role={record.tone === \"danger\" ? \"alert\" : \"status\"}\n            >\n              <ArkToast.Description>{toast.description}</ArkToast.Description>\n              {dismissLabel && (\n                <ArkToast.CloseTrigger\n                  className=\"dds-iconbtn dds-iconbtn--sm\"\n                  aria-label={\n                    typeof dismissLabel === \"function\"\n                      ? dismissLabel(record)\n                      : dismissLabel\n                  }\n                >\n                  ×\n                </ArkToast.CloseTrigger>\n              )}\n            </ArkToast.Root>\n          );\n        }}\n      </Toaster>\n    </ToastContext.Provider>\n  );\n}\nexport function useToast(): ToastApi {\n  const api = useContext(ToastContext);\n  if (!api) throw new Error(\"useToast must be called inside <ToastProvider>\");\n  return api;\n}\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { classes } from \"./controls\";\nexport interface LayoutProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  \"children\"\n> {\n  navigationPosition?: \"left\" | \"top\";\n  contentWidth?: \"workspace\" | \"form\" | \"settings\" | \"full\";\n  labels: { skip: string; menuOpen: string; menuClose: string };\n  header?: ReactNode;\n  navigation?: ReactNode;\n  railStart?: ReactNode;\n  railEnd?: ReactNode;\n  footer?: ReactNode;\n  children: ReactNode;\n  surface?: string;\n}\nexport const Layout = forwardRef<HTMLDivElement, LayoutProps>(function Layout(\n  {\n    navigationPosition = \"left\",\n    contentWidth = \"workspace\",\n    labels,\n    header,\n    navigation,\n    railStart,\n    railEnd,\n    footer,\n    children,\n    surface,\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const id = useId(),\n    railId = `dds-console-rail-${id}`,\n    mainId = `dds-console-main-${id}`;\n  const [open, setOpen] = useState(false),\n    [hydrated, setHydrated] = useState(false);\n  const toggle = useRef<HTMLButtonElement>(null),\n    rail = useRef<HTMLElement>(null);\n  function close() {\n    setOpen(false);\n    toggle.current?.focus();\n  }\n  useEffect(() => {\n    setHydrated(true);\n    if (typeof window.matchMedia !== \"function\") return;\n    const media = window.matchMedia(\"(max-width: 56.25rem)\");\n    const resize = () => {\n      if (!media.matches) setOpen(false);\n    };\n    media.addEventListener(\"change\", resize);\n    return () => media.removeEventListener(\"change\", resize);\n  }, []);\n  useEffect(() => {\n    if (!open) return;\n    const focusable = () =>\n      [\n        toggle.current,\n        ...Array.from(\n          rail.current?.querySelectorAll<HTMLElement>(\n            'a[href],button,summary,input,select,textarea,[tabindex=\"0\"]',\n          ) ?? [],\n        ),\n      ].filter(\n        (el): el is HTMLElement =>\n          !!el &&\n          !el.closest(\"[hidden]\") &&\n          el.getClientRects().length > 0 &&\n          getComputedStyle(el).visibility !== \"hidden\" &&\n          !Array.from(\n            rail.current?.querySelectorAll(\"details:not([open])\") ?? [],\n          ).some(\n            (details) =>\n              details.contains(el) &&\n              !details.querySelector(\"summary\")?.contains(el),\n          ) &&\n          !el.hasAttribute(\"disabled\"),\n      );\n    focusable()[1]?.focus();\n    function key(event: KeyboardEvent) {\n      if (event.key === \"Escape\") {\n        event.preventDefault();\n        close();\n      }\n      if (event.key === \"Tab\") {\n        const items = focusable(),\n          first = items[0],\n          last = items.at(-1);\n        if (event.shiftKey && document.activeElement === first) {\n          event.preventDefault();\n          last?.focus();\n        } else if (!event.shiftKey && document.activeElement === last) {\n          event.preventDefault();\n          first?.focus();\n        }\n      }\n    }\n    document.addEventListener(\"keydown\", key);\n    return () => {\n      document.removeEventListener(\"keydown\", key);\n    };\n  }, [open]);\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={classes(\"dds-console-shell dds-layout\", className)}\n      data-navigation-position={navigationPosition}\n      data-surface={surface}\n      data-hydrated={hydrated ? \"true\" : undefined}\n    >\n      <a className=\"dds-console-skip dds-visually-hidden\" href={`#${mainId}`}>\n        {labels.skip}\n      </a>\n      <button\n        ref={toggle}\n        className=\"dds-console-rail__toggle\"\n        type=\"button\"\n        data-action=\"toggle-rail\"\n        aria-controls={railId}\n        aria-expanded={open}\n        onClick={() => (open ? close() : setOpen(true))}\n      >\n        <span aria-hidden />\n        <span className=\"dds-visually-hidden\">\n          {open ? labels.menuClose : labels.menuOpen}\n        </span>\n      </button>\n      <div\n        className=\"dds-console-rail__scrim\"\n        data-open={String(open)}\n        onClick={close}\n      />\n      <aside\n        ref={rail}\n        id={railId}\n        className=\"dds-console-rail dds-layout__navigation\"\n        data-open={String(open)}\n        onClick={(event) => {\n          if (\n            open &&\n            event.target instanceof Element &&\n            event.target.closest(\"a[href]\")\n          )\n            close();\n        }}\n      >\n        {railStart}\n        {navigation}\n        {railEnd}\n      </aside>\n      <main\n        id={mainId}\n        className=\"dds-console-main dds-layout__main\"\n        tabIndex={-1}\n      >\n        <div className=\"dds-layout__content\" data-width={contentWidth}>\n          {header != null && (\n            <header className=\"dds-layout__header\">{header}</header>\n          )}\n          {children}\n          {footer != null && (\n            <footer className=\"dds-layout__footer\">{footer}</footer>\n          )}\n        </div>\n      </main>\n    </div>\n  );\n});\n","import { useId, useState, type ReactNode } from \"react\";\nexport interface ConsoleNavItem {\n  id: string;\n  href: string;\n  label: string;\n  /** Decorative icon; the label supplies the accessible name. */\n  icon?: ReactNode;\n  badge?: number;\n  active?: boolean;\n}\nexport interface ConsoleNavGroup {\n  /** Stable key for expansion state. Falls back to the group index. */\n  id?: string;\n  /** Opt in to a disclosure button; legacy groups remain expanded. */\n  collapsible?: boolean;\n  label: string;\n  items: readonly ConsoleNavItem[];\n}\nexport interface LeftNavProps {\n  surface: string;\n  activePath: string;\n  nav: readonly ConsoleNavGroup[];\n  labels: { nav: string; badge: string };\n  expandedGroups?: readonly string[];\n  defaultExpandedGroups?: readonly string[];\n  onExpandedGroupsChange?: (groupIds: string[]) => void;\n  onNavigate?: () => void;\n}\nfunction isActive(path: string, item: ConsoleNavItem) {\n  return (\n    item.active ??\n    (item.href.split(\"/\").filter(Boolean).length <= 1\n      ? path === item.href\n      : path === item.href || path.startsWith(`${item.href}/`))\n  );\n}\nexport function LeftNav({\n  surface,\n  activePath,\n  nav,\n  labels,\n  expandedGroups,\n  defaultExpandedGroups,\n  onExpandedGroupsChange,\n  onNavigate,\n}: LeftNavProps) {\n  const id = useId();\n  const [internalExpandedGroups, setInternalExpandedGroups] = useState<\n    readonly string[]\n  >(\n    () =>\n      defaultExpandedGroups ??\n      nav.flatMap((group, index) =>\n        group.collapsible &&\n        group.items.some((item) => isActive(activePath, item))\n          ? [group.id ?? `group-${index}`]\n          : [],\n      ),\n  );\n  const expanded = expandedGroups ?? internalExpandedGroups;\n  function toggleGroup(groupId: string) {\n    const next = expanded.includes(groupId)\n      ? expanded.filter((value) => value !== groupId)\n      : [...expanded, groupId];\n    if (expandedGroups === undefined) setInternalExpandedGroups(next);\n    onExpandedGroupsChange?.(next);\n  }\n  return (\n    <nav className=\"dds-console-rail__nav dds-left-nav\" aria-label={labels.nav}>\n      {nav.map((group, index) => (\n        <section\n          key={group.id ?? index}\n          data-collapsible={group.collapsible ? \"true\" : undefined}\n          className=\"dds-console-rail__group\"\n          aria-labelledby={`${id}-group-${index}`}\n        >\n          <h2\n            id={`${id}-group-${index}`}\n            className=\"dds-console-rail__group-label\"\n          >\n            {group.collapsible ? (\n              <button\n                type=\"button\"\n                className=\"dds-console-rail__group-toggle\"\n                aria-expanded={expanded.includes(group.id ?? `group-${index}`)}\n                aria-controls={`${id}-group-items-${index}`}\n                onClick={() => toggleGroup(group.id ?? `group-${index}`)}\n              >\n                <span>{group.label}</span>\n                <span\n                  className=\"dds-console-rail__chevron\"\n                  aria-hidden=\"true\"\n                />\n              </button>\n            ) : (\n              group.label\n            )}\n          </h2>\n          <ul\n            id={`${id}-group-items-${index}`}\n            hidden={\n              group.collapsible &&\n              !expanded.includes(group.id ?? `group-${index}`)\n            }\n          >\n            {group.items.map((item) => (\n              <li key={item.id}>\n                <a\n                  className=\"dds-console-rail__item\"\n                  data-nav={`${surface}.${item.id}`}\n                  href={item.href}\n                  aria-current={isActive(activePath, item) ? \"page\" : undefined}\n                  onClick={onNavigate}\n                >\n                  {item.icon != null ? (\n                    <span className=\"dds-console-rail__item-content\">\n                      <span\n                        className=\"dds-console-rail__item-icon\"\n                        aria-hidden=\"true\"\n                      >\n                        {item.icon}\n                      </span>\n                      <span>{item.label}</span>\n                    </span>\n                  ) : (\n                    <span>{item.label}</span>\n                  )}\n                  {item.badge !== undefined && item.badge > 0 && (\n                    <span\n                      className=\"dds-console-rail__badge\"\n                      aria-label={labels.badge.replace(\"{count}\", () =>\n                        String(item.badge),\n                      )}\n                    >\n                      {item.badge}\n                    </span>\n                  )}\n                </a>\n              </li>\n            ))}\n          </ul>\n        </section>\n      ))}\n    </nav>\n  );\n}\n","import { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { Layout } from \"./layout\";\nimport { LeftNav, type ConsoleNavGroup } from \"./left-nav\";\nexport type { ConsoleNavItem, ConsoleNavGroup } from \"./left-nav\";\nexport interface ConsoleShellLabels {\n  skip: string;\n  menuOpen: string;\n  menuClose: string;\n  nav: string;\n  badge: string;\n}\nexport interface ConsoleHeader {\n  eyebrow?: string;\n  title: string;\n  actions?: ReactNode;\n}\nexport interface ConsoleShellProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  \"children\" | \"context\"\n> {\n  surface: string;\n  activePath: string;\n  brand: { href: string; name: string; mark: string };\n  context?: readonly { label: string; value: string }[];\n  nav?: readonly ConsoleNavGroup[];\n  /** Supply a standalone LeftNav or custom navigation. */\n  navigation?: ReactNode;\n  expandedGroups?: readonly string[];\n  defaultExpandedGroups?: readonly string[];\n  onExpandedGroupsChange?: (groupIds: string[]) => void;\n  labels: ConsoleShellLabels;\n  header: ConsoleHeader;\n  foot?: ReactNode;\n  children: ReactNode;\n}\nexport const ConsoleShell = forwardRef<HTMLDivElement, ConsoleShellProps>(\n  function ConsoleShell(\n    {\n      surface,\n      activePath,\n      brand,\n      context,\n      nav = [],\n      navigation,\n      expandedGroups,\n      defaultExpandedGroups,\n      onExpandedGroupsChange,\n      labels,\n      header,\n      foot,\n      children,\n      ...rest\n    },\n    ref,\n  ) {\n    return (\n      <Layout\n        {...rest}\n        ref={ref}\n        surface={surface}\n        labels={labels}\n        railStart={\n          <>\n            <a className=\"dds-console-rail__brand\" href={brand.href}>\n              <img src={brand.mark} alt=\"\" width={20} height={20} />\n              <strong>{brand.name}</strong>\n            </a>\n            {context && context.length > 0 && (\n              <dl className=\"dds-console-rail__context\">\n                {context.map((row, index) => (\n                  <div key={index}>\n                    <dt>{row.label}</dt>\n                    <dd>{row.value}</dd>\n                  </div>\n                ))}\n              </dl>\n            )}\n          </>\n        }\n        navigation={\n          navigation ?? (\n            <LeftNav\n              surface={surface}\n              activePath={activePath}\n              nav={nav}\n              labels={labels}\n              expandedGroups={expandedGroups}\n              defaultExpandedGroups={defaultExpandedGroups}\n              onExpandedGroupsChange={onExpandedGroupsChange}\n            />\n          )\n        }\n        railEnd={foot && <div className=\"dds-console-rail__foot\">{foot}</div>}\n        header={\n          <div className=\"dds-console-page-header\">\n            <div className=\"dds-console-page-header__text\">\n              {header.eyebrow && (\n                <p className=\"dds-console-page-eyebrow\">{header.eyebrow}</p>\n              )}\n              <h1>{header.title}</h1>\n            </div>\n            {header.actions && (\n              <div className=\"dds-console-page-header__actions\">\n                {header.actions}\n              </div>\n            )}\n          </div>\n        }\n      >\n        {children}\n      </Layout>\n    );\n  },\n);\n","import { useEffect, useRef } from \"react\";\nimport type { LeftNavProps } from \"./left-nav\";\nexport type TopNavProps = Pick<\n  LeftNavProps,\n  \"surface\" | \"activePath\" | \"nav\" | \"labels\" | \"onNavigate\"\n>;\nexport function TopNav({\n  surface,\n  activePath,\n  nav,\n  labels,\n  onNavigate,\n}: TopNavProps) {\n  const root = useRef<HTMLElement>(null);\n  useEffect(() => {\n    function outside(event: PointerEvent) {\n      if (!root.current?.contains(event.target as Node))\n        root.current\n          ?.querySelectorAll(\"details[open]\")\n          .forEach((el) => el.removeAttribute(\"open\"));\n    }\n    document.addEventListener(\"pointerdown\", outside);\n    return () => document.removeEventListener(\"pointerdown\", outside);\n  }, []);\n  return (\n    <nav\n      ref={root}\n      className=\"dds-top-nav\"\n      aria-label={labels.nav}\n      onKeyDown={(event) => {\n        if (event.key !== \"Escape\") return;\n        const details = (event.target as Element).closest(\"details\");\n        if (details?.open) {\n          event.preventDefault();\n          event.stopPropagation();\n          details.open = false;\n          details.querySelector(\"summary\")?.focus();\n        }\n      }}\n    >\n      {nav.map((group, index) => (\n        <details key={group.id ?? index} className=\"dds-top-nav__group\">\n          <summary className=\"dds-top-nav__trigger\">{group.label}</summary>\n          <ul className=\"dds-top-nav__items\">\n            {group.items.map((item) => (\n              <li key={item.id}>\n                <a\n                  className=\"dds-top-nav__item\"\n                  data-nav={`${surface}.${item.id}`}\n                  href={item.href}\n                  aria-current={\n                    (item.active ??\n                    (activePath === item.href ||\n                      (item.href.split(\"/\").filter(Boolean).length > 1 &&\n                        activePath.startsWith(`${item.href}/`))))\n                      ? \"page\"\n                      : undefined\n                  }\n                  onClick={(event) => {\n                    event.currentTarget\n                      .closest(\"details\")\n                      ?.removeAttribute(\"open\");\n                    onNavigate?.();\n                  }}\n                >\n                  {item.icon != null && (\n                    <span className=\"dds-top-nav__item-icon\" aria-hidden=\"true\">\n                      {item.icon}\n                    </span>\n                  )}\n                  <span>{item.label}</span>\n                  {item.badge != null && item.badge > 0 && (\n                    <span\n                      className=\"dds-console-rail__badge\"\n                      aria-label={labels.badge.replace(\"{count}\", () =>\n                        String(item.badge),\n                      )}\n                    >\n                      {item.badge}\n                    </span>\n                  )}\n                </a>\n              </li>\n            ))}\n          </ul>\n        </details>\n      ))}\n    </nav>\n  );\n}\n","export type StatusTone = \"success\" | \"warning\" | \"danger\" | \"info\" | \"brand\" | \"neutral\";\nexport function createStatusPill<D extends string>(config:{\n tones:Record<D,Record<string,StatusTone>>;\n label:(domain:D,value:string,locale:string)=>string|undefined;\n openDomains?:readonly NoInfer<D>[];\n}){\n const open=new Set<string>(config.openDomains??[]);\n return function StatusPill(props:{domain:D;value:string;locale:string}){\n  const tone=config.tones[props.domain]?.[props.value];\n  const label=config.label(props.domain,props.value,props.locale);\n  if(!tone||!label){\n   if(open.has(props.domain))return <code data-status={`${props.domain}.${props.value}`}>{props.value}</code>;\n   throw new Error(!tone?`StatusPill: no tone for ${props.domain}.${props.value}`:`StatusPill: no label for ${props.domain}.${props.value}`);\n  }\n  return <span className={tone==='neutral'?'dds-badge':`dds-badge dds-badge--${tone}`} data-status={`${props.domain}.${props.value}`} data-tone={tone}>{label}</span>;\n };\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\n/** Options for one `run` call. */\nexport interface PendingActionRunOptions {\n  /**\n   * Start even while another action runs: that one is aborted and this one takes its place, so the\n   * latest request wins (a list reload after typing, paging or sorting). Without it a second start\n   * while one runs is ignored, which is what a button wants.\n   */\n  replace?: boolean;\n}\n\n/**\n * Which of a screen's actions is running. A screen with several buttons gives each one its own\n * key, so only the button that started the work shows progress, while every other control can\n * still be locked through `busy`. One shared flag for all the buttons spins every one of them.\n * The same contract as `createPendingAction` in `@devslab/dds-solid`, with values for accessors.\n */\nexport interface PendingAction<K extends string = string> {\n  /** The key of the action now running, or null. */\n  readonly current: K | null;\n  /** True while any action runs: lock the other controls with it. */\n  readonly busy: boolean;\n  /** True while `key` is the running action: give that control its progress state. */\n  is(key: K): boolean;\n  /**\n   * Runs `task` as `key` and clears the state when it settles, whether it resolves or throws (the\n   * error reaches the caller). While another action runs it does nothing and resolves to undefined,\n   * unless `replace` is set. The task receives a signal that aborts when this run stops counting:\n   * `reset()`, a run that replaced it, or the component unmounting. Check `signal.aborted` after\n   * each await before touching state, or pass the signal to `fetch`.\n   */\n  run<T>(key: K, task: (signal: AbortSignal) => T | Promise<T>, options?: PendingActionRunOptions): Promise<T | undefined>;\n  /** Stops tracking the running action and aborts its signal, for example when the screen's data was replaced. */\n  reset(): void;\n}\n\n/** Tracks the running action of a component. */\nexport function usePendingAction<K extends string = string>(): PendingAction<K> {\n  const [current, setCurrent] = useState<K | null>(null);\n  // State lands on the next render; the ref answers a second click in the same event loop turn.\n  const active = useRef<AbortController | null>(null);\n  useEffect(() => () => {\n    active.current?.abort();\n    active.current = null;\n  }, []);\n  const run = useCallback(async <T,>(\n    key: K,\n    task: (signal: AbortSignal) => T | Promise<T>,\n    options?: PendingActionRunOptions,\n  ): Promise<T | undefined> => {\n    if (active.current && !options?.replace) return undefined;\n    active.current?.abort();\n    const controller = new AbortController();\n    active.current = controller;\n    setCurrent(key);\n    try {\n      return await task(controller.signal);\n    } finally {\n      if (active.current === controller) {\n        active.current = null;\n        setCurrent(null);\n      }\n    }\n  }, []);\n  const reset = useCallback(() => {\n    active.current?.abort();\n    active.current = null;\n    setCurrent(null);\n  }, []);\n  return useMemo(() => ({\n    current,\n    busy: current !== null,\n    is: (key: K) => current === key,\n    run,\n    reset,\n  }), [current, run, reset]);\n}\n"],"mappings":"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"}

package/dist/layout.d.ts

@@ -0,0 +1,19 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+export interface LayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    navigationPosition?: "left" | "top";
+    contentWidth?: "workspace" | "form" | "settings" | "full";
+    labels: {
+        skip: string;
+        menuOpen: string;
+        menuClose: string;
+    };
+    header?: ReactNode;
+    navigation?: ReactNode;
+    railStart?: ReactNode;
+    railEnd?: ReactNode;
+    footer?: ReactNode;
+    children: ReactNode;
+    surface?: string;
+}
+export declare const Layout: import("react").ForwardRefExoticComponent<LayoutProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=layout.d.ts.map

package/dist/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../src/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,kBAAkB,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACpC,YAAY,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;IAC1D,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AACD,eAAO,MAAM,MAAM,wGAyJjB,CAAC"}

package/dist/left-nav.d.ts

@@ -0,0 +1,33 @@
+import { type ReactNode } from "react";
+export interface ConsoleNavItem {
+    id: string;
+    href: string;
+    label: string;
+    /** Decorative icon; the label supplies the accessible name. */
+    icon?: ReactNode;
+    badge?: number;
+    active?: boolean;
+}
+export interface ConsoleNavGroup {
+    /** Stable key for expansion state. Falls back to the group index. */
+    id?: string;
+    /** Opt in to a disclosure button; legacy groups remain expanded. */
+    collapsible?: boolean;
+    label: string;
+    items: readonly ConsoleNavItem[];
+}
+export interface LeftNavProps {
+    surface: string;
+    activePath: string;
+    nav: readonly ConsoleNavGroup[];
+    labels: {
+        nav: string;
+        badge: string;
+    };
+    expandedGroups?: readonly string[];
+    defaultExpandedGroups?: readonly string[];
+    onExpandedGroupsChange?: (groupIds: string[]) => void;
+    onNavigate?: () => void;
+}
+export declare function LeftNav({ surface, activePath, nav, labels, expandedGroups, defaultExpandedGroups, onExpandedGroupsChange, onNavigate, }: LeftNavProps): import("react").JSX.Element;
+//# sourceMappingURL=left-nav.d.ts.map

package/dist/left-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"left-nav.d.ts","sourceRoot":"","sources":["../src/left-nav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACxD,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,MAAM,WAAW,eAAe;IAC9B,qEAAqE;IACrE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;CAClC;AACD,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,SAAS,eAAe,EAAE,CAAC;IAChC,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,cAAc,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACnC,qBAAqB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1C,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AASD,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,UAAU,EACV,GAAG,EACH,MAAM,EACN,cAAc,EACd,qBAAqB,EACrB,sBAAsB,EACtB,UAAU,GACX,EAAE,YAAY,+BAoGd"}

package/dist/top-nav.d.ts

@@ -0,0 +1,4 @@
+import type { LeftNavProps } from "./left-nav";
+export type TopNavProps = Pick<LeftNavProps, "surface" | "activePath" | "nav" | "labels" | "onNavigate">;
+export declare function TopNav({ surface, activePath, nav, labels, onNavigate, }: TopNavProps): import("react").JSX.Element;
+//# sourceMappingURL=top-nav.d.ts.map

package/dist/top-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-nav.d.ts","sourceRoot":"","sources":["../src/top-nav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,YAAY,EACZ,SAAS,GAAG,YAAY,GAAG,KAAK,GAAG,QAAQ,GAAG,YAAY,CAC3D,CAAC;AACF,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,UAAU,EACV,GAAG,EACH,MAAM,EACN,UAAU,GACX,EAAE,WAAW,+BA6Eb"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devslab/dds-react",
-  "version": "0.28.0",
+  "version": "0.29.0",
   "description": "Accessible React primitives for the DevsLab Design System",
   "type": "module",
   "license": "SEE LICENSE IN LICENSE",
@@ -99,9 +99,9 @@
   },
   "dependencies": {
     "@ark-ui/react": "5.39.3",
-    "@devslab/dds-css": "0.28.0",
-    "@devslab/dds-icons": "0.28.0",
-    "@devslab/dds-tokens": "0.28.0",
+    "@devslab/dds-css": "0.29.0",
+    "@devslab/dds-icons": "0.29.0",
+    "@devslab/dds-tokens": "0.29.0",
     "@tanstack/react-virtual": "3.14.21"
   },
   "peerDependencies": {