@adea-ai/ui 0.82.2 → 0.83.0

package/dist/components/layout/orbit-layout/index.d.ts

@@ -0,0 +1,3 @@
+/** Geometry-only wrappers for arranging content around a circle. */
+export { OrbitItem, OrbitLayout, type OrbitItemProps, type OrbitLayoutProps, type OrbitRadius, } from './orbit-layout';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/orbit-layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/orbit-layout/index.ts"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,OAAO,EACL,SAAS,EACT,WAAW,EACX,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,WAAW,GACjB,MAAM,gBAAgB,CAAA"}

package/dist/components/layout/orbit-layout/index.js

@@ -0,0 +1,2 @@
+import { OrbitItem, OrbitLayout } from "./orbit-layout.js";
+export { OrbitItem, OrbitLayout };

package/dist/components/layout/orbit-layout/orbit-layout.d.ts

@@ -0,0 +1,38 @@
+import type { ComponentProps } from 'solid-js';
+/** A CSS length or expression used to place an item away from the orbit center. */
+export type OrbitRadius = number | string;
+export type OrbitLayoutMode = 'radial' | 'flow';
+/**
+ * OrbitLayout.
+ *
+ * Provides a positioned canvas and a shared radius for its OrbitItems. It does
+ * not assign list semantics or alter DOM order: callers choose semantics, and
+ * keyboard and screen-reader order remain the source order of the children.
+ */
+export type OrbitLayoutProps = Omit<ComponentProps<'div'>, 'style'> & {
+    /** JSX style props are owned by this geometry primitive. */
+    style?: never;
+    /** Responsive radius used by every OrbitItem unless that item overrides it. */
+    radius?: OrbitRadius;
+    /** `flow` places items in source order; `radial` positions them around the host. */
+    mode?: OrbitLayoutMode;
+};
+export declare function OrbitLayout(props: OrbitLayoutProps): import("solid-js").JSX.Element;
+/**
+ * OrbitItem.
+ *
+ * Positions one ordinary child around its OrbitLayout. This is geometry only:
+ * the wrapper has no role, tabindex, or interaction of its own.
+ */
+export type OrbitItemProps = Omit<ComponentProps<'div'>, 'style'> & {
+    /** JSX style props are owned by this geometry primitive. */
+    style?: never;
+    /** Zero-based position in the rendered sequence. */
+    index: number;
+    /** Number of items sharing this orbit. */
+    count: number;
+    /** Per-item override for OrbitLayout's responsive radius. */
+    radius?: OrbitRadius;
+};
+export declare function OrbitItem(props: OrbitItemProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=orbit-layout.d.ts.map

package/dist/components/layout/orbit-layout/orbit-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"orbit-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/orbit-layout/orbit-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI9C,mFAAmF;AACnF,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA;AACzC,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,MAAM,CAAA;AAW/C;;;;;;GAMG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IACpE,4DAA4D;IAC5D,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,+EAA+E;IAC/E,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,oFAAoF;IACpF,IAAI,CAAC,EAAE,eAAe,CAAA;CACvB,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,kCAkBlD;AAED;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IAClE,4DAA4D;IAC5D,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAA;IACb,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,6DAA6D;IAC7D,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB,CAAA;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,kCAyC9C"}

package/dist/components/layout/orbit-layout/orbit-layout.js

@@ -0,0 +1,83 @@
+import { cn } from "../../../lib/utils.js";
+import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
+import { createContext, createMemo, splitProps, useContext } from "solid-js";
+//#region src/components/layout/orbit-layout/orbit-layout.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
+var DEFAULT_ORBIT_RADIUS = "calc(50% - 2rem)";
+var OrbitRadiusContext = createContext();
+var OrbitModeContext = createContext();
+function resolveRadius(radius) {
+	if (typeof radius === "number") return `${Number.isFinite(radius) ? Math.max(0, radius) : 0}px`;
+	return radius?.trim() || DEFAULT_ORBIT_RADIUS;
+}
+function OrbitLayout(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"radius",
+		"mode",
+		"style",
+		"children"
+	]);
+	const radius = createMemo(() => resolveRadius(local.radius));
+	const mode = createMemo(() => local.mode ?? "radial");
+	return createComponent(OrbitRadiusContext.Provider, {
+		value: radius,
+		get children() {
+			return createComponent(OrbitModeContext.Provider, {
+				value: mode,
+				get children() {
+					var _el$ = _tmpl$();
+					spread(_el$, mergeProps(rest, {
+						"data-slot": "orbit-layout",
+						get ["class"]() {
+							return cn(mode() === "flow" ? "grid gap-3" : "relative size-full", local.class);
+						}
+					}), false, true);
+					insert(_el$, () => local.children);
+					return _el$;
+				}
+			});
+		}
+	});
+}
+function OrbitItem(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"index",
+		"count",
+		"radius",
+		"style",
+		"children"
+	]);
+	const inheritedRadius = useContext(OrbitRadiusContext);
+	const inheritedMode = useContext(OrbitModeContext);
+	const mode = () => inheritedMode?.() ?? "radial";
+	const radius = () => local.radius !== void 0 ? resolveRadius(local.radius) : inheritedRadius?.() ?? DEFAULT_ORBIT_RADIUS;
+	const angle = createMemo(() => {
+		const count = Number.isFinite(local.count) ? Math.max(1, Math.trunc(local.count)) : 1;
+		return `${((Number.isFinite(local.index) ? Math.trunc(local.index) : 0) % count + count) % count / count * Math.PI * 2}rad`;
+	});
+	const positionStyle = () => mode() === "flow" ? void 0 : {
+		top: `calc(50% + sin(${angle()}) * ${radius()})`,
+		left: `calc(50% + cos(${angle()}) * ${radius()})`,
+		translate: "-50% -50%"
+	};
+	return (() => {
+		var _el$2 = _tmpl$();
+		spread(_el$2, mergeProps(rest, {
+			"data-slot": "orbit-item",
+			get ["class"]() {
+				return cn(mode() === "flow" ? void 0 : "absolute", local.class);
+			},
+			get style() {
+				return positionStyle();
+			}
+		}), false, true);
+		insert(_el$2, () => local.children);
+		return _el$2;
+	})();
+}
+//#endregion
+export { OrbitItem, OrbitLayout };
+
+//# sourceMappingURL=orbit-layout.js.map

