@womp/kookie-ui 0.3.25 → 0.3.26

package/dist/esm/hooks/index.js

@@ -1,2 +1,2 @@
-import"../chunk-EL7YGOTY.js";import{a as d}from"../chunk-VK7RNXUO.js";import{a as c}from"../chunk-EE54S7YV.js";import{a as b}from"../chunk-2N2AQNJH.js";import{a}from"../chunk-ITRVKLYU.js";import"../chunk-3XT5P2HO.js";export{a as useBodyPointerEventsCleanup,c as useLiveAnnouncer,d as useToggleState,b as useTooltipWrapper};
+import"../chunk-EL7YGOTY.js";import{a as d}from"../chunk-VK7RNXUO.js";import{a as c}from"../chunk-EE54S7YV.js";import{a as b}from"../chunk-2N2AQNJH.js";import{a}from"../chunk-MHANZINI.js";import"../chunk-3XT5P2HO.js";export{a as useBodyPointerEventsCleanup,c as useLiveAnnouncer,d as useToggleState,b as useTooltipWrapper};
 //# sourceMappingURL=index.js.map

package/dist/esm/hooks/use-body-pointer-events-cleanup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-body-pointer-events-cleanup.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-body-pointer-events-cleanup.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,wBAAgB,2BAA2B,SAoG1C"}
+{"version":3,"file":"use-body-pointer-events-cleanup.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-body-pointer-events-cleanup.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,wBAAgB,2BAA2B,SAkI1C"}

package/dist/esm/hooks/use-body-pointer-events-cleanup.js

@@ -1,2 +1,2 @@
-import{a}from"../chunk-ITRVKLYU.js";import"../chunk-3XT5P2HO.js";export{a as useBodyPointerEventsCleanup};
+import{a}from"../chunk-MHANZINI.js";import"../chunk-3XT5P2HO.js";export{a as useBodyPointerEventsCleanup};
 //# sourceMappingURL=use-body-pointer-events-cleanup.js.map

package/dist/esm/hooks/use-breakpoint.d.ts

@@ -1,8 +1,12 @@
 import { type Breakpoint } from '../components/shell.types.js';
 /**
- * Hook to get the current breakpoint based on window width.
- * Returns 'initial' on the server and during initial hydration.
- * Uses shared breakpoint values from shell.types.js.
+ * The current breakpoint, and whether it has been resolved against a real
+ * viewport yet (`false` on the server and during hydration).
+ *
+ * Reads through `useSyncExternalStore` rather than settling into state from an
+ * effect. On a client render the very first pass already has the real
+ * breakpoint, instead of rendering the whole shell at `initial` and correcting
+ * it after the browser has painted.
  */
 export declare function useBreakpoint(): {
     breakpoint: Breakpoint;

package/dist/esm/hooks/use-breakpoint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-breakpoint.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-breakpoint.ts"],"names":[],"mappings":"AAGA,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE7E;;;;GAIG;AACH,wBAAgB,aAAa,IAAI;IAAE,UAAU,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,CAoD1E"}
+{"version":3,"file":"use-breakpoint.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-breakpoint.ts"],"names":[],"mappings":"AAGA,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAsF7E;;;;;;;;GAQG;AACH,wBAAgB,aAAa,IAAI;IAAE,UAAU,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,CAK1E"}

package/dist/esm/hooks/use-breakpoint.js

@@ -1,2 +1,2 @@
-"use client";import{a}from"../chunk-YEA646GM.js";import"../chunk-KFA53SVQ.js";import"../chunk-3XT5P2HO.js";export{a as useBreakpoint};
+"use client";import{a}from"../chunk-4XJY6FIK.js";import"../chunk-KFA53SVQ.js";import"../chunk-3XT5P2HO.js";export{a as useBreakpoint};
 //# sourceMappingURL=use-breakpoint.js.map

package/dist/esm/hooks/use-prop-synced-state.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+/**
+ * State that tracks a prop but can also be set imperatively — the shape `Theme`
+ * needs, where a prop sets the value and `ThemePanel` can change it at runtime.
+ *
+ * Adjusts state during render rather than syncing in a `useEffect`. An effect
+ * would commit one render carrying the *old* value and schedule a second one,
+ * which for a provider means every consumer renders twice and the browser can
+ * paint the stale value in between.
+ *
+ * @see https://react.dev/reference/react/useState#storing-information-from-previous-renders
+ */
+export declare function usePropSyncedState<T>(propValue: T): readonly [T, React.Dispatch<React.SetStateAction<T>>];
+//# sourceMappingURL=use-prop-synced-state.d.ts.map

package/dist/esm/hooks/use-prop-synced-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-prop-synced-state.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-prop-synced-state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,yDAUjD"}

package/dist/esm/hooks/use-prop-synced-state.js

@@ -0,0 +1,2 @@
+import{a}from"../chunk-WAURCNAS.js";import"../chunk-3XT5P2HO.js";export{a as usePropSyncedState};
+//# sourceMappingURL=use-prop-synced-state.js.map

