@adea-ai/ui 0.85.0 → 0.88.0

package/dist/components/layout/floating-preview/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/floating-preview/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,oBAAoB,CAAA"}

package/dist/components/layout/floating-preview/index.js

@@ -0,0 +1,3 @@
+import { FLOATING_PREVIEW_CORNER_RADIUS, FLOATING_PREVIEW_EDGE_GAP, NO_FLOATING_PREVIEW_OBSTACLES, NO_PREVIEW_MINI_PLAYER_OBSTACLES, PREVIEW_MINI_PLAYER_CORNER_RADIUS, PREVIEW_MINI_PLAYER_EDGE_GAP, clampFloatingPreviewPosition, clampPreviewMiniPlayerPosition, resizeFloatingPreview, resizePreviewMiniPlayer, resolveFloatingPreviewFrame, resolvePreviewMiniPlayerFrame } from "./model.js";
+import { FloatingPreview } from "./floating-preview.js";
+export { FLOATING_PREVIEW_CORNER_RADIUS, FLOATING_PREVIEW_EDGE_GAP, FloatingPreview, NO_FLOATING_PREVIEW_OBSTACLES, NO_PREVIEW_MINI_PLAYER_OBSTACLES, PREVIEW_MINI_PLAYER_CORNER_RADIUS, PREVIEW_MINI_PLAYER_EDGE_GAP, clampFloatingPreviewPosition, clampPreviewMiniPlayerPosition, resizeFloatingPreview, resizePreviewMiniPlayer, resolveFloatingPreviewFrame, resolvePreviewMiniPlayerFrame };

package/dist/components/layout/floating-preview/model.d.ts

@@ -0,0 +1,74 @@
+export declare const PREVIEW_MINI_PLAYER_EDGE_GAP = 12;
+export declare const PREVIEW_MINI_PLAYER_CORNER_RADIUS = 12;
+export interface PreviewMiniPlayerSize {
+    readonly width: number;
+    readonly height: number;
+}
+export interface PreviewMiniPlayerPosition {
+    readonly x: number;
+    readonly y: number;
+}
+export interface PreviewMiniPlayerFrame extends PreviewMiniPlayerPosition, PreviewMiniPlayerSize {
+}
+export type BrowserViewportResizeDirection = 'north' | 'south' | 'east' | 'west' | 'northwest' | 'northeast' | 'southwest' | 'southeast';
+interface HorizontalSpan {
+    readonly left: number;
+    readonly right: number;
+}
+/**
+ * The composer stack docked to the bottom edge, in container coordinates. It
+ * only reserves the columns it covers, so the margins beside it stay open all
+ * the way down.
+ */
+export interface PreviewMiniPlayerObstacles {
+    readonly composer: (HorizontalSpan & {
+        readonly height: number;
+    }) | null;
+}
+export declare const NO_PREVIEW_MINI_PLAYER_OBSTACLES: PreviewMiniPlayerObstacles;
+/**
+ * Keeps the player inside the container and off the composer. An overlapping
+ * player is pushed out along whichever side needs the smaller move, so a drag
+ * slides along the composer into the margin beside it instead of stopping at
+ * its top edge; when no side leaves it fully clear it sits above the composer.
+ */
+export declare function clampPreviewMiniPlayerPosition(position: PreviewMiniPlayerPosition, container: PreviewMiniPlayerSize, player: PreviewMiniPlayerSize, obstacles?: PreviewMiniPlayerObstacles): PreviewMiniPlayerPosition;
+/**
+ * Resolves the on-screen frame from the stored width and position. Clamping
+ * happens here on every layout pass instead of being written back to the
+ * store, so a temporarily narrow container never destroys the user's chosen
+ * width. A player without a position sits in the top-right corner.
+ */
+export declare function resolvePreviewMiniPlayerFrame(input: {
+    readonly width: number | null;
+    readonly position: PreviewMiniPlayerPosition | null;
+    readonly source: PreviewMiniPlayerSize;
+    readonly container: PreviewMiniPlayerSize;
+    readonly obstacles?: PreviewMiniPlayerObstacles;
+}): PreviewMiniPlayerFrame;
+/**
+ * Resizes from any edge or corner while holding the aspect ratio. The edge
+ * opposite the dragged one stays anchored, so growth stops at the container
+ * on that axis and the pointer keeps tracking the grabbed edge.
+ */
+export declare function resizePreviewMiniPlayer(input: {
+    readonly start: PreviewMiniPlayerFrame;
+    readonly direction: BrowserViewportResizeDirection;
+    readonly delta: PreviewMiniPlayerPosition;
+    readonly source: PreviewMiniPlayerSize;
+    readonly container: PreviewMiniPlayerSize;
+    readonly obstacles?: PreviewMiniPlayerObstacles;
+}): PreviewMiniPlayerFrame;
+export type FloatingPreviewSize = PreviewMiniPlayerSize;
+export type FloatingPreviewPosition = PreviewMiniPlayerPosition;
+export type FloatingPreviewFrame = PreviewMiniPlayerFrame;
+export type FloatingPreviewResizeDirection = BrowserViewportResizeDirection;
+export type FloatingPreviewObstacles = PreviewMiniPlayerObstacles;
+export declare const FLOATING_PREVIEW_EDGE_GAP = 12;
+export declare const FLOATING_PREVIEW_CORNER_RADIUS = 12;
+export declare const NO_FLOATING_PREVIEW_OBSTACLES: PreviewMiniPlayerObstacles;
+export declare const resolveFloatingPreviewFrame: typeof resolvePreviewMiniPlayerFrame;
+export declare const resizeFloatingPreview: typeof resizePreviewMiniPlayer;
+export declare const clampFloatingPreviewPosition: typeof clampPreviewMiniPlayerPosition;
+export {};
+//# sourceMappingURL=model.d.ts.map

package/dist/components/layout/floating-preview/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/floating-preview/model.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,4BAA4B,KAAK,CAAA;AAC9C,eAAO,MAAM,iCAAiC,KAAK,CAAA;AACnD,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CACxB;AACD,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAA;CACnB;AACD,MAAM,WAAW,sBAAuB,SAAQ,yBAAyB,EAAE,qBAAqB;CAAG;AAEnG,MAAM,MAAM,8BAA8B,GACtC,OAAO,GACP,OAAO,GACP,MAAM,GACN,MAAM,GACN,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAA;AAKf,UAAU,cAAc;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB;AAED;;;;GAIG;AACH,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,QAAQ,EAAE,CAAC,cAAc,GAAG;QAAE,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,IAAI,CAAA;CACzE;AAED,eAAO,MAAM,gCAAgC,EAAE,0BAA+C,CAAA;AAgG9F;;;;;GAKG;AACH,wBAAgB,8BAA8B,CAC5C,QAAQ,EAAE,yBAAyB,EACnC,SAAS,EAAE,qBAAqB,EAChC,MAAM,EAAE,qBAAqB,EAC7B,SAAS,GAAE,0BAA6D,GACvE,yBAAyB,CAwB3B;AAED;;;;;GAKG;AACH,wBAAgB,6BAA6B,CAAC,KAAK,EAAE;IACnD,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,QAAQ,CAAC,QAAQ,EAAE,yBAAyB,GAAG,IAAI,CAAA;IACnD,QAAQ,CAAC,MAAM,EAAE,qBAAqB,CAAA;IACtC,QAAQ,CAAC,SAAS,EAAE,qBAAqB,CAAA;IACzC,QAAQ,CAAC,SAAS,CAAC,EAAE,0BAA0B,CAAA;CAChD,GAAG,sBAAsB,CAYzB;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE;IAC7C,QAAQ,CAAC,KAAK,EAAE,sBAAsB,CAAA;IACtC,QAAQ,CAAC,SAAS,EAAE,8BAA8B,CAAA;IAClD,QAAQ,CAAC,KAAK,EAAE,yBAAyB,CAAA;IACzC,QAAQ,CAAC,MAAM,EAAE,qBAAqB,CAAA;IACtC,QAAQ,CAAC,SAAS,EAAE,qBAAqB,CAAA;IACzC,QAAQ,CAAC,SAAS,CAAC,EAAE,0BAA0B,CAAA;CAChD,GAAG,sBAAsB,CAmDzB;AAID,MAAM,MAAM,mBAAmB,GAAG,qBAAqB,CAAA;AACvD,MAAM,MAAM,uBAAuB,GAAG,yBAAyB,CAAA;AAC/D,MAAM,MAAM,oBAAoB,GAAG,sBAAsB,CAAA;AACzD,MAAM,MAAM,8BAA8B,GAAG,8BAA8B,CAAA;AAC3E,MAAM,MAAM,wBAAwB,GAAG,0BAA0B,CAAA;AACjE,eAAO,MAAM,yBAAyB,KAA+B,CAAA;AACrE,eAAO,MAAM,8BAA8B,KAAoC,CAAA;AAC/E,eAAO,MAAM,6BAA6B,4BAAmC,CAAA;AAC7E,eAAO,MAAM,2BAA2B,sCAAgC,CAAA;AACxE,eAAO,MAAM,qBAAqB,gCAA0B,CAAA;AAC5D,eAAO,MAAM,4BAA4B,uCAAiC,CAAA"}