package/dist/components/layout/orbit-layout/orbit-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"orbit-layout.js","names":["ComponentProps","createContext","createMemo","splitProps","useContext","Accessor","cn","OrbitRadius","OrbitLayoutMode","DEFAULT_ORBIT_RADIUS","OrbitRadiusContext","OrbitModeContext","resolveRadius","radius","Number","isFinite","Math","max","trim","OrbitLayoutProps","Omit","style","mode","OrbitLayout","props","local","rest","_$createComponent","Provider","value","children","_el$","_tmpl$","_$spread","_$mergeProps","class","_$insert","OrbitItemProps","index","count","OrbitItem","inheritedRadius","inheritedMode","undefined","angle","trunc","rawIndex","PI","positionStyle","top","left","translate","_el$2","_$createComponent","_$mergeProps"],"sources":["../../../../src/components/layout/orbit-layout/orbit-layout.tsx"],"sourcesContent":["import type { ComponentProps } from 'solid-js'\nimport { createContext, createMemo, splitProps, useContext, type Accessor } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/** A CSS length or expression used to place an item away from the orbit center. */\nexport type OrbitRadius = number | string\nexport type OrbitLayoutMode = 'radial' | 'flow'\n\nconst DEFAULT_ORBIT_RADIUS = 'calc(50% - 2rem)'\nconst OrbitRadiusContext = createContext<Accessor<string>>()\nconst OrbitModeContext = createContext<Accessor<OrbitLayoutMode>>()\n\nfunction resolveRadius(radius: OrbitRadius | undefined): string {\n  if (typeof radius === 'number') return `${Number.isFinite(radius) ? Math.max(0, radius) : 0}px`\n  return radius?.trim() || DEFAULT_ORBIT_RADIUS\n}\n\n/**\n * OrbitLayout.\n *\n * Provides a positioned canvas and a shared radius for its OrbitItems. It does\n * not assign list semantics or alter DOM order: callers choose semantics, and\n * keyboard and screen-reader order remain the source order of the children.\n */\nexport type OrbitLayoutProps = Omit<ComponentProps<'div'>, 'style'> & {\n  /** JSX style props are owned by this geometry primitive. */\n  style?: never\n  /** Responsive radius used by every OrbitItem unless that item overrides it. */\n  radius?: OrbitRadius\n  /** `flow` places items in source order; `radial` positions them around the host. */\n  mode?: OrbitLayoutMode\n}\n\nexport function OrbitLayout(props: OrbitLayoutProps) {\n  const [local, rest] = splitProps(props, ['class', 'radius', 'mode', 'style', 'children'])\n  const radius = createMemo(() => resolveRadius(local.radius))\n  const mode = createMemo(() => local.mode ?? 'radial')\n\n  return (\n    <OrbitRadiusContext.Provider value={radius}>\n      <OrbitModeContext.Provider value={mode}>\n        <div\n          {...rest}\n          data-slot=\"orbit-layout\"\n          class={cn(mode() === 'flow' ? 'grid gap-3' : 'relative size-full', local.class)}\n        >\n          {local.children}\n        </div>\n      </OrbitModeContext.Provider>\n    </OrbitRadiusContext.Provider>\n  )\n}\n\n/**\n * OrbitItem.\n *\n * Positions one ordinary child around its OrbitLayout. This is geometry only:\n * the wrapper has no role, tabindex, or interaction of its own.\n */\nexport type OrbitItemProps = Omit<ComponentProps<'div'>, 'style'> & {\n  /** JSX style props are owned by this geometry primitive. */\n  style?: never\n  /** Zero-based position in the rendered sequence. */\n  index: number\n  /** Number of items sharing this orbit. */\n  count: number\n  /** Per-item override for OrbitLayout's responsive radius. */\n  radius?: OrbitRadius\n}\n\nexport function OrbitItem(props: OrbitItemProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'index',\n    'count',\n    'radius',\n    'style',\n    'children',\n  ])\n  const inheritedRadius = useContext(OrbitRadiusContext)\n  const inheritedMode = useContext(OrbitModeContext)\n  const mode = () => inheritedMode?.() ?? 'radial'\n  const radius = () =>\n    local.radius !== undefined\n      ? resolveRadius(local.radius)\n      : (inheritedRadius?.() ?? DEFAULT_ORBIT_RADIUS)\n  const angle = createMemo(() => {\n    const count = Number.isFinite(local.count) ? Math.max(1, Math.trunc(local.count)) : 1\n    const rawIndex = Number.isFinite(local.index) ? Math.trunc(local.index) : 0\n    const index = ((rawIndex % count) + count) % count\n    return `${(index / count) * Math.PI * 2}rad`\n  })\n  const positionStyle = () =>\n    mode() === 'flow'\n      ? undefined\n      : {\n          top: `calc(50% + sin(${angle()}) * ${radius()})`,\n          left: `calc(50% + cos(${angle()}) * ${radius()})`,\n          translate: '-50% -50%',\n        }\n\n  return (\n    <div\n      {...rest}\n      data-slot=\"orbit-item\"\n      class={cn(mode() === 'flow' ? undefined : 'absolute', local.class)}\n      style={positionStyle()}\n    >\n      {local.children}\n    </div>\n  )\n}\n"],"mappings":";;;;;AAQA,IAAMS,uBAAuB;AAC7B,IAAMC,qBAAqBT,cAAgC;AAC3D,IAAMU,mBAAmBV,cAAyC;AAElE,SAASW,cAAcC,QAAyC;CAC9D,IAAI,OAAOA,WAAW,UAAU,OAAO,GAAGC,OAAOC,SAASF,MAAM,IAAIG,KAAKC,IAAI,GAAGJ,MAAM,IAAI,EAAC;CAC3F,OAAOA,QAAQK,KAAK,KAAKT;AAC3B;AAkBA,SAAgBc,YAAYC,OAAyB;CACnD,MAAM,CAACC,OAAOC,QAAQvB,WAAWqB,OAAO;EAAC;EAAS;EAAU;EAAQ;EAAS;CAAU,CAAC;CACxF,MAAMX,SAASX,iBAAiBU,cAAca,MAAMZ,MAAM,CAAC;CAC3D,MAAMS,OAAOpB,iBAAiBuB,MAAMH,QAAQ,QAAQ;CAEpD,OAAAK,gBACGjB,mBAAmBkB,UAAQ;EAACC,OAAOhB;EAAM,IAAAiB,WAAA;GAAA,OAAAH,gBACvChB,iBAAiBiB,UAAQ;IAACC,OAAOP;IAAI,IAAAQ,WAAA;KAAA,IAAAC,OAAAC,OAAA;KAAAC,OAAAF,MAAAG,WAE9BR,MAAI;MAAA,aACE;MAAc,KAAA,WAAA;OAAA,OACjBpB,GAAGgB,KAAK,MAAM,SAAS,eAAe,sBAAsBG,MAAMU,KAAK;MAAC;KAAA,CAAA,GAAA,OAAA,IAAA;KAAAC,OAAAL,YAE9EN,MAAMK,QAAQ;KAAA,OAAAC;IAAA;GAAA,CAAA;EAAA;CAAA,CAAA;AAKzB;AAmBA,SAAgBS,UAAUhB,OAAuB;CAC/C,MAAM,CAACC,OAAOC,QAAQvB,WAAWqB,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;CAAU,CACX;CACD,MAAMiB,kBAAkBrC,WAAWM,kBAAkB;CACrD,MAAMgC,gBAAgBtC,WAAWO,gBAAgB;CACjD,MAAMW,aAAaoB,gBAAgB,KAAK;CACxC,MAAM7B,eACJY,MAAMZ,WAAW8B,KAAAA,IACb/B,cAAca,MAAMZ,MAAM,IACzB4B,kBAAkB,KAAKhC;CAC9B,MAAMmC,QAAQ1C,iBAAiB;EAC7B,MAAMqC,QAAQzB,OAAOC,SAASU,MAAMc,KAAK,IAAIvB,KAAKC,IAAI,GAAGD,KAAK6B,MAAMpB,MAAMc,KAAK,CAAC,IAAI;EAGpF,OAAO,KAFUzB,OAAOC,SAASU,MAAMa,KAAK,IAAItB,KAAK6B,MAAMpB,MAAMa,KAAK,IAAI,KAC/CC,QAASA,SAASA,QAC1BA,QAASvB,KAAK+B,KAAK,EAAC;CACzC,CAAC;CACD,MAAMC,sBACJ1B,KAAK,MAAM,SACPqB,KAAAA,IACA;EACEM,KAAK,kBAAkBL,MAAM,EAAC,MAAO/B,OAAO,EAAC;EAC7CqC,MAAM,kBAAkBN,MAAM,EAAC,MAAO/B,OAAO,EAAC;EAC9CsC,WAAW;CACb;CAEN,cAAA;EAAA,IAAAC,QAAApB,OAAA;EAAAC,OAAAmB,OAAAlB,WAEQR,MAAI;GAAA,aACE;GAAY,KAAA,WAAA;IAAA,OACfpB,GAAGgB,KAAK,MAAM,SAASqB,KAAAA,IAAY,YAAYlB,MAAMU,KAAK;GAAC;GAAA,IAClEd,QAAK;IAAA,OAAE2B,cAAc;GAAC;EAAA,CAAA,GAAA,OAAA,IAAA;EAAAZ,OAAAgB,aAErB3B,MAAMK,QAAQ;EAAA,OAAAsB;CAAA,EAAA,CAAA;AAGrB"}

