@box-kite/react 2.0.1 → 2.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box-kite/react",
-  "version": "2.0.1",
+  "version": "2.2.0",
   "type": "module",
   "sideEffects": [
     "pages/**"
@@ -34,6 +34,21 @@
       "import": "./anchor.mjs",
       "require": "./anchor.cjs"
     },
+    "./catalog": {
+      "types": "./catalog.d.ts",
+      "import": "./catalog.mjs",
+      "require": "./catalog.cjs"
+    },
+    "./interop": {
+      "types": "./interop.d.ts",
+      "import": "./interop.mjs",
+      "require": "./interop.cjs"
+    },
+    "./spec": {
+      "types": "./spec.d.ts",
+      "import": "./spec.mjs",
+      "require": "./spec.cjs"
+    },
     "./ssg": {
       "types": "./ssg.d.ts",
       "import": "./ssg.mjs",
@@ -59,6 +74,7 @@
     "preview": "vite preview ./pages --config ./pages.vite.config.ts --outDir ../dist-pages",
     "build": "npm run build:core && vite build",
     "build:core": "vite build --config vite.core.config.ts && node scripts/postbuild-core.mjs",
+    "build:mcp": "vite build --config vite.mcp.config.ts && node scripts/postbuild-mcp.mjs",
     "postbuild": "node scripts/postbuild.mjs",
     "build:bridge": "node scripts/build-bridge.mjs",
     "build:dev": "npm run build:core && vite build --mode dev",
@@ -75,10 +91,17 @@
     "docs:props": "node scripts/check-props-api.mjs --fix",
     "check:components": "node scripts/check-components-api.mjs",
     "docs:components": "node scripts/check-components-api.mjs --fix",
+    "check:catalog": "node scripts/check-catalog-api.mjs",
+    "docs:catalog": "node scripts/check-catalog-api.mjs --fix",
     "check:conventions": "node scripts/check-component-conventions.mjs",
     "check:agents": "node scripts/check-agent-files.mjs",
     "docs:agents": "node scripts/check-agent-files.mjs --fix",
-    "check:package": "publint dist && attw --pack dist --ignore-rules false-esm cjs-resolves-to-esm internal-resolution-error && publint dist-core && attw --pack dist-core --ignore-rules false-esm cjs-resolves-to-esm internal-resolution-error",
+    "check:package": "publint dist && attw --pack dist --ignore-rules false-esm cjs-resolves-to-esm internal-resolution-error && publint dist-core && attw --pack dist-core --ignore-rules false-esm cjs-resolves-to-esm internal-resolution-error && publint dist-mcp",
+    "bench": "node bench/run.mjs",
+    "compare": "node dev/compare/report.mjs",
+    "compare:tailwind": "node dev/compare/report.mjs tailwind",
+    "compare:radix": "node dev/compare/report.mjs radix",
+    "compare:grid": "node dev/compare/report.mjs grid",
     "size": "size-limit",
     "size:published": "node dev/published-size.mjs",
     "release": "node scripts/release.mjs"
@@ -89,27 +112,30 @@
       "path": "dist/box.mjs",
       "ignore": [
         "react",
-        "react-dom"
+        "react-dom",
+        "./diagnostics-*"
       ],
       "gzip": true,
-      "limit": "30.40 KB"
+      "limit": "36.28 KB"
     },
     {
       "name": "Box in a Server Component (react-server entry)",
       "path": "dist/rsc.mjs",
       "ignore": [
         "react",
-        "react-dom"
+        "react-dom",
+        "./diagnostics-*"
       ],
       "gzip": true,
-      "limit": "28.90 KB"
+      "limit": "34.69 KB"
     },
     {
       "name": "Behavior primitives (a11y entry)",
       "path": "dist/a11y.mjs",
       "ignore": [
         "react",
-        "react-dom"
+        "react-dom",
+        "./diagnostics-*"
       ],
       "gzip": true,
       "limit": "3.2 KB"
@@ -119,123 +145,215 @@
       "path": "dist/anchor.mjs",
       "ignore": [
         "react",
-        "react-dom"
+        "react-dom",
+        "./diagnostics-*"
       ],
       "gzip": true,
       "limit": "2.25 KB"
     },
