@adea-ai/ui 0.104.3 → 0.106.0

package/registry.json

@@ -10,7 +10,7 @@
       "description": "",
       "dependencies": [
         "@kobalte/core@^0.13.14",
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "lib"
@@ -34,7 +34,7 @@
       "title": "Alert",
       "description": "",
       "dependencies": [
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "lib"
@@ -175,7 +175,7 @@
       "title": "Breadcrumb",
       "description": "",
       "dependencies": [
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "lib"
@@ -247,7 +247,7 @@
       "description": "",
       "dependencies": [
         "@corvu/calendar@^0.1.2",
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "@adea-ai/ui/button",
@@ -297,7 +297,7 @@
       "dependencies": [
         "embla-carousel",
         "embla-carousel-solid",
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "@adea-ai/ui/button",
@@ -353,7 +353,7 @@
       "description": "",
       "dependencies": [
         "@kobalte/core@^0.13.14",
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "lib"
@@ -377,7 +377,7 @@
       "title": "Code Block",
       "description": "",
       "dependencies": [
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "@adea-ai/ui/button",
@@ -427,7 +427,7 @@
       "description": "",
       "dependencies": [
         "@kobalte/core@^0.13.14",
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "lib"
@@ -458,7 +458,7 @@
       "dependencies": [
         "@kobalte/core@^0.13.14",
         "cmdk-solid@^1.2.0",
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "@adea-ai/ui/dialog",
@@ -484,7 +484,7 @@
       "description": "",
       "dependencies": [
         "@kobalte/core@^0.13.14",
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "lib"
@@ -508,7 +508,7 @@
       "title": "Detail Panel",
       "description": "",
       "dependencies": [
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "@adea-ai/ui/button",
@@ -534,7 +534,7 @@
       "description": "",
       "dependencies": [
         "@kobalte/core@^0.13.14",
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "@adea-ai/ui/typography",
@@ -607,7 +607,7 @@
       "description": "",
       "dependencies": [
         "@kobalte/core@^0.13.14",
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "lib"
@@ -631,7 +631,7 @@
       "title": "Empty",
       "description": "",
       "dependencies": [
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "@adea-ai/ui/action-button",
@@ -886,7 +886,7 @@
       "description": "",
       "dependencies": [
         "@kobalte/core@^0.13.14",
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "lib"
@@ -933,7 +933,7 @@
       "title": "Native Select",
       "description": "A themed wrapper around the browser's native `<select>` element.",
       "dependencies": [
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "lib"
@@ -958,7 +958,7 @@
       "description": "",
       "dependencies": [
         "@kobalte/core@^0.13.14",
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "lib"
@@ -983,7 +983,7 @@
       "description": "",
       "dependencies": [
         "@kobalte/core@^0.13.14",
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "lib"
@@ -1056,7 +1056,7 @@
       "description": "",
       "dependencies": [
         "@kobalte/core@^0.13.14",
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "lib"
@@ -1081,7 +1081,7 @@
       "description": "",
       "dependencies": [
         "@corvu/resizable@^0.2.5",
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "lib"
@@ -1128,7 +1128,7 @@
       "description": "",
       "dependencies": [
         "@kobalte/core@^0.13.14",
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "lib"
@@ -1177,7 +1177,7 @@
       "description": "",
       "dependencies": [
         "@kobalte/core@^0.13.14",
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "@adea-ai/ui/dialog",
@@ -1249,7 +1249,7 @@
       "title": "Spinner",
       "description": "",
       "dependencies": [
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "lib"
@@ -1413,7 +1413,7 @@
       "description": "",
       "dependencies": [
         "@kobalte/core@^0.13.14",
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "lib"
@@ -1561,7 +1561,7 @@
       "title": "Floating Preview",
       "description": "",
       "dependencies": [
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "@adea-ai/ui/action-button",
@@ -1689,7 +1689,7 @@
       "dependencies": [
         "@corvu/resizable@^0.2.5",
         "@kobalte/core@^0.13.14",
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "lib"
@@ -1719,7 +1719,7 @@
       "description": "Issue-backed binary layout with stable opaque leaf owners; scoped persistence belongs to the host.",
       "dependencies": [
         "@corvu/resizable@^0.2.5",
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "@adea-ai/ui/button",
@@ -1786,7 +1786,7 @@
       "title": "Top Bar",
       "description": "",
       "dependencies": [
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "lib"
@@ -1832,7 +1832,7 @@
       "title": "About Dialog",
       "description": "Shared app identity and version support dialog.",
       "dependencies": [
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "@adea-ai/ui/action-button",
@@ -1858,7 +1858,7 @@
       "title": "Account Menu",
       "description": "",
       "dependencies": [
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "@adea-ai/ui/button",
@@ -1910,9 +1910,9 @@
       "title": "Appearance Editor",
       "description": "",
       "dependencies": [
-        "@adea-ai/themes@^0.9.5",
+        "@adea-ai/themes@^0.9.6",
         "@kobalte/core@^0.13.14",
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "@adea-ai/ui/button",
@@ -1920,9 +1920,15 @@
         "@adea-ai/ui/input",
         "@adea-ai/ui/popover",
         "@adea-ai/ui/switch",
+        "@adea-ai/ui/theme",
         "lib"
       ],
       "files": [
+        {
+          "path": "src/components/composites/appearance-editor/accent-swatch-groups.tsx",
+          "type": "registry:ui",
+          "target": "components/composites/appearance-editor/accent-swatch-groups.tsx"
+        },
         {
           "path": "src/components/composites/appearance-editor/appearance-choices.tsx",
           "type": "registry:ui",
@@ -1943,6 +1949,11 @@
           "type": "registry:ui",
           "target": "components/composites/appearance-editor/appearance-types.ts"
         },
+        {
+          "path": "src/components/composites/appearance-editor/font-settings-group.tsx",
+          "type": "registry:ui",
+          "target": "components/composites/appearance-editor/font-settings-group.tsx"
+        },
         {
           "path": "src/components/composites/appearance-editor/index.ts",
           "type": "registry:ui",
@@ -1962,7 +1973,7 @@
       "description": "",
       "dependencies": [
         "class-variance-authority@^0.7.1",
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "@adea-ai/ui/badge",
@@ -2008,7 +2019,7 @@
       "title": "Help Center",
       "description": "Shared keyboard shortcuts and project resource page.",
       "dependencies": [
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "@adea-ai/ui/action-button",
@@ -2067,7 +2078,7 @@
       "title": "Scene Controls",
       "description": "Shared host-neutral scene movement, jump and zoom controls.",
       "dependencies": [
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "@adea-ai/ui/action-button"
@@ -2126,7 +2137,7 @@
       "title": "Stat",
       "description": "",
       "dependencies": [
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "@adea-ai/ui/typography",
@@ -2151,7 +2162,7 @@
       "title": "Tree",
       "description": "Keyboard-accessible tree rows with virtualization-aware focus handoff.",
       "dependencies": [
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "lib"
@@ -2180,7 +2191,7 @@
       "title": "Update Dialog",
       "description": "",
       "dependencies": [
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "@adea-ai/ui/action-button",
@@ -2234,7 +2245,7 @@
       "description": "",
       "dependencies": [
         "@kobalte/core@^0.13.14",
-        "lucide-solid@^1.48.0"
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
         "@adea-ai/ui/action-button",
@@ -2357,10 +2368,12 @@
       "title": "Theming",
       "description": "",
       "dependencies": [
-        "@adea-ai/themes@^0.9.5",
-        "lucide-solid@^1.48.0"
+        "@adea-ai/themes@^0.9.6",
+        "@kobalte/core@^0.13.14",
+        "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
+        "@adea-ai/ui/appearance-editor",
         "@adea-ai/ui/button",
         "@adea-ai/ui/radio-group",
         "@adea-ai/ui/toggle-group",
@@ -2452,6 +2465,11 @@
           "type": "registry:style",
           "target": "styles/base.css"
         },
+        {
+          "path": "src/styles/appearance-font-settings.css",
+          "type": "registry:style",
+          "target": "styles/appearance-font-settings.css"
+        },
         {
           "path": "src/styles/fonts.css",
           "type": "registry:style",
@@ -2465,12 +2483,17 @@
       "title": "Class-name and token helpers",
       "description": "The private helpers the components import: the class-name merge, the variant recipes, the token manifest and the theme bridge. Installed automatically as a peer of any component that needs it.",
       "dependencies": [
-        "@adea-ai/themes@^0.9.5",
+        "@adea-ai/themes@^0.9.6",
         "class-variance-authority@^0.7.1",
         "cn@^0.4.0"
       ],
       "registryDependencies": [],
       "files": [
+        {
+          "path": "src/lib/appearance-font-settings.ts",
+          "type": "registry:lib",
+          "target": "lib/appearance-font-settings.ts"
+        },
         {
           "path": "src/lib/clipboard.ts",
           "type": "registry:lib",
@@ -2486,6 +2509,11 @@
           "type": "registry:lib",
           "target": "lib/download.ts"
         },
+        {
+          "path": "src/lib/font-catalog.ts",
+          "type": "registry:lib",
+          "target": "lib/font-catalog.ts"
+        },
         {
           "path": "src/lib/form-field.ts",
           "type": "registry:lib",
@@ -2501,6 +2529,11 @@
           "type": "registry:lib",
           "target": "lib/overlay.ts"
         },
+        {
+          "path": "src/lib/safe-script.ts",
+          "type": "registry:lib",
+          "target": "lib/safe-script.ts"
+        },
         {
           "path": "src/lib/theme-accents.ts",
           "type": "registry:lib",

package/src/components/composites/action-button/action-button.tsx

@@ -161,6 +161,7 @@ export function ActionButton<T extends ValidComponent = 'button'>(props: ActionB
         }
       >
         <Tooltip
+          placement={local.tooltipSide ?? 'bottom'}
           open={tooltipOpen()}
           onOpenChange={(open) => {
             if (open && tooltipSuppression()) return
@@ -174,7 +175,7 @@ export function ActionButton<T extends ValidComponent = 'button'>(props: ActionB
           >
             {contents()}
           </TooltipTrigger>
-          <TooltipContent side={local.tooltipSide ?? 'bottom'}>{local.tooltip}</TooltipContent>
+          <TooltipContent>{local.tooltip}</TooltipContent>
         </Tooltip>
       </Show>
       <Show when={busy()}>

package/src/components/composites/appearance-editor/accent-swatch-groups.tsx

@@ -0,0 +1,147 @@
+/*
+ * MIT License
+ *
+ * Copyright (c) 2026 Wing
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+import { RadioGroup as Radio } from '@kobalte/core/radio-group'
+import { For, Show } from 'solid-js'
+import { cn } from '#lib/utils'
+
+export const PRIMARY_ACCENT_IDS = ['blue', 'green', 'amber', 'cyan', 'pink'] as const
+const primaryAccentIds: ReadonlySet<string> = new Set(PRIMARY_ACCENT_IDS)
+
+type AccentOption = Readonly<{
+  id: string
+  label: string
+  light?: string
+  dark?: string
+}>
+
+type AccentSwatchGroupsProps = {
+  accentOptions: readonly AccentOption[]
+  themeAccentOptions: readonly AccentOption[]
+  resolvedAppearance: 'light' | 'dark'
+  themeDefaultColor: string
+}
+
+export function AccentSwatchGroups(props: AccentSwatchGroupsProps) {
+  const primaryAccents = () =>
+    PRIMARY_ACCENT_IDS.flatMap((id) => {
+      const option = props.accentOptions.find((candidate) => candidate.id === id)
+      return option ? [option] : []
+    })
+  const additionalAccents = () =>
+    props.accentOptions.filter(
+      (option) => option.id !== 'theme' && !primaryAccentIds.has(option.id)
+    )
+
+  return (
+    <>
+      <div class="grid grid-cols-3 gap-2" data-primary-accent-grid>
+        <AccentSwatch
+          id="theme"
+          label="Theme default"
+          color={props.themeDefaultColor}
+          group="primary"
+        />
+        <For each={primaryAccents()}>
+          {(option) => (
+            <AccentSwatch
+              id={option.id}
+              label={option.label}
+              color={(props.resolvedAppearance === 'light' ? option.light : option.dark) ?? ''}
+              group="primary"
+            />
+          )}
+        </For>
+      </div>
+      <Show when={additionalAccents().length > 0}>
+        <div class="flex flex-col gap-1">
+          <span class="text-xs font-medium text-muted-foreground">Additional colors</span>
+          <div class="flex flex-wrap gap-2">
+            <For each={additionalAccents()}>
+              {(option) => (
+                <AccentSwatch
+                  id={option.id}
+                  label={option.label}
+                  color={(props.resolvedAppearance === 'light' ? option.light : option.dark) ?? ''}
+                  group="additional"
+                />
+              )}
+            </For>
+          </div>
+        </div>
+      </Show>
+      <Show when={props.themeAccentOptions.length > 0}>
+        <div class="flex flex-col gap-1">
+          <span class="text-xs font-medium text-muted-foreground">Theme accents</span>
+          <div class="grid grid-cols-3 gap-2">
+            <For each={props.themeAccentOptions}>
+              {(option) => (
+                <AccentSwatch
+                  id={option.id}
+                  label={'Theme ' + option.label.toLowerCase()}
+                  color={(props.resolvedAppearance === 'light' ? option.light : option.dark) ?? ''}
+                  group="theme"
+                  dashed
+                />
+              )}
+            </For>
+          </div>
+        </div>
+      </Show>
+    </>
+  )
+}
+
+function AccentSwatch(props: {
+  id: string
+  label: string
+  color: string
+  group: 'primary' | 'additional' | 'theme'
+  dashed?: boolean
+}) {
+  return (
+    <Radio.Item
+      value={props.id}
+      data-accent-option={props.id}
+      data-primary-accent={props.group === 'primary' ? props.id : undefined}
+      data-additional-accent={props.group === 'additional' ? props.id : undefined}
+      data-theme-accent={props.group === 'theme' ? props.id : undefined}
+      class="rounded-full focus-within:ring-3 focus-within:ring-ring/50"
+    >
+      <Radio.ItemInput />
+      <Radio.ItemLabel
+        class={cn(
+          'block size-7 cursor-pointer rounded-full border p-0.5 data-[checked]:border-primary data-[checked]:ring-1 data-[checked]:ring-primary',
+          { 'border-dashed data-[checked]:border-solid': props.dashed }
+        )}
+      >
+        <span
+          class="block size-full rounded-full"
+          aria-hidden="true"
+          style={{ 'background-color': props.color }}
+        />
+        <span class="sr-only">{props.label}</span>
+      </Radio.ItemLabel>
+    </Radio.Item>
+  )
+}