@box-kite/react 2.2.6 → 2.2.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box-kite/react",
-  "version": "2.2.6",
+  "version": "2.2.8",
   "type": "module",
   "sideEffects": [
     "pages/**"
@@ -44,6 +44,11 @@
       "import": "./interop.mjs",
       "require": "./interop.cjs"
     },
+    "./analytics": {
+      "types": "./analytics.d.ts",
+      "import": "./analytics.mjs",
+      "require": "./analytics.cjs"
+    },
     "./date": {
       "types": "./date.d.ts",
       "import": "./date.mjs",
@@ -81,6 +86,7 @@
     "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",
+    "build:create": "vite build --config vite.create.config.ts && node scripts/postbuild-create.mjs",
     "postbuild": "node scripts/postbuild.mjs",
     "build:dev": "npm run build:core && vite build --mode dev",
     "compile": "tsc --noEmit --skipLibCheck",
@@ -98,10 +104,12 @@
     "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:create": "node scripts/check-create-templates.mjs",
+    "docs:create": "node scripts/check-create-templates.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 && publint dist-mcp",
+    "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 && publint dist-create",
     "bench": "node bench/run.mjs",
     "compare": "node dev/compare/report.mjs",
     "compare:tailwind": "node dev/compare/report.mjs tailwind",
@@ -119,10 +127,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "39.45 KB"
+      "limit": "40.90 kB"
     },
     {
       "name": "Box in a Server Component (react-server entry)",
@@ -131,10 +140,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "37.47 KB"
+      "limit": "38.30 kB"
     },
     {
       "name": "Behavior primitives (a11y entry)",
@@ -143,10 +153,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "3.2 KB"
+      "limit": "3.26 kB"
     },
     {
       "name": "Anchor positioning (anchor entry)",
@@ -155,10 +166,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "2.25 KB"
+      "limit": "2.27 kB"
     },
     {
       "name": "Component catalog (catalog entry)",
@@ -167,10 +179,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "61.11 KB"
+      "limit": "61.84 kB"
     },
     {
       "name": "Spec renderer (spec entry)",
@@ -179,10 +192,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "4.7 KB"
+      "limit": "4.72 kB"
     },
     {
       "name": "Ecosystem interop (interop entry)",
@@ -191,11 +205,25 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
       "limit": "4 KB"
     },