package/dist/components/layout/virtual-window/index.d.ts

@@ -0,0 +1,3 @@
+/** Geometry wrappers for a virtual list; scrolling and range ownership stay with the caller. */
+export { VirtualWindow, type VirtualWindowProps } from './virtual-window';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/virtual-window/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/virtual-window/index.ts"],"names":[],"mappings":"AAAA,gGAAgG;AAChG,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/components/layout/virtual-window/index.js

@@ -0,0 +1,2 @@
+import { VirtualWindow } from "./virtual-window.js";
+export { VirtualWindow };

package/dist/components/layout/virtual-window/virtual-window.d.ts

@@ -0,0 +1,22 @@
+import type { ComponentProps, JSX } from 'solid-js';
+/**
+ * VirtualWindow.
+ *
+ * Supplies the two geometry wrappers a virtualized viewport needs: a full-height
+ * scroll space and a translated window containing the mounted rows. The caller
+ * owns the scroll region, its semantics, keyboard model, and range calculation;
+ * this component only keeps those rows at their measured position.
+ */
+export type VirtualWindowProps = Omit<ComponentProps<'div'>, 'children' | 'style'> & {
+    /** JSX style props are owned by this geometry primitive. */
+    style?: never;
+    /** The full scrollable height, in pixels. */
+    totalSize: number;
+    /** The mounted window's top offset from the start of the full list, in pixels. */
+    offset?: number;
+    /** Optional layout classes for the translated row container. */
+    contentClass?: string;
+    children?: JSX.Element;
+};
+export declare function VirtualWindow(props: VirtualWindowProps): JSX.Element;
+//# sourceMappingURL=virtual-window.d.ts.map

package/dist/components/layout/virtual-window/virtual-window.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual-window.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/virtual-window/virtual-window.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAInD;;;;;;;GAOG;AACH,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACnF,4DAA4D;IAC5D,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAA;IACjB,kFAAkF;IAClF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,gEAAgE;IAChE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACvB,CAAA;AAMD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eA0BtD"}

package/dist/components/layout/virtual-window/virtual-window.js

@@ -0,0 +1,45 @@
+import { cn } from "../../../lib/utils.js";
+import { className, effect, insert, mergeProps, setStyleProperty, spread, template } from "solid-js/web";
+import { splitProps } from "solid-js";
+//#region src/components/layout/virtual-window/virtual-window.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div><div data-slot=virtual-window-content>`);
+function finitePixels(value) {
+	return `${Number.isFinite(value) ? value : 0}px`;
+}
+function VirtualWindow(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"children",
+		"totalSize",
+		"offset",
+		"contentClass",
+		"style"
+	]);
+	return (() => {
+		var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+		spread(_el$, mergeProps(rest, {
+			"data-slot": "virtual-window-space",
+			get ["class"]() {
+				return cn("relative", local.class);
+			},
+			get style() {
+				return { height: finitePixels(Math.max(0, local.totalSize)) };
+			}
+		}), false, true);
+		insert(_el$2, () => local.children);
+		effect((_p$) => {
+			var _v$ = local.contentClass, _v$2 = `translateY(${finitePixels(local.offset ?? 0)})`;
+			_v$ !== _p$.e && className(_el$2, _p$.e = _v$);
+			_v$2 !== _p$.t && setStyleProperty(_el$2, "transform", _p$.t = _v$2);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0
+		});
+		return _el$;
+	})();
+}
+//#endregion
+export { VirtualWindow };
+
+//# sourceMappingURL=virtual-window.js.map