+    {
+      "name": "Component catalog (catalog entry)",
+      "path": "dist/catalog.mjs",
+      "ignore": [
+        "react",
+        "react-dom",
+        "./diagnostics-*"
+      ],
+      "gzip": true,
+      "limit": "54.73 KB"
+    },
+    {
+      "name": "Spec renderer (spec entry)",
+      "path": "dist/spec.mjs",
+      "ignore": [
+        "react",
+        "react-dom",
+        "./diagnostics-*"
+      ],
+      "gzip": true,
+      "limit": "4.7 KB"
+    },
+    {
+      "name": "Ecosystem interop (interop entry)",
+      "path": "dist/interop.mjs",
+      "ignore": [
+        "react",
+        "react-dom",
+        "./diagnostics-*"
+      ],
+      "gzip": true,
+      "limit": "4 KB"
+    },
     {
       "name": "Core engine (@box-kite/core, no React)",
       "path": "dist-core/core.mjs",
       "gzip": true,
-      "limit": "28.17 KB"
+      "limit": "35.73 KB",
+      "ignore": [
+        "./diagnostics-*"
+      ]
     },
     {
       "name": "Dialog",
       "path": "dist/components/dialog.mjs",
       "ignore": [
         "react",
-        "react-dom"
+        "react-dom",
+        "./diagnostics-*"
       ],
       "gzip": true,
-      "limit": "32.55 KB"
+      "limit": "38.35 KB"
     },
     {
       "name": "Popover",
       "path": "dist/components/popover.mjs",
       "ignore": [
         "react",
-        "react-dom"
+        "react-dom",
+        "./diagnostics-*"
       ],
       "gzip": true,
-      "limit": "34.02 KB"
+      "limit": "39.88 KB"
     },
     {
       "name": "Menu",
       "path": "dist/components/menu.mjs",
       "ignore": [
         "react",
-        "react-dom"
+        "react-dom",
+        "./diagnostics-*"
       ],
       "gzip": true,
-      "limit": "36.27 KB"
+      "limit": "42.15 KB"
     },
     {
       "name": "Accordion",
       "path": "dist/components/accordion.mjs",
       "ignore": [
         "react",
-        "react-dom"
+        "react-dom",
+        "./diagnostics-*"
+      ],
+      "gzip": true,
+      "limit": "37.60 KB"
+    },
+    {
+      "name": "Agent",
+      "path": "dist/components/agent.mjs",
+      "ignore": [
+        "react",
+        "react-dom",
+        "./diagnostics-*"
+      ],
+      "gzip": true,
+      "limit": "38.34 KB"
+    },
+    {
+      "name": "Markdown",
+      "path": "dist/components/markdown.mjs",
+      "ignore": [
+        "react",
+        "react-dom",
+        "./diagnostics-*"
       ],
       "gzip": true,
-      "limit": "31.76 KB"
+      "limit": "36.84 KB"
+    },
+    {
+      "name": "Skeleton",
+      "path": "dist/components/skeleton.mjs",
+      "ignore": [
+        "react",
+        "react-dom",
+        "./diagnostics-*"
+      ],
+      "gzip": true,
+      "limit": "36.17 KB"
     },
     {
       "name": "Tabs",
       "path": "dist/components/tabs.mjs",
       "ignore": [
         "react",
-        "react-dom"
+        "react-dom",
+        "./diagnostics-*"
       ],
       "gzip": true,
-      "limit": "32.96 KB"
+      "limit": "38.80 KB"
     },
     {
       "name": "Slider",
       "path": "dist/components/slider.mjs",
       "ignore": [
         "react",
-        "react-dom"
+        "react-dom",
+        "./diagnostics-*"
       ],
       "gzip": true,
-      "limit": "32.12 KB"
+      "limit": "37.95 KB"
     },
     {
       "name": "Progress",
       "path": "dist/components/progress.mjs",
       "ignore": [
         "react",
-        "react-dom"
+        "react-dom",
+        "./diagnostics-*"
       ],
       "gzip": true,
-      "limit": "30.28 KB"
+      "limit": "36.15 KB"
     },
     {
       "name": "Toaster",
       "path": "dist/components/toaster.mjs",
       "ignore": [
         "react",
-        "react-dom"
+        "react-dom",
+        "./diagnostics-*"
       ],
       "gzip": true,
-      "limit": "33.77 KB"
+      "limit": "39.62 KB"
     },
     {
       "name": "Combobox",
       "path": "dist/components/combobox.mjs",
       "ignore": [
         "react",
-        "react-dom"
+        "react-dom",
+        "./diagnostics-*"
+      ],
+      "gzip": true,
+      "limit": "45.41 KB"
+    },
+    {
+      "name": "Dashboard",
+      "path": "dist/components/dashboard.mjs",
+      "ignore": [
+        "react",
+        "react-dom",
+        "./diagnostics-*"
       ],
       "gzip": true,
-      "limit": "39.54 KB"
+      "limit": "41.80 KB"
     },
     {
       "name": "DataGrid",
       "path": "dist/components/dataGrid.mjs",
       "ignore": [
         "react",
-        "react-dom"
+        "react-dom",
+        "./diagnostics-*"
       ],
       "gzip": true,
-      "limit": "74.86 KB"
+      "limit": "83.18 KB"
     },
     {
       "name": "DataGrid export, the chunk fetched on the first press",
       "path": "dist/gridExport.mjs",
       "ignore": [
         "react",
-        "react-dom"
+        "react-dom",
+        "./diagnostics-*"
       ],
       "gzip": true,
       "limit": "3.8 KB"
@@ -245,10 +363,11 @@
       "path": "dev/size-full.mjs",
       "ignore": [
         "react",
-        "react-dom"
+        "react-dom",
+        "./diagnostics-*"
       ],
       "gzip": true,
-      "limit": "96.82 KB"
+      "limit": "114.74 KB"
     }
   ],
   "repository": {
@@ -276,35 +395,48 @@
     "url": "https://github.com/box-kite/box-kite/issues"
   },
   "homepage": "https://www.box-kite.dev",
