@lar-works/design-system 0.2.1 → 0.3.0

package/dist/forms/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["Select","NinnaSelect","SelectItem","NinnaSelectItem"],"sources":["../../src/forms/Select.tsx"],"sourcesContent":["import {\n    Select as NinnaSelect,\n    SelectItem as NinnaSelectItem,\n    type SelectItemProps,\n    type SelectProps as NinnaSelectProps,\n} from '@ninna-ui/forms';\nimport { forwardRef } from 'react';\n\nimport { tabbable } from '../foundations/KeyboardFocus';\nimport { formControlClasses, formControlDefaults } from './FormControlStyles';\n\nexport type SelectProps = Omit<NinnaSelectProps, 'fullWidth'>;\n\nexport const Select = forwardRef<HTMLButtonElement, SelectProps>(\n    ({ size = formControlDefaults.size, variant = formControlDefaults.variant, className, ...props }, ref) => (\n        <NinnaSelect\n            ref={ref}\n            color={formControlDefaults.color}\n            {...tabbable}\n            {...props}\n            fullWidth\n            size={size}\n            variant={variant}\n            className={`${variant === 'filled' ? formControlClasses : ''} [&>span:first-child]:truncate ${className ?? ''}`}\n        />\n    ),\n);\n\nSelect.displayName = 'Select';\n\nexport const SelectItem = forwardRef<HTMLDivElement, SelectItemProps>(({ icon, children, ...props }, ref) => (\n    <NinnaSelectItem ref={ref} {...props}>\n        {icon ? (\n            <span className=\"inline-flex min-w-0 items-center gap-2 align-middle\">\n                <span aria-hidden=\"true\" className=\"size-4 shrink-0 [&>svg]:size-full\">\n                    {icon}\n                </span>\n                <span className=\"truncate\">{children}</span>\n            </span>\n        ) : (\n            children\n        )}\n    </NinnaSelectItem>\n));\n\nSelectItem.displayName = 'SelectItem';\n"],"mappings":";;;;;;AAaA,MAAaA,WAAS,YACjB,EAAE,OAAO,oBAAoB,MAAM,UAAU,oBAAoB,SAAS,WAAW,GAAG,SAAS,QAC9F,oBAACC,QAAD;CACS;CACL,OAAO,oBAAoB;CAC3B,GAAI;CACJ,GAAI;CACJ,WAAA;CACM;CACG;CACT,WAAW,GAAG,YAAY,WAAW,qBAAqB,GAAG,iCAAiC,aAAa;AAC9G,CAAA,CAET;AAEA,SAAO,cAAc;AAErB,MAAaC,eAAa,YAA6C,EAAE,MAAM,UAAU,GAAG,SAAS,QACjG,oBAACC,YAAD;CAAsB;CAAK,GAAI;CAC1B,UAAA,OACG,qBAAC,QAAD;EAAM,WAAU;EAAhB,UAAA,CACI,oBAAC,QAAD;GAAM,eAAY;GAAO,WAAU;GAC9B,UAAA;EACC,CAAA,GACN,oBAAC,QAAD;GAAM,WAAU;GAAY;EAAe,CAAA,CACzC;CAEN,CAAA,IAAA;AAES,CAAA,CACpB;AAED,aAAW,cAAc"}
+{"version":3,"file":"Select.js","names":["Select","NinnaSelect","SelectItem","NinnaSelectItem"],"sources":["../../src/forms/Select.tsx"],"sourcesContent":["import {\n    Select as NinnaSelect,\n    SelectItem as NinnaSelectItem,\n    type SelectItemProps,\n    type SelectProps as NinnaSelectProps,\n} from '@ninna-ui/forms';\nimport { forwardRef } from 'react';\n\nimport { tabbable } from '../foundations/KeyboardFocus';\nimport { formControlClasses, formControlDefaults } from './FormControlStyles';\n\nexport type SelectProps = Omit<NinnaSelectProps, 'fullWidth'>;\n\nexport const Select = forwardRef<HTMLButtonElement, SelectProps>(\n    ({ size = formControlDefaults.size, variant = formControlDefaults.variant, className, ...props }, ref) => (\n        <NinnaSelect\n            ref={ref}\n            color={formControlDefaults.color}\n            {...tabbable}\n            {...props}\n            fullWidth\n            size={size}\n            variant={variant}\n            className={`${variant === 'filled' ? formControlClasses : ''} [&>span:first-child]:truncate ${className ?? ''}`}\n        />\n    ),\n);\n\nSelect.displayName = 'Select';\n\n/** An option of the Select; its `icon` takes `iconHue`, a lar-brand app hue at full strength, when given. */\nexport const SelectItem = forwardRef<HTMLDivElement, SelectItemProps & { iconHue?: number | undefined }>(\n    ({ icon, iconHue, children, ...props }, ref) => (\n        <NinnaSelectItem ref={ref} {...props}>\n            {icon ? (\n                <span className=\"inline-flex min-w-0 items-center gap-2 align-middle\">\n                    <span\n                        aria-hidden=\"true\"\n                        className=\"size-4 shrink-0 [&>svg]:size-full\"\n                        style={iconHue === undefined ? undefined : { color: `oklch(0.62 0.15 ${iconHue})` }}\n                    >\n                        {icon}\n                    </span>\n                    <span className=\"truncate\">{children}</span>\n                </span>\n            ) : (\n                children\n            )}\n        </NinnaSelectItem>\n    ),\n);\n\nSelectItem.displayName = 'SelectItem';\n"],"mappings":";;;;;;AAaA,MAAaA,WAAS,YACjB,EAAE,OAAO,oBAAoB,MAAM,UAAU,oBAAoB,SAAS,WAAW,GAAG,SAAS,QAC9F,oBAACC,QAAD;CACS;CACL,OAAO,oBAAoB;CAC3B,GAAI;CACJ,GAAI;CACJ,WAAA;CACM;CACG;CACT,WAAW,GAAG,YAAY,WAAW,qBAAqB,GAAG,iCAAiC,aAAa;AAC9G,CAAA,CAET;AAEA,SAAO,cAAc;;AAGrB,MAAaC,eAAa,YACrB,EAAE,MAAM,SAAS,UAAU,GAAG,SAAS,QACpC,oBAACC,YAAD;CAAsB;CAAK,GAAI;CAC1B,UAAA,OACG,qBAAC,QAAD;EAAM,WAAU;EAAhB,UAAA,CACI,oBAAC,QAAD;GACI,eAAY;GACZ,WAAU;GACV,OAAO,YAAY,KAAA,IAAY,KAAA,IAAY,EAAE,OAAO,mBAAmB,QAAQ,GAAG;GAEjF,UAAA;EACC,CAAA,GACN,oBAAC,QAAD;GAAM,WAAU;GAAY;EAAe,CAAA,CACzC;CAEN,CAAA,IAAA;AAES,CAAA,CAEzB;AAEA,aAAW,cAAc"}

package/dist/forms/Switch.d.ts

@@ -1,4 +1,7 @@
 import { SwitchProps } from "@ninna-ui/forms";
-declare const Switch$1: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const Switch$1: import("react").ForwardRefExoticComponent<SwitchProps & {
+  /** Busy rather than disabled while a change it started saves: it keeps the focus and ignores presses. */
+  busy?: boolean;
+} & import("react").RefAttributes<HTMLButtonElement>>;
 export { Switch$1 as Switch };
 //# sourceMappingURL=Switch.d.ts.map

package/dist/forms/Switch.js

@@ -3,12 +3,15 @@ import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Switch } from "@ninna-ui/forms";
 // src/forms/Switch.tsx
