@box-kite/react 0.0.1 → 2.0.0

package/package.json

@@ -1,15 +1,335 @@
 {
   "name": "@box-kite/react",
-  "version": "0.0.1",
-  "description": "Reserved for the boxkite project's React bindings. Not yet usable.",
-  "license": "MIT",
-  "author": "Maxim Procopenco",
+  "version": "2.0.0",
+  "type": "module",
+  "sideEffects": [
+    "pages/**"
+  ],
+  "main": "./box.cjs",
+  "module": "./box.mjs",
+  "types": "./box.d.ts",
+  "exports": {
+    ".": {
+      "react-server": {
+        "types": "./rsc.d.ts",
+        "import": "./rsc.mjs",
+        "require": "./rsc.cjs"
+      },
+      "types": "./box.d.ts",
+      "import": "./box.mjs",
+      "require": "./box.cjs"
+    },
+    "./rsc": {
+      "types": "./rsc.d.ts",
+      "import": "./rsc.mjs",
+      "require": "./rsc.cjs"
+    },
+    "./a11y": {
+      "types": "./a11y.d.ts",
+      "import": "./a11y.mjs",
+      "require": "./a11y.cjs"
+    },
+    "./anchor": {
+      "types": "./anchor.d.ts",
+      "import": "./anchor.mjs",
+      "require": "./anchor.cjs"
+    },
+    "./ssg": {
+      "types": "./ssg.d.ts",
+      "import": "./ssg.mjs",
+      "require": "./ssg.cjs"
+    },
+    "./components/*": {
+      "types": "./components/*.d.ts",
+      "import": "./components/*.mjs",
+      "require": "./components/*.cjs"
+    }
+  },
+  "scripts": {
+    "dev": "vite ./pages --config ./pages.vite.config.ts --mode dev",
+    "dev:vanilla": "vite ./examples/vanilla --config ./examples/vanilla/vite.config.ts",
+    "build:vanilla": "vite build ./examples/vanilla --config ./examples/vanilla/vite.config.ts",
+    "pack:local": "node scripts/packLocal.mjs",
+    "install:next-app": "npm run pack:local && npm --prefix examples/next-app install --no-package-lock",
+    "dev:next-app": "npm run install:next-app && npm --prefix examples/next-app run dev",
+    "build:next-app": "npm run install:next-app && npm --prefix examples/next-app run build",
+    "smoke:next-app": "npm --prefix examples/next-app run smoke",
+    "build:pages": "vite build ./pages --config ./pages.vite.config.ts --outDir ../dist-pages --mode production && npm run prerender:pages",
+    "prerender:pages": "node scripts/prerender-pages.mjs",
+    "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",
+    "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",
+    "test:coverage": "vitest run --coverage",
+    "test:watch": "vitest",
+    "test:a11y": "vitest run a11y",
+    "lint": "eslint .",
+    "check:boundaries": "node scripts/check-core-boundary.mjs && node scripts/check-rsc-boundary.mjs",
+    "check:brand": "node scripts/check-brand.mjs",
+    "check:docs": "node scripts/check-docs-snippets.mjs",
+    "check:props": "node scripts/check-props-api.mjs",
+    "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: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",
+    "size": "size-limit",
+    "size:published": "node dev/published-size.mjs",
+    "release": "node scripts/release.mjs"
+  },
+  "size-limit": [
+    {
+      "name": "Box core (main entry)",
+      "path": "dist/box.mjs",
+      "ignore": [
+        "react",
+        "react-dom"
+      ],
+      "gzip": true,
+      "limit": "30.40 KB"
+    },
+    {
+      "name": "Box in a Server Component (react-server entry)",
+      "path": "dist/rsc.mjs",
+      "ignore": [
+        "react",
+        "react-dom"
+      ],
+      "gzip": true,
+      "limit": "28.90 KB"
+    },
+    {
+      "name": "Behavior primitives (a11y entry)",
+      "path": "dist/a11y.mjs",
+      "ignore": [
+        "react",
+        "react-dom"
+      ],
+      "gzip": true,
+      "limit": "3.2 KB"
+    },
+    {
+      "name": "Anchor positioning (anchor entry)",
+      "path": "dist/anchor.mjs",
+      "ignore": [
+        "react",
+        "react-dom"
+      ],
+      "gzip": true,
+      "limit": "2.25 KB"
+    },
+    {
+      "name": "Core engine (@box-kite/core, no React)",
+      "path": "dist-core/core.mjs",
+      "gzip": true,
+      "limit": "28.17 KB"
+    },
+    {
+      "name": "Dialog",
+      "path": "dist/components/dialog.mjs",
+      "ignore": [
+        "react",
+        "react-dom"
+      ],
+      "gzip": true,
+      "limit": "32.55 KB"
+    },
+    {
+      "name": "Popover",
+      "path": "dist/components/popover.mjs",
+      "ignore": [
+        "react",
+        "react-dom"
+      ],
+      "gzip": true,
+      "limit": "34.02 KB"
+    },
+    {
+      "name": "Menu",
+      "path": "dist/components/menu.mjs",
+      "ignore": [
+        "react",
+        "react-dom"
+      ],
+      "gzip": true,
+      "limit": "36.27 KB"
+    },
+    {
+      "name": "Accordion",
+      "path": "dist/components/accordion.mjs",
+      "ignore": [
+        "react",
+        "react-dom"
+      ],
+      "gzip": true,
+      "limit": "31.76 KB"
+    },
+    {
+      "name": "Tabs",
+      "path": "dist/components/tabs.mjs",
+      "ignore": [
+        "react",
+        "react-dom"
+      ],
+      "gzip": true,
+      "limit": "32.96 KB"
+    },
+    {
+      "name": "Slider",
+      "path": "dist/components/slider.mjs",
+      "ignore": [
+        "react",
+        "react-dom"
+      ],
+      "gzip": true,
+      "limit": "32.12 KB"
+    },
+    {
+      "name": "Progress",
+      "path": "dist/components/progress.mjs",
+      "ignore": [
+        "react",
+        "react-dom"
+      ],
+      "gzip": true,
+      "limit": "30.28 KB"
+    },
+    {
+      "name": "Toaster",
+      "path": "dist/components/toaster.mjs",
+      "ignore": [
+        "react",
+        "react-dom"
+      ],
+      "gzip": true,
+      "limit": "33.77 KB"
+    },
+    {
+      "name": "Combobox",
+      "path": "dist/components/combobox.mjs",
+      "ignore": [
+        "react",
+        "react-dom"
+      ],
+      "gzip": true,
+      "limit": "39.54 KB"
+    },
+    {
+      "name": "DataGrid",
+      "path": "dist/components/dataGrid.mjs",
+      "ignore": [
+        "react",
+        "react-dom"
+      ],
+      "gzip": true,
+      "limit": "74.86 KB"
+    },
+    {
+      "name": "DataGrid export, the chunk fetched on the first press",
+      "path": "dist/gridExport.mjs",
+      "ignore": [
+        "react",
+        "react-dom"
+      ],
+      "gzip": true,
+      "limit": "3.8 KB"
+    },
+    {
+      "name": "Full library (Box + ssg + every component)",
+      "path": "dev/size-full.mjs",
+      "ignore": [
+        "react",
+        "react-dom"
+      ],
+      "gzip": true,
+      "limit": "96.82 KB"
+    }
+  ],
   "repository": {
     "type": "git",
     "url": "git+https://github.com/box-kite/box-kite.git"
   },
-  "homepage": "https://github.com/box-kite/box-kite#readme",
-  "publishConfig": {
-    "access": "public"
+  "keywords": [
+    "box-kite",
+    "boxkite",
+    "react",
+    "box",
+    "css-in-js",
+    "atomic-css",
+    "runtime-css",
+    "styling",
+    "design-system",
+    "react-server-components",
+    "rsc",
+    "accessibility",
+    "typescript"
+  ],
+  "author": "Maxim Procopenco",
+  "license": "MIT",
+  "bugs": {
+    "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.",
+  "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.0",
+    "csstype": "^3.2.3",
+    "use-sync-external-store": "^1.6.0"
+  },
+  "devDependencies": {
+    "@arethetypeswrong/cli": "^0.18.5",
+    "@eslint/js": "^10.0.1",
+    "@iconify-json/simple-icons": "^1.2.94",
+    "@iconify/react": "^6.0.2",
+    "@size-limit/preset-small-lib": "^13.0.3",
+    "@svgr/core": "^8.1.0",
+    "@svgr/plugin-jsx": "^8.1.0",
+    "@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",
+    "axe-core": "^4.13.0",
+    "eslint": "^10.8.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-import-x": "^4.17.1",
+    "eslint-plugin-prettier": "^5.5.6",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "eslint-plugin-react-refresh": "^0.5.3",
+    "exceljs": "^4.4.0",
+    "globals": "^17.9.0",
+    "happy-dom": "^20.11.1",
+    "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",
+    "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"
   }
 }

package/placement.cjs

@@ -0,0 +1 @@
+const e=require("./platform.cjs"),t=require("./effects.cjs"),n=require("./identity.cjs");let r=require("react");var i={top:`bottom`,bottom:`top`,start:`end`,end:`start`};function a(e){return e===`top`||e===`bottom`}function o(e,t){let n=a(e),r=n?e===`top`?`block-start`:`block-end`:e===`start`?`inline-start`:`inline-end`,i=t===`center`?`span-all`:`span-${n?`inline`:`block`}-${t===`start`?`end`:`start`}`;return n?`${r} ${i}`:`${i} ${r}`}function s(e){let[t,n]=e.trim().split(` `);return n===void 0?t===`block-start`?`top`:t===`block-end`?`bottom`:t===`inline-start`?`start`:t===`inline-end`?`end`:null:t===`start`?`top`:t===`end`?`bottom`:n===`start`?`start`:n===`end`?`end`:null}function c(e){return a(e)?`flip-block, flip-inline, flip-block flip-inline`:`flip-inline, flip-block, flip-inline flip-block`}function l(e,t,n,r){let i=u(t,r);return i===`top`?e.top-n.top:i===`bottom`?n.top+n.height-(e.top+e.height):i===`left`?e.left-n.left:n.left+n.width-(e.left+e.width)}function u(e,t){return e===`top`||e===`bottom`?e:e===`start`===t?`right`:`left`}function d(e,t,n,r){return Math.max(n,Math.min(e,n+r-t))}function f(e,t,n,r){let{align:o,offset:s,flip:c,rtl:f}=r,p=(a(r.side)?t.height:t.width)+s,m=c&&l(e,r.side,n,f)<p&&l(e,i[r.side],n,f)>=p?i[r.side]:r.side,h=u(m,f),g={top:e.top-t.height-s,bottom:e.top+e.height+s,left:e.left-t.width-s,right:e.left+e.width+s}[h],_=a(m),v=_?e.left:e.top,y=_?e.width:e.height,b=_?t.width:t.height,x=o===`center`?v+y/2-b/2:o===`start`===(_&&f)?v+y-b:v,S=_?d(x,t.width,n.left,n.width):d(x,t.height,n.top,n.height);return _?{top:g,left:S,side:m}:{top:S,left:g,side:m}}var p=4,m=16,h={top:`mb`,bottom:`mt`,start:`me`,end:`ms`};function g(){return typeof CSS<`u`&&typeof CSS.supports==`function`&&CSS.supports(`anchor-name: --a`)}function _(){let e=typeof document>`u`?null:document.documentElement,t=e?parseFloat(getComputedStyle(e).fontSize):NaN;return Number.isFinite(t)&&t>0?t:m}function v(e){let{top:t,left:n,width:r,height:i}=e.getBoundingClientRect();return{top:t,left:n,width:r,height:i}}function y(e,t){return e!==null&&e.top===t.top&&e.left===t.left&&e.side===t.side&&e.anchorWidth===t.anchorWidth}function b(i={}){let{side:a=`bottom`,align:l=`center`,offset:u=0,flip:d=!0,matchWidth:m=!1,name:b,anchor:x,trackSide:S=!1}=i,C=n.t(`anchor`),w=`--${(b??C).replace(/^--/,``)}`,[T,E]=(0,r.useState)(!0),[D,O]=(0,r.useState)(null),[k,A]=(0,r.useState)(null),[j,M]=(0,r.useState)(null),[N,P]=(0,r.useState)(null);t.n(()=>{g()||E(!1)},[]),t.n(()=>{let t=e.c(x);if(t)return t.style.setProperty(`anchor-name`,w),()=>{t.style.removeProperty(`anchor-name`)}},[x,w]),t.n(()=>{!T||!S||!k||P(s(getComputedStyle(k).getPropertyValue(`position-area`)))},[T,S,k,a,l,d]),t.n(()=>{let t=e.c(x)??D;if(T||!t||!k)return;let n=()=>{let n=v(t),r=v(k),i={top:0,left:0,width:window.innerWidth,height:window.innerHeight},o=m?Math.max(r.width,n.width):r.width,s={...f(n,{...r,width:o},i,{side:a,align:l,offset:u/p*_(),flip:d,rtl:e.u(t)}),anchorWidth:n.width};M(e=>y(e,s)?e:s)};n();let r=new AbortController;return document.addEventListener(`scroll`,n,{signal:r.signal,capture:!0,passive:!0}),window.addEventListener(`resize`,n,{signal:r.signal,passive:!0}),()=>r.abort()},[T,x,D,k,a,l,u,d,m]);let F=(0,r.useCallback)(e=>O(e),[]),I=(0,r.useCallback)(e=>A(e),[]),L={ref:T?void 0:F,style:{anchorName:w}};return T?{css:T,side:N??a,anchorProps:L,layerProps:{...S?{ref:I}:{},position:`fixed`,positionArea:o(a,l),...d?{positionTryFallbacks:c(a)}:{},...m?{minWidth:`anchor-size(width)`}:{},...u?{[h[a]]:u}:{},style:{positionAnchor:w}}}:{css:T,side:j?.side??a,anchorProps:L,layerProps:{ref:I,position:`fixed`,style:j?{top:`${j.top}px`,left:`${j.left}px`,...m?{minWidth:`${j.anchorWidth}px`}:{}}:{top:0,left:0,visibility:`hidden`}}}}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return b}});