-  "description": "One React component with 221 typed CSS props that generates atomic CSS at runtime — no CSS files, no build step, renders in a Server Component.",
+  "description": "One React component with 235 typed CSS props that generates atomic CSS at runtime — no CSS files, no build step, renders in a Server Component.",
   "peerDependencies": {
     "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@box-kite/core": "2.0.1",
+    "@box-kite/core": "2.2.0",
     "csstype": "^3.2.3",
     "use-sync-external-store": "^1.6.0"
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.5",
+    "@assistant-ui/core": "^0.3.20",
+    "@copilotkit/a2ui-renderer": "^1.73.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
     "@eslint/js": "^10.0.1",
     "@iconify-json/simple-icons": "^1.2.94",
     "@iconify/react": "^6.0.2",
+    "@json-render/core": "^0.20.0",
+    "@json-render/react": "^0.20.0",
+    "@lezer/javascript": "^1.5.5",
+    "@modelcontextprotocol/sdk": "^1.30.0",
+    "@mui/material": "^9.4.0",
+    "@mui/x-data-grid": "^9.14.0",
     "@size-limit/preset-small-lib": "^13.0.3",
     "@svgr/core": "^8.1.0",
     "@svgr/plugin-jsx": "^8.1.0",
+    "@tanstack/react-table": "^9.2.4",
+    "@tanstack/react-virtual": "^3.14.13",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^7.0.0",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.6",
     "@types/node": "^26.1.2",
-    "@types/prismjs": "^1.26.6",
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.4",
     "@types/use-sync-external-store": "^1.5.0",
     "@vitejs/plugin-react": "^6.0.5",
     "@vitest/coverage-v8": "^4.1.11",
+    "ag-grid-community": "^36.2.0",
+    "ag-grid-react": "^36.2.0",
     "axe-core": "^4.13.0",
     "eslint": "^10.8.0",
     "eslint-config-prettier": "^10.1.8",
@@ -318,18 +450,19 @@
     "lucide-react": "^1.28.0",
     "marked": "^18.0.11",
     "prettier": "^3.9.6",
-    "prismjs": "^1.30.0",
     "publint": "^0.3.24",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
     "react-router-dom": "^7.18.2",
     "recharts": "^3.10.1",
     "size-limit": "^13.0.3",
+    "sucrase": "^3.35.1",
     "typescript": "^6.0.3",
     "typescript-eslint": "^8.66.0",
     "unplugin-icons": "^23.0.1",
     "vite": "^8.2.0",
     "vite-plugin-dts": "^5.0.3",
-    "vitest": "^4.1.10"
+    "vitest": "^4.1.10",
+    "zod": "^4.6.5"
   }
 }

