@box-kite/react 2.2.2 → 2.2.4

package/README.md

@@ -20,9 +20,6 @@ version behind what it is writing against: [Built for AI](https://www.box-kite.d
 [`npx @box-kite/mcp`](https://www.npmjs.com/package/@box-kite/mcp) ·
 [generative UI](https://www.box-kite.dev/generative-ui/)
 
-> **Renamed at 1.0.0.** This was `@cronocode/react-box`. The API is unchanged — the move is one
-> find-and-replace, and `@cronocode/react-box@3.4.0` re-exports this package.
-
 ## Getting Started
 
 1. Installation

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box-kite/react",
-  "version": "2.2.2",
+  "version": "2.2.4",
   "type": "module",
   "sideEffects": [
     "pages/**"
@@ -76,7 +76,6 @@
     "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",
     "compile": "tsc --noEmit --skipLibCheck",
     "test": "vitest run",
@@ -117,7 +116,7 @@
         "./themeReveal-*"
       ],
       "gzip": true,
-      "limit": "37.54 KB"
+      "limit": "37.64 KB"
     },
     {
       "name": "Box in a Server Component (react-server entry)",
@@ -129,7 +128,7 @@
         "./themeReveal-*"
       ],
       "gzip": true,
-      "limit": "35.63 KB"
+      "limit": "35.73 KB"
     },
     {
       "name": "Behavior primitives (a11y entry)",
@@ -165,7 +164,7 @@
         "./themeReveal-*"
       ],
       "gzip": true,
-      "limit": "55.64 KB"
+      "limit": "55.68 KB"
     },
     {
       "name": "Spec renderer (spec entry)",
@@ -195,7 +194,7 @@
       "name": "Core engine (@box-kite/core, no React)",
       "path": "dist-core/core.mjs",
       "gzip": true,
-      "limit": "36.90 KB",
+      "limit": "36.95 KB",
       "ignore": [
         "./diagnostics-*",
         "./themeReveal-*"
@@ -211,7 +210,7 @@
         "./themeReveal-*"
       ],
       "gzip": true,
-      "limit": "39.61 KB"
+      "limit": "39.70 KB"
     },
     {
       "name": "Popover",
@@ -223,7 +222,7 @@
         "./themeReveal-*"
       ],
       "gzip": true,
-      "limit": "41.15 KB"
+      "limit": "41.24 KB"
     },
     {
       "name": "Menu",
@@ -235,7 +234,7 @@
         "./themeReveal-*"
       ],
       "gzip": true,
-      "limit": "43.41 KB"
+      "limit": "43.48 KB"
     },
     {
       "name": "Accordion",
@@ -247,7 +246,7 @@
         "./themeReveal-*"
       ],
       "gzip": true,
-      "limit": "38.88 KB"
+      "limit": "38.97 KB"
     },
     {
       "name": "Agent",
@@ -259,7 +258,7 @@
         "./themeReveal-*"
       ],
       "gzip": true,
-      "limit": "39.63 KB"
+      "limit": "39.72 KB"
     },
     {
       "name": "Markdown",
@@ -271,7 +270,7 @@
         "./themeReveal-*"
       ],
       "gzip": true,
-      "limit": "38.10 KB"
+      "limit": "38.21 KB"
     },
     {
       "name": "Skeleton",
@@ -283,7 +282,7 @@
         "./themeReveal-*"
       ],
       "gzip": true,
-      "limit": "37.44 KB"
+      "limit": "37.54 KB"
     },
     {
       "name": "Tabs",
@@ -295,7 +294,7 @@
         "./themeReveal-*"
       ],
       "gzip": true,
-      "limit": "40.06 KB"
+      "limit": "40.14 KB"
     },
     {
       "name": "Slider",
@@ -307,7 +306,7 @@
         "./themeReveal-*"
       ],
       "gzip": true,
-      "limit": "39.22 KB"
+      "limit": "39.32 KB"
     },
     {
       "name": "Progress",
@@ -319,7 +318,7 @@
         "./themeReveal-*"
       ],
       "gzip": true,
-      "limit": "37.41 KB"
+      "limit": "37.52 KB"
     },
     {
       "name": "Toaster",
@@ -331,7 +330,7 @@
         "./themeReveal-*"
       ],
       "gzip": true,
-      "limit": "40.84 KB"
+      "limit": "40.92 KB"
     },
     {
       "name": "Combobox",
@@ -343,7 +342,7 @@
         "./themeReveal-*"
       ],
       "gzip": true,
-      "limit": "46.65 KB"
+      "limit": "46.75 KB"
     },
     {
       "name": "Dashboard",
@@ -355,7 +354,7 @@
         "./themeReveal-*"
       ],
       "gzip": true,
-      "limit": "43.06 KB"
+      "limit": "43.14 KB"
     },
     {
       "name": "DataGrid",
@@ -367,7 +366,7 @@
         "./themeReveal-*"
       ],
       "gzip": true,
-      "limit": "89.79 KB"
+      "limit": "89.87 KB"
     },
     {
       "name": "DataGrid export, the chunk fetched on the first press",
@@ -391,7 +390,7 @@
         "./themeReveal-*"
       ],
       "gzip": true,