package/placement.mjs

@@ -0,0 +1,180 @@
+import { c as e, u as t } from "./platform.mjs";
+import { n } from "./effects.mjs";
+import { t as r } from "./identity.mjs";
+import { useCallback as i, useState as a } from "react";
+//#region src/utils/anchor/anchorUtils.ts
+var o = {
+	top: "bottom",
+	bottom: "top",
+	start: "end",
+	end: "start"
+};
+function s(e) {
+	return e === "top" || e === "bottom";
+}
+function c(e, t) {
+	let n = s(e), r = n ? e === "top" ? "block-start" : "block-end" : e === "start" ? "inline-start" : "inline-end", i = t === "center" ? "span-all" : `span-${n ? "inline" : "block"}-${t === "start" ? "end" : "start"}`;
+	return n ? `${r} ${i}` : `${i} ${r}`;
+}
+function l(e) {
+	let [t, n] = e.trim().split(" ");
+	return n === void 0 ? t === "block-start" ? "top" : t === "block-end" ? "bottom" : t === "inline-start" ? "start" : t === "inline-end" ? "end" : null : t === "start" ? "top" : t === "end" ? "bottom" : n === "start" ? "start" : n === "end" ? "end" : null;
+}
+function u(e) {
+	return s(e) ? "flip-block, flip-inline, flip-block flip-inline" : "flip-inline, flip-block, flip-inline flip-block";
+}
+function d(e, t, n, r) {
+	let i = f(t, r);
+	return i === "top" ? e.top - n.top : i === "bottom" ? n.top + n.height - (e.top + e.height) : i === "left" ? e.left - n.left : n.left + n.width - (e.left + e.width);
+}
+function f(e, t) {
+	return e === "top" || e === "bottom" ? e : e === "start" === t ? "right" : "left";
+}
+function p(e, t, n, r) {
+	return Math.max(n, Math.min(e, n + r - t));
+}
+function m(e, t, n, r) {
+	let { align: i, offset: a, flip: c, rtl: l } = r, u = (s(r.side) ? t.height : t.width) + a, m = c && d(e, r.side, n, l) < u && d(e, o[r.side], n, l) >= u ? o[r.side] : r.side, h = f(m, l), g = {
+		top: e.top - t.height - a,
+		bottom: e.top + e.height + a,
+		left: e.left - t.width - a,
+		right: e.left + e.width + a
+	}[h], _ = s(m), v = _ ? e.left : e.top, y = _ ? e.width : e.height, b = _ ? t.width : t.height, x = i === "center" ? v + y / 2 - b / 2 : i === "start" === (_ && l) ? v + y - b : v, S = _ ? p(x, t.width, n.left, n.width) : p(x, t.height, n.top, n.height);
+	return _ ? {
+		top: g,
+		left: S,
+		side: m
+	} : {
+		top: S,
+		left: g,
+		side: m
+	};
+}
+//#endregion
+//#region src/react/anchor/useAnchorPosition.ts
+var h = 4, g = 16, _ = {
+	top: "mb",
+	bottom: "mt",
+	start: "me",
+	end: "ms"
+};
+function v() {
+	return typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("anchor-name: --a");
+}
+function y() {
+	let e = typeof document > "u" ? null : document.documentElement, t = e ? parseFloat(getComputedStyle(e).fontSize) : NaN;
+	return Number.isFinite(t) && t > 0 ? t : g;
+}
+function b(e) {
+	let { top: t, left: n, width: r, height: i } = e.getBoundingClientRect();
+	return {
+		top: t,
+		left: n,
+		width: r,
+		height: i
+	};
+}
+function x(e, t) {
+	return e !== null && e.top === t.top && e.left === t.left && e.side === t.side && e.anchorWidth === t.anchorWidth;
+}
+function S(o = {}) {
+	let { side: s = "bottom", align: d = "center", offset: f = 0, flip: p = !0, matchWidth: g = !1, name: S, anchor: C, trackSide: w = !1 } = o, T = r("anchor"), E = `--${(S ?? T).replace(/^--/, "")}`, [D, O] = a(!0), [k, A] = a(null), [j, M] = a(null), [N, P] = a(null), [F, I] = a(null);
+	n(() => {
+		v() || O(!1);
+	}, []), n(() => {
+		let t = e(C);
+		if (t) return t.style.setProperty("anchor-name", E), () => {
+			t.style.removeProperty("anchor-name");
+		};
+	}, [C, E]), n(() => {
+		!D || !w || !j || I(l(getComputedStyle(j).getPropertyValue("position-area")));
+	}, [
+		D,
+		w,
+		j,
+		s,
+		d,
+		p
+	]), n(() => {
+		let n = e(C) ?? k;
+		if (D || !n || !j) return;
+		let r = () => {
+			let e = b(n), r = b(j), i = {
+				top: 0,
+				left: 0,
+				width: window.innerWidth,
+				height: window.innerHeight
+			}, a = g ? Math.max(r.width, e.width) : r.width, o = {
+				...m(e, {
+					...r,
+					width: a
+				}, i, {
+					side: s,
+					align: d,
+					offset: f / h * y(),
+					flip: p,
+					rtl: t(n)
+				}),
+				anchorWidth: e.width
+			};
+			P((e) => x(e, o) ? e : o);
+		};
+		r();
+		let i = new AbortController();
+		return document.addEventListener("scroll", r, {
+			signal: i.signal,
+			capture: !0,
+			passive: !0
+		}), window.addEventListener("resize", r, {
+			signal: i.signal,
+			passive: !0
+		}), () => i.abort();
+	}, [
+		D,
+		C,
+		k,
+		j,
+		s,
+		d,
+		f,
+		p,
+		g
+	]);
+	let L = i((e) => A(e), []), R = i((e) => M(e), []), z = {
+		ref: D ? void 0 : L,
+		style: { anchorName: E }
+	};
+	return D ? {
+		css: D,
+		side: F ?? s,
+		anchorProps: z,
+		layerProps: {
+			...w ? { ref: R } : {},
+			position: "fixed",
+			positionArea: c(s, d),
+			...p ? { positionTryFallbacks: u(s) } : {},
+			...g ? { minWidth: "anchor-size(width)" } : {},
+			...f ? { [_[s]]: f } : {},
+			style: { positionAnchor: E }
+		}
+	} : {
+		css: D,
+		side: N?.side ?? s,
+		anchorProps: z,
+		layerProps: {
+			ref: R,
+			position: "fixed",
+			style: N ? {
+				top: `${N.top}px`,
+				left: `${N.left}px`,
+				...g ? { minWidth: `${N.anchorWidth}px` } : {}
+			} : {
+				top: 0,
+				left: 0,
+				visibility: "hidden"
+			}
+		}
+	};
+}
+//#endregion
+export { S as t };