package/react/boxComponent.d.ts

@@ -0,0 +1,10 @@
+import { default as React, Ref } from 'react';
+type Render = (props: any, ref: any) => React.ReactNode;
+/**
+ * A component that is a Box: memoized, which skips a leaf whose props are all primitives, and one fiber on
+ * React 19. React 18 needs a `forwardRef` under the `memo`, which makes it two.
+ */
+export default function boxComponent(render: Render, displayName: string): React.MemoExoticComponent<((props: {
+    ref?: Ref<unknown>;
+}) => React.ReactNode) | React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>>;
+export {};

package/react/popover/useTopLayer.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Whether a floating layer goes in the top layer or in a portal — and, which is the point of reading it
+ * through a store, *when* that is decided. Asking the browser directly during a server render answers
+ * false (there is no `HTMLElement`), so the portal branch is taken and renders nothing, while the client
+ * renders the layer: one React #418 per load for any layer that is open in server-rendered HTML (bug
+ * #197). The server snapshot is therefore the top-layer shape.
+ *
+ * React reads that snapshot only while hydrating, so the two paths — which are different *positions* in
+ * the React tree, and so a remount — cost one correction on exactly one path: a browser with no Popover
+ * API adopting HTML that already holds the layer, where nothing can have been focused inside it yet. A
+ * layer a browser mounts (a dropdown opening) reads the real answer on its first render and never moves,
+ * which is what B2 stage 2 fixed and what a `useState(true)` corrected in an effect gives up.
+ *
+ * The consequence for a caller: while hydrating, this says `true` in a browser that has no `showPopover`
+ * to call, so an effect that calls one asks `supportsPopover()` rather than trusting this.
+ */
+export default function useTopLayer(): boolean;

package/react/spec/renderSpec.d.ts

@@ -0,0 +1,51 @@
+import { ReactNode } from 'react';
+import { SpecIssue } from '../../utils/spec/specTypes';
+import { SpecRegistry } from './specRegistry';
+/** What a bound event hands the host. Everything about where it came from, and nothing about what to do. */
+export interface SpecActionDetails {
+    /** What the spec sent with the action, resolved against the data the way a prop is. */
+    payload?: unknown;
+    /** The arguments the component called its handler with. */
+    args: unknown[];
+    /** The event prop that fired. */
+    prop: string;
+    component: string;
+    path: string;
+}
+export type SpecActionHandler = (action: string, details: SpecActionDetails) => void;
+export interface SpecRenderOptions {
+    /** What the spec may name, and what each name renders. */
+    registry: SpecRegistry;
+    /** What `{ $data: … }` reads from. */
+    data?: unknown;
+    /** Every action the spec binds arrives here. The host decides what any of them mean. */
+    onAction?: SpecActionHandler;
+    /** What stands in for a node that could not render. Nothing, unless the app says otherwise. */
+    fallback?: (issue: SpecIssue) => ReactNode;
+    /** A tree bigger than this stops rendering — a generated spec has no author to notice a runaway one. */
+    maxNodes?: number;
+    maxDepth?: number;
+    /** A node that threw renders its fallback until this changes: the next spec is a fresh chance. */
+    resetKey?: unknown;
+    /** A node that threw during a *commit*, which is after this function has returned. */
+    onError?: (issue: SpecIssue) => void;
+    /**
+     * The last value each node was given for a prop it cannot render without. A stream is not monotone —
+     * a column's `align` passes through `"e"` on its way to `"end"`, which fails its own schema and takes
+     * the whole `def` with it — so without this a grid on screen is unmounted and rebuilt several times
+     * in the last moments of a spec. `<SpecRenderer>` keeps one; a one-shot render needs none.
+     */
+    memory?: SpecMemory;
+}
+/** Keyed by a node's path and component: a different component at that path remembers nothing. */
+export type SpecMemory = Map<string, Record<string, unknown>>;
+export interface SpecRenderResult {
+    element: ReactNode;
+    /** Everything that did not render, and why. Advisory — the tree renders around every one of them. */
+    issues: SpecIssue[];
+}
+/**
+ * The spec as React elements, and everything that did not render. No hook in it, so a static spec
+ * renders on a server and a test can assert the issues without mounting anything.
+ */
+export declare function renderSpec(spec: unknown, options: SpecRenderOptions): SpecRenderResult;