package/dist/components/layout/virtual-window/virtual-window.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual-window.js","names":["ComponentProps","JSX","splitProps","cn","VirtualWindowProps","Omit","style","totalSize","offset","contentClass","children","Element","finitePixels","value","Number","isFinite","VirtualWindow","props","local","rest","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","class","height","Math","max","_$insert","_$effect","_p$","_v$","_v$2","e","_$className","t","_$setStyleProperty","undefined","_$mergeProps","_$className","_$setStyleProperty"],"sources":["../../../../src/components/layout/virtual-window/virtual-window.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * VirtualWindow.\n *\n * Supplies the two geometry wrappers a virtualized viewport needs: a full-height\n * scroll space and a translated window containing the mounted rows. The caller\n * owns the scroll region, its semantics, keyboard model, and range calculation;\n * this component only keeps those rows at their measured position.\n */\nexport type VirtualWindowProps = Omit<ComponentProps<'div'>, 'children' | 'style'> & {\n  /** JSX style props are owned by this geometry primitive. */\n  style?: never\n  /** The full scrollable height, in pixels. */\n  totalSize: number\n  /** The mounted window's top offset from the start of the full list, in pixels. */\n  offset?: number\n  /** Optional layout classes for the translated row container. */\n  contentClass?: string\n  children?: JSX.Element\n}\n\nfunction finitePixels(value: number): string {\n  return `${Number.isFinite(value) ? value : 0}px`\n}\n\nexport function VirtualWindow(props: VirtualWindowProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'children',\n    'totalSize',\n    'offset',\n    'contentClass',\n    'style',\n  ])\n\n  return (\n    <div\n      {...rest}\n      data-slot=\"virtual-window-space\"\n      class={cn('relative', local.class)}\n      style={{ height: finitePixels(Math.max(0, local.totalSize)) }}\n    >\n      <div\n        data-slot=\"virtual-window-content\"\n        class={local.contentClass}\n        style={{ transform: `translateY(${finitePixels(local.offset ?? 0)})` }}\n      >\n        {local.children}\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;AAwBA,SAASY,aAAaC,OAAuB;CAC3C,OAAO,GAAGC,OAAOC,SAASF,KAAK,IAAIA,QAAQ,EAAC;AAC9C;AAEA,SAAgBG,cAAcC,OAA2B;CACvD,MAAM,CAACC,OAAOC,QAAQjB,WAAWe,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;CAAO,CACR;CAED,cAAA;EAAA,IAAAG,OAAAC,OAAA,GAAAC,QAAAF,KAAAG;EAAAC,OAAAJ,MAAAK,WAEQN,MAAI;GAAA,aACE;GAAsB,KAAA,WAAA;IAAA,OACzBhB,GAAG,YAAYe,MAAMQ,KAAK;GAAC;GAAA,IAClCpB,QAAK;IAAA,OAAE,EAAEqB,QAAQf,aAAagB,KAAKC,IAAI,GAAGX,MAAMX,SAAS,CAAC,EAAE;GAAC;EAAA,CAAA,GAAA,OAAA,IAAA;EAAAuB,OAAAR,aAO1DJ,MAAMR,QAAQ;EAAAqB,QAAAC,QAAA;GAAA,IAAAC,MAHRf,MAAMT,cAAYyB,OACL,cAActB,aAAaM,MAAMV,UAAU,CAAC,EAAC;GAAGyB,QAAAD,IAAAG,KAAAC,UAAAd,OAAAU,IAAAG,IAAAF,GAAA;GAAAC,SAAAF,IAAAK,KAAAC,iBAAAhB,OAAA,aAAAU,IAAAK,IAAAH,IAAA;GAAA,OAAAF;EAAA,GAAA;GAAAG,GAAAI,KAAAA;GAAAF,GAAAE,KAAAA;EAAA,CAAA;EAAA,OAAAnB;CAAA,EAAA,CAAA;AAM5E"}

package/dist/index.d.ts

@@ -73,6 +73,8 @@ export * from './components/ui/toggle-group';
 export * from './components/ui/tooltip';
 export * from './components/motion';
 export * from './components/layout/split-layout';
+export * from './components/layout/orbit-layout';
+export * from './components/layout/virtual-window';
 export * from './components/layout/app-shell';
 export * from './components/layout/page';
 export * from './components/layout/panel';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -63,6 +63,8 @@ import { Motion } from "./components/motion/index.js";
 import { MAX_LAYOUT_DEPTH, MAX_LAYOUT_LEAVES, MAX_SPLIT_RATIO, MIN_SPLIT_RATIO, closePane, countLeaves, createLayoutState, focusPane, layoutDepth, listLeaves, movePane, neighborLeaf, normalizeLayout, resizeSplit, splitPane, swapPanes, undoClosePane } from "./components/layout/split-layout/model.js";
 import { computeLayoutFrames } from "./components/layout/split-layout/geometry.js";
 import { SplitLayout } from "./components/layout/split-layout/split-layout.js";
+import { OrbitItem, OrbitLayout } from "./components/layout/orbit-layout/orbit-layout.js";
+import { VirtualWindow } from "./components/layout/virtual-window/virtual-window.js";
 import { AppShell, AppShellBody, AppShellContent, AppShellMain } from "./components/layout/app-shell/app-shell.js";
 import { Page, PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderTitle, PageSection } from "./components/layout/page/page.js";
 import { Panel, PanelActions, PanelBody, PanelCard, PanelDescription, PanelFooter, PanelHeader, PanelPlaceholder, PanelTitle, PanelToolbar } from "./components/layout/panel/panel.js";