package/platform.cjs

@@ -0,0 +1 @@
+function e(e){return e?`current`in e?e.current:e:null}function t(t){let n=e(t);return n instanceof HTMLElement?n:null}function n(t,n){let r=typeof t.composedPath==`function`?t.composedPath():[];return n.some(n=>{let i=e(n);return i?r.includes(i)||t.target instanceof Node&&i.contains(t.target):!1})}function r(t){let n=e(t),r=n?.ownerDocument?.defaultView;return!!n&&!!r&&r.getComputedStyle(n).direction===`rtl`}function i(t){let n=e(t)?.ownerDocument?.defaultView?.getSelection();n&&!n.isCollapsed&&n.removeAllRanges()}function a(){return typeof window<`u`&&window.document!==void 0}function o(){return typeof document<`u`}function s(){return o()?document:null}function c(){return s()?.documentElement??null}function l(){return typeof HTMLElement<`u`&&typeof HTMLElement.prototype.showPopover==`function`}function u(){return typeof HTMLDialogElement<`u`&&`closedBy`in HTMLDialogElement.prototype}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return r}});

package/platform.mjs

@@ -0,0 +1,45 @@
+//#region src/utils/dom/domUtils.ts
+function e(e) {
+	return e ? "current" in e ? e.current : e : null;
+}
+function t(t) {
+	let n = e(t);
+	return n instanceof HTMLElement ? n : null;
+}
+function n(t, n) {
+	let r = typeof t.composedPath == "function" ? t.composedPath() : [];
+	return n.some((n) => {
+		let i = e(n);
+		return i ? r.includes(i) || t.target instanceof Node && i.contains(t.target) : !1;
+	});
+}
+function r(t) {
+	let n = e(t), r = n?.ownerDocument?.defaultView;
+	return !!n && !!r && r.getComputedStyle(n).direction === "rtl";
+}
+function i(t) {
+	let n = e(t)?.ownerDocument?.defaultView?.getSelection();
+	n && !n.isCollapsed && n.removeAllRanges();
+}
+//#endregion
+//#region src/utils/environment/environmentUtils.ts
+function a() {
+	return typeof window < "u" && window.document !== void 0;
+}
+function o() {
+	return typeof document < "u";
+}
+function s() {
+	return o() ? document : null;
+}
+function c() {
+	return s()?.documentElement ?? null;
+}
+function l() {
+	return typeof HTMLElement < "u" && typeof HTMLElement.prototype.showPopover == "function";
+}
+function u() {
+	return typeof HTMLDialogElement < "u" && "closedBy" in HTMLDialogElement.prototype;
+}
+//#endregion
+export { l as a, t as c, u as i, n as l, c as n, i as o, a as r, e as s, s as t, r as u };