package/dist/components/layout/floating-preview/model.js

@@ -0,0 +1,146 @@
+//#region src/components/layout/floating-preview/model.ts
+var PREVIEW_MINI_PLAYER_EDGE_GAP = 12;
+var PREVIEW_MINI_PLAYER_CORNER_RADIUS = 12;
+var PREVIEW_MINI_PLAYER_DEFAULT_BOX = {
+	width: 320,
+	height: 320
+};
+var PREVIEW_MINI_PLAYER_MIN_SIZE = {
+	width: 240,
+	height: 150
+};
+var NO_PREVIEW_MINI_PLAYER_OBSTACLES = { composer: null };
+var spanOf = (x, width) => ({
+	left: x,
+	right: x + width
+});
+var spansOverlap = (a, b) => a.left < b.right && a.right > b.left;
+/** The lowest row (before the edge gap) open to a player covering these columns. */
+function floorFor(span, container, obstacles) {
+	const { composer } = obstacles;
+	return composer && spansOverlap(span, composer) ? container.height - Math.max(0, composer.height) : container.height;
+}
+/**
+* The box a stored size is fitted into. A player with a position keeps the
+* rows its own columns have, so a tall frame parked beside the composer
+* survives the next layout pass; without one it takes the rows above the
+* composer, which every column has.
+*/
+var availableArea = (container, obstacles, span) => ({
+	width: container.width - 24,
+	height: (span ? floorFor(span, container, obstacles) : container.height - Math.max(0, obstacles.composer?.height ?? 0)) - 24
+});
+/**
+* Width is the player's only free dimension; height always follows the source
+* aspect ratio so the content fills the box without letterboxing. The player
+* never grows past the source's own size, and a tight container wins over the
+* minimum.
+*/
+function fitPreviewMiniPlayerWidth(desiredWidth, source, max) {
+	const aspectRatio = source.width / source.height;
+	const width = Math.min(Math.max(desiredWidth, PREVIEW_MINI_PLAYER_MIN_SIZE.width, PREVIEW_MINI_PLAYER_MIN_SIZE.height * aspectRatio), source.width, Math.max(1, max.width), Math.max(1, max.height * aspectRatio));
+	return {
+		width: Math.round(width),
+		height: Math.round(width / aspectRatio)
+	};
+}
+function defaultPreviewMiniPlayerWidth(source) {
+	return Math.min(PREVIEW_MINI_PLAYER_DEFAULT_BOX.width, PREVIEW_MINI_PLAYER_DEFAULT_BOX.height * source.width / source.height);
+}
+var clampToContainer = (position, container, player, bottom = container.height) => ({
+	x: Math.min(Math.max(position.x, 12), Math.max(12, container.width - player.width - 12)),
+	y: Math.min(Math.max(position.y, 12), Math.max(12, bottom - player.height - 12))
+});
+var overlapsObstacle = (position, player, container, obstacles) => position.y + player.height > floorFor(spanOf(position.x, player.width), container, obstacles);
+/**
+* Keeps the player inside the container and off the composer. An overlapping
+* player is pushed out along whichever side needs the smaller move, so a drag
+* slides along the composer into the margin beside it instead of stopping at
+* its top edge; when no side leaves it fully clear it sits above the composer.
+*/
+function clampPreviewMiniPlayerPosition(position, container, player, obstacles = NO_PREVIEW_MINI_PLAYER_OBSTACLES) {
+	const inside = clampToContainer(position, container, player);
+	const { composer } = obstacles;
+	if (!composer || !overlapsObstacle(inside, player, container, obstacles)) return inside;
+	const gap = 12;
+	const above = {
+		x: inside.x,
+		y: container.height - composer.height - gap - player.height
+	};
+	const beside = [{
+		x: composer.left - gap - player.width,
+		y: inside.y
+	}, {
+		x: composer.right + gap,
+		y: inside.y
+	}];
+	let best = clampToContainer(above, container, player);
+	let bestDistance = Math.abs(best.y - inside.y);
+	for (const candidate of beside) {
+		if (clampToContainer(candidate, container, player).x !== candidate.x || overlapsObstacle(candidate, player, container, obstacles)) continue;
+		const distance = Math.abs(candidate.x - inside.x);
+		if (distance < bestDistance) {
+			best = candidate;
+			bestDistance = distance;
+		}
+	}
+	return best;
+}
+/**
+* Resolves the on-screen frame from the stored width and position. Clamping
+* happens here on every layout pass instead of being written back to the
+* store, so a temporarily narrow container never destroys the user's chosen
+* width. A player without a position sits in the top-right corner.
+*/
+function resolvePreviewMiniPlayerFrame(input) {
+	const { width, position, source, container, obstacles = NO_PREVIEW_MINI_PLAYER_OBSTACLES } = input;
+	const size = fitPreviewMiniPlayerWidth(width ?? defaultPreviewMiniPlayerWidth(source), source, availableArea(container, obstacles, position && width ? spanOf(position.x, width) : null));
+	return {
+		...clampPreviewMiniPlayerPosition(position ?? {
+			x: container.width - 12 - size.width,
+			y: 12
+		}, container, size, obstacles),
+		...size
+	};
+}
+/**
+* Resizes from any edge or corner while holding the aspect ratio. The edge
+* opposite the dragged one stays anchored, so growth stops at the container
+* on that axis and the pointer keeps tracking the grabbed edge.
+*/
+function resizePreviewMiniPlayer(input) {
+	const { start, direction, delta, source, container, obstacles = NO_PREVIEW_MINI_PLAYER_OBSTACLES } = input;
+	const east = direction.includes("east");
+	const west = direction.includes("west");
+	const north = direction.includes("north");
+	const south = direction.includes("south");
+	const right = start.x + start.width;
+	const bottom = start.y + start.height;
+	const floor = floorFor(spanOf(start.x, start.width), container, obstacles);
+	const max = {
+		width: west ? right - 12 : east ? container.width - 12 - start.x : container.width - 24,
+		height: north ? bottom - 12 : south ? floor - 12 - start.y : floor - 24
+	};
+	const desiredWidth = start.width + (east ? delta.x : west ? -delta.x : 0);
+	const desiredHeight = start.height + (south ? delta.y : north ? -delta.y : 0);
+	const horizontal = east || west;
+	const vertical = north || south;
+	const size = fitPreviewMiniPlayerWidth((horizontal && !vertical ? true : vertical && !horizontal ? false : Math.abs(desiredWidth - start.width) / start.width >= Math.abs(desiredHeight - start.height) / start.height) ? desiredWidth : desiredHeight * source.width / source.height, source, max);
+	return {
+		...clampPreviewMiniPlayerPosition({
+			x: west ? right - size.width : start.x,
+			y: north ? bottom - size.height : start.y
+		}, container, size, obstacles),
+		...size
+	};
+}
+var FLOATING_PREVIEW_EDGE_GAP = 12;
+var FLOATING_PREVIEW_CORNER_RADIUS = 12;
+var NO_FLOATING_PREVIEW_OBSTACLES = NO_PREVIEW_MINI_PLAYER_OBSTACLES;
+var resolveFloatingPreviewFrame = resolvePreviewMiniPlayerFrame;
+var resizeFloatingPreview = resizePreviewMiniPlayer;
+var clampFloatingPreviewPosition = clampPreviewMiniPlayerPosition;
+//#endregion
+export { FLOATING_PREVIEW_CORNER_RADIUS, FLOATING_PREVIEW_EDGE_GAP, NO_FLOATING_PREVIEW_OBSTACLES, NO_PREVIEW_MINI_PLAYER_OBSTACLES, PREVIEW_MINI_PLAYER_CORNER_RADIUS, PREVIEW_MINI_PLAYER_EDGE_GAP, clampFloatingPreviewPosition, clampPreviewMiniPlayerPosition, resizeFloatingPreview, resizePreviewMiniPlayer, resolveFloatingPreviewFrame, resolvePreviewMiniPlayerFrame };
+
+//# sourceMappingURL=model.js.map

