@adea-ai/ui 0.84.0 → 0.87.0

package/dist/r/app-shell.json

@@ -17,6 +17,11 @@
       "path": "src/components/layout/app-shell/index.ts",
       "type": "registry:ui",
       "target": "components/layout/app-shell/index.ts"
+    },
+    {
+      "path": "src/components/layout/app-shell/skip-link.tsx",
+      "type": "registry:ui",
+      "target": "components/layout/app-shell/skip-link.tsx"
     }
   ]
 }

package/dist/r/catalog-browser.json

@@ -0,0 +1,47 @@
+{
+  "name": "catalog-browser",
+  "type": "registry:ui",
+  "title": "Catalog Browser",
+  "description": "",
+  "dependencies": [
+    "lucide-solid@^1.48.0"
+  ],
+  "registryDependencies": [
+    "@adea-ai/ui/badge",
+    "@adea-ai/ui/button",
+    "@adea-ai/ui/card",
+    "@adea-ai/ui/empty",
+    "@adea-ai/ui/input-group",
+    "@adea-ai/ui/scroll-area",
+    "@adea-ai/ui/skeleton",
+    "@adea-ai/ui/tabs",
+    "lib"
+  ],
+  "files": [
+    {
+      "path": "src/components/composites/catalog-browser/catalog-browser-group.tsx",
+      "type": "registry:ui",
+      "target": "components/composites/catalog-browser/catalog-browser-group.tsx"
+    },
+    {
+      "path": "src/components/composites/catalog-browser/catalog-browser.tsx",
+      "type": "registry:ui",
+      "target": "components/composites/catalog-browser/catalog-browser.tsx"
+    },
+    {
+      "path": "src/components/composites/catalog-browser/catalog-detail.tsx",
+      "type": "registry:ui",
+      "target": "components/composites/catalog-browser/catalog-detail.tsx"
+    },
+    {
+      "path": "src/components/composites/catalog-browser/catalog-types.ts",
+      "type": "registry:ui",
+      "target": "components/composites/catalog-browser/catalog-types.ts"
+    },
+    {
+      "path": "src/components/composites/catalog-browser/index.ts",
+      "type": "registry:ui",
+      "target": "components/composites/catalog-browser/index.ts"
+    }
+  ]
+}

package/dist/r/combobox.json

@@ -20,6 +20,11 @@
       "path": "src/components/ui/combobox/index.ts",
       "type": "registry:ui",
       "target": "components/ui/combobox/index.ts"
+    },
+    {
+      "path": "src/components/ui/combobox/value-combobox.tsx",
+      "type": "registry:ui",
+      "target": "components/ui/combobox/value-combobox.tsx"
     }
   ]
 }

package/dist/r/empty.json

@@ -3,11 +3,20 @@
   "type": "registry:ui",
   "title": "Empty",
   "description": "",
-  "dependencies": [],
+  "dependencies": [
+    "lucide-solid@^1.48.0"
+  ],
   "registryDependencies": [
+    "@adea-ai/ui/action-button",
+    "@adea-ai/ui/spinner",
     "lib"
   ],
   "files": [
+    {
+      "path": "src/components/ui/empty/empty-state.tsx",
+      "type": "registry:ui",
+      "target": "components/ui/empty/empty-state.tsx"
+    },
     {
       "path": "src/components/ui/empty/empty.tsx",
       "type": "registry:ui",

package/dist/r/field.json

@@ -7,6 +7,8 @@
     "@kobalte/core@^0.13.14"
   ],
   "registryDependencies": [
+    "@adea-ai/ui/input",
+    "@adea-ai/ui/label",
     "lib"
   ],
   "files": [
@@ -19,6 +21,11 @@
       "path": "src/components/ui/field/index.ts",
       "type": "registry:ui",
       "target": "components/ui/field/index.ts"
+    },
+    {
+      "path": "src/components/ui/field/number-field.tsx",
+      "type": "registry:ui",
+      "target": "components/ui/field/number-field.tsx"
     }
   ]
 }

package/dist/r/floating-preview.json

