@stll/ui 0.54.1 → 0.55.0

package/dist/components/alert-dialog.d.ts

@@ -1,6 +1,6 @@
-import { OverlayLayer } from "../lib/overlay-layer.js";
-import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
 import * as React$1 from "react";
+import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
+import { OverlayLayer } from "../lib/overlay-layer.js";
 //#region src/components/alert-dialog.d.ts
 declare const AlertDialogCreateHandle: typeof AlertDialog$1.createHandle;
 declare const AlertDialog: typeof AlertDialog$1.Root;

package/dist/components/button.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from "react";
-import { useRender } from "@base-ui/react/use-render";
 import { VariantProps } from "class-variance-authority";
+import { useRender } from "@base-ui/react/use-render";
 //#region src/components/button.d.ts
 /**
  * Disabled styling for a button that is only `aria-disabled`.
@@ -52,7 +52,8 @@ type ButtonProps = {
   loading?: boolean;
   icon?: ReactNode;
   tooltip?: ReactNode;
+  "data-accessible-disabled"?: "";
 } & useRender.ComponentProps<"button">;
-declare function Button({ className, variant, size, render, loading, icon, children, disabled, tooltip, ...props }: ButtonProps): import("react").JSX.Element;
+declare function Button({ className, variant, size, render, loading, icon, children, disabled, tooltip, "data-accessible-disabled": accessibleDisabled, ...props }: ButtonProps): import("react").JSX.Element;
 //#endregion
 export { BUTTON_CONTENT, BUTTON_SIZE_CONTENT, Button, buttonAccessibleDisabledClass, buttonVariants };

package/dist/components/button.js

@@ -102,7 +102,7 @@ const implicitTooltip = (size, accessibleName) => {
 		default: return panic(`Unhandled button content: ${String(content)}`);
 	}
 };
-function Button({ className, variant, size, render, loading, icon, children, disabled, tooltip, ...props }) {
+function Button({ className, variant, size, render, loading, icon, children, disabled, tooltip, "data-accessible-disabled": accessibleDisabled, ...props }) {
 	const typeValue = render ? void 0 : "button";
 	const tooltipContent = tooltip ?? implicitTooltip(size, props["aria-label"] ?? props.title);
 	const disposition = resolveButtonDisposition({
@@ -111,6 +111,7 @@ function Button({ className, variant, size, render, loading, icon, children, dis
 		tooltip: tooltipContent
 	});
 	const isAccessibleDisabled = disposition === BUTTON_DISPOSITION.accessibleDisabled;
+	const isActivationPreservingDisabled = accessibleDisabled !== void 0;
 	const defaultProps = {
 		children: /* @__PURE__ */ jsxs(Fragment, { children: [loading ? /* @__PURE__ */ jsx(Loader, {
 			animation: "none",
@@ -119,18 +120,19 @@ function Button({ className, variant, size, render, loading, icon, children, dis
 			size: "sm",
 			variant: "decorative"
 		}) : icon, children] }),
-		className: cn(disposition === BUTTON_DISPOSITION.enabled && size !== "row" && variant !== "link" && buttonPressClass, buttonVariants({
+		className: cn(disposition === BUTTON_DISPOSITION.enabled && !isActivationPreservingDisabled && size !== "row" && variant !== "link" && buttonPressClass, buttonVariants({
 			className,
 			size,
 			variant
-		}), isAccessibleDisabled && "cursor-not-allowed opacity-64"),
+		}), (isAccessibleDisabled || isActivationPreservingDisabled) && "cursor-not-allowed opacity-64"),
 		"data-slot": "button",
 		"aria-busy": loading || void 0,
-		...isAccessibleDisabled ? {
+		...isAccessibleDisabled || isActivationPreservingDisabled ? {
 			"aria-disabled": true,
 			"data-disabled": "",
 			tabIndex: 0
 		} : { disabled: disposition === BUTTON_DISPOSITION.nativeDisabled },
+		"data-accessible-disabled": accessibleDisabled,
 		type: typeValue
 	};
 	const button = useRender({

package/dist/components/combobox.d.ts

@@ -1,6 +1,6 @@
-import { ControlSize } from "../lib/control-size.js";
 import * as React$1 from "react";
 import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
+import { ControlSize } from "../lib/control-size.js";
 //#region src/components/combobox.d.ts
 declare const Combobox: <Value, Multiple extends boolean | undefined = false>(props: Combobox$1.Root.Props<Value, Multiple>) => React$1.JSX.Element;
 declare const ComboboxChipsInput: ({ className, size, ...props }: Omit<Combobox$1.Input.Props, "size"> & {

package/dist/components/command.d.ts

@@ -1,9 +1,9 @@
-import { ControlSize } from "../lib/control-size.js";
-import { DialogContent as DialogPopup } from "./dialog.js";
 import * as React$1 from "react";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+import { ControlSize } from "../lib/control-size.js";
 import { Dialog } from "@base-ui/react/dialog";
+import { DialogContent as DialogPopup } from "./dialog.js";
 import { VariantProps } from "class-variance-authority";
-import { Autocomplete } from "@base-ui/react/autocomplete";
 //#region src/components/command.d.ts
 type CommandProps<ItemValue> = Omit<Autocomplete.Root.Props<ItemValue>, "items"> & {
   items?: readonly ItemValue[] | undefined;

package/dist/components/composer-tokens.d.ts

@@ -0,0 +1,72 @@
+//#region src/components/composer-tokens.d.ts
+/**
+ * The tokens every composer box shares: the chat hero, the chat follow-up
+ * bar, the docked bar over documents (inspector chat, file overlay,
+ * Template Studio) and the law home's entry box all render one shell from
+ * these, so they restyle together. A surface that needs the look imports
+ * these rather than copying the classes; a copy is how the boxes drifted
+ * apart the first time (44px / `rounded-lg` / 14px in the chat, 38px /
+ * `rounded-2xl` / 13px in the inspector).
+ */
+/** Shared responsive size for the two round controls flanking a composer. */
+export declare const COMPOSER_CONTROL_BUTTON_SIZE: "icon-sm";
+/** The bordered box: background, radius, border, colour transition. The
+ *  radius is the docked bar's original `rounded-2xl`: at the compact row's
+ *  stature it reads as a soft pill, which is the shape the composers were
+ *  meant to unify on. */
+export declare const COMPOSER_BOX_CLASS = "bg-background rounded-2xl border";
+/** The box's focus ring in its default (non-anonymized) treatment. */
+export declare const COMPOSER_BOX_FOCUS_CLASS = "focus-within:border-ring";
+/**
+ * The box's "shield active" treatment when the next send is anonymized: a
+ * blue ring replaces the default focus border (both together read as a
+ * double ring on click).
+ */
+export declare const COMPOSER_BOX_ANONYMIZED_CLASS = "ring-info/40 border-info/40 focus-within:border-info/60 shadow-[0_0_0_4px_rgb(from_var(--color-info)_r_g_b_/_0.08)] ring-1";
+/**
+ * The compact (one-line) bar row: its stature, end alignment, control gap
+ * and inset. The surface supplies the layout (`grid` for the chat bar's
+ * three fixed columns, `flex` for the docked bar's variable leading
+ * controls); the row grows with the editor.
+ */
+export declare const COMPOSER_COMPACT_ROW_CLASS = "min-h-11 items-end gap-1 px-1.5 py-px";
+/**
+ * The compact text cell: one `text-sm` line at `leading-5` plus the
+ * vertical inset that makes a single line exactly as tall as the row's
+ * inner height (44px row, 1px inset each side ⇒ 42px), so text and controls
+ * share one centre. The editable element itself takes `min-h-0` so an empty
+ * composer collapses to this one line and grows from there.
+ */
+export declare const COMPOSER_COMPACT_TEXT_CELL_CLASS = "relative min-w-0 py-[11px]";
+/** Text stature of the editor and every placeholder painted over it. */
+export declare const COMPOSER_TEXT_CLASS = "text-sm leading-5";
+/**
+ * The `large` (hero) text well: the padding around the editor. The editor's
+ * own stature is `COMPOSER_LARGE_EDITOR_CLASS` (~3 lines of `text-sm` at
+ * `leading-5`), applied on the editable element by each surface because the
+ * chat editor targets its `.ProseMirror` node while a plain textarea takes
+ * it directly.
+ */
+export declare const COMPOSER_LARGE_TEXT_WELL_CLASS = "ps-3 pe-3 pt-2 pb-1";
+/** The `large` editable element's stature: three lines before it grows. */
+export declare const COMPOSER_LARGE_EDITOR_CLASS = "min-h-15";
+/** The placeholder painted over an empty editor, in either stature. */
+export declare const COMPOSER_PLACEHOLDER_CLASS = "text-foreground-placeholder pointer-events-none absolute truncate text-sm";
+/** The `large` action row under the text well: leading controls, trailing send. */
+export declare const COMPOSER_LARGE_ACTION_ROW_CLASS = "flex items-center justify-end gap-0.5 px-1.5 pb-1.5";
+/** The leading group of the action row (the (+) menu, or a scope control). */
+export declare const COMPOSER_LEADING_GROUP_CLASS = "flex min-w-0 items-center gap-0.5";
+/**
+ * The round, foreground-filled primary control at the action row's end:
+ * the chat's send/stop/retry button and the law home's submit. `size-7`
+ * pins the circle to the (+) trigger's diameter at every breakpoint
+ * (`icon-sm` alone is 32px below `sm`), so a row's two round ends match.
+ */
+export declare const COMPOSER_SEND_BUTTON_CLASS = "bg-foreground text-background hover:bg-foreground/90 size-7 shrink-0 rounded-full";
+/**
+ * A picker in the status row under the box (the chat's matter picker, the
+ * law home's scope and jurisdiction): quiet text with a hover surface, so
+ * the row stays subordinate to the box above it.
+ */
+export declare const COMPOSER_PICKER_TRIGGER_CLASS = "text-muted-foreground hover:text-foreground hover:bg-accent inline-flex min-w-0 shrink items-center gap-1 rounded-md px-1.5 py-0.5 text-2xs";
+//#endregion

package/dist/components/composer-tokens.js

@@ -0,0 +1,73 @@
+//#region src/components/composer-tokens.ts
+/**
+* The tokens every composer box shares: the chat hero, the chat follow-up
+* bar, the docked bar over documents (inspector chat, file overlay,
+* Template Studio) and the law home's entry box all render one shell from
+* these, so they restyle together. A surface that needs the look imports
+* these rather than copying the classes; a copy is how the boxes drifted
+* apart the first time (44px / `rounded-lg` / 14px in the chat, 38px /
+* `rounded-2xl` / 13px in the inspector).
+*/
+/** Shared responsive size for the two round controls flanking a composer. */
+const COMPOSER_CONTROL_BUTTON_SIZE = "icon-sm";
+/** The bordered box: background, radius, border, colour transition. The
+*  radius is the docked bar's original `rounded-2xl`: at the compact row's
+*  stature it reads as a soft pill, which is the shape the composers were
+*  meant to unify on. */
+const COMPOSER_BOX_CLASS = "bg-background rounded-2xl border";
+/** The box's focus ring in its default (non-anonymized) treatment. */
+const COMPOSER_BOX_FOCUS_CLASS = "focus-within:border-ring";
+/**
+* The box's "shield active" treatment when the next send is anonymized: a
+* blue ring replaces the default focus border (both together read as a
+* double ring on click).
+*/
+const COMPOSER_BOX_ANONYMIZED_CLASS = "ring-info/40 border-info/40 focus-within:border-info/60 shadow-[0_0_0_4px_rgb(from_var(--color-info)_r_g_b_/_0.08)] ring-1";
+/**
+* The compact (one-line) bar row: its stature, end alignment, control gap
+* and inset. The surface supplies the layout (`grid` for the chat bar's
+* three fixed columns, `flex` for the docked bar's variable leading
+* controls); the row grows with the editor.
+*/
+const COMPOSER_COMPACT_ROW_CLASS = "min-h-11 items-end gap-1 px-1.5 py-px";
+/**
+* The compact text cell: one `text-sm` line at `leading-5` plus the
+* vertical inset that makes a single line exactly as tall as the row's
+* inner height (44px row, 1px inset each side ⇒ 42px), so text and controls
+* share one centre. The editable element itself takes `min-h-0` so an empty
+* composer collapses to this one line and grows from there.
+*/
+const COMPOSER_COMPACT_TEXT_CELL_CLASS = "relative min-w-0 py-[11px]";
+/** Text stature of the editor and every placeholder painted over it. */
+const COMPOSER_TEXT_CLASS = "text-sm leading-5";
+/**
+* The `large` (hero) text well: the padding around the editor. The editor's
+* own stature is `COMPOSER_LARGE_EDITOR_CLASS` (~3 lines of `text-sm` at
+* `leading-5`), applied on the editable element by each surface because the
+* chat editor targets its `.ProseMirror` node while a plain textarea takes
+* it directly.
+*/
+const COMPOSER_LARGE_TEXT_WELL_CLASS = "ps-3 pe-3 pt-2 pb-1";
+/** The `large` editable element's stature: three lines before it grows. */
+const COMPOSER_LARGE_EDITOR_CLASS = "min-h-15";
+/** The placeholder painted over an empty editor, in either stature. */
+const COMPOSER_PLACEHOLDER_CLASS = "text-foreground-placeholder pointer-events-none absolute truncate text-sm";
+/** The `large` action row under the text well: leading controls, trailing send. */
+const COMPOSER_LARGE_ACTION_ROW_CLASS = "flex items-center justify-end gap-0.5 px-1.5 pb-1.5";
+/** The leading group of the action row (the (+) menu, or a scope control). */
+const COMPOSER_LEADING_GROUP_CLASS = "flex min-w-0 items-center gap-0.5";
+/**
+* The round, foreground-filled primary control at the action row's end:
+* the chat's send/stop/retry button and the law home's submit. `size-7`
+* pins the circle to the (+) trigger's diameter at every breakpoint
+* (`icon-sm` alone is 32px below `sm`), so a row's two round ends match.
+*/
+const COMPOSER_SEND_BUTTON_CLASS = "bg-foreground text-background hover:bg-foreground/90 size-7 shrink-0 rounded-full";
+/**
+* A picker in the status row under the box (the chat's matter picker, the
+* law home's scope and jurisdiction): quiet text with a hover surface, so
+* the row stays subordinate to the box above it.
+*/
+const COMPOSER_PICKER_TRIGGER_CLASS = "text-muted-foreground hover:text-foreground hover:bg-accent inline-flex min-w-0 shrink items-center gap-1 rounded-md px-1.5 py-0.5 text-2xs";
+//#endregion
+export { COMPOSER_BOX_ANONYMIZED_CLASS, COMPOSER_BOX_CLASS, COMPOSER_BOX_FOCUS_CLASS, COMPOSER_COMPACT_ROW_CLASS, COMPOSER_COMPACT_TEXT_CELL_CLASS, COMPOSER_CONTROL_BUTTON_SIZE, COMPOSER_LARGE_ACTION_ROW_CLASS, COMPOSER_LARGE_EDITOR_CLASS, COMPOSER_LARGE_TEXT_WELL_CLASS, COMPOSER_LEADING_GROUP_CLASS, COMPOSER_PICKER_TRIGGER_CLASS, COMPOSER_PLACEHOLDER_CLASS, COMPOSER_SEND_BUTTON_CLASS, COMPOSER_TEXT_CLASS };

package/dist/components/composer.d.ts

@@ -1,75 +1,6 @@
+import { COMPOSER_BOX_ANONYMIZED_CLASS, COMPOSER_BOX_CLASS, COMPOSER_BOX_FOCUS_CLASS, COMPOSER_COMPACT_ROW_CLASS, COMPOSER_COMPACT_TEXT_CELL_CLASS, COMPOSER_CONTROL_BUTTON_SIZE, COMPOSER_LARGE_ACTION_ROW_CLASS, COMPOSER_LARGE_EDITOR_CLASS, COMPOSER_LARGE_TEXT_WELL_CLASS, COMPOSER_LEADING_GROUP_CLASS, COMPOSER_PICKER_TRIGGER_CLASS, COMPOSER_PLACEHOLDER_CLASS, COMPOSER_SEND_BUTTON_CLASS, COMPOSER_TEXT_CLASS } from "./composer-tokens.js";
 import { ReactNode } from "react";
 //#region src/components/composer.d.ts
-/**
- * The tokens every composer box shares: the chat hero, the chat follow-up
- * bar, the docked bar over documents (inspector chat, file overlay,
- * Template Studio) and the law home's entry box all render one shell from
- * these, so they restyle together. A surface that needs the look imports
- * these rather than copying the classes; a copy is how the boxes drifted
- * apart the first time (44px / `rounded-lg` / 14px in the chat, 38px /
- * `rounded-2xl` / 13px in the inspector).
- */
-/** Shared responsive size for the two round controls flanking a composer. */
-export declare const COMPOSER_CONTROL_BUTTON_SIZE: "icon-sm";
-/** The bordered box: background, radius, border, colour transition. The
- *  radius is the docked bar's original `rounded-2xl`: at the compact row's
- *  stature it reads as a soft pill, which is the shape the composers were
- *  meant to unify on. */
-export declare const COMPOSER_BOX_CLASS = "bg-background rounded-2xl border";
-/** The box's focus ring in its default (non-anonymized) treatment. */
-export declare const COMPOSER_BOX_FOCUS_CLASS = "focus-within:border-ring";
-/**
- * The box's "shield active" treatment when the next send is anonymized: a
- * blue ring replaces the default focus border (both together read as a
- * double ring on click).
- */
-export declare const COMPOSER_BOX_ANONYMIZED_CLASS = "ring-info/40 border-info/40 focus-within:border-info/60 shadow-[0_0_0_4px_rgb(from_var(--color-info)_r_g_b_/_0.08)] ring-1";
-/**
- * The compact (one-line) bar row: its stature, end alignment, control gap
- * and inset. The surface supplies the layout (`grid` for the chat bar's
- * three fixed columns, `flex` for the docked bar's variable leading
- * controls); the row grows with the editor.
- */
-export declare const COMPOSER_COMPACT_ROW_CLASS = "min-h-11 items-end gap-1 px-1.5 py-px";
-/**
- * The compact text cell: one `text-sm` line at `leading-5` plus the
- * vertical inset that makes a single line exactly as tall as the row's
- * inner height (44px row, 1px inset each side ⇒ 42px), so text and controls
- * share one centre. The editable element itself takes `min-h-0` so an empty
- * composer collapses to this one line and grows from there.
- */
-export declare const COMPOSER_COMPACT_TEXT_CELL_CLASS = "relative min-w-0 py-[11px]";
-/** Text stature of the editor and every placeholder painted over it. */
-export declare const COMPOSER_TEXT_CLASS = "text-sm leading-5";
-/**
- * The `large` (hero) text well: the padding around the editor. The editor's
- * own stature is `COMPOSER_LARGE_EDITOR_CLASS` (~3 lines of `text-sm` at
- * `leading-5`), applied on the editable element by each surface because the
- * chat editor targets its `.ProseMirror` node while a plain textarea takes
- * it directly.
- */
-export declare const COMPOSER_LARGE_TEXT_WELL_CLASS = "ps-3 pe-3 pt-2 pb-1";
-/** The `large` editable element's stature: three lines before it grows. */
-export declare const COMPOSER_LARGE_EDITOR_CLASS = "min-h-15";
-/** The placeholder painted over an empty editor, in either stature. */
-export declare const COMPOSER_PLACEHOLDER_CLASS = "text-foreground-placeholder pointer-events-none absolute truncate text-sm";
-/** The `large` action row under the text well: leading controls, trailing send. */
-export declare const COMPOSER_LARGE_ACTION_ROW_CLASS = "flex items-center justify-end gap-0.5 px-1.5 pb-1.5";
-/** The leading group of the action row (the (+) menu, or a scope control). */
-export declare const COMPOSER_LEADING_GROUP_CLASS = "flex min-w-0 items-center gap-0.5";
-/**
- * The round, foreground-filled primary control at the action row's end:
- * the chat's send/stop/retry button and the law home's submit. `size-7`
- * pins the circle to the (+) trigger's diameter at every breakpoint
- * (`icon-sm` alone is 32px below `sm`), so a row's two round ends match.
- */
-export declare const COMPOSER_SEND_BUTTON_CLASS = "bg-foreground text-background hover:bg-foreground/90 size-7 shrink-0 rounded-full";
-/**
- * A picker in the status row under the box (the chat's matter picker, the
- * law home's scope and jurisdiction): quiet text with a hover surface, so
- * the row stays subordinate to the box above it.
- */
-export declare const COMPOSER_PICKER_TRIGGER_CLASS = "text-muted-foreground hover:text-foreground hover:bg-accent inline-flex min-w-0 shrink items-center gap-1 rounded-md px-1.5 py-0.5 text-2xs";
 type ComposerStatusRowProps = {
   /** Left cluster: matter picker, web-search / anonymize toggles, ... */
   start?: ReactNode | undefined;
@@ -112,4 +43,5 @@ type ComposerPickerProps<Value extends string> = {
  * kind of control.
  */
 export declare const ComposerPicker: <Value extends string>({ ariaLabel, icon, onChange, options, value }: ComposerPickerProps<Value>) => import("react").JSX.Element;
-//#endregion
+//#endregion
+export { COMPOSER_BOX_ANONYMIZED_CLASS, COMPOSER_BOX_CLASS, COMPOSER_BOX_FOCUS_CLASS, COMPOSER_COMPACT_ROW_CLASS, COMPOSER_COMPACT_TEXT_CELL_CLASS, COMPOSER_CONTROL_BUTTON_SIZE, COMPOSER_LARGE_ACTION_ROW_CLASS, COMPOSER_LARGE_EDITOR_CLASS, COMPOSER_LARGE_TEXT_WELL_CLASS, COMPOSER_LEADING_GROUP_CLASS, COMPOSER_PICKER_TRIGGER_CLASS, COMPOSER_PLACEHOLDER_CLASS, COMPOSER_SEND_BUTTON_CLASS, COMPOSER_TEXT_CLASS };

package/dist/components/composer.js

@@ -2,79 +2,10 @@
 import { ChevronDownIcon } from "../icons.js";
 import { cn } from "../lib/utils.js";
 import { DropdownMenu as Menu, DropdownMenuContent as MenuPopup, DropdownMenuRadioGroup as MenuRadioGroup, DropdownMenuRadioItem as MenuRadioItem, DropdownMenuTrigger as MenuTrigger } from "./menu.js";
+import { COMPOSER_BOX_ANONYMIZED_CLASS, COMPOSER_BOX_CLASS, COMPOSER_BOX_FOCUS_CLASS, COMPOSER_COMPACT_ROW_CLASS, COMPOSER_COMPACT_TEXT_CELL_CLASS, COMPOSER_CONTROL_BUTTON_SIZE, COMPOSER_LARGE_ACTION_ROW_CLASS, COMPOSER_LARGE_EDITOR_CLASS, COMPOSER_LARGE_TEXT_WELL_CLASS, COMPOSER_LEADING_GROUP_CLASS, COMPOSER_PICKER_TRIGGER_CLASS, COMPOSER_PLACEHOLDER_CLASS, COMPOSER_SEND_BUTTON_CLASS, COMPOSER_TEXT_CLASS } from "./composer-tokens.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/composer.tsx
 /**
-* The tokens every composer box shares: the chat hero, the chat follow-up
-* bar, the docked bar over documents (inspector chat, file overlay,
-* Template Studio) and the law home's entry box all render one shell from
-* these, so they restyle together. A surface that needs the look imports
-* these rather than copying the classes; a copy is how the boxes drifted
-* apart the first time (44px / `rounded-lg` / 14px in the chat, 38px /
-* `rounded-2xl` / 13px in the inspector).
-*/
-/** Shared responsive size for the two round controls flanking a composer. */
-const COMPOSER_CONTROL_BUTTON_SIZE = "icon-sm";
-/** The bordered box: background, radius, border, colour transition. The
-*  radius is the docked bar's original `rounded-2xl`: at the compact row's
-*  stature it reads as a soft pill, which is the shape the composers were
-*  meant to unify on. */
-const COMPOSER_BOX_CLASS = "bg-background rounded-2xl border";
-/** The box's focus ring in its default (non-anonymized) treatment. */
-const COMPOSER_BOX_FOCUS_CLASS = "focus-within:border-ring";
-/**
-* The box's "shield active" treatment when the next send is anonymized: a
-* blue ring replaces the default focus border (both together read as a
-* double ring on click).
-*/
-const COMPOSER_BOX_ANONYMIZED_CLASS = "ring-info/40 border-info/40 focus-within:border-info/60 shadow-[0_0_0_4px_rgb(from_var(--color-info)_r_g_b_/_0.08)] ring-1";
-/**
-* The compact (one-line) bar row: its stature, end alignment, control gap
-* and inset. The surface supplies the layout (`grid` for the chat bar's
-* three fixed columns, `flex` for the docked bar's variable leading
-* controls); the row grows with the editor.
-*/
-const COMPOSER_COMPACT_ROW_CLASS = "min-h-11 items-end gap-1 px-1.5 py-px";
-/**
-* The compact text cell: one `text-sm` line at `leading-5` plus the
-* vertical inset that makes a single line exactly as tall as the row's
-* inner height (44px row, 1px inset each side ⇒ 42px), so text and controls
-* share one centre. The editable element itself takes `min-h-0` so an empty
-* composer collapses to this one line and grows from there.
-*/
-const COMPOSER_COMPACT_TEXT_CELL_CLASS = "relative min-w-0 py-[11px]";
-/** Text stature of the editor and every placeholder painted over it. */
-const COMPOSER_TEXT_CLASS = "text-sm leading-5";
-/**
-* The `large` (hero) text well: the padding around the editor. The editor's
-* own stature is `COMPOSER_LARGE_EDITOR_CLASS` (~3 lines of `text-sm` at
-* `leading-5`), applied on the editable element by each surface because the
-* chat editor targets its `.ProseMirror` node while a plain textarea takes
-* it directly.
-*/
-const COMPOSER_LARGE_TEXT_WELL_CLASS = "ps-3 pe-3 pt-2 pb-1";
-/** The `large` editable element's stature: three lines before it grows. */
-const COMPOSER_LARGE_EDITOR_CLASS = "min-h-15";
-/** The placeholder painted over an empty editor, in either stature. */
-const COMPOSER_PLACEHOLDER_CLASS = "text-foreground-placeholder pointer-events-none absolute truncate text-sm";
-/** The `large` action row under the text well: leading controls, trailing send. */
-const COMPOSER_LARGE_ACTION_ROW_CLASS = "flex items-center justify-end gap-0.5 px-1.5 pb-1.5";
-/** The leading group of the action row (the (+) menu, or a scope control). */
-const COMPOSER_LEADING_GROUP_CLASS = "flex min-w-0 items-center gap-0.5";
-/**
-* The round, foreground-filled primary control at the action row's end:
-* the chat's send/stop/retry button and the law home's submit. `size-7`
-* pins the circle to the (+) trigger's diameter at every breakpoint
-* (`icon-sm` alone is 32px below `sm`), so a row's two round ends match.
-*/
-const COMPOSER_SEND_BUTTON_CLASS = "bg-foreground text-background hover:bg-foreground/90 size-7 shrink-0 rounded-full";
-/**
-* A picker in the status row under the box (the chat's matter picker, the
-* law home's scope and jurisdiction): quiet text with a hover surface, so
-* the row stays subordinate to the box above it.
-*/
-const COMPOSER_PICKER_TRIGGER_CLASS = "text-muted-foreground hover:text-foreground hover:bg-accent inline-flex min-w-0 shrink items-center gap-1 rounded-md px-1.5 py-0.5 text-2xs";
-/**
 * The slim status row rendered beneath a composer box: a `text-xs` row with
 * a start cluster and an end slot pinned to the far edge. Shared by every
 * surface so the shell can never drift. Renders nothing when both slots are

package/dist/components/copy-button.d.ts

@@ -1,6 +1,6 @@
 import { Button } from "./button.js";
-import { CopyToClipboardIcon } from "../icons.js";
 import { ComponentProps } from "react";
+import { CopyToClipboardIcon } from "../icons.js";
 //#region src/components/copy-button.d.ts
 export declare const COPIED_RESET_MS = 1500;
 type CopyButtonProps = Omit<ComponentProps<typeof Button>, "children" | "onClick"> & {

package/dist/components/date-picker-popover.d.ts

@@ -1,5 +1,5 @@
-import { OverlayLayer } from "../lib/overlay-layer.js";
 import { DatePickerMode } from "./date-picker-popover.logic.js";
+import { OverlayLayer } from "../lib/overlay-layer.js";
 //#region src/components/date-picker-popover.d.ts
 /**
  * `compact` keeps the dense 32px day cells everywhere. `touch` grows day,

package/dist/components/destructive-action-confirmation.d.ts

@@ -1,5 +1,5 @@
-import { InputProps } from "./input.js";
 import * as React$1 from "react";
+import { InputProps } from "./input.js";
 //#region src/components/destructive-action-confirmation.d.ts
 type DestructiveActionConfirmationProps = Omit<InputProps, "onChange" | "type" | "value"> & {
   confirmation: string;

package/dist/components/dialog.d.ts

@@ -1,7 +1,7 @@
-import { OverlayLayer } from "../lib/overlay-layer.js";
-import { DialogFormState } from "./dialog-form-state.js";
 import * as React$1 from "react";
 import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
+import { DialogFormState } from "./dialog-form-state.js";
+import { OverlayLayer } from "../lib/overlay-layer.js";
 //#region src/components/dialog.d.ts
 declare const DialogCreateHandle: typeof Dialog$1.createHandle;
 type DialogLabels = {

package/dist/components/document-identity-badge.js

@@ -2,7 +2,7 @@ import { FileTextIcon } from "../icons.js";
 import { cn } from "../lib/utils.js";
 import { Tooltip, TooltipContent as TooltipPopup, TooltipTrigger } from "./tooltip.js";
 import { CourtBadge } from "./court-badge.js";
-import { COURT_TIER_WEIGHT, statuteIdentityLabels } from "./document-identity-badge.logic.js";
+import { COURT_TIER_WEIGHT, caseNumberIdentityLabels, statuteIdentityLabels } from "./document-identity-badge.logic.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { panic } from "better-result";
 //#region src/components/document-identity-badge.tsx
@@ -18,21 +18,11 @@ function documentIdentityMark(identity, size) {
 	switch (identity.kind) {
 		case "statute": {
 			const labels = statuteIdentityLabels(identity);
-			if (labels === null) return unknownDocumentMark();
-			return /* @__PURE__ */ jsxs("span", {
-				className: cn("@container/document-identity inline-flex max-w-full shrink-0 items-center justify-center font-mono leading-4 font-semibold tabular-nums", labels.short.length > 7 ? "text-[9px]" : "text-[10px]"),
-				style: { width: `${labels.long.length + .25}ch` },
-				"data-slot": "document-identity-badge",
-				"data-kind": "statute",
-				dir: "ltr",
-				children: [/* @__PURE__ */ jsx("bdi", {
-					className: statuteLabelClasses(labels.long.length).short,
-					children: labels.short
-				}), /* @__PURE__ */ jsx("bdi", {
-					className: statuteLabelClasses(labels.long.length).long,
-					children: labels.long
-				})]
-			});
+			return labels === null ? unknownDocumentMark() : referenceLabelMark(labels, "statute");
+		}
+		case "caseNumber": {
+			const labels = caseNumberIdentityLabels(identity);
+			return labels === null ? unknownDocumentMark() : referenceLabelMark(labels, "caseNumber");
 		}
 		case "decision": {
 			const abbreviation = identity.courtAbbreviation?.trim();
@@ -53,6 +43,30 @@ function documentIdentityMark(identity, size) {
 		default: return panic("Unhandled document identity");
 	}
 }
+/**
+* A number standing for its document: a statute's `165/12`, a decision's
+* `C-359/25`. Container queries compare available space with the full label
+* in the same monospace units, so no observer or per-row state is needed; a
+* label longer than its slot even in the short form truncates rather than
+* spilling over its neighbour.
+*/
+function referenceLabelMark(labels, kind) {
+	const classes = statuteLabelClasses(labels.long.length);
+	return /* @__PURE__ */ jsxs("span", {
+		className: cn("@container/document-identity inline-flex max-w-full shrink-0 items-center justify-center font-mono leading-4 font-semibold tabular-nums", labels.short.length > 7 ? "text-[9px]" : "text-[10px]"),
+		style: { width: `${labels.long.length + .25}ch` },
+		"data-slot": "document-identity-badge",
+		"data-kind": kind,
+		dir: "ltr",
+		children: [/* @__PURE__ */ jsx("bdi", {
+			className: cn("min-w-0 truncate", classes.short),
+			children: labels.short
+		}), /* @__PURE__ */ jsx("bdi", {
+			className: cn("min-w-0 truncate", classes.long),
+			children: labels.long
+		})]
+	});
+}
 function unknownDocumentMark() {
 	return /* @__PURE__ */ jsx(FileTextIcon, {
 		"aria-hidden": "true",

package/dist/components/document-identity-badge.logic.d.ts

@@ -13,13 +13,32 @@ export type DocumentIdentity = {
   kind: "decision";
   courtAbbreviation: string | null | undefined;
   courtTier?: keyof typeof COURT_TIER_WEIGHT | undefined;
+} |
+/**
+ * A decision named by its own case number, where a court chip would not
+ * tell several open decisions apart (one court's tabs side by side).
+ */
+{
+  kind: "caseNumber";
+  caseNumber: string | null | undefined;
 } | {
   kind: "unknown";
 };
-export declare const statuteIdentityLabels: ({ number, year }: Extract<DocumentIdentity, {
-  kind: "statute";
-}>) => {
+/** A reference label in its narrow and its full form. */
+export type IdentityLabels = {
   short: string;
   long: string;
-} | null;
+};
+export declare const statuteIdentityLabels: ({ number, year }: Extract<DocumentIdentity, {
+  kind: "statute";
+}>) => IdentityLabels | null;
+/**
+ * A case number in the two forms a statute number takes: the full one, and
+ * one whose closing four-digit year is cut to two, the way `165/2012` reads
+ * `165/12`. A number already printed with a two-digit year (`C-359/25`) is
+ * its own short form.
+ */
+export declare const caseNumberIdentityLabels: ({ caseNumber }: Extract<DocumentIdentity, {
+  kind: "caseNumber";
+}>) => IdentityLabels | null;
 //#endregion

package/dist/components/document-identity-badge.logic.js

@@ -21,5 +21,21 @@ const statuteIdentityLabels = ({ number, year }) => {
 		long: `${ordinal}/${fullYear}`
 	};
 };
+/** A four-digit year closing a case number: `1234/2019`, `C-1/2004`. */
+const TRAILING_FULL_YEAR = /\/\d{2}(\d{2})$/u;
+/**
+* A case number in the two forms a statute number takes: the full one, and
+* one whose closing four-digit year is cut to two, the way `165/2012` reads
+* `165/12`. A number already printed with a two-digit year (`C-359/25`) is
+* its own short form.
+*/
+const caseNumberIdentityLabels = ({ caseNumber }) => {
+	const long = caseNumber?.trim().replaceAll(/\s+/gu, " ") ?? "";
+	if (long === "") return null;
+	return {
+		short: long.replace(TRAILING_FULL_YEAR, "/$1"),
+		long
+	};
+};
 //#endregion
-export { COURT_TIER_WEIGHT, statuteIdentityLabels };
+export { COURT_TIER_WEIGHT, caseNumberIdentityLabels, statuteIdentityLabels };

package/dist/components/input-group.d.ts

@@ -1,6 +1,6 @@
+import * as React$1 from "react";
 import { InputProps } from "./input.js";
 import { TextareaProps } from "./textarea.js";
-import * as React$1 from "react";
 import { VariantProps } from "class-variance-authority";
 //#region src/components/input-group.d.ts
 declare const InputGroup: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;

package/dist/components/input.d.ts

@@ -1,5 +1,5 @@
-import { ControlSize } from "../lib/control-size.js";
 import * as React$1 from "react";
+import { ControlSize } from "../lib/control-size.js";
 import { Input as Input$1 } from "@base-ui/react/input";
 //#region src/components/input.d.ts
 type InputProps = Omit<Input$1.Props & React$1.RefAttributes<HTMLInputElement>, "size" | "style" | "type"> & {

package/dist/components/list.d.ts

@@ -1,6 +1,6 @@
 import * as React$1 from "react";
-import { useRender } from "@base-ui/react/use-render";
 import { VariantProps } from "class-variance-authority";
+import { useRender } from "@base-ui/react/use-render";
 //#region src/components/list.d.ts
 /**
  * Grouped list: a titled section holding one surface of hairline-divided

package/dist/components/pagination.d.ts

@@ -1,5 +1,5 @@
-import { Button } from "./button.js";
 import * as React$1 from "react";
+import { Button } from "./button.js";
 import { useRender } from "@base-ui/react/use-render";
 //#region src/components/pagination.d.ts
 declare const Pagination: ({ className, ...props }: React$1.ComponentProps<"nav">) => React$1.JSX.Element;

package/dist/components/popover.d.ts

@@ -1,6 +1,6 @@
-import { OverlayLayer } from "../lib/overlay-layer.js";
 import * as React$1 from "react";
 import { ComponentProps } from "react";
+import { OverlayLayer } from "../lib/overlay-layer.js";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
 //#region src/components/popover.d.ts
 declare const PopoverCreateHandle: typeof Popover$1.createHandle;

package/dist/components/search-field.d.ts

@@ -1,5 +1,5 @@
-import { InputGroupInput } from "./input-group.js";
 import * as React$1 from "react";
+import { InputGroupInput } from "./input-group.js";
 //#region src/components/search-field.d.ts
 type SearchFieldProps = Omit<React$1.ComponentProps<typeof InputGroupInput>, "onChange" | "type" | "value"> & {
   value: string;

package/dist/components/select.d.ts

@@ -1,5 +1,5 @@
-import { ControlSize } from "../lib/control-size.js";
 import * as React$1 from "react";
+import { ControlSize } from "../lib/control-size.js";
 import { Select as Select$1 } from "@base-ui/react/select";
 //#region src/components/select.d.ts
 type SelectItemProps = Select$1.Item.Props & {

package/dist/components/sidebar.d.ts

@@ -40,7 +40,7 @@ declare const SidebarProvider: ({ defaultOpen, forceCollapsed, open: openProp, o
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
 }) => import("react").JSX.Element;
-declare const Sidebar: ({ side, variant, collapsible, mobileTitle, mobileDescription, className, children, ...props }: React.ComponentProps<"div"> & {
+declare const Sidebar: ({ side, variant, collapsible, mobileTitle, mobileDescription, className, style, children, ...props }: React.ComponentProps<"div"> & {
   /**
    * Which edge the sidebar docks to. Despite the physical name, this is
    * applied as a *logical* position: `"left"` docks at the CSS inline-start

package/dist/components/sidebar.js

@@ -103,32 +103,37 @@ const SidebarProvider = ({ defaultOpen, forceCollapsed = false, open: openProp,
 		})
 	});
 };
-const Sidebar = ({ side = "left", variant = "sidebar", collapsible = "offcanvas", mobileTitle = DEFAULT_MOBILE_TITLE, mobileDescription = DEFAULT_MOBILE_DESCRIPTION, className, children, ...props }) => {
+const Sidebar = ({ side = "left", variant = "sidebar", collapsible = "offcanvas", mobileTitle = DEFAULT_MOBILE_TITLE, mobileDescription = DEFAULT_MOBILE_DESCRIPTION, className, style, children, ...props }) => {
 	const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
 	if (collapsible === "none") return /* @__PURE__ */ jsx("div", {
 		className: cn("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", className),
 		"data-slot": "sidebar",
+		style,
 		...props,
 		children
 	});
 	if (isMobile) {
-		const mobileStyle = { "--sidebar-width": SIDEBAR_WIDTH_MOBILE };
+		const mobileStyle = {
+			"--sidebar-width": SIDEBAR_WIDTH_MOBILE,
+			...style
+		};
 		return /* @__PURE__ */ jsx(Sheet, {
 			onOpenChange: setOpenMobile,
 			open: openMobile,
-			...props,
 			children: /* @__PURE__ */ jsxs(SheetPopup, {
-				className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) [&>button]:hidden",
+				className: cn("bg-sidebar text-sidebar-foreground w-(--sidebar-width) [&>button]:hidden", className),
 				"data-mobile": "true",
 				"data-sidebar": "sidebar",
 				"data-slot": "sidebar",
 				side: side === "left" ? "inline-start" : "inline-end",
 				style: mobileStyle,
+				...props,
 				children: [/* @__PURE__ */ jsxs(SheetHeader, {
 					className: "sr-only",
 					children: [/* @__PURE__ */ jsx(SheetTitle, { children: mobileTitle }), /* @__PURE__ */ jsx(SheetDescription, { children: mobileDescription })]
 				}), /* @__PURE__ */ jsx("div", {
 					className: "flex h-full w-full flex-col",
+					"data-slot": "sidebar-inner",
 					children
 				})]
 			})
@@ -147,6 +152,7 @@ const Sidebar = ({ side = "left", variant = "sidebar", collapsible = "offcanvas"
 		}), /* @__PURE__ */ jsx("div", {
 			className: cn("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-inline-size) transition-[inset-inline-start,inset-inline-end,width] duration-200 ease-in-out md:flex", "pt-(--safe-area-top) pb-(--safe-area-bottom)", side === "left" ? "start-0 ps-(--safe-area-inline-start) group-data-[collapsible=offcanvas]:start-[calc(var(--sidebar-inline-size)*-1)]" : "end-0 pe-(--safe-area-inline-end) group-data-[collapsible=offcanvas]:end-[calc(var(--sidebar-inline-size)*-1)]", variant === "floating" || variant === "inset" ? ["p-2 pt-[calc(var(--safe-area-top)+--spacing(2))] pb-[calc(var(--safe-area-bottom)+--spacing(2))] group-data-[collapsible=icon]:w-[calc(var(--sidebar-inline-size)+2px)]", side === "left" ? "ps-[calc(var(--safe-area-inline-start)+--spacing(2))]" : "pe-[calc(var(--safe-area-inline-end)+--spacing(2))]"] : "group-data-[side=left]:border-e group-data-[side=right]:border-s", className),
 			"data-slot": "sidebar-container",
+			style,
 			...props,
 			children: /* @__PURE__ */ jsx("div", {
 				className: "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm",

package/dist/components/split-button.d.ts

@@ -1,7 +1,7 @@
 import { BUTTON_CONTENT, Button } from "./button.js";
+import { ComponentProps, ReactNode } from "react";
 import { DropdownMenu as Menu } from "./menu.js";
 import { Popover } from "./popover.js";
-import { ComponentProps, ReactNode } from "react";
 //#region src/components/split-button.d.ts
 type SplitButtonSharedProps = {
   menuLabel: string;

package/dist/components/textarea.d.ts

@@ -1,5 +1,5 @@
-import { ControlSize } from "../lib/control-size.js";
 import * as React$1 from "react";
+import { ControlSize } from "../lib/control-size.js";
 //#region src/components/textarea.d.ts
 type TextareaProps = React$1.ComponentProps<"textarea"> & {
   size?: ControlSize | number;

package/dist/data-table/index.d.ts

@@ -1,3 +1,3 @@
-import { TableColumnCapabilities, TableColumnDescriptor, TableSchema, duplicateColumnIds, findTableColumn, hideableColumnIds, sortableColumnIds, tableColumnIds, tableColumnSizing, visibleColumnIds } from "./schema.js";
 import { DataTable, DataTableAriaSort, DataTableColumn, DataTableProps, DataTableRowAction } from "./table.js";
+import { TableColumnCapabilities, TableColumnDescriptor, TableSchema, duplicateColumnIds, findTableColumn, hideableColumnIds, sortableColumnIds, tableColumnIds, tableColumnSizing, visibleColumnIds } from "./schema.js";
 export { DataTable, type DataTableAriaSort, type DataTableColumn, type DataTableProps, type DataTableRowAction, type TableColumnCapabilities, type TableColumnDescriptor, type TableSchema, duplicateColumnIds, findTableColumn, hideableColumnIds, sortableColumnIds, tableColumnIds, tableColumnSizing, visibleColumnIds };

package/dist/index.d.ts

@@ -1,49 +1,83 @@
-import { CalendarCell, CalendarEntryButton, CalendarEntrySurface, CalendarGrid, CalendarHeaderCell, CalendarHeaderRow } from "./calendar/primitives.js";
-import { CalendarDateRange, ResourceCalendarLaneLayout, ResourceCalendarLanePlacement, ResourceCalendarPlacement, assertConsecutiveCalendarDates, getResourceCalendarPlacement, layoutResourceCalendarEntries, nextCalendarDate } from "./calendar/resource-calendar.logic.js";
-import { ResourceCalendar, ResourceCalendarColumn, ResourceCalendarEntry, ResourceCalendarEntryTone, ResourceCalendarResource } from "./calendar/resource-calendar.js";
 import "./calendar/index.js";
+import "./data-table/index.js";
+import "./inspector/index.js";
+import "./kanban/index.js";
+import { APPLICATION_RAIL_BUTTON_SIZE, APPLICATION_RAIL_ICON_SIZE, APPLICATION_RAIL_WIDTH, ApplicationRail, ApplicationRailButton, ApplicationRailContent, ApplicationRailFooter, ApplicationRailHeader, ApplicationRailMenu, ApplicationRailSeparator } from "./components/application-rail.js";
 import { Accordion, AccordionContent as AccordionPanel, AccordionItem, AccordionTrigger } from "./components/accordion.js";
-import { BOARD_DRAG_OVERLAY_Z_INDEX, OVERLAY_COLLISION_PADDING, OVERLAY_LAYER_CLASS_NAMES, OverlayLayer, SHELL_CHROME_LAYER_CLASS_NAME } from "./lib/overlay-layer.js";
 import { AlertDialog, AlertDialogBackdrop, AlertDialogClose, AlertDialogContent as AlertDialogPopup, AlertDialogCreateHandle, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPanel, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport } from "./components/alert-dialog.js";
-import { APPLICATION_RAIL_BUTTON_SIZE, APPLICATION_RAIL_ICON_SIZE, APPLICATION_RAIL_WIDTH, ApplicationRail, ApplicationRailButton, ApplicationRailContent, ApplicationRailFooter, ApplicationRailHeader, ApplicationRailMenu, ApplicationRailSeparator } from "./components/application-rail.js";
+import { AnchoredToastProvider, TOAST_RIGHT_OFFSET_VAR, ToastPosition, ToastProvider, resolveToastUpdateTimeout, stellaToast, toastCountdownMs, toastDedupeId } from "./components/toast.js";
 import { Avatar, AvatarFallback, AvatarImage } from "./components/avatar.js";
+import { BOARD_DRAG_OVERLAY_Z_INDEX, OVERLAY_COLLISION_PADDING, OVERLAY_LAYER_CLASS_NAMES, OverlayLayer, SHELL_CHROME_LAYER_CLASS_NAME } from "./lib/overlay-layer.js";
+import { BUTTON_CONTENT, BUTTON_SIZE_CONTENT, Button, buttonAccessibleDisabledClass, buttonVariants } from "./components/button.js";
 import { BidiDirection, BidiText, BidiTextProps, UserText } from "./components/bidi-text.js";
-import { DiscordLogoIcon, GitHubLogoIcon, XLogoIcon } from "./components/brand-icons.js";
 import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./components/breadcrumb.js";
-import { BUTTON_CONTENT, BUTTON_SIZE_CONTENT, Button, buttonAccessibleDisabledClass, buttonVariants } from "./components/button.js";
+import { BuildKanbanBoardMatrixParams, CreateKanbanDropIntentParams, KANBAN_BOARD_AXES, KanbanBoardAxis, KanbanBoardCell, KanbanBoardColumn, KanbanBoardCoordinate, KanbanBoardDestination, KanbanBoardLane, KanbanBoardMatrix, KanbanDropAxisChange, KanbanDropIntent, OrderKanbanCellsByColumnsParams, ResolveKanbanGroupValueParams, buildKanbanBoardMatrix, createKanbanDropIntent, getKanbanBoardColumnIdentity, getKanbanBoardLaneIdentity, orderKanbanCellsByColumns } from "./kanban/matrix.js";
+import { CONTROL_SIZE, CONTROL_SIZES, ControlSize } from "./lib/control-size.js";
+import { COPIED_RESET_MS, CopyButton, CopyFeedback, useCopiedFeedback, useCopyConfirmation } from "./components/copy-button.js";
+import { CalendarCell, CalendarEntryButton, CalendarEntrySurface, CalendarGrid, CalendarHeaderCell, CalendarHeaderRow } from "./calendar/primitives.js";
+import { CalendarDateRange, ResourceCalendarLaneLayout, ResourceCalendarLanePlacement, ResourceCalendarPlacement, assertConsecutiveCalendarDates, getResourceCalendarPlacement, layoutResourceCalendarEntries, nextCalendarDate } from "./calendar/resource-calendar.logic.js";
 import { Checkbox } from "./components/checkbox.js";
 import { ColorPicker, ColorPickerContent, ColorPickerContentProps, ColorPickerProps, ColorPreset, DEFAULT_PRESETS } from "./components/color-picker.js";
-import { CONTROL_SIZE, CONTROL_SIZES, ControlSize } from "./lib/control-size.js";
+import { ColorVariants, OptionColor, emptyColor, optionColors, resolveOptionColor } from "./lib/option-color.js";
 import { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxPopup, ComboboxRow, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue } from "./components/combobox.js";
-import { DialogFormState } from "./components/dialog-form-state.js";
-import { DIALOG_MOBILE_LAYOUT, Dialog, DialogBackdrop, DialogClose, DialogContent as DialogPopup, DialogCreateHandle, DialogDescription, DialogFooter, DialogHeader, DialogMobileLayout, DialogPanel, DialogPortal, DialogProvider, DialogTitle, DialogTrigger, DialogViewport } from "./components/dialog.js";
 import { Command, CommandCollection, CommandDialog, CommandDialogPopup, CommandDialogTrigger, CommandEmpty, CommandFooter, CommandGroup, CommandGroupLabel, CommandInput, CommandItem, CommandList, CommandPanel, CommandSeparator, CommandShortcut } from "./components/command.js";
-import { COPIED_RESET_MS, CopyButton, CopyFeedback, useCopiedFeedback, useCopyConfirmation } from "./components/copy-button.js";
+import { DIALOG_MOBILE_LAYOUT, Dialog, DialogBackdrop, DialogClose, DialogContent as DialogPopup, DialogCreateHandle, DialogDescription, DialogFooter, DialogHeader, DialogMobileLayout, DialogPanel, DialogPortal, DialogProvider, DialogTitle, DialogTrigger, DialogViewport } from "./components/dialog.js";
+import { DataTable, DataTableAriaSort, DataTableColumn, DataTableProps, DataTableRowAction } from "./data-table/table.js";
 import { DatePickerPopover, DatePickerPopoverProps } from "./components/date-picker-popover.js";
-import { Input, InputProps } from "./components/input.js";
 import { DestructiveActionConfirmation, useDestructiveActionConfirmation } from "./components/destructive-action-confirmation.js";
 import { DestructiveConfirmDialog, DestructiveConfirmDialogProps, DestructiveConfirmOutcome } from "./components/destructive-confirm-dialog.js";
 import { DetailsGrid, DetailsItem } from "./components/details-grid.js";
+import { DialogFormState } from "./components/dialog-form-state.js";
 import { DirectionalIcon } from "./components/directional-icon.js";
+import { DiscordLogoIcon, GitHubLogoIcon, XLogoIcon } from "./components/brand-icons.js";
+import { DropdownMenu as Menu, DropdownMenuCheckboxItem as MenuCheckboxItem, DropdownMenuContent as MenuPopup, DropdownMenuCreateHandle as MenuCreateHandle, DropdownMenuGroup as MenuGroup, DropdownMenuItem as MenuItem, DropdownMenuLabel as MenuGroupLabel, DropdownMenuPortal as MenuPortal, DropdownMenuRadioGroup as MenuRadioGroup, DropdownMenuRadioItem as MenuRadioItem, DropdownMenuSeparator as MenuSeparator, DropdownMenuShortcut as MenuShortcut, DropdownMenuSub as MenuSub, DropdownMenuSubContent as MenuSubPopup, DropdownMenuSubTrigger as MenuSubTrigger, DropdownMenuTrigger as MenuTrigger } from "./components/menu.js";
 import { Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity } from "./components/field.js";
 import { FileInput, FileInputProps } from "./components/file-input.js";
 import { Form } from "./components/form.js";
 import { Frame, FrameDescription, FrameFooter, FrameHeader, FramePanel, FrameTitle } from "./components/frame.js";
 import { HexColorPicker, HexColorPickerProps } from "./components/hex-color-picker.js";
+import { HoverCard as PreviewCard, HoverCardContent as PreviewCardPopup, HoverCardTrigger as PreviewCardTrigger, PreviewCardPrimitive } from "./components/preview-card.js";
+import { INSPECTOR_CONTENT_MIN_WIDTH, INSPECTOR_EDITOR_MIN_WIDTH, INSPECTOR_PANE_DEFAULT_WIDTH, INSPECTOR_PANE_MAX_WIDTH, INSPECTOR_PANE_MIN_WIDTH, INSPECTOR_RAIL_WIDTH, resolveInspectorDockWidth, resolveInspectorPaneMaxWidth, resolveInspectorPaneWidth, shouldForceSidebarCollapsed } from "./inspector/pane-width.js";
+import { INSPECTOR_PANE_KEYBOARD_PAGE_STEP, INSPECTOR_PANE_KEYBOARD_STEP, resolveDragWidth, resolveKeyboardWidth, useInspectorPaneWidth } from "./inspector/use-pane-width.js";
 import { InlineRenameInput } from "./components/inline-rename.js";
-import { Textarea, TextareaProps } from "./components/textarea.js";
+import { Input, InputProps } from "./components/input.js";
 import { InputGroup, InputGroupAddon, InputGroupInput, InputGroupText, InputGroupTextarea } from "./components/input-group.js";
 import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "./components/input-otp.js";
+import { Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorEmptyRow, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTitle } from "./inspector/chrome.js";
+import { InspectorDock, InspectorDockMount } from "./inspector/dock.js";
+import { InspectorEntityTab, InspectorEntityTabInactiveIcon, entityTabGlyph } from "./inspector/entity-tab.js";
+import { InspectorFacetBar } from "./inspector/facet-bar.js";
+import { KANBAN_BAND_CAPTION_ROW_HEIGHT, KANBAN_BAND_CAPTION_ROW_HEIGHT_PX, KANBAN_CHROME_ROW_HEIGHT, KANBAN_CHROME_ROW_HEIGHT_PX } from "./kanban/layout-tokens.js";
+import { KANBAN_BAND_PEEK_DELAY_MS, KANBAN_BAND_PEEK_LINGER_MS } from "./kanban/band-peek.js";
+import { KANBAN_BOARD_AUTO_SCROLL_SOURCES, KANBAN_CARD_DRAG_MIME, KanbanCardDragPreview, RegisterKanbanBoardAutoScrollOptions, RegisterKanbanCardDragOptions, registerKanbanBoardAutoScroll, registerKanbanCardDrag } from "./kanban/drag-interactions.js";
+import { KANBAN_CARD_STICKY_TOP_VAR, KANBAN_STICKY_TOP_VAR, KanbanCollapsedBandCaption, KanbanCollapsedBandCaptionProps } from "./kanban/sticky-lane.js";
+import { KANBAN_COLLAPSED_BAND_WIDTH_CLASS, KANBAN_COLLAPSED_BAND_WIDTH_PX, KANBAN_COLUMN_GAP_PX, KANBAN_COLUMN_WIDTH_CLASS, KANBAN_COLUMN_WIDTH_PX, KanbanColumnBandSpan, hasKanbanColumnBands, resolveKanbanColumnBands } from "./kanban/column-bands.js";
+import { KANBAN_VIRTUAL_CELL_PAGINATION, KanbanVirtualCell, KanbanVirtualCellPagination, KanbanVirtualCellProps } from "./kanban/virtual-cell.js";
+import { KanbanBandToggleActivation, KanbanColumnBandHeader, KanbanColumnBandHeaderProps } from "./kanban/column-band-header.js";
+import { KanbanBuiltInGroup, KanbanColumnBand, KanbanGroup, KanbanGroupOption, KanbanGrouping, KanbanSchema, ResolveKanbanGroupingParams, getKanbanGroupingPropertyId, getKanbanGroups, isKanbanGroupingRenderable, resolveKanbanGroupOptions, resolveKanbanGrouping, selectKanbanRows } from "./kanban/grouping.js";
+import { KanbanCardFieldSelection, selectKanbanCardFieldIds } from "./kanban/card-properties.js";
+import { KanbanCardSelectionModifiers, KanbanCardShell, KanbanCardShellProps } from "./kanban/card-shell.js";
+import { KanbanCellAction, KanbanCellActionProps } from "./kanban/cell-action.js";
+import { KanbanColumnHeader, KanbanColumnHeaderProps } from "./kanban/column-header.js";
+import { KanbanSubgroupBandHeaderContext, KanbanSubgroupBoard, KanbanSubgroupBoardProps, KanbanSubgroupCellContext, KanbanSubgroupCollapsedBandCellContext, KanbanSubgroupColumnHeaderContext, KanbanSubgroupLaneColumnActionContext, KanbanSubgroupLaneColumnSummaryContext, KanbanSubgroupLaneIdentityContext } from "./kanban/subgroup-board.js";
 import { Label } from "./components/label.js";
 import { List, ListEmpty, ListGroup, ListGroupAction, ListGroupCount, ListGroupDescription, ListGroupHeader, ListGroupHeading, ListGroupTitle, ListItem, ListItemActions, ListItemContent, ListItemDescription, ListItemMedia, ListItemStatus, ListItemTitle, StatusTone } from "./components/list.js";
+import { MenuPreviewLayout, PreviewPane } from "./components/preview-pane.js";
 import { MenuSection } from "./components/menu-section.js";
-import { DropdownMenu as Menu, DropdownMenuCheckboxItem as MenuCheckboxItem, DropdownMenuContent as MenuPopup, DropdownMenuCreateHandle as MenuCreateHandle, DropdownMenuGroup as MenuGroup, DropdownMenuItem as MenuItem, DropdownMenuLabel as MenuGroupLabel, DropdownMenuPortal as MenuPortal, DropdownMenuRadioGroup as MenuRadioGroup, DropdownMenuRadioItem as MenuRadioItem, DropdownMenuSeparator as MenuSeparator, DropdownMenuShortcut as MenuShortcut, DropdownMenuSub as MenuSub, DropdownMenuSubContent as MenuSubPopup, DropdownMenuSubTrigger as MenuSubTrigger, DropdownMenuTrigger as MenuTrigger } from "./components/menu.js";
 import { OUTLINE_CONTROL_MIN_SIZE, OUTLINE_EMPHASIS, OutlineEmphasis, OutlineItem, OutlineRail, OutlineRailProps, outlineEntryText } from "./components/outline-rail.js";
+import { PROPERTY_ROW_GRID, SIDE_RAIL_CONTAINER_CLASS, SIDE_RAIL_ICON_BUTTON_SIZE, SIDE_RAIL_TAB_ICON_SIZE, SIDE_RAIL_WIDTH, TOOLBAR_ROW_HEIGHT, TOOLBAR_ROW_HEIGHT_PX } from "./inspector/layout-tokens.js";
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./components/pagination.js";
+import { PanelTrigger, SIDEBAR_WIDTH_ICON_PX, SIDEBAR_WIDTH_PX, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, sidebarIdentityTriggerClassName, useSidebar, useSidebarInlineSize, useSidebarLayout } from "./components/sidebar.js";
 import { Popover, PopoverClose, PopoverContent as PopoverPopup, PopoverCreateHandle, PopoverDescription, PopoverPanel, PopoverTitle, PopoverTrigger } from "./components/popover.js";
-import { HoverCard as PreviewCard, HoverCardContent as PreviewCardPopup, HoverCardTrigger as PreviewCardTrigger, PreviewCardPrimitive } from "./components/preview-card.js";
-import { MenuPreviewLayout, PreviewPane } from "./components/preview-pane.js";
 import { Prose } from "./components/prose.js";
+import { ResourceCalendar, ResourceCalendarColumn, ResourceCalendarEntry, ResourceCalendarEntryTone, ResourceCalendarResource } from "./calendar/resource-calendar.js";
+import { ReviewAuthorAvatar, UNKNOWN_AUTHOR_LABEL } from "./review/review-author-avatar.js";
+import { ReviewCommentAuthor, ReviewCommentCard } from "./review/review-comment-card.js";
+import { ReviewDecisionActions, ReviewDecisionSize, ReviewDecisionState } from "./review/review-decision-actions.js";
+import { ReviewDiffDeletion, ReviewDiffInsertion, ReviewDiffSegment, ReviewDiffSegmentType, ReviewDiffText, TRACKED_DELETION_STYLE, TRACKED_INSERTION_STYLE, reviewDiffSegmentKeys } from "./review/review-diff-text.js";
+import { ReviewOutOfDateNotice, ReviewOutOfDateReason, ReviewOutOfDateTone } from "./review/review-out-of-date-notice.js";
+import { ReviewSeverityDot, ReviewSeverityLevel, ReviewStatusDot, reviewSeverityTone } from "./review/review-severity-dot.js";
+import { ReviewStatusBadge, ReviewStatusSize, ReviewStatusTone, ReviewStatusVariant } from "./review/review-status-badge.js";
 import { ScrollArea, ScrollBar } from "./components/scroll-area.js";
 import { ScrollToTop, ScrollToTopProps } from "./components/scroll-to-top.js";
 import { SearchField, SearchFieldProps } from "./components/search-field.js";
@@ -52,56 +86,22 @@ import { SegmentedIconToggle } from "./components/segmented-icon-toggle.js";
 import { Select, SelectContent as SelectPopup, SelectGroup, SelectGroupLabel, SelectItem, SelectSeparator, SelectTrigger, SelectValue } from "./components/select.js";
 import { Separator, TextSeparator } from "./components/separator.js";
 import { Sheet, SheetBackdrop, SheetClose, SheetContent as SheetPopup, SheetDescription, SheetFooter, SheetHeader, SheetPanel, SheetPortal, SheetSide, SheetTitle, SheetTrigger } from "./components/sheet.js";
-import { Tooltip, TooltipContent as TooltipPopup, TooltipCreateHandle, TooltipProvider, TooltipTrigger } from "./components/tooltip.js";
-import { PanelTrigger, SIDEBAR_WIDTH_ICON_PX, SIDEBAR_WIDTH_PX, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, sidebarIdentityTriggerClassName, useSidebar, useSidebarInlineSize, useSidebarLayout } from "./components/sidebar.js";
 import { Skeleton } from "./components/skeleton.js";
+import { SortDirection, SortableHead, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./components/table.js";
 import { StellaMark } from "./components/stella-mark.js";
 import { StellaWordmarkLatin } from "./components/stella-wordmark.js";
-import { SortDirection, SortableHead, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./components/table.js";
+import { TableColumnCapabilities, TableColumnDescriptor, TableSchema, duplicateColumnIds, findTableColumn, hideableColumnIds, sortableColumnIds, tableColumnIds, tableColumnSizing, visibleColumnIds } from "./data-table/schema.js";
 import { Tabs, TabsContent as TabsPanel, TabsList, TabsTab } from "./components/tabs.js";
-import { AnchoredToastProvider, TOAST_RIGHT_OFFSET_VAR, ToastPosition, ToastProvider, resolveToastUpdateTimeout, stellaToast, toastCountdownMs, toastDedupeId } from "./components/toast.js";
+import { Textarea, TextareaProps } from "./components/textarea.js";
+import { Tooltip, TooltipContent as TooltipPopup, TooltipCreateHandle, TooltipProvider, TooltipTrigger } from "./components/tooltip.js";
+import { TypedCharacterEvent, typedCharacter } from "./lib/typed-character.js";
 import { WorkspaceCompactNavigation, WorkspaceEndRail, WorkspaceEndRailChatAction, WorkspaceEndRailProps, WorkspaceNavigation, WorkspaceShell, WorkspaceShellProps, WorkspaceTopBarContext } from "./components/workspace-shell.js";
-import { TableColumnCapabilities, TableColumnDescriptor, TableSchema, duplicateColumnIds, findTableColumn, hideableColumnIds, sortableColumnIds, tableColumnIds, tableColumnSizing, visibleColumnIds } from "./data-table/schema.js";
-import { DataTable, DataTableAriaSort, DataTableColumn, DataTableProps, DataTableRowAction } from "./data-table/table.js";
-import "./data-table/index.js";
+import { cn, composeRefs } from "./lib/utils.js";
 import { containedEventHandler, containedHandler } from "./hooks/use-contained-handler.js";
 import { contentDir, isStructuredInputType, useContentDir } from "./hooks/use-content-dir.js";
-import { useLatest } from "./hooks/use-latest.js";
+import { getFirstWeekday, getLocaleWeekInfo, getWeekendDays } from "./lib/week.js";
+import { getInitials } from "./lib/initials.js";
 import { useIsMobile } from "./hooks/use-mobile.js";
+import { useLatest } from "./hooks/use-latest.js";
 import { useViewportWidth } from "./hooks/use-viewport-width.js";
-import { Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorEmptyRow, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTitle } from "./inspector/chrome.js";
-import { InspectorDock, InspectorDockMount } from "./inspector/dock.js";
-import { InspectorEntityTab, InspectorEntityTabInactiveIcon, entityTabGlyph } from "./inspector/entity-tab.js";
-import { InspectorFacetBar } from "./inspector/facet-bar.js";
-import { PROPERTY_ROW_GRID, SIDE_RAIL_CONTAINER_CLASS, SIDE_RAIL_ICON_BUTTON_SIZE, SIDE_RAIL_TAB_ICON_SIZE, SIDE_RAIL_WIDTH, TOOLBAR_ROW_HEIGHT, TOOLBAR_ROW_HEIGHT_PX } from "./inspector/layout-tokens.js";
-import { INSPECTOR_CONTENT_MIN_WIDTH, INSPECTOR_EDITOR_MIN_WIDTH, INSPECTOR_PANE_DEFAULT_WIDTH, INSPECTOR_PANE_MAX_WIDTH, INSPECTOR_PANE_MIN_WIDTH, INSPECTOR_RAIL_WIDTH, resolveInspectorDockWidth, resolveInspectorPaneMaxWidth, resolveInspectorPaneWidth, shouldForceSidebarCollapsed } from "./inspector/pane-width.js";
-import { INSPECTOR_PANE_KEYBOARD_PAGE_STEP, INSPECTOR_PANE_KEYBOARD_STEP, resolveDragWidth, resolveKeyboardWidth, useInspectorPaneWidth } from "./inspector/use-pane-width.js";
-import "./inspector/index.js";
-import { KanbanCardFieldSelection, selectKanbanCardFieldIds } from "./kanban/card-properties.js";
-import { KanbanCardSelectionModifiers, KanbanCardShell, KanbanCardShellProps } from "./kanban/card-shell.js";
-import { KanbanCellAction, KanbanCellActionProps } from "./kanban/cell-action.js";
-import { KanbanBandToggleActivation, KanbanColumnBandHeader, KanbanColumnBandHeaderProps } from "./kanban/column-band-header.js";
-import { ColorVariants, OptionColor, emptyColor, optionColors, resolveOptionColor } from "./lib/option-color.js";
-import { KanbanBuiltInGroup, KanbanColumnBand, KanbanGroup, KanbanGroupOption, KanbanGrouping, KanbanSchema, ResolveKanbanGroupingParams, getKanbanGroupingPropertyId, getKanbanGroups, isKanbanGroupingRenderable, resolveKanbanGroupOptions, resolveKanbanGrouping, selectKanbanRows } from "./kanban/grouping.js";
-import { BuildKanbanBoardMatrixParams, CreateKanbanDropIntentParams, KANBAN_BOARD_AXES, KanbanBoardAxis, KanbanBoardCell, KanbanBoardColumn, KanbanBoardCoordinate, KanbanBoardDestination, KanbanBoardLane, KanbanBoardMatrix, KanbanDropAxisChange, KanbanDropIntent, OrderKanbanCellsByColumnsParams, ResolveKanbanGroupValueParams, buildKanbanBoardMatrix, createKanbanDropIntent, getKanbanBoardColumnIdentity, getKanbanBoardLaneIdentity, orderKanbanCellsByColumns } from "./kanban/matrix.js";
-import { KANBAN_COLLAPSED_BAND_WIDTH_CLASS, KANBAN_COLLAPSED_BAND_WIDTH_PX, KANBAN_COLUMN_GAP_PX, KANBAN_COLUMN_WIDTH_CLASS, KANBAN_COLUMN_WIDTH_PX, KanbanColumnBandSpan, hasKanbanColumnBands, resolveKanbanColumnBands } from "./kanban/column-bands.js";
-import { KanbanColumnHeader, KanbanColumnHeaderProps } from "./kanban/column-header.js";
-import { KANBAN_BAND_CAPTION_ROW_HEIGHT, KANBAN_BAND_CAPTION_ROW_HEIGHT_PX, KANBAN_CHROME_ROW_HEIGHT, KANBAN_CHROME_ROW_HEIGHT_PX } from "./kanban/layout-tokens.js";
-import { KANBAN_BOARD_AUTO_SCROLL_SOURCES, KANBAN_CARD_DRAG_MIME, KanbanCardDragPreview, RegisterKanbanBoardAutoScrollOptions, RegisterKanbanCardDragOptions, registerKanbanBoardAutoScroll, registerKanbanCardDrag } from "./kanban/drag-interactions.js";
-import { KanbanSubgroupBandHeaderContext, KanbanSubgroupBoard, KanbanSubgroupBoardProps, KanbanSubgroupCellContext, KanbanSubgroupCollapsedBandCellContext, KanbanSubgroupColumnHeaderContext, KanbanSubgroupLaneColumnActionContext, KanbanSubgroupLaneColumnSummaryContext, KanbanSubgroupLaneIdentityContext } from "./kanban/subgroup-board.js";
-import { KANBAN_BAND_PEEK_DELAY_MS, KANBAN_BAND_PEEK_LINGER_MS } from "./kanban/band-peek.js";
-import { KANBAN_CARD_STICKY_TOP_VAR, KANBAN_STICKY_TOP_VAR, KanbanCollapsedBandCaption, KanbanCollapsedBandCaptionProps } from "./kanban/sticky-lane.js";
-import { KANBAN_VIRTUAL_CELL_PAGINATION, KanbanVirtualCell, KanbanVirtualCellPagination, KanbanVirtualCellProps } from "./kanban/virtual-cell.js";
-import "./kanban/index.js";
-import { getInitials } from "./lib/initials.js";
-import { TypedCharacterEvent, typedCharacter } from "./lib/typed-character.js";
-import { cn, composeRefs } from "./lib/utils.js";
-import { getFirstWeekday, getLocaleWeekInfo, getWeekendDays } from "./lib/week.js";
-import { ReviewAuthorAvatar, UNKNOWN_AUTHOR_LABEL } from "./review/review-author-avatar.js";
-import { ReviewCommentAuthor, ReviewCommentCard } from "./review/review-comment-card.js";
-import { ReviewDecisionActions, ReviewDecisionSize, ReviewDecisionState } from "./review/review-decision-actions.js";
-import { ReviewDiffDeletion, ReviewDiffInsertion, ReviewDiffSegment, ReviewDiffSegmentType, ReviewDiffText, TRACKED_DELETION_STYLE, TRACKED_INSERTION_STYLE, reviewDiffSegmentKeys } from "./review/review-diff-text.js";
-import { ReviewOutOfDateNotice, ReviewOutOfDateReason, ReviewOutOfDateTone } from "./review/review-out-of-date-notice.js";
-import { ReviewStatusBadge, ReviewStatusSize, ReviewStatusTone, ReviewStatusVariant } from "./review/review-status-badge.js";
-import { ReviewSeverityDot, ReviewSeverityLevel, ReviewStatusDot, reviewSeverityTone } from "./review/review-severity-dot.js";
 export { APPLICATION_RAIL_BUTTON_SIZE, APPLICATION_RAIL_ICON_SIZE, APPLICATION_RAIL_WIDTH, Accordion, AccordionPanel as AccordionContent, AccordionPanel, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogBackdrop, AlertDialogBackdrop as AlertDialogOverlay, AlertDialogClose, AlertDialogPopup as AlertDialogContent, AlertDialogPopup, AlertDialogCreateHandle, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPanel, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport, AnchoredToastProvider, ApplicationRail, ApplicationRailButton, ApplicationRailContent, ApplicationRailFooter, ApplicationRailHeader, ApplicationRailMenu, ApplicationRailSeparator, Avatar, AvatarFallback, AvatarImage, BOARD_DRAG_OVERLAY_Z_INDEX, BUTTON_CONTENT, BUTTON_SIZE_CONTENT, type BidiDirection, BidiText, type BidiTextProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, type BuildKanbanBoardMatrixParams, Button, CONTROL_SIZE, CONTROL_SIZES, COPIED_RESET_MS, CalendarCell, type CalendarDateRange, CalendarEntryButton, CalendarEntrySurface, CalendarGrid, CalendarHeaderCell, CalendarHeaderRow, Checkbox, ColorPicker, ColorPickerContent, type ColorPickerContentProps, type ColorPickerProps, type ColorPreset, ColorVariants, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxPopup, ComboboxRow, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Command, CommandCollection, CommandDialog, CommandDialogPopup, CommandDialogTrigger, CommandEmpty, CommandFooter, CommandGroup, CommandGroupLabel, CommandInput, CommandItem, CommandList, CommandPanel, CommandSeparator, CommandShortcut, type ControlSize, CopyButton, CopyFeedback, type CreateKanbanDropIntentParams, DEFAULT_PRESETS, DIALOG_MOBILE_LAYOUT, DataTable, type DataTableAriaSort, type DataTableColumn, type DataTableProps, type DataTableRowAction, DatePickerPopover, type DatePickerPopoverProps, DestructiveActionConfirmation, DestructiveConfirmDialog, type DestructiveConfirmDialogProps, type DestructiveConfirmOutcome, DetailsGrid, DetailsItem, Dialog, DialogBackdrop, DialogBackdrop as DialogOverlay, DialogClose, DialogPopup as DialogContent, DialogPopup, DialogCreateHandle, DialogDescription, DialogFooter, DialogFormState, DialogHeader, type DialogMobileLayout, DialogPanel, DialogPortal, DialogProvider, DialogTitle, DialogTrigger, DialogViewport, DirectionalIcon, DiscordLogoIcon, Menu as DropdownMenu, Menu, MenuCheckboxItem as DropdownMenuCheckboxItem, MenuCheckboxItem, MenuPopup as DropdownMenuContent, MenuPopup, MenuCreateHandle as DropdownMenuCreateHandle, MenuCreateHandle, MenuGroup as DropdownMenuGroup, MenuGroup, MenuItem as DropdownMenuItem, MenuItem, MenuGroupLabel as DropdownMenuLabel, MenuGroupLabel, MenuPortal as DropdownMenuPortal, MenuPortal, MenuRadioGroup as DropdownMenuRadioGroup, MenuRadioGroup, MenuRadioItem as DropdownMenuRadioItem, MenuRadioItem, MenuSeparator as DropdownMenuSeparator, MenuSeparator, MenuShortcut as DropdownMenuShortcut, MenuShortcut, MenuSub as DropdownMenuSub, MenuSub, MenuSubPopup as DropdownMenuSubContent, MenuSubPopup, MenuSubTrigger as DropdownMenuSubTrigger, MenuSubTrigger, MenuTrigger as DropdownMenuTrigger, MenuTrigger, Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity, FileInput, type FileInputProps, Form, Frame, FrameDescription, FrameFooter, FrameHeader, FramePanel, FrameTitle, GitHubLogoIcon, HexColorPicker, type HexColorPickerProps, PreviewCard as HoverCard, PreviewCard, PreviewCardPopup as HoverCardContent, PreviewCardPopup, PreviewCardTrigger as HoverCardTrigger, PreviewCardTrigger, INSPECTOR_CONTENT_MIN_WIDTH, INSPECTOR_EDITOR_MIN_WIDTH, INSPECTOR_PANE_DEFAULT_WIDTH, INSPECTOR_PANE_KEYBOARD_PAGE_STEP, INSPECTOR_PANE_KEYBOARD_STEP, INSPECTOR_PANE_MAX_WIDTH, INSPECTOR_PANE_MIN_WIDTH, INSPECTOR_RAIL_WIDTH, InlineRenameInput, Input, InputGroup, InputGroupAddon, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorDock, type InspectorDockMount, InspectorEmptyRow, InspectorEntityTab, type InspectorEntityTabInactiveIcon, InspectorFacetBar, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTitle, KANBAN_BAND_CAPTION_ROW_HEIGHT, KANBAN_BAND_CAPTION_ROW_HEIGHT_PX, KANBAN_BAND_PEEK_DELAY_MS, KANBAN_BAND_PEEK_LINGER_MS, KANBAN_BOARD_AUTO_SCROLL_SOURCES, KANBAN_BOARD_AXES, KANBAN_CARD_DRAG_MIME, KANBAN_CARD_STICKY_TOP_VAR, KANBAN_CHROME_ROW_HEIGHT, KANBAN_CHROME_ROW_HEIGHT_PX, KANBAN_COLLAPSED_BAND_WIDTH_CLASS, KANBAN_COLLAPSED_BAND_WIDTH_PX, KANBAN_COLUMN_GAP_PX, KANBAN_COLUMN_WIDTH_CLASS, KANBAN_COLUMN_WIDTH_PX, KANBAN_STICKY_TOP_VAR, KANBAN_VIRTUAL_CELL_PAGINATION, type KanbanBandToggleActivation, type KanbanBoardAxis, type KanbanBoardCell, type KanbanBoardColumn, type KanbanBoardCoordinate, type KanbanBoardDestination, type KanbanBoardLane, type KanbanBoardMatrix, type KanbanBuiltInGroup, type KanbanCardDragPreview, type KanbanCardFieldSelection, type KanbanCardSelectionModifiers, KanbanCardShell, type KanbanCardShellProps, KanbanCellAction, type KanbanCellActionProps, KanbanCollapsedBandCaption, type KanbanCollapsedBandCaptionProps, type KanbanColumnBand, KanbanColumnBandHeader, type KanbanColumnBandHeaderProps, type KanbanColumnBandSpan, KanbanColumnHeader, type KanbanColumnHeaderProps, type KanbanDropAxisChange, type KanbanDropIntent, type KanbanGroup, type KanbanGroupOption, type KanbanGrouping, type KanbanSchema, type KanbanSubgroupBandHeaderContext, KanbanSubgroupBoard, type KanbanSubgroupBoardProps, type KanbanSubgroupCellContext, type KanbanSubgroupCollapsedBandCellContext, type KanbanSubgroupColumnHeaderContext, type KanbanSubgroupLaneColumnActionContext, type KanbanSubgroupLaneColumnSummaryContext, type KanbanSubgroupLaneIdentityContext, KanbanVirtualCell, type KanbanVirtualCellPagination, type KanbanVirtualCellProps, Label, List, ListEmpty, ListGroup, ListGroupAction, ListGroupCount, ListGroupDescription, ListGroupHeader, ListGroupHeading, ListGroupTitle, ListItem, ListItemActions, ListItemContent, ListItemDescription, ListItemMedia, ListItemStatus, ListItemTitle, MenuPreviewLayout, MenuSection, OUTLINE_CONTROL_MIN_SIZE, OUTLINE_EMPHASIS, OVERLAY_COLLISION_PADDING, OVERLAY_LAYER_CLASS_NAMES, OptionColor, type OrderKanbanCellsByColumnsParams, OutlineEmphasis, OutlineItem, OutlineRail, OutlineRailProps, OverlayLayer, PROPERTY_ROW_GRID, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PanelTrigger, Popover, PopoverClose, PopoverPopup as PopoverContent, PopoverPopup, PopoverCreateHandle, PopoverDescription, PopoverPanel, PopoverTitle, PopoverTrigger, PreviewCardPrimitive, PreviewPane, Prose, type RegisterKanbanBoardAutoScrollOptions, type RegisterKanbanCardDragOptions, type ResolveKanbanGroupValueParams, type ResolveKanbanGroupingParams, ResourceCalendar, type ResourceCalendarColumn, type ResourceCalendarEntry, type ResourceCalendarEntryTone, type ResourceCalendarLaneLayout, type ResourceCalendarLanePlacement, type ResourceCalendarPlacement, type ResourceCalendarResource, ReviewAuthorAvatar, ReviewCommentAuthor, ReviewCommentCard, ReviewDecisionActions, ReviewDecisionSize, ReviewDecisionState, ReviewDiffDeletion, ReviewDiffInsertion, ReviewDiffSegment, ReviewDiffSegmentType, ReviewDiffText, ReviewOutOfDateNotice, ReviewOutOfDateReason, ReviewOutOfDateTone, ReviewSeverityDot, ReviewSeverityLevel, ReviewStatusBadge, ReviewStatusDot, ReviewStatusSize, ReviewStatusTone, ReviewStatusVariant, SHELL_CHROME_LAYER_CLASS_NAME, SIDEBAR_WIDTH_ICON_PX, SIDEBAR_WIDTH_PX, SIDE_RAIL_CONTAINER_CLASS, SIDE_RAIL_ICON_BUTTON_SIZE, SIDE_RAIL_TAB_ICON_SIZE, SIDE_RAIL_WIDTH, ScrollArea, ScrollBar, ScrollToTop, ScrollToTopProps, SearchField, type SearchFieldProps, SecretInput, type SecretInputProps, SegmentedIconToggle, Select, SelectPopup as SelectContent, SelectPopup, SelectGroup, SelectGroupLabel, SelectItem, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetBackdrop, SheetBackdrop as SheetOverlay, SheetClose, SheetPopup as SheetContent, SheetPopup, SheetDescription, SheetFooter, SheetHeader, SheetPanel, SheetPortal, type SheetSide, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SortDirection, SortableHead, type StatusTone, StellaMark, StellaWordmarkLatin, TOAST_RIGHT_OFFSET_VAR, TOOLBAR_ROW_HEIGHT, TOOLBAR_ROW_HEIGHT_PX, TRACKED_DELETION_STYLE, TRACKED_INSERTION_STYLE, Table, TableBody, TableCaption, TableCell, type TableColumnCapabilities, type TableColumnDescriptor, TableFooter, TableHead, TableHeader, TableRow, type TableSchema, Tabs, TabsPanel as TabsContent, TabsPanel, TabsList, TabsTab, TabsTab as TabsTrigger, TextSeparator, Textarea, type TextareaProps, type ToastPosition, ToastProvider, Tooltip, TooltipPopup as TooltipContent, TooltipPopup, TooltipCreateHandle, TooltipProvider, TooltipTrigger, TypedCharacterEvent, UNKNOWN_AUTHOR_LABEL, UserText, type WorkspaceCompactNavigation, WorkspaceEndRail, type WorkspaceEndRailChatAction, type WorkspaceEndRailProps, type WorkspaceNavigation, WorkspaceShell, type WorkspaceShellProps, type WorkspaceTopBarContext, XLogoIcon, assertConsecutiveCalendarDates, buildKanbanBoardMatrix, buttonAccessibleDisabledClass, buttonVariants, cn, composeRefs, containedEventHandler, containedHandler, contentDir, createKanbanDropIntent, duplicateColumnIds, emptyColor, entityTabGlyph, findTableColumn, getFirstWeekday, getInitials, getKanbanBoardColumnIdentity, getKanbanBoardLaneIdentity, getKanbanGroupingPropertyId, getKanbanGroups, getLocaleWeekInfo, getResourceCalendarPlacement, getWeekendDays, hasKanbanColumnBands, hideableColumnIds, isKanbanGroupingRenderable, isStructuredInputType, layoutResourceCalendarEntries, nextCalendarDate, optionColors, orderKanbanCellsByColumns, outlineEntryText, registerKanbanBoardAutoScroll, registerKanbanCardDrag, resolveDragWidth, resolveInspectorDockWidth, resolveInspectorPaneMaxWidth, resolveInspectorPaneWidth, resolveKanbanColumnBands, resolveKanbanGroupOptions, resolveKanbanGrouping, resolveKeyboardWidth, resolveOptionColor, resolveToastUpdateTimeout, reviewDiffSegmentKeys, reviewSeverityTone, selectKanbanCardFieldIds, selectKanbanRows, shouldForceSidebarCollapsed, sidebarIdentityTriggerClassName, sortableColumnIds, stellaToast, tableColumnIds, tableColumnSizing, toastCountdownMs, toastDedupeId, typedCharacter, useContentDir, useCopiedFeedback, useCopyConfirmation, useDestructiveActionConfirmation, useInspectorPaneWidth, useIsMobile, useLatest, useSidebar, useSidebarInlineSize, useSidebarLayout, useViewportWidth, visibleColumnIds };

package/dist/inspector/index.d.ts

@@ -1,8 +1,8 @@
+import { INSPECTOR_CONTENT_MIN_WIDTH, INSPECTOR_EDITOR_MIN_WIDTH, INSPECTOR_PANE_DEFAULT_WIDTH, INSPECTOR_PANE_MAX_WIDTH, INSPECTOR_PANE_MIN_WIDTH, INSPECTOR_RAIL_WIDTH, resolveInspectorDockWidth, resolveInspectorPaneMaxWidth, resolveInspectorPaneWidth, shouldForceSidebarCollapsed } from "./pane-width.js";
+import { INSPECTOR_PANE_KEYBOARD_PAGE_STEP, INSPECTOR_PANE_KEYBOARD_STEP, resolveDragWidth, resolveKeyboardWidth, useInspectorPaneWidth } from "./use-pane-width.js";
 import { Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorEmptyRow, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTitle } from "./chrome.js";
 import { InspectorDock, InspectorDockMount } from "./dock.js";
 import { InspectorEntityTab, InspectorEntityTabInactiveIcon, entityTabGlyph } from "./entity-tab.js";
 import { InspectorFacetBar } from "./facet-bar.js";
 import { PROPERTY_ROW_GRID, SIDE_RAIL_CONTAINER_CLASS, SIDE_RAIL_ICON_BUTTON_SIZE, SIDE_RAIL_TAB_ICON_SIZE, SIDE_RAIL_WIDTH, TOOLBAR_ROW_HEIGHT, TOOLBAR_ROW_HEIGHT_PX } from "./layout-tokens.js";
-import { INSPECTOR_CONTENT_MIN_WIDTH, INSPECTOR_EDITOR_MIN_WIDTH, INSPECTOR_PANE_DEFAULT_WIDTH, INSPECTOR_PANE_MAX_WIDTH, INSPECTOR_PANE_MIN_WIDTH, INSPECTOR_RAIL_WIDTH, resolveInspectorDockWidth, resolveInspectorPaneMaxWidth, resolveInspectorPaneWidth, shouldForceSidebarCollapsed } from "./pane-width.js";
-import { INSPECTOR_PANE_KEYBOARD_PAGE_STEP, INSPECTOR_PANE_KEYBOARD_STEP, resolveDragWidth, resolveKeyboardWidth, useInspectorPaneWidth } from "./use-pane-width.js";
 export { INSPECTOR_CONTENT_MIN_WIDTH, INSPECTOR_EDITOR_MIN_WIDTH, INSPECTOR_PANE_DEFAULT_WIDTH, INSPECTOR_PANE_KEYBOARD_PAGE_STEP, INSPECTOR_PANE_KEYBOARD_STEP, INSPECTOR_PANE_MAX_WIDTH, INSPECTOR_PANE_MIN_WIDTH, INSPECTOR_RAIL_WIDTH, Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorDock, type InspectorDockMount, InspectorEmptyRow, InspectorEntityTab, type InspectorEntityTabInactiveIcon, InspectorFacetBar, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTitle, PROPERTY_ROW_GRID, SIDE_RAIL_CONTAINER_CLASS, SIDE_RAIL_ICON_BUTTON_SIZE, SIDE_RAIL_TAB_ICON_SIZE, SIDE_RAIL_WIDTH, TOOLBAR_ROW_HEIGHT, TOOLBAR_ROW_HEIGHT_PX, entityTabGlyph, resolveDragWidth, resolveInspectorDockWidth, resolveInspectorPaneMaxWidth, resolveInspectorPaneWidth, resolveKeyboardWidth, shouldForceSidebarCollapsed, useInspectorPaneWidth };

package/dist/kanban/column-bands.d.ts

@@ -1,5 +1,5 @@
-import { KanbanColumnBand } from "./grouping.js";
 import { KanbanBoardColumn } from "./matrix.js";
+import { KanbanColumnBand } from "./grouping.js";
 //#region src/kanban/column-bands.d.ts
 /**
  * Column bands: named runs of adjacent columns the board shows under one

package/dist/kanban/index.d.ts

@@ -1,15 +1,15 @@
-import { KanbanCardFieldSelection, selectKanbanCardFieldIds } from "./card-properties.js";
-import { KanbanCardSelectionModifiers, KanbanCardShell, KanbanCardShellProps } from "./card-shell.js";
-import { KanbanCellAction, KanbanCellActionProps } from "./cell-action.js";
-import { KanbanBandToggleActivation, KanbanColumnBandHeader, KanbanColumnBandHeaderProps } from "./column-band-header.js";
-import { KanbanBuiltInGroup, KanbanColumnBand, KanbanGroup, KanbanGroupOption, KanbanGrouping, KanbanSchema, ResolveKanbanGroupingParams, getKanbanGroupingPropertyId, getKanbanGroups, isKanbanGroupingRenderable, resolveKanbanGroupOptions, resolveKanbanGrouping, selectKanbanRows } from "./grouping.js";
 import { BuildKanbanBoardMatrixParams, CreateKanbanDropIntentParams, KANBAN_BOARD_AXES, KanbanBoardAxis, KanbanBoardCell, KanbanBoardColumn, KanbanBoardCoordinate, KanbanBoardDestination, KanbanBoardLane, KanbanBoardMatrix, KanbanDropAxisChange, KanbanDropIntent, OrderKanbanCellsByColumnsParams, ResolveKanbanGroupValueParams, buildKanbanBoardMatrix, createKanbanDropIntent, getKanbanBoardColumnIdentity, getKanbanBoardLaneIdentity, orderKanbanCellsByColumns } from "./matrix.js";
-import { KANBAN_COLLAPSED_BAND_WIDTH_CLASS, KANBAN_COLLAPSED_BAND_WIDTH_PX, KANBAN_COLUMN_GAP_PX, KANBAN_COLUMN_WIDTH_CLASS, KANBAN_COLUMN_WIDTH_PX, KanbanColumnBandSpan, hasKanbanColumnBands, resolveKanbanColumnBands } from "./column-bands.js";
-import { KanbanColumnHeader, KanbanColumnHeaderProps } from "./column-header.js";
 import { KANBAN_BAND_CAPTION_ROW_HEIGHT, KANBAN_BAND_CAPTION_ROW_HEIGHT_PX, KANBAN_CHROME_ROW_HEIGHT, KANBAN_CHROME_ROW_HEIGHT_PX } from "./layout-tokens.js";
-import { KANBAN_BOARD_AUTO_SCROLL_SOURCES, KANBAN_CARD_DRAG_MIME, KanbanCardDragPreview, RegisterKanbanBoardAutoScrollOptions, RegisterKanbanCardDragOptions, registerKanbanBoardAutoScroll, registerKanbanCardDrag } from "./drag-interactions.js";
-import { KanbanSubgroupBandHeaderContext, KanbanSubgroupBoard, KanbanSubgroupBoardProps, KanbanSubgroupCellContext, KanbanSubgroupCollapsedBandCellContext, KanbanSubgroupColumnHeaderContext, KanbanSubgroupLaneColumnActionContext, KanbanSubgroupLaneColumnSummaryContext, KanbanSubgroupLaneIdentityContext } from "./subgroup-board.js";
 import { KANBAN_BAND_PEEK_DELAY_MS, KANBAN_BAND_PEEK_LINGER_MS } from "./band-peek.js";
+import { KANBAN_BOARD_AUTO_SCROLL_SOURCES, KANBAN_CARD_DRAG_MIME, KanbanCardDragPreview, RegisterKanbanBoardAutoScrollOptions, RegisterKanbanCardDragOptions, registerKanbanBoardAutoScroll, registerKanbanCardDrag } from "./drag-interactions.js";
 import { KANBAN_CARD_STICKY_TOP_VAR, KANBAN_STICKY_TOP_VAR, KanbanCollapsedBandCaption, KanbanCollapsedBandCaptionProps } from "./sticky-lane.js";
+import { KANBAN_COLLAPSED_BAND_WIDTH_CLASS, KANBAN_COLLAPSED_BAND_WIDTH_PX, KANBAN_COLUMN_GAP_PX, KANBAN_COLUMN_WIDTH_CLASS, KANBAN_COLUMN_WIDTH_PX, KanbanColumnBandSpan, hasKanbanColumnBands, resolveKanbanColumnBands } from "./column-bands.js";
 import { KANBAN_VIRTUAL_CELL_PAGINATION, KanbanVirtualCell, KanbanVirtualCellPagination, KanbanVirtualCellProps } from "./virtual-cell.js";
+import { KanbanBandToggleActivation, KanbanColumnBandHeader, KanbanColumnBandHeaderProps } from "./column-band-header.js";
+import { KanbanBuiltInGroup, KanbanColumnBand, KanbanGroup, KanbanGroupOption, KanbanGrouping, KanbanSchema, ResolveKanbanGroupingParams, getKanbanGroupingPropertyId, getKanbanGroups, isKanbanGroupingRenderable, resolveKanbanGroupOptions, resolveKanbanGrouping, selectKanbanRows } from "./grouping.js";
+import { KanbanCardFieldSelection, selectKanbanCardFieldIds } from "./card-properties.js";
+import { KanbanCardSelectionModifiers, KanbanCardShell, KanbanCardShellProps } from "./card-shell.js";
+import { KanbanCellAction, KanbanCellActionProps } from "./cell-action.js";
+import { KanbanColumnHeader, KanbanColumnHeaderProps } from "./column-header.js";
+import { KanbanSubgroupBandHeaderContext, KanbanSubgroupBoard, KanbanSubgroupBoardProps, KanbanSubgroupCellContext, KanbanSubgroupCollapsedBandCellContext, KanbanSubgroupColumnHeaderContext, KanbanSubgroupLaneColumnActionContext, KanbanSubgroupLaneColumnSummaryContext, KanbanSubgroupLaneIdentityContext } from "./subgroup-board.js";
 export { type BuildKanbanBoardMatrixParams, type CreateKanbanDropIntentParams, KANBAN_BAND_CAPTION_ROW_HEIGHT, KANBAN_BAND_CAPTION_ROW_HEIGHT_PX, KANBAN_BAND_PEEK_DELAY_MS, KANBAN_BAND_PEEK_LINGER_MS, KANBAN_BOARD_AUTO_SCROLL_SOURCES, KANBAN_BOARD_AXES, KANBAN_CARD_DRAG_MIME, KANBAN_CARD_STICKY_TOP_VAR, KANBAN_CHROME_ROW_HEIGHT, KANBAN_CHROME_ROW_HEIGHT_PX, KANBAN_COLLAPSED_BAND_WIDTH_CLASS, KANBAN_COLLAPSED_BAND_WIDTH_PX, KANBAN_COLUMN_GAP_PX, KANBAN_COLUMN_WIDTH_CLASS, KANBAN_COLUMN_WIDTH_PX, KANBAN_STICKY_TOP_VAR, KANBAN_VIRTUAL_CELL_PAGINATION, type KanbanBandToggleActivation, type KanbanBoardAxis, type KanbanBoardCell, type KanbanBoardColumn, type KanbanBoardCoordinate, type KanbanBoardDestination, type KanbanBoardLane, type KanbanBoardMatrix, type KanbanBuiltInGroup, type KanbanCardDragPreview, type KanbanCardFieldSelection, type KanbanCardSelectionModifiers, KanbanCardShell, type KanbanCardShellProps, KanbanCellAction, type KanbanCellActionProps, KanbanCollapsedBandCaption, type KanbanCollapsedBandCaptionProps, type KanbanColumnBand, KanbanColumnBandHeader, type KanbanColumnBandHeaderProps, type KanbanColumnBandSpan, KanbanColumnHeader, type KanbanColumnHeaderProps, type KanbanDropAxisChange, type KanbanDropIntent, type KanbanGroup, type KanbanGroupOption, type KanbanGrouping, type KanbanSchema, type KanbanSubgroupBandHeaderContext, KanbanSubgroupBoard, type KanbanSubgroupBoardProps, type KanbanSubgroupCellContext, type KanbanSubgroupCollapsedBandCellContext, type KanbanSubgroupColumnHeaderContext, type KanbanSubgroupLaneColumnActionContext, type KanbanSubgroupLaneColumnSummaryContext, type KanbanSubgroupLaneIdentityContext, KanbanVirtualCell, type KanbanVirtualCellPagination, type KanbanVirtualCellProps, type OrderKanbanCellsByColumnsParams, type RegisterKanbanBoardAutoScrollOptions, type RegisterKanbanCardDragOptions, type ResolveKanbanGroupValueParams, type ResolveKanbanGroupingParams, buildKanbanBoardMatrix, createKanbanDropIntent, getKanbanBoardColumnIdentity, getKanbanBoardLaneIdentity, getKanbanGroupingPropertyId, getKanbanGroups, hasKanbanColumnBands, isKanbanGroupingRenderable, orderKanbanCellsByColumns, registerKanbanBoardAutoScroll, registerKanbanCardDrag, resolveKanbanColumnBands, resolveKanbanGroupOptions, resolveKanbanGrouping, selectKanbanCardFieldIds, selectKanbanRows };

package/dist/kanban/subgroup-board.d.ts

@@ -1,6 +1,6 @@
 import { KanbanBandToggleActivation } from "./column-band-header.js";
-import { KanbanColumnBand, KanbanGroup } from "./grouping.js";
 import { KanbanBoardCell, KanbanBoardColumn, KanbanBoardMatrix } from "./matrix.js";
+import { KanbanColumnBand, KanbanGroup } from "./grouping.js";
 import { ReactNode, Ref } from "react";
 //#region src/kanban/subgroup-board.d.ts
 export type KanbanSubgroupColumnHeaderContext = {

package/dist/kanban/virtual-cell.d.ts

@@ -1,5 +1,5 @@
-import { OptionColor } from "../lib/option-color.js";
 import { Key, ReactNode, RefObject } from "react";
+import { OptionColor } from "../lib/option-color.js";
 //#region src/kanban/virtual-cell.d.ts
 export declare const KANBAN_VIRTUAL_CELL_PAGINATION: {
   readonly NONE: "none";

package/dist/lib/utils.d.ts

@@ -1,5 +1,5 @@
-import { ClassValue } from "clsx";
 import * as React$1 from "react";
+import { ClassValue } from "clsx";
 //#region src/lib/utils.d.ts
 export declare function cn(...inputs: ClassValue[]): string;
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stll/ui",
-  "version": "0.54.1",
+  "version": "0.55.0",
   "description": "Stella's design system: bidi-aware React primitives built on Base UI, the dockable inspector pane, and the Tailwind v4 theme they are styled with.",
   "keywords": [
     "base-ui",
@@ -101,6 +101,10 @@
       "types": "./dist/components/composer.d.ts",
       "import": "./dist/components/composer.js"
     },
+    "./composer-tokens": {
+      "types": "./dist/components/composer-tokens.d.ts",
+      "import": "./dist/components/composer-tokens.js"
+    },
     "./context-menu": {
       "types": "./dist/components/context-menu.d.ts",
       "import": "./dist/components/context-menu.js"