@womp/kookie-ui 0.26.3 → 0.27.0

package/dist/esm/components/theme.js

@@ -1,3 +1,3 @@
 "use client";
-"use client";import{a,b,c}from"../chunk-YOZXIUZY.js";import"../chunk-GHUAUFG7.js";import"../chunk-HBWBPBSA.js";import"../chunk-5ON3XLRD.js";import"../chunk-XU74PNM2.js";import"../chunk-CLJ6SEGP.js";import"../chunk-VQPANPMI.js";export{c as Theme,a as ThemeContext,b as useThemeContext};
+"use client";import{a,b,c}from"../chunk-FVRVBB6O.js";import"../chunk-GHUAUFG7.js";import"../chunk-5ON3XLRD.js";import"../chunk-HBWBPBSA.js";import"../chunk-XU74PNM2.js";import"../chunk-CLJ6SEGP.js";import"../chunk-VQPANPMI.js";export{c as Theme,a as ThemeContext,b as useThemeContext};
 //# sourceMappingURL=theme.js.map

package/dist/esm/components/toggle.js

@@ -1,3 +1,3 @@
 "use client";
-import{a}from"../chunk-UMR4AF35.js";import"../chunk-CGFLZ3DC.js";import"../chunk-Y2DBXOLT.js";import"../chunk-MPCCYR7L.js";import"../chunk-4MNRLB57.js";import"../chunk-BQC2P3SN.js";import"../chunk-UJ7JERJ5.js";import"../chunk-27XQ5PN5.js";import"../chunk-BUXK5VGR.js";import"../chunk-KVVRFWGQ.js";import"../chunk-YCLPURTD.js";import"../chunk-CR65RYGM.js";import"../chunk-GKDGNPBD.js";import"../chunk-7N2Q5WOM.js";import"../chunk-OAJ5DARR.js";import"../chunk-5KMEUZWN.js";import"../chunk-LPLW7OWA.js";import"../chunk-L54FWKJE.js";import"../chunk-OKQAVYW4.js";import"../chunk-T2DZDW5Y.js";import"../chunk-YOZXIUZY.js";import"../chunk-GHUAUFG7.js";import"../chunk-HBWBPBSA.js";import"../chunk-5ON3XLRD.js";import"../chunk-XU74PNM2.js";import"../chunk-CLJ6SEGP.js";import"../chunk-ANQLWGFN.js";import"../chunk-VQPANPMI.js";export{a as Toggle};
+import{a}from"../chunk-FMVOB367.js";import"../chunk-KJZSXLIX.js";import"../chunk-Y2DBXOLT.js";import"../chunk-6YWHNLSC.js";import"../chunk-4MNRLB57.js";import"../chunk-BQC2P3SN.js";import"../chunk-UJ7JERJ5.js";import"../chunk-2ZKEQS76.js";import"../chunk-BUXK5VGR.js";import"../chunk-KVVRFWGQ.js";import"../chunk-YCLPURTD.js";import"../chunk-CR65RYGM.js";import"../chunk-GKDGNPBD.js";import"../chunk-7N2Q5WOM.js";import"../chunk-OAJ5DARR.js";import"../chunk-5KMEUZWN.js";import"../chunk-LPLW7OWA.js";import"../chunk-L54FWKJE.js";import"../chunk-OKQAVYW4.js";import"../chunk-AQKSO3SW.js";import"../chunk-FVRVBB6O.js";import"../chunk-GHUAUFG7.js";import"../chunk-5ON3XLRD.js";import"../chunk-HBWBPBSA.js";import"../chunk-XU74PNM2.js";import"../chunk-CLJ6SEGP.js";import"../chunk-ANQLWGFN.js";import"../chunk-VQPANPMI.js";export{a as Toggle};
 //# sourceMappingURL=toggle.js.map

package/dist/esm/components/toolbar.js

@@ -1,3 +1,3 @@
 "use client";
