@adea-ai/ui 0.76.1 → 0.77.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/components/ui/command/command.d.ts.map +1 -1
  2. package/dist/components/ui/command/command.js +1 -1
  3. package/dist/components/ui/command/command.js.map +1 -1
  4. package/dist/r/appearance-editor.json +1 -1
  5. package/dist/r/lib.json +1 -1
  6. package/dist/r/registry.json +2 -2
  7. package/dist/r/src/components/ui/command/command.tsx +7 -1
  8. package/dist/r/src/styles/theme.css +81 -81
  9. package/package.json +2 -2
  10. package/registry.json +2 -2
  11. package/src/components/ui/command/command.tsx +7 -1
  12. package/src/styles/theme.css +81 -81
package/dist/components/ui/command/command.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/command/command.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,IAAI,UAAU,EAC3B,YAAY,IAAI,SAAS,EACzB,YAAY,IAAI,SAAS,EACzB,YAAY,IAAI,SAAS,EACzB,WAAW,IAAI,QAAQ,EACvB,WAAW,IAAI,QAAQ,EACvB,cAAc,IAAI,WAAW,EAC7B,WAAW,IAAI,QAAQ,EACvB,gBAAgB,IAAI,aAAa,EAElC,MAAM,YAAY,CAAA;AAEnB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAK9C;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,kCAY7D;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,kCAerE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,kCAmBnE;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,kCAgCjE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,kCAcnE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,kCAanE;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,kCAajE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,kCAG3E;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,kCAQvE;AAED,wDAAwD;AACxD,wBAAgB,eAAe,CAAC,KAAK,EAAE;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAA;CAC9C,kCAQA"}
1
+ {"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/command/command.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,IAAI,UAAU,EAC3B,YAAY,IAAI,SAAS,EACzB,YAAY,IAAI,SAAS,EACzB,YAAY,IAAI,SAAS,EACzB,WAAW,IAAI,QAAQ,EACvB,WAAW,IAAI,QAAQ,EACvB,cAAc,IAAI,WAAW,EAC7B,WAAW,IAAI,QAAQ,EACvB,gBAAgB,IAAI,aAAa,EAElC,MAAM,YAAY,CAAA;AAEnB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAK9C;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,kCAY7D;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,kCAqBrE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,kCAmBnE;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,kCAgCjE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,kCAcnE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,kCAanE;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,kCAajE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,kCAG3E;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,kCAQvE;AAED,wDAAwD;AACxD,wBAAgB,eAAe,CAAC,KAAK,EAAE;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAA;CAC9C,kCAQA"}
package/dist/components/ui/command/command.js CHANGED
@@ -32,7 +32,7 @@ function Command(props) {
32
32
  }