+    {
+      "name": "Analytics (analytics entry, no React)",
+      "path": "dist/analytics.mjs",
+      "ignore": [
+        "react",
+        "react-dom",
+        "./diagnostics-*",
+        "./themeReveal-*",
+        "./interactionListening.mjs"
+      ],
+      "gzip": true,
+      "limit": "1.94 kB"
+    },
     {
       "name": "Dates, times and zones (date entry, no React)",
       "path": "dist/date.mjs",
@@ -203,7 +231,8 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
       "limit": "7.59 KB"
@@ -212,10 +241,11 @@
       "name": "Core engine (@box-kite/core, no React)",
       "path": "dist-core/core.mjs",
       "gzip": true,
-      "limit": "38.68 KB",
+      "limit": "39.43 kB",
       "ignore": [
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ]
     },
     {
@@ -225,10 +255,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "41.54 KB"
+      "limit": "43.16 kB"
     },
     {
       "name": "Popover",
@@ -237,10 +268,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "43.07 KB"
+      "limit": "44.70 kB"
     },
     {
       "name": "Menu",
@@ -249,10 +281,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "45.31 KB"
+      "limit": "47.07 kB"
     },
     {
       "name": "Accordion",
@@ -261,10 +294,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "40.78 KB"
+      "limit": "42.42 kB"
     },
     {
       "name": "Agent",
@@ -273,10 +307,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "41.56 KB"
+      "limit": "43.19 kB"
     },
     {
       "name": "Markdown",
@@ -285,10 +320,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "40.04 KB"
+      "limit": "41.47 kB"
     },
     {
       "name": "List",
@@ -297,10 +333,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "41.36 KB"
+      "limit": "42.84 kB"
     },
     {
       "name": "SwipeItem",
@@ -309,10 +346,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "44.44 KB"
+      "limit": "46.12 kB"
     },
     {
       "name": "SortableList",
@@ -321,10 +359,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "44.72 KB"
+      "limit": "46.44 kB"
     },
     {
       "name": "VirtualList",
@@ -333,10 +372,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "43.53 KB"
+      "limit": "45.00 kB"
     },
     {
       "name": "Skeleton",
@@ -345,10 +385,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "39.39 KB"
+      "limit": "40.82 kB"
     },
     {
       "name": "Tabs",
@@ -357,10 +398,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "41.99 KB"
+      "limit": "43.61 kB"
     },
     {
       "name": "Slider",
@@ -369,10 +411,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "41.16 KB"
+      "limit": "42.75 kB"
     },
     {
       "name": "Progress",
@@ -381,10 +424,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "39.34 KB"
+      "limit": "40.77 kB"
     },
     {
       "name": "Toaster",
@@ -393,10 +437,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "42.77 KB"
+      "limit": "44.41 kB"
     },
     {
       "name": "DateField",
@@ -405,10 +450,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "47.97 KB"
+      "limit": "49.64 kB"
     },
     {
       "name": "Calendar",
@@ -417,10 +463,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "47.39 KB"
+      "limit": "49.09 kB"
     },
     {
       "name": "DatePicker",
@@ -429,10 +476,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "60.07 KB"
+      "limit": "61.85 kB"
     },
     {
       "name": "DateTime",
@@ -441,10 +489,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "42.9 KB"
+      "limit": "44.35 kB"
     },
     {
       "name": "TimeZoneSelect",
@@ -453,10 +502,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "50.51 KB"
+      "limit": "52.22 kB"
     },
     {
       "name": "Combobox",
@@ -465,10 +515,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "48.58 KB"
+      "limit": "50.20 kB"
     },
     {
       "name": "Dashboard",
@@ -477,10 +528,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "45.01 KB"
+      "limit": "46.74 kB"
     },
     {
       "name": "DataGrid",
@@ -490,11 +542,22 @@
         "react-dom",
         "./diagnostics-*",
         "./themeReveal-*",
+        "./interactionListening.mjs",
         "../dataGridList.mjs",
         "../dataGridDateParts.mjs"
       ],
       "gzip": true,
-      "limit": "94.65 KB"
+      "limit": "97.40 kB"
+    },
+    {
+      "name": "Interaction delivery, the chunk the first Box.onInteraction fetches",
+      "path": "dist/interactionListening.mjs",
+      "ignore": [
+        "react",
+        "react-dom"
+      ],
+      "gzip": true,
+      "limit": "1.44 kB"
     },
     {
       "name": "DataGrid export, the chunk fetched on the first press",
@@ -503,10 +566,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "3.8 KB"
+      "limit": "3.86 kB"
     },
     {
       "name": "DataGrid list layout, the chunk a narrow grid fetches on top of the grid",
@@ -516,11 +580,12 @@
         "react-dom",
         "./diagnostics-*",
         "./themeReveal-*",
+        "./interactionListening.mjs",
         "./box.mjs",
         "./components/*"
       ],
       "gzip": true,
-      "limit": "7.83 KB"
+      "limit": "7.89 kB"
     },
     {
       "name": "DataGrid dates, the chunk a grid with a date column fetches on top of the grid",
@@ -530,11 +595,12 @@
         "react-dom",
         "./diagnostics-*",
         "./themeReveal-*",
+        "./interactionListening.mjs",
         "./box.mjs",
         "./components/*"
       ],
       "gzip": true,