package/dist/esm/hooks/use-prop-synced-state.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-import"./chunk-EL7YGOTY.js";import"./chunk-QDW5ZG5E.js";import{a as vo}from"./chunk-RQ2ZPMHJ.js";import{a as wo}from"./chunk-M3ZYJANH.js";import{a as uo}from"./chunk-VK7RNXUO.js";import{a as so}from"./chunk-EE54S7YV.js";import{f as yo}from"./chunk-SVLY6B5F.js";import{a as zo}from"./chunk-VF5TRT3H.js";import"./chunk-XKASPWCJ.js";import{a as Ao}from"./chunk-E2Z5IA2P.js";import{a as ko}from"./chunk-H2G446JG.js";import{c as lo}from"./chunk-SGU4HUHF.js";import{a as no,b as qo}from"./chunk-EJWAAFCI.js";import{a as go}from"./chunk-A24PYRVV.js";import{c as ho}from"./chunk-7CXVHFMQ.js";import"./chunk-AUV6B4AH.js";import{h as io}from"./chunk-BJTJUIYJ.js";import"./chunk-BALS3AVM.js";import{e as jo}from"./chunk-Z5DQ6FSA.js";import"./chunk-TZTUPQYK.js";import"./chunk-SESAEJ6W.js";import{a as bo}from"./chunk-IPJUHVM6.js";import"./chunk-MCQAJV4K.js";import{a as co}from"./chunk-HQ35PM4O.js";import"./chunk-XI5YXUCK.js";import"./chunk-ILRJA7FU.js";import{h as Co}from"./chunk-ARGX2ZZK.js";import{p as Bo}from"./chunk-7MURQ6CR.js";import"./chunk-IDYHZIS6.js";import{a as to}from"./chunk-TEULZKBM.js";import{c as po}from"./chunk-6FAICIYS.js";import"./chunk-FC2DBBJ3.js";import{h as xo}from"./chunk-WZCZHCVE.js";import"./chunk-TGN5ZJU5.js";import{a as ao}from"./chunk-RDP4UQ42.js";import"./chunk-DUHJVT64.js";import"./chunk-NIX6Z3JG.js";import{c as ro}from"./chunk-ZSEFZM5H.js";import{c as eo}from"./chunk-DK5MHD6I.js";import"./chunk-3DC63EZP.js";import{a as fo}from"./chunk-4532RT2B.js";import"./chunk-STPMPY3X.js";import{a as mo}from"./chunk-FHEHX7CE.js";import{a as _}from"./chunk-XEZXKPLE.js";import{a as $}from"./chunk-ES7MK2MM.js";import"./chunk-IGQRZCAI.js";import{a as oo}from"./chunk-OGOOZLUD.js";import"./chunk-MCQCG6AS.js";import"./chunk-GSIE6SUD.js";import{a as X}from"./chunk-OHJVFZMH.js";import"./chunk-JAMLW534.js";import{a as Y}from"./chunk-2AEELIG6.js";import"./chunk-A3NH376A.js";import{e as Z}from"./chunk-K3R4AH3E.js";import"./chunk-Y3A6ZU24.js";import{d as U}from"./chunk-U7AASKZI.js";import"./chunk-VJSZG35J.js";import{a as W}from"./chunk-XLOHPURR.js";import{a as V}from"./chunk-E6IWYD3U.js";import"./chunk-IBF5U4QW.js";import"./chunk-L6UXAITB.js";import"./chunk-GFOSP3PZ.js";import{a as T}from"./chunk-DJBPM5QK.js";import"./chunk-4JQZUQY7.js";import{n as P}from"./chunk-2SS3FA3N.js";import"./chunk-OA7C34MJ.js";import{e as Q}from"./chunk-ADYTQCZX.js";import"./chunk-WR7YLY46.js";import{g as R}from"./chunk-OKJNS7Z7.js";import{o as S}from"./chunk-H4MMVAGQ.js";import{a as O}from"./chunk-USGTBZ43.js";import"./chunk-ARIV4AT5.js";import"./chunk-WOR3JCLX.js";import{a as J}from"./chunk-WYA4IRU6.js";import"./chunk-UICSVJ3B.js";import{a as K}from"./chunk-UYNYUR7O.js";import"./chunk-ZRKE3NVU.js";import{l as M}from"./chunk-42HFGCHX.js";import"./chunk-YVBCDTTD.js";import{g as L}from"./chunk-APRBRAOT.js";import"./chunk-72AHPGPN.js";import"./chunk-4Z33XHOK.js";import{a as N}from"./chunk-QLIELX4I.js";import"./chunk-PPNWGWN3.js";import{a as y}from"./chunk-3F6I7YOR.js";import"./chunk-OO652UQW.js";import{l as F}from"./chunk-DNI4QRXQ.js";import{a as z}from"./chunk-GLC4QJBF.js";import{a as E}from"./chunk-WNSPLWRV.js";import"./chunk-5GXFBLBJ.js";import"./chunk-5U2Q23K3.js";import"./chunk-5KICSAT7.js";import{c as H}from"./chunk-QOWA5LK5.js";import{a as G}from"./chunk-DXI5P5O4.js";import"./chunk-XGGLYV5D.js";import"./chunk-HAGKI7NA.js";import{c as I}from"./chunk-6VGPTAHM.js";import{a as A,b as B,c as C,d as D}from"./chunk-IX5HIHVI.js";import"./chunk-V32EP3S7.js";import"./chunk-F7IUK2I2.js";import{a as q}from"./chunk-YUZPSUJE.js";import{a as s}from"./chunk-JQOFJNCV.js";import"./chunk-FGORMEAO.js";import{a as v}from"./chunk-7CBAHIVG.js";import{a as u}from"./chunk-2N2AQNJH.js";import{d as w}from"./chunk-ZHYOJNWV.js";import"./chunk-FLBLS7M4.js";import{f as h}from"./chunk-KCAFSCOV.js";import{h as i}from"./chunk-X7BD5FLE.js";import"./chunk-XKBLNVOD.js";import{a as j}from"./chunk-Y7LT3F6R.js";import{a as k}from"./chunk-JCYI4NTV.js";import"./chunk-PS6NEG5A.js";import"./chunk-TBJ6L4NL.js";import{a as n}from"./chunk-6ELPYR73.js";import{a as l}from"./chunk-XHQGMOXV.js";import"./chunk-BPVVFHYD.js";import"./chunk-MJ47O7KH.js";import"./chunk-25U7DENY.js";import"./chunk-4N5JU7XQ.js";import"./chunk-GWYFT3EI.js";import"./chunk-2LYX5S7H.js";import"./chunk-5LXFJMFB.js";import"./chunk-SNHEJU2S.js";import{g as d}from"./chunk-UUX42HBM.js";import{a as c}from"./chunk-ITRVKLYU.js";import{a}from"./chunk-HACQF6F4.js";import"./chunk-N2B7TWIP.js";import"./chunk-MJJ7XDIP.js";import"./chunk-GCUGJXI2.js";import{a as p,b as t,c as x}from"./chunk-LN5SP46K.js";import"./chunk-F22ZRNWL.js";import"./chunk-T27QHMW7.js";import{a as b}from"./chunk-4OBMRJHC.js";import"./chunk-4TCXI3L3.js";import"./chunk-G2CKYO2I.js";import"./chunk-AXUDFYLY.js";import"./chunk-KNQBAOMV.js";import"./chunk-FD2TR343.js";import"./chunk-WYADYDPN.js";import"./chunk-ZE2KAVXW.js";import"./chunk-Q73Y5O5P.js";import"./chunk-CECQNGUL.js";import"./chunk-NNO7M466.js";import{a as g}from"./chunk-ERNM3KVF.js";import"./chunk-BI7W34WW.js";import"./chunk-DZ4H2KTP.js";import{a as f}from"./chunk-QLZ5XAW6.js";import"./chunk-3KB2XWBE.js";import{a as e}from"./chunk-FVCWNSRU.js";import"./chunk-SMGDH54W.js";import"./chunk-SNR5VFWG.js";import{b as o,c as r}from"./chunk-FWB47YCH.js";import"./chunk-K53W3ELO.js";import"./chunk-TTFUM47A.js";import"./chunk-5T6K7VPP.js";import{a as m}from"./chunk-AGAQC4HH.js";import"./chunk-VX44UTQ5.js";import"./chunk-ERGJN7FJ.js";import"./chunk-GSTOGDAJ.js";import"./chunk-KMPBTEZH.js";import"./chunk-E23RKOQJ.js";import"./chunk-ZMEXIPWM.js";import"./chunk-WRWNN2NW.js";import"./chunk-QM3RCK5P.js";import"./chunk-RZCX6IBE.js";import"./chunk-D2AZAGGP.js";import"./chunk-KRJTW535.js";import"./chunk-UMX5MGLG.js";import"./chunk-HUKPWYG2.js";import"./chunk-NZJGC6ZW.js";import"./chunk-KTAFIHJY.js";import"./chunk-CBR3VIRS.js";import"./chunk-HOHUDTTL.js";import"./chunk-66ZLZAAJ.js";import"./chunk-UIEUZLZZ.js";import"./chunk-YEA646GM.js";import"./chunk-KFA53SVQ.js";import"./chunk-QCNUTT4R.js";import"./chunk-3XT5P2HO.js";export{g as AccessibleIcon,h as Accordion,i as AlertDialog,j as AspectRatio,k as Avatar,n as Badge,q as Blockquote,s as Box,v as Button,w as Callout,y as Card,F as Chatbar,J as Checkbox,H as CheckboxCards,I as CheckboxGroup,C as ChevronDownIcon,K as Code,M as Combobox,N as Container,P as ContextMenu,Q as DataList,R as Dialog,S as DropdownMenu,T as Em,e as Flex,G as Grid,a as Heading,U as HoverCard,z as IconButton,W as Image,X as Inset,O as Kbd,Y as Link,Z as Navbar,L as Popover,_ as Portal,$ as Progress,oo as Quote,fo as Radio,ro as RadioCards,eo as RadioGroup,mo as Reset,E as ScrollArea,to as Section,po as SegmentedControl,xo as Select,ao as Separator,d as Sheet,Co as Shell,Bo as Sidebar,V as Skeleton,bo as Slider,o as Slot,r as Slottable,f as Spinner,co as Strong,go as Switch,ho as TabNav,io as Table,jo as Tabs,b as Text,ko as TextArea,lo as TextField,x as Theme,p as ThemeContext,no as ThemePanel,qo as ThemePanelContent,B as ThickCheckIcon,D as ThickChevronRightIcon,A as ThickDividerHorizontalIcon,vo as ToggleButton,wo as ToggleIconButton,yo as Toolbar,l as Tooltip,zo as UserCard,Ao as VirtualMenu,m as VisuallyHidden,c as useBodyPointerEventsCleanup,so as useLiveAnnouncer,t as useThemeContext,uo as useToggleState,u as useTooltipWrapper};
+import"./chunk-EL7YGOTY.js";import"./chunk-QDW5ZG5E.js";import{a as vo}from"./chunk-22HGLMPQ.js";import{a as wo}from"./chunk-PQZXQ4ST.js";import{a as uo}from"./chunk-VK7RNXUO.js";import{a as so}from"./chunk-EE54S7YV.js";import{f as yo}from"./chunk-7QDTSBJF.js";import{a as zo}from"./chunk-KKM6T5P7.js";import"./chunk-XKASPWCJ.js";import{a as Ao}from"./chunk-E2Z5IA2P.js";import{a as ko}from"./chunk-NMKPFUNP.js";import{c as lo}from"./chunk-PTLFMWCN.js";import{a as no,b as qo}from"./chunk-WO43WW3A.js";import{a as go}from"./chunk-SO67YEVQ.js";import{c as ho}from"./chunk-P7HYVJSU.js";import"./chunk-AUV6B4AH.js";import{h as io}from"./chunk-CRWYCLTE.js";import"./chunk-BALS3AVM.js";import{e as jo}from"./chunk-4AQTUBVP.js";import"./chunk-TZTUPQYK.js";import"./chunk-SESAEJ6W.js";import{a as bo}from"./chunk-666GX7O5.js";import"./chunk-MCQAJV4K.js";import{a as co}from"./chunk-43A5GUSI.js";import"./chunk-XI5YXUCK.js";import"./chunk-ILRJA7FU.js";import{h as Co}from"./chunk-4CKDU6FY.js";import{p as Bo}from"./chunk-FLFAXVFB.js";import"./chunk-IDYHZIS6.js";import{a as to}from"./chunk-OGXZHAQL.js";import{c as po}from"./chunk-XMRIRFM7.js";import"./chunk-FC2DBBJ3.js";import{h as xo}from"./chunk-BJYUPIXO.js";import"./chunk-TGN5ZJU5.js";import{a as ao}from"./chunk-IEWCQU2S.js";import"./chunk-DUHJVT64.js";import"./chunk-NIX6Z3JG.js";import{c as ro}from"./chunk-4IY2PR6N.js";import{c as eo}from"./chunk-B24BDVG2.js";import"./chunk-3DC63EZP.js";import{a as fo}from"./chunk-P7IAHW4V.js";import"./chunk-STPMPY3X.js";import{a as mo}from"./chunk-FHEHX7CE.js";import{a as _}from"./chunk-XEZXKPLE.js";import{a as $}from"./chunk-GYBLXQ4R.js";import"./chunk-IGQRZCAI.js";import{a as oo}from"./chunk-GLERJXVS.js";import"./chunk-MCQCG6AS.js";import"./chunk-GSIE6SUD.js";import{a as X}from"./chunk-CSKZZOI2.js";import"./chunk-JAMLW534.js";import{a as Y}from"./chunk-OWAUCLRT.js";import"./chunk-A3NH376A.js";import{e as Z}from"./chunk-3MWWP4MW.js";import"./chunk-Y3A6ZU24.js";import{d as U}from"./chunk-UVCH7QKO.js";import"./chunk-VJSZG35J.js";import{a as W}from"./chunk-IHK3H2OM.js";import{a as V}from"./chunk-S5C5YRBS.js";import"./chunk-IBF5U4QW.js";import"./chunk-L6UXAITB.js";import"./chunk-GFOSP3PZ.js";import{a as T}from"./chunk-7FC7HF76.js";import"./chunk-4JQZUQY7.js";import{n as P}from"./chunk-JR2YOGII.js";import"./chunk-OA7C34MJ.js";import{e as Q}from"./chunk-D6B7IMZU.js";import"./chunk-WR7YLY46.js";import{g as R}from"./chunk-JQQIPEGY.js";import{o as S}from"./chunk-DL2O3GKG.js";import{a as O}from"./chunk-E67CIG6A.js";import"./chunk-ARIV4AT5.js";import"./chunk-WOR3JCLX.js";import{a as J}from"./chunk-25WZA7ZU.js";import"./chunk-UICSVJ3B.js";import{a as K}from"./chunk-MBE2YSBU.js";import"./chunk-ZRKE3NVU.js";import{l as M}from"./chunk-ETMLMDW4.js";import"./chunk-YVBCDTTD.js";import{g as L}from"./chunk-FOEZLQTW.js";import"./chunk-72AHPGPN.js";import"./chunk-4Z33XHOK.js";import{a as N}from"./chunk-4ME6O27S.js";import"./chunk-PPNWGWN3.js";import{a as y}from"./chunk-JDGJSNWT.js";import"./chunk-OO652UQW.js";import{l as F}from"./chunk-5IBGFL6O.js";import{a as z}from"./chunk-WTYNFBFV.js";import{a as E}from"./chunk-GJSGKE7B.js";import"./chunk-5GXFBLBJ.js";import"./chunk-YV2KYHGR.js";import"./chunk-5KICSAT7.js";import{c as H}from"./chunk-U2X2CAW4.js";import{a as G}from"./chunk-VX6ARMWP.js";import"./chunk-XGGLYV5D.js";import"./chunk-HAGKI7NA.js";import{c as I}from"./chunk-GWXVETMF.js";import{a as A,b as B,c as C,d as D}from"./chunk-IX5HIHVI.js";import"./chunk-V32EP3S7.js";import"./chunk-F7IUK2I2.js";import{a as q}from"./chunk-F7IYL2VW.js";import{a as s}from"./chunk-4YFJWXL2.js";import"./chunk-FGORMEAO.js";import{a as v}from"./chunk-F2HYQ3ZR.js";import{a as u}from"./chunk-2N2AQNJH.js";import{d as w}from"./chunk-LKAK5GXF.js";import"./chunk-FLBLS7M4.js";import{f as h}from"./chunk-S2HA3W3V.js";import{h as i}from"./chunk-ICIGZ3N7.js";import"./chunk-XKBLNVOD.js";import{a as j}from"./chunk-Y7LT3F6R.js";import{a as k}from"./chunk-MBCBP73P.js";import"./chunk-PS6NEG5A.js";import"./chunk-TBJ6L4NL.js";import{a as n}from"./chunk-D5N627TH.js";import{a as l}from"./chunk-36ZQVP7F.js";import"./chunk-BPVVFHYD.js";import"./chunk-MJ47O7KH.js";import"./chunk-4BBOHEF4.js";import"./chunk-O3CDWEZA.js";import"./chunk-VLO7NXSP.js";import"./chunk-2LYX5S7H.js";import"./chunk-5LXFJMFB.js";import"./chunk-SNHEJU2S.js";import{g as d}from"./chunk-MRECKC4D.js";import{a as c}from"./chunk-MHANZINI.js";import{a}from"./chunk-TOOSHJOA.js";import"./chunk-N2B7TWIP.js";import"./chunk-MJJ7XDIP.js";import"./chunk-GCUGJXI2.js";import{a as p,b as t,c as x}from"./chunk-LOGJJF4I.js";import"./chunk-WAURCNAS.js";import"./chunk-F22ZRNWL.js";import"./chunk-T27QHMW7.js";import{a as b}from"./chunk-H7ST535H.js";import"./chunk-4TCXI3L3.js";import"./chunk-G2CKYO2I.js";import"./chunk-AXUDFYLY.js";import"./chunk-KNQBAOMV.js";import"./chunk-FD2TR343.js";import"./chunk-WYADYDPN.js";import"./chunk-ZE2KAVXW.js";import"./chunk-TLWTUKKL.js";import"./chunk-CECQNGUL.js";import"./chunk-NNO7M466.js";import{a as g}from"./chunk-ERNM3KVF.js";import"./chunk-BI7W34WW.js";import"./chunk-2UPAYDKR.js";import{a as f}from"./chunk-HF5WY5YE.js";import"./chunk-3KB2XWBE.js";import{a as e}from"./chunk-FHOCUZDR.js";import"./chunk-SMGDH54W.js";import"./chunk-SNR5VFWG.js";import{b as o,c as r}from"./chunk-FWB47YCH.js";import"./chunk-K53W3ELO.js";import"./chunk-TTFUM47A.js";import"./chunk-5T6K7VPP.js";import{a as m}from"./chunk-AGAQC4HH.js";import"./chunk-VX44UTQ5.js";import"./chunk-5TXQLK4G.js";import"./chunk-ERGJN7FJ.js";import"./chunk-GSTOGDAJ.js";import"./chunk-6FLLFCBU.js";import"./chunk-AX5S56DS.js";import"./chunk-E23RKOQJ.js";import"./chunk-JUY7CBSL.js";import"./chunk-WRWNN2NW.js";import"./chunk-QM3RCK5P.js";import"./chunk-RZCX6IBE.js";import"./chunk-D2AZAGGP.js";import"./chunk-KRJTW535.js";import"./chunk-UMX5MGLG.js";import"./chunk-HUKPWYG2.js";import"./chunk-NZJGC6ZW.js";import"./chunk-KTAFIHJY.js";import"./chunk-CBR3VIRS.js";import"./chunk-HOHUDTTL.js";import"./chunk-66ZLZAAJ.js";import"./chunk-ZY6SQWHT.js";import"./chunk-4XJY6FIK.js";import"./chunk-KFA53SVQ.js";import"./chunk-QCNUTT4R.js";import"./chunk-3XT5P2HO.js";export{g as AccessibleIcon,h as Accordion,i as AlertDialog,j as AspectRatio,k as Avatar,n as Badge,q as Blockquote,s as Box,v as Button,w as Callout,y as Card,F as Chatbar,J as Checkbox,H as CheckboxCards,I as CheckboxGroup,C as ChevronDownIcon,K as Code,M as Combobox,N as Container,P as ContextMenu,Q as DataList,R as Dialog,S as DropdownMenu,T as Em,e as Flex,G as Grid,a as Heading,U as HoverCard,z as IconButton,W as Image,X as Inset,O as Kbd,Y as Link,Z as Navbar,L as Popover,_ as Portal,$ as Progress,oo as Quote,fo as Radio,ro as RadioCards,eo as RadioGroup,mo as Reset,E as ScrollArea,to as Section,po as SegmentedControl,xo as Select,ao as Separator,d as Sheet,Co as Shell,Bo as Sidebar,V as Skeleton,bo as Slider,o as Slot,r as Slottable,f as Spinner,co as Strong,go as Switch,ho as TabNav,io as Table,jo as Tabs,b as Text,ko as TextArea,lo as TextField,x as Theme,p as ThemeContext,no as ThemePanel,qo as ThemePanelContent,B as ThickCheckIcon,D as ThickChevronRightIcon,A as ThickDividerHorizontalIcon,vo as ToggleButton,wo as ToggleIconButton,yo as Toolbar,l as Tooltip,zo as UserCard,Ao as VirtualMenu,m as VisuallyHidden,c as useBodyPointerEventsCleanup,so as useLiveAnnouncer,t as useThemeContext,uo as useToggleState,u as useTooltipWrapper};
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@womp/kookie-ui",
-  "version": "0.3.25",
+  "version": "0.3.26",
   "description": "A modern React component library with beautiful design tokens, flexible theming, and comprehensive documentation",
   "keywords": [
     "react",
@@ -131,6 +131,7 @@
     "release:patch": "node scripts/release.js patch",
     "release:minor": "node scripts/release.js minor",
     "release:major": "node scripts/release.js major",
+    "bench": "vitest bench --run --config vitest.bench.config.ts",
     "test": "vitest run",
     "test:watch": "vitest",
     "test:ui": "vitest --ui",

package/schemas/base-button.json

@@ -279,6 +279,5 @@
   "title": "Base-button Component Props",
   "description": "Props schema for the base-button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-08-21T16:33:37.029Z",
   "source": "Zod schema"
 }