package/react/a11y/callbacks.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Handler identity, which every hook here has the same problem with: a document listener must not
+ * be torn down and re-registered on every render, but it must still call the consumer's *current*
+ * handler — and consumers write handlers inline, so a new one arrives with every render.
+ */
+/**
+ * The latest value, readable from an event handler that must not be re-registered when it changes. Written
+ * from an effect rather than during render, which costs nothing here: it is only read from an event.
+ */
+export declare function useLatest<T>(value: T): React.RefObject<T>;
+/** A callback with a stable identity that always calls the *latest* function it was given. */
+export declare function useEventCallback<TArgs extends unknown[], TResult>(fn: ((...args: TArgs) => TResult) | undefined): (...args: TArgs) => TResult | undefined;

package/react/a11y/useControllableState.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Why a change happened, and the event that caused it — the reason being the point. A component that only
+ * says `onOpenChange(false)` makes its consumer guess whether the popup closed because the user picked
+ * something, pressed Escape or clicked away, and each of those wants different behaviour from the app.
+ */
+export interface ChangeDetails<TReason extends string = string> {
+    reason: TReason;
+    /** The DOM or React event behind the change, when there was one. */
+    event?: Event | React.SyntheticEvent;
+}
+export type ChangeHandler<T, TReason extends string = string> = (value: T, details: ChangeDetails<TReason>) => void;
+export interface ControllableStateOptions<T, TReason extends string = string> {
+    /** Present (not `undefined`) means the consumer owns the value: state here is ignored. */
+    value?: T;
+    /** The starting value when the consumer does not own it. A function is called once, lazily. */
+    defaultValue: T | (() => T);
+    onChange?: ChangeHandler<T, TReason>;
+}
+export type SetControllableState<T, TReason extends string = string> = (next: T | ((current: T) => T), details: ChangeDetails<TReason>) => void;
+/**
+ * One state value that works the same whether the consumer controls it or not. The setter is stable, and
+ * every call names a reason, which is what reaches `onChange`. A call resolving to the value already held
+ * is dropped: two dismissal layers closing the same popup is the normal case, not an error.
+ */
+export default function useControllableState<T, TReason extends string = string>(options: ControllableStateOptions<T, TReason>): [T, SetControllableState<T, TReason>];