package/react/spec/specBoundary.d.ts

@@ -0,0 +1,25 @@
+import { Component, ReactNode } from 'react';
+import { SpecIssue } from '../../utils/spec/specTypes';
+export interface SpecBoundaryProps {
+    /** Where the node sits in the spec, for the issue this reports. */
+    path: string;
+    component: string;
+    /** A new spec resets the boundary: the next version of a node deserves its own chance to render. */
+    resetKey: unknown;
+    fallback: (issue: SpecIssue) => ReactNode;
+    onError?: (issue: SpecIssue) => void;
+    children: ReactNode;
+}
+interface SpecBoundaryState {
+    message: string | null;
+    resetKey: unknown;
+}
+export default class SpecBoundary extends Component<SpecBoundaryProps, SpecBoundaryState> {
+    state: SpecBoundaryState;
+    static getDerivedStateFromProps(props: SpecBoundaryProps, state: SpecBoundaryState): Partial<SpecBoundaryState> | null;
+    static getDerivedStateFromError(error: unknown): Partial<SpecBoundaryState>;
+    componentDidCatch(error: unknown): void;
+    private issue;
+    render(): ReactNode;
+}
+export {};

package/react/spec/specRegistry.d.ts

@@ -0,0 +1,42 @@
+import { ComponentType } from 'react';
+import { CatalogSchema } from '@box-kite/core';
+import { SpecRules } from '../../utils/spec/specTypes';
+/** A component the catalog does not describe, or one whose rules the app wants to narrow. */
+export interface SpecComponent {
+    component: ComponentType<any>;
+    /** What its props may be, as JSON Schema. Without one, a spec may set none of them. */
+    props?: CatalogSchema;
+    /** Where children may go. `['default']` unless the catalog says otherwise. */
+    slots?: string[];
+    /** The props a spec may bind an action to — the only props that can ever become a function. */
+    events?: string[];
+    description?: string;
+}
+export interface SpecRegistryEntry extends SpecRules {
+    component: ComponentType<any>;
+}
+export interface SpecRegistry {
+    /** Every component a spec may name, in the order they were registered. */
+    readonly names: string[];
+    /** The rules alone, which is what `specSchema()` takes: registry in, the model's constraint out. */
+    readonly components: Record<string, SpecRules>;
+    get(type: string): SpecRegistryEntry | undefined;
+}
+/** What a `catalog()` result carries per component. Structural, so the catalog entry is not imported. */
+interface CatalogSource {
+    components: Record<string, {
+        description?: string;
+        props?: CatalogSchema;
+        slots?: string[];
+        events?: string[];
+    }>;
+}
+export interface SpecRegistryOptions {
+    /** The implementations, by the name a spec writes. A bare component takes its rules from the catalog. */
+    components: Record<string, ComponentType<any> | SpecComponent>;
+    /** `catalog()`, narrowed however the app narrowed it. Anything it describes needs no rules of its own. */
+    catalog?: CatalogSource;
+}
+/** The registry a `<SpecRenderer>` renders against. */
+export declare function createSpecRegistry(options: SpecRegistryOptions): SpecRegistry;
+export default createSpecRegistry;

package/react/spec/specRenderer.d.ts