-const Switch$1 = forwardRef((props, ref) => /* @__PURE__ */ jsx(Switch, {
+const Switch$1 = forwardRef(({ busy = false, onCheckedChange, ...props }, ref) => /* @__PURE__ */ jsx(Switch, {
 	ref,
 	...tabbable,
 	size: "sm",
 	"aria-busy": props.loading || void 0,
-	...props
+	...props,
+	...busy && { "aria-disabled": true },
+	className: `aria-disabled:cursor-progress ${props.className ?? ""}`,
+	onCheckedChange: (checked) => !busy && onCheckedChange?.(checked)
 }));
 Switch$1.displayName = "Switch";
 export { Switch$1 as Switch };

package/dist/forms/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["Switch","NinnaSwitch"],"sources":["../../src/forms/Switch.tsx"],"sourcesContent":["import { Switch as NinnaSwitch, type SwitchProps } from '@ninna-ui/forms';\nimport { forwardRef } from 'react';\n\nimport { tabbable } from '../foundations/KeyboardFocus';\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>((props, ref) => (\n    <NinnaSwitch ref={ref} {...tabbable} size=\"sm\" aria-busy={props.loading || undefined} {...props} />\n));\n\nSwitch.displayName = 'Switch';\n"],"mappings":";;;;;AAKA,MAAaA,WAAS,YAA4C,OAAO,QACrE,oBAACC,QAAD;CAAkB;CAAK,GAAI;CAAU,MAAK;CAAK,aAAW,MAAM,WAAW,KAAA;CAAW,GAAI;AAAQ,CAAA,CACrG;AAED,SAAO,cAAc"}
+{"version":3,"file":"Switch.js","names":["Switch","NinnaSwitch"],"sources":["../../src/forms/Switch.tsx"],"sourcesContent":["import { Switch as NinnaSwitch, type SwitchProps } from '@ninna-ui/forms';\nimport { forwardRef } from 'react';\n\nimport { tabbable } from '../foundations/KeyboardFocus';\n\ntype Props = SwitchProps & {\n    /** Busy rather than disabled while a change it started saves: it keeps the focus and ignores presses. */\n    busy?: boolean;\n};\n\nexport const Switch = forwardRef<HTMLButtonElement, Props>(({ busy = false, onCheckedChange, ...props }, ref) => (\n    <NinnaSwitch\n        ref={ref}\n        {...tabbable}\n        size=\"sm\"\n        aria-busy={props.loading || undefined}\n        {...props}\n        {...(busy && { 'aria-disabled': true })}\n        className={`aria-disabled:cursor-progress ${props.className ?? ''}`}\n        onCheckedChange={(checked) => !busy && onCheckedChange?.(checked)}\n    />\n));\n\nSwitch.displayName = 'Switch';\n"],"mappings":";;;;;AAUA,MAAaA,WAAS,YAAsC,EAAE,OAAO,OAAO,iBAAiB,GAAG,SAAS,QACrG,oBAACC,QAAD;CACS;CACL,GAAI;CACJ,MAAK;CACL,aAAW,MAAM,WAAW,KAAA;CAC5B,GAAI;CACJ,GAAK,QAAQ,EAAE,iBAAiB,KAAK;CACrC,WAAW,iCAAiC,MAAM,aAAa;CAC/D,kBAAkB,YAAY,CAAC,QAAQ,kBAAkB,OAAO;AACnE,CAAA,CACJ;AAED,SAAO,cAAc"}

package/dist/forms/TagInput.js

@@ -2,8 +2,8 @@ import { IconButton } from "../actions/IconButton.js";
 import { Badge } from "../display/Badge.js";
 import { Input } from "./Input.js";
 import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 // src/forms/TagInput.tsx
 /**
 * Values as removable tags, in order, and a field that adds one on Enter, a comma or a

package/dist/forms/index.d.ts

@@ -1,12 +1,16 @@
 import { Checkbox, CheckboxProps } from "./Checkbox.js";
+import { ColorSwatch, ColorSwatches } from "./ColorSwatches.js";
 import { Field, FieldProps } from "./Field.js";
-import { Disclosure, FormAction, FormContent, FormField, FormRow, FormSection, FormStack } from "./FormSection.js";
+import { Disclosure, FormAction, FormContent, FormField, FormFieldset, FormRow, FormSection, FormStack, FormUnit } from "./FormSection.js";
+import { HiddenField } from "./HiddenField.js";
 import { InlineFields } from "./InlineFields.js";
 import { Input, InputProps } from "./Input.js";
-import { OptionSelect } from "./OptionSelect.js";
+import { LabelChoice, LabelCreation, LabelPicker } from "./LabelPicker.js";
+import { MarkdownEditor } from "./MarkdownEditor.js";
+import { OptionSelect, OptionSelectOption } from "./OptionSelect.js";
 import { RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps } from "./RadioGroup.js";
 import { Select, SelectItem, SelectProps } from "./Select.js";
 import { Switch } from "./Switch.js";
 import { TagInput } from "./TagInput.js";
 import { Textarea } from "./Textarea.js";
-export { Checkbox, type CheckboxProps, Disclosure, Field, type FieldProps, FormAction, FormContent, FormField, FormRow, FormSection, FormStack, InlineFields, Input, type InputProps, OptionSelect, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, Select, SelectItem, type SelectProps, Switch, TagInput, Textarea };
+export { Checkbox, type CheckboxProps, type ColorSwatch, ColorSwatches, Disclosure, Field, type FieldProps, FormAction, FormContent, FormField, FormFieldset, FormRow, FormSection, FormStack, FormUnit, HiddenField, InlineFields, Input, type InputProps, type LabelChoice, type LabelCreation, LabelPicker, MarkdownEditor, OptionSelect, type OptionSelectOption, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, Select, SelectItem, type SelectProps, Switch, TagInput, Textarea };

package/dist/foundations/AmbientMotion.d.ts

@@ -0,0 +1,2 @@
+export declare function ambientMotion(element: Element | null): (() => void) | undefined;
+//# sourceMappingURL=AmbientMotion.d.ts.map

package/dist/foundations/AmbientMotion.js

@@ -0,0 +1,39 @@
+// src/foundations/AmbientMotion.ts
+const indicators = /* @__PURE__ */ new Map();
+let observer;
+function update(element, visible) {
+	element.setAttribute("data-ambient-motion", visible && !document.hidden ? "running" : "paused");
+}
+function visibilityChanged() {
+	for (const [element, visible] of indicators) update(element, visible);
+}
+function ambientMotion(element) {
+	if (!element) return;
+	if (!indicators.size) document.addEventListener("visibilitychange", visibilityChanged);
+	const visible = typeof IntersectionObserver === "undefined";
+	indicators.set(element, visible);
+	update(element, visible);
+	if (!visible) {
+		observer ??= new IntersectionObserver((entries) => {
+			for (const { target, isIntersecting } of entries) {
+				if (!indicators.has(target)) continue;
+				indicators.set(target, isIntersecting);
+				update(target, isIntersecting);
+			}
+		});
+		observer.observe(element);
+	}
+	return () => {
+		observer?.unobserve(element);
+		indicators.delete(element);
+		element.removeAttribute("data-ambient-motion");
+		if (!indicators.size) {
+			observer?.disconnect();
+			observer = void 0;
+			document.removeEventListener("visibilitychange", visibilityChanged);
+		}
+	};
+}
+export { ambientMotion };
+
+//# sourceMappingURL=AmbientMotion.js.map

package/dist/foundations/AmbientMotion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmbientMotion.js","names":[],"sources":["../../src/foundations/AmbientMotion.ts"],"sourcesContent":["// One observer for a page's repeating indicators (spinners, pulses, sweeps). Each keeps its phase while outside a\n// scroll viewport or while the window is hidden; resuming never changes the status or restarts the animation. Use it\n// as a ref callback: React 19 runs the returned cleanup when the ref detaches, including its StrictMode check.\n// theme.css pauses an element marked data-ambient-motion=\"paused\".\n\nconst indicators = new Map<Element, boolean>();\nlet observer: IntersectionObserver | undefined;\n\nfunction update(element: Element, visible: boolean): void {\n    element.setAttribute('data-ambient-motion', visible && !document.hidden ? 'running' : 'paused');\n}\n\nfunction visibilityChanged(): void {\n    for (const [element, visible] of indicators) update(element, visible);\n}\n\nexport function ambientMotion(element: Element | null): (() => void) | undefined {\n    if (!element) return;\n\n    if (!indicators.size) document.addEventListener('visibilitychange', visibilityChanged);\n\n    // Without IntersectionObserver, visibility changes still pause indicators in a hidden window.\n    const visible = typeof IntersectionObserver === 'undefined';\n\n    indicators.set(element, visible);\n    update(element, visible);\n\n    if (!visible) {\n        observer ??= new IntersectionObserver((entries) => {\n            for (const { target, isIntersecting } of entries) {\n                if (!indicators.has(target)) continue;\n\n                indicators.set(target, isIntersecting);\n                update(target, isIntersecting);\n            }\n        });\n        observer.observe(element);\n    }\n\n    return () => {\n        observer?.unobserve(element);\n        indicators.delete(element);\n        element.removeAttribute('data-ambient-motion');\n\n        if (!indicators.size) {\n            observer?.disconnect();\n            observer = undefined;\n            document.removeEventListener('visibilitychange', visibilityChanged);\n        }\n    };\n}\n"],"mappings":";AAKA,MAAM,6BAAa,IAAI,IAAsB;AAC7C,IAAI;AAEJ,SAAS,OAAO,SAAkB,SAAwB;CACtD,QAAQ,aAAa,uBAAuB,WAAW,CAAC,SAAS,SAAS,YAAY,QAAQ;AAClG;AAEA,SAAS,oBAA0B;CAC/B,KAAK,MAAM,CAAC,SAAS,YAAY,YAAY,OAAO,SAAS,OAAO;AACxE;AAEA,SAAgB,cAAc,SAAmD;CAC7E,IAAI,CAAC,SAAS;CAEd,IAAI,CAAC,WAAW,MAAM,SAAS,iBAAiB,oBAAoB,iBAAiB;CAGrF,MAAM,UAAU,OAAO,yBAAyB;CAEhD,WAAW,IAAI,SAAS,OAAO;CAC/B,OAAO,SAAS,OAAO;CAEvB,IAAI,CAAC,SAAS;EACV,aAAa,IAAI,sBAAsB,YAAY;GAC/C,KAAK,MAAM,EAAE,QAAQ,oBAAoB,SAAS;IAC9C,IAAI,CAAC,WAAW,IAAI,MAAM,GAAG;IAE7B,WAAW,IAAI,QAAQ,cAAc;IACrC,OAAO,QAAQ,cAAc;GACjC;EACJ,CAAC;EACD,SAAS,QAAQ,OAAO;CAC5B;CAEA,aAAa;EACT,UAAU,UAAU,OAAO;EAC3B,WAAW,OAAO,OAAO;EACzB,QAAQ,gBAAgB,qBAAqB;EAE7C,IAAI,CAAC,WAAW,MAAM;GAClB,UAAU,WAAW;GACrB,WAAW,KAAA;GACX,SAAS,oBAAoB,oBAAoB,iBAAiB;EACtE;CACJ;AACJ"}

package/dist/foundations/DesignSystemProvider.d.ts

@@ -26,6 +26,23 @@ export declare const defaultDesignSystemLabels: {
     light: string;
     dark: string;
   };
+  editor: {
+    formatting: string;
+    bold: string;
+    italic: string;
+    heading: string;
+    bulletedList: string;
+    numberedList: string;
+    link: string;
+    linkUrl: string;
+    linkPlaceholder: string;
+    apply: string;
+    markdown: string;
+  };
+  dialog: {
+    expand: string;
+    restoreSize: string;
+  };
 };
 export type DesignSystemLabels = typeof defaultDesignSystemLabels;
 /** The labels an app translates: any group or label left out keeps its English default. */
@@ -60,5 +77,22 @@ export declare function useDesignSystemLabels(): {
     light: string;
     dark: string;
   };
+  editor: {
+    formatting: string;
+    bold: string;
+    italic: string;
+    heading: string;
+    bulletedList: string;
+    numberedList: string;
+    link: string;
+    linkUrl: string;
+    linkPlaceholder: string;
+    apply: string;
+    markdown: string;
+  };
+  dialog: {
+    expand: string;
+    restoreSize: string;
+  };
 };
 //# sourceMappingURL=DesignSystemProvider.d.ts.map

