@adea-ai/ui 0.82.1 → 0.83.0

package/dist/components/composites/appearance-editor/appearance-choices.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"appearance-choices.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/appearance-editor/appearance-choices.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAc/D,wBAAgB,WAAW,CAAC,KAAK,EAAE,qBAAqB,kCAyCvD;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,qBAAqB,kCA6DzD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,qBAAqB,kCA6BxD"}
+{"version":3,"file":"appearance-choices.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/appearance-editor/appearance-choices.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAc/D,wBAAgB,WAAW,CAAC,KAAK,EAAE,qBAAqB,kCAyCvD;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,qBAAqB,kCA2DzD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,qBAAqB,kCA6BxD"}

package/dist/components/composites/appearance-editor/appearance-choices.js

@@ -5,7 +5,7 @@ import { RadioGroup } from "@kobalte/core/radio-group";
 //#region src/components/composites/appearance-editor/appearance-choices.tsx
 var _tmpl$ = /*#__PURE__*/ template(`<span class="block h-20 w-full">`);
 var _tmpl$2 = /*#__PURE__*/ template(`<span>`);
-var _tmpl$3 = /*#__PURE__*/ template(`<div class="col-span-3 grid grid-cols-3 gap-2 sm:col-span-1 sm:flex sm:gap-2">`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div class="flex max-w-full flex-wrap gap-2">`);
 var _tmpl$4 = /*#__PURE__*/ template(`<span class="block size-full rounded-full"aria-hidden=true>`);
 var _tmpl$5 = /*#__PURE__*/ template(`<span class=sr-only>`);
 var MODES = [
@@ -114,7 +114,7 @@ function AccentChoices(props) {
 		},
 		orientation: "horizontal",
 		"aria-label": "Accent",
-		"class": "grid grid-cols-3 items-center gap-2 sm:flex sm:flex-wrap sm:justify-end",
+		"class": "flex flex-wrap items-center gap-2",
 		onChange: (accent) => props.onChange({ accent: accent === "custom" ? props.customAccentValue ?? "" : accent }),
 		get children() {
 			return [
@@ -122,7 +122,7 @@ function AccentChoices(props) {
 					value: "theme",
 					get children() {
 						return [createComponent(RadioGroup.ItemInput, {}), createComponent(RadioGroup.ItemLabel, {
-							"class": "flex h-7 cursor-pointer items-center rounded-md border px-2 text-xs data-[checked]:border-primary data-[checked]:ring-1 data-[checked]:ring-primary",
+							"class": "flex h-7 cursor-pointer items-center rounded-md border px-2 text-xs whitespace-nowrap data-[checked]:border-primary data-[checked]:ring-1 data-[checked]:ring-primary",
 							children: "Theme default"
 						})];
 					}

package/dist/components/composites/appearance-editor/appearance-choices.js.map

@@ -1 +1 @@
-{"version":3,"file":"appearance-choices.js","names":["RadioGroup","Radio","For","Show","AppearanceEditorProps","ThemeMiniature","ThemeMiniatureSplit","MODES","value","label","const","SURFACES","ModeChoices","props","_$createComponent","draft","mode","disabled","saving","orientation","onChange","option","find","candidate","children","each","Item","data-mode","ItemInput","ItemLabel","_el$","_tmpl$","_$insert","when","fallback","theme","_$memo","lightTheme","darkTheme","light","dark","_el$2","_tmpl$2","AccentChoices","custom","accent","accentOptions","some","id","accentSelection","customAccentValue","_el$3","_tmpl$3","_el$4","_tmpl$4","_$effect","_$p","_$setStyleProperty","resolvedAppearance","_el$5","_tmpl$5","GlassChoices","surface","surfaceCapability","frosted","_$createComponent","Radio","_$memo","_$setStyleProperty"],"sources":["../../../../src/components/composites/appearance-editor/appearance-choices.tsx"],"sourcesContent":["/*\n * MIT License\n *\n * Copyright (c) 2026 Wing\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n// Pinned mode-card, accent-swatch, and glass-chip composition. Kobalte replaces\n// the app port's manual roving focus; it does not replace the donor hierarchy.\nimport { RadioGroup as Radio } from '@kobalte/core/radio-group'\nimport { For, Show } from 'solid-js'\nimport type { AppearanceEditorProps } from './appearance-types'\nimport { ThemeMiniature, ThemeMiniatureSplit } from './theme-preview'\n\nconst MODES = [\n  { value: 'system', label: 'System' },\n  { value: 'light', label: 'Light' },\n  { value: 'dark', label: 'Dark' },\n] as const\nconst SURFACES = [\n  { value: 'theme', label: 'Theme default' },\n  { value: 'frosted', label: 'Frosted' },\n  { value: 'opaque', label: 'Opaque' },\n] as const\n\nexport function ModeChoices(props: AppearanceEditorProps) {\n  return (\n    <Radio\n      value={props.draft.mode}\n      disabled={props.saving}\n      orientation=\"horizontal\"\n      aria-label=\"Appearance mode\"\n      onChange={(mode) => {\n        const option = MODES.find((candidate) => candidate.value === mode)\n        if (option) props.onChange({ mode: option.value })\n      }}\n      class=\"grid grid-cols-1 gap-3 px-4 py-4 sm:grid-cols-3\"\n    >\n      <For each={MODES}>\n        {(option) => (\n          <Radio.Item\n            value={option.value}\n            data-mode={option.value}\n            class=\"min-w-0 rounded-lg focus-within:ring-3 focus-within:ring-ring/50\"\n          >\n            <Radio.ItemInput />\n            <Radio.ItemLabel class=\"flex cursor-pointer flex-col gap-2 rounded-lg border p-2 text-center text-xs data-[checked]:border-primary data-[checked]:ring-1 data-[checked]:ring-primary data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50\">\n              <span class=\"block h-20 w-full\">\n                <Show\n                  when={option.value === 'system'}\n                  fallback={\n                    <ThemeMiniature\n                      theme={option.value === 'light' ? props.lightTheme : props.darkTheme}\n                    />\n                  }\n                >\n                  <ThemeMiniatureSplit light={props.lightTheme} dark={props.darkTheme} />\n                </Show>\n              </span>\n              <span>{option.label}</span>\n            </Radio.ItemLabel>\n          </Radio.Item>\n        )}\n      </For>\n    </Radio>\n  )\n}\n\nexport function AccentChoices(props: AppearanceEditorProps) {\n  const custom = () =>\n    props.draft.accent !== 'theme' &&\n    !props.accentOptions.some((option) => option.id === props.draft.accent)\n  const accentSelection = () => (custom() ? 'custom' : props.draft.accent)\n  return (\n    <Radio\n      value={accentSelection()}\n      disabled={props.saving}\n      orientation=\"horizontal\"\n      aria-label=\"Accent\"\n      /* Narrow hosts wrap the swatches into a three-column grid so the row\n         control stays beside its label; wide hosts keep one inline row. */\n      class=\"grid grid-cols-3 items-center gap-2 sm:flex sm:flex-wrap sm:justify-end\"\n      onChange={(accent) =>\n        props.onChange({\n          accent: accent === 'custom' ? (props.customAccentValue ?? '') : accent,\n        })\n      }\n    >\n      <Radio.Item value=\"theme\">\n        <Radio.ItemInput />\n        <Radio.ItemLabel class=\"flex h-7 cursor-pointer items-center rounded-md border px-2 text-xs data-[checked]:border-primary data-[checked]:ring-1 data-[checked]:ring-primary\">\n          Theme default\n        </Radio.ItemLabel>\n      </Radio.Item>\n      <div class=\"col-span-3 grid grid-cols-3 gap-2 sm:col-span-1 sm:flex sm:gap-2\">\n        <For each={props.accentOptions}>\n          {(option) => (\n            <Radio.Item\n              value={option.id}\n              class=\"rounded-full focus-within:ring-3 focus-within:ring-ring/50\"\n            >\n              <Radio.ItemInput />\n              <Radio.ItemLabel class=\"block size-7 cursor-pointer rounded-full border p-0.5 data-[checked]:border-primary data-[checked]:ring-1 data-[checked]:ring-primary\">\n                <span\n                  class=\"block size-full rounded-full\"\n                  aria-hidden=\"true\"\n                  style={{\n                    'background-color':\n                      (props.draft.mode === 'system'\n                        ? props.resolvedAppearance\n                        : props.draft.mode) === 'light'\n                        ? option.light\n                        : option.dark,\n                  }}\n                />\n                <span class=\"sr-only\">{option.label}</span>\n              </Radio.ItemLabel>\n            </Radio.Item>\n          )}\n        </For>\n      </div>\n      <Radio.Item value=\"custom\">\n        <Radio.ItemInput />\n        <Radio.ItemLabel class=\"flex h-7 cursor-pointer items-center rounded-md border px-2 text-xs data-[checked]:border-primary data-[checked]:ring-1 data-[checked]:ring-primary\">\n          Custom\n        </Radio.ItemLabel>\n      </Radio.Item>\n    </Radio>\n  )\n}\n\nexport function GlassChoices(props: AppearanceEditorProps) {\n  return (\n    <Radio\n      value={props.draft.surface}\n      disabled={props.saving}\n      orientation=\"horizontal\"\n      aria-label=\"Glass\"\n      class=\"flex flex-wrap gap-1\"\n      onChange={(surface) => {\n        const option = SURFACES.find((candidate) => candidate.value === surface)\n        if (option) props.onChange({ surface: option.value })\n      }}\n    >\n      <For each={SURFACES}>\n        {(option) => (\n          <Radio.Item\n            value={option.value}\n            disabled={option.value === 'frosted' && !props.surfaceCapability.frosted}\n            class=\"rounded-md focus-within:ring-3 focus-within:ring-ring/50\"\n          >\n            <Radio.ItemInput />\n            <Radio.ItemLabel class=\"flex h-7 cursor-pointer items-center rounded-md border px-2 text-xs data-[checked]:border-primary data-[checked]:ring-1 data-[checked]:ring-primary data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50\">\n              {option.label}\n            </Radio.ItemLabel>\n          </Radio.Item>\n        )}\n      </For>\n    </Radio>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"appearance-choices.js","names":["RadioGroup","Radio","For","Show","AppearanceEditorProps","ThemeMiniature","ThemeMiniatureSplit","MODES","value","label","const","SURFACES","ModeChoices","props","_$createComponent","draft","mode","disabled","saving","orientation","onChange","option","find","candidate","children","each","Item","data-mode","ItemInput","ItemLabel","_el$","_tmpl$","_$insert","when","fallback","theme","_$memo","lightTheme","darkTheme","light","dark","_el$2","_tmpl$2","AccentChoices","custom","accent","accentOptions","some","id","accentSelection","customAccentValue","_el$3","_tmpl$3","_el$4","_tmpl$4","_$effect","_$p","_$setStyleProperty","resolvedAppearance","_el$5","_tmpl$5","GlassChoices","surface","surfaceCapability","frosted","_$createComponent","Radio","_$memo","_$setStyleProperty"],"sources":["../../../../src/components/composites/appearance-editor/appearance-choices.tsx"],"sourcesContent":["/*\n * MIT License\n *\n * Copyright (c) 2026 Wing\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n// Pinned mode-card, accent-swatch, and glass-chip composition. Kobalte replaces\n// the app port's manual roving focus; it does not replace the donor hierarchy.\nimport { RadioGroup as Radio } from '@kobalte/core/radio-group'\nimport { For, Show } from 'solid-js'\nimport type { AppearanceEditorProps } from './appearance-types'\nimport { ThemeMiniature, ThemeMiniatureSplit } from './theme-preview'\n\nconst MODES = [\n  { value: 'system', label: 'System' },\n  { value: 'light', label: 'Light' },\n  { value: 'dark', label: 'Dark' },\n] as const\nconst SURFACES = [\n  { value: 'theme', label: 'Theme default' },\n  { value: 'frosted', label: 'Frosted' },\n  { value: 'opaque', label: 'Opaque' },\n] as const\n\nexport function ModeChoices(props: AppearanceEditorProps) {\n  return (\n    <Radio\n      value={props.draft.mode}\n      disabled={props.saving}\n      orientation=\"horizontal\"\n      aria-label=\"Appearance mode\"\n      onChange={(mode) => {\n        const option = MODES.find((candidate) => candidate.value === mode)\n        if (option) props.onChange({ mode: option.value })\n      }}\n      class=\"grid grid-cols-1 gap-3 px-4 py-4 sm:grid-cols-3\"\n    >\n      <For each={MODES}>\n        {(option) => (\n          <Radio.Item\n            value={option.value}\n            data-mode={option.value}\n            class=\"min-w-0 rounded-lg focus-within:ring-3 focus-within:ring-ring/50\"\n          >\n            <Radio.ItemInput />\n            <Radio.ItemLabel class=\"flex cursor-pointer flex-col gap-2 rounded-lg border p-2 text-center text-xs data-[checked]:border-primary data-[checked]:ring-1 data-[checked]:ring-primary data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50\">\n              <span class=\"block h-20 w-full\">\n                <Show\n                  when={option.value === 'system'}\n                  fallback={\n                    <ThemeMiniature\n                      theme={option.value === 'light' ? props.lightTheme : props.darkTheme}\n                    />\n                  }\n                >\n                  <ThemeMiniatureSplit light={props.lightTheme} dark={props.darkTheme} />\n                </Show>\n              </span>\n              <span>{option.label}</span>\n            </Radio.ItemLabel>\n          </Radio.Item>\n        )}\n      </For>\n    </Radio>\n  )\n}\n\nexport function AccentChoices(props: AppearanceEditorProps) {\n  const custom = () =>\n    props.draft.accent !== 'theme' &&\n    !props.accentOptions.some((option) => option.id === props.draft.accent)\n  const accentSelection = () => (custom() ? 'custom' : props.draft.accent)\n  return (\n    <Radio\n      value={accentSelection()}\n      disabled={props.saving}\n      orientation=\"horizontal\"\n      aria-label=\"Accent\"\n      class=\"flex flex-wrap items-center gap-2\"\n      onChange={(accent) =>\n        props.onChange({\n          accent: accent === 'custom' ? (props.customAccentValue ?? '') : accent,\n        })\n      }\n    >\n      <Radio.Item value=\"theme\">\n        <Radio.ItemInput />\n        <Radio.ItemLabel class=\"flex h-7 cursor-pointer items-center rounded-md border px-2 text-xs whitespace-nowrap data-[checked]:border-primary data-[checked]:ring-1 data-[checked]:ring-primary\">\n          Theme default\n        </Radio.ItemLabel>\n      </Radio.Item>\n      <div class=\"flex max-w-full flex-wrap gap-2\">\n        <For each={props.accentOptions}>\n          {(option) => (\n            <Radio.Item\n              value={option.id}\n              class=\"rounded-full focus-within:ring-3 focus-within:ring-ring/50\"\n            >\n              <Radio.ItemInput />\n              <Radio.ItemLabel class=\"block size-7 cursor-pointer rounded-full border p-0.5 data-[checked]:border-primary data-[checked]:ring-1 data-[checked]:ring-primary\">\n                <span\n                  class=\"block size-full rounded-full\"\n                  aria-hidden=\"true\"\n                  style={{\n                    'background-color':\n                      (props.draft.mode === 'system'\n                        ? props.resolvedAppearance\n                        : props.draft.mode) === 'light'\n                        ? option.light\n                        : option.dark,\n                  }}\n                />\n                <span class=\"sr-only\">{option.label}</span>\n              </Radio.ItemLabel>\n            </Radio.Item>\n          )}\n        </For>\n      </div>\n      <Radio.Item value=\"custom\">\n        <Radio.ItemInput />\n        <Radio.ItemLabel class=\"flex h-7 cursor-pointer items-center rounded-md border px-2 text-xs data-[checked]:border-primary data-[checked]:ring-1 data-[checked]:ring-primary\">\n          Custom\n        </Radio.ItemLabel>\n      </Radio.Item>\n    </Radio>\n  )\n}\n\nexport function GlassChoices(props: AppearanceEditorProps) {\n  return (\n    <Radio\n      value={props.draft.surface}\n      disabled={props.saving}\n      orientation=\"horizontal\"\n      aria-label=\"Glass\"\n      class=\"flex flex-wrap gap-1\"\n      onChange={(surface) => {\n        const option = SURFACES.find((candidate) => candidate.value === surface)\n        if (option) props.onChange({ surface: option.value })\n      }}\n    >\n      <For each={SURFACES}>\n        {(option) => (\n          <Radio.Item\n            value={option.value}\n            disabled={option.value === 'frosted' && !props.surfaceCapability.frosted}\n            class=\"rounded-md focus-within:ring-3 focus-within:ring-ring/50\"\n          >\n            <Radio.ItemInput />\n            <Radio.ItemLabel class=\"flex h-7 cursor-pointer items-center rounded-md border px-2 text-xs data-[checked]:border-primary data-[checked]:ring-1 data-[checked]:ring-primary data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50\">\n              {option.label}\n            </Radio.ItemLabel>\n          </Radio.Item>\n        )}\n      </For>\n    </Radio>\n  )\n}\n"],"mappings":"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"}

package/dist/components/composites/appearance-editor/appearance-rows.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"appearance-rows.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/appearance-editor/appearance-rows.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjE,OAAO,EAAkD,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AA2BnF,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,GAAG,CAAC,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;CACtB,eAsBA;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAC9B,UAAU,EAAE,OAAO,GAAG,MAAM,CAAA;IAC5B,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,SAAS,CAAA;IAClB,MAAM,EAAE,SAAS,eAAe,EAAE,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,eA6NA"}
+{"version":3,"file":"appearance-rows.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/appearance-editor/appearance-rows.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjE,OAAO,EAAkD,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AA2BnF,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,GAAG,CAAC,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;CACtB,eA4BA;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAC9B,UAAU,EAAE,OAAO,GAAG,MAAM,CAAA;IAC5B,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,SAAS,CAAA;IAClB,MAAM,EAAE,SAAS,eAAe,EAAE,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,eA6NA"}

package/dist/components/composites/appearance-editor/appearance-rows.js

@@ -7,7 +7,7 @@ import { ChevronDown, Palette } from "lucide-solid";
 import { For, Show, createMemo, createSignal, onCleanup } from "solid-js";
 //#region src/components/composites/appearance-editor/appearance-rows.tsx
 var _tmpl$ = /*#__PURE__*/ template(`<div class="mt-0.5 text-xs text-muted-foreground">`);
-var _tmpl$2 = /*#__PURE__*/ template(`<section><div class="flex min-w-0 flex-1 items-center gap-3"><span class="flex size-9 shrink-0 items-center justify-center rounded-lg border bg-foreground/5 text-muted-foreground [&amp;_svg]:size-4"aria-hidden=true></span><div class=min-w-0><h3 class="text-sm font-medium"></h3></div></div><div class="min-w-0 shrink-0">`);
+var _tmpl$2 = /*#__PURE__*/ template(`<section><div><span class="flex size-9 shrink-0 items-center justify-center rounded-lg border bg-foreground/5 text-muted-foreground [&amp;_svg]:size-4"aria-hidden=true></span><div class=min-w-0><h3 class="text-sm font-medium"></h3></div></div><div class="min-w-0 max-w-full shrink-0">`);
 var _tmpl$3 = /*#__PURE__*/ template(`<span class="flex min-w-0 flex-1 items-center gap-2"><span class="min-w-0 flex-1 truncate">`);
 var _tmpl$4 = /*#__PURE__*/ template(`<div>`);
 var _tmpl$5 = /*#__PURE__*/ template(`<span class="min-w-0 flex-1 truncate">`);
@@ -31,7 +31,18 @@ function SettingsRow(props) {
 			}
 		}), null);
 		insert(_el$7, () => props.children);
-		effect(() => className(_el$, cn("flex flex-col gap-3 px-4 py-4", { "sm:flex-row sm:items-center": !props.stacked })));
+		effect((_p$) => {
+			var _v$ = cn("flex gap-3 px-4 py-4", {
+				"flex-col": props.stacked,
+				"flex-wrap items-center": !props.stacked
+			}), _v$2 = cn("flex min-w-0 flex-1 items-center gap-3", { "basis-48": !props.stacked });
+			_v$ !== _p$.e && className(_el$, _p$.e = _v$);
+			_v$2 !== _p$.t && className(_el$2, _p$.t = _v$2);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0
+		});
 		return _el$;
 	})();
 }

package/dist/components/composites/appearance-editor/appearance-rows.js.map

@@ -1 +1 @@
-{"version":3,"file":"appearance-rows.js","names":["AdeaTheme","AdeaThemeRecord","For","Show","createMemo","createSignal","onCleanup","JSX","ChevronDown","Palette","cn","Button","DropdownMenu","DropdownMenuContent","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuTrigger","PalettePreview","POINTER_FOCUS_TARGET_SELECTOR","isTabStop","element","HTMLElement","tabIndex","matches","hasAttribute","getAttribute","closest","getClientRects","length","SettingsRow","props","title","icon","Element","description","stacked","children","_el$","_tmpl$2","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_el$7","_$insert","_$createComponent","when","_el$6","_tmpl$","_$effect","_$className","ThemeRow","appearance","selectedId","preview","themes","disabled","onSelect","id","portalMount","setPortalMount","HTMLDivElement","triggerElement","setTriggerElement","HTMLButtonElement","menuOpen","setMenuOpen","focusOutsideTarget","setFocusOutsideTarget","restoreTriggerFocus","setRestoreTriggerFocus","focusTargetAfterTab","focusLifecycleVersion","options","filter","theme","selected","find","label","closeMenu","moveFocusOnTab","event","KeyboardEvent","key","isComposing","trigger","parentDialog","focusScope","ownerDocument","body","focusStops","Array","from","querySelectorAll","orderedFocusStops","toSorted","a","b","triggerIndex","indexOf","direction","shiftKey","adjacent","at","undefined","stopPropagation","preventDefault","focus","preventScroll","_el$8","_tmpl$4","_$use","modal","open","onOpenChange","ref","as","variant","size","aria-label","_el$9","_tmpl$3","_el$0","name","onInteractOutside","detail","originalEvent","type","target","contains","focusTarget","onFocusOutside","onEscapeKeyDown","onCloseAutoFocus","lifecycleVersion","shouldRestore","isConnected","queueMicrotask","activeElement","document","isMenuFocus","isTriggerFocus","value","onChange","each","textValue","closeOnSelect","_el$1","_tmpl$5","_$createComponent","_$className"],"sources":["../../../../src/components/composites/appearance-editor/appearance-rows.tsx"],"sourcesContent":["/*\n * MIT License\n *\n * Copyright (c) 2026 Wing\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n// Retains the compact divided row and palette-preview selector from the pinned\n// Zeron/Adea composition; Kobalte owns option navigation and nested dismissal.\nimport type { AdeaTheme, AdeaThemeRecord } from '@adea-ai/themes'\nimport { For, Show, createMemo, createSignal, onCleanup, type JSX } from 'solid-js'\nimport { ChevronDown, Palette } from 'lucide-solid'\nimport { cn } from '#lib/utils'\nimport { Button } from '../../ui/button/button'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuTrigger,\n} from '../../ui/dropdown-menu/dropdown-menu'\nimport { PalettePreview } from './theme-preview'\n\nconst POINTER_FOCUS_TARGET_SELECTOR =\n  'a[href], area[href], button, input, select, textarea, iframe, [tabindex], [contenteditable], details > summary:first-of-type'\n\nfunction isTabStop(element: HTMLElement) {\n  return (\n    (element.tabIndex >= 0 ||\n      (element.matches('details > summary:first-of-type') && !element.hasAttribute('tabindex'))) &&\n    !element.matches(':disabled') &&\n    element.getAttribute('aria-disabled') !== 'true' &&\n    element.closest('[hidden], [inert], [aria-hidden=\"true\"]') === null &&\n    element.getClientRects().length > 0\n  )\n}\n\nexport function SettingsRow(props: {\n  title: string\n  icon: JSX.Element\n  description?: JSX.Element\n  stacked?: boolean\n  children: JSX.Element\n}) {\n  return (\n    <section\n      class={cn('flex flex-col gap-3 px-4 py-4', { 'sm:flex-row sm:items-center': !props.stacked })}\n    >\n      <div class=\"flex min-w-0 flex-1 items-center gap-3\">\n        <span\n          class=\"flex size-9 shrink-0 items-center justify-center rounded-lg border bg-foreground/5 text-muted-foreground [&_svg]:size-4\"\n          aria-hidden=\"true\"\n        >\n          {props.icon}\n        </span>\n        <div class=\"min-w-0\">\n          <h3 class=\"text-sm font-medium\">{props.title}</h3>\n          <Show when={props.description}>\n            <div class=\"mt-0.5 text-xs text-muted-foreground\">{props.description}</div>\n          </Show>\n        </div>\n      </div>\n      <div class=\"min-w-0 shrink-0\">{props.children}</div>\n    </section>\n  )\n}\n\n/**\n * A compact persistent theme choice. Kobalte handles menu navigation and\n * dismissal; this row moves Tab to the adjacent browser-reported stop because\n * menus consume Tab by default. Enumerating elements and checking their native\n * tabIndex keeps details summaries in the order while preserving explicit\n * tabindex overrides.\n */\nexport function ThemeRow(props: {\n  appearance: 'light' | 'dark'\n  selectedId: string\n  preview: AdeaTheme\n  themes: readonly AdeaThemeRecord[]\n  disabled?: boolean\n  onSelect: (id: string) => void\n}) {\n  const [portalMount, setPortalMount] = createSignal<HTMLDivElement>()\n  const [triggerElement, setTriggerElement] = createSignal<HTMLButtonElement>()\n  const [menuOpen, setMenuOpen] = createSignal(false)\n  const [focusOutsideTarget, setFocusOutsideTarget] = createSignal<HTMLElement>()\n  const [restoreTriggerFocus, setRestoreTriggerFocus] = createSignal(false)\n  let focusTargetAfterTab: HTMLElement | undefined\n  let focusLifecycleVersion = 0\n  onCleanup(() => {\n    focusLifecycleVersion += 1\n  })\n  const options = createMemo(() =>\n    props.themes.filter((theme) => theme.appearance === props.appearance)\n  )\n  const selected = createMemo(\n    () =>\n      options().find((theme) => theme.id === props.selectedId) ??\n      options().find((theme) => theme.id === props.preview.id)\n  )\n  const label = () => (props.appearance === 'light' ? 'Light theme' : 'Dark theme')\n  const closeMenu = () => {\n    if (menuOpen()) focusLifecycleVersion += 1\n    setMenuOpen(false)\n  }\n  const moveFocusOnTab = (event: KeyboardEvent) => {\n    if (event.key !== 'Tab' || event.isComposing) return\n\n    const trigger = triggerElement()\n    if (!trigger) return\n    const parentDialog = portalMount()?.closest<HTMLElement>('[role=\"dialog\"]')\n    const focusScope = parentDialog ?? portalMount()?.ownerDocument.body\n    if (!focusScope) return\n\n    const focusStops = Array.from(focusScope.querySelectorAll<HTMLElement>('*')).filter(\n      (element) =>\n        isTabStop(element) &&\n        element.closest('[role=\"menu\"], [hidden], [inert], [aria-hidden=\"true\"]') === null\n    )\n    const orderedFocusStops = [\n      ...focusStops\n        .filter((element) => element.tabIndex > 0)\n        .toSorted((a, b) => a.tabIndex - b.tabIndex),\n      ...focusStops.filter((element) => element.tabIndex <= 0),\n    ]\n    const triggerIndex = orderedFocusStops.indexOf(trigger)\n    const direction = event.shiftKey ? -1 : 1\n    const adjacent =\n      orderedFocusStops[triggerIndex + direction] ??\n      (parentDialog ? (direction > 0 ? orderedFocusStops[0] : orderedFocusStops.at(-1)) : undefined)\n\n    event.stopPropagation()\n    setRestoreTriggerFocus(false)\n    if (adjacent) {\n      event.preventDefault()\n      focusTargetAfterTab = adjacent\n      setFocusOutsideTarget(adjacent)\n      closeMenu()\n      adjacent.focus({ preventScroll: true })\n    } else {\n      focusTargetAfterTab = undefined\n      setFocusOutsideTarget(undefined)\n      closeMenu()\n    }\n  }\n  return (\n    <SettingsRow title={label()} icon={<Palette />}>\n      <div ref={setPortalMount}>\n        <DropdownMenu\n          modal={false}\n          open={menuOpen()}\n          onOpenChange={(open) => {\n            if (open !== menuOpen()) focusLifecycleVersion += 1\n            setMenuOpen(open)\n            if (open) {\n              focusTargetAfterTab = undefined\n              setFocusOutsideTarget(undefined)\n              setRestoreTriggerFocus(false)\n            }\n          }}\n        >\n          <DropdownMenuTrigger\n            ref={setTriggerElement}\n            as={Button}\n            variant=\"outline\"\n            size=\"sm\"\n            aria-label={label()}\n            disabled={props.disabled || options().length === 0}\n            class=\"w-full justify-between sm:w-52\"\n          >\n            <span class=\"flex min-w-0 flex-1 items-center gap-2\">\n              <PalettePreview theme={props.preview} />\n              <span class=\"min-w-0 flex-1 truncate\">{selected()?.name ?? props.preview.name}</span>\n            </span>\n            <ChevronDown aria-hidden=\"true\" class=\"shrink-0 text-muted-foreground\" />\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            portalMount={portalMount()}\n            class=\"max-h-(--kb-popper-content-available-height) w-(--kb-popper-anchor-width) min-w-32 overflow-x-hidden overflow-y-auto\"\n            onInteractOutside={(event) => {\n              if (event.detail.originalEvent.type !== 'pointerdown') return\n              const parentDialog = portalMount()?.closest<HTMLElement>('[role=\"dialog\"]')\n              const focusScope = parentDialog ?? portalMount()?.ownerDocument.body\n              const target = event.detail.originalEvent.target\n              if (!(target instanceof Element) || !focusScope?.contains(target)) return\n\n              const focusTarget = target.closest<HTMLElement>(POINTER_FOCUS_TARGET_SELECTOR)\n              if (focusTarget && isTabStop(focusTarget)) {\n                setRestoreTriggerFocus(false)\n                setFocusOutsideTarget(focusTarget)\n              } else {\n                setRestoreTriggerFocus(true)\n              }\n            }}\n            onFocusOutside={(event) => {\n              // The containing dialog or document body can briefly reclaim\n              // focus when the menu opens. Keep that handoff from dismissing\n              // it; focus moving to another descendant still closes the menu.\n              const parentDialog = portalMount()?.closest<HTMLElement>('[role=\"dialog\"]')\n              const focusScope = parentDialog ?? portalMount()?.ownerDocument.body\n              const target = event.detail.originalEvent.target\n              if (target === focusScope) {\n                event.preventDefault()\n              } else if (target instanceof HTMLElement && focusScope?.contains(target)) {\n                setRestoreTriggerFocus(false)\n                setFocusOutsideTarget(target)\n              }\n            }}\n            onEscapeKeyDown={() => setRestoreTriggerFocus(true)}\n            onCloseAutoFocus={(event) => {\n              // A prior menu instance can finish its focus cleanup after this\n              // row has already reopened. Do not let that cleanup steal focus.\n              if (menuOpen()) {\n                event.preventDefault()\n                return\n              }\n\n              const lifecycleVersion = focusLifecycleVersion\n              const shouldRestore = restoreTriggerFocus()\n              const focusTarget = focusTargetAfterTab ?? focusOutsideTarget()\n              focusTargetAfterTab = undefined\n              setFocusOutsideTarget(undefined)\n              setRestoreTriggerFocus(false)\n              if (shouldRestore) {\n                // The saved focus may be the containing dialog rather than\n                // the trigger when WebKit opens this menu from a pointer click.\n                event.preventDefault()\n                triggerElement()?.focus({ preventScroll: true })\n                return\n              }\n\n              const parentDialog = portalMount()?.closest<HTMLElement>('[role=\"dialog\"]')\n              const focusScope = parentDialog ?? portalMount()?.ownerDocument.body\n              if (focusTarget?.isConnected && focusScope?.contains(focusTarget)) {\n                // Preserve the intended in-scope destination across\n                // Kobalte's deferred stale-focus restore.\n                event.preventDefault()\n                queueMicrotask(() => {\n                  if (lifecycleVersion !== focusLifecycleVersion || menuOpen()) return\n\n                  const activeElement = document.activeElement\n                  const isMenuFocus =\n                    activeElement instanceof HTMLElement &&\n                    activeElement.closest('[role=\"menu\"]') !== null\n                  const isTriggerFocus = activeElement === triggerElement()\n                  if (\n                    activeElement !== focusTarget &&\n                    (activeElement === document.body ||\n                      activeElement === focusScope ||\n                      isMenuFocus ||\n                      isTriggerFocus)\n                  ) {\n                    focusTarget.focus({ preventScroll: true })\n                  }\n                })\n                return\n              }\n\n              const activeElement = document.activeElement\n              if (\n                focusScope &&\n                activeElement instanceof HTMLElement &&\n                activeElement !== focusScope &&\n                focusScope.contains(activeElement) &&\n                activeElement.closest('[role=\"menu\"]') === null\n              ) {\n                // Preserve a real focus target in this scope instead of\n                // restoring the stale element captured when the menu mounted. A\n                // focused menu item is about to unmount, so Kobalte must restore\n                // focus to the trigger instead.\n                event.preventDefault()\n              }\n            }}\n          >\n            <DropdownMenuRadioGroup\n              value={selected()?.id ?? ''}\n              aria-label={`${label()} options`}\n              on:keydown={moveFocusOnTab}\n              onChange={(id) => {\n                if (!props.disabled && typeof id === 'string') props.onSelect(id)\n              }}\n            >\n              <For each={options()}>\n                {(theme) => (\n                  <DropdownMenuRadioItem\n                    value={theme.id}\n                    textValue={theme.name}\n                    closeOnSelect={true}\n                    disabled={props.disabled}\n                    onSelect={() => setRestoreTriggerFocus(true)}\n                  >\n                    <PalettePreview theme={theme} />\n                    <span class=\"min-w-0 flex-1 truncate\">{theme.name}</span>\n                  </DropdownMenuRadioItem>\n                )}\n              </For>\n            </DropdownMenuRadioGroup>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </div>\n    </SettingsRow>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"appearance-rows.js","names":["AdeaTheme","AdeaThemeRecord","For","Show","createMemo","createSignal","onCleanup","JSX","ChevronDown","Palette","cn","Button","DropdownMenu","DropdownMenuContent","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuTrigger","PalettePreview","POINTER_FOCUS_TARGET_SELECTOR","isTabStop","element","HTMLElement","tabIndex","matches","hasAttribute","getAttribute","closest","getClientRects","length","SettingsRow","props","title","icon","Element","description","stacked","children","_el$","_tmpl$2","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_el$7","_$insert","_$createComponent","when","_el$6","_tmpl$","_$effect","_p$","_v$","_v$2","e","_$className","t","undefined","ThemeRow","appearance","selectedId","preview","themes","disabled","onSelect","id","portalMount","setPortalMount","HTMLDivElement","triggerElement","setTriggerElement","HTMLButtonElement","menuOpen","setMenuOpen","focusOutsideTarget","setFocusOutsideTarget","restoreTriggerFocus","setRestoreTriggerFocus","focusTargetAfterTab","focusLifecycleVersion","options","filter","theme","selected","find","label","closeMenu","moveFocusOnTab","event","KeyboardEvent","key","isComposing","trigger","parentDialog","focusScope","ownerDocument","body","focusStops","Array","from","querySelectorAll","orderedFocusStops","toSorted","a","b","triggerIndex","indexOf","direction","shiftKey","adjacent","at","stopPropagation","preventDefault","focus","preventScroll","_el$8","_tmpl$4","_$use","modal","open","onOpenChange","ref","as","variant","size","aria-label","_el$9","_tmpl$3","_el$0","name","onInteractOutside","detail","originalEvent","type","target","contains","focusTarget","onFocusOutside","onEscapeKeyDown","onCloseAutoFocus","lifecycleVersion","shouldRestore","isConnected","queueMicrotask","activeElement","document","isMenuFocus","isTriggerFocus","value","onChange","each","textValue","closeOnSelect","_el$1","_tmpl$5","_$createComponent","_$className"],"sources":["../../../../src/components/composites/appearance-editor/appearance-rows.tsx"],"sourcesContent":["/*\n * MIT License\n *\n * Copyright (c) 2026 Wing\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n// Retains the compact divided row and palette-preview selector from the pinned\n// Zeron/Adea composition; Kobalte owns option navigation and nested dismissal.\nimport type { AdeaTheme, AdeaThemeRecord } from '@adea-ai/themes'\nimport { For, Show, createMemo, createSignal, onCleanup, type JSX } from 'solid-js'\nimport { ChevronDown, Palette } from 'lucide-solid'\nimport { cn } from '#lib/utils'\nimport { Button } from '../../ui/button/button'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuTrigger,\n} from '../../ui/dropdown-menu/dropdown-menu'\nimport { PalettePreview } from './theme-preview'\n\nconst POINTER_FOCUS_TARGET_SELECTOR =\n  'a[href], area[href], button, input, select, textarea, iframe, [tabindex], [contenteditable], details > summary:first-of-type'\n\nfunction isTabStop(element: HTMLElement) {\n  return (\n    (element.tabIndex >= 0 ||\n      (element.matches('details > summary:first-of-type') && !element.hasAttribute('tabindex'))) &&\n    !element.matches(':disabled') &&\n    element.getAttribute('aria-disabled') !== 'true' &&\n    element.closest('[hidden], [inert], [aria-hidden=\"true\"]') === null &&\n    element.getClientRects().length > 0\n  )\n}\n\nexport function SettingsRow(props: {\n  title: string\n  icon: JSX.Element\n  description?: JSX.Element\n  stacked?: boolean\n  children: JSX.Element\n}) {\n  return (\n    <section\n      class={cn('flex gap-3 px-4 py-4', {\n        'flex-col': props.stacked,\n        'flex-wrap items-center': !props.stacked,\n      })}\n    >\n      {/* Reserve readable copy before choosing a side-by-side control row.\n          Wrapping follows the actual host width and enlarged text, rather\n          than a viewport breakpoint that also matches a narrow popover. */}\n      <div class={cn('flex min-w-0 flex-1 items-center gap-3', { 'basis-48': !props.stacked })}>\n        <span\n          class=\"flex size-9 shrink-0 items-center justify-center rounded-lg border bg-foreground/5 text-muted-foreground [&_svg]:size-4\"\n          aria-hidden=\"true\"\n        >\n          {props.icon}\n        </span>\n        <div class=\"min-w-0\">\n          <h3 class=\"text-sm font-medium\">{props.title}</h3>\n          <Show when={props.description}>\n            <div class=\"mt-0.5 text-xs text-muted-foreground\">{props.description}</div>\n          </Show>\n        </div>\n      </div>\n      <div class=\"min-w-0 max-w-full shrink-0\">{props.children}</div>\n    </section>\n  )\n}\n\n/**\n * A compact persistent theme choice. Kobalte handles menu navigation and\n * dismissal; this row moves Tab to the adjacent browser-reported stop because\n * menus consume Tab by default. Enumerating elements and checking their native\n * tabIndex keeps details summaries in the order while preserving explicit\n * tabindex overrides.\n */\nexport function ThemeRow(props: {\n  appearance: 'light' | 'dark'\n  selectedId: string\n  preview: AdeaTheme\n  themes: readonly AdeaThemeRecord[]\n  disabled?: boolean\n  onSelect: (id: string) => void\n}) {\n  const [portalMount, setPortalMount] = createSignal<HTMLDivElement>()\n  const [triggerElement, setTriggerElement] = createSignal<HTMLButtonElement>()\n  const [menuOpen, setMenuOpen] = createSignal(false)\n  const [focusOutsideTarget, setFocusOutsideTarget] = createSignal<HTMLElement>()\n  const [restoreTriggerFocus, setRestoreTriggerFocus] = createSignal(false)\n  let focusTargetAfterTab: HTMLElement | undefined\n  let focusLifecycleVersion = 0\n  onCleanup(() => {\n    focusLifecycleVersion += 1\n  })\n  const options = createMemo(() =>\n    props.themes.filter((theme) => theme.appearance === props.appearance)\n  )\n  const selected = createMemo(\n    () =>\n      options().find((theme) => theme.id === props.selectedId) ??\n      options().find((theme) => theme.id === props.preview.id)\n  )\n  const label = () => (props.appearance === 'light' ? 'Light theme' : 'Dark theme')\n  const closeMenu = () => {\n    if (menuOpen()) focusLifecycleVersion += 1\n    setMenuOpen(false)\n  }\n  const moveFocusOnTab = (event: KeyboardEvent) => {\n    if (event.key !== 'Tab' || event.isComposing) return\n\n    const trigger = triggerElement()\n    if (!trigger) return\n    const parentDialog = portalMount()?.closest<HTMLElement>('[role=\"dialog\"]')\n    const focusScope = parentDialog ?? portalMount()?.ownerDocument.body\n    if (!focusScope) return\n\n    const focusStops = Array.from(focusScope.querySelectorAll<HTMLElement>('*')).filter(\n      (element) =>\n        isTabStop(element) &&\n        element.closest('[role=\"menu\"], [hidden], [inert], [aria-hidden=\"true\"]') === null\n    )\n    const orderedFocusStops = [\n      ...focusStops\n        .filter((element) => element.tabIndex > 0)\n        .toSorted((a, b) => a.tabIndex - b.tabIndex),\n      ...focusStops.filter((element) => element.tabIndex <= 0),\n    ]\n    const triggerIndex = orderedFocusStops.indexOf(trigger)\n    const direction = event.shiftKey ? -1 : 1\n    const adjacent =\n      orderedFocusStops[triggerIndex + direction] ??\n      (parentDialog ? (direction > 0 ? orderedFocusStops[0] : orderedFocusStops.at(-1)) : undefined)\n\n    event.stopPropagation()\n    setRestoreTriggerFocus(false)\n    if (adjacent) {\n      event.preventDefault()\n      focusTargetAfterTab = adjacent\n      setFocusOutsideTarget(adjacent)\n      closeMenu()\n      adjacent.focus({ preventScroll: true })\n    } else {\n      focusTargetAfterTab = undefined\n      setFocusOutsideTarget(undefined)\n      closeMenu()\n    }\n  }\n  return (\n    <SettingsRow title={label()} icon={<Palette />}>\n      <div ref={setPortalMount}>\n        <DropdownMenu\n          modal={false}\n          open={menuOpen()}\n          onOpenChange={(open) => {\n            if (open !== menuOpen()) focusLifecycleVersion += 1\n            setMenuOpen(open)\n            if (open) {\n              focusTargetAfterTab = undefined\n              setFocusOutsideTarget(undefined)\n              setRestoreTriggerFocus(false)\n            }\n          }}\n        >\n          <DropdownMenuTrigger\n            ref={setTriggerElement}\n            as={Button}\n            variant=\"outline\"\n            size=\"sm\"\n            aria-label={label()}\n            disabled={props.disabled || options().length === 0}\n            class=\"w-full justify-between sm:w-52\"\n          >\n            <span class=\"flex min-w-0 flex-1 items-center gap-2\">\n              <PalettePreview theme={props.preview} />\n              <span class=\"min-w-0 flex-1 truncate\">{selected()?.name ?? props.preview.name}</span>\n            </span>\n            <ChevronDown aria-hidden=\"true\" class=\"shrink-0 text-muted-foreground\" />\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            portalMount={portalMount()}\n            class=\"max-h-(--kb-popper-content-available-height) w-(--kb-popper-anchor-width) min-w-32 overflow-x-hidden overflow-y-auto\"\n            onInteractOutside={(event) => {\n              if (event.detail.originalEvent.type !== 'pointerdown') return\n              const parentDialog = portalMount()?.closest<HTMLElement>('[role=\"dialog\"]')\n              const focusScope = parentDialog ?? portalMount()?.ownerDocument.body\n              const target = event.detail.originalEvent.target\n              if (!(target instanceof Element) || !focusScope?.contains(target)) return\n\n              const focusTarget = target.closest<HTMLElement>(POINTER_FOCUS_TARGET_SELECTOR)\n              if (focusTarget && isTabStop(focusTarget)) {\n                setRestoreTriggerFocus(false)\n                setFocusOutsideTarget(focusTarget)\n              } else {\n                setRestoreTriggerFocus(true)\n              }\n            }}\n            onFocusOutside={(event) => {\n              // The containing dialog or document body can briefly reclaim\n              // focus when the menu opens. Keep that handoff from dismissing\n              // it; focus moving to another descendant still closes the menu.\n              const parentDialog = portalMount()?.closest<HTMLElement>('[role=\"dialog\"]')\n              const focusScope = parentDialog ?? portalMount()?.ownerDocument.body\n              const target = event.detail.originalEvent.target\n              if (target === focusScope) {\n                event.preventDefault()\n              } else if (target instanceof HTMLElement && focusScope?.contains(target)) {\n                setRestoreTriggerFocus(false)\n                setFocusOutsideTarget(target)\n              }\n            }}\n            onEscapeKeyDown={() => setRestoreTriggerFocus(true)}\n            onCloseAutoFocus={(event) => {\n              // A prior menu instance can finish its focus cleanup after this\n              // row has already reopened. Do not let that cleanup steal focus.\n              if (menuOpen()) {\n                event.preventDefault()\n                return\n              }\n\n              const lifecycleVersion = focusLifecycleVersion\n              const shouldRestore = restoreTriggerFocus()\n              const focusTarget = focusTargetAfterTab ?? focusOutsideTarget()\n              focusTargetAfterTab = undefined\n              setFocusOutsideTarget(undefined)\n              setRestoreTriggerFocus(false)\n              if (shouldRestore) {\n                // The saved focus may be the containing dialog rather than\n                // the trigger when WebKit opens this menu from a pointer click.\n                event.preventDefault()\n                triggerElement()?.focus({ preventScroll: true })\n                return\n              }\n\n              const parentDialog = portalMount()?.closest<HTMLElement>('[role=\"dialog\"]')\n              const focusScope = parentDialog ?? portalMount()?.ownerDocument.body\n              if (focusTarget?.isConnected && focusScope?.contains(focusTarget)) {\n                // Preserve the intended in-scope destination across\n                // Kobalte's deferred stale-focus restore.\n                event.preventDefault()\n                queueMicrotask(() => {\n                  if (lifecycleVersion !== focusLifecycleVersion || menuOpen()) return\n\n                  const activeElement = document.activeElement\n                  const isMenuFocus =\n                    activeElement instanceof HTMLElement &&\n                    activeElement.closest('[role=\"menu\"]') !== null\n                  const isTriggerFocus = activeElement === triggerElement()\n                  if (\n                    activeElement !== focusTarget &&\n                    (activeElement === document.body ||\n                      activeElement === focusScope ||\n                      isMenuFocus ||\n                      isTriggerFocus)\n                  ) {\n                    focusTarget.focus({ preventScroll: true })\n                  }\n                })\n                return\n              }\n\n              const activeElement = document.activeElement\n              if (\n                focusScope &&\n                activeElement instanceof HTMLElement &&\n                activeElement !== focusScope &&\n                focusScope.contains(activeElement) &&\n                activeElement.closest('[role=\"menu\"]') === null\n              ) {\n                // Preserve a real focus target in this scope instead of\n                // restoring the stale element captured when the menu mounted. A\n                // focused menu item is about to unmount, so Kobalte must restore\n                // focus to the trigger instead.\n                event.preventDefault()\n              }\n            }}\n          >\n            <DropdownMenuRadioGroup\n              value={selected()?.id ?? ''}\n              aria-label={`${label()} options`}\n              on:keydown={moveFocusOnTab}\n              onChange={(id) => {\n                if (!props.disabled && typeof id === 'string') props.onSelect(id)\n              }}\n            >\n              <For each={options()}>\n                {(theme) => (\n                  <DropdownMenuRadioItem\n                    value={theme.id}\n                    textValue={theme.name}\n                    closeOnSelect={true}\n                    disabled={props.disabled}\n                    onSelect={() => setRestoreTriggerFocus(true)}\n                  >\n                    <PalettePreview theme={theme} />\n                    <span class=\"min-w-0 flex-1 truncate\">{theme.name}</span>\n                  </DropdownMenuRadioItem>\n                )}\n              </For>\n            </DropdownMenuRadioGroup>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </div>\n    </SettingsRow>\n  )\n}\n"],"mappings":"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"}

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/side-rail/side-rail.d.ts

@@ -97,5 +97,6 @@ export declare function SideRailItem<T extends ValidComponent = 'a'>(props: Side
 export declare function SideRailButton(props: Omit<ComponentProps<'button'>, 'type'> & {
     label: string;
     shortcut?: string;
+    active?: boolean;
 }): JSX.Element;
 //# sourceMappingURL=side-rail.d.ts.map

package/dist/components/layout/side-rail/side-rail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"side-rail.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/side-rail/side-rail.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAMnE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,IAAI,gBAAgB,CAC5E,CAAC,EACD;IACE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CACF,CAAA;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,eAmCjF;AAED,8EAA8E;AAC9E,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAY1D;AAED,oEAAoE;AACpE,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAY3D;AAED,kDAAkD;AAClD,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAY1D;AAED,2EAA2E;AAC3E,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,eAahF;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,QAiBnB,CAAA;AAEX,eAAO,MAAM,sBAAsB;;;CAGlC,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,cAAc,GAAG,GAAG,IAAI,gBAAgB,CAC9E,CAAC,EACD;IACE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAA;IACb,yDAAyD;IACzD,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACnB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACtB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CACF,CAAA;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,cAAc,GAAG,GAAG,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,eAkHvF;AAED,wEAAwE;AACxE,wBAAgB,cAAc,CAC5B,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,eAyErF"}
+{"version":3,"file":"side-rail.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/side-rail/side-rail.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAMnE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,IAAI,gBAAgB,CAC5E,CAAC,EACD;IACE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CACF,CAAA;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,eAmCjF;AAED,8EAA8E;AAC9E,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAY1D;AAED,oEAAoE;AACpE,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAY3D;AAED,kDAAkD;AAClD,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAY1D;AAED,2EAA2E;AAC3E,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,eAahF;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,QAiBnB,CAAA;AAEX,eAAO,MAAM,sBAAsB;;;CAGlC,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,cAAc,GAAG,GAAG,IAAI,gBAAgB,CAC9E,CAAC,EACD;IACE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAA;IACb,yDAAyD;IACzD,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACnB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACtB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CACF,CAAA;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,cAAc,GAAG,GAAG,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,eAkHvF;AAED,wEAAwE;AACxE,wBAAgB,cAAc,CAC5B,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GAAG;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,eA0EF"}

package/dist/components/layout/side-rail/side-rail.js

@@ -264,7 +264,8 @@ function SideRailButton(props) {
 		"class",
 		"label",
 		"shortcut",
-		"children"
+		"children",
+		"active"
 	]);
 	const [row, setRow] = createSignal();
 	const [tip, setTip] = createSignal(null);
@@ -290,8 +291,11 @@ function SideRailButton(props) {
 			get ["aria-label"]() {
 				return local.label;
 			},
+			get ["data-active"]() {
+				return local.active ? "true" : void 0;
+			},
 			get ["class"]() {
-				return cn(sideRailItemClass, sideRailItemStateClass.idle, "disabled:pointer-events-none disabled:opacity-50", local.class);
+				return cn(sideRailItemClass, local.active ? sideRailItemStateClass.active : sideRailItemStateClass.idle, "disabled:pointer-events-none disabled:opacity-50", local.class);
 			}
 		}, rest), false, true);
 		insert(_el$14, () => local.children);

package/dist/components/layout/side-rail/side-rail.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-rail.js","names":["Polymorphic","PolymorphicProps","ComponentProps","JSX","ValidComponent","Show","createMemo","createSignal","splitProps","Portal","cn","SideRailContext","createSideRailValue","SideRailProps","T","class","collapsed","SideRail","props","local","rest","value","_$createComponent","Provider","children","_$mergeProps","as","aria-label","data-collapsed","SideRailHeader","_el$","_tmpl$","_$spread","SideRailContent","_el$2","_tmpl$2","SideRailFooter","_el$3","_tmpl$3","SideRailSection","label","_el$4","_tmpl$5","_$insert","when","_el$5","_tmpl$4","sideRailItemClass","join","sideRailItemStateClass","active","idle","SideRailItemProps","badge","Element","trailing","shortcut","keyshortcuts","SideRailItem","row","setRow","HTMLElement","tip","setTip","top","left","height","closest","getAttribute","showTip","element","rect","getBoundingClientRect","right","hideTip","ref","aria-current","undefined","aria-keyshortcuts","data-active","onPointerEnter","onPointerLeave","onFocus","onBlur","Record","_el$6","_tmpl$6","_el$7","firstChild","_el$8","_tmpl$7","_el$9","_tmpl$8","_$memo","_el$0","_tmpl$9","_el$1","_tmpl$0","position","_el$10","_tmpl$10","_el$11","_el$12","_tmpl$1","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","e","_$className","t","_$setStyleProperty","a","o","i","SideRailButton","Omit","_el$13","_tmpl$11","_el$14","_el$15","nextSibling","addEventListener","_$use","_el$16","_el$17","_tmpl$12","_el$18","_v$6","_v$7","_v$8","_$createComponent","_$mergeProps","_$memo","_$className","_$setStyleProperty"],"sources":["../../../../src/components/layout/side-rail/side-rail.tsx"],"sourcesContent":["import { Polymorphic, type PolymorphicProps } from '@kobalte/core/polymorphic'\nimport type { ComponentProps, JSX, ValidComponent } from 'solid-js'\nimport { Show, createMemo, createSignal, splitProps } from 'solid-js'\nimport { Portal } from 'solid-js/web'\nimport { cn } from '#lib/utils'\nimport { SideRailContext, createSideRailValue } from './side-rail-context'\n\n/**\n * SideRail.\n *\n * The narrow, persistent column of top-level destinations at the window's leading\n * edge: the app mark, the primary sections, and a footer for account and settings.\n * It is the one piece of chrome that is always on screen, which is why it is a\n * component rather than something each view arranges.\n *\n * Two forms, one component. Collapsed it is an icon column; expanded it carries\n * labels. Both widths come from `--rail-width` (74px) and `--rail-width-expanded`\n * (236px), so an app cannot pick its own and end up a few pixels out of step with\n * the app beside it.\n *\n * The rail does not own its collapsed state; the app does. That state has to\n * survive a reload and usually lives with the rest of the window preferences, and\n * a rail that kept it privately could not be restored.\n */\nexport type SideRailProps<T extends ValidComponent = 'nav'> = PolymorphicProps<\n  T,\n  {\n    class?: string\n    collapsed?: boolean\n    'aria-label'?: string\n  }\n>\n\nexport function SideRail<T extends ValidComponent = 'nav'>(props: SideRailProps<T>) {\n  const [local, rest] = splitProps(props as SideRailProps, [\n    'class',\n    'collapsed',\n    'aria-label',\n    'children',\n  ])\n\n  const collapsed = () => local.collapsed ?? false\n  const value = createSideRailValue(\n    collapsed,\n    createMemo(() => (collapsed() ? 'var(--rail-width)' : 'var(--rail-width-expanded)'))\n  )\n\n  return (\n    <SideRailContext.Provider value={value}>\n      <Polymorphic\n        as=\"nav\"\n        aria-label={local['aria-label'] ?? 'Primary'}\n        /* Rendered in both states, with a real value, so the descendant selectors\n           below can key on true *and* false — an absent attribute would leave the\n           expanded form matching neither. */\n        data-collapsed={collapsed() ? 'true' : 'false'}\n        class={cn(\n          'group/rail bg-sidebar text-sidebar-foreground flex h-full shrink-0 flex-col border-e border-sidebar-border',\n          'transition-[width] duration-150 ease-out',\n          { 'w-rail': collapsed(), 'w-rail-expanded': !collapsed() },\n          local.class\n        )}\n        {...(rest as ComponentProps<'nav'>)}\n      >\n        {local.children}\n      </Polymorphic>\n    </SideRailContext.Provider>\n  )\n}\n\n/** The header slot: the app mark, and the product name when there is room. */\nexport function SideRailHeader(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"side-rail-header\"\n      class={cn(\n        'h-topbar flex shrink-0 items-center gap-2.5 px-3 group-data-[collapsed=true]/rail:justify-center group-data-[collapsed=true]/rail:px-0',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\n/** The scrolling middle. Keeps the header and the footer pinned. */\nexport function SideRailContent(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"side-rail-content\"\n      class={cn(\n        'flex min-h-0 flex-1 flex-col gap-0.5 overflow-x-hidden overflow-y-auto px-2 py-2',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\n/** The pinned footer: account, settings, help. */\nexport function SideRailFooter(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"side-rail-footer\"\n      class={cn(\n        'flex shrink-0 flex-col gap-0.5 border-t border-sidebar-border px-2 py-2',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\n/** A titled group of rail destinations. The title hides when collapsed. */\nexport function SideRailSection(props: ComponentProps<'div'> & { label?: string }) {\n  const [local, rest] = splitProps(props, ['class', 'label', 'children'])\n\n  return (\n    <div data-slot=\"side-rail-section\" class={cn('flex flex-col gap-0.5', local.class)} {...rest}>\n      <Show when={local.label}>\n        <div class=\"text-sidebar-muted-foreground px-2 pt-2 pb-1 text-2xs font-medium tracking-wide uppercase group-data-[collapsed=true]/rail:hidden\">\n          {local.label}\n        </div>\n      </Show>\n      {local.children}\n    </div>\n  )\n}\n\n/**\n * The classes a rail row uses. Exported so a caller's own element — a router link,\n * a custom button — can match the rail exactly instead of approximating it.\n */\nexport const sideRailItemClass = [\n  'group/rail-item flex h-rail-item min-w-0 w-full items-center gap-2.5 rounded-md px-3 text-sm font-medium',\n  'group-data-[collapsed=true]/rail:justify-center group-data-[collapsed=true]/rail:px-0',\n  'transition-[color,background-color,transform] ease-out outline-none select-none',\n  'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n  /*\n   * The donor's row scales up slightly under the pointer and down under a press.\n   * It is a CSS transform rather than a motion-library gesture because the two are\n   * the same thing here and the transform costs nothing at runtime: no wrapper\n   * element, no listener, and it works on whatever element a caller renders the row\n   * as — an anchor, a button, a router's own link.\n   *\n   * The collapsed rail opts out: a 1.02 scale on a 74px column pushes the row past\n   * the rail's own edge, which reads as a glitch rather than as feedback.\n   */\n  'hover:scale-[1.02] active:scale-[0.97] group-data-[collapsed=true]/rail:hover:scale-100 group-data-[collapsed=true]/rail:active:scale-[0.98]',\n  '[&_svg]:size-4 [&_svg]:shrink-0',\n].join(' ')\n\nexport const sideRailItemStateClass = {\n  active: 'bg-sidebar-accent text-sidebar-accent-foreground',\n  idle: 'text-sidebar-muted-foreground hover:bg-sidebar-accent/60 hover:text-sidebar-foreground',\n}\n\n/**\n * A rail destination.\n *\n * ## The tooltip is the rail's hover affordance, not a generic bubble\n *\n * Collapsed, the row has no text, so the label has to come from somewhere. This\n * ports the donor's treatment rather than using a standard tooltip, because the\n * details are what make it read as part of the rail:\n *\n *   - It is **flush with the row**: positioned at the row's own top and given the\n *     row's own height, so it continues the row outward instead of floating near\n *     it. A centred bubble with an arrow reads as a separate object.\n *   - It **repeats the icon**, which anchors it to the row it belongs to.\n *   - It carries the **keyboard chord**, which is the one piece of information a\n *     collapsed rail otherwise cannot show.\n *   - It opens on **hover and on focus**, so a keyboard user gets the same label a\n *     pointer user does.\n *   - It is `pointer-events-none` and `aria-hidden`: the row already carries the\n *     name (as a visually hidden span when collapsed), so this is decoration and\n *     must never be the accessible name.\n *\n * ## The chord on the row\n *\n * Expanded, the row shows its chord on hover and on focus — and the chord is\n * declared once to assistive technology through `aria-keyshortcuts` rather than\n * being read out as glyphs. The visible badge is `aria-hidden` for that reason.\n */\nexport type SideRailItemProps<T extends ValidComponent = 'a'> = PolymorphicProps<\n  T,\n  {\n    class?: string\n    /** Marks the item as the current destination. */\n    active?: boolean\n    /**\n     * The item's accessible name. Required, and always in the accessibility tree:\n     * collapsed it moves into the tooltip and a visually hidden span rather than\n     * being deleted.\n     */\n    label: string\n    /** A count or a dot, rendered over the icon's corner. */\n    badge?: JSX.Element\n    /** An indicator pinned to the trailing edge in the expanded form. */\n    trailing?: JSX.Element\n    /** The chord as it should be drawn, e.g. `⌘1`. Shown on hover and focus. */\n    shortcut?: string\n    /**\n     * The same chord in the ARIA grammar, e.g. `Meta+1`. Declared to assistive\n     * technology instead of the display glyphs, which are not a keyboard shortcut\n     * a screen reader can parse. Supply it whenever `shortcut` is drawn.\n     */\n    keyshortcuts?: string\n  }\n>\n\nexport function SideRailItem<T extends ValidComponent = 'a'>(props: SideRailItemProps<T>) {\n  const [local, rest] = splitProps(props as SideRailItemProps, [\n    'as',\n    'class',\n    'active',\n    'label',\n    'badge',\n    'trailing',\n    'shortcut',\n    'keyshortcuts',\n    'children',\n  ])\n\n  const [row, setRow] = createSignal<HTMLElement>()\n  const [tip, setTip] = createSignal<{ top: number; left: number; height: number } | null>(null)\n\n  const collapsed = () =>\n    row()?.closest('[data-collapsed]')?.getAttribute('data-collapsed') === 'true'\n\n  const showTip = () => {\n    const element = row()\n    if (!element || !collapsed()) return\n    const rect = element.getBoundingClientRect()\n    setTip({ top: rect.top, left: rect.right + 8, height: rect.height })\n  }\n\n  const hideTip = () => setTip(null)\n\n  return (\n    <>\n      <Polymorphic\n        as={local.as ?? 'a'}\n        ref={setRow}\n        aria-current={local.active ? 'page' : undefined}\n        aria-keyshortcuts={local.keyshortcuts}\n        data-active={local.active ? '' : undefined}\n        class={cn(\n          sideRailItemClass,\n          local.active ? sideRailItemStateClass.active : sideRailItemStateClass.idle,\n          local.class\n        )}\n        onPointerEnter={showTip}\n        onPointerLeave={hideTip}\n        onFocus={showTip}\n        onBlur={hideTip}\n        {...(rest as Record<string, unknown>)}\n      >\n        <Show when={local.badge}>\n          <span class=\"relative flex size-4 shrink-0 items-center justify-center [&_svg]:size-4\">\n            {local.children}\n            <span class=\"absolute -top-1 -end-1 flex items-center justify-center\">\n              {local.badge}\n            </span>\n          </span>\n        </Show>\n        <Show when={!local.badge}>\n          <span class=\"flex size-4 shrink-0 items-center justify-center [&_svg]:size-4\">\n            {local.children}\n          </span>\n        </Show>\n\n        <span class=\"min-w-0 flex-1 truncate group-data-[collapsed=true]/rail:sr-only\">\n          {local.label}\n        </span>\n\n        <Show when={local.shortcut && local.trailing === undefined}>\n          <span\n            aria-hidden=\"true\"\n            class=\"text-sidebar-muted-foreground shrink-0 font-mono text-2xs leading-none opacity-0 transition-opacity group-hover/rail-item:opacity-100 group-focus-visible/rail-item:opacity-100 group-data-[collapsed=true]/rail:hidden\"\n          >\n            {local.shortcut}\n          </span>\n        </Show>\n\n        <Show when={local.trailing}>\n          <span class=\"ms-auto shrink-0\">{local.trailing}</span>\n        </Show>\n      </Polymorphic>\n\n      <Show when={tip()}>\n        {(position) => (\n          <Portal>\n            <div\n              aria-hidden=\"true\"\n              data-slot=\"side-rail-tip\"\n              class={cn(\n                'bg-card text-card-foreground border-border pointer-events-none fixed z-(--z-tooltip)',\n                'flex items-center gap-2.5 rounded-md border ps-3 pe-3 text-sm font-medium whitespace-nowrap shadow-lg'\n              )}\n              style={{\n                top: `${position().top}px`,\n                left: `${position().left}px`,\n                height: `${position().height}px`,\n              }}\n            >\n              <span\n                class={cn('flex size-4 shrink-0 items-center justify-center [&_svg]:size-4', {\n                  'text-primary': local.active,\n                })}\n              >\n                {local.children}\n              </span>\n              {local.label}\n              <Show when={local.shortcut}>\n                <span class=\"text-muted-foreground shrink-0 font-mono text-2xs leading-none\">\n                  {local.shortcut}\n                </span>\n              </Show>\n            </div>\n          </Portal>\n        )}\n      </Show>\n    </>\n  )\n}\n\n/** A non-navigating rail control: a collapse toggle, a \"new\" action. */\nexport function SideRailButton(\n  props: Omit<ComponentProps<'button'>, 'type'> & { label: string; shortcut?: string }\n) {\n  const [local, rest] = splitProps(props, ['class', 'label', 'shortcut', 'children'])\n  const [row, setRow] = createSignal<HTMLElement>()\n  const [tip, setTip] = createSignal<{ top: number; left: number; height: number } | null>(null)\n\n  const collapsed = () =>\n    row()?.closest('[data-collapsed]')?.getAttribute('data-collapsed') === 'true'\n\n  const showTip = () => {\n    const element = row()\n    if (!element || !collapsed()) return\n    const rect = element.getBoundingClientRect()\n    setTip({ top: rect.top, left: rect.right + 8, height: rect.height })\n  }\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        ref={setRow}\n        aria-label={local.label}\n        onPointerEnter={showTip}\n        onPointerLeave={() => setTip(null)}\n        onFocus={showTip}\n        onBlur={() => setTip(null)}\n        class={cn(\n          sideRailItemClass,\n          sideRailItemStateClass.idle,\n          'disabled:pointer-events-none disabled:opacity-50',\n          local.class\n        )}\n        {...rest}\n      >\n        <span class=\"flex size-4 shrink-0 items-center justify-center [&_svg]:size-4\">\n          {local.children}\n        </span>\n        <span class=\"min-w-0 flex-1 truncate group-data-[collapsed=true]/rail:sr-only\">\n          {local.label}\n        </span>\n        <Show when={local.shortcut}>\n          <span\n            aria-hidden=\"true\"\n            class=\"text-sidebar-muted-foreground shrink-0 font-mono text-2xs leading-none opacity-0 transition-opacity group-hover/rail-item:opacity-100 group-focus-visible/rail-item:opacity-100 group-data-[collapsed=true]/rail:hidden\"\n          >\n            {local.shortcut}\n          </span>\n        </Show>\n      </button>\n\n      <Show when={tip()}>\n        {(position) => (\n          <Portal>\n            <div\n              aria-hidden=\"true\"\n              data-slot=\"side-rail-tip\"\n              class=\"bg-card text-card-foreground border-border pointer-events-none fixed z-(--z-tooltip) flex items-center gap-2.5 rounded-md border ps-3 pe-3 text-sm font-medium whitespace-nowrap shadow-lg\"\n              style={{\n                top: `${position().top}px`,\n                left: `${position().left}px`,\n                height: `${position().height}px`,\n              }}\n            >\n              <span class=\"flex size-4 shrink-0 items-center justify-center [&_svg]:size-4\">\n                {local.children}\n              </span>\n              {local.label}\n            </div>\n          </Portal>\n        )}\n      </Show>\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"side-rail.js","names":["Polymorphic","PolymorphicProps","ComponentProps","JSX","ValidComponent","Show","createMemo","createSignal","splitProps","Portal","cn","SideRailContext","createSideRailValue","SideRailProps","T","class","collapsed","SideRail","props","local","rest","value","_$createComponent","Provider","children","_$mergeProps","as","aria-label","data-collapsed","SideRailHeader","_el$","_tmpl$","_$spread","SideRailContent","_el$2","_tmpl$2","SideRailFooter","_el$3","_tmpl$3","SideRailSection","label","_el$4","_tmpl$5","_$insert","when","_el$5","_tmpl$4","sideRailItemClass","join","sideRailItemStateClass","active","idle","SideRailItemProps","badge","Element","trailing","shortcut","keyshortcuts","SideRailItem","row","setRow","HTMLElement","tip","setTip","top","left","height","closest","getAttribute","showTip","element","rect","getBoundingClientRect","right","hideTip","ref","aria-current","undefined","aria-keyshortcuts","data-active","onPointerEnter","onPointerLeave","onFocus","onBlur","Record","_el$6","_tmpl$6","_el$7","firstChild","_el$8","_tmpl$7","_el$9","_tmpl$8","_$memo","_el$0","_tmpl$9","_el$1","_tmpl$0","position","_el$10","_tmpl$10","_el$11","_el$12","_tmpl$1","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","e","_$className","t","_$setStyleProperty","a","o","i","SideRailButton","Omit","_el$13","_tmpl$11","_el$14","_el$15","nextSibling","addEventListener","_$use","_el$16","_el$17","_tmpl$12","_el$18","_v$6","_v$7","_v$8","_$createComponent","_$mergeProps","_$memo","_$className","_$setStyleProperty"],"sources":["../../../../src/components/layout/side-rail/side-rail.tsx"],"sourcesContent":["import { Polymorphic, type PolymorphicProps } from '@kobalte/core/polymorphic'\nimport type { ComponentProps, JSX, ValidComponent } from 'solid-js'\nimport { Show, createMemo, createSignal, splitProps } from 'solid-js'\nimport { Portal } from 'solid-js/web'\nimport { cn } from '#lib/utils'\nimport { SideRailContext, createSideRailValue } from './side-rail-context'\n\n/**\n * SideRail.\n *\n * The narrow, persistent column of top-level destinations at the window's leading\n * edge: the app mark, the primary sections, and a footer for account and settings.\n * It is the one piece of chrome that is always on screen, which is why it is a\n * component rather than something each view arranges.\n *\n * Two forms, one component. Collapsed it is an icon column; expanded it carries\n * labels. Both widths come from `--rail-width` (74px) and `--rail-width-expanded`\n * (236px), so an app cannot pick its own and end up a few pixels out of step with\n * the app beside it.\n *\n * The rail does not own its collapsed state; the app does. That state has to\n * survive a reload and usually lives with the rest of the window preferences, and\n * a rail that kept it privately could not be restored.\n */\nexport type SideRailProps<T extends ValidComponent = 'nav'> = PolymorphicProps<\n  T,\n  {\n    class?: string\n    collapsed?: boolean\n    'aria-label'?: string\n  }\n>\n\nexport function SideRail<T extends ValidComponent = 'nav'>(props: SideRailProps<T>) {\n  const [local, rest] = splitProps(props as SideRailProps, [\n    'class',\n    'collapsed',\n    'aria-label',\n    'children',\n  ])\n\n  const collapsed = () => local.collapsed ?? false\n  const value = createSideRailValue(\n    collapsed,\n    createMemo(() => (collapsed() ? 'var(--rail-width)' : 'var(--rail-width-expanded)'))\n  )\n\n  return (\n    <SideRailContext.Provider value={value}>\n      <Polymorphic\n        as=\"nav\"\n        aria-label={local['aria-label'] ?? 'Primary'}\n        /* Rendered in both states, with a real value, so the descendant selectors\n           below can key on true *and* false — an absent attribute would leave the\n           expanded form matching neither. */\n        data-collapsed={collapsed() ? 'true' : 'false'}\n        class={cn(\n          'group/rail bg-sidebar text-sidebar-foreground flex h-full shrink-0 flex-col border-e border-sidebar-border',\n          'transition-[width] duration-150 ease-out',\n          { 'w-rail': collapsed(), 'w-rail-expanded': !collapsed() },\n          local.class\n        )}\n        {...(rest as ComponentProps<'nav'>)}\n      >\n        {local.children}\n      </Polymorphic>\n    </SideRailContext.Provider>\n  )\n}\n\n/** The header slot: the app mark, and the product name when there is room. */\nexport function SideRailHeader(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"side-rail-header\"\n      class={cn(\n        'h-topbar flex shrink-0 items-center gap-2.5 px-3 group-data-[collapsed=true]/rail:justify-center group-data-[collapsed=true]/rail:px-0',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\n/** The scrolling middle. Keeps the header and the footer pinned. */\nexport function SideRailContent(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"side-rail-content\"\n      class={cn(\n        'flex min-h-0 flex-1 flex-col gap-0.5 overflow-x-hidden overflow-y-auto px-2 py-2',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\n/** The pinned footer: account, settings, help. */\nexport function SideRailFooter(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"side-rail-footer\"\n      class={cn(\n        'flex shrink-0 flex-col gap-0.5 border-t border-sidebar-border px-2 py-2',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\n/** A titled group of rail destinations. The title hides when collapsed. */\nexport function SideRailSection(props: ComponentProps<'div'> & { label?: string }) {\n  const [local, rest] = splitProps(props, ['class', 'label', 'children'])\n\n  return (\n    <div data-slot=\"side-rail-section\" class={cn('flex flex-col gap-0.5', local.class)} {...rest}>\n      <Show when={local.label}>\n        <div class=\"text-sidebar-muted-foreground px-2 pt-2 pb-1 text-2xs font-medium tracking-wide uppercase group-data-[collapsed=true]/rail:hidden\">\n          {local.label}\n        </div>\n      </Show>\n      {local.children}\n    </div>\n  )\n}\n\n/**\n * The classes a rail row uses. Exported so a caller's own element — a router link,\n * a custom button — can match the rail exactly instead of approximating it.\n */\nexport const sideRailItemClass = [\n  'group/rail-item flex h-rail-item min-w-0 w-full items-center gap-2.5 rounded-md px-3 text-sm font-medium',\n  'group-data-[collapsed=true]/rail:justify-center group-data-[collapsed=true]/rail:px-0',\n  'transition-[color,background-color,transform] ease-out outline-none select-none',\n  'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n  /*\n   * The donor's row scales up slightly under the pointer and down under a press.\n   * It is a CSS transform rather than a motion-library gesture because the two are\n   * the same thing here and the transform costs nothing at runtime: no wrapper\n   * element, no listener, and it works on whatever element a caller renders the row\n   * as — an anchor, a button, a router's own link.\n   *\n   * The collapsed rail opts out: a 1.02 scale on a 74px column pushes the row past\n   * the rail's own edge, which reads as a glitch rather than as feedback.\n   */\n  'hover:scale-[1.02] active:scale-[0.97] group-data-[collapsed=true]/rail:hover:scale-100 group-data-[collapsed=true]/rail:active:scale-[0.98]',\n  '[&_svg]:size-4 [&_svg]:shrink-0',\n].join(' ')\n\nexport const sideRailItemStateClass = {\n  active: 'bg-sidebar-accent text-sidebar-accent-foreground',\n  idle: 'text-sidebar-muted-foreground hover:bg-sidebar-accent/60 hover:text-sidebar-foreground',\n}\n\n/**\n * A rail destination.\n *\n * ## The tooltip is the rail's hover affordance, not a generic bubble\n *\n * Collapsed, the row has no text, so the label has to come from somewhere. This\n * ports the donor's treatment rather than using a standard tooltip, because the\n * details are what make it read as part of the rail:\n *\n *   - It is **flush with the row**: positioned at the row's own top and given the\n *     row's own height, so it continues the row outward instead of floating near\n *     it. A centred bubble with an arrow reads as a separate object.\n *   - It **repeats the icon**, which anchors it to the row it belongs to.\n *   - It carries the **keyboard chord**, which is the one piece of information a\n *     collapsed rail otherwise cannot show.\n *   - It opens on **hover and on focus**, so a keyboard user gets the same label a\n *     pointer user does.\n *   - It is `pointer-events-none` and `aria-hidden`: the row already carries the\n *     name (as a visually hidden span when collapsed), so this is decoration and\n *     must never be the accessible name.\n *\n * ## The chord on the row\n *\n * Expanded, the row shows its chord on hover and on focus — and the chord is\n * declared once to assistive technology through `aria-keyshortcuts` rather than\n * being read out as glyphs. The visible badge is `aria-hidden` for that reason.\n */\nexport type SideRailItemProps<T extends ValidComponent = 'a'> = PolymorphicProps<\n  T,\n  {\n    class?: string\n    /** Marks the item as the current destination. */\n    active?: boolean\n    /**\n     * The item's accessible name. Required, and always in the accessibility tree:\n     * collapsed it moves into the tooltip and a visually hidden span rather than\n     * being deleted.\n     */\n    label: string\n    /** A count or a dot, rendered over the icon's corner. */\n    badge?: JSX.Element\n    /** An indicator pinned to the trailing edge in the expanded form. */\n    trailing?: JSX.Element\n    /** The chord as it should be drawn, e.g. `⌘1`. Shown on hover and focus. */\n    shortcut?: string\n    /**\n     * The same chord in the ARIA grammar, e.g. `Meta+1`. Declared to assistive\n     * technology instead of the display glyphs, which are not a keyboard shortcut\n     * a screen reader can parse. Supply it whenever `shortcut` is drawn.\n     */\n    keyshortcuts?: string\n  }\n>\n\nexport function SideRailItem<T extends ValidComponent = 'a'>(props: SideRailItemProps<T>) {\n  const [local, rest] = splitProps(props as SideRailItemProps, [\n    'as',\n    'class',\n    'active',\n    'label',\n    'badge',\n    'trailing',\n    'shortcut',\n    'keyshortcuts',\n    'children',\n  ])\n\n  const [row, setRow] = createSignal<HTMLElement>()\n  const [tip, setTip] = createSignal<{ top: number; left: number; height: number } | null>(null)\n\n  const collapsed = () =>\n    row()?.closest('[data-collapsed]')?.getAttribute('data-collapsed') === 'true'\n\n  const showTip = () => {\n    const element = row()\n    if (!element || !collapsed()) return\n    const rect = element.getBoundingClientRect()\n    setTip({ top: rect.top, left: rect.right + 8, height: rect.height })\n  }\n\n  const hideTip = () => setTip(null)\n\n  return (\n    <>\n      <Polymorphic\n        as={local.as ?? 'a'}\n        ref={setRow}\n        aria-current={local.active ? 'page' : undefined}\n        aria-keyshortcuts={local.keyshortcuts}\n        data-active={local.active ? '' : undefined}\n        class={cn(\n          sideRailItemClass,\n          local.active ? sideRailItemStateClass.active : sideRailItemStateClass.idle,\n          local.class\n        )}\n        onPointerEnter={showTip}\n        onPointerLeave={hideTip}\n        onFocus={showTip}\n        onBlur={hideTip}\n        {...(rest as Record<string, unknown>)}\n      >\n        <Show when={local.badge}>\n          <span class=\"relative flex size-4 shrink-0 items-center justify-center [&_svg]:size-4\">\n            {local.children}\n            <span class=\"absolute -top-1 -end-1 flex items-center justify-center\">\n              {local.badge}\n            </span>\n          </span>\n        </Show>\n        <Show when={!local.badge}>\n          <span class=\"flex size-4 shrink-0 items-center justify-center [&_svg]:size-4\">\n            {local.children}\n          </span>\n        </Show>\n\n        <span class=\"min-w-0 flex-1 truncate group-data-[collapsed=true]/rail:sr-only\">\n          {local.label}\n        </span>\n\n        <Show when={local.shortcut && local.trailing === undefined}>\n          <span\n            aria-hidden=\"true\"\n            class=\"text-sidebar-muted-foreground shrink-0 font-mono text-2xs leading-none opacity-0 transition-opacity group-hover/rail-item:opacity-100 group-focus-visible/rail-item:opacity-100 group-data-[collapsed=true]/rail:hidden\"\n          >\n            {local.shortcut}\n          </span>\n        </Show>\n\n        <Show when={local.trailing}>\n          <span class=\"ms-auto shrink-0\">{local.trailing}</span>\n        </Show>\n      </Polymorphic>\n\n      <Show when={tip()}>\n        {(position) => (\n          <Portal>\n            <div\n              aria-hidden=\"true\"\n              data-slot=\"side-rail-tip\"\n              class={cn(\n                'bg-card text-card-foreground border-border pointer-events-none fixed z-(--z-tooltip)',\n                'flex items-center gap-2.5 rounded-md border ps-3 pe-3 text-sm font-medium whitespace-nowrap shadow-lg'\n              )}\n              style={{\n                top: `${position().top}px`,\n                left: `${position().left}px`,\n                height: `${position().height}px`,\n              }}\n            >\n              <span\n                class={cn('flex size-4 shrink-0 items-center justify-center [&_svg]:size-4', {\n                  'text-primary': local.active,\n                })}\n              >\n                {local.children}\n              </span>\n              {local.label}\n              <Show when={local.shortcut}>\n                <span class=\"text-muted-foreground shrink-0 font-mono text-2xs leading-none\">\n                  {local.shortcut}\n                </span>\n              </Show>\n            </div>\n          </Portal>\n        )}\n      </Show>\n    </>\n  )\n}\n\n/** A non-navigating rail control: a collapse toggle, a \"new\" action. */\nexport function SideRailButton(\n  props: Omit<ComponentProps<'button'>, 'type'> & {\n    label: string\n    shortcut?: string\n    active?: boolean\n  }\n) {\n  const [local, rest] = splitProps(props, ['class', 'label', 'shortcut', 'children', 'active'])\n  const [row, setRow] = createSignal<HTMLElement>()\n  const [tip, setTip] = createSignal<{ top: number; left: number; height: number } | null>(null)\n\n  const collapsed = () =>\n    row()?.closest('[data-collapsed]')?.getAttribute('data-collapsed') === 'true'\n\n  const showTip = () => {\n    const element = row()\n    if (!element || !collapsed()) return\n    const rect = element.getBoundingClientRect()\n    setTip({ top: rect.top, left: rect.right + 8, height: rect.height })\n  }\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        ref={setRow}\n        aria-label={local.label}\n        data-active={local.active ? 'true' : undefined}\n        onPointerEnter={showTip}\n        onPointerLeave={() => setTip(null)}\n        onFocus={showTip}\n        onBlur={() => setTip(null)}\n        class={cn(\n          sideRailItemClass,\n          local.active ? sideRailItemStateClass.active : sideRailItemStateClass.idle,\n          'disabled:pointer-events-none disabled:opacity-50',\n          local.class\n        )}\n        {...rest}\n      >\n        <span class=\"flex size-4 shrink-0 items-center justify-center [&_svg]:size-4\">\n          {local.children}\n        </span>\n        <span class=\"min-w-0 flex-1 truncate group-data-[collapsed=true]/rail:sr-only\">\n          {local.label}\n        </span>\n        <Show when={local.shortcut}>\n          <span\n            aria-hidden=\"true\"\n            class=\"text-sidebar-muted-foreground shrink-0 font-mono text-2xs leading-none opacity-0 transition-opacity group-hover/rail-item:opacity-100 group-focus-visible/rail-item:opacity-100 group-data-[collapsed=true]/rail:hidden\"\n          >\n            {local.shortcut}\n          </span>\n        </Show>\n      </button>\n\n      <Show when={tip()}>\n        {(position) => (\n          <Portal>\n            <div\n              aria-hidden=\"true\"\n              data-slot=\"side-rail-tip\"\n              class=\"bg-card text-card-foreground border-border pointer-events-none fixed z-(--z-tooltip) flex items-center gap-2.5 rounded-md border ps-3 pe-3 text-sm font-medium whitespace-nowrap shadow-lg\"\n              style={{\n                top: `${position().top}px`,\n                left: `${position().left}px`,\n                height: `${position().height}px`,\n              }}\n            >\n              <span class=\"flex size-4 shrink-0 items-center justify-center [&_svg]:size-4\">\n                {local.children}\n              </span>\n              {local.label}\n            </div>\n          </Portal>\n        )}\n      </Show>\n    </>\n  )\n}\n"],"mappings":"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"}

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 };