@@ -0,0 +1,30 @@
+{
+  "name": "floating-preview",
+  "type": "registry:ui",
+  "title": "Floating Preview",
+  "description": "",
+  "dependencies": [
+    "lucide-solid@^1.48.0"
+  ],
+  "registryDependencies": [
+    "@adea-ai/ui/action-button",
+    "@adea-ai/ui/scroll-area"
+  ],
+  "files": [
+    {
+      "path": "src/components/layout/floating-preview/floating-preview.tsx",
+      "type": "registry:ui",
+      "target": "components/layout/floating-preview/floating-preview.tsx"
+    },
+    {
+      "path": "src/components/layout/floating-preview/index.ts",
+      "type": "registry:ui",
+      "target": "components/layout/floating-preview/index.ts"
+    },
+    {
+      "path": "src/components/layout/floating-preview/model.ts",
+      "type": "registry:ui",
+      "target": "components/layout/floating-preview/model.ts"
+    }
+  ]
+}

package/dist/r/input-group.json

@@ -5,6 +5,7 @@
   "description": "",
   "dependencies": [],
   "registryDependencies": [
+    "@adea-ai/ui/action-button",
     "lib"
   ],
   "files": [
@@ -17,6 +18,11 @@
       "path": "src/components/ui/input-group/input-group.tsx",
       "type": "registry:ui",
       "target": "components/ui/input-group/input-group.tsx"
+    },
+    {
+      "path": "src/components/ui/input-group/secret-input-group.tsx",
+      "type": "registry:ui",
+      "target": "components/ui/input-group/secret-input-group.tsx"
     }
   ]
 }

package/dist/r/input.json

@@ -13,6 +13,11 @@
       "type": "registry:ui",
       "target": "components/ui/input/index.ts"
     },
+    {
+      "path": "src/components/ui/input/input-control.tsx",
+      "type": "registry:ui",
+      "target": "components/ui/input/input-control.tsx"
+    },
     {
       "path": "src/components/ui/input/input.tsx",
       "type": "registry:ui",

package/dist/r/lib.json

@@ -10,6 +10,21 @@
   ],
   "registryDependencies": [],
   "files": [
+    {
+      "path": "src/lib/clipboard.ts",
+      "type": "registry:lib",
+      "target": "lib/clipboard.ts"
+    },
+    {
+      "path": "src/lib/download.ts",
+      "type": "registry:lib",
+      "target": "lib/download.ts"
+    },
+    {
+      "path": "src/lib/form-field.ts",
+      "type": "registry:lib",
+      "target": "lib/form-field.ts"
+    },
     {
       "path": "src/lib/keyed-rows.ts",
       "type": "registry:lib",

package/dist/r/list-row.json

@@ -7,6 +7,7 @@
     "@kobalte/core@^0.13.14"
   ],
   "registryDependencies": [
+    "@adea-ai/ui/tooltip",
     "lib"
   ],
   "files": [

package/dist/r/registry.json

@@ -433,6 +433,11 @@
           "path": "src/components/ui/combobox/index.ts",
           "type": "registry:ui",
           "target": "components/ui/combobox/index.ts"
+        },
+        {
+          "path": "src/components/ui/combobox/value-combobox.tsx",
+          "type": "registry:ui",
+          "target": "components/ui/combobox/value-combobox.tsx"
         }
       ]
     },
@@ -614,11 +619,20 @@
       "type": "registry:ui",
       "title": "Empty",
       "description": "",
-      "dependencies": [],
+      "dependencies": [
+        "lucide-solid@^1.48.0"
+      ],
       "registryDependencies": [
+        "@adea-ai/ui/action-button",
+        "@adea-ai/ui/spinner",
         "lib"
       ],
       "files": [
+        {
+          "path": "src/components/ui/empty/empty-state.tsx",
+          "type": "registry:ui",
+          "target": "components/ui/empty/empty-state.tsx"
+        },
         {
           "path": "src/components/ui/empty/empty.tsx",
           "type": "registry:ui",
@@ -662,6 +676,8 @@
         "@kobalte/core@^0.13.14"
       ],
       "registryDependencies": [
+        "@adea-ai/ui/input",
+        "@adea-ai/ui/label",
         "lib"
       ],
       "files": [
@@ -674,6 +690,11 @@
           "path": "src/components/ui/field/index.ts",
           "type": "registry:ui",
           "target": "components/ui/field/index.ts"
+        },
+        {
+          "path": "src/components/ui/field/number-field.tsx",
+          "type": "registry:ui",
+          "target": "components/ui/field/number-field.tsx"
         }
       ]
     },
@@ -716,6 +737,11 @@
           "type": "registry:ui",
           "target": "components/ui/input/index.ts"
         },