package/dist/foundations/DesignSystemProvider.js

@@ -1,6 +1,6 @@
 import { createContext, useContext, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
 import { LucideProvider } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
 // src/foundations/DesignSystemProvider.tsx
 /** The design system's own words, in English. Apps pass their translations through DesignSystemProvider. */
 const defaultDesignSystemLabels = {
@@ -28,6 +28,23 @@ const defaultDesignSystemLabels = {
 		system: "Match system",
 		light: "Light",
 		dark: "Dark"
+	},
+	editor: {
+		formatting: "Formatting",
+		bold: "Bold",
+		italic: "Italic",
+		heading: "Heading",
+		bulletedList: "Bulleted list",
+		numberedList: "Numbered list",
+		link: "Link",
+		linkUrl: "Link URL",
+		linkPlaceholder: "https://…",
+		apply: "Apply",
+		markdown: "Markdown"
+	},
+	dialog: {
+		expand: "Expand",
+		restoreSize: "Restore size"
 	}
 };
 const LabelContext = createContext(defaultDesignSystemLabels);
@@ -55,6 +72,14 @@ function mergeLabels(labels) {
 		theme: {
 			...defaultDesignSystemLabels.theme,
 			...labels.theme
+		},
+		editor: {
+			...defaultDesignSystemLabels.editor,
+			...labels.editor
+		},
+		dialog: {
+			...defaultDesignSystemLabels.dialog,
+			...labels.dialog
 		}
 	};
 }