@@ -97,4 +99,4 @@ import { formatBytes, formatReleaseDate, plainTextFromMarkdown } from "./lib/ver
 import { UpdateDialog } from "./components/composites/update-dialog/update-dialog.js";
 import { WorkspaceMark } from "./components/composites/workspace-mark/workspace-mark.js";
 import { keyedRows } from "./lib/keyed-rows.js";
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountMenu, ActionButton, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppShell, AppShellBody, AppShellContent, AppShellMain, AppearanceEditor, AppearancePanel, AppearancePopover, AspectRatio, AttachmentCard, Avatar, AvatarFallback, AvatarImage, Badge, Board, BoardCardBody, BoardCardTitle, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator, BusySendButton, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CalendarSurface, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatComposer, Checkbox, CheckboxDescription, CheckboxLabel, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxClear, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxSection, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut, ComposerAttachmentButton, ComposerHint, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ConversationAvatar, ConversationSurface, DatePicker, DetailPanel, DetailPanelBody, DetailPanelField, DetailPanelHeader, DetailPanelSection, Dialog, DialogClose, DialogCloseButton, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffBlock, DiffSummary, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, EntityIcon, Field, FieldDescription, FieldError, FieldInput, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTextArea, HoverCard, HoverCardContent, HoverCardTrigger, InlineCode, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputOtp, InputOtpCaret, Item, ItemDescription, ItemEmpty, ItemGroup, ItemGroupEntry, ItemTitle, Kbd, KbdGroup, Label, ListGroup, ListRow, MAX_LAYOUT_DEPTH, MAX_LAYOUT_LEAVES, MAX_SPLIT_RATIO, MIN_SPLIT_RATIO, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageBody, MessageComposer, MessageDayDivider, MessageGroup, MessageRow, ModalDialog, Motion, NativeSelect, NavigationMenu, NavigationMenuContent, NavigationMenuGroup, NavigationMenuGroupLabel, NavigationMenuItem, NavigationMenuMenu, NavigationMenuSeparator, NavigationMenuTrigger, NavigationMenuViewport, PASTE_THRESHOLD_CHARS, PASTE_THRESHOLD_LINES, PASTE_TOKEN_REGEX, Page, PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderTitle, PageSection, Pagination, PaginationEllipsis, PaginationItem, PaginationNext, PaginationPrevious, PalettePreview, Panel, PanelActions, PanelBody, PanelCard, PanelDescription, PanelFooter, PanelHeader, PanelPlaceholder, PanelTitle, PanelToolbar, Popover, PopoverAnchor, PopoverCloseButton, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger, Presence, Progress, PropertyList, PropertyRow, PropertyTerm, PropertyValue, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, Select, SelectChevronsUpDown, SelectContent, SelectItem, SelectLabel, SelectSection, SelectTrigger, SelectValue, Separator, SettingsField, SettingsPage, SettingsRow, SettingsSection, Sheet, SheetBody, SheetCloseButton, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SideRail, SideRailButton, SideRailContent, SideRailFooter, SideRailHeader, SideRailItem, SideRailSection, SidebarNav, SidebarNavButton, SidebarNavContent, SidebarNavFooter, SidebarNavHeader, SidebarNavItem, SidebarNavSection, SidebarNavTitle, Skeleton, Slider, Spinner, SplitLayout, Stat, StatGroup, StatusBar, StatusBarItem, StatusBarSpacer, StatusChip, StatusList, Switch, SwitchDescription, SwitchLabel, TALL_CODE_BLOCK_PX, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableNumericCell, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeMiniature, ThemeMiniatureSplit, ThemePicker, ThemePreview, ThemeProvider, ThemeSwatch, ThemeToggle, ThreadPanel, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, TopBarBreadcrumb, TopBarPill, TopBarSearch, TopBarSection, TopBarTitle, TranscriptComposition, UpdateDialog, WorkspaceMark, accentPresets, alertVariants, allTokens, badgeVariants, boardCardTitleVariants, builtinThemes, buttonVariants, closePane, cn, colorTokens, computeLayoutFrames, contrastRatio, controlInteractive, controlSize, controlSizeIcon, controlSizes, countLeaves, countLines, createLayoutState, cva, defaultDarkThemeId, defaultLightThemeId, defaultThemeSelection, densityTokens, designTokens, diffLineVariants, diffStats, diffTargetPath, elevationTokens, entityIconVariants, expandAll, findTokenRanges, focusPane, fontOptions, formatBytes, formatReleaseDate, formatToken, initialsFrom, inlineScriptLiteral, isPasteBlock, itemVariants, keyedRows, layoutDepth, listLeaves, monogram, motionTokens, movePane, neighborLeaf, nextSeq, normalizeLayout, parseDiff, plainTextFromMarkdown, pruneBlocks, radiusTokens, recollapsePastes, remapCarriedBlocks, resizeSplit, resolvedDensity, sheetVariants, shouldCollapse, sidebarNavItemClass, sidebarNavItemStateClass, splitPane, statusDotVariants, stripTrailingBlankLines, surfaceInteractive, swapPanes, themeById, themeCssVariables, themeFamilies, themeScript, themesForAppearance, toast, toaster, toggleVariants, tokenRangeAt, transcriptDisclosureKey, typographyTokens, undoClosePane, undocumentedTokenAliases, useSideRail, useTheme, validateTheme, validateThemeRegistry, zIndexTokens };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountMenu, ActionButton, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppShell, AppShellBody, AppShellContent, AppShellMain, AppearanceEditor, AppearancePanel, AppearancePopover, AspectRatio, AttachmentCard, Avatar, AvatarFallback, AvatarImage, Badge, Board, BoardCardBody, BoardCardTitle, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator, BusySendButton, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CalendarSurface, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatComposer, Checkbox, CheckboxDescription, CheckboxLabel, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxClear, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxSection, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut, ComposerAttachmentButton, ComposerHint, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ConversationAvatar, ConversationSurface, DatePicker, DetailPanel, DetailPanelBody, DetailPanelField, DetailPanelHeader, DetailPanelSection, Dialog, DialogClose, DialogCloseButton, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffBlock, DiffSummary, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, EntityIcon, Field, FieldDescription, FieldError, FieldInput, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTextArea, HoverCard, HoverCardContent, HoverCardTrigger, InlineCode, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputOtp, InputOtpCaret, Item, ItemDescription, ItemEmpty, ItemGroup, ItemGroupEntry, ItemTitle, Kbd, KbdGroup, Label, ListGroup, ListRow, MAX_LAYOUT_DEPTH, MAX_LAYOUT_LEAVES, MAX_SPLIT_RATIO, MIN_SPLIT_RATIO, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageBody, MessageComposer, MessageDayDivider, MessageGroup, MessageRow, ModalDialog, Motion, NativeSelect, NavigationMenu, NavigationMenuContent, NavigationMenuGroup, NavigationMenuGroupLabel, NavigationMenuItem, NavigationMenuMenu, NavigationMenuSeparator, NavigationMenuTrigger, NavigationMenuViewport, OrbitItem, OrbitLayout, PASTE_THRESHOLD_CHARS, PASTE_THRESHOLD_LINES, PASTE_TOKEN_REGEX, Page, PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderTitle, PageSection, Pagination, PaginationEllipsis, PaginationItem, PaginationNext, PaginationPrevious, PalettePreview, Panel, PanelActions, PanelBody, PanelCard, PanelDescription, PanelFooter, PanelHeader, PanelPlaceholder, PanelTitle, PanelToolbar, Popover, PopoverAnchor, PopoverCloseButton, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger, Presence, Progress, PropertyList, PropertyRow, PropertyTerm, PropertyValue, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, Select, SelectChevronsUpDown, SelectContent, SelectItem, SelectLabel, SelectSection, SelectTrigger, SelectValue, Separator, SettingsField, SettingsPage, SettingsRow, SettingsSection, Sheet, SheetBody, SheetCloseButton, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SideRail, SideRailButton, SideRailContent, SideRailFooter, SideRailHeader, SideRailItem, SideRailSection, SidebarNav, SidebarNavButton, SidebarNavContent, SidebarNavFooter, SidebarNavHeader, SidebarNavItem, SidebarNavSection, SidebarNavTitle, Skeleton, Slider, Spinner, SplitLayout, Stat, StatGroup, StatusBar, StatusBarItem, StatusBarSpacer, StatusChip, StatusList, Switch, SwitchDescription, SwitchLabel, TALL_CODE_BLOCK_PX, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableNumericCell, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeMiniature, ThemeMiniatureSplit, ThemePicker, ThemePreview, ThemeProvider, ThemeSwatch, ThemeToggle, ThreadPanel, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, TopBarBreadcrumb, TopBarPill, TopBarSearch, TopBarSection, TopBarTitle, TranscriptComposition, UpdateDialog, VirtualWindow, WorkspaceMark, accentPresets, alertVariants, allTokens, badgeVariants, boardCardTitleVariants, builtinThemes, buttonVariants, closePane, cn, colorTokens, computeLayoutFrames, contrastRatio, controlInteractive, controlSize, controlSizeIcon, controlSizes, countLeaves, countLines, createLayoutState, cva, defaultDarkThemeId, defaultLightThemeId, defaultThemeSelection, densityTokens, designTokens, diffLineVariants, diffStats, diffTargetPath, elevationTokens, entityIconVariants, expandAll, findTokenRanges, focusPane, fontOptions, formatBytes, formatReleaseDate, formatToken, initialsFrom, inlineScriptLiteral, isPasteBlock, itemVariants, keyedRows, layoutDepth, listLeaves, monogram, motionTokens, movePane, neighborLeaf, nextSeq, normalizeLayout, parseDiff, plainTextFromMarkdown, pruneBlocks, radiusTokens, recollapsePastes, remapCarriedBlocks, resizeSplit, resolvedDensity, sheetVariants, shouldCollapse, sidebarNavItemClass, sidebarNavItemStateClass, splitPane, statusDotVariants, stripTrailingBlankLines, surfaceInteractive, swapPanes, themeById, themeCssVariables, themeFamilies, themeScript, themesForAppearance, toast, toaster, toggleVariants, tokenRangeAt, transcriptDisclosureKey, typographyTokens, undoClosePane, undocumentedTokenAliases, useSideRail, useTheme, validateTheme, validateThemeRegistry, zIndexTokens };