package/schemas/button.json

@@ -530,6 +530,5 @@
   "title": "Button Component Props",
   "description": "Props schema for the button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-08-21T16:33:37.036Z",
   "source": "Zod schema"
 }

package/schemas/icon-button.json

@@ -313,6 +313,5 @@
   "title": "Icon-button Component Props",
   "description": "Props schema for the icon-button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-08-21T16:33:37.037Z",
   "source": "Zod schema"
 }

package/schemas/index.json

@@ -3,7 +3,6 @@
   "title": "Kookie UI Button Components",
   "description": "Complete JSON Schema collection for all button components in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-08-21T16:33:37.040Z",
   "source": "Zod schemas",
   "components": {
     "base-button": {
@@ -287,7 +286,6 @@
       "title": "Base-button Component Props",
       "description": "Props schema for the base-button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2026-08-21T16:33:37.029Z",
       "source": "Zod schema"
     },
     "button": {
@@ -822,7 +820,6 @@
       "title": "Button Component Props",
       "description": "Props schema for the button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2026-08-21T16:33:37.036Z",
       "source": "Zod schema"
     },
     "icon-button": {
@@ -1140,7 +1137,6 @@
       "title": "Icon-button Component Props",
       "description": "Props schema for the icon-button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2026-08-21T16:33:37.037Z",
       "source": "Zod schema"
     },
     "toggle-button": {
@@ -1683,7 +1679,6 @@
       "title": "Toggle-button Component Props",
       "description": "Props schema for the toggle-button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2026-08-21T16:33:37.038Z",
       "source": "Zod schema"
     },
     "toggle-icon-button": {
@@ -2009,7 +2004,6 @@
       "title": "Toggle-icon-button Component Props",
       "description": "Props schema for the toggle-icon-button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2026-08-21T16:33:37.039Z",
       "source": "Zod schema"
     }
   }