+        {
+          "path": "src/components/ui/input/input-control.tsx",
+          "type": "registry:ui",
+          "target": "components/ui/input/input-control.tsx"
+        },
         {
           "path": "src/components/ui/input/input.tsx",
           "type": "registry:ui",
@@ -730,6 +756,7 @@
       "description": "",
       "dependencies": [],
       "registryDependencies": [
+        "@adea-ai/ui/action-button",
         "lib"
       ],
       "files": [
@@ -742,6 +769,11 @@
           "path": "src/components/ui/input-group/input-group.tsx",
           "type": "registry:ui",
           "target": "components/ui/input-group/input-group.tsx"
+        },
+        {
+          "path": "src/components/ui/input-group/secret-input-group.tsx",
+          "type": "registry:ui",
+          "target": "components/ui/input-group/secret-input-group.tsx"
         }
       ]
     },
@@ -1315,6 +1347,28 @@
         }
       ]
     },
+    {
+      "name": "text-link",
+      "type": "registry:ui",
+      "title": "Text Link",
+      "description": "",
+      "dependencies": [],
+      "registryDependencies": [
+        "lib"
+      ],
+      "files": [
+        {
+          "path": "src/components/ui/text-link/index.ts",
+          "type": "registry:ui",
+          "target": "components/ui/text-link/index.ts"
+        },
+        {
+          "path": "src/components/ui/text-link/text-link.tsx",
+          "type": "registry:ui",
+          "target": "components/ui/text-link/text-link.tsx"
+        }
+      ]
+    },
     {
       "name": "textarea",
       "type": "registry:ui",
@@ -1454,6 +1508,41 @@
           "path": "src/components/layout/app-shell/index.ts",
           "type": "registry:ui",
           "target": "components/layout/app-shell/index.ts"
+        },
+        {
+          "path": "src/components/layout/app-shell/skip-link.tsx",
+          "type": "registry:ui",
+          "target": "components/layout/app-shell/skip-link.tsx"
+        }
+      ]
+    },
+    {
+      "name": "floating-preview",
+      "type": "registry:ui",
+      "title": "Floating Preview",
+      "description": "",
+      "dependencies": [
+        "lucide-solid@^1.48.0"
+      ],
+      "registryDependencies": [
+        "@adea-ai/ui/action-button",
+        "@adea-ai/ui/scroll-area"
+      ],
+      "files": [
+        {
+          "path": "src/components/layout/floating-preview/floating-preview.tsx",
+          "type": "registry:ui",
+          "target": "components/layout/floating-preview/floating-preview.tsx"
+        },
+        {
+          "path": "src/components/layout/floating-preview/index.ts",
+          "type": "registry:ui",
+          "target": "components/layout/floating-preview/index.ts"
+        },
+        {
+          "path": "src/components/layout/floating-preview/model.ts",
+          "type": "registry:ui",
+          "target": "components/layout/floating-preview/model.ts"
         }
       ]
     },
@@ -1792,6 +1881,53 @@
         }
       ]
     },
+    {
+      "name": "catalog-browser",
+      "type": "registry:ui",
+      "title": "Catalog Browser",
+      "description": "",
+      "dependencies": [
+        "lucide-solid@^1.48.0"
+      ],
+      "registryDependencies": [
+        "@adea-ai/ui/badge",
+        "@adea-ai/ui/button",
+        "@adea-ai/ui/card",
+        "@adea-ai/ui/empty",
+        "@adea-ai/ui/input-group",
+        "@adea-ai/ui/scroll-area",
+        "@adea-ai/ui/skeleton",
+        "@adea-ai/ui/tabs",
+        "lib"
+      ],
+      "files": [
+        {
+          "path": "src/components/composites/catalog-browser/catalog-browser-group.tsx",
+          "type": "registry:ui",
+          "target": "components/composites/catalog-browser/catalog-browser-group.tsx"
+        },
+        {
+          "path": "src/components/composites/catalog-browser/catalog-browser.tsx",
+          "type": "registry:ui",
+          "target": "components/composites/catalog-browser/catalog-browser.tsx"
+        },
+        {
+          "path": "src/components/composites/catalog-browser/catalog-detail.tsx",
+          "type": "registry:ui",
+          "target": "components/composites/catalog-browser/catalog-detail.tsx"
+        },
+        {
+          "path": "src/components/composites/catalog-browser/catalog-types.ts",
+          "type": "registry:ui",
+          "target": "components/composites/catalog-browser/catalog-types.ts"
+        },
+        {
+          "path": "src/components/composites/catalog-browser/index.ts",
+          "type": "registry:ui",
+          "target": "components/composites/catalog-browser/index.ts"
+        }
+      ]
+    },
     {
       "name": "list-row",
       "type": "registry:ui",
@@ -1801,6 +1937,7 @@
         "@kobalte/core@^0.13.14"
       ],
       "registryDependencies": [
+        "@adea-ai/ui/tooltip",
         "lib"
       ],
       "files": [
@@ -2048,6 +2185,7 @@
         "@adea-ai/ui/button",
         "@adea-ai/ui/radio-group",
         "@adea-ai/ui/toggle-group",
+        "@adea-ai/ui/tooltip",
         "lib"
       ],
       "files": [
@@ -2061,6 +2199,11 @@
           "type": "registry:ui",
           "target": "components/theming/index.ts"
         },