@@ -0,0 +1,10 @@
+import { SpecIssue } from '../../utils/spec/specTypes';
+import { SpecRenderOptions } from './renderSpec';
+export interface SpecRendererProps extends Omit<SpecRenderOptions, 'onError' | 'resetKey' | 'memory'> {
+    /** Whatever arrived. Every field of it is checked, so a partial object from a stream is welcome. */
+    spec: unknown;
+    /** Called after each render whose issues changed, and again when a node throws during a commit. */
+    onIssues?: (issues: SpecIssue[]) => void;
+}
+/** A generated spec, rendered against what the app allows. */
+export default function SpecRenderer({ spec, onIssues, ...options }: SpecRendererProps): import('react').ReactNode;

package/react/theme/theme.d.ts

@@ -12,6 +12,16 @@ interface ThemeProps {
      * `globalStyles={{ scrollbarColor: ['violet-500', 'transparent'], theme: { dark: { scrollbarColor: [...] } } }}`.
      */
     globalStyles?: BoxStyleProps;
+    /**
+     * Cross-fade the page when the theme changes, where the browser has view transitions. Off by default,
+     * because a transition is a decision about the app rather than about theming.
+     *
+     * It exists as a prop rather than a recipe because the recipe has a trap in it: `startViewTransition`
+     * screenshots the page the moment its callback returns, and a `setState` has not rendered by then — so
+     * a hand-rolled version captures the old theme twice and nothing appears to change. This flushes the
+     * update inside the callback. Reduced motion skips the transition and keeps the theme change.
+     */
+    viewTransition?: boolean;
 }
 /**
  * The React binding for the theme system. Everything that actually touches the platform — reading

package/react/useStyles.d.ts

@@ -15,6 +15,8 @@ export declare namespace StylesContext {
     function clear(): void;
     /** The CSS emitted so far, as text. Flushes first — see `StyleEngine.getStyles`. */
     function getStyles(): string;
+    /** The CSS as a `<style>` element the browser can adopt — see `StyleEngine.getStyleTag`. */
+    function getStyleTag(): string;
     /** The id of the `<style>` element the default engine writes to. */
     function styleElementId(): string;
     /** Apply explicit engine configuration. Call before the first render — cached class names are dropped when the configuration changes. */

package/react-shared.cjs