-"use client";import{a,b,c,d,e,f,g,h,i,j}from"../chunk-FK434VPA.js";import"../chunk-VPP5IDW7.js";import"../chunk-2ACVWLFA.js";import"../chunk-TGRHRMQI.js";import"../chunk-CGFLZ3DC.js";import"../chunk-Y2DBXOLT.js";import"../chunk-MPCCYR7L.js";import"../chunk-4MNRLB57.js";import"../chunk-BQC2P3SN.js";import"../chunk-UJ7JERJ5.js";import"../chunk-27XQ5PN5.js";import"../chunk-BUXK5VGR.js";import"../chunk-KVVRFWGQ.js";import"../chunk-YCLPURTD.js";import"../chunk-CR65RYGM.js";import"../chunk-GKDGNPBD.js";import"../chunk-7N2Q5WOM.js";import"../chunk-OAJ5DARR.js";import"../chunk-5KMEUZWN.js";import"../chunk-5JYSYTHA.js";import"../chunk-ISCZ57VL.js";import"../chunk-EB4AG3OL.js";import"../chunk-QPRUTOLI.js";import"../chunk-OLTRWCQK.js";import"../chunk-MGWGD6KI.js";import"../chunk-KOAWATCI.js";import"../chunk-5KJIPH2N.js";import"../chunk-YOSLXJI5.js";import"../chunk-LPLW7OWA.js";import"../chunk-L54FWKJE.js";import"../chunk-OKQAVYW4.js";import"../chunk-T2DZDW5Y.js";import"../chunk-YOZXIUZY.js";import"../chunk-GHUAUFG7.js";import"../chunk-HBWBPBSA.js";import"../chunk-5ON3XLRD.js";import"../chunk-XU74PNM2.js";import"../chunk-CLJ6SEGP.js";import"../chunk-ANQLWGFN.js";import"../chunk-G66WDIIV.js";import"../chunk-GHWEXMF6.js";import"../chunk-MAA6LEE2.js";import"../chunk-VQPANPMI.js";export{d as Button,g as Fill,c as Group,e as Overflow,b as Root,h as Separator,f as Slot,i as Title,j as Toolbar,d as ToolbarButton,g as ToolbarFill,c as ToolbarGroup,e as ToolbarOverflow,h as ToolbarSeparator,f as ToolbarSlot,i as ToolbarTitle,a as useToolbarOverflow};
+"use client";import{a,b,c,d,e,f,g,h,i,j}from"../chunk-25ZRMILM.js";import"../chunk-67UEMB4K.js";import"../chunk-2ACVWLFA.js";import"../chunk-TGRHRMQI.js";import"../chunk-KJZSXLIX.js";import"../chunk-Y2DBXOLT.js";import"../chunk-6YWHNLSC.js";import"../chunk-4MNRLB57.js";import"../chunk-BQC2P3SN.js";import"../chunk-UJ7JERJ5.js";import"../chunk-2ZKEQS76.js";import"../chunk-BUXK5VGR.js";import"../chunk-KVVRFWGQ.js";import"../chunk-YCLPURTD.js";import"../chunk-CR65RYGM.js";import"../chunk-GKDGNPBD.js";import"../chunk-7N2Q5WOM.js";import"../chunk-OAJ5DARR.js";import"../chunk-5KMEUZWN.js";import"../chunk-5JYSYTHA.js";import"../chunk-ISCZ57VL.js";import"../chunk-EB4AG3OL.js";import"../chunk-QPRUTOLI.js";import"../chunk-TSWHVZ47.js";import"../chunk-MGWGD6KI.js";import"../chunk-KOAWATCI.js";import"../chunk-5KJIPH2N.js";import"../chunk-YOSLXJI5.js";import"../chunk-QEDKL23P.js";import"../chunk-LPLW7OWA.js";import"../chunk-L54FWKJE.js";import"../chunk-OKQAVYW4.js";import"../chunk-AQKSO3SW.js";import"../chunk-FVRVBB6O.js";import"../chunk-GHUAUFG7.js";import"../chunk-5ON3XLRD.js";import"../chunk-HBWBPBSA.js";import"../chunk-XU74PNM2.js";import"../chunk-CLJ6SEGP.js";import"../chunk-ANQLWGFN.js";import"../chunk-G66WDIIV.js";import"../chunk-GHWEXMF6.js";import"../chunk-MAA6LEE2.js";import"../chunk-VQPANPMI.js";export{d as Button,g as Fill,c as Group,e as Overflow,b as Root,h as Separator,f as Slot,i as Title,j as Toolbar,d as ToolbarButton,g as ToolbarFill,c as ToolbarGroup,e as ToolbarOverflow,h as ToolbarSeparator,f as ToolbarSlot,i as ToolbarTitle,a as useToolbarOverflow};
 //# sourceMappingURL=toolbar.js.map

package/dist/esm/components/tooltip.js

@@ -1,3 +1,3 @@
 "use client";
-import{a,b}from"../chunk-MPCCYR7L.js";import"../chunk-4MNRLB57.js";import"../chunk-BQC2P3SN.js";import"../chunk-UJ7JERJ5.js";import"../chunk-L54FWKJE.js";import"../chunk-OKQAVYW4.js";import"../chunk-T2DZDW5Y.js";import"../chunk-YOZXIUZY.js";import"../chunk-GHUAUFG7.js";import"../chunk-HBWBPBSA.js";import"../chunk-5ON3XLRD.js";import"../chunk-XU74PNM2.js";import"../chunk-CLJ6SEGP.js";import"../chunk-ANQLWGFN.js";import"../chunk-VQPANPMI.js";export{b as Tooltip,a as TooltipProvider};
+import{a,b}from"../chunk-6YWHNLSC.js";import"../chunk-4MNRLB57.js";import"../chunk-BQC2P3SN.js";import"../chunk-UJ7JERJ5.js";import"../chunk-L54FWKJE.js";import"../chunk-OKQAVYW4.js";import"../chunk-AQKSO3SW.js";import"../chunk-FVRVBB6O.js";import"../chunk-GHUAUFG7.js";import"../chunk-5ON3XLRD.js";import"../chunk-HBWBPBSA.js";import"../chunk-XU74PNM2.js";import"../chunk-CLJ6SEGP.js";import"../chunk-ANQLWGFN.js";import"../chunk-VQPANPMI.js";export{b as Tooltip,a as TooltipProvider};
 //# sourceMappingURL=tooltip.js.map

package/dist/esm/index.js

@@ -1,3 +1,3 @@
 "use client";