package/dist/r/orbit-layout.json

@@ -0,0 +1,22 @@
+{
+  "name": "orbit-layout",
+  "type": "registry:ui",
+  "title": "Orbit Layout",
+  "description": "Geometry-only wrappers for arranging content around a circle.",
+  "dependencies": [],
+  "registryDependencies": [
+    "lib"
+  ],
+  "files": [
+    {
+      "path": "src/components/layout/orbit-layout/index.ts",
+      "type": "registry:ui",
+      "target": "components/layout/orbit-layout/index.ts"
+    },
+    {
+      "path": "src/components/layout/orbit-layout/orbit-layout.tsx",
+      "type": "registry:ui",
+      "target": "components/layout/orbit-layout/orbit-layout.tsx"
+    }
+  ]
+}

package/dist/r/registry.json

@@ -1457,6 +1457,28 @@
         }
       ]
     },
+    {
+      "name": "orbit-layout",
+      "type": "registry:ui",
+      "title": "Orbit Layout",
+      "description": "Geometry-only wrappers for arranging content around a circle.",
+      "dependencies": [],
+      "registryDependencies": [
+        "lib"
+      ],
+      "files": [
+        {
+          "path": "src/components/layout/orbit-layout/index.ts",
+          "type": "registry:ui",
+          "target": "components/layout/orbit-layout/index.ts"
+        },
+        {
+          "path": "src/components/layout/orbit-layout/orbit-layout.tsx",
+          "type": "registry:ui",
+          "target": "components/layout/orbit-layout/orbit-layout.tsx"
+        }
+      ]
+    },
     {
       "name": "page",
       "type": "registry:ui",
@@ -1640,6 +1662,28 @@
         }
       ]
     },