-      "limit": "120.52 KB"
+      "limit": "120.60 KB"
     }
   ],
   "repository": {
@@ -431,7 +430,7 @@
     "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@box-kite/core": "2.2.2",
+    "@box-kite/core": "2.2.4",
     "csstype": "^3.2.3",
     "use-sync-external-store": "^1.6.0"
   },

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=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}});
+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,f=new WeakMap,p=new WeakMap;function m(e){let n=f.get(e);if(!n){let{href:r,css:i,precedence:a}=e;n=t.default.createElement(`style`,{key:r,href:r,precedence:a,dangerouslySetInnerHTML:{__html:i}}),f.set(e,n)}return n}function h(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.`));let n=p.get(e);return n||(n=e.map(m),p.set(e,n)),n}function g(e,t){let{classNames:r,signature:i,styleElements:a}=(0,n.getDefaultEngine)().resolveClassNames(e,t);return{classNames:r,signature:i,styleElements:h(a)}}var _=`__boxAttributesInProps`;function v(e){return e[_]=!0,e}function y(e){return typeof e==`function`||typeof e==`object`&&e?e[_]===!0:!1}var b=[`role`,`aria-label`,`aria-labelledby`,`aria-hidden`];function x(e,t){if(e!==void 0)return{role:`img`,"aria-label":e};if(!(t&&b.some(e=>e in t)))return{"aria-hidden":!0}}var S;(function(e){function t(e){return e.charAt(0).toUpperCase()+e.slice(1)}e.capitalize=t})(S||={});var C=S,w;(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})(w||={});var T=w,E=[`sky-500`,`emerald-500`,`amber-500`,`violet-500`,`rose-500`,`cyan-500`],D=[`sky-400`,`emerald-400`,`amber-400`,`violet-400`,`rose-400`,`cyan-400`];function O(e){return e.reduce((e,t,n)=>(e[`chart-${n+1}`]=t,e),{})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return v}}),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 T}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return h}});

package/react-shared.mjs

@@ -35,59 +35,70 @@ function d(e, t) {
 }
 //#endregion
 //#region src/react/styleElements.ts
-var f = parseInt(e.version, 10) >= 19, p = !1;
-function m(t) {
-	if (t?.length) return !f && !p && (p = !0, console.warn(`[box-kite] Box.configure({ sink: 'element' }) needs React 19 to hoist and dedupe its <style> elements; React ${e.version} will render them inline. Use the default sink instead.`)), t.map(({ href: t, css: n, precedence: r }) => e.createElement("style", {
-		key: t,
-		href: t,
-		precedence: r,
-		dangerouslySetInnerHTML: { __html: n }
-	}));
+var f = parseInt(e.version, 10) >= 19, p = !1, m = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap();
+function g(t) {
+	let n = m.get(t);
+	if (!n) {
+		let { href: r, css: i, precedence: a } = t;
+		n = e.createElement("style", {
+			key: r,
+			href: r,
+			precedence: a,
+			dangerouslySetInnerHTML: { __html: i }
+		}), m.set(t, n);
+	}
+	return n;
+}
+function _(t) {
+	if (!t?.length) return;
+	!f && !p && (p = !0, console.warn(`[box-kite] Box.configure({ sink: 'element' }) needs React 19 to hoist and dedupe its <style> elements; React ${e.version} will render them inline. Use the default sink instead.`));
+	let n = h.get(t);
+	return n || (n = t.map(g), h.set(t, n)), n;
 }
 //#endregion
 //#region src/react/resolveStyles.ts
-function h(e, t) {
+function v(e, t) {
 	let { classNames: n, signature: r, styleElements: a } = i().resolveClassNames(e, t);
 	return {
 		classNames: n,
 		signature: r,
-		styleElements: m(a)
+		styleElements: _(a)
 	};
 }
 //#endregion
 //#region src/react/svg/attributesInProps.ts
-var g = "__boxAttributesInProps";
-function _(e) {
-	return e[g] = !0, e;
+var y = "__boxAttributesInProps";
+function b(e) {
+	return e[y] = !0, e;
 }
-function v(e) {
-	return typeof e == "function" || typeof e == "object" && e ? e[g] === !0 : !1;
+function x(e) {
+	return typeof e == "function" || typeof e == "object" && e ? e[y] === !0 : !1;
 }
 //#endregion
 //#region src/react/svg/svgNaming.ts
-var y = [
+var S = [
 	"role",
 	"aria-label",
 	"aria-labelledby",
 	"aria-hidden"
 ];
-function b(e, t) {
+function C(e, t) {
 	if (e !== void 0) return {
 		role: "img",
 		"aria-label": e
 	};
-	if (!(t && y.some((e) => e in t))) return { "aria-hidden": !0 };
+	if (!(t && S.some((e) => e in t))) return { "aria-hidden": !0 };
 }
 //#endregion
 //#region src/utils/string/stringUtils.ts
-var x;
+var w;
 (function(e) {
 	function t(e) {
 		return e.charAt(0).toUpperCase() + e.slice(1);
 	}
 	e.capitalize = t;
-})(x ||= {});
-var S = x, C;
+})(w ||= {});
+var T = w, E;
 (function(e) {
 	function t(e, t, n) {
 		let r = { ...e }, i = r.props || {};
@@ -106,15 +117,15 @@ var S = x, C;
 		return e in t;
 	}
 	e.isKeyOf = r;
-})(C ||= {});
-var w = C, T = [
+})(E ||= {});
+var D = E, O = [
 	"sky-500",
 	"emerald-500",
 	"amber-500",
 	"violet-500",
 	"rose-500",
 	"cyan-500"
-], E = [
+], k = [
 	"sky-400",
 	"emerald-400",
 	"amber-400",
@@ -122,8 +133,8 @@ var w = C, T = [
 	"rose-400",
 	"cyan-400"
 ];
-function D(e) {
+function A(e) {
 	return e.reduce((e, t, n) => (e[`chart-${n + 1}`] = t, e), {});
 }
 //#endregion
-export { S as a, _ as c, d, s as f, w as i, h as l, T as n, b as o, a as p, D as r, v as s, E as t, m as u };
+export { T as a, b as c, d, s as f, D as i, v as l, O as n, C as o, a as p, A as r, x as s, k as t, _ as u };