package/schemas/toggle-button.json

@@ -538,6 +538,5 @@
   "title": "Toggle-button Component Props",
   "description": "Props schema for the toggle-button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-08-21T16:33:37.038Z",
   "source": "Zod schema"
 }

package/schemas/toggle-icon-button.json

@@ -321,6 +321,5 @@
   "title": "Toggle-icon-button Component Props",
   "description": "Props schema for the toggle-icon-button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-08-21T16:33:37.039Z",
   "source": "Zod schema"
 }

package/src/components/_internal/base-button.css

@@ -66,7 +66,7 @@
   /* Theme-level translucent override */
   :where([data-panel-background='translucent'], [data-material='translucent']) & {
     backdrop-filter: var(--backdrop-filter-components);
-    --backdrop-filter-components: blur(var(--backdrop-blur-components));
+    --backdrop-filter-components: var(--backdrop-filter-components-enabled);
   }
 
   /* Prevent backdrop-filter stacking with parent elements */
@@ -80,7 +80,7 @@
 
   &:where([data-panel-background='translucent'], [data-material='translucent']) {
     backdrop-filter: var(--backdrop-filter-components);
-    --backdrop-filter-components: blur(var(--backdrop-blur-components));
+    --backdrop-filter-components: var(--backdrop-filter-components-enabled);
   }
 
   /* Forced colors support for high contrast mode */