+    {
+      "name": "virtual-window",
+      "type": "registry:ui",
+      "title": "Virtual Window",
+      "description": "Geometry wrappers for a virtual list; scrolling and range ownership stay with the caller.",
+      "dependencies": [],
+      "registryDependencies": [
+        "lib"
+      ],
+      "files": [
+        {
+          "path": "src/components/layout/virtual-window/index.ts",
+          "type": "registry:ui",
+          "target": "components/layout/virtual-window/index.ts"
+        },
+        {
+          "path": "src/components/layout/virtual-window/virtual-window.tsx",
+          "type": "registry:ui",
+          "target": "components/layout/virtual-window/virtual-window.tsx"
+        }
+      ]
+    },
     {
       "name": "account-menu",
       "type": "registry:ui",

package/dist/r/src/components/layout/orbit-layout/index.ts

@@ -0,0 +1,8 @@
+/** Geometry-only wrappers for arranging content around a circle. */
+export {
+  OrbitItem,
+  OrbitLayout,
+  type OrbitItemProps,
+  type OrbitLayoutProps,
+  type OrbitRadius,
+} from './orbit-layout'

package/dist/r/src/components/layout/orbit-layout/orbit-layout.tsx

@@ -0,0 +1,112 @@
+import type { ComponentProps } from 'solid-js'
+import { createContext, createMemo, splitProps, useContext, type Accessor } from 'solid-js'
+import { cn } from '../../../lib/utils'
+
+/** A CSS length or expression used to place an item away from the orbit center. */
+export type OrbitRadius = number | string
+export type OrbitLayoutMode = 'radial' | 'flow'
+
+const DEFAULT_ORBIT_RADIUS = 'calc(50% - 2rem)'
+const OrbitRadiusContext = createContext<Accessor<string>>()
+const OrbitModeContext = createContext<Accessor<OrbitLayoutMode>>()
+
+function resolveRadius(radius: OrbitRadius | undefined): string {
+  if (typeof radius === 'number') return `${Number.isFinite(radius) ? Math.max(0, radius) : 0}px`
+  return radius?.trim() || DEFAULT_ORBIT_RADIUS
+}
+
+/**
+ * OrbitLayout.
+ *
+ * Provides a positioned canvas and a shared radius for its OrbitItems. It does
+ * not assign list semantics or alter DOM order: callers choose semantics, and
+ * keyboard and screen-reader order remain the source order of the children.
+ */
+export type OrbitLayoutProps = Omit<ComponentProps<'div'>, 'style'> & {
+  /** JSX style props are owned by this geometry primitive. */
+  style?: never
+  /** Responsive radius used by every OrbitItem unless that item overrides it. */
+  radius?: OrbitRadius
+  /** `flow` places items in source order; `radial` positions them around the host. */
+  mode?: OrbitLayoutMode
+}
+
+export function OrbitLayout(props: OrbitLayoutProps) {
+  const [local, rest] = splitProps(props, ['class', 'radius', 'mode', 'style', 'children'])
+  const radius = createMemo(() => resolveRadius(local.radius))
+  const mode = createMemo(() => local.mode ?? 'radial')
+
+  return (
+    <OrbitRadiusContext.Provider value={radius}>
+      <OrbitModeContext.Provider value={mode}>
+        <div
+          {...rest}
+          data-slot="orbit-layout"
+          class={cn(mode() === 'flow' ? 'grid gap-3' : 'relative size-full', local.class)}
+        >
+          {local.children}
+        </div>
+      </OrbitModeContext.Provider>
+    </OrbitRadiusContext.Provider>
+  )
+}
+
+/**
+ * OrbitItem.
+ *
+ * Positions one ordinary child around its OrbitLayout. This is geometry only:
+ * the wrapper has no role, tabindex, or interaction of its own.
+ */
+export type OrbitItemProps = Omit<ComponentProps<'div'>, 'style'> & {
+  /** JSX style props are owned by this geometry primitive. */
+  style?: never
+  /** Zero-based position in the rendered sequence. */
+  index: number
+  /** Number of items sharing this orbit. */
+  count: number
+  /** Per-item override for OrbitLayout's responsive radius. */
+  radius?: OrbitRadius
+}
+
+export function OrbitItem(props: OrbitItemProps) {
+  const [local, rest] = splitProps(props, [
+    'class',
+    'index',
+    'count',
+    'radius',
+    'style',
+    'children',
+  ])
+  const inheritedRadius = useContext(OrbitRadiusContext)
+  const inheritedMode = useContext(OrbitModeContext)
+  const mode = () => inheritedMode?.() ?? 'radial'
+  const radius = () =>
+    local.radius !== undefined
+      ? resolveRadius(local.radius)
+      : (inheritedRadius?.() ?? DEFAULT_ORBIT_RADIUS)
+  const angle = createMemo(() => {
+    const count = Number.isFinite(local.count) ? Math.max(1, Math.trunc(local.count)) : 1
+    const rawIndex = Number.isFinite(local.index) ? Math.trunc(local.index) : 0
+    const index = ((rawIndex % count) + count) % count
+    return `${(index / count) * Math.PI * 2}rad`
+  })
+  const positionStyle = () =>
+    mode() === 'flow'
+      ? undefined
+      : {
+          top: `calc(50% + sin(${angle()}) * ${radius()})`,
+          left: `calc(50% + cos(${angle()}) * ${radius()})`,
+          translate: '-50% -50%',
+        }
+
+  return (
+    <div
+      {...rest}
+      data-slot="orbit-item"
+      class={cn(mode() === 'flow' ? undefined : 'absolute', local.class)}
+      style={positionStyle()}
+    >
+      {local.children}
+    </div>
+  )
+}

package/dist/r/src/components/layout/virtual-window/index.ts

@@ -0,0 +1,2 @@
+/** Geometry wrappers for a virtual list; scrolling and range ownership stay with the caller. */
+export { VirtualWindow, type VirtualWindowProps } from './virtual-window'

package/dist/r/src/components/layout/virtual-window/virtual-window.tsx

@@ -0,0 +1,55 @@
+import type { ComponentProps, JSX } from 'solid-js'
+import { splitProps } from 'solid-js'
+import { cn } from '../../../lib/utils'
+
+/**
+ * VirtualWindow.
+ *
+ * Supplies the two geometry wrappers a virtualized viewport needs: a full-height
+ * scroll space and a translated window containing the mounted rows. The caller
+ * owns the scroll region, its semantics, keyboard model, and range calculation;
+ * this component only keeps those rows at their measured position.
+ */
+export type VirtualWindowProps = Omit<ComponentProps<'div'>, 'children' | 'style'> & {
+  /** JSX style props are owned by this geometry primitive. */
+  style?: never
+  /** The full scrollable height, in pixels. */
+  totalSize: number
+  /** The mounted window's top offset from the start of the full list, in pixels. */
+  offset?: number
+  /** Optional layout classes for the translated row container. */
+  contentClass?: string
+  children?: JSX.Element
+}
+
+function finitePixels(value: number): string {
+  return `${Number.isFinite(value) ? value : 0}px`
+}
+
+export function VirtualWindow(props: VirtualWindowProps) {
+  const [local, rest] = splitProps(props, [
+    'class',
+    'children',
+    'totalSize',
+    'offset',
+    'contentClass',
+    'style',
+  ])
+
+  return (
+    <div
+      {...rest}
+      data-slot="virtual-window-space"
+      class={cn('relative', local.class)}
+      style={{ height: finitePixels(Math.max(0, local.totalSize)) }}
+    >
+      <div
+        data-slot="virtual-window-content"
+        class={local.contentClass}
+        style={{ transform: `translateY(${finitePixels(local.offset ?? 0)})` }}
+      >
+        {local.children}
+      </div>
+    </div>
+  )
+}

package/dist/r/virtual-window.json

@@ -0,0 +1,22 @@
+{
+  "name": "virtual-window",
+  "type": "registry:ui",
+  "title": "Virtual Window",
+  "description": "Geometry wrappers for a virtual list; scrolling and range ownership stay with the caller.",
+  "dependencies": [],
+  "registryDependencies": [
+    "lib"
+  ],
+  "files": [
+    {
+      "path": "src/components/layout/virtual-window/index.ts",
+      "type": "registry:ui",
+      "target": "components/layout/virtual-window/index.ts"
+    },
+    {
+      "path": "src/components/layout/virtual-window/virtual-window.tsx",
+      "type": "registry:ui",
+      "target": "components/layout/virtual-window/virtual-window.tsx"
+    }
+  ]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adea-ai/ui",
-  "version": "0.82.2",
+  "version": "0.83.0",
   "description": "The Adea design system: Kobalte-backed Solid components, semantic OKLCH tokens, and the app-shell layout primitives shared by Adea and Cortana.",
   "keywords": [
     "adea",

package/registry.json

@@ -1457,6 +1457,28 @@
         }
       ]
     },
+    {
+      "name": "orbit-layout",
+      "type": "registry:ui",
+      "title": "Orbit Layout",
+      "description": "Geometry-only wrappers for arranging content around a circle.",
+      "dependencies": [],
+      "registryDependencies": [
+        "lib"
+      ],
+      "files": [
+        {
+          "path": "src/components/layout/orbit-layout/index.ts",
+          "type": "registry:ui",
+          "target": "components/layout/orbit-layout/index.ts"
+        },
+        {
+          "path": "src/components/layout/orbit-layout/orbit-layout.tsx",
+          "type": "registry:ui",
+          "target": "components/layout/orbit-layout/orbit-layout.tsx"
+        }
+      ]
+    },
     {
       "name": "page",
       "type": "registry:ui",
@@ -1640,6 +1662,28 @@
         }
       ]
     },