-      "limit": "7.49 KB"
+      "limit": "7.56 kB"
     },
     {
       "name": "Full library (Box + ssg + every component)",
@@ -543,10 +609,11 @@
         "react",
         "react-dom",
         "./diagnostics-*",
-        "./themeReveal-*"
+        "./themeReveal-*",
+        "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "162.25 KB"
+      "limit": "165.71 kB"
     }
   ],
   "repository": {
@@ -586,13 +653,14 @@
     "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@box-kite/core": "2.2.6",
+    "@box-kite/core": "2.2.8",
     "csstype": "^3.2.3",
     "use-sync-external-store": "^1.6.0"
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.5",
     "@assistant-ui/core": "^0.3.20",
+    "@clack/prompts": "^1.8.1",
     "@copilotkit/a2ui-renderer": "^1.73.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
@@ -623,6 +691,7 @@
     "ag-grid-community": "^36.2.0",
     "ag-grid-react": "^36.2.0",
     "axe-core": "^4.13.0",
+    "create-vite": "^9.3.0",
     "eslint": "^10.8.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-import-x": "^4.17.1",

package/placement.cjs

@@ -1 +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.l(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.l(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.d(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}});
+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.d(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.d(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.p(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

@@ -1,4 +1,4 @@
-import { d as e, l as t } from "./platform.mjs";
+import { d as e, p 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";
@@ -82,9 +82,9 @@ function S(o = {}) {
 	n(() => {
 		v() || O(!1);
 	}, []), n(() => {
-		let e = t(C);
-		if (e) return e.style.setProperty("anchor-name", E), () => {
-			e.style.removeProperty("anchor-name");
+		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")));
@@ -96,16 +96,16 @@ function S(o = {}) {
 		d,
 		p
 	]), n(() => {
-		let n = t(C) ?? k;
+		let n = e(C) ?? k;
 		if (D || !n || !j) return;
 		let r = () => {
-			let t = b(n), r = b(j), i = {
+			let e = b(n), r = b(j), i = {
 				top: 0,
 				left: 0,
 				width: window.innerWidth,
 				height: window.innerHeight
-			}, a = g ? Math.max(r.width, t.width) : r.width, o = {
-				...m(t, {
+			}, a = g ? Math.max(r.width, e.width) : r.width, o = {
+				...m(e, {
 					...r,
 					width: a
 				}, i, {
@@ -113,9 +113,9 @@ function S(o = {}) {
 					align: d,
 					offset: f / h * y(),
 					flip: p,
-					rtl: e(n)
+					rtl: t(n)
 				}),
-				anchorWidth: t.width
+				anchorWidth: e.width
 			};
 			P((e) => x(e, o) ? e : o);
 		};

package/platform.cjs

@@ -1 +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}function d(e){return typeof window>`u`||typeof window.matchMedia!=`function`?null:window.matchMedia(e)}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return n}});
+var e=globalThis[Symbol.for(`box-kite.componentAttribute`)]??={on:!1,warnings:!0},t=()=>e.on,n=()=>e.warnings;function r(t){e.on=t}function i(t){e.warnings=t}function a(e){return e?`current`in e?e.current:e:null}function o(e){let t=a(e);return t instanceof HTMLElement?t:null}function s(e,t){let n=typeof e.composedPath==`function`?e.composedPath():[];return t.some(t=>{let r=a(t);return r?n.includes(r)||e.target instanceof Node&&r.contains(e.target):!1})}function c(e){let t=a(e),n=t?.ownerDocument?.defaultView;return!!t&&!!n&&n.getComputedStyle(t).direction===`rtl`}function l(e){let t=a(e)?.ownerDocument?.defaultView?.getSelection();t&&!t.isCollapsed&&t.removeAllRanges()}function u(){return typeof window<`u`&&window.document!==void 0}function d(){try{return process.env.NODE_ENV!==`production`}catch{return!1}}function f(){return typeof document<`u`}function p(){return f()?document:null}function m(){return p()?.documentElement??null}function h(){return typeof HTMLElement<`u`&&typeof HTMLElement.prototype.showPopover==`function`}function g(){return typeof HTMLDialogElement<`u`&&`closedBy`in HTMLDialogElement.prototype}function _(e){return typeof window>`u`||typeof window.matchMedia!=`function`?null:window.matchMedia(e)}Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return a}});