33
33
  function CommandDialog$1(props) {
34
34
  const [local, rest] = splitProps(props, ["class"]);
35
- return createComponent(CommandDialog, mergeProps({ get ["class"]() {
35
+ return createComponent(CommandDialog, mergeProps({ get contentClassName() {
36
36
  return cn("bg-popover text-popover-foreground fixed top-1/3 left-1/2 z-(--z-dialog) w-full max-w-lg -translate-x-1/2 -translate-y-1/2", "overflow-hidden rounded-xl border border-border shadow-xl", "data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", local.class);
37
37
  } }, rest));
38
38
  }
package/dist/components/ui/command/command.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"command.js","names":["CommandDialog","CmdkDialog","CommandEmpty","CmdkEmpty","CommandGroup","CmdkGroup","CommandInput","CmdkInput","CommandItem","CmdkItem","CommandList","CmdkList","CommandLoading","CmdkLoading","CommandRoot","CmdkRoot","CommandSeparator","CmdkSeparator","useCommandState","Search","ComponentProps","createEffect","createSignal","splitProps","menuItem","cn","Command","props","local","rest","_$createComponent","_$mergeProps","class","_el$","_tmpl$","_$insert","wrapper","setWrapper","HTMLDivElement","resultCount","state","filtered","count","root","selector","querySelector","setAttribute","_el$2","_tmpl$2","_$use","role","CommandShortcut","children","_el$3","_tmpl$3","_$effect","_$className","_$createComponent","CmdkRoot","_$mergeProps","CommandDialog","CmdkDialog","CommandInput","CmdkInput","CommandList","CmdkList","CommandEmpty","CmdkEmpty","CommandGroup","CmdkGroup","CommandItem","CmdkItem","CommandSeparator","CmdkSeparator","CommandLoading","CmdkLoading","_$className"],"sources":["../../../../src/components/ui/command/command.tsx"],"sourcesContent":["import {\n CommandDialog as CmdkDialog,\n CommandEmpty as CmdkEmpty,\n CommandGroup as CmdkGroup,\n CommandInput as CmdkInput,\n CommandItem as CmdkItem,\n CommandList as CmdkList,\n CommandLoading as CmdkLoading,\n CommandRoot as CmdkRoot,\n CommandSeparator as CmdkSeparator,\n useCommandState,\n} from 'cmdk-solid'\nimport { Search } from 'lucide-solid'\nimport type { ComponentProps } from 'solid-js'\nimport { createEffect, createSignal, splitProps } from 'solid-js'\nimport { menuItem } from '#lib/overlay'\nimport { cn } from '#lib/utils'\n\n/**\n * Command.\n *\n * The command palette: a filtered list of everything the user can do, ranked\n * by fuzzy match. It is the one place in an app where a keyboard-first surface\n * is the *primary* one, so it carries rules the rest of the system does not:\n *\n * - Every item must be reachable by typing its name. If a user has to\n * remember which group it lives in, the palette has failed at its job.\n * - Groups exist for reading, not for navigation. The ranking crosses them.\n * - The empty state is not an apology — it should offer the closest thing\n * the app could guess, or say plainly that nothing matched.\n *\n * cmdk-solid supplies the filter, the scoring, the `aria-activedescendant`\n * wiring and the arrow-key navigation.\n */\nexport function Command(props: ComponentProps<typeof CmdkRoot>) {\n const [local, rest] = splitProps(props, ['class'])\n\n return (\n <CmdkRoot\n class={cn(\n 'bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-xl',\n local.class\n )}\n {...rest}\n />\n )\n}\n\nexport function CommandDialog(props: ComponentProps<typeof CmdkDialog>) {\n const [local, rest] = splitProps(props, ['class'])\n\n return (\n <CmdkDialog\n class={cn(\n 'bg-popover text-popover-foreground fixed top-1/3 left-1/2 z-(--z-dialog) w-full max-w-lg -translate-x-1/2 -translate-y-1/2',\n 'overflow-hidden rounded-xl border border-border shadow-xl',\n 'data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95',\n 'data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n local.class\n )}\n {...rest}\n />\n )\n}\n\nexport function CommandInput(props: ComponentProps<typeof CmdkInput>) {\n const [local, rest] = splitProps(props, ['class'])\n\n return (\n <div\n data-slot=\"command-input-wrapper\"\n class=\"flex h-11 items-center gap-2 border-b border-border px-3\"\n >\n <Search class=\"size-4 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n <CmdkInput\n class={cn(\n 'h-full w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground',\n 'disabled:cursor-not-allowed disabled:opacity-50',\n local.class\n )}\n {...rest}\n />\n </div>\n )\n}\n\n/**\n * The scrolling list.\n *\n * Two DOM corrections, and both are deliberate. cmdk builds a `role=\"listbox\"`\n * whose children include two elements ARIA does not allow there:\n *\n * - a bare `<div cmdk-list-sizer>` with no role, wrapped around every group;\n * - a `<div cmdk-separator role=\"separator\">`, and `separator` is a menu and\n * toolbar role — inside a listbox the only owned elements may be `option`\n * and `group`.\n *\n * Both are pure presentation: the sizer is layout, and the separator is a\n * hairline between groups that the groups already structure. `role=\"presentation\"`\n * is their accurate role rather than a workaround — each is flattened out of the\n * accessibility tree, and the options inside are reached exactly as before.\n *\n * Written onto the mounted nodes rather than through props, because cmdk owns\n * this markup and does not forward a `ref`; in an effect rather than `onMount`,\n * because cmdk renders the sizer with the first item, after the list itself.\n */\nexport function CommandList(props: ComponentProps<typeof CmdkList>) {\n const [local, rest] = splitProps(props, ['class'])\n const [wrapper, setWrapper] = createSignal<HTMLDivElement>()\n const resultCount = useCommandState((state) => state.filtered.count)\n\n createEffect(() => {\n const root = wrapper()\n if (!root) return\n for (const selector of ['[cmdk-list-sizer]', '[cmdk-separator]']) {\n root.querySelector(selector)?.setAttribute('role', 'presentation')\n }\n\n /*\n * A `listbox` must own at least one `option`, so a listbox with nothing in it\n * is invalid ARIA — which is what a search with no matches produces. When\n * there are no results the list is inert, so it becomes presentational and\n * the empty message carries the information instead. It keeps its `id`, so\n * the input's `aria-controls` still resolves.\n */\n root\n .querySelector('[cmdk-list]')\n ?.setAttribute('role', resultCount() > 0 ? 'listbox' : 'presentation')\n })\n\n return (\n <div ref={setWrapper} class=\"contents\">\n <CmdkList\n class={cn('max-h-80 scroll-py-1 overflow-y-auto overflow-x-hidden p-1', local.class)}\n {...rest}\n />\n </div>\n )\n}\n\nexport function CommandEmpty(props: ComponentProps<typeof CmdkEmpty>) {\n const [local, rest] = splitProps(props, ['class'])\n\n return (\n <CmdkEmpty\n /*\n * A status rather than plain text: when the list is presentational, this is\n * the only thing that tells a screen reader the search matched nothing.\n */\n role=\"status\"\n class={cn('text-muted-foreground py-8 text-center text-sm', local.class)}\n {...rest}\n />\n )\n}\n\nexport function CommandGroup(props: ComponentProps<typeof CmdkGroup>) {\n const [local, rest] = splitProps(props, ['class'])\n\n return (\n <CmdkGroup\n class={cn(\n 'text-foreground overflow-hidden p-1',\n '[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-2xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:tracking-wide [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:uppercase',\n local.class\n )}\n {...rest}\n />\n )\n}\n\nexport function CommandItem(props: ComponentProps<typeof CmdkItem>) {\n const [local, rest] = splitProps(props, ['class'])\n\n return (\n <CmdkItem\n class={cn(\n menuItem,\n 'data-[selected=true]:bg-surface-hover data-[selected=true]:text-foreground',\n local.class\n )}\n {...rest}\n />\n )\n}\n\nexport function CommandSeparator(props: ComponentProps<typeof CmdkSeparator>) {\n const [local, rest] = splitProps(props, ['class'])\n return <CmdkSeparator class={cn('bg-border -mx-1 my-1 h-px', local.class)} {...rest} />\n}\n\nexport function CommandLoading(props: ComponentProps<typeof CmdkLoading>) {\n const [local, rest] = splitProps(props, ['class'])\n return (\n <CmdkLoading\n class={cn('text-muted-foreground py-6 text-center text-sm', local.class)}\n {...rest}\n />\n )\n}\n\n/** The keyboard hint a palette item usually carries. */\nexport function CommandShortcut(props: {\n class?: string\n children?: ComponentProps<'span'>['children']\n}) {\n return (\n <span\n class={cn('text-muted-foreground ms-auto font-mono text-2xs tracking-widest', props.class)}\n >\n {props.children}\n </span>\n )\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"command.js","names":["CommandDialog","CmdkDialog","CommandEmpty","CmdkEmpty","CommandGroup","CmdkGroup","CommandInput","CmdkInput","CommandItem","CmdkItem","CommandList","CmdkList","CommandLoading","CmdkLoading","CommandRoot","CmdkRoot","CommandSeparator","CmdkSeparator","useCommandState","Search","ComponentProps","createEffect","createSignal","splitProps","menuItem","cn","Command","props","local","rest","_$createComponent","_$mergeProps","class","contentClassName","_el$","_tmpl$","_$insert","wrapper","setWrapper","HTMLDivElement","resultCount","state","filtered","count","root","selector","querySelector","setAttribute","_el$2","_tmpl$2","_$use","role","CommandShortcut","children","_el$3","_tmpl$3","_$effect","_$className","_$createComponent","CmdkRoot","_$mergeProps","CommandDialog","CmdkDialog","CommandInput","CmdkInput","CommandList","CmdkList","CommandEmpty","CmdkEmpty","CommandGroup","CmdkGroup","CommandItem","CmdkItem","CommandSeparator","CmdkSeparator","CommandLoading","CmdkLoading","_$className"],"sources":["../../../../src/components/ui/command/command.tsx"],"sourcesContent":["import {\n CommandDialog as CmdkDialog,\n CommandEmpty as CmdkEmpty,\n CommandGroup as CmdkGroup,\n CommandInput as CmdkInput,\n CommandItem as CmdkItem,\n CommandList as CmdkList,\n CommandLoading as CmdkLoading,\n CommandRoot as CmdkRoot,\n CommandSeparator as CmdkSeparator,\n useCommandState,\n} from 'cmdk-solid'\nimport { Search } from 'lucide-solid'\nimport type { ComponentProps } from 'solid-js'\nimport { createEffect, createSignal, splitProps } from 'solid-js'\nimport { menuItem } from '#lib/overlay'\nimport { cn } from '#lib/utils'\n\n/**\n * Command.\n *\n * The command palette: a filtered list of everything the user can do, ranked\n * by fuzzy match. It is the one place in an app where a keyboard-first surface\n * is the *primary* one, so it carries rules the rest of the system does not:\n *\n * - Every item must be reachable by typing its name. If a user has to\n * remember which group it lives in, the palette has failed at its job.\n * - Groups exist for reading, not for navigation. The ranking crosses them.\n * - The empty state is not an apology — it should offer the closest thing\n * the app could guess, or say plainly that nothing matched.\n *\n * cmdk-solid supplies the filter, the scoring, the `aria-activedescendant`\n * wiring and the arrow-key navigation.\n */\nexport function Command(props: ComponentProps<typeof CmdkRoot>) {\n const [local, rest] = splitProps(props, ['class'])\n\n return (\n <CmdkRoot\n class={cn(\n 'bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-xl',\n local.class\n )}\n {...rest}\n />\n )\n}\n\nexport function CommandDialog(props: ComponentProps<typeof CmdkDialog>) {\n // cmdk's Dialog splits `contentClassName` onto the role=\"dialog\" content\n // element and routes every other prop (including `class`) to the inner\n // Command. The surface must live on the content: a `class` here styles the\n // Command (fixed, so visible) while the dialog element itself renders as an\n // unstyled zero-height wrapper at the end of body — invisible to role\n // queries and axe.\n const [local, rest] = splitProps(props, ['class'])\n\n return (\n <CmdkDialog\n contentClassName={cn(\n 'bg-popover text-popover-foreground fixed top-1/3 left-1/2 z-(--z-dialog) w-full max-w-lg -translate-x-1/2 -translate-y-1/2',\n 'overflow-hidden rounded-xl border border-border shadow-xl',\n 'data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95',\n 'data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n local.class\n )}\n {...rest}\n />\n )\n}\n\nexport function CommandInput(props: ComponentProps<typeof CmdkInput>) {\n const [local, rest] = splitProps(props, ['class'])\n\n return (\n <div\n data-slot=\"command-input-wrapper\"\n class=\"flex h-11 items-center gap-2 border-b border-border px-3\"\n >\n <Search class=\"size-4 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n <CmdkInput\n class={cn(\n 'h-full w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground',\n 'disabled:cursor-not-allowed disabled:opacity-50',\n local.class\n )}\n {...rest}\n />\n </div>\n )\n}\n\n/**\n * The scrolling list.\n *\n * Two DOM corrections, and both are deliberate. cmdk builds a `role=\"listbox\"`\n * whose children include two elements ARIA does not allow there:\n *\n * - a bare `<div cmdk-list-sizer>` with no role, wrapped around every group;\n * - a `<div cmdk-separator role=\"separator\">`, and `separator` is a menu and\n * toolbar role — inside a listbox the only owned elements may be `option`\n * and `group`.\n *\n * Both are pure presentation: the sizer is layout, and the separator is a\n * hairline between groups that the groups already structure. `role=\"presentation\"`\n * is their accurate role rather than a workaround — each is flattened out of the\n * accessibility tree, and the options inside are reached exactly as before.\n *\n * Written onto the mounted nodes rather than through props, because cmdk owns\n * this markup and does not forward a `ref`; in an effect rather than `onMount`,\n * because cmdk renders the sizer with the first item, after the list itself.\n */\nexport function CommandList(props: ComponentProps<typeof CmdkList>) {\n const [local, rest] = splitProps(props, ['class'])\n const [wrapper, setWrapper] = createSignal<HTMLDivElement>()\n const resultCount = useCommandState((state) => state.filtered.count)\n\n createEffect(() => {\n const root = wrapper()\n if (!root) return\n for (const selector of ['[cmdk-list-sizer]', '[cmdk-separator]']) {\n root.querySelector(selector)?.setAttribute('role', 'presentation')\n }\n\n /*\n * A `listbox` must own at least one `option`, so a listbox with nothing in it\n * is invalid ARIA — which is what a search with no matches produces. When\n * there are no results the list is inert, so it becomes presentational and\n * the empty message carries the information instead. It keeps its `id`, so\n * the input's `aria-controls` still resolves.\n */\n root\n .querySelector('[cmdk-list]')\n ?.setAttribute('role', resultCount() > 0 ? 'listbox' : 'presentation')\n })\n\n return (\n <div ref={setWrapper} class=\"contents\">\n <CmdkList\n class={cn('max-h-80 scroll-py-1 overflow-y-auto overflow-x-hidden p-1', local.class)}\n {...rest}\n />\n </div>\n )\n}\n\nexport function CommandEmpty(props: ComponentProps<typeof CmdkEmpty>) {\n const [local, rest] = splitProps(props, ['class'])\n\n return (\n <CmdkEmpty\n /*\n * A status rather than plain text: when the list is presentational, this is\n * the only thing that tells a screen reader the search matched nothing.\n */\n role=\"status\"\n class={cn('text-muted-foreground py-8 text-center text-sm', local.class)}\n {...rest}\n />\n )\n}\n\nexport function CommandGroup(props: ComponentProps<typeof CmdkGroup>) {\n const [local, rest] = splitProps(props, ['class'])\n\n return (\n <CmdkGroup\n class={cn(\n 'text-foreground overflow-hidden p-1',\n '[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-2xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:tracking-wide [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:uppercase',\n local.class\n )}\n {...rest}\n />\n )\n}\n\nexport function CommandItem(props: ComponentProps<typeof CmdkItem>) {\n const [local, rest] = splitProps(props, ['class'])\n\n return (\n <CmdkItem\n class={cn(\n menuItem,\n 'data-[selected=true]:bg-surface-hover data-[selected=true]:text-foreground',\n local.class\n )}\n {...rest}\n />\n )\n}\n\nexport function CommandSeparator(props: ComponentProps<typeof CmdkSeparator>) {\n const [local, rest] = splitProps(props, ['class'])\n return <CmdkSeparator class={cn('bg-border -mx-1 my-1 h-px', local.class)} {...rest} />\n}\n\nexport function CommandLoading(props: ComponentProps<typeof CmdkLoading>) {\n const [local, rest] = splitProps(props, ['class'])\n return (\n <CmdkLoading\n class={cn('text-muted-foreground py-6 text-center text-sm', local.class)}\n {...rest}\n />\n )\n}\n\n/** The keyboard hint a palette item usually carries. */\nexport function CommandShortcut(props: {\n class?: string\n children?: ComponentProps<'span'>['children']\n}) {\n return (\n <span\n class={cn('text-muted-foreground ms-auto font-mono text-2xs tracking-widest', props.class)}\n >\n {props.children}\n </span>\n )\n}\n"],"mappings":"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"}
package/dist/r/appearance-editor.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "title": "Appearance Editor",
5
5
  "description": "",
6
6
  "dependencies": [
7
- "@adea-ai/themes@^0.7.0",
7
+ "@adea-ai/themes@^0.8.0",
8
8
  "@kobalte/core@^0.13.14",
9
9
  "lucide-solid@^1.48.0"
10
10
  ],
package/dist/r/lib.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "title": "Class-name and token helpers",
5
5
  "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.",
6
6
  "dependencies": [
7
- "@adea-ai/themes@^0.7.0",
7
+ "@adea-ai/themes@^0.8.0",
8
8
  "class-variance-authority@^0.7.1",
9
9
  "cn@^0.4.0"
10
10
  ],
package/dist/r/registry.json CHANGED
@@ -1670,7 +1670,7 @@
1670
1670
  "title": "Appearance Editor",
1671
1671
  "description": "",
1672
1672
  "dependencies": [
1673
- "@adea-ai/themes@^0.7.0",
1673
+ "@adea-ai/themes@^0.8.0",
1674
1674
  "@kobalte/core@^0.13.14",
1675
1675
  "lucide-solid@^1.48.0"
1676
1676
  ],
@@ -2064,7 +2064,7 @@
2064
2064
  "title": "Class-name and token helpers",
2065
2065
  "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.",
2066
2066
  "dependencies": [
2067
- "@adea-ai/themes@^0.7.0",
2067
+ "@adea-ai/themes@^0.8.0",
2068
2068
  "class-variance-authority@^0.7.1",
2069
2069
  "cn@^0.4.0"
2070
2070
  ],
package/dist/r/src/components/ui/command/command.tsx CHANGED
@@ -47,11 +47,17 @@ export function Command(props: ComponentProps<typeof CmdkRoot>) {
47
47
  }
48
48
 
49
49
  export function CommandDialog(props: ComponentProps<typeof CmdkDialog>) {
50
+ // cmdk's Dialog splits `contentClassName` onto the role="dialog" content
51
+ // element and routes every other prop (including `class`) to the inner
52
+ // Command. The surface must live on the content: a `class` here styles the
53
+ // Command (fixed, so visible) while the dialog element itself renders as an
54
+ // unstyled zero-height wrapper at the end of body — invisible to role
55
+ // queries and axe.
50
56
  const [local, rest] = splitProps(props, ['class'])
51
57
 
52
58
  return (
53
59
  <CmdkDialog
54
- class={cn(
60
+ contentClassName={cn(
55
61
  'bg-popover text-popover-foreground fixed top-1/3 left-1/2 z-(--z-dialog) w-full max-w-lg -translate-x-1/2 -translate-y-1/2',
56
62
  'overflow-hidden rounded-xl border border-border shadow-xl',
57
63
  'data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95',
package/dist/r/src/styles/theme.css CHANGED
@@ -50,63 +50,63 @@
50
50
  :root {
51
51
  /* @generated theme:root — run `bun run theme:build` after changing the catalogue */
52
52
  /* The canvas and its text */
53
- --background: oklch(0.933 0.016 261.79);
54
- --foreground: oklch(0.3697 0.0285 266.52);
53
+ --background: oklch(1 0 0);
54
+ --foreground: oklch(0.2542 0.0111 254.04);
55
55
 
56
56
  /* Raised surfaces */
57
- --card: oklch(0.898 0.0108 261.79);
58
- --card-foreground: oklch(0.3697 0.0285 266.52);
59
- --popover: oklch(0.868 0.0151 261.79);
60
- --popover-foreground: oklch(0.3697 0.0285 266.52);
61
- --surface-hover: oklch(0.833 0.0209 261.79);
62
- --surface-active: oklch(0.783 0.0144 261.79);
57
+ --card: oklch(0.965 0 0);
58
+ --card-foreground: oklch(0.2542 0.0111 254.04);
59
+ --popover: oklch(0.935 0 0);
60
+ --popover-foreground: oklch(0.2542 0.0111 254.04);
61
+ --surface-hover: oklch(0.9 0 0);
62
+ --surface-active: oklch(0.85 0 0);
63
63
 
64
64
  --surface: var(--background);
65
65
  --surface-raised: var(--card);
66
66
  --surface-overlay: var(--popover);
67
67
 
68
68
  /* The interactive colour */
69
- --primary: oklch(0.4513 0.1518 253.31);
70
- --primary-foreground: oklch(0.9513 0.0074 260.73);
71
- --ring: oklch(0.4513 0.1518 253.31);
72
- --accent: oklch(0.833 0.0209 261.79);
73
- --accent-foreground: oklch(0.3697 0.0285 266.52);
69
+ --primary: oklch(0.5143 0.1668 301.69);
70
+ --primary-foreground: oklch(1 0 0);
71
+ --ring: oklch(0.5143 0.1668 301.69);
72
+ --accent: oklch(0.9 0 0);
73
+ --accent-foreground: oklch(0.2542 0.0111 254.04);
74
74
 
75
75
  /* Neutral fills and secondary text */
76
- --secondary: oklch(0.898 0.0108 261.79);
77
- --secondary-foreground: oklch(0.3697 0.0285 266.52);
78
- --muted: oklch(0.898 0.0108 261.79);
79
- --muted-foreground: oklch(0.474 0.0245 265.01);
76
+ --secondary: oklch(0.965 0 0);
77
+ --secondary-foreground: oklch(0.2542 0.0111 254.04);
78
+ --muted: oklch(0.965 0 0);
79
+ --muted-foreground: oklch(0.4929 0.0076 254.04);
80
80
 
81
81
  /* Status fills; solid labels and subtle surfaces come from the catalogue. */
82
- --destructive: oklch(0.4705 0.1626 25.78);
83
- --destructive-foreground: oklch(0.933 0.016 261.79);
84
- --destructive-action: oklch(0.4705 0.1626 25.78);
85
- --destructive-action-foreground: oklch(0.933 0.016 261.79);
86
- --success: oklch(0.4311 0.1809 145.62);
87
- --success-foreground: oklch(0.933 0.016 261.79);
88
- --warning: oklch(0.4556 0.1401 79.91);
89
- --warning-foreground: oklch(0.933 0.016 261.79);
90
- --info: oklch(0.4915 0.1155 202.14);
91
- --info-foreground: oklch(0.933 0.016 261.79);
92
- --destructive-subtle: oklch(0.8683 0.0365 279.15);
93
- --success-subtle: oklch(0.8627 0.0391 245.53);
94
- --warning-subtle: oklch(0.8662 0.0334 286.73);
95
- --info-subtle: oklch(0.8712 0.0299 253.44);
82
+ --destructive: oklch(0.5165 0.1626 25.78);
83
+ --destructive-foreground: oklch(1 0 0);
84
+ --destructive-action: oklch(0.5165 0.1626 25.78);
85
+ --destructive-action-foreground: oklch(1 0 0);
86
+ --success: oklch(0.4771 0.1809 145.62);
87
+ --success-foreground: oklch(1 0 0);
88
+ --warning: oklch(0.5016 0.1401 79.91);
89
+ --warning-foreground: oklch(1 0 0);
90
+ --info: oklch(0.5375 0.1155 202.14);
91
+ --info-foreground: oklch(1 0 0);
92
+ --destructive-subtle: oklch(0.9323 0.0228 25.78);
93
+ --success-subtle: oklch(0.9268 0.0253 145.62);
94
+ --warning-subtle: oklch(0.9302 0.0196 79.91);
95
+ --info-subtle: oklch(0.9353 0.0162 202.14);
96
96
 
97
97
  /* Lines */
98
- --border: oklch(0.783 0.0144 261.79);
99
- --input: oklch(0.783 0.0144 261.79);
98
+ --border: oklch(0.85 0 0);
99
+ --input: oklch(0.85 0 0);
100
100
 
101
101
  /* The primary, so a focus ring is the interactive colour. */
102
102
  --ring: var(--primary);
103
103
 
104
104
  /* The sidebar */
105
- --sidebar: oklch(0.898 0.0108 261.79);
106
- --sidebar-foreground: oklch(0.3697 0.0285 266.52);
107
- --sidebar-accent: oklch(0.833 0.0209 261.79);
108
- --sidebar-border: oklch(0.783 0.0144 261.79);
109
- --sidebar-muted-foreground: oklch(0.474 0.0245 265.01);
105
+ --sidebar: oklch(0.965 0 0);
106
+ --sidebar-foreground: oklch(0.2542 0.0111 254.04);
107
+ --sidebar-accent: oklch(0.9 0 0);
108
+ --sidebar-border: oklch(0.85 0 0);
109
+ --sidebar-muted-foreground: oklch(0.4929 0.0076 254.04);
110
110
 
111
111
  --sidebar-primary: var(--primary);
112
112
  --sidebar-primary-foreground: var(--primary-foreground);
@@ -114,12 +114,12 @@
114
114
  --sidebar-ring: var(--ring);
115
115
 
116
116
  /* Charts */
117
- --chart-1: oklch(0.4513 0.1518 253.31);
118
- --chart-2: oklch(0.4683 0.1668 301.69);
119
- --chart-3: oklch(0.4915 0.1155 202.14);
120
- --chart-4: oklch(0.4311 0.1809 145.62);
121
- --chart-5: oklch(0.4556 0.1401 79.91);
122
- --chart-6: oklch(0.4705 0.1626 25.78);
117
+ --chart-1: oklch(0.4973 0.1518 253.31);
118
+ --chart-2: oklch(0.5143 0.1668 301.69);
119
+ --chart-3: oklch(0.5375 0.1155 202.14);
120
+ --chart-4: oklch(0.4771 0.1809 145.62);
121
+ --chart-5: oklch(0.5016 0.1401 79.91);
122
+ --chart-6: oklch(0.5165 0.1626 25.78);
123
123
 
124
124
  /* Diff surfaces, over the status roles. */
125
125
  --diff-add: color-mix(in oklch, var(--success) 18%, transparent);
@@ -151,7 +151,7 @@
151
151
  * Both values come from @adea-ai/themes, so the accent blocks below are the same
152
152
  * rule rather than a matching one — which is what they were not, before.
153
153
  */
154
- --primary-hover: oklch(0.4013 0.1518 253.31);
154
+ --primary-hover: oklch(0.4643 0.1668 301.69);
155
155
  --primary-subtle: color-mix(in oklch, var(--primary) 10%, transparent);
156
156
  /* The window chrome, one step off the canvas. */
157
157
  --chrome: var(--surface);
@@ -166,7 +166,7 @@
166
166
  * light one, but a sunken one is *always* darker, because the metaphor is a
167
167
  * well cut into the page rather than a panel laid on it.
168
168
  */
169
- --surface-sunken: oklch(0.913 0.008 261.79);
169
+ --surface-sunken: oklch(0.98 0 0);
170
170
  --chrome-alpha: 0.9;
171
171
 
172
172
  color-scheme: light;
@@ -187,63 +187,63 @@
187
187
  .dark {
188
188
  /* @generated theme:dark — run `bun run theme:build` after changing the catalogue */
189
189
  /* The canvas and its text */
190
- --background: oklch(0.1918 0.0238 265.37);
191
- --foreground: oklch(0.7933 0.0217 261.76);
190
+ --background: oklch(0.1756 0.0063 300.91);
191
+ --foreground: oklch(0.942 0.0054 297.72);
192
192
 
193
193
  /* Raised surfaces */
194
- --card: oklch(0.2268 0.0288 265.37);
195
- --card-foreground: oklch(0.7933 0.0217 261.76);
196
- --popover: oklch(0.2568 0.033 265.37);
197
- --popover-foreground: oklch(0.7933 0.0217 261.76);
198
- --surface-hover: oklch(0.2918 0.038 265.37);
199
- --surface-active: oklch(0.3418 0.0214 265.37);
194
+ --card: oklch(0.2106 0.0076 300.91);
195
+ --card-foreground: oklch(0.942 0.0054 297.72);
196
+ --popover: oklch(0.2406 0.0088 300.91);
197
+ --popover-foreground: oklch(0.942 0.0054 297.72);
198
+ --surface-hover: oklch(0.2756 0.0101 300.91);
199
+ --surface-active: oklch(0.3256 0.0057 300.91);
200
200
 
201
201
  --surface: var(--background);
202
202
  --surface-raised: var(--card);
203
203
  --surface-overlay: var(--popover);
204
204
 
205
205
  /* The interactive colour */
206
- --primary: oklch(0.7153 0.1518 253.31);
207
- --primary-foreground: oklch(0.1918 0.0238 265.37);
208
- --ring: oklch(0.7153 0.1518 253.31);
209
- --accent: oklch(0.2918 0.038 265.37);
210
- --accent-foreground: oklch(0.7933 0.0217 261.76);
206
+ --primary: oklch(0.7323 0.1668 301.69);
207
+ --primary-foreground: oklch(0.1756 0.0063 300.91);
208
+ --ring: oklch(0.7323 0.1668 301.69);
209
+ --accent: oklch(0.2756 0.0101 300.91);
210
+ --accent-foreground: oklch(0.942 0.0054 297.72);
211
211
 
212
212
  /* Neutral fills and secondary text */
213
- --secondary: oklch(0.2268 0.0288 265.37);
214
- --secondary-foreground: oklch(0.7933 0.0217 261.76);
215
- --muted: oklch(0.2268 0.0288 265.37);
216
- --muted-foreground: oklch(0.6308 0.0224 262.91);
213
+ --secondary: oklch(0.2106 0.0076 300.91);
214
+ --secondary-foreground: oklch(0.942 0.0054 297.72);
215
+ --muted: oklch(0.2106 0.0076 300.91);
216
+ --muted-foreground: oklch(0.6967 0.0057 298.74);
217
217
 
218
218
  /* Status fills; solid labels and subtle surfaces come from the catalogue. */
219
219
  --destructive: oklch(0.7345 0.1626 25.78);
220
- --destructive-foreground: oklch(0.1918 0.0238 265.37);
220
+ --destructive-foreground: oklch(0.1756 0.0063 300.91);
221
221
  --destructive-action: oklch(0.7345 0.1626 25.78);
222
- --destructive-action-foreground: oklch(0.1918 0.0238 265.37);
222
+ --destructive-action-foreground: oklch(0.1756 0.0063 300.91);
223
223
  --success: oklch(0.6951 0.1809 145.62);
224
- --success-foreground: oklch(0.1918 0.0238 265.37);
224
+ --success-foreground: oklch(0.1756 0.0063 300.91);
225
225
  --warning: oklch(0.7196 0.1401 79.91);
226
- --warning-foreground: oklch(0.1918 0.0238 265.37);
226
+ --warning-foreground: oklch(0.1756 0.0063 300.91);
227
227
  --info: oklch(0.7555 0.1155 202.14);
228
- --info-foreground: oklch(0.1918 0.0238 265.37);
229
- --destructive-subtle: oklch(0.2678 0.0432 282.23);
230
- --success-subtle: oklch(0.2623 0.0458 248.61);
231
- --warning-subtle: oklch(0.2657 0.0401 289.81);
232
- --info-subtle: oklch(0.2707 0.0366 256.52);
228
+ --info-foreground: oklch(0.1756 0.0063 300.91);
229
+ --destructive-subtle: oklch(0.2538 0.0282 312.79);
230
+ --success-subtle: oklch(0.2483 0.0307 279.17);
231
+ --warning-subtle: oklch(0.2518 0.025 320.37);
232
+ --info-subtle: oklch(0.2568 0.0216 287.08);
233
233
 
234
234
  /* Lines */
235
- --border: oklch(0.3418 0.0214 265.37);
236
- --input: oklch(0.3418 0.0214 265.37);
235
+ --border: oklch(0.3256 0.0057 300.91);
236
+ --input: oklch(0.3256 0.0057 300.91);
237
237
 
238
238
  /* The primary, so a focus ring is the interactive colour. */
239
239
  --ring: var(--primary);
240
240
 
241
241
  /* The sidebar */
242
- --sidebar: oklch(0.2268 0.0288 265.37);
243
- --sidebar-foreground: oklch(0.7933 0.0217 261.76);
244
- --sidebar-accent: oklch(0.2918 0.038 265.37);
245
- --sidebar-border: oklch(0.3418 0.0214 265.37);
246
- --sidebar-muted-foreground: oklch(0.6308 0.0224 262.91);
242
+ --sidebar: oklch(0.2106 0.0076 300.91);
243
+ --sidebar-foreground: oklch(0.942 0.0054 297.72);
244
+ --sidebar-accent: oklch(0.2756 0.0101 300.91);
245
+ --sidebar-border: oklch(0.3256 0.0057 300.91);
246
+ --sidebar-muted-foreground: oklch(0.6967 0.0057 298.74);
247
247
 
248
248
  --sidebar-primary: var(--primary);
249
249
  --sidebar-primary-foreground: var(--primary-foreground);
@@ -279,7 +279,7 @@
279
279
  * Both values come from @adea-ai/themes, so the accent blocks below are the same
280
280
  * rule rather than a matching one — which is what they were not, before.
281
281
  */
282
- --primary-hover: oklch(0.7653 0.1518 253.31);
282
+ --primary-hover: oklch(0.7823 0.1668 301.69);
283
283
  --primary-subtle: color-mix(in oklch, var(--primary) 16%, transparent);
284
284
  /* The window chrome, one step off the canvas. */
285
285
  --chrome: var(--surface);
@@ -294,7 +294,7 @@
294
294
  * light one, but a sunken one is *always* darker, because the metaphor is a
295
295
  * well cut into the page rather than a panel laid on it.
296
296
  */
297
- --surface-sunken: oklch(0.1718 0.0199 265.37);
297
+ --surface-sunken: oklch(0.1556 0.0049 300.91);
298
298
  --chrome-alpha: 0.9;
299
299
 
300
300
  color-scheme: dark;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adea-ai/ui",
3
- "version": "0.76.1",
3
+ "version": "0.77.0",
4
4
  "description": "The Adea design system: Kobalte-backed Solid components, semantic OKLCH tokens, and the app-shell layout primitives shared by Adea and Cortana.",
5
5
  "keywords": [
6
6
  "adea",
@@ -106,7 +106,7 @@
106
106
  "check:packed-paste-model": "node scripts/check-packed-paste-model.mjs"
107
107
  },
108
108
  "dependencies": {
109
- "@adea-ai/themes": "^0.7.0",
109
+ "@adea-ai/themes": "^0.8.0",
110
110
  "@corvu/calendar": "^0.1.2",
111
111
  "@corvu/drawer": "^0.2.4",
112
112
  "@corvu/otp-field": "^0.1.4",
package/registry.json CHANGED
@@ -1670,7 +1670,7 @@
1670
1670
  "title": "Appearance Editor",
1671
1671
  "description": "",
1672
1672
  "dependencies": [
1673
- "@adea-ai/themes@^0.7.0",
1673
+ "@adea-ai/themes@^0.8.0",
1674
1674
  "@kobalte/core@^0.13.14",
1675
1675
  "lucide-solid@^1.48.0"
1676
1676
  ],
@@ -2064,7 +2064,7 @@
2064
2064
  "title": "Class-name and token helpers",
2065
2065
  "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.",
2066
2066
  "dependencies": [
2067
- "@adea-ai/themes@^0.7.0",
2067
+ "@adea-ai/themes@^0.8.0",
2068
2068
  "class-variance-authority@^0.7.1",
2069
2069
  "cn@^0.4.0"
2070
2070
  ],
package/src/components/ui/command/command.tsx CHANGED
@@ -47,11 +47,17 @@ export function Command(props: ComponentProps<typeof CmdkRoot>) {
47
47
  }
48
48
 
49
49
  export function CommandDialog(props: ComponentProps<typeof CmdkDialog>) {
50
+ // cmdk's Dialog splits `contentClassName` onto the role="dialog" content
51
+ // element and routes every other prop (including `class`) to the inner
52
+ // Command. The surface must live on the content: a `class` here styles the
53
+ // Command (fixed, so visible) while the dialog element itself renders as an
54
+ // unstyled zero-height wrapper at the end of body — invisible to role
55
+ // queries and axe.
50
56
  const [local, rest] = splitProps(props, ['class'])
51
57
 
52
58
  return (
53
59
  <CmdkDialog
54
- class={cn(
60
+ contentClassName={cn(
55
61
  'bg-popover text-popover-foreground fixed top-1/3 left-1/2 z-(--z-dialog) w-full max-w-lg -translate-x-1/2 -translate-y-1/2',
56
62
  'overflow-hidden rounded-xl border border-border shadow-xl',
57
63
  'data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95',
package/src/styles/theme.css CHANGED
@@ -50,63 +50,63 @@
50
50
  :root {
51
51
  /* @generated theme:root — run `bun run theme:build` after changing the catalogue */
52
52
  /* The canvas and its text */
53
- --background: oklch(0.933 0.016 261.79);
54
- --foreground: oklch(0.3697 0.0285 266.52);
53
+ --background: oklch(1 0 0);
54
+ --foreground: oklch(0.2542 0.0111 254.04);
55
55
 
56
56
  /* Raised surfaces */
57
- --card: oklch(0.898 0.0108 261.79);
58
- --card-foreground: oklch(0.3697 0.0285 266.52);
59
- --popover: oklch(0.868 0.0151 261.79);
60
- --popover-foreground: oklch(0.3697 0.0285 266.52);
61
- --surface-hover: oklch(0.833 0.0209 261.79);
62
- --surface-active: oklch(0.783 0.0144 261.79);
57
+ --card: oklch(0.965 0 0);
58
+ --card-foreground: oklch(0.2542 0.0111 254.04);
59
+ --popover: oklch(0.935 0 0);
60
+ --popover-foreground: oklch(0.2542 0.0111 254.04);
61
+ --surface-hover: oklch(0.9 0 0);
62
+ --surface-active: oklch(0.85 0 0);
63
63
 
64
64
  --surface: var(--background);
65
65
  --surface-raised: var(--card);
66
66
  --surface-overlay: var(--popover);
67
67
 
68
68
  /* The interactive colour */
69
- --primary: oklch(0.4513 0.1518 253.31);
70
- --primary-foreground: oklch(0.9513 0.0074 260.73);
71
- --ring: oklch(0.4513 0.1518 253.31);
72
- --accent: oklch(0.833 0.0209 261.79);
73
- --accent-foreground: oklch(0.3697 0.0285 266.52);
69
+ --primary: oklch(0.5143 0.1668 301.69);
70
+ --primary-foreground: oklch(1 0 0);
71
+ --ring: oklch(0.5143 0.1668 301.69);
72
+ --accent: oklch(0.9 0 0);
73
+ --accent-foreground: oklch(0.2542 0.0111 254.04);
74
74
 
75
75
  /* Neutral fills and secondary text */
76
- --secondary: oklch(0.898 0.0108 261.79);
77
- --secondary-foreground: oklch(0.3697 0.0285 266.52);
78
- --muted: oklch(0.898 0.0108 261.79);
79
- --muted-foreground: oklch(0.474 0.0245 265.01);
76
+ --secondary: oklch(0.965 0 0);
77
+ --secondary-foreground: oklch(0.2542 0.0111 254.04);
78
+ --muted: oklch(0.965 0 0);
79
+ --muted-foreground: oklch(0.4929 0.0076 254.04);
80
80
 
81
81
  /* Status fills; solid labels and subtle surfaces come from the catalogue. */
82
- --destructive: oklch(0.4705 0.1626 25.78);
83
- --destructive-foreground: oklch(0.933 0.016 261.79);
84
- --destructive-action: oklch(0.4705 0.1626 25.78);
85
- --destructive-action-foreground: oklch(0.933 0.016 261.79);
86
- --success: oklch(0.4311 0.1809 145.62);
87
- --success-foreground: oklch(0.933 0.016 261.79);
88
- --warning: oklch(0.4556 0.1401 79.91);
89
- --warning-foreground: oklch(0.933 0.016 261.79);
90
- --info: oklch(0.4915 0.1155 202.14);
91
- --info-foreground: oklch(0.933 0.016 261.79);
92
- --destructive-subtle: oklch(0.8683 0.0365 279.15);
93
- --success-subtle: oklch(0.8627 0.0391 245.53);
94
- --warning-subtle: oklch(0.8662 0.0334 286.73);
95
- --info-subtle: oklch(0.8712 0.0299 253.44);
82
+ --destructive: oklch(0.5165 0.1626 25.78);
83
+ --destructive-foreground: oklch(1 0 0);
84
+ --destructive-action: oklch(0.5165 0.1626 25.78);
85
+ --destructive-action-foreground: oklch(1 0 0);
86
+ --success: oklch(0.4771 0.1809 145.62);
87
+ --success-foreground: oklch(1 0 0);
88
+ --warning: oklch(0.5016 0.1401 79.91);
89
+ --warning-foreground: oklch(1 0 0);
90
+ --info: oklch(0.5375 0.1155 202.14);
91
+ --info-foreground: oklch(1 0 0);
92
+ --destructive-subtle: oklch(0.9323 0.0228 25.78);
93
+ --success-subtle: oklch(0.9268 0.0253 145.62);
94
+ --warning-subtle: oklch(0.9302 0.0196 79.91);
95
+ --info-subtle: oklch(0.9353 0.0162 202.14);
96
96
 
97
97
  /* Lines */
98
- --border: oklch(0.783 0.0144 261.79);
99
- --input: oklch(0.783 0.0144 261.79);
98
+ --border: oklch(0.85 0 0);
99
+ --input: oklch(0.85 0 0);
100
100
 
101
101
  /* The primary, so a focus ring is the interactive colour. */
102
102
  --ring: var(--primary);
103
103
 
104
104
  /* The sidebar */
105
- --sidebar: oklch(0.898 0.0108 261.79);
106
- --sidebar-foreground: oklch(0.3697 0.0285 266.52);
107
- --sidebar-accent: oklch(0.833 0.0209 261.79);
108
- --sidebar-border: oklch(0.783 0.0144 261.79);
109
- --sidebar-muted-foreground: oklch(0.474 0.0245 265.01);
105
+ --sidebar: oklch(0.965 0 0);
106
+ --sidebar-foreground: oklch(0.2542 0.0111 254.04);
107
+ --sidebar-accent: oklch(0.9 0 0);
108
+ --sidebar-border: oklch(0.85 0 0);
109
+ --sidebar-muted-foreground: oklch(0.4929 0.0076 254.04);
110
110
 
111
111
  --sidebar-primary: var(--primary);
112
112
  --sidebar-primary-foreground: var(--primary-foreground);
@@ -114,12 +114,12 @@
114
114
  --sidebar-ring: var(--ring);
115
115
 
116
116
  /* Charts */
117
- --chart-1: oklch(0.4513 0.1518 253.31);
118
- --chart-2: oklch(0.4683 0.1668 301.69);
119
- --chart-3: oklch(0.4915 0.1155 202.14);
120
- --chart-4: oklch(0.4311 0.1809 145.62);
121
- --chart-5: oklch(0.4556 0.1401 79.91);
122
- --chart-6: oklch(0.4705 0.1626 25.78);
117
+ --chart-1: oklch(0.4973 0.1518 253.31);
118
+ --chart-2: oklch(0.5143 0.1668 301.69);
119
+ --chart-3: oklch(0.5375 0.1155 202.14);
120
+ --chart-4: oklch(0.4771 0.1809 145.62);
121
+ --chart-5: oklch(0.5016 0.1401 79.91);
122
+ --chart-6: oklch(0.5165 0.1626 25.78);
123
123
 
124
124
  /* Diff surfaces, over the status roles. */
125
125
  --diff-add: color-mix(in oklch, var(--success) 18%, transparent);
@@ -151,7 +151,7 @@
151
151
  * Both values come from @adea-ai/themes, so the accent blocks below are the same
152
152
  * rule rather than a matching one — which is what they were not, before.
153
153
  */
154
- --primary-hover: oklch(0.4013 0.1518 253.31);
154
+ --primary-hover: oklch(0.4643 0.1668 301.69);
155
155
  --primary-subtle: color-mix(in oklch, var(--primary) 10%, transparent);
156
156
  /* The window chrome, one step off the canvas. */
157
157
  --chrome: var(--surface);
@@ -166,7 +166,7 @@
166
166
  * light one, but a sunken one is *always* darker, because the metaphor is a
167
167
  * well cut into the page rather than a panel laid on it.
168
168
  */
169
- --surface-sunken: oklch(0.913 0.008 261.79);
169
+ --surface-sunken: oklch(0.98 0 0);
170
170
  --chrome-alpha: 0.9;
171
171
 
172
172
  color-scheme: light;
@@ -187,63 +187,63 @@
187
187
  .dark {
188
188
  /* @generated theme:dark — run `bun run theme:build` after changing the catalogue */
189
189
  /* The canvas and its text */
190
- --background: oklch(0.1918 0.0238 265.37);
191
- --foreground: oklch(0.7933 0.0217 261.76);
190
+ --background: oklch(0.1756 0.0063 300.91);
191
+ --foreground: oklch(0.942 0.0054 297.72);
192
192
 
193
193
  /* Raised surfaces */
194
- --card: oklch(0.2268 0.0288 265.37);
195
- --card-foreground: oklch(0.7933 0.0217 261.76);
196
- --popover: oklch(0.2568 0.033 265.37);
197
- --popover-foreground: oklch(0.7933 0.0217 261.76);
198
- --surface-hover: oklch(0.2918 0.038 265.37);
199
- --surface-active: oklch(0.3418 0.0214 265.37);
194
+ --card: oklch(0.2106 0.0076 300.91);
195
+ --card-foreground: oklch(0.942 0.0054 297.72);
196
+ --popover: oklch(0.2406 0.0088 300.91);
197
+ --popover-foreground: oklch(0.942 0.0054 297.72);
198
+ --surface-hover: oklch(0.2756 0.0101 300.91);
199
+ --surface-active: oklch(0.3256 0.0057 300.91);
200
200
 
201
201
  --surface: var(--background);
202
202
  --surface-raised: var(--card);
203
203
  --surface-overlay: var(--popover);
204
204
 
205
205
  /* The interactive colour */
206
- --primary: oklch(0.7153 0.1518 253.31);
207
- --primary-foreground: oklch(0.1918 0.0238 265.37);
208
- --ring: oklch(0.7153 0.1518 253.31);
209
- --accent: oklch(0.2918 0.038 265.37);
210
- --accent-foreground: oklch(0.7933 0.0217 261.76);
206
+ --primary: oklch(0.7323 0.1668 301.69);
207
+ --primary-foreground: oklch(0.1756 0.0063 300.91);
208
+ --ring: oklch(0.7323 0.1668 301.69);
209
+ --accent: oklch(0.2756 0.0101 300.91);
210
+ --accent-foreground: oklch(0.942 0.0054 297.72);
211
211
 
212
212
  /* Neutral fills and secondary text */
213
- --secondary: oklch(0.2268 0.0288 265.37);
214
- --secondary-foreground: oklch(0.7933 0.0217 261.76);
215
- --muted: oklch(0.2268 0.0288 265.37);
216
- --muted-foreground: oklch(0.6308 0.0224 262.91);
213
+ --secondary: oklch(0.2106 0.0076 300.91);
214
+ --secondary-foreground: oklch(0.942 0.0054 297.72);
215
+ --muted: oklch(0.2106 0.0076 300.91);
216
+ --muted-foreground: oklch(0.6967 0.0057 298.74);
217
217
 
218
218
  /* Status fills; solid labels and subtle surfaces come from the catalogue. */
219
219
  --destructive: oklch(0.7345 0.1626 25.78);
220
- --destructive-foreground: oklch(0.1918 0.0238 265.37);
220
+ --destructive-foreground: oklch(0.1756 0.0063 300.91);
221
221
  --destructive-action: oklch(0.7345 0.1626 25.78);
222
- --destructive-action-foreground: oklch(0.1918 0.0238 265.37);
222
+ --destructive-action-foreground: oklch(0.1756 0.0063 300.91);
223
223
  --success: oklch(0.6951 0.1809 145.62);
224
- --success-foreground: oklch(0.1918 0.0238 265.37);
224
+ --success-foreground: oklch(0.1756 0.0063 300.91);
225
225
  --warning: oklch(0.7196 0.1401 79.91);
226
- --warning-foreground: oklch(0.1918 0.0238 265.37);
226
+ --warning-foreground: oklch(0.1756 0.0063 300.91);
227
227
  --info: oklch(0.7555 0.1155 202.14);
228
- --info-foreground: oklch(0.1918 0.0238 265.37);
229
- --destructive-subtle: oklch(0.2678 0.0432 282.23);
230
- --success-subtle: oklch(0.2623 0.0458 248.61);
231
- --warning-subtle: oklch(0.2657 0.0401 289.81);
232
- --info-subtle: oklch(0.2707 0.0366 256.52);
228
+ --info-foreground: oklch(0.1756 0.0063 300.91);
229
+ --destructive-subtle: oklch(0.2538 0.0282 312.79);
230
+ --success-subtle: oklch(0.2483 0.0307 279.17);
231
+ --warning-subtle: oklch(0.2518 0.025 320.37);
232
+ --info-subtle: oklch(0.2568 0.0216 287.08);
233
233
 
234
234
  /* Lines */
235
- --border: oklch(0.3418 0.0214 265.37);
236
- --input: oklch(0.3418 0.0214 265.37);
235
+ --border: oklch(0.3256 0.0057 300.91);
236
+ --input: oklch(0.3256 0.0057 300.91);
237
237
 
238
238
  /* The primary, so a focus ring is the interactive colour. */
239
239
  --ring: var(--primary);
240
240
 
241
241
  /* The sidebar */
242
- --sidebar: oklch(0.2268 0.0288 265.37);
243
- --sidebar-foreground: oklch(0.7933 0.0217 261.76);
244
- --sidebar-accent: oklch(0.2918 0.038 265.37);
245
- --sidebar-border: oklch(0.3418 0.0214 265.37);
246
- --sidebar-muted-foreground: oklch(0.6308 0.0224 262.91);
242
+ --sidebar: oklch(0.2106 0.0076 300.91);
243
+ --sidebar-foreground: oklch(0.942 0.0054 297.72);
244
+ --sidebar-accent: oklch(0.2756 0.0101 300.91);
245
+ --sidebar-border: oklch(0.3256 0.0057 300.91);
246
+ --sidebar-muted-foreground: oklch(0.6967 0.0057 298.74);
247
247
 
248
248
  --sidebar-primary: var(--primary);
249
249
  --sidebar-primary-foreground: var(--primary-foreground);
@@ -279,7 +279,7 @@
279
279
  * Both values come from @adea-ai/themes, so the accent blocks below are the same
280
280
  * rule rather than a matching one — which is what they were not, before.
281
281
  */
282
- --primary-hover: oklch(0.7653 0.1518 253.31);
282
+ --primary-hover: oklch(0.7823 0.1668 301.69);
283
283
  --primary-subtle: color-mix(in oklch, var(--primary) 16%, transparent);
284
284
  /* The window chrome, one step off the canvas. */
285
285
  --chrome: var(--surface);
@@ -294,7 +294,7 @@
294
294
  * light one, but a sunken one is *always* darker, because the metaphor is a
295
295
  * well cut into the page rather than a panel laid on it.
296
296
  */
297
- --surface-sunken: oklch(0.1718 0.0199 265.37);
297
+ --surface-sunken: oklch(0.1556 0.0049 300.91);
298
298
  --chrome-alpha: 0.9;
299
299
 
300
300
  color-scheme: dark;