package/dist/components/layout/floating-preview/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","names":[],"sources":["../../../../src/components/layout/floating-preview/model.ts"],"sourcesContent":["/*\n * Copyright (c) 2026 Adea contributors\n * SPDX-License-Identifier: MIT\n * Geometry translated from t3code apps/web/src/components/preview/\n * previewMiniPlayerLayout.ts, issue #422, revision\n * 77bca8b2d76a1f42552e5eee7d277fcb1160347a (MIT). Runtime and device\n * behavior are excluded. See NOTICE.\n */\n\nexport const PREVIEW_MINI_PLAYER_EDGE_GAP = 12\nexport const PREVIEW_MINI_PLAYER_CORNER_RADIUS = 12\nexport interface PreviewMiniPlayerSize {\n  readonly width: number\n  readonly height: number\n}\nexport interface PreviewMiniPlayerPosition {\n  readonly x: number\n  readonly y: number\n}\nexport interface PreviewMiniPlayerFrame extends PreviewMiniPlayerPosition, PreviewMiniPlayerSize {}\n\nexport type BrowserViewportResizeDirection =\n  | 'north'\n  | 'south'\n  | 'east'\n  | 'west'\n  | 'northwest'\n  | 'northeast'\n  | 'southwest'\n  | 'southeast'\n\nconst PREVIEW_MINI_PLAYER_DEFAULT_BOX = { width: 320, height: 320 } as const\nconst PREVIEW_MINI_PLAYER_MIN_SIZE = { width: 240, height: 150 } as const\n\ninterface HorizontalSpan {\n  readonly left: number\n  readonly right: number\n}\n\n/**\n * The composer stack docked to the bottom edge, in container coordinates. It\n * only reserves the columns it covers, so the margins beside it stay open all\n * the way down.\n */\nexport interface PreviewMiniPlayerObstacles {\n  readonly composer: (HorizontalSpan & { readonly height: number }) | null\n}\n\nexport const NO_PREVIEW_MINI_PLAYER_OBSTACLES: PreviewMiniPlayerObstacles = { composer: null }\n\nconst spanOf = (x: number, width: number): HorizontalSpan => ({ left: x, right: x + width })\n\nconst spansOverlap = (a: HorizontalSpan, b: HorizontalSpan) => a.left < b.right && a.right > b.left\n\n/** The lowest row (before the edge gap) open to a player covering these columns. */\nfunction floorFor(\n  span: HorizontalSpan,\n  container: PreviewMiniPlayerSize,\n  obstacles: PreviewMiniPlayerObstacles\n): number {\n  const { composer } = obstacles\n  return composer && spansOverlap(span, composer)\n    ? container.height - Math.max(0, composer.height)\n    : container.height\n}\n\n/**\n * The box a stored size is fitted into. A player with a position keeps the\n * rows its own columns have, so a tall frame parked beside the composer\n * survives the next layout pass; without one it takes the rows above the\n * composer, which every column has.\n */\nconst availableArea = (\n  container: PreviewMiniPlayerSize,\n  obstacles: PreviewMiniPlayerObstacles,\n  span: HorizontalSpan | null\n): PreviewMiniPlayerSize => ({\n  width: container.width - PREVIEW_MINI_PLAYER_EDGE_GAP * 2,\n  height:\n    (span\n      ? floorFor(span, container, obstacles)\n      : container.height - Math.max(0, obstacles.composer?.height ?? 0)) -\n    PREVIEW_MINI_PLAYER_EDGE_GAP * 2,\n})\n\n/**\n * Width is the player's only free dimension; height always follows the source\n * aspect ratio so the content fills the box without letterboxing. The player\n * never grows past the source's own size, and a tight container wins over the\n * minimum.\n */\nfunction fitPreviewMiniPlayerWidth(\n  desiredWidth: number,\n  source: PreviewMiniPlayerSize,\n  max: PreviewMiniPlayerSize\n): PreviewMiniPlayerSize {\n  const aspectRatio = source.width / source.height\n  const width = Math.min(\n    Math.max(\n      desiredWidth,\n      PREVIEW_MINI_PLAYER_MIN_SIZE.width,\n      PREVIEW_MINI_PLAYER_MIN_SIZE.height * aspectRatio\n    ),\n    source.width,\n    Math.max(1, max.width),\n    Math.max(1, max.height * aspectRatio)\n  )\n  return { width: Math.round(width), height: Math.round(width / aspectRatio) }\n}\n\nfunction defaultPreviewMiniPlayerWidth(source: PreviewMiniPlayerSize): number {\n  return Math.min(\n    PREVIEW_MINI_PLAYER_DEFAULT_BOX.width,\n    (PREVIEW_MINI_PLAYER_DEFAULT_BOX.height * source.width) / source.height\n  )\n}\n\nconst clampToContainer = (\n  position: PreviewMiniPlayerPosition,\n  container: PreviewMiniPlayerSize,\n  player: PreviewMiniPlayerSize,\n  bottom = container.height\n): PreviewMiniPlayerPosition => ({\n  x: Math.min(\n    Math.max(position.x, PREVIEW_MINI_PLAYER_EDGE_GAP),\n    Math.max(\n      PREVIEW_MINI_PLAYER_EDGE_GAP,\n      container.width - player.width - PREVIEW_MINI_PLAYER_EDGE_GAP\n    )\n  ),\n  y: Math.min(\n    Math.max(position.y, PREVIEW_MINI_PLAYER_EDGE_GAP),\n    Math.max(PREVIEW_MINI_PLAYER_EDGE_GAP, bottom - player.height - PREVIEW_MINI_PLAYER_EDGE_GAP)\n  ),\n})\n\nconst overlapsObstacle = (\n  position: PreviewMiniPlayerPosition,\n  player: PreviewMiniPlayerSize,\n  container: PreviewMiniPlayerSize,\n  obstacles: PreviewMiniPlayerObstacles\n): boolean =>\n  position.y + player.height > floorFor(spanOf(position.x, player.width), container, obstacles)\n\n/**\n * Keeps the player inside the container and off the composer. An overlapping\n * player is pushed out along whichever side needs the smaller move, so a drag\n * slides along the composer into the margin beside it instead of stopping at\n * its top edge; when no side leaves it fully clear it sits above the composer.\n */\nexport function clampPreviewMiniPlayerPosition(\n  position: PreviewMiniPlayerPosition,\n  container: PreviewMiniPlayerSize,\n  player: PreviewMiniPlayerSize,\n  obstacles: PreviewMiniPlayerObstacles = NO_PREVIEW_MINI_PLAYER_OBSTACLES\n): PreviewMiniPlayerPosition {\n  const inside = clampToContainer(position, container, player)\n  const { composer } = obstacles\n  if (!composer || !overlapsObstacle(inside, player, container, obstacles)) return inside\n  const gap = PREVIEW_MINI_PLAYER_EDGE_GAP\n  const above = { x: inside.x, y: container.height - composer.height - gap - player.height }\n  const beside = [\n    { x: composer.left - gap - player.width, y: inside.y },\n    { x: composer.right + gap, y: inside.y },\n  ]\n  let best = clampToContainer(above, container, player)\n  let bestDistance = Math.abs(best.y - inside.y)\n  for (const candidate of beside) {\n    const clamped = clampToContainer(candidate, container, player)\n    if (clamped.x !== candidate.x || overlapsObstacle(candidate, player, container, obstacles)) {\n      continue\n    }\n    const distance = Math.abs(candidate.x - inside.x)\n    if (distance < bestDistance) {\n      best = candidate\n      bestDistance = distance\n    }\n  }\n  return best\n}\n\n/**\n * Resolves the on-screen frame from the stored width and position. Clamping\n * happens here on every layout pass instead of being written back to the\n * store, so a temporarily narrow container never destroys the user's chosen\n * width. A player without a position sits in the top-right corner.\n */\nexport function resolvePreviewMiniPlayerFrame(input: {\n  readonly width: number | null\n  readonly position: PreviewMiniPlayerPosition | null\n  readonly source: PreviewMiniPlayerSize\n  readonly container: PreviewMiniPlayerSize\n  readonly obstacles?: PreviewMiniPlayerObstacles\n}): PreviewMiniPlayerFrame {\n  const { width, position, source, container, obstacles = NO_PREVIEW_MINI_PLAYER_OBSTACLES } = input\n  const size = fitPreviewMiniPlayerWidth(\n    width ?? defaultPreviewMiniPlayerWidth(source),\n    source,\n    availableArea(container, obstacles, position && width ? spanOf(position.x, width) : null)\n  )\n  const anchored = position ?? {\n    x: container.width - PREVIEW_MINI_PLAYER_EDGE_GAP - size.width,\n    y: PREVIEW_MINI_PLAYER_EDGE_GAP,\n  }\n  return { ...clampPreviewMiniPlayerPosition(anchored, container, size, obstacles), ...size }\n}\n\n/**\n * Resizes from any edge or corner while holding the aspect ratio. The edge\n * opposite the dragged one stays anchored, so growth stops at the container\n * on that axis and the pointer keeps tracking the grabbed edge.\n */\nexport function resizePreviewMiniPlayer(input: {\n  readonly start: PreviewMiniPlayerFrame\n  readonly direction: BrowserViewportResizeDirection\n  readonly delta: PreviewMiniPlayerPosition\n  readonly source: PreviewMiniPlayerSize\n  readonly container: PreviewMiniPlayerSize\n  readonly obstacles?: PreviewMiniPlayerObstacles\n}): PreviewMiniPlayerFrame {\n  const {\n    start,\n    direction,\n    delta,\n    source,\n    container,\n    obstacles = NO_PREVIEW_MINI_PLAYER_OBSTACLES,\n  } = input\n  const east = direction.includes('east')\n  const west = direction.includes('west')\n  const north = direction.includes('north')\n  const south = direction.includes('south')\n  const right = start.x + start.width\n  const bottom = start.y + start.height\n  const floor = floorFor(spanOf(start.x, start.width), container, obstacles)\n  const max = {\n    width: west\n      ? right - PREVIEW_MINI_PLAYER_EDGE_GAP\n      : east\n        ? container.width - PREVIEW_MINI_PLAYER_EDGE_GAP - start.x\n        : container.width - PREVIEW_MINI_PLAYER_EDGE_GAP * 2,\n    height: north\n      ? bottom - PREVIEW_MINI_PLAYER_EDGE_GAP\n      : south\n        ? floor - PREVIEW_MINI_PLAYER_EDGE_GAP - start.y\n        : floor - PREVIEW_MINI_PLAYER_EDGE_GAP * 2,\n  }\n  const desiredWidth = start.width + (east ? delta.x : west ? -delta.x : 0)\n  const desiredHeight = start.height + (south ? delta.y : north ? -delta.y : 0)\n  const horizontal = east || west\n  const vertical = north || south\n  const widthLeads =\n    horizontal && !vertical\n      ? true\n      : vertical && !horizontal\n        ? false\n        : Math.abs(desiredWidth - start.width) / start.width >=\n          Math.abs(desiredHeight - start.height) / start.height\n  const size = fitPreviewMiniPlayerWidth(\n    widthLeads ? desiredWidth : (desiredHeight * source.width) / source.height,\n    source,\n    max\n  )\n  const position = clampPreviewMiniPlayerPosition(\n    { x: west ? right - size.width : start.x, y: north ? bottom - size.height : start.y },\n    container,\n    size,\n    obstacles\n  )\n  return { ...position, ...size }\n}\n\n// Product-neutral names for new consumers. The PreviewMiniPlayer names stay\n// exported for Adea Dev Runtime's existing browser model API.\nexport type FloatingPreviewSize = PreviewMiniPlayerSize\nexport type FloatingPreviewPosition = PreviewMiniPlayerPosition\nexport type FloatingPreviewFrame = PreviewMiniPlayerFrame\nexport type FloatingPreviewResizeDirection = BrowserViewportResizeDirection\nexport type FloatingPreviewObstacles = PreviewMiniPlayerObstacles\nexport const FLOATING_PREVIEW_EDGE_GAP = PREVIEW_MINI_PLAYER_EDGE_GAP\nexport const FLOATING_PREVIEW_CORNER_RADIUS = PREVIEW_MINI_PLAYER_CORNER_RADIUS\nexport const NO_FLOATING_PREVIEW_OBSTACLES = NO_PREVIEW_MINI_PLAYER_OBSTACLES\nexport const resolveFloatingPreviewFrame = resolvePreviewMiniPlayerFrame\nexport const resizeFloatingPreview = resizePreviewMiniPlayer\nexport const clampFloatingPreviewPosition = clampPreviewMiniPlayerPosition\n"],"mappings":"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"}