+        {
+          "path": "src/components/theme/theme-mode-toggle.tsx",
+          "type": "registry:ui",
+          "target": "components/theming/theme-mode-toggle.tsx"
+        },
         {
           "path": "src/components/theme/theme-picker.tsx",
           "type": "registry:ui",
@@ -2148,6 +2291,21 @@
       ],
       "registryDependencies": [],
       "files": [
+        {
+          "path": "src/lib/clipboard.ts",
+          "type": "registry:lib",
+          "target": "lib/clipboard.ts"
+        },
+        {
+          "path": "src/lib/download.ts",
+          "type": "registry:lib",
+          "target": "lib/download.ts"
+        },
+        {
+          "path": "src/lib/form-field.ts",
+          "type": "registry:lib",
+          "target": "lib/form-field.ts"
+        },
         {
           "path": "src/lib/keyed-rows.ts",
           "type": "registry:lib",

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

@@ -111,7 +111,11 @@ export function ActionButton<T extends ValidComponent = 'button'>(props: ActionB
       .join(' '),
     disabled: disabled() && !local.tooltip,
     'aria-disabled': disabled() ? true : rest['aria-disabled'],
-    tabIndex: local.as === 'a' && disabled() ? (local.tooltip ? 0 : -1) : rest.tabIndex,
+    // Make tooltip-bearing native controls explicit tab stops in WebKit configurations that
+    // otherwise skip implicit button stops. A caller's tabIndex remains authoritative.
+    tabIndex:
+      rest.tabIndex ??
+      (local.as === 'a' && disabled() ? (local.tooltip ? 0 : -1) : local.tooltip ? 0 : undefined),
     role: local.as === 'a' && disabled() ? 'link' : rest.role,
     href: local.as === 'a' && disabled() ? undefined : (rest as { href?: string }).href,
     'aria-busy': busy() || local['aria-busy'],

package/dist/r/src/components/composites/catalog-browser/catalog-browser-group.tsx

@@ -0,0 +1,148 @@
+import { createUniqueId, For, onCleanup, Show, type JSX } from 'solid-js'
+import { ChevronDown, ChevronRight, ChevronUp } from 'lucide-solid'
+import { keyedRows } from '../../../lib/keyed-rows'
+import { Badge } from '../../ui/badge'
+import { Button } from '../../ui/button'
+import { Skeleton } from '../../ui/skeleton'
+import type { CatalogBrowserEntry, CatalogBrowserGroup as CatalogGroup } from './catalog-types'
+
+export function CatalogLoadingState(props: { label: string }) {
+  return (
+    <div
+      class="grid min-w-0 grid-cols-1 gap-3 md:grid-cols-2"
+      aria-busy="true"
+      aria-label={props.label}
+    >
+      <For each={[0, 1, 2, 3, 4, 5, 6]}>
+        {() => (
+          <div class="flex min-w-0 items-center gap-3 rounded-xl border border-border p-3">
+            <Skeleton class="size-9 shrink-0" />
+            <div class="grid min-w-0 flex-1 gap-2">
+              <Skeleton class="h-4 w-2/5" />
+              <Skeleton class="h-3 w-4/5" />
+              <Skeleton class="h-3 w-3/5" />
+            </div>
+          </div>
+        )}
+      </For>
+    </div>
+  )
+}
+
+function CatalogBrowserRow<Value>(props: {
+  entry: CatalogBrowserEntry<Value>
+  groupId: string
+  installedLabel: string
+  publishedByLabel: (publisher: string) => string
+  disabled: boolean
+  renderIcon: (value: Value) => JSX.Element
+  onSelect: (entry: CatalogBrowserEntry<Value>, key: string) => void
+  onRef: (key: string, element: HTMLButtonElement | undefined) => void
+}) {
+  const key = JSON.stringify([props.groupId, props.entry.id])
+  let element: HTMLButtonElement | undefined
+  onCleanup(() => {
+    if (element) props.onRef(key, undefined)
+  })
+
+  return (
+    <Button
+      ref={(node) => {
+        element = node
+        props.onRef(key, node)
+      }}
+      data-catalog-entry-id={props.entry.id}
+      variant="outline"
+      size="lg"
+      class="h-auto min-h-row-lg w-full min-w-0 justify-start gap-3 whitespace-normal"
+      disabled={props.disabled}
+      onClick={() => props.onSelect(props.entry, key)}
+    >
+      <span class="shrink-0">{props.renderIcon(props.entry.value)}</span>
+      <span class="flex min-w-0 flex-1 flex-col gap-1 text-left">
+        <span class="flex min-w-0 flex-wrap items-center gap-2">
+          <strong class="min-w-0 truncate">{props.entry.name}</strong>
+          <Show when={props.entry.installed}>
+            <Badge variant="secondary">{props.installedLabel}</Badge>
+          </Show>
+        </span>
+        <span class="text-muted-foreground line-clamp-2 text-xs">{props.entry.description}</span>
+        <span class="text-muted-foreground truncate text-2xs">
+          {props.publishedByLabel(props.entry.publisher)} · {props.entry.category}
+        </span>
+      </span>
+      <ChevronRight aria-hidden="true" />
+    </Button>
+  )
+}
+
+export function CatalogBrowserGroup<Value>(props: {
+  group: CatalogGroup<Value>
+  expanded: boolean
+  previewCount: number
+  disabled: boolean
+  installedLabel: string
+  publishedByLabel: (publisher: string) => string
+  showMoreLabel: (entries: readonly CatalogBrowserEntry<Value>[], remainingCount: number) => string
+  showLessLabel: string
+  renderIcon: (value: Value) => JSX.Element
+  onSelect: (entry: CatalogBrowserEntry<Value>, key: string) => void
+  onRef: (key: string, element: HTMLButtonElement | undefined) => void
+  onToggle: (id: string) => void
+}) {
+  const headingId = `catalog-browser-group-${createUniqueId()}`
+  const listId = `catalog-browser-items-${createUniqueId()}`
+  const hidden = () => props.group.entries.slice(props.previewCount)
+  const preview = () =>
+    props.expanded ? props.group.entries : props.group.entries.slice(0, props.previewCount)
+  const rows = keyedRows(preview, (entry) => entry.id)
+
+  return (
+    <section class="grid min-w-0 gap-2" aria-labelledby={headingId}>
+      <header class="flex min-w-0 items-center gap-2">
+        <h3 id={headingId} class="min-w-0 flex-1 truncate text-sm font-semibold">
+          {props.group.label}
+        </h3>
+        <Badge variant="outline">{props.group.entries.length}</Badge>
+      </header>
+      <div id={listId} class="grid min-w-0 grid-cols-1 gap-2 md:grid-cols-2">
+        <For each={rows()}>
+          {(row) => (
+            <CatalogBrowserRow
+              entry={row.item()}
+              groupId={props.group.id}
+              installedLabel={props.installedLabel}
+              publishedByLabel={props.publishedByLabel}
+              disabled={props.disabled}
+              renderIcon={props.renderIcon}
+              onSelect={props.onSelect}
+              onRef={props.onRef}
+            />
+          )}
+        </For>
+      </div>
+      <Show when={hidden().length > 0}>
+        <Button
+          variant="ghost"
+          size="lg"
+          disabled={props.disabled}
+          aria-expanded={props.expanded}
+          aria-controls={listId}
+          onClick={() => props.onToggle(props.group.id)}
+        >
+          <Show
+            when={props.expanded}
+            fallback={
+              <>
+                {props.showMoreLabel(hidden(), hidden().length)}{' '}
+                <ChevronDown data-icon="inline-end" aria-hidden="true" />
+              </>
+            }
+          >
+            {props.showLessLabel} <ChevronUp data-icon="inline-end" aria-hidden="true" />
+          </Show>
+        </Button>
+      </Show>
+    </section>
+  )
+}