@box-kite/react 2.0.1 → 2.2.0

package/react-shared.mjs

@@ -1,36 +1,43 @@
-import e from "react";
-import { classNames as t, getDefaultEngine as n } from "@box-kite/core";
+import e, { forwardRef as t, memo as n } from "react";
+import { classNames as r, getDefaultEngine as i } from "@box-kite/core";
 //#region src/react/boxClassNames.ts
-function r({ classNames: e, styleElements: n }, r) {
+function a({ classNames: e, styleElements: t }, n) {
 	return {
-		className: t(e, r).join(" "),
-		styles: n
+		className: r(e, n).join(" "),
+		styles: t
 	};
 }
 //#endregion
+//#region src/react/boxComponent.ts
+var o = parseInt(e.version, 10) >= 19;
+function s(e, r) {
+	let i = o ? (t) => e(t, t.ref ?? null) : t(e), a = n(i);
+	return i.displayName = r, a.displayName = r, a;
+}
+//#endregion
 //#region src/utils/box/boxUtils.ts
-var i = { selected: "aria-selected" }, a;
+var c = { selected: "aria-selected" }, l;
 (function(e) {
 	function t(e, t, n) {
-		e !== void 0 && e != null && (n[i[t] ?? t] = Array.isArray(e) ? e[0] : e);
+		e !== void 0 && e != null && (n[c[t] ?? t] = Array.isArray(e) ? e[0] : e);
 	}
 	e.assignBooleanProp = t;
-})(a ||= {});
-var o = a;
+})(l ||= {});
+var u = l;
 //#endregion
 //#region src/react/boxTagProps.ts