package/dist/components/layout/sidebar-nav/index.d.ts

@@ -1,3 +1,3 @@
-export { SidebarNav, SidebarNavButton, SidebarNavContent, SidebarNavFooter, SidebarNavHeader, SidebarNavItem, SidebarNavSection, SidebarNavTitle, sidebarNavItemClass, sidebarNavItemStateClass, type SidebarNavItemProps, type SidebarNavProps, type SidebarNavTitleProps, } from './sidebar-nav';
+export { SidebarNav, SidebarNavButton, SidebarNavContent, SidebarNavFooter, SidebarNavHeader, SidebarNavItem, SidebarNavSection, SidebarNavTitle, sidebarNavItemClass, sidebarNavItemStateClass, type SidebarNavItemProps, type SidebarNavProps, type SidebarNavSectionProps, type SidebarNavSectionTriggerProps, type SidebarNavTitleProps, } from './sidebar-nav';
 export { SidebarNavResizeHandle, type SidebarNavResizeHandleProps, } from './sidebar-nav-resize-handle';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/layout/sidebar-nav/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sidebar-nav/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EACxB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,oBAAoB,GAC1B,MAAM,eAAe,CAAA;AACtB,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,GACjC,MAAM,6BAA6B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sidebar-nav/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EACxB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,6BAA6B,EAClC,KAAK,oBAAoB,GAC1B,MAAM,eAAe,CAAA;AACtB,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,GACjC,MAAM,6BAA6B,CAAA"}

package/dist/components/layout/sidebar-nav/sidebar-nav.d.ts