package/src/components/_internal/base-button.tsx

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import classNames from 'classnames';
 import { Slot } from 'radix-ui';
-import { composeRefs } from 'radix-ui/internal';
 
 import { baseButtonPropDefs } from './base-button.props.js';
 import { Flex } from '../flex.js';
 import { Spinner } from '../spinner.js';
 import { VisuallyHidden } from '../visually-hidden.js';
 import { extractProps } from '../../helpers/extract-props.js';
+import { useDeprecatedPanelBackgroundWarning } from '../../helpers/use-deprecation-warning.js';
 import { mapResponsiveProp, mapButtonSizeToSpinnerSize } from '../../helpers/map-prop-values.js';
 import { marginPropDefs } from '../../props/margin.props.js';
 
@@ -80,66 +80,11 @@ const BaseButton = React.forwardRef<BaseButtonElement, BaseButtonProps>((props,
     ...baseButtonProps
   } = extractProps(props, baseButtonPropDefs, marginPropDefs);
 
-  // Show deprecation warning for panelBackground when used
-  // This helps developers migrate to the new material prop
-  React.useEffect(() => {
-    if (props.panelBackground !== undefined) {
-      console.warn('Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.');
-    }
-  }, [props.panelBackground]);
+  useDeprecatedPanelBackgroundWarning(props.panelBackground);
 
   // Material takes precedence over panelBackground for backward compatibility
   const effectiveMaterial = material ?? panelBackground;
 
-  // Will-change cleanup for backdrop-filter performance optimization
-  // This prevents layout thrashing when using translucent materials
-  const buttonRef = React.useRef<HTMLElement>(null);
-
-  // Use a ref to track current material value to avoid stale closures in setTimeout
-  const materialRef = React.useRef(effectiveMaterial);
-  materialRef.current = effectiveMaterial;
-
-  React.useEffect(() => {
-    const button = buttonRef.current;
-    if (!button) return;
-
-    const hasTranslucentMaterial = effectiveMaterial === 'translucent';
-
-    if (hasTranslucentMaterial) {
-      // Add will-change when material is translucent to optimize rendering
-      button.style.setProperty('will-change', 'backdrop-filter');
-
-      // Track timeout for cleanup
-      let timeoutId: ReturnType<typeof setTimeout> | undefined;
-
-      // Clean up will-change after transition completes to prevent memory leaks
-      const cleanup = () => {
-        const transitionDuration = getComputedStyle(button).getPropertyValue('--duration-2') || '75ms';
-        const duration = parseInt(transitionDuration) || 75;
-
-        timeoutId = setTimeout(() => {
-          // Use ref to get current value, not stale closure value
-          if (button && materialRef.current !== 'translucent') {
-            button.style.setProperty('will-change', 'auto');
-          }
-        }, duration);
-      };
-
-      // Listen for material changes to clean up will-change property
-      const observer = new MutationObserver(cleanup);
-      observer.observe(button, { attributes: true, attributeFilter: ['data-material'] });
-
-      return () => {
-        if (timeoutId) clearTimeout(timeoutId);
-        observer.disconnect();
-        button.style.setProperty('will-change', 'auto');
-      };
-    } else {
-      // Remove will-change when material is not translucent
-      button.style.setProperty('will-change', 'auto');
-    }
-  }, [effectiveMaterial]);
-
   // asChild takes precedence over as prop for Radix Slot integration
   // When asChild is true, we use Slot.Root to merge props onto the child element
   // When asChild is false, we render as the specified element (or button by default)
@@ -194,7 +139,7 @@ const BaseButton = React.forwardRef<BaseButtonElement, BaseButtonProps>((props,
       data-flush={flush ? 'true' : undefined}
       {...baseButtonProps}
       {...accessibilityProps}
-      ref={composeRefs(buttonRef, forwardedRef)}
+      ref={forwardedRef}
       className={classNames('rt-reset', 'rt-BaseButton', className)}
       {...(shouldPassDisabled && { disabled })}
       {...(isNativeButtonElement && !hasExplicitTypeAttribute ? { type: 'button' } : {})}

package/src/components/_internal/base-card.css

@@ -88,7 +88,7 @@
   /* Backdrop-filter for ::before - applies to outline, soft, surface */
   :where([data-panel-background='translucent'], [data-material='translucent']) &::before {
     backdrop-filter: var(--backdrop-filter-panel);
-    --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
+    --backdrop-filter-panel: var(--backdrop-filter-panel-enabled);
   }
 
   &:where([data-material='solid'], [data-panel-background='solid'])::before {
@@ -97,7 +97,7 @@
 
   &:where([data-material='translucent'], [data-panel-background='translucent'])::before {
     backdrop-filter: var(--backdrop-filter-panel);
-    --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
+    --backdrop-filter-panel: var(--backdrop-filter-panel-enabled);
   }
 
   /* Interactive scale - applies to all interactive cards */
@@ -413,6 +413,21 @@
  ***************************************************************************************************/
 
 .rt-BaseCard:where(.rt-variant-ghost) {
+  /*
+   * Ghost is the only card variant whose backdrop filter sits on the element
+   * rather than on ::before, which makes it — and only it — the backdrop root
+   * for its contents. A component nested here would re-blur an already blurred
+   * surface, so switch the component filter off for the subtree.
+   *
+   * The other variants deliberately do not do this: their filter is on
+   * ::before, so the card element is not a backdrop root and a nested
+   * component is still blurring the page itself. Measured over a textured
+   * background, dropping it there is a visible change (max 82/255 channel
+   * delta) rather than the imperceptible one it is on a real backdrop root
+   * (max 7/255).
+   */
+  --backdrop-filter-components-enabled: none;
+
   --card-border-width: 0px;
   --v-bg-hover: var(--gray-3);
   --v-bg-hover-a: var(--gray-a3);
@@ -454,7 +469,7 @@
   /* Backdrop-filter handling for ghost - on element, not ::before */
   :where([data-panel-background='translucent'], [data-material='translucent']) & {
     backdrop-filter: var(--backdrop-filter-panel);
-    --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
+    --backdrop-filter-panel: var(--backdrop-filter-panel-enabled);
   }
 
   &:where([data-panel-background='solid'], [data-material='solid']) {
@@ -463,7 +478,7 @@
 
   &:where([data-panel-background='translucent'], [data-material='translucent']) {
     backdrop-filter: var(--backdrop-filter-panel);
-    --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
+    --backdrop-filter-panel: var(--backdrop-filter-panel-enabled);
   }
 
   /* Interactive states - background on element, not ::before */

package/src/components/_internal/base-checkbox.css

@@ -19,7 +19,7 @@
   /* Theme-level translucent override */
   :where([data-panel-background='translucent'], [data-material='translucent']) & {
     backdrop-filter: var(--backdrop-filter-components);
-    --backdrop-filter-components: blur(var(--backdrop-blur-components));
+    --backdrop-filter-components: var(--backdrop-filter-components-enabled);
   }
 
   /* Prevent backdrop-filter stacking with parents */
@@ -33,7 +33,7 @@
   
   &:where([data-panel-background='translucent'], [data-material='translucent']) {
     backdrop-filter: var(--backdrop-filter-components);
-    --backdrop-filter-components: blur(var(--backdrop-blur-components));
+    --backdrop-filter-components: var(--backdrop-filter-components-enabled);
   }
 
 

package/src/components/_internal/base-dialog.css

@@ -37,6 +37,13 @@
 }
 
 .rt-BaseDialogContent {
+  /*
+   * This surface blurs its own backdrop, which makes it the backdrop root for
+   * everything inside it. A component nested here would re-blur an already
+   * blurred, already flat surface for the full cost of another blur pass, so
+   * switch the component filter off for the subtree. See tokens/blur.css.
+   */
+  --backdrop-filter-components-enabled: none;
   margin: auto;
   width: 100%;
   z-index: 1;

package/src/components/_internal/base-menu.css

@@ -1,4 +1,11 @@
 .rt-BaseMenuContent {
+  /*
+   * This surface blurs its own backdrop, which makes it the backdrop root for
+   * everything inside it. A component nested here would re-blur an already
+   * blurred, already flat surface for the full cost of another blur pass, so
+   * switch the component filter off for the subtree. See tokens/blur.css.
+   */
+  --backdrop-filter-components-enabled: none;
   --scrollarea-scrollbar-vertical-margin-top: var(--base-menu-content-padding);
   --scrollarea-scrollbar-vertical-margin-bottom: var(--base-menu-content-padding);
   --scrollarea-scrollbar-horizontal-margin-left: var(--base-menu-content-padding);

package/src/components/_internal/base-radio.css

@@ -19,7 +19,7 @@
   /* Theme-level translucent override */
   :where([data-panel-background='translucent'], [data-material='translucent']) & {
     backdrop-filter: var(--backdrop-filter-components);
-    --backdrop-filter-components: blur(var(--backdrop-blur-components));
+    --backdrop-filter-components: var(--backdrop-filter-components-enabled);
   }
 
   /* Prevent backdrop-filter stacking with parents */
@@ -33,7 +33,7 @@
   
   &:where([data-panel-background='translucent'], [data-material='translucent']) {
     backdrop-filter: var(--backdrop-filter-components);
-    --backdrop-filter-components: blur(var(--backdrop-blur-components));
+    --backdrop-filter-components: var(--backdrop-filter-components-enabled);
   }
 
   &:where(:disabled, [data-disabled]) {

package/src/components/_internal/base-sidebar.css

@@ -28,6 +28,13 @@
 
 /* Sidebar Container */
 .rt-SidebarContainer {
+  /*
+   * This surface blurs its own backdrop, which makes it the backdrop root for
+   * everything inside it. A component nested here would re-blur an already
+   * blurred, already flat surface for the full cost of another blur pass, so
+   * switch the component filter off for the subtree. See tokens/blur.css.
+   */
+  --backdrop-filter-components-enabled: none;
   --sidebar-base-border-radius: 0; /* Default to no radius */
   display: flex;
   flex-direction: column;

package/src/components/_internal/base-tab-list.css

@@ -161,7 +161,7 @@
       :where(.rt-BaseTabList[data-panel-background='translucent']) & {
         background-color: var(--gray-a3);
         backdrop-filter: var(--backdrop-filter-components);
-        --backdrop-filter-components: blur(var(--backdrop-blur-components));
+        --backdrop-filter-components: var(--backdrop-filter-components-enabled);
       }
 
       /* Disable backdrop-filter when inside elements that already have backdrop-filter */
@@ -189,7 +189,7 @@
       :where(.rt-BaseTabList[data-panel-background='translucent']) & {
         background-color: var(--accent-a3);
         backdrop-filter: var(--backdrop-filter-components);
-        --backdrop-filter-components: blur(var(--backdrop-blur-components));
+        --backdrop-filter-components: var(--backdrop-filter-components-enabled);
       }
     }
   }

package/src/components/_internal/shell-handles.tsx

@@ -77,7 +77,30 @@ export const PaneHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsW
         body.style.cursor = orientation === 'vertical' ? 'col-resize' : 'row-resize';
         body.style.userSelect = 'none';
         onResizeStart?.(startSize);
+
+        // The move handler is attached to the handle, the document and the
+        // window so the drag survives environments where PointerEvent does not
+        // reach all three. A real move therefore arrives here several times:
+        // once per node it propagates through, plus again as the compatibility
+        // mouse event. Doing the work more than once per movement is pure waste
+        // on the most latency-sensitive interaction in the shell, so ignore the
+        // repeats.
+        let lastHandledMove: Event | null = null;
+        let seenPointerEvent = false;
+
+        const shouldHandle = (ev: Event, pointerType: string) => {
+          if (ev.type === pointerType) seenPointerEvent = true;
+          // Once pointer events are known to work, the mouse fallbacks are
+          // duplicates of an event we have already handled.
+          else if (seenPointerEvent) return false;
+          return true;
+        };
+
         const handleMove = (ev: PointerEvent) => {
+          if (!shouldHandle(ev, 'pointermove')) return;
+          if (ev === lastHandledMove) return;
+          lastHandledMove = ev;
+
           const client = orientation === 'vertical' ? ev.clientX : ev.clientY;
           const next = clamp(computeNext(client, startClient, startSize));
           container.style.setProperty(cssVarName, `${next}px`);
@@ -106,7 +129,11 @@ export const PaneHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsW
           body.style.userSelect = prevUserSelect;
           activeCleanupRef.current = null;
         };
+        let finished = false;
         const handleUp = () => {
+          if (finished) return;
+          finished = true;
+
           const finalSize = parseFloat(getComputedStyle(container).getPropertyValue(cssVarName) || `${defaultSize}`);
           let snapped = finalSize;
           if (snapPoints && snapPoints.length) {

package/src/components/accordion.css

@@ -7,7 +7,7 @@
   /* Theme-level translucent override */
   :where([data-panel-background='translucent'], [data-material='translucent']) & {
     backdrop-filter: var(--backdrop-filter-components);
-    --backdrop-filter-components: blur(var(--backdrop-blur-components));
+    --backdrop-filter-components: var(--backdrop-filter-components-enabled);
   }
 
   /* Prevent backdrop-filter stacking with parents */
@@ -21,7 +21,7 @@
   
   &:where([data-panel-background='translucent'], [data-material='translucent']) {
     backdrop-filter: var(--backdrop-filter-components);
-    --backdrop-filter-components: blur(var(--backdrop-blur-components));
+    --backdrop-filter-components: var(--backdrop-filter-components-enabled);
   }
 }
 
@@ -68,7 +68,7 @@
     background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
     box-shadow: inset 0 0 0 1px var(--accent-a6);
     backdrop-filter: var(--backdrop-filter-components);
-    --backdrop-filter-components: blur(var(--backdrop-blur-components));
+    --backdrop-filter-components: var(--backdrop-filter-components-enabled);
   }
 }
 
@@ -94,7 +94,7 @@
   &:where([data-panel-background='translucent'], [data-material='translucent']) {
     background-color: var(--color-surface-translucent);
     backdrop-filter: var(--backdrop-filter-components);
-    --backdrop-filter-components: blur(var(--backdrop-blur-components));
+    --backdrop-filter-components: var(--backdrop-filter-components-enabled);
   }
 }
 
@@ -119,7 +119,7 @@
   &:where([data-panel-background='translucent'], [data-material='translucent']) {
     background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
     backdrop-filter: var(--backdrop-filter-components);
-    --backdrop-filter-components: blur(var(--backdrop-blur-components));
+    --backdrop-filter-components: var(--backdrop-filter-components-enabled);
   }
 }
 
@@ -143,7 +143,7 @@
   &:where([data-panel-background='translucent'], [data-material='translucent']) {
     box-shadow: inset 0 0 0 1px var(--accent-a6);
     backdrop-filter: var(--backdrop-filter-components);
-    --backdrop-filter-components: blur(var(--backdrop-blur-components));
+    --backdrop-filter-components: var(--backdrop-filter-components-enabled);
   }
 }
 

package/src/components/accordion.tsx

@@ -19,6 +19,7 @@ import type {
   AccordionContentOwnProps,
 } from './accordion.props.js';
 import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+import { useDeprecatedPanelBackgroundWarning } from '../helpers/use-deprecation-warning.js';
 
 // Root component
 type AccordionRootElement = React.ElementRef<typeof AccordionPrimitive.Root>;
@@ -35,14 +36,7 @@ const AccordionRoot = React.forwardRef<AccordionRootElement, AccordionRootProps>
       typeof AccordionPrimitive.Root
     >;
 
-    // Show deprecation warning for panelBackground when used
-    React.useEffect(() => {
-      if (props.panelBackground !== undefined) {
-        console.warn(
-          'Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.',
-        );
-      }
-    }, [props.panelBackground]);
+    useDeprecatedPanelBackgroundWarning(props.panelBackground);
 
     // Material takes precedence over panelBackground
     const effectiveMaterial = material ?? panelBackground;