package/react/a11y/useDismiss.d.ts

@@ -0,0 +1,25 @@
+import { ElementLike } from '../../utils/dom/domUtils';
+export type DismissReason = 'escape' | 'outside-pointer';
+export type { ElementLike };
+export interface DismissOptions {
+    /** Usually the open state: listeners exist only while this is true. */
+    enabled?: boolean;
+    onDismiss: (reason: DismissReason, event: Event) => void;
+    /**
+     * What counts as *inside*: the popup, and the trigger too — a press on the trigger of an open popup must
+     * reach its own toggle rather than being dismissed and reopened in one gesture.
+     */
+    inside?: ReadonlyArray<ElementLike>;
+    /** Default true. */
+    escapeKey?: boolean;
+    /** Default true. */
+    outsidePointer?: boolean;
+}
+/**
+ * Close on Escape and on a pointer press outside — the two halves of light dismiss, composable across
+ * nested layers: Escape reaches the innermost only, while an outside press is judged per layer, so a
+ * press in the page closes a menu and its submenu and a press in the menu closes just the submenu.
+ * `pointerdown` rather than `click`, because a press that starts inside and ends outside (a drag across a
+ * scrollbar, a text selection) is not a dismissal.
+ */
+export default function useDismiss(options: DismissOptions): void;

package/react/a11y/useFocusReturn.d.ts

@@ -0,0 +1,18 @@
+import { ElementLike } from '../../utils/dom/domUtils';
+export interface FocusReturnOptions {
+    /** Usually the open state. The invoker is remembered the moment this becomes true. */
+    enabled?: boolean;
+    /** Where focus should land instead of whatever had it when the layer opened. */
+    returnTo?: ElementLike;
+    /** Passed to `focus()` — keeps a long page from jumping when the invoker is off screen. */
+    preventScroll?: boolean;
+}
+/**
+ * Put focus back where it came from when a layer closes. Losing it to `<body>` is the commonest keyboard
+ * bug in a popup: the next Tab starts again at the top of the page. Skipped when something else already
+ * holds focus — a dialog the layer opened, or a user who tabbed away — since taking it back is the same
+ * bug pointing the other way.
+ */
+export default function useFocusReturn(options?: FocusReturnOptions): {
+    returnFocus: () => void;
+};