@@ -30,23 +30,39 @@ export declare function SidebarNavTitle<T extends ValidComponent = 'div'>(props:
 /** The scrolling middle of the sidebar. */
 export declare function SidebarNavContent(props: ComponentProps<'div'>): JSX.Element;
 export declare function SidebarNavFooter(props: ComponentProps<'div'>): JSX.Element;
+/** Props forwarded to a collapsible section's disclosure button. */
+export type SidebarNavSectionTriggerProps = Omit<ComponentProps<'button'>, 'type' | 'aria-expanded' | 'onClick' | 'onKeyDown' | 'children' | 'class' | 'style'> & {
+    /** Called for Alt+ArrowUp/Down; the host owns ordering and row identity. */
+    onReorder?: (direction: 'up' | 'down') => void;
+    /** Runs before the section toggle and may cancel it with `preventDefault()`. */
+    onClick?: ComponentProps<'button'>['onClick'];
+    /** Runs before shared Alt+Arrow handling and may cancel it with `preventDefault()`. */
+    onKeyDown?: ComponentProps<'button'>['onKeyDown'];
+};
 /**
  * A titled, collapsible group. Collapsible because a list of projects
  * inevitably outgrows the column, and the user needs to put the ones they are
  * not using away *without* them disappearing into a menu.
  */
-export declare function SidebarNavSection(props: ComponentProps<'div'> & {
+export type SidebarNavSectionProps = ComponentProps<'div'> & {
     label: string;
     /** Render a disclosure control instead of a plain heading. */
     collapsible?: boolean;
     defaultOpen?: boolean;
+    /** Controlled disclosure state. When supplied, the host owns changes. */
+    open?: boolean;
+    /** Called for user-initiated disclosure changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Native props and reorder callbacks for the disclosure control. */
+    triggerProps?: SidebarNavSectionTriggerProps;
     /** Count shown beside the label. */
     count?: number;
     /** A control at the trailing edge of the heading row. */
     action?: JSX.Element;
     /** Semantic heading element for a host's section hierarchy. */
     headingAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-}): JSX.Element;
+};
+export declare function SidebarNavSection(props: SidebarNavSectionProps): JSX.Element;
 export type SidebarNavItemProps<T extends ValidComponent = 'a'> = PolymorphicProps<T, {
     class?: string;
     active?: boolean;

package/dist/components/layout/sidebar-nav/sidebar-nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-nav.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sidebar-nav/sidebar-nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAGjE,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAInE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,IAAI,gBAAgB,CAC9E,CAAC,EACD;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CAC1C,CAAA;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,eAgBrF;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAS5D;AAED,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,IAAI,gBAAgB,CACnF,CAAC,EACD;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CACnB,CAAA;AAED,wBAAgB,eAAe,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,eAU/F;AAED,2CAA2C;AAC3C,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAS7D;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAS5D;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yDAAyD;IACzD,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACpB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACpD,eA6DF;AAED,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,cAAc,GAAG,GAAG,IAAI,gBAAgB,CAChF,CAAC,EACD;IACE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACvB,CACF,CAAA;AAED,+EAA+E;AAC/E,eAAO,MAAM,mBAAmB,QAKrB,CAAA;AAEX,eAAO,MAAM,wBAAwB;;;CAGpC,CAAA;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,cAAc,GAAG,GAAG,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,eA4B3F;AAED,wEAAwE;AACxE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC,eAiB/D"}
+{"version":3,"file":"sidebar-nav.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sidebar-nav/sidebar-nav.tsx"],"names":[],"mappings":"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"}

package/dist/components/layout/sidebar-nav/sidebar-nav.js

@@ -1,5 +1,5 @@
 import { cn } from "../../../lib/utils.js";
-import { createComponent, delegateEvents, effect, insert, memo, mergeProps, setAttribute, spread, template } from "solid-js/web";
+import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
 import { ChevronRight } from "lucide-solid";
 import { Show, createSignal, splitProps } from "solid-js";
 import { Polymorphic } from "@kobalte/core/polymorphic";
@@ -9,12 +9,18 @@ var _tmpl$2 = /*#__PURE__*/ template(`<div data-slot=sidebar-nav-content>`);
 var _tmpl$3 = /*#__PURE__*/ template(`<div data-slot=sidebar-nav-footer>`);
 var _tmpl$4 = /*#__PURE__*/ template(`<span class="min-w-0 flex-1 truncate">`);
 var _tmpl$5 = /*#__PURE__*/ template(`<span class="shrink-0 tabular-nums text-muted-foreground">`);
-var _tmpl$6 = /*#__PURE__*/ template(`<button type=button class="flex min-w-0 flex-1 items-center gap-1.5 rounded-sm text-2xs font-medium tracking-wide text-sidebar-muted-foreground uppercase outline-none transition-colors ease-out hover:text-sidebar-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle">`);
+var _tmpl$6 = /*#__PURE__*/ template(`<button>`);
 var _tmpl$7 = /*#__PURE__*/ template(`<span class="shrink-0 opacity-0 transition-opacity ease-out group-hover/section-header:opacity-100 focus-within:opacity-100 [@media(hover:none)]:opacity-100">`);
 var _tmpl$8 = /*#__PURE__*/ template(`<div class="flex flex-col gap-0.5">`);
 var _tmpl$9 = /*#__PURE__*/ template(`<div data-slot=sidebar-nav-section><div class="group/section-header flex items-center gap-1 rounded-md px-2 py-1.5 hover:bg-sidebar-accent/60">`);
 var _tmpl$0 = /*#__PURE__*/ template(`<span class="ms-auto flex shrink-0 items-center gap-1">`);
 var _tmpl$1 = /*#__PURE__*/ template(`<button type=button>`);
+function invokeEventHandler(handler, event) {
+	if (Array.isArray(handler)) {
+		const [callback, data] = handler;
+		callback(data, event);
+	} else if (typeof handler === "function") handler(event);
+}
 function SidebarNav(props) {
 	const [local, rest] = splitProps(props, [
 		"class",
@@ -74,23 +80,31 @@ function SidebarNavFooter(props) {
 		return _el$3;
 	})();
 }
-/**
-* A titled, collapsible group. Collapsible because a list of projects
-* inevitably outgrows the column, and the user needs to put the ones they are
-* not using away *without* them disappearing into a menu.
-*/
 function SidebarNavSection(props) {
 	const [local, rest] = splitProps(props, [
 		"class",
 		"label",
 		"collapsible",
 		"defaultOpen",
+		"open",
+		"onOpenChange",
+		"triggerProps",
 		"count",
 		"action",
 		"headingAs",
 		"children"
 	]);
-	const [open, setOpen] = createSignal(local.defaultOpen ?? true);
+	const [uncontrolledOpen, setUncontrolledOpen] = createSignal(local.defaultOpen ?? true);
+	const open = () => local.open ?? uncontrolledOpen();
+	const setOpen = (next) => {
+		if (local.open === void 0) setUncontrolledOpen(next);
+		local.onOpenChange?.(next);
+	};
+	const [trigger, triggerRest] = splitProps(local.triggerProps ?? {}, [
+		"onClick",
+		"onKeyDown",
+		"onReorder"
+	]);
 	const heading = [
 		createComponent(Show, {
 			get when() {
@@ -142,9 +156,27 @@ function SidebarNavSection(props) {
 					fallback: heading,
 					get children() {
 						var _el$8 = _tmpl$6();
-						_el$8.$$click = () => setOpen((value) => !value);
+						spread(_el$8, mergeProps(triggerRest, {
+							"type": "button",
+							get ["aria-expanded"]() {
+								return open();
+							},
+							"onClick": (event) => {
+								invokeEventHandler(trigger.onClick, event);
+								if (event.defaultPrevented) return;
+								setOpen(!open());
+							},
+							"onKeyDown": (event) => {
+								invokeEventHandler(trigger.onKeyDown, event);
+								if (event.defaultPrevented || !event.altKey) return;
+								if (event.key !== "ArrowUp" && event.key !== "ArrowDown") return;
+								event.preventDefault();
+								event.stopPropagation();
+								trigger.onReorder?.(event.key === "ArrowUp" ? "up" : "down");
+							},
+							"class": "flex min-w-0 flex-1 items-center gap-1.5 rounded-sm text-2xs font-medium tracking-wide text-sidebar-muted-foreground uppercase outline-none transition-colors ease-out hover:text-sidebar-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle"
+						}), false, true);
 						insert(_el$8, heading);
-						effect(() => setAttribute(_el$8, "aria-expanded", open()));
 						return _el$8;
 					}
 				});
@@ -228,7 +260,6 @@ function SidebarNavButton(props) {
 		return _el$10;
 	})();
 }
-delegateEvents(["click"]);
 //#endregion
 export { SidebarNav, SidebarNavButton, SidebarNavContent, SidebarNavFooter, SidebarNavHeader, SidebarNavItem, SidebarNavSection, SidebarNavTitle, sidebarNavItemClass, sidebarNavItemStateClass };
 

package/dist/components/layout/sidebar-nav/sidebar-nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-nav.js","names":["PolymorphicProps","Polymorphic","ChevronRight","ComponentProps","JSX","ValidComponent","Show","createSignal","splitProps","cn","SidebarNavProps","T","class","SidebarNav","props","local","rest","_$createComponent","_$mergeProps","as","aria-label","children","SidebarNavHeader","_el$","_tmpl$","_$spread","SidebarNavTitleProps","SidebarNavTitle","SidebarNavContent","_el$2","_tmpl$2","SidebarNavFooter","_el$3","_tmpl$3","SidebarNavSection","label","collapsible","defaultOpen","count","action","Element","headingAs","open","setOpen","heading","when","_el$4","_tmpl$4","_$insert","undefined","_el$5","_tmpl$5","_el$6","_tmpl$9","_el$7","firstChild","_$memo","fallback","_el$8","_tmpl$6","$$click","value","_$effect","_$setAttribute","_el$9","_tmpl$7","_el$0","_tmpl$8","SidebarNavItemProps","active","nested","trailing","sidebarNavItemClass","join","sidebarNavItemStateClass","idle","SidebarNavItem","aria-current","data-active","_el$1","_tmpl$0","SidebarNavButton","_el$10","_tmpl$1","_$delegateEvents","_$createComponent","_$mergeProps","_$memo","_$setAttribute","_$delegateEvents"],"sources":["../../../../src/components/layout/sidebar-nav/sidebar-nav.tsx"],"sourcesContent":["import type { PolymorphicProps } from '@kobalte/core/polymorphic'\nimport { Polymorphic } from '@kobalte/core/polymorphic'\nimport { ChevronRight } from 'lucide-solid'\nimport type { ComponentProps, JSX, ValidComponent } from 'solid-js'\nimport { Show, createSignal, splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * SidebarNav.\n *\n * The secondary navigation column: the list of things inside the destination\n * the rail selected — projects, sessions, files, threads. It is a different\n * object from the rail, not a wider version of it, which is why it is a separate\n * component rather than the rail with labels on.\n *\n * Rows share one recipe with the rail's, so a row in a sidebar and a row in a\n * rail read as the same kind of thing at the same density. That recipe is\n * exactly KiroCrew's nav row: `text-sm font-medium`, `gap-2.5`, `px-3 py-2`,\n * `rounded-md`, `transition-colors`.\n *\n * The width comes from `--sidebar-width`. Sections collapse by default only when\n * the caller says so, because a section that starts collapsed and holds the\n * user's own work is a hidden default.\n */\nexport type SidebarNavProps<T extends ValidComponent = 'nav'> = PolymorphicProps<\n  T,\n  { class?: string; 'aria-label'?: string }\n>\n\nexport function SidebarNav<T extends ValidComponent = 'nav'>(props: SidebarNavProps<T>) {\n  const [local, rest] = splitProps(props as SidebarNavProps, ['class', 'aria-label', 'children'])\n\n  return (\n    <Polymorphic\n      as=\"nav\"\n      aria-label={local['aria-label'] ?? 'Section'}\n      class={cn(\n        'bg-sidebar text-sidebar-foreground flex h-full w-sidebar shrink-0 flex-col border-e border-sidebar-border',\n        local.class\n      )}\n      {...(rest as ComponentProps<'nav'>)}\n    >\n      {local.children}\n    </Polymorphic>\n  )\n}\n\nexport function SidebarNavHeader(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"sidebar-nav-header\"\n      class={cn('flex h-topbar shrink-0 items-center justify-between gap-2 px-3', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport type SidebarNavTitleProps<T extends ValidComponent = 'div'> = PolymorphicProps<\n  T,\n  { class?: string }\n>\n\nexport function SidebarNavTitle<T extends ValidComponent = 'div'>(props: SidebarNavTitleProps<T>) {\n  const [local, rest] = splitProps(props as SidebarNavTitleProps, ['class'])\n  return (\n    <Polymorphic\n      as=\"div\"\n      data-slot=\"sidebar-nav-title\"\n      class={cn('truncate text-sm font-semibold tracking-tight', local.class)}\n      {...(rest as ComponentProps<'div'>)}\n    />\n  )\n}\n\n/** The scrolling middle of the sidebar. */\nexport function SidebarNavContent(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"sidebar-nav-content\"\n      class={cn('flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto px-2 py-2', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function SidebarNavFooter(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"sidebar-nav-footer\"\n      class={cn('flex shrink-0 items-center gap-1 border-t border-sidebar-border p-2', local.class)}\n      {...rest}\n    />\n  )\n}\n\n/**\n * A titled, collapsible group. Collapsible because a list of projects\n * inevitably outgrows the column, and the user needs to put the ones they are\n * not using away *without* them disappearing into a menu.\n */\nexport function SidebarNavSection(\n  props: ComponentProps<'div'> & {\n    label: string\n    /** Render a disclosure control instead of a plain heading. */\n    collapsible?: boolean\n    defaultOpen?: boolean\n    /** Count shown beside the label. */\n    count?: number\n    /** A control at the trailing edge of the heading row. */\n    action?: JSX.Element\n    /** Semantic heading element for a host's section hierarchy. */\n    headingAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n  }\n) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'label',\n    'collapsible',\n    'defaultOpen',\n    'count',\n    'action',\n    'headingAs',\n    'children',\n  ])\n  const [open, setOpen] = createSignal(local.defaultOpen ?? true)\n\n  const heading = (\n    <>\n      <Show when={local.collapsible}>\n        <ChevronRight\n          aria-hidden=\"true\"\n          class={cn('size-3.5 shrink-0 text-muted-foreground transition-transform ease-out', {\n            'rotate-90': open(),\n          })}\n        />\n      </Show>\n      <span class=\"min-w-0 flex-1 truncate\">{local.label}</span>\n      <Show when={local.count !== undefined}>\n        <span class=\"shrink-0 tabular-nums text-muted-foreground\">{local.count}</span>\n      </Show>\n    </>\n  )\n\n  return (\n    <div data-slot=\"sidebar-nav-section\" class={cn('flex flex-col gap-0.5', local.class)} {...rest}>\n      <div class=\"group/section-header flex items-center gap-1 rounded-md px-2 py-1.5 hover:bg-sidebar-accent/60\">\n        <Polymorphic\n          as={local.headingAs ?? 'div'}\n          aria-label={local.headingAs ? local.label : undefined}\n          class=\"flex min-w-0 flex-1 items-center gap-1.5 text-2xs font-medium tracking-wide text-sidebar-muted-foreground uppercase\"\n        >\n          <Show when={local.collapsible} fallback={heading}>\n            <button\n              type=\"button\"\n              aria-expanded={open()}\n              onClick={() => setOpen((value) => !value)}\n              class=\"flex min-w-0 flex-1 items-center gap-1.5 rounded-sm text-2xs font-medium tracking-wide text-sidebar-muted-foreground uppercase outline-none transition-colors ease-out hover:text-sidebar-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle\"\n            >\n              {heading}\n            </button>\n          </Show>\n        </Polymorphic>\n        <Show when={local.action}>\n          <span class=\"shrink-0 opacity-0 transition-opacity ease-out group-hover/section-header:opacity-100 focus-within:opacity-100 [@media(hover:none)]:opacity-100\">\n            {local.action}\n          </span>\n        </Show>\n      </div>\n      <Show when={!local.collapsible || open()}>\n        <div class=\"flex flex-col gap-0.5\">{local.children}</div>\n      </Show>\n    </div>\n  )\n}\n\nexport type SidebarNavItemProps<T extends ValidComponent = 'a'> = PolymorphicProps<\n  T,\n  {\n    class?: string\n    active?: boolean\n    /** Indent one level, for a child row such as a branch under a project. */\n    nested?: boolean\n    /** Trailing slot: a count, a status dot, a hover action. */\n    trailing?: JSX.Element\n  }\n>\n\n/** A sidebar row. Exported classes, so a caller's own element can match it. */\nexport const sidebarNavItemClass = [\n  'group/nav-item relative flex min-w-0 items-center gap-2.5 rounded-md px-3 py-2 text-sm font-medium',\n  'whitespace-nowrap transition-colors ease-out outline-none select-none',\n  'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n  '[&_svg]:size-4 [&_svg]:shrink-0',\n].join(' ')\n\nexport const sidebarNavItemStateClass = {\n  active: 'bg-primary-subtle text-foreground',\n  idle: 'text-muted-foreground hover:bg-surface-hover hover:text-foreground',\n}\n\nexport function SidebarNavItem<T extends ValidComponent = 'a'>(props: SidebarNavItemProps<T>) {\n  const [local, rest] = splitProps(props as SidebarNavItemProps, [\n    'class',\n    'active',\n    'nested',\n    'trailing',\n    'children',\n  ])\n\n  return (\n    <Polymorphic\n      as=\"a\"\n      aria-current={local.active ? 'page' : undefined}\n      data-active={local.active ? '' : undefined}\n      class={cn(\n        sidebarNavItemClass,\n        local.active ? sidebarNavItemStateClass.active : sidebarNavItemStateClass.idle,\n        { 'ps-8': local.nested },\n        local.class\n      )}\n      {...(rest as ComponentProps<'a'>)}\n    >\n      {local.children}\n      <Show when={local.trailing}>\n        <span class=\"ms-auto flex shrink-0 items-center gap-1\">{local.trailing}</span>\n      </Show>\n    </Polymorphic>\n  )\n}\n\n/** A row that is a button rather than a destination — \"New project\". */\nexport function SidebarNavButton(props: ComponentProps<'button'>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <button\n      type=\"button\"\n      class={cn(\n        sidebarNavItemClass,\n        sidebarNavItemStateClass.idle,\n        'w-full disabled:pointer-events-none disabled:opacity-50',\n        local.class\n      )}\n      {...rest}\n    >\n      {local.children}\n    </button>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"sidebar-nav.js","names":["PolymorphicProps","Polymorphic","ChevronRight","ComponentProps","JSX","ValidComponent","Show","createSignal","splitProps","cn","invokeEventHandler","handler","event","Event","Array","isArray","callback","data","SidebarNavProps","T","class","SidebarNav","props","local","rest","_$createComponent","_$mergeProps","as","aria-label","children","SidebarNavHeader","_el$","_tmpl$","_$spread","SidebarNavTitleProps","SidebarNavTitle","SidebarNavContent","_el$2","_tmpl$2","SidebarNavFooter","_el$3","_tmpl$3","SidebarNavSectionTriggerProps","Omit","onReorder","direction","onClick","onKeyDown","SidebarNavSectionProps","label","collapsible","defaultOpen","open","onOpenChange","triggerProps","count","action","Element","headingAs","SidebarNavSection","uncontrolledOpen","setUncontrolledOpen","setOpen","next","undefined","trigger","triggerRest","heading","when","_el$4","_tmpl$4","_$insert","_el$5","_tmpl$5","_el$6","_tmpl$9","_el$7","firstChild","_$memo","fallback","_el$8","_tmpl$6","aria-expanded","defaultPrevented","altKey","key","preventDefault","stopPropagation","_el$9","_tmpl$7","_el$0","_tmpl$8","SidebarNavItemProps","active","nested","trailing","sidebarNavItemClass","join","sidebarNavItemStateClass","idle","SidebarNavItem","aria-current","data-active","_el$1","_tmpl$0","SidebarNavButton","_el$10","_tmpl$1","_$createComponent","_$mergeProps","_$memo"],"sources":["../../../../src/components/layout/sidebar-nav/sidebar-nav.tsx"],"sourcesContent":["import type { PolymorphicProps } from '@kobalte/core/polymorphic'\nimport { Polymorphic } from '@kobalte/core/polymorphic'\nimport { ChevronRight } from 'lucide-solid'\nimport type { ComponentProps, JSX, ValidComponent } from 'solid-js'\nimport { Show, createSignal, splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\nfunction invokeEventHandler(handler: unknown, event: Event) {\n  if (Array.isArray(handler)) {\n    const [callback, data] = handler as [(data: unknown, event: Event) => void, unknown]\n    callback(data, event)\n  } else if (typeof handler === 'function') {\n    ;(handler as (event: Event) => void)(event)\n  }\n}\n\n/**\n * SidebarNav.\n *\n * The secondary navigation column: the list of things inside the destination\n * the rail selected — projects, sessions, files, threads. It is a different\n * object from the rail, not a wider version of it, which is why it is a separate\n * component rather than the rail with labels on.\n *\n * Rows share one recipe with the rail's, so a row in a sidebar and a row in a\n * rail read as the same kind of thing at the same density. That recipe is\n * exactly KiroCrew's nav row: `text-sm font-medium`, `gap-2.5`, `px-3 py-2`,\n * `rounded-md`, `transition-colors`.\n *\n * The width comes from `--sidebar-width`. Sections collapse by default only when\n * the caller says so, because a section that starts collapsed and holds the\n * user's own work is a hidden default.\n */\nexport type SidebarNavProps<T extends ValidComponent = 'nav'> = PolymorphicProps<\n  T,\n  { class?: string; 'aria-label'?: string }\n>\n\nexport function SidebarNav<T extends ValidComponent = 'nav'>(props: SidebarNavProps<T>) {\n  const [local, rest] = splitProps(props as SidebarNavProps, ['class', 'aria-label', 'children'])\n\n  return (\n    <Polymorphic\n      as=\"nav\"\n      aria-label={local['aria-label'] ?? 'Section'}\n      class={cn(\n        'bg-sidebar text-sidebar-foreground flex h-full w-sidebar shrink-0 flex-col border-e border-sidebar-border',\n        local.class\n      )}\n      {...(rest as ComponentProps<'nav'>)}\n    >\n      {local.children}\n    </Polymorphic>\n  )\n}\n\nexport function SidebarNavHeader(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"sidebar-nav-header\"\n      class={cn('flex h-topbar shrink-0 items-center justify-between gap-2 px-3', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport type SidebarNavTitleProps<T extends ValidComponent = 'div'> = PolymorphicProps<\n  T,\n  { class?: string }\n>\n\nexport function SidebarNavTitle<T extends ValidComponent = 'div'>(props: SidebarNavTitleProps<T>) {\n  const [local, rest] = splitProps(props as SidebarNavTitleProps, ['class'])\n  return (\n    <Polymorphic\n      as=\"div\"\n      data-slot=\"sidebar-nav-title\"\n      class={cn('truncate text-sm font-semibold tracking-tight', local.class)}\n      {...(rest as ComponentProps<'div'>)}\n    />\n  )\n}\n\n/** The scrolling middle of the sidebar. */\nexport function SidebarNavContent(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"sidebar-nav-content\"\n      class={cn('flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto px-2 py-2', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function SidebarNavFooter(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"sidebar-nav-footer\"\n      class={cn('flex shrink-0 items-center gap-1 border-t border-sidebar-border p-2', local.class)}\n      {...rest}\n    />\n  )\n}\n\n/** Props forwarded to a collapsible section's disclosure button. */\nexport type SidebarNavSectionTriggerProps = Omit<\n  ComponentProps<'button'>,\n  'type' | 'aria-expanded' | 'onClick' | 'onKeyDown' | 'children' | 'class' | 'style'\n> & {\n  /** Called for Alt+ArrowUp/Down; the host owns ordering and row identity. */\n  onReorder?: (direction: 'up' | 'down') => void\n  /** Runs before the section toggle and may cancel it with `preventDefault()`. */\n  onClick?: ComponentProps<'button'>['onClick']\n  /** Runs before shared Alt+Arrow handling and may cancel it with `preventDefault()`. */\n  onKeyDown?: ComponentProps<'button'>['onKeyDown']\n}\n\n/**\n * A titled, collapsible group. Collapsible because a list of projects\n * inevitably outgrows the column, and the user needs to put the ones they are\n * not using away *without* them disappearing into a menu.\n */\nexport type SidebarNavSectionProps = ComponentProps<'div'> & {\n  label: string\n  /** Render a disclosure control instead of a plain heading. */\n  collapsible?: boolean\n  defaultOpen?: boolean\n  /** Controlled disclosure state. When supplied, the host owns changes. */\n  open?: boolean\n  /** Called for user-initiated disclosure changes. */\n  onOpenChange?: (open: boolean) => void\n  /** Native props and reorder callbacks for the disclosure control. */\n  triggerProps?: SidebarNavSectionTriggerProps\n  /** Count shown beside the label. */\n  count?: number\n  /** A control at the trailing edge of the heading row. */\n  action?: JSX.Element\n  /** Semantic heading element for a host's section hierarchy. */\n  headingAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n}\n\nexport function SidebarNavSection(props: SidebarNavSectionProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'label',\n    'collapsible',\n    'defaultOpen',\n    'open',\n    'onOpenChange',\n    'triggerProps',\n    'count',\n    'action',\n    'headingAs',\n    'children',\n  ])\n  const [uncontrolledOpen, setUncontrolledOpen] = createSignal(local.defaultOpen ?? true)\n  const open = () => local.open ?? uncontrolledOpen()\n  const setOpen = (next: boolean) => {\n    if (local.open === undefined) setUncontrolledOpen(next)\n    local.onOpenChange?.(next)\n  }\n\n  const [trigger, triggerRest] = splitProps(local.triggerProps ?? {}, [\n    'onClick',\n    'onKeyDown',\n    'onReorder',\n  ])\n\n  const heading = (\n    <>\n      <Show when={local.collapsible}>\n        <ChevronRight\n          aria-hidden=\"true\"\n          class={cn('size-3.5 shrink-0 text-muted-foreground transition-transform ease-out', {\n            'rotate-90': open(),\n          })}\n        />\n      </Show>\n      <span class=\"min-w-0 flex-1 truncate\">{local.label}</span>\n      <Show when={local.count !== undefined}>\n        <span class=\"shrink-0 tabular-nums text-muted-foreground\">{local.count}</span>\n      </Show>\n    </>\n  )\n\n  return (\n    <div data-slot=\"sidebar-nav-section\" class={cn('flex flex-col gap-0.5', local.class)} {...rest}>\n      <div class=\"group/section-header flex items-center gap-1 rounded-md px-2 py-1.5 hover:bg-sidebar-accent/60\">\n        <Polymorphic\n          as={local.headingAs ?? 'div'}\n          aria-label={local.headingAs ? local.label : undefined}\n          class=\"flex min-w-0 flex-1 items-center gap-1.5 text-2xs font-medium tracking-wide text-sidebar-muted-foreground uppercase\"\n        >\n          <Show when={local.collapsible} fallback={heading}>\n            <button\n              {...(triggerRest as ComponentProps<'button'>)}\n              type=\"button\"\n              aria-expanded={open()}\n              onClick={(event) => {\n                invokeEventHandler(trigger.onClick, event)\n                if (event.defaultPrevented) return\n                setOpen(!open())\n              }}\n              onKeyDown={(event) => {\n                invokeEventHandler(trigger.onKeyDown, event)\n                if (event.defaultPrevented || !event.altKey) return\n                if (event.key !== 'ArrowUp' && event.key !== 'ArrowDown') return\n                event.preventDefault()\n                event.stopPropagation()\n                trigger.onReorder?.(event.key === 'ArrowUp' ? 'up' : 'down')\n              }}\n              class=\"flex min-w-0 flex-1 items-center gap-1.5 rounded-sm text-2xs font-medium tracking-wide text-sidebar-muted-foreground uppercase outline-none transition-colors ease-out hover:text-sidebar-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle\"\n            >\n              {heading}\n            </button>\n          </Show>\n        </Polymorphic>\n        <Show when={local.action}>\n          <span class=\"shrink-0 opacity-0 transition-opacity ease-out group-hover/section-header:opacity-100 focus-within:opacity-100 [@media(hover:none)]:opacity-100\">\n            {local.action}\n          </span>\n        </Show>\n      </div>\n      <Show when={!local.collapsible || open()}>\n        <div class=\"flex flex-col gap-0.5\">{local.children}</div>\n      </Show>\n    </div>\n  )\n}\n\nexport type SidebarNavItemProps<T extends ValidComponent = 'a'> = PolymorphicProps<\n  T,\n  {\n    class?: string\n    active?: boolean\n    /** Indent one level, for a child row such as a branch under a project. */\n    nested?: boolean\n    /** Trailing slot: a count, a status dot, a hover action. */\n    trailing?: JSX.Element\n  }\n>\n\n/** A sidebar row. Exported classes, so a caller's own element can match it. */\nexport const sidebarNavItemClass = [\n  'group/nav-item relative flex min-w-0 items-center gap-2.5 rounded-md px-3 py-2 text-sm font-medium',\n  'whitespace-nowrap transition-colors ease-out outline-none select-none',\n  'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n  '[&_svg]:size-4 [&_svg]:shrink-0',\n].join(' ')\n\nexport const sidebarNavItemStateClass = {\n  active: 'bg-primary-subtle text-foreground',\n  idle: 'text-muted-foreground hover:bg-surface-hover hover:text-foreground',\n}\n\nexport function SidebarNavItem<T extends ValidComponent = 'a'>(props: SidebarNavItemProps<T>) {\n  const [local, rest] = splitProps(props as SidebarNavItemProps, [\n    'class',\n    'active',\n    'nested',\n    'trailing',\n    'children',\n  ])\n\n  return (\n    <Polymorphic\n      as=\"a\"\n      aria-current={local.active ? 'page' : undefined}\n      data-active={local.active ? '' : undefined}\n      class={cn(\n        sidebarNavItemClass,\n        local.active ? sidebarNavItemStateClass.active : sidebarNavItemStateClass.idle,\n        { 'ps-8': local.nested },\n        local.class\n      )}\n      {...(rest as ComponentProps<'a'>)}\n    >\n      {local.children}\n      <Show when={local.trailing}>\n        <span class=\"ms-auto flex shrink-0 items-center gap-1\">{local.trailing}</span>\n      </Show>\n    </Polymorphic>\n  )\n}\n\n/** A row that is a button rather than a destination — \"New project\". */\nexport function SidebarNavButton(props: ComponentProps<'button'>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <button\n      type=\"button\"\n      class={cn(\n        sidebarNavItemClass,\n        sidebarNavItemStateClass.idle,\n        'w-full disabled:pointer-events-none disabled:opacity-50',\n        local.class\n      )}\n      {...rest}\n    >\n      {local.children}\n    </button>\n  )\n}\n"],"mappings":"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"}

package/dist/components/theme/index.d.ts

@@ -2,4 +2,5 @@ export { AppearancePanel, type AppearancePanelProps } from './appearance-panel';
 export { ThemePicker, ThemePreview, ThemeSwatch, type ThemePickerProps, type ThemePreviewProps, type ThemeSwatchProps, } from './theme-picker';
 export { ThemeProvider, defaultThemeSelection, inlineScriptLiteral, resolvedDensity, themeScript, useTheme, type ThemeContextValue, type ThemeDensity, type ThemeProviderProps, type ThemeSelection, } from './theme-provider';
 export { ThemeToggle, type ThemeToggleProps } from './theme-toggle';
+export { ThemeModeToggle, type ThemeModeToggleProps } from './theme-mode-toggle';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAC/E,OAAO,EACL,WAAW,EACX,YAAY,EACZ,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,GACtB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EACL,aAAa,EACb,qBAAqB,EACrB,mBAAmB,EACnB,eAAe,EACf,WAAW,EACX,QAAQ,EACR,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,kBAAkB,EACvB,KAAK,cAAc,GACpB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAC/E,OAAO,EACL,WAAW,EACX,YAAY,EACZ,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,GACtB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EACL,aAAa,EACb,qBAAqB,EACrB,mBAAmB,EACnB,eAAe,EACf,WAAW,EACX,QAAQ,EACR,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,kBAAkB,EACvB,KAAK,cAAc,GACpB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACnE,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/components/theme/index.js

@@ -2,4 +2,5 @@ import { ThemePicker, ThemePreview, ThemeSwatch } from "./theme-picker.js";
 import { ThemeProvider, defaultThemeSelection, inlineScriptLiteral, resolvedDensity, themeScript, useTheme } from "./theme-provider.js";
 import { AppearancePanel } from "./appearance-panel.js";
 import { ThemeToggle } from "./theme-toggle.js";
-export { AppearancePanel, ThemePicker, ThemePreview, ThemeProvider, ThemeSwatch, ThemeToggle, defaultThemeSelection, inlineScriptLiteral, resolvedDensity, themeScript, useTheme };
+import { ThemeModeToggle } from "./theme-mode-toggle.js";
+export { AppearancePanel, ThemeModeToggle, ThemePicker, ThemePreview, ThemeProvider, ThemeSwatch, ThemeToggle, defaultThemeSelection, inlineScriptLiteral, resolvedDensity, themeScript, useTheme };

package/dist/components/theme/theme-mode-toggle.d.ts

@@ -0,0 +1,10 @@
+import type { ComponentProps } from 'solid-js';
+import { ToggleGroup } from '../ui/toggle-group/toggle-group';
+/** Controlled appearance selection for hosts that own their preference storage. */
+export type ThemeModeToggleProps = Omit<ComponentProps<typeof ToggleGroup>, 'children' | 'value' | 'onChange' | 'multiple'> & {
+    mode: 'light' | 'dark' | 'system';
+    onModeChange: (mode: 'light' | 'dark' | 'system') => void;
+    withLabels?: boolean;
+};
+export declare function ThemeModeToggle(props: ThemeModeToggleProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=theme-mode-toggle.d.ts.map

package/dist/components/theme/theme-mode-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-mode-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/theme/theme-mode-toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE9C,OAAO,EAAE,WAAW,EAAmB,MAAM,iCAAiC,CAAA;AAS9E,mFAAmF;AACnF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,cAAc,CAAC,OAAO,WAAW,CAAC,EAClC,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,CAC/C,GAAG;IACF,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;IACjC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,KAAK,IAAI,CAAA;IACzD,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,kCAiC1D"}