@@ -1 +1 @@
-const e=require("./rolldown-runtime.cjs");let t=require("react");t=e.t(t,1);let n=require("@box-kite/core");function r({classNames:e,styleElements:t},r){return{className:(0,n.classNames)(e,r).join(` `),styles:t}}var i={selected:`aria-selected`},a;(function(e){function t(e,t,n){e!==void 0&&e!=null&&(n[i[t]??t]=Array.isArray(e)?e[0]:e)}e.assignBooleanProp=t})(a||={});var o=a;function s(e,t){let r=e,{props:i,className:a,disabled:s,required:c,checked:l,selected:u}=r,d={...i,className:(0,n.classNames)(t,a).join(` `)};return o.assignBooleanProp(s,`disabled`,d),o.assignBooleanProp(c,`required`,d),o.assignBooleanProp(l,`checked`,d),o.assignBooleanProp(u,`selected`,d),`style`in r&&(d.style=r.style),`id`in r&&(d.id=r.id),d}var c=parseInt(t.default.version,10)>=19,l=!1;function u(e){if(e?.length)return!c&&!l&&(l=!0,console.warn(`[box-kite] Box.configure({ sink: 'element' }) needs React 19 to hoist and dedupe its <style> elements; React ${t.default.version} will render them inline. Use the default sink instead.`)),e.map(({href:e,css:n,precedence:r})=>t.default.createElement(`style`,{key:e,href:e,precedence:r,dangerouslySetInnerHTML:{__html:n}}))}function d(e,t){let{classNames:r,signature:i,styleElements:a}=(0,n.getDefaultEngine)().resolveClassNames(e,t);return{classNames:r,signature:i,styleElements:u(a)}}var f=`__boxAttributesInProps`;function p(e){return e[f]=!0,e}function m(e){return typeof e==`function`||typeof e==`object`&&e?e[f]===!0:!1}var h=[`role`,`aria-label`,`aria-labelledby`,`aria-hidden`];function g(e,t){if(e!==void 0)return{role:`img`,"aria-label":e};if(!(t&&h.some(e=>e in t)))return{"aria-hidden":!0}}var _;(function(e){function t(e){return e.charAt(0).toUpperCase()+e.slice(1)}e.capitalize=t})(_||={});var v=_,y;(function(e){function t(e,t,n){let r={...e},i=r.props||{};return t.forEach(e=>{e in r&&(i[e]=r[e],delete r[e])}),n&&Object.entries(n).forEach(([e,t])=>{i[e]=t}),r.props=i,r}e.buildProps=t;function n(e){return!!e&&typeof e==`object`}e.isObject=n;function r(e,t){return e in t}e.isKeyOf=r})(y||={});var b=y,x=[`sky-500`,`emerald-500`,`amber-500`,`violet-500`,`rose-500`,`cyan-500`],S=[`sky-400`,`emerald-400`,`amber-400`,`violet-400`,`rose-400`,`cyan-400`];function C(e){return e.reduce((e,t,n)=>(e[`chart-${n+1}`]=t,e),{})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return u}});
+const e=require("./rolldown-runtime.cjs");let t=require("react");t=e.t(t,1);let n=require("@box-kite/core");function r({classNames:e,styleElements:t},r){return{className:(0,n.classNames)(e,r).join(` `),styles:t}}var i=parseInt(t.default.version,10)>=19;function a(e,n){let r=i?t=>e(t,t.ref??null):(0,t.forwardRef)(e),a=(0,t.memo)(r);return r.displayName=n,a.displayName=n,a}var o={selected:`aria-selected`},s;(function(e){function t(e,t,n){e!==void 0&&e!=null&&(n[o[t]??t]=Array.isArray(e)?e[0]:e)}e.assignBooleanProp=t})(s||={});var c=s;function l(e,t){let r=e,{props:i,className:a,disabled:o,required:s,checked:l,selected:u}=r,d={...i,className:(0,n.classNames)(t,a).join(` `)};return c.assignBooleanProp(o,`disabled`,d),c.assignBooleanProp(s,`required`,d),c.assignBooleanProp(l,`checked`,d),c.assignBooleanProp(u,`selected`,d),`style`in r&&(d.style=r.style),`id`in r&&(d.id=r.id),d}var u=parseInt(t.default.version,10)>=19,d=!1;function f(e){if(e?.length)return!u&&!d&&(d=!0,console.warn(`[box-kite] Box.configure({ sink: 'element' }) needs React 19 to hoist and dedupe its <style> elements; React ${t.default.version} will render them inline. Use the default sink instead.`)),e.map(({href:e,css:n,precedence:r})=>t.default.createElement(`style`,{key:e,href:e,precedence:r,dangerouslySetInnerHTML:{__html:n}}))}function p(e,t){let{classNames:r,signature:i,styleElements:a}=(0,n.getDefaultEngine)().resolveClassNames(e,t);return{classNames:r,signature:i,styleElements:f(a)}}var m=`__boxAttributesInProps`;function h(e){return e[m]=!0,e}function g(e){return typeof e==`function`||typeof e==`object`&&e?e[m]===!0:!1}var _=[`role`,`aria-label`,`aria-labelledby`,`aria-hidden`];function v(e,t){if(e!==void 0)return{role:`img`,"aria-label":e};if(!(t&&_.some(e=>e in t)))return{"aria-hidden":!0}}var y;(function(e){function t(e){return e.charAt(0).toUpperCase()+e.slice(1)}e.capitalize=t})(y||={});var b=y,x;(function(e){function t(e,t,n){let r={...e},i=r.props||{};return t.forEach(e=>{e in r&&(i[e]=r[e],delete r[e])}),n&&Object.entries(n).forEach(([e,t])=>{i[e]=t}),r.props=i,r}e.buildProps=t;function n(e){return!!e&&typeof e==`object`}e.isObject=n;function r(e,t){return e in t}e.isKeyOf=r})(x||={});var S=x,C=[`sky-500`,`emerald-500`,`amber-500`,`violet-500`,`rose-500`,`cyan-500`],w=[`sky-400`,`emerald-400`,`amber-400`,`violet-400`,`rose-400`,`cyan-400`];function T(e){return e.reduce((e,t,n)=>(e[`chart-${n+1}`]=t,e),{})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return f}});