@kitn.ai/ui 0.18.0 → 0.18.2

package/dist/ui/pane-group.d.ts

@@ -66,8 +66,10 @@ export interface PaneGroupProps {
  * renders `children` as the active pane's body and swaps it in response to
  * `onTabChange`. Selection-only — it never routes content itself.
  *
- * Accessibility: `role="tablist"` strip, `role="tab"` tabs with roving tabindex
- * and Arrow/Home/End navigation, the body as `role="tabpanel"`. Colors are all
+ * Accessibility: a `role="group"` ("Open panes") strip of real `<button>` tab
+ * activators (NOT `role="tab"`, so the strip can legally own the per-tab menu/close
+ * buttons) with roving tabindex + Arrow/Home/End navigation; the active activator is
+ * marked `aria-current="true"`, and the body is the `role="tabpanel"`. Colors are all
  * token-backed (surface / border / ring / tool-*), so it reads in light and dark.
  * The strip, each tab, and the body are exposed via `::part(tabs|tab|body)` for
  * the `kai-pane-group` facade. Give the group a bounded height for the body scroll.

package/package.json

@@ -1,6 +1,9 @@
 {
   "name": "@kitn.ai/ui",
-  "version": "0.18.0",
+  "version": "0.18.2",
+  "nx": {
+    "name": "ui"
+  },
   "type": "module",
   "sideEffects": [
     "**/*.css",
@@ -63,6 +66,9 @@
     },
     "./theme.css": "./theme.css",
     "./theme.tokens.css": "./dist/theme.tokens.css",
+    "./element-meta.json": "./src/elements/element-meta.json",
+    "./icon-names.json": "./src/elements/icon-names.json",
+    "./package.json": "./package.json",
     "./react": {
       "types": "./dist/react/index.d.ts",
       "default": "./dist/react.js"
@@ -112,8 +118,8 @@
     "build-storybook": "npm run build:css && storybook build",
     "build:css": "tailwindcss -i src/elements/styles.css -o src/elements/compiled.css --minify",
     "build:css:watch": "tailwindcss -i src/elements/styles.css -o src/elements/compiled.css --watch",
-    "dev:provider": "vite examples/remote-provider --port 6007 --strictPort",
-    "dev:host": "vite examples/remote-host --port 6006 --strictPort",
+    "dev:provider": "vite ../../examples/remote-provider --port 6007 --strictPort",
+    "dev:host": "vite ../../examples/remote-host --port 6006 --strictPort",
     "test:e2e": "playwright test",
     "test:composer-ivp": "playwright test --config playwright.composer.config.ts",
     "test:slots-ivp": "playwright test --config playwright.slots.config.ts",

package/src/agent-tooling/mcp/tools/debug.ts

@@ -9,7 +9,7 @@ import type { Tool } from './types';
  * self-correct without a human in the loop.
  *
  * Rule set sourced from:
- *  - docs-site/src/content/docs/guides/for-ai-agents.mdx §"What agents most commonly get wrong"
+ *  - apps/docs/src/content/docs/guides/for-ai-agents.mdx §"What agents most commonly get wrong"
  *  - context7.json `rules` array (5 contract rules)
  */
 

package/src/components/coachmark.tsx

@@ -60,9 +60,13 @@ const TONE_DEFAULTS = {
   primary: { bg: 'var(--color-primary)', fg: 'var(--color-primary-foreground)' },
   info: { bg: 'var(--color-tool-blue)', fg: '#fff' },
   success: { bg: 'var(--color-tool-green)', fg: '#fff' },
-  // Amber is light, so it carries a fixed dark foreground for contrast (a theme
-  // var would flip to white in dark mode and fail against the amber).
-  warning: { bg: 'var(--color-tool-amber)', fg: '#1a1a1a' },
+  // Light amber surface + near-black foreground. --color-warning is a dark amber in
+  // light mode (#935f06) and a bright amber in dark mode, both too saturated for
+  // white/cream text at 85% opacity to hit 4.5:1. --color-warning-soft (14% warning
+  // blended into the page background) gives a light tint in light mode and a dark
+  // tint in dark mode; --color-foreground (near-black in light, near-white in dark)
+  // provides >10:1 on the soft surface — still >>4.5:1 at text-current/85 opacity.
+  warning: { bg: 'var(--color-warning-soft)', fg: 'var(--color-foreground)' },
   error: { bg: 'var(--color-tool-red)', fg: '#fff' },
 } as const;
 

package/src/components/component-meta.json

@@ -1003,8 +1003,8 @@
     "callbacks": [
       {
         "name": "host",
-        "type": "undefined | { context: () => import(\"/home/runner/work/ui/ui/src/index\").CardContext; emit: (event: CardEvent) => void }",
-        "displayType": "undefined | { context: () => import(\"/home/runner/work/ui/ui/src/index\").CardContext; emit: (event: CardEvent) => void }",
+        "type": "undefined | { context: () => import(\"/home/runner/work/ui/ui/packages/ui/src/index\").CardContext; emit: (event: CardEvent) => void }",
+        "displayType": "undefined | { context: () => import(\"/home/runner/work/ui/ui/packages/ui/src/index\").CardContext; emit: (event: CardEvent) => void }",
         "description": "Optional explicit CardHost (otherwise read from a CardProvider, otherwise the bubbling `kai-card` CustomEvent off `hostElement`)."
       },
       {
@@ -1197,8 +1197,8 @@
     "callbacks": [
       {
         "name": "host",
-        "type": "undefined | { context: () => import(\"/home/runner/work/ui/ui/src/index\").CardContext; emit: (event: CardEvent) => void }",
-        "displayType": "undefined | { context: () => import(\"/home/runner/work/ui/ui/src/index\").CardContext; emit: (event: CardEvent) => void }",
+        "type": "undefined | { context: () => import(\"/home/runner/work/ui/ui/packages/ui/src/index\").CardContext; emit: (event: CardEvent) => void }",
+        "displayType": "undefined | { context: () => import(\"/home/runner/work/ui/ui/packages/ui/src/index\").CardContext; emit: (event: CardEvent) => void }",
         "description": "Optional explicit CardHost (otherwise read from a CardProvider, otherwise the bubbling `kai-card` CustomEvent off `hostElement`)."
       },
       {
@@ -2093,8 +2093,8 @@
     "callbacks": [
       {
         "name": "host",
-        "type": "undefined | { context: () => import(\"/home/runner/work/ui/ui/src/index\").CardContext; emit: (event: CardEvent) => void }",
-        "displayType": "undefined | { context: () => import(\"/home/runner/work/ui/ui/src/index\").CardContext; emit: (event: CardEvent) => void }",
+        "type": "undefined | { context: () => import(\"/home/runner/work/ui/ui/packages/ui/src/index\").CardContext; emit: (event: CardEvent) => void }",
+        "displayType": "undefined | { context: () => import(\"/home/runner/work/ui/ui/packages/ui/src/index\").CardContext; emit: (event: CardEvent) => void }",
         "description": "Optional explicit CardHost (otherwise read from a CardProvider, otherwise the bubbling `kai-card` CustomEvent off `hostElement`)."
       },
       {
@@ -3244,8 +3244,8 @@
     "callbacks": [
       {
         "name": "host",
-        "type": "undefined | { context: () => import(\"/home/runner/work/ui/ui/src/index\").CardContext; emit: (event: CardEvent) => void }",
-        "displayType": "undefined | { context: () => import(\"/home/runner/work/ui/ui/src/index\").CardContext; emit: (event: CardEvent) => void }",
+        "type": "undefined | { context: () => import(\"/home/runner/work/ui/ui/packages/ui/src/index\").CardContext; emit: (event: CardEvent) => void }",
+        "displayType": "undefined | { context: () => import(\"/home/runner/work/ui/ui/packages/ui/src/index\").CardContext; emit: (event: CardEvent) => void }",
         "description": "Optional explicit CardHost (otherwise read from a CardProvider, otherwise the bubbling `kai-card` CustomEvent off `hostElement`)."
       },
       {

package/src/components/tasks-card.tsx

@@ -652,7 +652,6 @@ function ProgressChecklist(props: {
       <ul
         aria-labelledby={props.heading ? props.headingId : undefined}
         aria-label={props.heading ? undefined : 'Checklist'}
-        aria-readonly={props.readonly ? 'true' : undefined}
         class="flex flex-col gap-1"
       >
         <For each={props.tasks}>