-function s(e, n) {
-	let r = e, { props: i, className: a, disabled: s, required: c, checked: l, selected: u } = r, d = {
+function d(e, t) {
+	let n = e, { props: i, className: a, disabled: o, required: s, checked: c, selected: l } = n, d = {
 		...i,
-		className: t(n, a).join(" ")
+		className: r(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;
+	return u.assignBooleanProp(o, "disabled", d), u.assignBooleanProp(s, "required", d), u.assignBooleanProp(c, "checked", d), u.assignBooleanProp(l, "selected", d), "style" in n && (d.style = n.style), "id" in n && (d.id = n.id), d;
 }
 //#endregion
 //#region src/react/styleElements.ts
-var c = parseInt(e.version, 10) >= 19, l = !1;
-function u(t) {
-	if (t?.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 ${e.version} will render them inline. Use the default sink instead.`)), t.map(({ href: t, css: n, precedence: r }) => e.createElement("style", {
+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,
@@ -39,48 +46,48 @@ function u(t) {
 }
 //#endregion
 //#region src/react/resolveStyles.ts
-function d(e, t) {
-	let { classNames: r, signature: i, styleElements: a } = n().resolveClassNames(e, t);
+function h(e, t) {
+	let { classNames: n, signature: r, styleElements: a } = i().resolveClassNames(e, t);
 	return {
-		classNames: r,
-		signature: i,
-		styleElements: u(a)
+		classNames: n,
+		signature: r,
+		styleElements: m(a)
 	};
 }
 //#endregion
 //#region src/react/svg/attributesInProps.ts
-var f = "__boxAttributesInProps";
-function p(e) {
-	return e[f] = !0, e;
+var g = "__boxAttributesInProps";
+function _(e) {
+	return e[g] = !0, e;
 }
-function m(e) {
-	return typeof e == "function" || typeof e == "object" && e ? e[f] === !0 : !1;
+function v(e) {
+	return typeof e == "function" || typeof e == "object" && e ? e[g] === !0 : !1;
 }
 //#endregion
 //#region src/react/svg/svgNaming.ts
-var h = [
+var y = [
 	"role",
 	"aria-label",
 	"aria-labelledby",
 	"aria-hidden"
 ];
-function g(e, t) {
+function b(e, t) {
 	if (e !== void 0) return {
 		role: "img",
 		"aria-label": e
 	};
-	if (!(t && h.some((e) => e in t))) return { "aria-hidden": !0 };
+	if (!(t && y.some((e) => e in t))) return { "aria-hidden": !0 };
 }
 //#endregion
 //#region src/utils/string/stringUtils.ts
-var _;
+var x;
 (function(e) {
 	function t(e) {
 		return e.charAt(0).toUpperCase() + e.slice(1);
 	}
 	e.capitalize = t;
-})(_ ||= {});
-var v = _, y;
+})(x ||= {});
+var S = x, C;
 (function(e) {
 	function t(e, t, n) {
 		let r = { ...e }, i = r.props || {};
@@ -99,15 +106,15 @@ var v = _, y;
 		return e in t;
 	}
 	e.isKeyOf = r;
-})(y ||= {});
-var b = y, x = [
+})(C ||= {});
+var w = C, T = [
 	"sky-500",
 	"emerald-500",
 	"amber-500",
 	"violet-500",
 	"rose-500",
 	"cyan-500"
-], S = [
+], E = [
 	"sky-400",
 	"emerald-400",
 	"amber-400",
@@ -115,8 +122,8 @@ var b = y, x = [
 	"rose-400",
 	"cyan-400"
 ];
-function C(e) {
+function D(e) {
 	return e.reduce((e, t, n) => (e[`chart-${n + 1}`] = t, e), {});
 }
 //#endregion
-export { v as a, p as c, s as d, r as f, b as i, d as l, x as n, g as o, C as r, m as s, S as t, u };
+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 };

package/registry/blocks/dashboard-shell/dashboard-shell.d.ts

@@ -0,0 +1,22 @@
+import { ReactElement, ReactNode } from 'react';
+/**
+ * The frame an admin app hangs off: a sidebar, a header with search, a theme toggle and an account
+ * menu, and the page itself. The sidebar sticks to the top of its column and folds away below the `md`
+ * breakpoint; nothing here is measured or positioned by script.
+ *
+ * `Box.Theme` is `use="local"` here, so the theme lands on this element and the block can sit inside a
+ * page that has its own. Move it to your root layout as `use="global"` for an app-wide switch.
+ */
+export interface NavItem {
+    id: string;
+    label: string;
+    href: string;
+    icon: ReactElement;
+}
+export interface DashboardShellProps {
+    /** The heading above the page, and the `id` of the nav item that is marked as current. */
+    title: string;
+    current?: string;
+    children: ReactNode;
+}
+export default function DashboardShell({ title, current, children }: DashboardShellProps): import("react").JSX.Element;

package/registry/blocks/dashboard-shell/dashboard-stats.d.ts

@@ -0,0 +1,13 @@
+/**
+ * The row of tiles above a dashboard. The shapes are `components/chart` primitives — an SVG each, no
+ * chart library — and there is no `'use client'` here on purpose: nothing in this file holds state, so
+ * it renders in a Server Component, styles and all.
+ */
+export interface Stat {
+    label: string;
+    value: string;
+    delta: string;
+    up: boolean;
+    trend: number[];
+}
+export default function DashboardStats(): import("react").JSX.Element;

package/registry/blocks/data-grid/invoice-rows.d.ts

@@ -0,0 +1,15 @@
+/** The rows the block is wired to. Replace this file with your own fetch — the grid reads plain objects. */
+export interface Invoice {
+    id: number;
+    reference: string;
+    customer: string;
+    team: string;
+    status: 'paid' | 'pending' | 'overdue';
+    amount: number;
+    issued: string;
+}
+/**
+ * Two hundred invoices generated from the index, so the block has something to sort, filter, group and
+ * total without shipping a data file — and every reload shows the same table.
+ */
+export declare const invoices: Invoice[];

package/registry/blocks/data-grid/invoices-grid.d.ts

@@ -0,0 +1 @@
+export default function InvoicesGrid(): import("react").JSX.Element;

package/registry/blocks/settings-form/settings-form.d.ts

@@ -0,0 +1,17 @@
+/**
+ * A settings panel: text fields, a searchable select, a radio group, a slider and a switch, each a real
+ * form control. `Form` reads its own fields when it submits, so none of this needs state — `values` is
+ * built from the elements carrying a `name`.
+ *
+ * `<Toaster />` has to be mounted once near the root of the app for the confirmation to show.
+ */
+export interface Settings {
+    name: string;
+    email: string;
+    bio: string;
+    timezone: string;
+    theme: string;
+    density: string;
+    notify: boolean;
+}
+export default function SettingsForm(): import("react").JSX.Element;

package/rsc.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./rolldown-runtime.cjs"),t=require("./react-shared.cjs");let n=require("react");n=e.t(n,1);let r=require("@box-kite/core");(0,r.getDefaultEngine)().configure({sink:`element`});function i(e){let{tag:r=`div`,children:i}=e;if(typeof i==`function`)throw Error(`[box-kite] Box children as a function track hover state, which needs the client Box — render it from a 'use client' module.`);let{classNames:a,styleElements:o}=t.l(e,r===`svg`);return n.default.createElement(n.default.Fragment,null,o,n.default.createElement(r,t.d(e,a),i))}var a=i;a.extend=r.BoxExtends.extend,a.components=r.BoxExtends.components,a.keyframes=r.BoxExtends.keyframes,a.spring=r.Springs.spring,a.getVariableValue=e=>(0,r.getDefaultEngine)().getVariableValue(e),a.configure=e=>(0,r.getDefaultEngine)().configure(e);function o(e,n){return t.f(t.l(e,n?.svg===!0),e.className)}exports.default=a,exports.useClassNames=o;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./rolldown-runtime.cjs"),t=require("./react-shared.cjs");let n=require("react");n=e.t(n,1);let r=require("@box-kite/core");(0,r.getDefaultEngine)().configure({sink:`element`});function i(e,r){let{tag:i=`div`,children:a}=e;if(typeof a==`function`)throw Error(`[box-kite] Box children as a function track hover state, which needs the client Box — render it from a 'use client' module.`);let{classNames:o,styleElements:s}=t.l(e,i===`svg`);return n.default.createElement(n.default.Fragment,null,s,n.default.createElement(i,t.d(e,o),a))}function a(e){return i(e)}var o=a;o.extend=r.BoxExtends.extend,o.components=r.BoxExtends.components,o.keyframes=r.BoxExtends.keyframes,o.spring=r.Springs.spring,o.getVariableValue=e=>(0,r.getDefaultEngine)().getVariableValue(e),o.configure=e=>(0,r.getDefaultEngine)().configure(e),o.viewTransition=r.startViewTransition;function s(e,n){return t.p(t.l(e,n?.svg===!0),e.className)}exports.default=o,exports.useBoxElement=i,exports.useClassNames=s;

package/rsc.d.ts

@@ -1,8 +1,13 @@
 import { default as React } from 'react';
-import { BoxExtends, Springs, StylesConfiguration } from '@box-kite/core';
+import { BoxExtends, Springs, startViewTransition, StylesConfiguration } from '@box-kite/core';
 import { BoxClassNames } from './react/boxClassNames';
 import { BoxClassNameProps, BoxCoreProps } from './react/boxProps';
 import { ComponentsAndVariants } from '@box-kite/core/types';
+/**
+ * The client entry's `useBoxElement` with no hook in it, so a component built on it renders on a server too —
+ * the export condition picks the half. The `use` prefix stays for the reason `useClassNames` keeps it.
+ */
+export declare function useBoxElement<TTag extends keyof React.JSX.IntrinsicElements = 'div', TKey extends keyof ComponentsAndVariants = never>(props: BoxCoreProps<TTag, TKey>, _ref?: unknown): React.ReactNode;
 interface RscBoxType {
     <TTag extends keyof React.JSX.IntrinsicElements = 'div', TKey extends keyof ComponentsAndVariants = never>(props: BoxCoreProps<TTag, TKey>): React.ReactNode;
     extend: typeof BoxExtends.extend;
@@ -13,6 +18,11 @@ interface RscBoxType {
     getVariableValue: (name: string) => string;
     /** Explicit engine configuration. Element mode is already on; this is for the rest of it. */
     configure: (config: StylesConfiguration) => void;
+    /**
+     * Run a DOM change inside a view transition. Here for parity with the client entry — with no document
+     * there is no transition, so on a server it is the update and nothing else.
+     */
+    viewTransition: typeof startViewTransition;
 }
 declare const RscBox: RscBoxType;
 /**

package/rsc.mjs

@@ -1,18 +1,21 @@
-import { d as e, f as t, l as n } from "./react-shared.mjs";
+import { d as e, l as t, p as n } from "./react-shared.mjs";
 import r from "react";
-import { BoxExtends as i, Springs as a, getDefaultEngine as o } from "@box-kite/core";
+import { BoxExtends as i, Springs as a, getDefaultEngine as o, startViewTransition as s } from "@box-kite/core";
 //#region src/rsc.ts
 o().configure({ sink: "element" });
-function s(t) {
-	let { tag: i = "div", children: a } = t;
-	if (typeof a == "function") throw Error("[box-kite] Box children as a function track hover state, which needs the client Box — render it from a 'use client' module.");
-	let { classNames: o, styleElements: s } = n(t, i === "svg");
-	return r.createElement(r.Fragment, null, s, r.createElement(i, e(t, o), a));
+function c(n, i) {
+	let { tag: a = "div", children: o } = n;
+	if (typeof o == "function") throw Error("[box-kite] Box children as a function track hover state, which needs the client Box — render it from a 'use client' module.");
+	let { classNames: s, styleElements: c } = t(n, a === "svg");
+	return r.createElement(r.Fragment, null, c, r.createElement(a, e(n, s), o));
 }
-var c = s;
-c.extend = i.extend, c.components = i.components, c.keyframes = i.keyframes, c.spring = a.spring, c.getVariableValue = (e) => o().getVariableValue(e), c.configure = (e) => o().configure(e);
-function l(e, r) {
-	return t(n(e, r?.svg === !0), e.className);
+function l(e) {
+	return c(e);
+}
+var u = l;
+u.extend = i.extend, u.components = i.components, u.keyframes = i.keyframes, u.spring = a.spring, u.getVariableValue = (e) => o().getVariableValue(e), u.configure = (e) => o().configure(e), u.viewTransition = s;
+function d(e, r) {
+	return n(t(e, r?.svg === !0), e.className);
 }
 //#endregion
-export { c as default, l as useClassNames };
+export { u as default, c as useBoxElement, d as useClassNames };

package/spec.cjs

@@ -0,0 +1,2 @@
+"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./effects.cjs"),t=require("./specSchema.cjs"),n=require("./specData.cjs");let r=require("react"),i=require("react/jsx-runtime");var a;(function(e){let t=[`__proto__`,`constructor`,`prototype`],n=new Map;function r(e){if(!n.has(e))try{n.set(e,new RegExp(e))}catch{n.set(e,null)}return n.get(e)??null}function i(e){return!t.includes(e)}e.isSafeKey=i;function a(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}e.isPlainObject=a;function o(e,t){if(!e.$ref)return e;let n=e.$ref.startsWith(`#/$defs/`)?e.$ref.slice(8):null,r=n?t.$defs?.[n]:void 0;return r?o(r,t):null}function s(e,t,n){return!a(t)||e.required?.some(e=>!(e in t))?!1:Object.keys(t).every(r=>{let a=e.properties?.[r];return a?i(r)&&c(a,t[r],n):e.additionalProperties!==!1&&i(r)})}function c(e,t,n=e){let i=o(e,n);if(!i)return!1;if(i.anyOf)return i.anyOf.some(e=>c(e,t,n));if(i.enum&&!i.enum.includes(t))return!1;switch(i.type){case`string`:return typeof t==`string`?!i.pattern||(r(i.pattern)?.test(t)??!1):!1;case`number`:return typeof t==`number`&&Number.isFinite(t);case`integer`:return typeof t==`number`&&Number.isInteger(t);case`boolean`:return typeof t==`boolean`;case`array`:return Array.isArray(t)&&(!i.items||t.every(e=>c(i.items,e,n)));case`object`:return s(i,t,n);default:return t!==void 0}}e.matches=c})(a||={});var o=a,s;(function(e){function t(e){let t=JSON.stringify(e)??`undefined`;return t.length>40?`${t.slice(0,39)}…`:t}function r(e,t){return typeof e==`string`?{action:e}:!o.isPlainObject(e)||typeof e.action!=`string`?null:{action:e.action,payload:n.t.deep(e.payload,t)}}function i(e,i,a,s){let c=typeof e.type==`string`?e.type:void 0,l=[],u={},d={},f=i.props,p=f?.properties;if(o.isPlainObject(e.props))for(let[r,i]of Object.entries(e.props)){let e=`${s}.props.${r}`;if(!o.isSafeKey(r)){l.push({code:`unknown-prop`,path:e,component:c,prop:r,message:`${r} is not a prop a spec can set.`});continue}let d=p?.[r];if(!d&&(!f||f.additionalProperties===!1)){l.push({code:`unknown-prop`,path:e,component:c,prop:r,message:`${c??`The component`} has no ${r} prop.`});continue}let m=null,h=n.t.deep(i,a,e=>{m??=e});if(m){l.push({code:`unresolved-data`,path:e,component:c,prop:r,message:`${m} resolved to nothing.`});continue}if(d&&!o.matches(d,h,f)){l.push({code:`invalid-prop`,path:e,component:c,prop:r,message:`${t(h)} is not a value ${r} takes.`});continue}u[r]=h}if(o.isPlainObject(e.on))for(let[t,n]of Object.entries(e.on)){let e=`${s}.on.${t}`,o=i.events.includes(t)?r(n,a):null;if(!o){l.push({code:`unknown-event`,path:e,component:c,prop:t,message:`${c??`The component`} has no ${t} event.`});continue}d[t]=o}return{props:u,actions:d,issues:l,missing:(f?.required??[]).filter(e=>!(e in u))}}e.resolve=i})(s||={});var c=s,l=class extends r.Component{state={message:null,resetKey:this.props.resetKey};static getDerivedStateFromProps(e,t){return e.resetKey===t.resetKey?null:{message:null,resetKey:e.resetKey}}static getDerivedStateFromError(e){return{message:e instanceof Error?e.message:String(e)}}componentDidCatch(e){this.props.onError?.(this.issue(e instanceof Error?e.message:String(e)))}issue(e){return{code:`render-error`,path:this.props.path,component:this.props.component,message:e}}render(){return this.state.message===null?this.props.children:this.props.fallback(this.issue(this.state.message))}},u=1e3,d=32;function f(e,t){e.issues.push(t)}function p(e,t,n){f(e,t);let i=e.fallback(t);return n===void 0||i==null?i??null:(0,r.createElement)(r.Fragment,{key:n},i)}function m(e,t,r,i,a){if(e==null||typeof e==`boolean`)return null;if(typeof e==`string`||typeof e==`number`)return e;if(Array.isArray(e))return e.map((e,n)=>m(e,t,r,`${i}.${n}`,a));if(n.t.isRef(e)){let a=n.t.resolve(e,r);return a.found?a.value===null||a.value===void 0||typeof a.value==`boolean`?null:typeof a.value==`string`||typeof a.value==`number`?a.value:(f(t,{code:`invalid-child`,path:i,message:`${n.t.pathOf(e)} is not text.`}),null):(f(t,{code:`unresolved-data`,path:i,message:`${n.t.pathOf(e)} resolved to nothing.`}),null)}return o.isPlainObject(e)?`type`in e?typeof e.type==`string`?e.type===``?null:g(e,t,r,i,a,e.type):(f(t,{code:`invalid-child`,path:i,message:"A node names its component in `type`."}),null):null:(f(t,{code:`invalid-child`,path:i,message:`A child is a node, text, or a reference to text.`}),null)}function h(e,t,r,i,a,o){let s=e.repeat;if(!n.t.isRef(s))return p(t,{code:`invalid-repeat`,path:`${i}.repeat`,component:o,message:`A repeat is a reference to an array.`});let c=n.t.resolve(s,r);if(!c.found)return f(t,{code:`unresolved-data`,path:`${i}.repeat`,component:o,message:`${n.t.pathOf(s)} resolved to nothing.`}),null;if(!Array.isArray(c.value))return p(t,{code:`invalid-repeat`,path:`${i}.repeat`,component:o,message:`${n.t.pathOf(s)} is not an array.`});let l=typeof e.key==`string`?e.key:i;return c.value.map((n,s)=>_(e,t,{data:r.data,item:n,index:s,repeating:!0},i,a,o,`${l}#${s}`))}function g(e,t,n,r,i,a){return i>t.maxDepth?p(t,{code:`too-deep`,path:r,component:a,message:`Nested deeper than the ${t.maxDepth} levels allowed.`}):e.repeat===void 0?_(e,t,n,r,i,a,typeof e.key==`string`?e.key:r):h(e,t,n,r,i,a)}function _(e,t,n,a,s,u,d){if(t.nodes+=1,t.nodes>t.maxNodes)return t.overflowed||(t.overflowed=!0,f(t,{code:`too-many-nodes`,path:a,component:u,message:`More than the ${t.maxNodes} nodes allowed.`})),null;let h=t.registry.get(u);if(!h)return p(t,{code:`unknown-component`,path:a,component:u,message:`${u} is not a component this app allows.`},d);let g=c.resolve(e,h,n,a),_={...g.props};t.issues.push(...g.issues);let v=t.memory?.get(`${a}:${u}`);if(g.missing.length){if(!(v&&g.missing.every(e=>e in v))){let e=g.missing.join(`, `);return p(t,{code:`missing-prop`,path:a,component:u,prop:g.missing[0],message:`${u} cannot render without ${e}.`},d)}for(let e of g.missing)_[e]=v[e]}if(t.memory){let e=h.props?.required??[];e.length&&t.memory.set(`${a}:${u}`,Object.fromEntries(e.map(e=>[e,_[e]])))}for(let[e,n]of Object.entries(g.actions))_[e]=(...r)=>t.onAction?.(n.action,{payload:n.payload,args:r,prop:e,component:u,path:a});if(e.children!==void 0&&(h.slots.includes(`default`)?_.children=m(e.children,t,n,`${a}.children`,s+1):f(t,{code:`unknown-slot`,path:`${a}.children`,component:u,message:`${u} takes no children.`})),o.isPlainObject(e.slots))for(let[r,i]of Object.entries(e.slots)){let e=`${a}.slots.${r}`;if(!o.isSafeKey(r)||!h.slots.includes(r)){f(t,{code:`unknown-slot`,path:e,component:u,message:`${u} has no ${r} slot.`});continue}_[r==="default"?`children`:r]=m(i,t,n,e,s+1)}return(0,i.jsx)(l,{path:a,component:u,resetKey:t.resetKey,fallback:t.fallback,onError:t.onError,children:(0,r.createElement)(h.component,_)},d)}function v(e,t){let n={registry:t.registry,data:t.data,onAction:t.onAction,onError:t.onError,fallback:t.fallback??(()=>null),maxNodes:t.maxNodes??u,maxDepth:t.maxDepth??d,resetKey:t.resetKey,memory:t.memory,issues:[],nodes:0,overflowed:!1};return{element:m(e,n,{data:t.data},`spec`,0),issues:n.issues}}function y(t){let n=(0,r.useRef)(t);return e.n(()=>{n.current=t}),n}function b({spec:e,onIssues:t,...n}){let[i]=(0,r.useState)(()=>new Map),{element:a,issues:o}=v(e,{...n,memory:i,resetKey:e,onError:e=>t?.([e])}),s=y(t),c=y(o),l=o.map(e=>`${e.code} ${e.path} ${e.message}`).join(`
+`);return(0,r.useEffect)(()=>{s.current?.(c.current)},[l,c,s]),a}function x(e){return typeof e==`object`&&!!e&&`component`in e}function S(e,t,n){let r=x(t)?t:{component:t},i=n?.components[e];return{component:r.component,props:r.props??i?.props,slots:r.slots??i?.slots??[`default`],events:r.events??i?.events??[],description:r.description??i?.description}}function C(e){let t=Object.keys(e.components),n=new Map(t.map(t=>[t,S(t,e.components[t],e.catalog)]));return{names:t,components:Object.fromEntries([...n].map(([e,{component:t,...n}])=>[e,n])),get:e=>n.get(e)}}var w=o.matches;exports.SpecRenderer=b,exports.default=b,exports.createSpecRegistry=C,exports.matchesSchema=w,exports.renderSpec=v,exports.specSchema=t.t;

package/spec.d.ts

@@ -0,0 +1,12 @@
+import { default as SpecValidate } from './utils/spec/specValidate';
+export { default, default as SpecRenderer } from './react/spec/specRenderer';
+export type { SpecRendererProps } from './react/spec/specRenderer';
+export { renderSpec } from './react/spec/renderSpec';
+export type { SpecActionDetails, SpecActionHandler, SpecRenderOptions, SpecRenderResult } from './react/spec/renderSpec';
+export { default as createSpecRegistry } from './react/spec/specRegistry';
+export type { SpecComponent, SpecRegistry, SpecRegistryEntry, SpecRegistryOptions } from './react/spec/specRegistry';
+export { default as specSchema } from './utils/spec/specSchema';
+export type { SpecSchemaComponent, SpecSchemaOptions, SpecSchemaSource } from './utils/spec/specSchema';
+export type { SpecAction, SpecChild, SpecDataRef, SpecIndexRef, SpecIssue, SpecIssueCode, SpecItemRef, SpecNode, SpecRef, SpecRules, } from './utils/spec/specTypes';
+/** Whether a value is one a catalog schema allows: the check the renderer makes, for a host wanting it first. */
+export declare const matchesSchema: typeof SpecValidate.matches;