+    {
+      "name": "virtual-window",
+      "type": "registry:ui",
+      "title": "Virtual Window",
+      "description": "Geometry wrappers for a virtual list; scrolling and range ownership stay with the caller.",
+      "dependencies": [],
+      "registryDependencies": [
+        "lib"
+      ],
+      "files": [
+        {
+          "path": "src/components/layout/virtual-window/index.ts",
+          "type": "registry:ui",
+          "target": "components/layout/virtual-window/index.ts"
+        },
+        {
+          "path": "src/components/layout/virtual-window/virtual-window.tsx",
+          "type": "registry:ui",
+          "target": "components/layout/virtual-window/virtual-window.tsx"
+        }
+      ]
+    },
     {
       "name": "account-menu",
       "type": "registry:ui",

package/src/components/layout/orbit-layout/index.ts

@@ -0,0 +1,8 @@
+/** Geometry-only wrappers for arranging content around a circle. */
+export {
+  OrbitItem,
+  OrbitLayout,
+  type OrbitItemProps,
+  type OrbitLayoutProps,
+  type OrbitRadius,
+} from './orbit-layout'

package/src/components/layout/orbit-layout/orbit-layout.tsx

@@ -0,0 +1,112 @@
+import type { ComponentProps } from 'solid-js'
+import { createContext, createMemo, splitProps, useContext, type Accessor } from 'solid-js'
+import { cn } from '#lib/utils'
+
+/** A CSS length or expression used to place an item away from the orbit center. */
+export type OrbitRadius = number | string
+export type OrbitLayoutMode = 'radial' | 'flow'
+
+const DEFAULT_ORBIT_RADIUS = 'calc(50% - 2rem)'
+const OrbitRadiusContext = createContext<Accessor<string>>()
+const OrbitModeContext = createContext<Accessor<OrbitLayoutMode>>()
+
+function resolveRadius(radius: OrbitRadius | undefined): string {
+  if (typeof radius === 'number') return `${Number.isFinite(radius) ? Math.max(0, radius) : 0}px`
+  return radius?.trim() || DEFAULT_ORBIT_RADIUS
+}
+
+/**
+ * OrbitLayout.
+ *
+ * Provides a positioned canvas and a shared radius for its OrbitItems. It does
+ * not assign list semantics or alter DOM order: callers choose semantics, and
+ * keyboard and screen-reader order remain the source order of the children.
+ */
+export type OrbitLayoutProps = Omit<ComponentProps<'div'>, 'style'> & {
+  /** JSX style props are owned by this geometry primitive. */
+  style?: never
+  /** Responsive radius used by every OrbitItem unless that item overrides it. */
+  radius?: OrbitRadius
+  /** `flow` places items in source order; `radial` positions them around the host. */
+  mode?: OrbitLayoutMode
+}
+
+export function OrbitLayout(props: OrbitLayoutProps) {
+  const [local, rest] = splitProps(props, ['class', 'radius', 'mode', 'style', 'children'])
+  const radius = createMemo(() => resolveRadius(local.radius))
+  const mode = createMemo(() => local.mode ?? 'radial')
+
+  return (
+    <OrbitRadiusContext.Provider value={radius}>
+      <OrbitModeContext.Provider value={mode}>
+        <div
+          {...rest}
+          data-slot="orbit-layout"
+          class={cn(mode() === 'flow' ? 'grid gap-3' : 'relative size-full', local.class)}
+        >
+          {local.children}
+        </div>
+      </OrbitModeContext.Provider>
+    </OrbitRadiusContext.Provider>
+  )
+}
+
+/**
+ * OrbitItem.
+ *
+ * Positions one ordinary child around its OrbitLayout. This is geometry only:
+ * the wrapper has no role, tabindex, or interaction of its own.
+ */
+export type OrbitItemProps = Omit<ComponentProps<'div'>, 'style'> & {
+  /** JSX style props are owned by this geometry primitive. */
+  style?: never
+  /** Zero-based position in the rendered sequence. */
+  index: number
+  /** Number of items sharing this orbit. */
+  count: number
+  /** Per-item override for OrbitLayout's responsive radius. */
+  radius?: OrbitRadius
+}
+
+export function OrbitItem(props: OrbitItemProps) {
+  const [local, rest] = splitProps(props, [
+    'class',
+    'index',
+    'count',
+    'radius',
+    'style',
+    'children',
+  ])
+  const inheritedRadius = useContext(OrbitRadiusContext)
+  const inheritedMode = useContext(OrbitModeContext)
+  const mode = () => inheritedMode?.() ?? 'radial'
+  const radius = () =>
+    local.radius !== undefined
+      ? resolveRadius(local.radius)
+      : (inheritedRadius?.() ?? DEFAULT_ORBIT_RADIUS)
+  const angle = createMemo(() => {
+    const count = Number.isFinite(local.count) ? Math.max(1, Math.trunc(local.count)) : 1
+    const rawIndex = Number.isFinite(local.index) ? Math.trunc(local.index) : 0
+    const index = ((rawIndex % count) + count) % count
+    return `${(index / count) * Math.PI * 2}rad`
+  })
+  const positionStyle = () =>
+    mode() === 'flow'
+      ? undefined
+      : {
+          top: `calc(50% + sin(${angle()}) * ${radius()})`,
+          left: `calc(50% + cos(${angle()}) * ${radius()})`,
+          translate: '-50% -50%',
+        }
+
+  return (
+    <div
+      {...rest}
+      data-slot="orbit-item"
+      class={cn(mode() === 'flow' ? undefined : 'absolute', local.class)}
+      style={positionStyle()}
+    >
+      {local.children}
+    </div>
+  )
+}

package/src/components/layout/virtual-window/index.ts

@@ -0,0 +1,2 @@
+/** Geometry wrappers for a virtual list; scrolling and range ownership stay with the caller. */
+export { VirtualWindow, type VirtualWindowProps } from './virtual-window'

package/src/components/layout/virtual-window/virtual-window.tsx

@@ -0,0 +1,55 @@
+import type { ComponentProps, JSX } from 'solid-js'
+import { splitProps } from 'solid-js'
+import { cn } from '#lib/utils'
+
+/**
+ * VirtualWindow.
+ *
+ * Supplies the two geometry wrappers a virtualized viewport needs: a full-height
+ * scroll space and a translated window containing the mounted rows. The caller
+ * owns the scroll region, its semantics, keyboard model, and range calculation;
+ * this component only keeps those rows at their measured position.
+ */
+export type VirtualWindowProps = Omit<ComponentProps<'div'>, 'children' | 'style'> & {
+  /** JSX style props are owned by this geometry primitive. */
+  style?: never
+  /** The full scrollable height, in pixels. */
+  totalSize: number
+  /** The mounted window's top offset from the start of the full list, in pixels. */
+  offset?: number
+  /** Optional layout classes for the translated row container. */
+  contentClass?: string
+  children?: JSX.Element
+}
+
+function finitePixels(value: number): string {
+  return `${Number.isFinite(value) ? value : 0}px`
+}
+
+export function VirtualWindow(props: VirtualWindowProps) {
+  const [local, rest] = splitProps(props, [
+    'class',
+    'children',
+    'totalSize',
+    'offset',
+    'contentClass',
+    'style',
+  ])
+
+  return (
+    <div
+      {...rest}
+      data-slot="virtual-window-space"
+      class={cn('relative', local.class)}
+      style={{ height: finitePixels(Math.max(0, local.totalSize)) }}
+    >
+      <div
+        data-slot="virtual-window-content"
+        class={local.contentClass}
+        style={{ transform: `translateY(${finitePixels(local.offset ?? 0)})` }}
+      >
+        {local.children}
+      </div>
+    </div>
+  )
+}

package/src/index.ts

@@ -79,6 +79,8 @@ export * from './components/motion'
 
 /* --- Layout -------------------------------------------------------------- */
 export * from './components/layout/split-layout'
+export * from './components/layout/orbit-layout'
+export * from './components/layout/virtual-window'
 export * from './components/layout/app-shell'
 export * from './components/layout/page'
 export * from './components/layout/panel'