-import"./chunk-AYKOOEZR.js";import{a as uo}from"./chunk-RIHTVZVJ.js";import{a as vo,b as wo,c as yo,d as zo}from"./chunk-3LIF53YY.js";import{a as so}from"./chunk-WTP2KIK3.js";import"./chunk-NG54K6FL.js";import{a as eo}from"./chunk-R7YHDIFM.js";import{c as fo}from"./chunk-4CIQRUYW.js";import{a as mo}from"./chunk-UMR4AF35.js";import{a as po,c as to,d as xo,e as ao,f as bo,g as co,h as go,i as ho,j as io}from"./chunk-FK434VPA.js";import{a as jo}from"./chunk-7QBNXNEN.js";import{l as ko}from"./chunk-Q2TLWILH.js";import{a as _}from"./chunk-IDEDEPBM.js";import{a as $}from"./chunk-DSM5SUH3.js";import{h as oo}from"./chunk-X7JHZ3HA.js";import{e as ro}from"./chunk-ZIAA2C4H.js";import{c as X}from"./chunk-W4Z6ORYO.js";import{h as Y}from"./chunk-OUOP6Q3Z.js";import{a as Z}from"./chunk-324VC67W.js";import{g as no}from"./chunk-2R7WQPXX.js";import{h as lo}from"./chunk-XGES2VBG.js";import"./chunk-4G3FJUER.js";import"./chunk-ZG2XQUOH.js";import{c as U}from"./chunk-E2LSWNWZ.js";import{a as V}from"./chunk-6JGF6PQH.js";import{a as W}from"./chunk-L66IUPDW.js";import{a as Q}from"./chunk-C67MM24U.js";import{i as qo}from"./chunk-Z5W4ACO2.js";import{e as R}from"./chunk-NWXODCTD.js";import{a as S}from"./chunk-AXODGYRY.js";import{a as T}from"./chunk-D2C2A2ZK.js";import{g as M}from"./chunk-WYKNBNM5.js";import{o as N}from"./chunk-VPP5IDW7.js";import{a as O}from"./chunk-Q5SANVIW.js";import{a as P}from"./chunk-ENQV6SEA.js";import{m as E}from"./chunk-KLYI5E6F.js";import{b as B,c as C}from"./chunk-6C6EK2B5.js";import{c as F}from"./chunk-FYTLUDL3.js";import"./chunk-2VSRZ4IT.js";import{a as G}from"./chunk-JD4KR6VZ.js";import"./chunk-4KIZRO52.js";import{a as H}from"./chunk-3UIODOPE.js";import{a as I}from"./chunk-WD66RYF6.js";import{l as K}from"./chunk-GMWCTK5G.js";import{g as J}from"./chunk-OLWUS7PC.js";import{a as D}from"./chunk-WUCBFB25.js";import{n as L}from"./chunk-W3ES2XSB.js";import"./chunk-2ACVWLFA.js";import{a as h}from"./chunk-B6YGNB3V.js";import{f as i}from"./chunk-RP5ORPPH.js";import{h as n}from"./chunk-2NWHEGKZ.js";import"./chunk-FATCGZZE.js";import{a as l}from"./chunk-7VJF6EXN.js";import{a as j}from"./chunk-JP36JSNP.js";import"./chunk-TGRHRMQI.js";import{a as q}from"./chunk-MCHK36NI.js";import{a as s}from"./chunk-HLIOHDEX.js";import{a as u}from"./chunk-XD3C3GVF.js";import{a as z}from"./chunk-CGFLZ3DC.js";import{a as y}from"./chunk-Y2DBXOLT.js";import{a as v,b as w}from"./chunk-MPCCYR7L.js";import{a as k}from"./chunk-4MNRLB57.js";import"./chunk-BQC2P3SN.js";import"./chunk-UJ7JERJ5.js";import{a as A}from"./chunk-EPGIYTFK.js";import"./chunk-YMUERC2J.js";import"./chunk-ACMANOVD.js";import"./chunk-27XQ5PN5.js";import{a as f}from"./chunk-BUXK5VGR.js";import{a as e}from"./chunk-KVVRFWGQ.js";import"./chunk-YCLPURTD.js";import"./chunk-CR65RYGM.js";import{a as m,b as p,c as t,d as x}from"./chunk-GKDGNPBD.js";import"./chunk-7N2Q5WOM.js";import"./chunk-OAJ5DARR.js";import{b as o,c as r}from"./chunk-5KMEUZWN.js";import"./chunk-5JYSYTHA.js";import"./chunk-ISCZ57VL.js";import"./chunk-EB4AG3OL.js";import{a}from"./chunk-QPRUTOLI.js";import"./chunk-OLTRWCQK.js";import{a as b}from"./chunk-MGWGD6KI.js";import"./chunk-KOAWATCI.js";import"./chunk-5KJIPH2N.js";import"./chunk-YOSLXJI5.js";import"./chunk-LPLW7OWA.js";import"./chunk-L54FWKJE.js";import"./chunk-OKQAVYW4.js";import"./chunk-T2DZDW5Y.js";import{a as c,b as d,c as g}from"./chunk-YOZXIUZY.js";import"./chunk-GHUAUFG7.js";import"./chunk-HBWBPBSA.js";import"./chunk-5ON3XLRD.js";import"./chunk-XU74PNM2.js";import"./chunk-CLJ6SEGP.js";import"./chunk-ANQLWGFN.js";import"./chunk-QRV32INS.js";import"./chunk-3QWGSRYC.js";import"./chunk-LTUW36HM.js";import"./chunk-QKCNGEX4.js";import"./chunk-WEBNIUEX.js";import"./chunk-XUCR7L4G.js";import"./chunk-G66WDIIV.js";import"./chunk-GHWEXMF6.js";import"./chunk-MAA6LEE2.js";import"./chunk-VQPANPMI.js";export{vo as APPEARANCE_STORAGE_KEY,h as AccessibleIcon,i as Accordion,n as AlertDialog,q as Avatar,s as Blockquote,u as Box,z as Button,A as Card,E as Chatbar,G as Checkbox,F as CheckboxGroup,t as ChevronDownIcon,H as Chip,I as Code,K as Combobox,C as Confirmation,L as ContextMenu,M as Dialog,N as DropdownMenu,e as Flex,O as Grid,j as Heading,P as Image,a as Kbd,Q as Link,qo as MessageScroller,R as Navbar,B as Notice,J as Popover,S as Portal,T as Progress,V as Radio,U as RadioGroup,W as Reset,b as ScrollArea,X as SegmentedControl,Y as Select,Z as Separator,no as Sheet,lo as Shell,ko as Sidebar,_ as Slider,o as Slot,r as Slottable,f as Spinner,$ as Switch,oo as Table,ro as Tabs,k as Text,eo as TextArea,fo as TextField,g as Theme,c as ThemeContext,p as ThickCheckIcon,x as ThickChevronRightIcon,m as ThickDividerHorizontalIcon,mo as Toggle,io as Toolbar,xo as ToolbarButton,co as ToolbarFill,to as ToolbarGroup,ao as ToolbarOverflow,go as ToolbarSeparator,bo as ToolbarSlot,ho as ToolbarTitle,w as Tooltip,v as TooltipProvider,jo as VirtualMenu,D as VisuallyHidden,wo as appearanceScript,yo as setAppearance,zo as useAppearance,l as useBodyPointerEventsCleanup,so as useLiveAnnouncer,d as useThemeContext,uo as useToggleState,po as useToolbarOverflow,y as useTooltipWrapper};
+import"./chunk-AYKOOEZR.js";import{a as uo}from"./chunk-RIHTVZVJ.js";import{a as vo,b as wo,c as yo,d as zo}from"./chunk-3LIF53YY.js";import{a as so}from"./chunk-WTP2KIK3.js";import"./chunk-NG54K6FL.js";import{a as jo}from"./chunk-7QBNXNEN.js";import{e as ro}from"./chunk-REORAMUH.js";import{a as eo}from"./chunk-K3GDM26A.js";import{c as fo}from"./chunk-ZOUIIO4C.js";import{a as mo}from"./chunk-FMVOB367.js";import{a as po,c as to,d as xo,e as ao,f as bo,g as co,h as go,i as ho,j as io}from"./chunk-25ZRMILM.js";import{h as lo}from"./chunk-6HEORZNJ.js";import{l as ko}from"./chunk-3MFSQ6PN.js";import{a as _}from"./chunk-B6OFKABP.js";import{a as $}from"./chunk-JKQN6QCP.js";import{h as oo}from"./chunk-X7JHZ3HA.js";import{c as X}from"./chunk-W4Z6ORYO.js";import{h as Y}from"./chunk-VQDCHBZR.js";import{a as Z}from"./chunk-324VC67W.js";import{g as no}from"./chunk-HR2VHGJ5.js";import"./chunk-4G3FJUER.js";import"./chunk-ZG2XQUOH.js";import{a as T}from"./chunk-D2C2A2ZK.js";import{c as U}from"./chunk-HBO7W7SS.js";import{a as V}from"./chunk-H2J25HXP.js";import{a as W}from"./chunk-L66IUPDW.js";import{a as Q}from"./chunk-C67MM24U.js";import{i as qo}from"./chunk-MMDZBPSX.js";import{e as R}from"./chunk-NWXODCTD.js";import{a as S}from"./chunk-AXODGYRY.js";import{n as L}from"./chunk-2S7HPQVX.js";import{g as M}from"./chunk-5BX2YZV6.js";import{o as N}from"./chunk-67UEMB4K.js";import"./chunk-2ACVWLFA.js";import{a as O}from"./chunk-Q5SANVIW.js";import{a as P}from"./chunk-ENQV6SEA.js";import{a as A}from"./chunk-EPGIYTFK.js";import{m as E}from"./chunk-LABMK6Q7.js";import{b as B,c as C}from"./chunk-7V6M3MIR.js";import{c as F}from"./chunk-FYTLUDL3.js";import"./chunk-2VSRZ4IT.js";import{a as G}from"./chunk-JD4KR6VZ.js";import"./chunk-4KIZRO52.js";import{a as H}from"./chunk-J54GYD7A.js";import{a as I}from"./chunk-WD66RYF6.js";import{l as K}from"./chunk-2E57H3NH.js";import{g as J}from"./chunk-MJKVVGGV.js";import{a as D}from"./chunk-WUCBFB25.js";import{a as h}from"./chunk-B6YGNB3V.js";import{f as i}from"./chunk-DP7MPGR7.js";import{h as n}from"./chunk-WAXRIARV.js";import"./chunk-FATCGZZE.js";import{a as l}from"./chunk-7VJF6EXN.js";import{a as j}from"./chunk-JP36JSNP.js";import"./chunk-TGRHRMQI.js";import{a as q}from"./chunk-SUQJ7DD4.js";import{a as s}from"./chunk-HLIOHDEX.js";import{a as u}from"./chunk-XD3C3GVF.js";import{a as z}from"./chunk-KJZSXLIX.js";import{a as y}from"./chunk-Y2DBXOLT.js";import{a as v,b as w}from"./chunk-6YWHNLSC.js";import{a as k}from"./chunk-4MNRLB57.js";import"./chunk-BQC2P3SN.js";import"./chunk-UJ7JERJ5.js";import"./chunk-YMUERC2J.js";import"./chunk-H73AMXCH.js";import"./chunk-2ZKEQS76.js";import{a as f}from"./chunk-BUXK5VGR.js";import{a as e}from"./chunk-KVVRFWGQ.js";import"./chunk-YCLPURTD.js";import"./chunk-CR65RYGM.js";import{a as m,b as p,c as t,d as x}from"./chunk-GKDGNPBD.js";import"./chunk-7N2Q5WOM.js";import"./chunk-OAJ5DARR.js";import{b as o,c as r}from"./chunk-5KMEUZWN.js";import"./chunk-5JYSYTHA.js";import"./chunk-ISCZ57VL.js";import"./chunk-EB4AG3OL.js";import{a}from"./chunk-QPRUTOLI.js";import"./chunk-TSWHVZ47.js";import{a as b}from"./chunk-MGWGD6KI.js";import"./chunk-KOAWATCI.js";import"./chunk-5KJIPH2N.js";import"./chunk-YOSLXJI5.js";import"./chunk-QEDKL23P.js";import"./chunk-LPLW7OWA.js";import"./chunk-L54FWKJE.js";import"./chunk-OKQAVYW4.js";import"./chunk-AQKSO3SW.js";import{a as c,b as d,c as g}from"./chunk-FVRVBB6O.js";import"./chunk-GHUAUFG7.js";import"./chunk-5ON3XLRD.js";import"./chunk-HBWBPBSA.js";import"./chunk-XU74PNM2.js";import"./chunk-CLJ6SEGP.js";import"./chunk-ANQLWGFN.js";import"./chunk-QRV32INS.js";import"./chunk-3QWGSRYC.js";import"./chunk-LTUW36HM.js";import"./chunk-QKCNGEX4.js";import"./chunk-WEBNIUEX.js";import"./chunk-XUCR7L4G.js";import"./chunk-G66WDIIV.js";import"./chunk-GHWEXMF6.js";import"./chunk-MAA6LEE2.js";import"./chunk-VQPANPMI.js";export{vo as APPEARANCE_STORAGE_KEY,h as AccessibleIcon,i as Accordion,n as AlertDialog,q as Avatar,s as Blockquote,u as Box,z as Button,A as Card,E as Chatbar,G as Checkbox,F as CheckboxGroup,t as ChevronDownIcon,H as Chip,I as Code,K as Combobox,C as Confirmation,L as ContextMenu,M as Dialog,N as DropdownMenu,e as Flex,O as Grid,j as Heading,P as Image,a as Kbd,Q as Link,qo as MessageScroller,R as Navbar,B as Notice,J as Popover,S as Portal,T as Progress,V as Radio,U as RadioGroup,W as Reset,b as ScrollArea,X as SegmentedControl,Y as Select,Z as Separator,no as Sheet,lo as Shell,ko as Sidebar,_ as Slider,o as Slot,r as Slottable,f as Spinner,$ as Switch,oo as Table,ro as Tabs,k as Text,eo as TextArea,fo as TextField,g as Theme,c as ThemeContext,p as ThickCheckIcon,x as ThickChevronRightIcon,m as ThickDividerHorizontalIcon,mo as Toggle,io as Toolbar,xo as ToolbarButton,co as ToolbarFill,to as ToolbarGroup,ao as ToolbarOverflow,go as ToolbarSeparator,bo as ToolbarSlot,ho as ToolbarTitle,w as Tooltip,v as TooltipProvider,jo as VirtualMenu,D as VisuallyHidden,wo as appearanceScript,yo as setAppearance,zo as useAppearance,l as useBodyPointerEventsCleanup,so as useLiveAnnouncer,d as useThemeContext,uo as useToggleState,po as useToolbarOverflow,y as useTooltipWrapper};
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@womp/kookie-ui",
-  "version": "0.26.3",
+  "version": "0.27.0",
   "description": "Kookie UI v1: a React component library with design tokens, flexible theming, a full layout shell, and comprehensive documentation.",
   "keywords": [
     "react",

package/schemas/index.json

@@ -898,7 +898,7 @@
           "properties": {
             "height": {
               "default": "full",
-              "description": "Height of the frame. `full` is 100dvh, with 100vh where dvh is not supported.",
+              "description": "Height of the frame. `full` is the window: 100dvh, with 100vh where dvh is not supported, and on a narrow touch screen the page scrolls. Any value other than `full` or `auto` makes the Shell contained.",
               "anyOf": [
                 {
                   "type": "string",
@@ -916,6 +916,11 @@
                 }
               ]
             },
+            "contained": {
+              "default": false,
+              "description": "Fills the parent instead of the window and always scrolls inside itself. An explicit `height` implies it.",
+              "type": "boolean"
+            },
             "size": {
               "default": "2",
               "description": "Index of the pane chrome and the Sidebar rows in it",

package/schemas/shell-root.json

@@ -6,7 +6,7 @@
       "properties": {
         "height": {
           "default": "full",
-          "description": "Height of the frame. `full` is 100dvh, with 100vh where dvh is not supported.",
+          "description": "Height of the frame. `full` is the window: 100dvh, with 100vh where dvh is not supported, and on a narrow touch screen the page scrolls. Any value other than `full` or `auto` makes the Shell contained.",
           "anyOf": [
             {
               "type": "string",
@@ -24,6 +24,11 @@
             }
           ]
         },
+        "contained": {
+          "default": false,
+          "description": "Fills the parent instead of the window and always scrolls inside itself. An explicit `height` implies it.",
+          "type": "boolean"
+        },
         "size": {
           "default": "2",
           "description": "Index of the pane chrome and the Sidebar rows in it",

package/src/components/_internal/pane-chrome.tsx

@@ -15,6 +15,7 @@ import classNames from 'classnames';
 import { ScrollArea } from '../scroll-area.js';
 import { ShellStoreContext } from './shell-store.js';
 import { PaneBandSizeContext, type BandSize } from './pane-band-context.js';
+import { usePageScrollMedia } from './shell-page-scroll.js';
 
 type PaneSize = '1' | '2' | '3';
 
@@ -42,6 +43,13 @@ const ShellSizeContext = React.createContext<PaneSize>('2');
  */
 const ShellContentContext = React.createContext(false);
 
+/**
+ * True inside a window Shell: one with no `contained` and no `height`, which lets the page scroll
+ * on a narrow touch screen. Each `Shell.Root` sets its own, so a Shell nested in another answers
+ * for itself.
+ */
+const ShellWindowContext = React.createContext(false);
+
 /**
  * Gives a Shell pane's children the Shell's index, so Sidebar parts size themselves. In a Rail
  * the rows are `thin`: icon tiles with a small label, sub-menus as dropdowns.
@@ -156,9 +164,14 @@ const Scroll = React.forwardRef<HTMLDivElement, ScrollProps>(({ className, style
   const contentPane = React.useContext(ShellContentContext);
   const visual = useSidebarVisual();
   const inContent = contentPane && visual === null;
+  // While the page scrolls, the content's viewport scrolls nothing: as a tab stop it would take a
+  // Tab, ring the whole page and move nothing. Resolved after mount; a `tabIndex` of the caller's wins.
+  const windowShell = React.useContext(ShellWindowContext);
+  const pageScrolls = usePageScrollMedia();
   if (inContent) {
+    const tabIndex = props.tabIndex ?? (windowShell && pageScrolls ? -1 : undefined);
     return (
-      <ScrollArea {...props} ref={forwardedRef} type="hover" fade={fade} className="kui-ShellScroll">
+      <ScrollArea {...props} tabIndex={tabIndex} ref={forwardedRef} type="hover" fade={fade} className="kui-ShellScroll">
         <div style={style} dir={dir} className={classNames('kui-ShellScrollContent', className)}>
           {children}
         </div>
@@ -178,5 +191,5 @@ const Scroll = React.forwardRef<HTMLDivElement, ScrollProps>(({ className, style
 });
 Scroll.displayName = 'Shell.Scroll';
 
-export { SidebarVisualContext, useSidebarVisual, ShellSizeContext, ShellContentContext, PaneChromeScope, PaneHeader, PaneFooter, Scroll, BAND_STEP, usePaneBandSize };
+export { SidebarVisualContext, useSidebarVisual, ShellSizeContext, ShellContentContext, ShellWindowContext, PaneChromeScope, PaneHeader, PaneFooter, Scroll, BAND_STEP, usePaneBandSize };
 export type { SidebarVisualContextValue, PaneSize, BandSize, PaneHeaderProps, PaneFooterProps, ScrollProps };

package/src/components/_internal/shell-page-scroll.ts

@@ -0,0 +1,49 @@
+'use client';
+
+import * as React from 'react';
+
+/**
+ * When a window Shell lets the page scroll: a narrow window (below the `sm` breakpoint) under a
+ * coarse pointer. The stylesheet decides it (shell.css, the page-scroll block), so first paint is
+ * right with no script. This is the script's copy, for the few things only script can do when the
+ * answer changes: carry the reading position between the two scrollers, and take the content's
+ * unused viewport out of the tab order. A test holds it equal to the stylesheet's.
+ */
+export const PAGE_SCROLL_QUERY = '(max-width: 767.98px) and (pointer: coarse)';
+
+let list: MediaQueryList | undefined;
+const media = () => (list ??= window.matchMedia(PAGE_SCROLL_QUERY));
+
+function listen(m: MediaQueryList, handler: () => void): () => void {
+  // Safari below 14 has only the deprecated listener API.
+  if (typeof m.addEventListener === 'function') {
+    m.addEventListener('change', handler);
+    return () => m.removeEventListener('change', handler);
+  }
+  m.addListener?.(handler);
+  return () => m.removeListener?.(handler);
+}
+
+function subscribe(onChange: () => void): () => void {
+  return listen(media(), onChange);
+}
+
+/** True where a window Shell lets the page scroll. False on the server and through hydration. */
+export function usePageScrollMedia(): boolean {
+  return React.useSyncExternalStore(
+    subscribe,
+    () => media().matches,
+    () => false,
+  );
+}
+
+/** Whether the page scrolls right now. */
+export function pageScrollMatches(): boolean {
+  return media().matches;
+}
+
+/** Subscribes to the answer changing, outside React. */
+export function onPageScrollMediaChange(onChange: (matches: boolean) => void): () => void {
+  const m = media();
+  return listen(m, () => onChange(m.matches));
+}

package/src/components/schemas/shell.schema.ts

@@ -122,7 +122,10 @@ export const ShellRootSchema = z
     height: z
       .union([z.literal('full'), z.literal('auto'), z.string(), z.number()])
       .default('full')
-      .describe('Height of the frame. `full` is 100dvh, with 100vh where dvh is not supported.'),
+      .describe(
+        'Height of the frame. `full` is the window: 100dvh, with 100vh where dvh is not supported, and on a narrow touch screen the page scrolls. Any value other than `full` or `auto` makes the Shell contained.',
+      ),
+    contained: z.boolean().default(false).describe('Fills the parent instead of the window and always scrolls inside itself. An explicit `height` implies it.'),
     size: z.enum(['1', '2', '3']).default('2').describe('Index of the pane chrome and the Sidebar rows in it'),
     className: z.string().optional().describe('Additional CSS class name'),
     style: StyleSchema,

package/src/components/shell.css

@@ -30,6 +30,8 @@
   --shell-inset-gap: var(--space-3);
   /* Written inline by the Root while a Rail shows; stated here so a nested Shell never inherits its parent's. */
   --shell-rail-offset: 0px;
+  /* How far the stuck header reaches down the screen while the page scrolls. Stated here so a nested Shell never inherits its parent's. */
+  --kui-shell-page-top: 0px;
 
   display: grid;
   grid-template-areas:
@@ -58,6 +60,14 @@
   }
 }
 
+/*
+ * A contained Shell fills its parent instead of the window. An explicit `height` is written
+ * inline and wins over this.
+ */
+.kui-ShellRoot[data-contained] {
+  height: 100%;
+}
+
 /* While an overlay is live the page holds still. Counted across Shells by the Root. */
 :root[data-kui-shell-lock] {
   overflow: hidden;
@@ -115,6 +125,8 @@
   --kui-pane-band-end: initial;
   --kui-shell-position: initial;
   --kui-shell-z: initial;
+  --kui-shell-pin: initial;
+  --kui-shell-pin-top: initial;
   --kui-shell-row: initial;
   --kui-shell-col: initial;
   --kui-shell-surface: initial;
@@ -470,6 +482,8 @@
 .kui-ShellRail[data-presentation='overlay'] ~ .kui-ShellPanel[data-presentation-follows] {
   --kui-shell-position: absolute;
   --kui-shell-z: 6;
+  --kui-shell-pin: fixed;
+  --kui-shell-pin-top: 0px;
   --kui-shell-row: 1 / -1;
   --kui-shell-col: 1 / -1;
   --kui-shell-surface: var(--color-surface);
@@ -484,6 +498,8 @@
 .kui-ShellRail[data-presentation='stacked'] ~ .kui-ShellPanel[data-presentation-follows] {
   --kui-shell-position: absolute;
   --kui-shell-z: 3;
+  --kui-shell-pin: fixed;
+  --kui-shell-pin-top: initial;
   --kui-shell-row: 2 / 3;
   --kui-shell-col: 1 / -1;
   --kui-shell-surface: var(--color-surface);
@@ -503,6 +519,8 @@
 .kui-ShellRail[data-presentation-initial='fixed'] ~ .kui-ShellPanel[data-presentation-follows] {
   --kui-shell-position: initial;
   --kui-shell-z: initial;
+  --kui-shell-pin: initial;
+  --kui-shell-pin-top: initial;
   --kui-shell-row: initial;
   --kui-shell-col: initial;
   --kui-shell-surface: initial;
@@ -517,6 +535,8 @@
 .kui-ShellRail[data-presentation-initial='overlay'] ~ .kui-ShellPanel[data-presentation-follows] {
   --kui-shell-position: absolute;
   --kui-shell-z: 6;
+  --kui-shell-pin: fixed;
+  --kui-shell-pin-top: 0px;
   --kui-shell-row: 1 / -1;
   --kui-shell-col: 1 / -1;
   --kui-shell-surface: var(--color-surface);
@@ -531,6 +551,8 @@
 .kui-ShellRail[data-presentation-initial='stacked'] ~ .kui-ShellPanel[data-presentation-follows] {
   --kui-shell-position: absolute;
   --kui-shell-z: 3;
+  --kui-shell-pin: fixed;
+  --kui-shell-pin-top: initial;
   --kui-shell-row: 2 / 3;
   --kui-shell-col: 1 / -1;
   --kui-shell-surface: var(--color-surface);
@@ -558,6 +580,8 @@
   .kui-ShellRail[data-presentation-xs='fixed'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: initial;
     --kui-shell-z: initial;
+    --kui-shell-pin: initial;
+    --kui-shell-pin-top: initial;
     --kui-shell-row: initial;
     --kui-shell-col: initial;
     --kui-shell-surface: initial;
@@ -572,6 +596,8 @@
   .kui-ShellRail[data-presentation-xs='overlay'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: absolute;
     --kui-shell-z: 6;
+    --kui-shell-pin: fixed;
+    --kui-shell-pin-top: 0px;
     --kui-shell-row: 1 / -1;
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
@@ -586,6 +612,8 @@
   .kui-ShellRail[data-presentation-xs='stacked'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: absolute;
     --kui-shell-z: 3;
+    --kui-shell-pin: fixed;
+    --kui-shell-pin-top: initial;
     --kui-shell-row: 2 / 3;
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
@@ -614,6 +642,8 @@
   .kui-ShellRail[data-presentation-sm='fixed'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: initial;
     --kui-shell-z: initial;
+    --kui-shell-pin: initial;
+    --kui-shell-pin-top: initial;
     --kui-shell-row: initial;
     --kui-shell-col: initial;
     --kui-shell-surface: initial;
@@ -628,6 +658,8 @@
   .kui-ShellRail[data-presentation-sm='overlay'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: absolute;
     --kui-shell-z: 6;
+    --kui-shell-pin: fixed;
+    --kui-shell-pin-top: 0px;
     --kui-shell-row: 1 / -1;
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
@@ -642,6 +674,8 @@
   .kui-ShellRail[data-presentation-sm='stacked'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: absolute;
     --kui-shell-z: 3;
+    --kui-shell-pin: fixed;
+    --kui-shell-pin-top: initial;
     --kui-shell-row: 2 / 3;
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
@@ -670,6 +704,8 @@
   .kui-ShellRail[data-presentation-md='fixed'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: initial;
     --kui-shell-z: initial;
+    --kui-shell-pin: initial;
+    --kui-shell-pin-top: initial;
     --kui-shell-row: initial;
     --kui-shell-col: initial;
     --kui-shell-surface: initial;
@@ -684,6 +720,8 @@
   .kui-ShellRail[data-presentation-md='overlay'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: absolute;
     --kui-shell-z: 6;
+    --kui-shell-pin: fixed;
+    --kui-shell-pin-top: 0px;
     --kui-shell-row: 1 / -1;
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
@@ -698,6 +736,8 @@
   .kui-ShellRail[data-presentation-md='stacked'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: absolute;
     --kui-shell-z: 3;
+    --kui-shell-pin: fixed;
+    --kui-shell-pin-top: initial;
     --kui-shell-row: 2 / 3;
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
@@ -726,6 +766,8 @@
   .kui-ShellRail[data-presentation-lg='fixed'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: initial;
     --kui-shell-z: initial;
+    --kui-shell-pin: initial;
+    --kui-shell-pin-top: initial;
     --kui-shell-row: initial;
     --kui-shell-col: initial;
     --kui-shell-surface: initial;
@@ -740,6 +782,8 @@
   .kui-ShellRail[data-presentation-lg='overlay'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: absolute;
     --kui-shell-z: 6;
+    --kui-shell-pin: fixed;
+    --kui-shell-pin-top: 0px;
     --kui-shell-row: 1 / -1;
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
@@ -754,6 +798,8 @@
   .kui-ShellRail[data-presentation-lg='stacked'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: absolute;
     --kui-shell-z: 3;
+    --kui-shell-pin: fixed;
+    --kui-shell-pin-top: initial;
     --kui-shell-row: 2 / 3;
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
@@ -782,6 +828,8 @@
   .kui-ShellRail[data-presentation-xl='fixed'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: initial;
     --kui-shell-z: initial;
+    --kui-shell-pin: initial;
+    --kui-shell-pin-top: initial;
     --kui-shell-row: initial;
     --kui-shell-col: initial;
     --kui-shell-surface: initial;
@@ -796,6 +844,8 @@
   .kui-ShellRail[data-presentation-xl='overlay'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: absolute;
     --kui-shell-z: 6;
+    --kui-shell-pin: fixed;
+    --kui-shell-pin-top: 0px;
     --kui-shell-row: 1 / -1;
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
@@ -810,6 +860,8 @@
   .kui-ShellRail[data-presentation-xl='stacked'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: absolute;
     --kui-shell-z: 3;
+    --kui-shell-pin: fixed;
+    --kui-shell-pin-top: initial;
     --kui-shell-row: 2 / 3;
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
@@ -844,6 +896,8 @@
 .kui-ShellRail ~ .kui-ShellPanel[data-presentation-follows][data-peek][data-state] {
   --kui-shell-position: absolute;
   --kui-shell-z: 4;
+  --kui-shell-pin: fixed;
+  --kui-shell-pin-top: initial;
   --kui-shell-row: 2 / 3;
   --kui-shell-col: 1 / -1;
   --kui-shell-surface: var(--color-surface);
@@ -946,6 +1000,153 @@
   margin-block-start: 0;
 }
 
+/* ── On a phone, the page scrolls (0.27.0) ────────────────────────────────── */
+
+/*
+ * Ported from kookie-ui-v2's Shell. A mobile browser hides its toolbars only when the document
+ * scrolls; no scroller inside the page reaches them. So on a narrow window with a coarse pointer
+ * a window Shell (`data-window`: no `contained`, no `height`) grows with its content and the
+ * document scrolls instead of the content pane. Everything that stayed put while the pane
+ * scrolled stays put while the page scrolls: the header and the content's pinned rows stick, and
+ * the drawers and the scrim attach to the screen.
+ *
+ * Narrow is below the `sm` breakpoint, where v1's panes leave the overlay posture by default.
+ * `_internal/shell-page-scroll.ts` holds the same query for the few things only script can do,
+ * and a test holds the two equal.
+ *
+ * Content that cannot wrap is clipped at the screen's edge rather than widening the page: it
+ * needs its own horizontal scroller, as a code block has.
+ */
+@media (max-width: 767.98px) and (pointer: coarse) {
+  /* `clip`, not `hidden`: a hidden box is a scroll container, and it would catch every sticky row. */
+  .kui-ShellRoot[data-window] {
+    height: auto;
+    min-height: 100vh;
+    overflow: clip;
+  }
+
+  @supports (height: 100dvh) {
+    .kui-ShellRoot[data-window] {
+      min-height: 100dvh;
+    }
+  }
+
+  /* The header's height, for the rows that stick beneath it. The Root writes `--kui-shell-header-h`
+     when a Shell.Header is not the default 64px. */
+  .kui-ShellRoot[data-window]:has(> .kui-ShellHeader) {
+    --kui-shell-page-top: var(--kui-shell-header-h, 64px);
+  }
+
+  .kui-ShellRoot[data-window] > .kui-ShellHeader {
+    position: sticky;
+    top: 0;
+  }
+
+  /*
+   * The content stops scrolling. Isolated, so nothing the app layers inside it climbs over a
+   * sticky row and takes its taps. A focused control or a linked heading scrolls into view
+   * beneath the stuck rows rather than under them.
+   */
+  .kui-ShellRoot[data-window] > .kui-ShellContent {
+    overflow: clip;
+    isolation: isolate;
+  }
+
+  .kui-ShellRoot[data-window] > .kui-ShellContent :where(*) {
+    scroll-margin-block: calc(var(--kui-shell-page-top) + var(--kui-content-float-start, 0px)) var(--kui-content-float-end, 0px);
+  }
+
+  /* The floating rows' reach, as the content's Shell.Scroll works it out above. */
+  .kui-ShellRoot[data-window] > .kui-ShellContent:has(> .kui-ShellPaneHeader[data-float]) {
+    --kui-content-float-start: calc(max(var(--kui-pane-row-start), var(--kui-pane-band-start, 0px)) + 2 * var(--kui-pane-pad-start));
+  }
+
+  .kui-ShellRoot[data-window] > .kui-ShellContent:has(> .kui-ShellPaneFooter[data-float]) {
+    --kui-content-float-end: calc(max(var(--kui-pane-row-end), var(--kui-pane-band-end, 0px)) + 2 * var(--kui-pane-pad-end));
+  }
+
+  /*
+   * Shell.Scroll in the content stops scrolling too and grows with what it holds. The viewport's
+   * overflow is written inline by Radix, hence `!important`. Its scrollbar and fade go: the
+   * document's own scrollbar is the one a phone shows, and a mask with nothing to scroll could
+   * only cut the page's edge.
+   */
+  .kui-ShellRoot[data-window] > .kui-ShellContent > .kui-ShellScroll {
+    flex: none;
+    height: auto;
+    overflow: clip;
+  }
+
+  .kui-ShellRoot[data-window] > .kui-ShellContent > .kui-ShellScroll > .kui-ScrollAreaViewport {
+    height: auto;
+    overflow: visible !important;
+    mask-image: none;
+  }
+
+  .kui-ShellRoot[data-window] > .kui-ShellContent > .kui-ShellScroll > .kui-ScrollAreaScrollbar {
+    display: none;
+  }
+
+  /*
+   * The floating rows stick, and still float. Sticky is in flow, so a negative margin gives back
+   * the room the row takes and the page starts where it starts in the frame. `order` because a
+   * row sticks where it sits, and a footer must sit after the page.
+   */
+  .kui-ShellRoot[data-window] > .kui-ShellContent:has(> .kui-ShellScroll) > .kui-ShellPaneHeader[data-float] {
+    position: sticky;
+    top: var(--kui-shell-page-top);
+    order: -1;
+    margin-bottom: calc(-1 * var(--kui-content-float-start, 0px));
+  }
+
+  .kui-ShellRoot[data-window] > .kui-ShellContent:has(> .kui-ShellScroll) > .kui-ShellPaneFooter[data-float] {
+    position: sticky;
+    bottom: 0;
+    order: 1;
+    margin-top: calc(-1 * var(--kui-content-float-end, 0px));
+  }
+
+  /* A pinned sibling of the Scroll pins to the screen: one before it to the top, beneath the
+     header, one after it to the bottom. */
+  .kui-ShellRoot[data-window] > .kui-ShellContent > :not(.kui-ShellScroll, [data-float]):has(~ .kui-ShellScroll) {
+    position: sticky;
+    top: var(--kui-shell-page-top);
+    z-index: 1;
+  }
+
+  .kui-ShellRoot[data-window] > .kui-ShellContent > .kui-ShellScroll ~ :not([data-float]) {
+    position: sticky;
+    bottom: 0;
+    z-index: 1;
+  }
+
+  /*
+   * The panes. A pane over the page (overlay, stacked, peek) attaches to the screen: its posture
+   * writes `--kui-shell-pin: fixed`. A pane in flow sticks beneath the header, a screen tall, and
+   * the bottom pane sticks to the screen's bottom. An overlay covers the header
+   * (`--kui-shell-pin-top: 0px`); the rest start beneath it.
+   */
+  .kui-ShellRoot[data-window] > :is(.kui-ShellRail, .kui-ShellPanel, .kui-ShellSidebar, .kui-ShellInspector) {
+    position: var(--kui-shell-pin, sticky);
+    top: var(--kui-shell-pin-top, var(--kui-shell-page-top));
+    block-size: calc(100vh - var(--kui-shell-pin-top, var(--kui-shell-page-top)));
+  }
+
+  @supports (height: 100dvh) {
+    .kui-ShellRoot[data-window] > :is(.kui-ShellRail, .kui-ShellPanel, .kui-ShellSidebar, .kui-ShellInspector) {
+      block-size: calc(100dvh - var(--kui-shell-pin-top, var(--kui-shell-page-top)));
+    }
+  }
+
+  .kui-ShellRoot[data-window] > .kui-ShellBottom {
+    position: var(--kui-shell-pin, sticky);
+  }
+
+  .kui-ShellRoot[data-window] > .kui-ShellScrim {
+    position: fixed;
+  }
+}
+
 /* ── Resize handle ─────────────────────────────────────────────────────────── */
 
 /* A transparent hit area straddling the pane's edge. */