package/dist/foundations/DesignSystemProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"DesignSystemProvider.js","names":[],"sources":["../../src/foundations/DesignSystemProvider.tsx"],"sourcesContent":["/* oxlint-disable react/only-export-components -- Provider and consumer share the same UI label contract. */\nimport { LucideProvider } from 'lucide-react';\nimport { createContext, type ReactNode, useContext, useMemo } from 'react';\n\n/** The design system's own words, in English. Apps pass their translations through DesignSystemProvider. */\nexport const defaultDesignSystemLabels = {\n    close: 'Close',\n    cancel: 'Cancel',\n    retry: 'Try again',\n    toolbar: 'Toolbar',\n    imageSize: (width: number, height: number) => `${width} × ${height}`,\n    folders: {\n        path: 'Folder path',\n        selectedPath: (path: string) => `Selected folder: ${path}`,\n        open: (name: string) => `Open ${name}`,\n        chooseFolder: 'Choose folder',\n        title: 'Select a folder',\n        root: 'Root',\n        upOneLevel: 'Up one level',\n        loading: 'Loading folders',\n        loadFailed: 'Could not load folders',\n        empty: 'No folders',\n        loadMore: 'Load more',\n        chooseThis: 'Choose this folder',\n    },\n    theme: {\n        label: 'Appearance',\n        system: 'Match system',\n        light: 'Light',\n        dark: 'Dark',\n    },\n};\n\nexport type DesignSystemLabels = typeof defaultDesignSystemLabels;\n\n/** The labels an app translates: any group or label left out keeps its English default. */\nexport type DesignSystemLabelOverrides = {\n    [Key in keyof DesignSystemLabels]?: DesignSystemLabels[Key] extends (...args: never[]) => unknown\n        ? DesignSystemLabels[Key]\n        : DesignSystemLabels[Key] extends object\n          ? Partial<DesignSystemLabels[Key]>\n          : DesignSystemLabels[Key];\n};\n\nconst LabelContext = createContext(defaultDesignSystemLabels);\n\n/** Lucide draws on a 24px grid at a 2px stroke; 1.75 matches the weight of Lar's type at the sizes icons use. */\nconst iconStrokeWidth = 1.75;\n\nexport function DesignSystemProvider({\n    children,\n    labels,\n}: {\n    children: ReactNode;\n    labels?: DesignSystemLabelOverrides;\n}) {\n    const value = useMemo(() => mergeLabels(labels), [labels]);\n\n    return (\n        <LabelContext.Provider value={value}>\n            <LucideProvider strokeWidth={iconStrokeWidth}>{children}</LucideProvider>\n        </LabelContext.Provider>\n    );\n}\n\nfunction mergeLabels(labels: DesignSystemLabelOverrides | undefined): DesignSystemLabels {\n    if (!labels) return defaultDesignSystemLabels;\n\n    return {\n        ...defaultDesignSystemLabels,\n        ...labels,\n        folders: { ...defaultDesignSystemLabels.folders, ...labels.folders },\n        theme: { ...defaultDesignSystemLabels.theme, ...labels.theme },\n    };\n}\n\nexport function useDesignSystemLabels() {\n    return useContext(LabelContext);\n}\n"],"mappings":";;;;;AAKA,MAAa,4BAA4B;CACrC,OAAO;CACP,QAAQ;CACR,OAAO;CACP,SAAS;CACT,YAAY,OAAe,WAAmB,GAAG,MAAM,KAAK;CAC5D,SAAS;EACL,MAAM;EACN,eAAe,SAAiB,oBAAoB;EACpD,OAAO,SAAiB,QAAQ;EAChC,cAAc;EACd,OAAO;EACP,MAAM;EACN,YAAY;EACZ,SAAS;EACT,YAAY;EACZ,OAAO;EACP,UAAU;EACV,YAAY;CAChB;CACA,OAAO;EACH,OAAO;EACP,QAAQ;EACR,OAAO;EACP,MAAM;CACV;AACJ;AAaA,MAAM,eAAe,cAAc,yBAAyB;;AAG5D,MAAM,kBAAkB;AAExB,SAAgB,qBAAqB,EACjC,UACA,UAID;CACC,MAAM,QAAQ,cAAc,YAAY,MAAM,GAAG,CAAC,MAAM,CAAC;CAEzD,OACI,oBAAC,aAAa,UAAd;EAA8B;EAC1B,UAAA,oBAAC,gBAAD;GAAgB,aAAa;GAAkB;EAAyB,CAAA;CACrD,CAAA;AAE/B;AAEA,SAAS,YAAY,QAAoE;CACrF,IAAI,CAAC,QAAQ,OAAO;CAEpB,OAAO;EACH,GAAG;EACH,GAAG;EACH,SAAS;GAAE,GAAG,0BAA0B;GAAS,GAAG,OAAO;EAAQ;EACnE,OAAO;GAAE,GAAG,0BAA0B;GAAO,GAAG,OAAO;EAAM;CACjE;AACJ;AAEA,SAAgB,wBAAwB;CACpC,OAAO,WAAW,YAAY;AAClC"}
+{"version":3,"file":"DesignSystemProvider.js","names":[],"sources":["../../src/foundations/DesignSystemProvider.tsx"],"sourcesContent":["/* oxlint-disable react/only-export-components -- Provider and consumer share the same UI label contract. */\nimport { LucideProvider } from 'lucide-react';\nimport { createContext, type ReactNode, useContext, useMemo } from 'react';\n\n/** The design system's own words, in English. Apps pass their translations through DesignSystemProvider. */\nexport const defaultDesignSystemLabels = {\n    close: 'Close',\n    cancel: 'Cancel',\n    retry: 'Try again',\n    toolbar: 'Toolbar',\n    imageSize: (width: number, height: number) => `${width} × ${height}`,\n    folders: {\n        path: 'Folder path',\n        selectedPath: (path: string) => `Selected folder: ${path}`,\n        open: (name: string) => `Open ${name}`,\n        chooseFolder: 'Choose folder',\n        title: 'Select a folder',\n        root: 'Root',\n        upOneLevel: 'Up one level',\n        loading: 'Loading folders',\n        loadFailed: 'Could not load folders',\n        empty: 'No folders',\n        loadMore: 'Load more',\n        chooseThis: 'Choose this folder',\n    },\n    theme: {\n        label: 'Appearance',\n        system: 'Match system',\n        light: 'Light',\n        dark: 'Dark',\n    },\n    editor: {\n        formatting: 'Formatting',\n        bold: 'Bold',\n        italic: 'Italic',\n        heading: 'Heading',\n        bulletedList: 'Bulleted list',\n        numberedList: 'Numbered list',\n        link: 'Link',\n        linkUrl: 'Link URL',\n        linkPlaceholder: 'https://…',\n        apply: 'Apply',\n        markdown: 'Markdown',\n    },\n    dialog: {\n        expand: 'Expand',\n        restoreSize: 'Restore size',\n    },\n};\n\nexport type DesignSystemLabels = typeof defaultDesignSystemLabels;\n\n/** The labels an app translates: any group or label left out keeps its English default. */\nexport type DesignSystemLabelOverrides = {\n    [Key in keyof DesignSystemLabels]?: DesignSystemLabels[Key] extends (...args: never[]) => unknown\n        ? DesignSystemLabels[Key]\n        : DesignSystemLabels[Key] extends object\n          ? Partial<DesignSystemLabels[Key]>\n          : DesignSystemLabels[Key];\n};\n\nconst LabelContext = createContext(defaultDesignSystemLabels);\n\n/** Lucide draws on a 24px grid at a 2px stroke; 1.75 matches the weight of Lar's type at the sizes icons use. */\nconst iconStrokeWidth = 1.75;\n\nexport function DesignSystemProvider({\n    children,\n    labels,\n}: {\n    children: ReactNode;\n    labels?: DesignSystemLabelOverrides;\n}) {\n    const value = useMemo(() => mergeLabels(labels), [labels]);\n\n    return (\n        <LabelContext.Provider value={value}>\n            <LucideProvider strokeWidth={iconStrokeWidth}>{children}</LucideProvider>\n        </LabelContext.Provider>\n    );\n}\n\nfunction mergeLabels(labels: DesignSystemLabelOverrides | undefined): DesignSystemLabels {\n    if (!labels) return defaultDesignSystemLabels;\n\n    return {\n        ...defaultDesignSystemLabels,\n        ...labels,\n        folders: { ...defaultDesignSystemLabels.folders, ...labels.folders },\n        theme: { ...defaultDesignSystemLabels.theme, ...labels.theme },\n        editor: { ...defaultDesignSystemLabels.editor, ...labels.editor },\n        dialog: { ...defaultDesignSystemLabels.dialog, ...labels.dialog },\n    };\n}\n\nexport function useDesignSystemLabels() {\n    return useContext(LabelContext);\n}\n"],"mappings":";;;;;AAKA,MAAa,4BAA4B;CACrC,OAAO;CACP,QAAQ;CACR,OAAO;CACP,SAAS;CACT,YAAY,OAAe,WAAmB,GAAG,MAAM,KAAK;CAC5D,SAAS;EACL,MAAM;EACN,eAAe,SAAiB,oBAAoB;EACpD,OAAO,SAAiB,QAAQ;EAChC,cAAc;EACd,OAAO;EACP,MAAM;EACN,YAAY;EACZ,SAAS;EACT,YAAY;EACZ,OAAO;EACP,UAAU;EACV,YAAY;CAChB;CACA,OAAO;EACH,OAAO;EACP,QAAQ;EACR,OAAO;EACP,MAAM;CACV;CACA,QAAQ;EACJ,YAAY;EACZ,MAAM;EACN,QAAQ;EACR,SAAS;EACT,cAAc;EACd,cAAc;EACd,MAAM;EACN,SAAS;EACT,iBAAiB;EACjB,OAAO;EACP,UAAU;CACd;CACA,QAAQ;EACJ,QAAQ;EACR,aAAa;CACjB;AACJ;AAaA,MAAM,eAAe,cAAc,yBAAyB;;AAG5D,MAAM,kBAAkB;AAExB,SAAgB,qBAAqB,EACjC,UACA,UAID;CACC,MAAM,QAAQ,cAAc,YAAY,MAAM,GAAG,CAAC,MAAM,CAAC;CAEzD,OACI,oBAAC,aAAa,UAAd;EAA8B;EAC1B,UAAA,oBAAC,gBAAD;GAAgB,aAAa;GAAkB;EAAyB,CAAA;CACrD,CAAA;AAE/B;AAEA,SAAS,YAAY,QAAoE;CACrF,IAAI,CAAC,QAAQ,OAAO;CAEpB,OAAO;EACH,GAAG;EACH,GAAG;EACH,SAAS;GAAE,GAAG,0BAA0B;GAAS,GAAG,OAAO;EAAQ;EACnE,OAAO;GAAE,GAAG,0BAA0B;GAAO,GAAG,OAAO;EAAM;EAC7D,QAAQ;GAAE,GAAG,0BAA0B;GAAQ,GAAG,OAAO;EAAO;EAChE,QAAQ;GAAE,GAAG,0BAA0B;GAAQ,GAAG,OAAO;EAAO;CACpE;AACJ;AAEA,SAAgB,wBAAwB;CACpC,OAAO,WAAW,YAAY;AAClC"}

package/dist/foundations/index.d.ts

@@ -1,5 +1,6 @@
 import { ThemeController, ThemePreference, createThemeController, isThemePreference } from "./Theme.js";
 import { DesignSystemLabelOverrides, DesignSystemLabels, DesignSystemProvider, defaultDesignSystemLabels, useDesignSystemLabels } from "./DesignSystemProvider.js";
+import { ambientMotion } from "./AmbientMotion.js";
 import { tabbable } from "./KeyboardFocus.js";
 import { applePlatform, isShortcut } from "./KeyboardShortcut.js";
-export { type DesignSystemLabelOverrides, type DesignSystemLabels, DesignSystemProvider, type ThemeController, type ThemePreference, applePlatform, createThemeController, defaultDesignSystemLabels, isShortcut, isThemePreference, tabbable, useDesignSystemLabels };
+export { type DesignSystemLabelOverrides, type DesignSystemLabels, DesignSystemProvider, type ThemeController, type ThemePreference, ambientMotion, applePlatform, createThemeController, defaultDesignSystemLabels, isShortcut, isThemePreference, tabbable, useDesignSystemLabels };

package/dist/icons/BrandIcons.d.ts

@@ -1,3 +1,9 @@
-/** Brand marks, which lucide does not draw. */
-export declare function GitHubIcon(): import("react").JSX.Element;
+/** Brand marks, which lucide does not draw. Each takes a `className` for its size, as a lucide icon does. */
+export declare function GitHubIcon({ className }: {
+  className?: string;
+}): import("react").JSX.Element;
+/** Azure DevOps' mark. */
+export declare function AzureDevOpsIcon({ className }: {
+  className?: string;
+}): import("react").JSX.Element;
 //# sourceMappingURL=BrandIcons.d.ts.map

package/dist/icons/BrandIcons.js

@@ -1,14 +1,25 @@
 import { jsx } from "react/jsx-runtime";
 // src/icons/BrandIcons.tsx
-/** Brand marks, which lucide does not draw. */
-function GitHubIcon() {
+/** Brand marks, which lucide does not draw. Each takes a `className` for its size, as a lucide icon does. */
+function GitHubIcon({ className }) {
 	return /* @__PURE__ */ jsx("svg", {
 		viewBox: "0 0 16 16",
 		fill: "currentColor",
 		"aria-hidden": "true",
+		className,
 		children: /* @__PURE__ */ jsx("path", { d: "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8Z" })
 	});
 }
-export { GitHubIcon };
+/** Azure DevOps' mark. */
+function AzureDevOpsIcon({ className }) {
+	return /* @__PURE__ */ jsx("svg", {
+		viewBox: "0 0 24 24",
+		fill: "currentColor",
+		"aria-hidden": "true",
+		className,
+		children: /* @__PURE__ */ jsx("path", { d: "M0 8.899l2.247-2.966 8.405-3.416V.045l7.37 5.393L2.966 8.36v8.2L0 15.685zm24-4.45v14.652L18.247 24l-9.303-3.237v3.237l-5.978-7.44 15.056 1.79V5.438z" })
+	});
+}
+export { AzureDevOpsIcon, GitHubIcon };
 
 //# sourceMappingURL=BrandIcons.js.map

package/dist/icons/BrandIcons.js.map

@@ -1 +1 @@
-{"version":3,"file":"BrandIcons.js","names":[],"sources":["../../src/icons/BrandIcons.tsx"],"sourcesContent":["/** Brand marks, which lucide does not draw. */\nexport function GitHubIcon() {\n    return (\n        <svg viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden=\"true\">\n            <path d=\"M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8Z\" />\n        </svg>\n    );\n}\n"],"mappings":";;;AACA,SAAgB,aAAa;CACzB,OACI,oBAAC,OAAD;EAAK,SAAQ;EAAY,MAAK;EAAe,eAAY;EACrD,UAAA,oBAAC,QAAD,EAAM,GAAE,6jBAA8jB,CAAA;CACrkB,CAAA;AAEb"}
+{"version":3,"file":"BrandIcons.js","names":[],"sources":["../../src/icons/BrandIcons.tsx"],"sourcesContent":["/** Brand marks, which lucide does not draw. Each takes a `className` for its size, as a lucide icon does. */\nexport function GitHubIcon({ className }: { className?: string }) {\n    return (\n        <svg viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden=\"true\" className={className}>\n            <path d=\"M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8Z\" />\n        </svg>\n    );\n}\n\n/** Azure DevOps' mark. */\nexport function AzureDevOpsIcon({ className }: { className?: string }) {\n    return (\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" className={className}>\n            <path d=\"M0 8.899l2.247-2.966 8.405-3.416V.045l7.37 5.393L2.966 8.36v8.2L0 15.685zm24-4.45v14.652L18.247 24l-9.303-3.237v3.237l-5.978-7.44 15.056 1.79V5.438z\" />\n        </svg>\n    );\n}\n"],"mappings":";;;AACA,SAAgB,WAAW,EAAE,aAAqC;CAC9D,OACI,oBAAC,OAAD;EAAK,SAAQ;EAAY,MAAK;EAAe,eAAY;EAAkB;EACvE,UAAA,oBAAC,QAAD,EAAM,GAAE,6jBAA8jB,CAAA;CACrkB,CAAA;AAEb;;AAGA,SAAgB,gBAAgB,EAAE,aAAqC;CACnE,OACI,oBAAC,OAAD;EAAK,SAAQ;EAAY,MAAK;EAAe,eAAY;EAAkB;EACvE,UAAA,oBAAC,QAAD,EAAM,GAAE,uJAAwJ,CAAA;CAC/J,CAAA;AAEb"}

package/dist/icons/dynamic.d.ts

@@ -0,0 +1,2 @@
+import { DynamicIcon, IconName } from "lucide-react/dynamic";
+export { DynamicIcon, type IconName };

package/dist/icons/dynamic.js

@@ -0,0 +1 @@
+export { DynamicIcon } from "lucide-react/dynamic";

package/dist/icons/index.d.ts

@@ -1,3 +1,3 @@
-import { GitHubIcon } from "./BrandIcons.js";
+import { AzureDevOpsIcon, GitHubIcon } from "./BrandIcons.js";
 export * from "lucide-react";
-export { GitHubIcon };
+export { AzureDevOpsIcon, GitHubIcon };

package/dist/icons/index.js

@@ -1,2 +1,2 @@
-export { GitHubIcon } from "./BrandIcons.js";
+export { AzureDevOpsIcon, GitHubIcon } from "./BrandIcons.js";
 export * from "lucide-react";

package/dist/icons.d.ts

@@ -1,4 +1,4 @@
-import { GitHubIcon } from "./icons/BrandIcons.js";
+import { AzureDevOpsIcon, GitHubIcon } from "./icons/BrandIcons.js";
 import "./icons/index.js";
 export * from "lucide-react";
-export { GitHubIcon };
+export { AzureDevOpsIcon, GitHubIcon };

package/dist/icons.js

@@ -1,2 +1,2 @@
-export { GitHubIcon } from "./icons/BrandIcons.js";
+export { AzureDevOpsIcon, GitHubIcon } from "./icons/BrandIcons.js";
 export * from "lucide-react";

package/dist/index.d.ts

@@ -5,6 +5,48 @@ import { ButtonLink, ButtonLinkProps } from "./actions/ButtonLink.js";
 import { ThemeController, ThemePreference, createThemeController, isThemePreference } from "./foundations/Theme.js";
 import { ThemeSwitch } from "./actions/ThemeSwitch.js";
 import "./actions/index.js";
+import { AddItemButton, CreateIssueChoice, DraftFields, DraftTicketPart, PanelField, TicketSearch, TicketSearchMatch, TicketSearchPane } from "./board/AddItem.js";
+import { ActionStack, SettingConfirm, SettingLastRun } from "./board/Archive.js";
+import { BoardContent, BoardShell, ReadingLine } from "./board/BoardShell.js";
+import { BoardBrand, BoardTitleBar, RefreshHealth, RefreshIndicator, TitleBarDivider } from "./board/BoardTitleBar.js";
+import { ButtonKind, buttonKind } from "./board/ButtonKinds.js";
+import { BoardCounter, BoardCounters, CounterAge, CounterDash, CounterDivider, CounterEmpty, CounterFigure, CounterGroup, CounterGroups, CounterItem, CounterList, CounterOfLimit, CounterPartial, LimitBars } from "./board/Counters.js";
+import { DeskCard, DeskHint, DeskMergeState, DeskSection, MergeState } from "./board/Desk.js";
+import { FilterBar, FilterChip, FilterChoice, FilterChoices, FilterMenu } from "./board/Filters.js";
+import { ListButton, ListGroupItem, ListHeader, ListItemRow, ListNote } from "./board/List.js";
+import { LoadingLine, LoadingMark, LoadingScreen } from "./board/LoadingScreen.js";
+import { ReleaseNote, ReleaseNotes, UpdateDownloading, UpdatePill, UpdateStatusIcon } from "./board/UpdatePill.js";
+import { BoardWarning, BoardWarnings, ToolMissing } from "./board/Warnings.js";
+import { ActivityLine, ActivityState, AgentAge, AgentList, AgentRow, WorkingAgents } from "./board/ActivityLine.js";
+import { ActivityLabel, ActivityTrack } from "./board/ActivityTrack.js";
+import { DataAttributes } from "./board/DataAttributes.js";
+import { AttentionEntry, AttentionList, AttentionMark, AttentionNone, AttentionTone, EntryButton, PartLink, PartName, RefButton } from "./board/Attention.js";
+import { LossList } from "./board/Cleanup.js";
+import { DependencyItem, DependencyList } from "./board/Dependencies.js";
+import { DossierBody, DossierChipTone, DossierChips, DossierFields, DossierLine, DossierList, DossierNext, DossierNote, DossierRepos, DossierRow, DossierTitle, DossierTitleCell, DossierToggle, DossierTools, PartSegment, PartsBar, PlanningNote } from "./board/Dossier.js";
+import { ItemFields, ItemTitle, KindMarker, RepoIdentity, RepoTag, TitleLink } from "./board/ItemParts.js";
+import { NeedsYouNotice, NeedsYouResult } from "./board/NeedsYou.js";
+import { PartKind, PartKindLabel, PartRow, PartTrack, PartWaits, PartsList, ShowDoneToggle, ThreadLine } from "./board/PartsList.js";
+import { ChecksState, PullRequestList, PullRequestReadiness, PullRequestRef, PullRequestRow, ReadinessDetails } from "./board/PullRequests.js";
+import { SliceBar, SliceList, SliceMark, SliceProgress, SliceRow } from "./board/Slices.js";
+import { ItemSource, SourceIcon } from "./board/SourceIcon.js";
+import { BuildLimit, HeaderSwitch, StageList, StagePane, StagePaneEmpty, StageSections } from "./board/StagePane.js";
+import { OnYourDesk, QueueAge, QueuePlace, RowBlocked, RowCells, RowCount, RowFirst, RowFoot, RowGlyph, RowIdentity, RowKindCell, RowOpen, RowPartOf, RowSecondLine, RowSide, RowSliceNote, RowSliceToggle, RowSlices, RowState, RowStateCell, RowTitle, RowTitleCell, StageRowItem, UsageFigures } from "./board/StageRow.js";
+import { StageTrack } from "./board/StageTrack.js";
+import { ActionError, StartGroup, StartLine, StartNote, StartTag } from "./board/StartControls.js";
+import { BoardStatus, statusColor } from "./board/StatusColors.js";
+import { StatusGlyph } from "./board/StatusGlyph.js";
+import { EarlierThread, EarlierThreadList } from "./board/Threads.js";
+import { HistoryRow, MapBand, MapCanvas, MapCheckNode, MapEdge, MapEdgeLabel, MapEdges, MapHistoryGroup, MapHistoryList, MapLaneName, MapNode, MapPartNode, WorkMapFrame } from "./board/WorkMap.js";
+import { AccessNotice, DialogActions, ItemDialogAside, ItemDialogBody, ItemDialogColumns, ItemSummary, SummaryAge, SummaryBlocked, SummaryPanel, SummaryParent, SummaryStatus, WarningNote } from "./board/ItemDialog.js";
+import { AttachmentLink, ChangeFailed, CheckRun, ChipGroup, DetailFact, DetailsHeading, DetailsSection, DetailsText, EditActions, EditorSlot, FactList, FocusPanel, HeaderStatus, InlineList, KindQuestion, LabelEditorPanel, MainColumnSlot, MainSection, MetaArea, OutgoingTicket, SectionHeader, SpecSync, SprintCount, TextSection, TicketLink, TicketLinkList, WaitsOnList } from "./board/ItemDetails.js";
+import { ItemProgressPanel, PartsProgress, ProgressActivity, ProgressCount, SliceChip, SliceChips, WorkflowSteps } from "./board/ItemProgress.js";
+import { ProjectIcon, ProjectIconColor, ProjectIconSize, ProjectIconSource } from "./board/ProjectIcon.js";
+import { OpenSettingsButton, ProjectValueList, ReasonNote, SettingControl, SettingDetails, SettingsNav, SettingsNote } from "./board/Settings.js";
+import { CreateLabelForm, TrackerLabelEditor, TrackerLabelList, TrackerLabelRow } from "./board/TrackerLabels.js";
+import { LabelChooser, LabelChooserEmpty, LabelChooserFooter, LabelChooserList, LabelChooserOption, VocabularyMore, VocabularyRow, VocabularySuggestion } from "./board/Vocabulary.js";
+import { AddFolderLine, ChoiceDetails, EmptyBoard, ProjectLine, ProjectList, ProjectListItem, SetupCardList, SetupHeader, SetupStep } from "./board/Onboarding.js";
+import "./board/index.js";
 import { CollectionSectionHeader } from "./collections/CollectionSectionHeader.js";
 import { CollectionState } from "./collections/CollectionState.js";
 import { DataRow } from "./collections/DataRow.js";
@@ -25,11 +67,13 @@ import { BrandLink, BrandMark } from "./display/BrandMark.js";
 import { ChangeList, ChangeListItem } from "./display/ChangeList.js";
 import { CheckList, CheckListItem } from "./display/CheckList.js";
 import { CodeBlock } from "./display/CodeBlock.js";
+import { Comment, CommentList } from "./display/Comment.js";
 import { CopyButton } from "./display/CopyButton.js";
 import { DataTable, DataTableCell, DataTableRow } from "./display/DataTable.js";
 import { DetailHero, DetailHeroDetail, DetailHeroDetails, DetailHeroTags } from "./display/DetailHero.js";
 import { DetailList } from "./display/DetailList.js";
 import { DeviceCard } from "./display/DeviceCard.js";
+import { Diagram } from "./display/Diagram.js";
 import { Identity } from "./display/Identity.js";
 import { ImageCard } from "./display/ImageCard.js";
 import { ImagePicker, ImagePickerGrid, ImagePickerOption, ImageUpload } from "./display/ImagePicker.js";
@@ -37,15 +81,18 @@ import { InfoBox } from "./display/InfoBox.js";
 import { InsetPanel } from "./display/InsetPanel.js";
 import { Kbd } from "./display/Kbd.js";
 import { KindIcon } from "./display/KindIcon.js";
+import { LabelChip } from "./display/LabelChip.js";
 import { NoticeCard } from "./display/NoticeCard.js";
 import { PairingList, PairingListItem } from "./display/PairingList.js";
 import { PathList } from "./display/PathList.js";
 import { PeoplePreview } from "./display/PeoplePreview.js";
+import { Person } from "./display/Person.js";
 import { PropertySheet, PropertySheetRow, PropertySheetTag } from "./display/PropertySheet.js";
 import { QrCode } from "./display/QrCode.js";
 import { RadioChoice } from "./display/RadioChoice.js";
 import { RatingLink } from "./display/RatingLink.js";
 import { ResourceCard, ResourceCardSkeleton } from "./display/ResourceCard.js";
+import { RichText, RichTextFormat } from "./display/RichText.js";
 import { RowList, RowListItem } from "./display/RowList.js";
 import { MeterLegend, MeterSegment, MeterTone, StackedMeter } from "./display/StackedMeter.js";
 import { StatTile } from "./display/StatTile.js";
@@ -56,25 +103,35 @@ import "./display/index.js";
 import { Alert } from "./feedback/Alert.js";
 import { AsyncState } from "./feedback/AsyncState.js";
 import { ErrorNotification, dismissAllNotifications, showErrorNotification, showSuccessNotification } from "./feedback/ErrorNotification.js";
-import { Notifications } from "./feedback/Notifications.js";
+import { DismissButton } from "./feedback/DismissButton.js";
+import { FormResult } from "./feedback/FormResult.js";
+import { LiveRegion } from "./feedback/LiveRegion.js";
+import { Notification, Notifications, clearNotification, showNotification, useNotificationControls } from "./feedback/Notifications.js";
+import { Progress } from "./feedback/Progress.js";
 import { ProgressStatusRow } from "./feedback/ProgressStatusRow.js";
 import { SkeletonLoader } from "./feedback/SkeletonLoader.js";
+import { Loading } from "./feedback/Loading.js";
 import { StatusPopoverContent } from "./feedback/StatusPopoverContent.js";
 import { StatusRow } from "./feedback/StatusRow.js";
-import { Loading } from "./feedback/index.js";
+import "./feedback/index.js";
 import { Checkbox, CheckboxProps } from "./forms/Checkbox.js";
+import { ColorSwatch, ColorSwatches } from "./forms/ColorSwatches.js";
 import { Field, FieldProps } from "./forms/Field.js";
-import { Disclosure, FormAction, FormContent, FormField, FormRow, FormSection, FormStack } from "./forms/FormSection.js";
+import { Disclosure, FormAction, FormContent, FormField, FormFieldset, FormRow, FormSection, FormStack, FormUnit } from "./forms/FormSection.js";
+import { HiddenField } from "./forms/HiddenField.js";
 import { InlineFields } from "./forms/InlineFields.js";
 import { Input, InputProps } from "./forms/Input.js";
-import { OptionSelect } from "./forms/OptionSelect.js";
-import { RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps } from "./forms/RadioGroup.js";
+import { LabelChoice, LabelCreation, LabelPicker } from "./forms/LabelPicker.js";
+import { MarkdownEditor } from "./forms/MarkdownEditor.js";
 import { Select, SelectItem, SelectProps } from "./forms/Select.js";
+import { OptionSelect, OptionSelectOption } from "./forms/OptionSelect.js";
+import { RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps } from "./forms/RadioGroup.js";
 import { Switch } from "./forms/Switch.js";
 import { TagInput } from "./forms/TagInput.js";
 import { Textarea } from "./forms/Textarea.js";
 import "./forms/index.js";
 import { DesignSystemLabelOverrides, DesignSystemLabels, DesignSystemProvider, defaultDesignSystemLabels, useDesignSystemLabels } from "./foundations/DesignSystemProvider.js";
+import { ambientMotion } from "./foundations/AmbientMotion.js";
 import { tabbable } from "./foundations/KeyboardFocus.js";
 import { applePlatform, isShortcut } from "./foundations/KeyboardShortcut.js";
 import "./foundations/index.js";
@@ -87,7 +144,7 @@ import { Section } from "./layout/Section.js";
 import { SidebarNavigationItem } from "./layout/sidebar/SidebarNavigationItem.js";
 import { SidebarNavigationGroup, SidebarPane } from "./layout/sidebar/SidebarPane.js";
 import { TitleBar, TitleBarTrail, TitleBarTrailItem } from "./layout/TitleBar.js";
-import { CommandPaletteTrigger } from "./layout/toolbar/CommandPaletteTrigger.js";
+import { CommandPaletteTrigger, CommandPaletteTriggerToken } from "./layout/toolbar/CommandPaletteTrigger.js";
 import { ToolbarStatusGroup } from "./layout/toolbar/ToolbarStatusGroup.js";
 import { ToolbarStatusItem } from "./layout/toolbar/ToolbarStatusItem.js";
 import { WorkspaceActionsHeader } from "./layout/WorkspaceActionsHeader.js";
@@ -98,17 +155,20 @@ import { Box, Divider } from "./layout/index.js";
 import { ArtworkTabs, ArtworkTabsItem } from "./navigation/ArtworkTabs.js";
 import { Breadcrumbs } from "./navigation/Breadcrumbs.js";
 import { CollectionBrowseControls, CollectionBrowseSelector, CollectionBrowseTrigger } from "./navigation/CollectionBrowseSelector.js";
-import { CollectionView, CollectionViewToggle } from "./navigation/CollectionViewToggle.js";
+import { CollectionView, CollectionViewToggle, ViewToggle, ViewToggleOption } from "./navigation/CollectionViewToggle.js";
 import { DrilldownBrowseGroup, DrilldownBrowseItem, DrilldownBrowseSelector } from "./navigation/DrilldownBrowseSelector.js";
 import { FolderSelector, FolderSelectorOption, FolderSelectorProps } from "./navigation/FolderSelector.js";
+import { SortMenu } from "./navigation/SortMenu.js";
 import { ViewTabs, ViewTabsItem } from "./navigation/ViewTabs.js";
 import "./navigation/index.js";
 import { ActionModal } from "./overlays/ActionModal.js";
-import { CommandPalette, CommandPaletteGroup, useCommandPaletteOption } from "./overlays/CommandPalette.js";
+import { CommandPalette, CommandPaletteGroup, CommandPaletteOption, CommandPaletteToken, useCommandPaletteOption } from "./overlays/CommandPalette.js";
 import { Drawer } from "./overlays/Drawer.js";
 import { DropdownMenu } from "./overlays/DropdownMenu.js";
+import { HelpTip } from "./overlays/HelpTip.js";
 import { ImageViewer } from "./overlays/ImageViewer.js";
 import { Modal } from "./overlays/Modal.js";
+import { ModalExpandButton } from "./overlays/ModalExpandButton.js";
 import { Popover } from "./overlays/Popover.js";
 import { Tooltip, TooltipPopup, TooltipProvider, TooltipTrigger } from "./overlays/Tooltip.js";
 import "./overlays/index.js";
@@ -127,7 +187,8 @@ import { MediaApp, ReadinessItem, ReadinessLegend, ReadinessPanel, ServerBay, Se
 import { AngledDevice, Backdrop, DeviceStage, ResponsiveMedia, Reveal } from "./showcase/Stage.js";
 import { Step, StepFlow } from "./showcase/StepFlow.js";
 import "./showcase/index.js";
+import { Code, CodeProps } from "./typography/Code.js";
 import { InlineLink, Link, LinkBox, LinkOverlay, LinkOverlayProps, LinkProps } from "./typography/Link.js";
 import { Heading, HeadingProps, Text, TextProps } from "./typography/Typography.js";
-import { Code } from "./typography/index.js";
-export { ActionModal, ActivityCard, ActivityCardSkeleton, Alert, AngledDevice, Announcement, AppIcon, AppShell, AppWindow, Artwork, ArtworkTabs, type ArtworkTabsItem, AsyncState, AuthLayout, Avatar, Backdrop, Badge, BadgeList, type BadgeListItem, type BadgeProps, Box, BrandLink, BrandMark, Breadcrumbs, BrowserFrame, Button, ButtonLink, type ButtonLinkProps, type ButtonProps, CallToAction, Callout, CalloutPair, CalloutStack, ChangeList, type ChangeListItem, CheckList, type CheckListItem, Checkbox, type CheckboxProps, Code, CodeBlock, CollectionBrowseControls, CollectionBrowseSelector, CollectionBrowseTrigger, CollectionSectionHeader, CollectionState, type CollectionView, CollectionViewToggle, CommandPalette, CommandPaletteGroup, CommandPaletteTrigger, type ConceptPhoto, ContentContainer, CopyButton, DataRow, DataTable, type DataTableCell, type DataTableRow, type DesignSystemLabelOverrides, type DesignSystemLabels, DesignSystemProvider, DetailHero, DetailHeroDetail, DetailHeroDetails, DetailHeroTags, DetailList, DeviceCard, DeviceStage, Disclosure, Divider, Drawer, type DrilldownBrowseGroup, type DrilldownBrowseItem, DrilldownBrowseSelector, DropdownMenu, type ErrorNotification, Eyebrow, FeatureGrid, FeatureRow, FeatureRows, FeatureTile, Field, type FieldProps, type FlowSpace, FolderSelector, type FolderSelectorOption, type FolderSelectorProps, FormAction, FormContent, FormField, FormRow, FormSection, FormStack, Grid, GuidedMedia, Heading, type HeadingProps, Hero, IconButton, type IconButtonProps, Identity, ImageCard, ImagePicker, ImagePickerGrid, ImagePickerOption, ImageUpload, ImageViewer, InfoBox, Inline, InlineFields, InlineLink, Input, type InputProps, InsetPanel, ItemAction, Kbd, KindIcon, LaptopFrame, Link, LinkBox, LinkOverlay, type LinkOverlayProps, type LinkProps, type ListColumn, Loading, type MediaApp, MeterLegend, type MeterSegment, type MeterTone, Modal, NoticeCard, Notifications, OptionSelect, PageLayout, PageSection, PairingList, type PairingListItem, PathList, PeoplePreview, PhoneFrame, PhotoSearchConcept, type Platform, PlatformGrid, PointList, Popover, ProductBand, ProductBands, ProductCard, type ProductEntry, ProductGrid, ProductIndex, ProgressStatusRow, PropertySheet, type PropertySheetRow, type PropertySheetTag, QrCode, RadioChoice, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RatingLink, type Readiness, type ReadinessItem, ReadinessLegend, ReadinessPanel, ResourceCard, ResourceCardSkeleton, ResponsiveMedia, ResultEmpty, ResultList, ResultRow, type ResultRowProps, Reveal, Roadmap, type RoadmapItem, RouteDiagram, type RouteNode, RowList, RowListItem, Screenshot, type ScreenshotProps, ScrollArea, type ScrollAreaProps, ScrollRow, ScrollRowArrows, ScrollRowItem, Section, SectionHeading, Select, SelectItem, type SelectProps, type ServerBay, ServerUnit, SidebarNavigationGroup, SidebarNavigationItem, SidebarPane, SiteFooter, SiteHeader, type SiteLink, SiteShell, SkeletonLoader, Stack, type StackProps, StackedMeter, StatTile, StatusIndicator, StatusLight, StatusPill, StatusPopoverContent, StatusRow, type StatusTone, type Step, StepFlow, StepList, Switch, TabletFrame, TagInput, Text, TextPreview, type TextProps, Textarea, type ThemeController, type ThemePreference, ThemeSwitch, TimeSeriesChart, TimeSeriesChartSkeleton, type TimeSeriesPoint, TitleBar, TitleBarTrail, type TitleBarTrailItem, ToolbarStatusGroup, ToolbarStatusItem, Tooltip, TooltipPopup, TooltipProvider, TooltipTrigger, TvFrame, ViewTabs, type ViewTabsItem, VirtualGrid, VirtualList, type VirtualListProps, WorkspaceActionsHeader, applePlatform, createThemeController, defaultDesignSystemLabels, dismissAllNotifications, isShortcut, isThemePreference, revealInRow, showErrorNotification, showSuccessNotification, tabbable, useCollectionMotion, useCommandPaletteOption, useDesignSystemLabels, useScrollRow };
+import "./typography/index.js";
+export { AccessNotice, ActionError, ActionModal, ActionStack, ActivityCard, ActivityCardSkeleton, ActivityLabel, ActivityLine, type ActivityState, ActivityTrack, AddFolderLine, AddItemButton, AgentAge, AgentList, AgentRow, Alert, AngledDevice, Announcement, AppIcon, AppShell, AppWindow, Artwork, ArtworkTabs, type ArtworkTabsItem, AsyncState, AttachmentLink, AttentionEntry, AttentionList, AttentionMark, AttentionNone, type AttentionTone, AuthLayout, Avatar, Backdrop, Badge, BadgeList, type BadgeListItem, type BadgeProps, BoardBrand, BoardContent, BoardCounter, BoardCounters, BoardShell, type BoardStatus, BoardTitleBar, BoardWarning, BoardWarnings, Box, BrandLink, BrandMark, Breadcrumbs, BrowserFrame, BuildLimit, Button, type ButtonKind, ButtonLink, type ButtonLinkProps, type ButtonProps, CallToAction, Callout, CalloutPair, CalloutStack, ChangeFailed, ChangeList, type ChangeListItem, CheckList, type CheckListItem, CheckRun, Checkbox, type CheckboxProps, ChecksState, ChipGroup, ChoiceDetails, Code, CodeBlock, type CodeProps, CollectionBrowseControls, CollectionBrowseSelector, CollectionBrowseTrigger, CollectionSectionHeader, CollectionState, type CollectionView, CollectionViewToggle, type ColorSwatch, ColorSwatches, CommandPalette, CommandPaletteGroup, CommandPaletteOption, type CommandPaletteToken, CommandPaletteTrigger, type CommandPaletteTriggerToken, Comment, CommentList, type ConceptPhoto, ContentContainer, CopyButton, CounterAge, CounterDash, CounterDivider, CounterEmpty, CounterFigure, CounterGroup, CounterGroups, CounterItem, CounterList, CounterOfLimit, CounterPartial, CreateIssueChoice, CreateLabelForm, type DataAttributes, DataRow, DataTable, type DataTableCell, type DataTableRow, DependencyItem, DependencyList, type DesignSystemLabelOverrides, type DesignSystemLabels, DesignSystemProvider, DeskCard, DeskHint, DeskMergeState, DeskSection, DetailFact, DetailHero, DetailHeroDetail, DetailHeroDetails, DetailHeroTags, DetailList, DetailsHeading, DetailsSection, DetailsText, DeviceCard, DeviceStage, Diagram, DialogActions, Disclosure, DismissButton, Divider, DossierBody, type DossierChipTone, DossierChips, DossierFields, DossierLine, DossierList, DossierNext, DossierNote, DossierRepos, DossierRow, DossierTitle, DossierTitleCell, DossierToggle, DossierTools, DraftFields, DraftTicketPart, Drawer, type DrilldownBrowseGroup, type DrilldownBrowseItem, DrilldownBrowseSelector, DropdownMenu, EarlierThread, EarlierThreadList, EditActions, EditorSlot, EmptyBoard, EntryButton, type ErrorNotification, Eyebrow, FactList, FeatureGrid, FeatureRow, FeatureRows, FeatureTile, Field, type FieldProps, FilterBar, FilterChip, FilterChoice, FilterChoices, FilterMenu, type FlowSpace, FocusPanel, FolderSelector, type FolderSelectorOption, type FolderSelectorProps, FormAction, FormContent, FormField, FormFieldset, FormResult, FormRow, FormSection, FormStack, FormUnit, Grid, GuidedMedia, HeaderStatus, HeaderSwitch, Heading, type HeadingProps, HelpTip, Hero, HiddenField, HistoryRow, IconButton, type IconButtonProps, Identity, ImageCard, ImagePicker, ImagePickerGrid, ImagePickerOption, ImageUpload, ImageViewer, InfoBox, Inline, InlineFields, InlineLink, InlineList, Input, type InputProps, InsetPanel, ItemAction, ItemDialogAside, ItemDialogBody, ItemDialogColumns, ItemFields, ItemProgressPanel, type ItemSource, ItemSummary, ItemTitle, Kbd, KindIcon, KindMarker, KindQuestion, LabelChip, type LabelChoice, LabelChooser, LabelChooserEmpty, LabelChooserFooter, LabelChooserList, LabelChooserOption, type LabelCreation, LabelEditorPanel, LabelPicker, LaptopFrame, LimitBars, Link, LinkBox, LinkOverlay, type LinkOverlayProps, type LinkProps, ListButton, type ListColumn, ListGroupItem, ListHeader, ListItemRow, ListNote, LiveRegion, Loading, type LoadingLine, type LoadingMark, LoadingScreen, LossList, MainColumnSlot, MainSection, MapBand, MapCanvas, MapCheckNode, type MapEdge, MapEdgeLabel, MapEdges, MapHistoryGroup, MapHistoryList, MapLaneName, MapNode, MapPartNode, MarkdownEditor, type MediaApp, type MergeState, MetaArea, MeterLegend, type MeterSegment, type MeterTone, Modal, ModalExpandButton, NeedsYouNotice, NeedsYouResult, NoticeCard, type Notification, Notifications, OnYourDesk, OpenSettingsButton, OptionSelect, type OptionSelectOption, OutgoingTicket, PageLayout, PageSection, PairingList, type PairingListItem, PanelField, type PartKind, PartKindLabel, PartLink, PartName, PartRow, type PartSegment, PartTrack, PartWaits, PartsBar, PartsList, PartsProgress, PathList, PeoplePreview, Person, PhoneFrame, PhotoSearchConcept, PlanningNote, type Platform, PlatformGrid, PointList, Popover, ProductBand, ProductBands, ProductCard, type ProductEntry, ProductGrid, ProductIndex, Progress, ProgressActivity, ProgressCount, ProgressStatusRow, ProjectIcon, type ProjectIconColor, type ProjectIconSize, type ProjectIconSource, ProjectLine, ProjectList, ProjectListItem, ProjectValueList, PropertySheet, type PropertySheetRow, type PropertySheetTag, PullRequestList, PullRequestReadiness, PullRequestRef, PullRequestRow, QrCode, QueueAge, QueuePlace, RadioChoice, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RatingLink, type Readiness, ReadinessDetails, type ReadinessItem, ReadinessLegend, ReadinessPanel, ReadingLine, ReasonNote, RefButton, type RefreshHealth, RefreshIndicator, type ReleaseNote, ReleaseNotes, RepoIdentity, RepoTag, ResourceCard, ResourceCardSkeleton, ResponsiveMedia, ResultEmpty, ResultList, ResultRow, type ResultRowProps, Reveal, RichText, type RichTextFormat, Roadmap, type RoadmapItem, RouteDiagram, type RouteNode, RowBlocked, RowCells, RowCount, RowFirst, RowFoot, RowGlyph, RowIdentity, RowKindCell, RowList, RowListItem, RowOpen, RowPartOf, RowSecondLine, RowSide, RowSliceNote, RowSliceToggle, RowSlices, RowState, RowStateCell, RowTitle, RowTitleCell, Screenshot, type ScreenshotProps, ScrollArea, type ScrollAreaProps, ScrollRow, ScrollRowArrows, ScrollRowItem, Section, SectionHeader, SectionHeading, Select, SelectItem, type SelectProps, type ServerBay, ServerUnit, SettingConfirm, SettingControl, SettingDetails, SettingLastRun, SettingsNav, SettingsNote, SetupCardList, SetupHeader, SetupStep, ShowDoneToggle, SidebarNavigationGroup, SidebarNavigationItem, SidebarPane, SiteFooter, SiteHeader, type SiteLink, SiteShell, SkeletonLoader, SliceBar, SliceChip, SliceChips, SliceList, SliceMark, type SliceProgress, SliceRow, SortMenu, SourceIcon, SpecSync, SprintCount, Stack, type StackProps, StackedMeter, StageList, StagePane, StagePaneEmpty, StageRowItem, StageSections, StageTrack, StartGroup, StartLine, StartNote, StartTag, StatTile, StatusGlyph, StatusIndicator, StatusLight, StatusPill, StatusPopoverContent, StatusRow, type StatusTone, type Step, StepFlow, StepList, SummaryAge, SummaryBlocked, SummaryPanel, SummaryParent, SummaryStatus, Switch, TabletFrame, TagInput, Text, TextPreview, type TextProps, TextSection, Textarea, type ThemeController, type ThemePreference, ThemeSwitch, ThreadLine, TicketLink, TicketLinkList, TicketSearch, type TicketSearchMatch, TicketSearchPane, TimeSeriesChart, TimeSeriesChartSkeleton, type TimeSeriesPoint, TitleBar, TitleBarDivider, TitleBarTrail, type TitleBarTrailItem, TitleLink, ToolMissing, ToolbarStatusGroup, ToolbarStatusItem, Tooltip, TooltipPopup, TooltipProvider, TooltipTrigger, TrackerLabelEditor, TrackerLabelList, TrackerLabelRow, TvFrame, UpdateDownloading, UpdatePill, UpdateStatusIcon, UsageFigures, ViewTabs, type ViewTabsItem, ViewToggle, type ViewToggleOption, VirtualGrid, VirtualList, type VirtualListProps, VocabularyMore, VocabularyRow, VocabularySuggestion, WaitsOnList, WarningNote, WorkMapFrame, WorkflowSteps, WorkingAgents, WorkspaceActionsHeader, ambientMotion, applePlatform, buttonKind, clearNotification, createThemeController, defaultDesignSystemLabels, dismissAllNotifications, isShortcut, isThemePreference, revealInRow, showErrorNotification, showNotification, showSuccessNotification, statusColor, tabbable, useCollectionMotion, useCommandPaletteOption, useDesignSystemLabels, useNotificationControls, useScrollRow };