@womp/kookie-ui 0.10.0 → 0.11.0

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-import"./chunk-EL7YGOTY.js";import"./chunk-JKS2YXMS.js";import{f as zo}from"./chunk-47LMOIW3.js";import{a as Ao}from"./chunk-ERY5TH2M.js";import"./chunk-4WVNMGI5.js";import{a as Bo}from"./chunk-YWENWZOU.js";import{c as no}from"./chunk-ALWNS44Q.js";import{a as qo,b as so}from"./chunk-25LBWKEV.js";import{a as wo}from"./chunk-X3JM2565.js";import{a as yo}from"./chunk-65GAANJD.js";import{a as vo}from"./chunk-VK7RNXUO.js";import{a as uo}from"./chunk-EE54S7YV.js";import{c as io}from"./chunk-K3UAS7RW.js";import{h as jo}from"./chunk-36A5BYCN.js";import"./chunk-BALS3AVM.js";import{e as ko}from"./chunk-VNH7BJOA.js";import"./chunk-TZTUPQYK.js";import{a as lo}from"./chunk-EPTYNVCU.js";import"./chunk-CLMOWP5T.js";import"./chunk-MN3XALXD.js";import{a as go}from"./chunk-43A5GUSI.js";import"./chunk-XI5YXUCK.js";import{a as ho}from"./chunk-KJUDZCYK.js";import"./chunk-AF6XKU3W.js";import"./chunk-AUV6B4AH.js";import{h as Do}from"./chunk-PYHEBG5I.js";import{p as Co}from"./chunk-53SZ4Y23.js";import"./chunk-2CMM7MEL.js";import{a as co}from"./chunk-VZSQATP6.js";import"./chunk-OJU5GCDZ.js";import{c as to}from"./chunk-FG7XM7KJ.js";import{h as ao}from"./chunk-VHECAEUP.js";import"./chunk-EBQZ3Z22.js";import{a as bo}from"./chunk-VR7ZAFYN.js";import"./chunk-CRSHBENJ.js";import{g as Eo}from"./chunk-QWVU2TW4.js";import"./chunk-ADXZNG4F.js";import"./chunk-2EQWBT2S.js";import{a as xo}from"./chunk-OGXZHAQL.js";import"./chunk-NIX6Z3JG.js";import"./chunk-FC2DBBJ3.js";import{c as fo}from"./chunk-2I7QRVJ5.js";import{a as mo}from"./chunk-CIYF56YS.js";import"./chunk-STPMPY3X.js";import{a as po}from"./chunk-FHEHX7CE.js";import{a as $}from"./chunk-XEZXKPLE.js";import{a as oo}from"./chunk-CDG5WH4U.js";import"./chunk-5XV4QEP5.js";import{a as ro}from"./chunk-GLERJXVS.js";import"./chunk-MCQCG6AS.js";import{c as eo}from"./chunk-CRTH5LNU.js";import"./chunk-OWMA6GTG.js";import"./chunk-VLTXI4A7.js";import{a as Z}from"./chunk-YBSRX63K.js";import"./chunk-AGSSWWFI.js";import{i as Fo}from"./chunk-4D2OAD6I.js";import{e as _}from"./chunk-7UHKEJ7Q.js";import"./chunk-Y3A6ZU24.js";import{a as X}from"./chunk-IHK3H2OM.js";import{a as W}from"./chunk-S5C5YRBS.js";import"./chunk-IBF5U4QW.js";import"./chunk-L6UXAITB.js";import"./chunk-GFOSP3PZ.js";import{a as Y}from"./chunk-CSKZZOI2.js";import"./chunk-JAMLW534.js";import{d as V}from"./chunk-MEO7MJMQ.js";import"./chunk-VJSZG35J.js";import{g as S}from"./chunk-DSJY5RI3.js";import{a as R}from"./chunk-MHANZINI.js";import{o as T}from"./chunk-MZXHKM4V.js";import"./chunk-WOR3JCLX.js";import{a as U}from"./chunk-7FC7HF76.js";import"./chunk-4JQZUQY7.js";import{l as N}from"./chunk-T4OR62DQ.js";import{g as M}from"./chunk-WHFJ4JUN.js";import"./chunk-72AHPGPN.js";import"./chunk-RDAMYQFF.js";import{a as O}from"./chunk-4ME6O27S.js";import"./chunk-PPNWGWN3.js";import{n as P}from"./chunk-PQKJNRMR.js";import"./chunk-OA7C34MJ.js";import{e as Q}from"./chunk-RNTCHVFI.js";import"./chunk-NIIEIZKQ.js";import{c as I}from"./chunk-BW5CO4PZ.js";import{a as H}from"./chunk-VX6ARMWP.js";import{c as J}from"./chunk-OMGZG52I.js";import"./chunk-V32EP3S7.js";import"./chunk-5SNHUVDA.js";import{a as K}from"./chunk-KFR3CK24.js";import"./chunk-UICSVJ3B.js";import{a as L}from"./chunk-N4GTDLRD.js";import"./chunk-KZWNGWIM.js";import{d as v}from"./chunk-CKMMUHKE.js";import"./chunk-OGVKSYLL.js";import{a as w}from"./chunk-JDGJSNWT.js";import"./chunk-OO652UQW.js";import{l as G}from"./chunk-QK5RBHKV.js";import{b as E,c as F}from"./chunk-RJP5QUXO.js";import{a as y}from"./chunk-4XGGX2V2.js";import{a as D}from"./chunk-COWZAUZR.js";import"./chunk-5GXFBLBJ.js";import"./chunk-UBOOUDS4.js";import"./chunk-XPRPYCII.js";import"./chunk-5BWLY27A.js";import{a as z,b as A,c as B,d as C}from"./chunk-IX5HIHVI.js";import{a as u}from"./chunk-73QGEY2I.js";import{a as s}from"./chunk-2N2AQNJH.js";import"./chunk-667BKCUG.js";import"./chunk-HAGKI7NA.js";import{a as j}from"./chunk-HJU4I34X.js";import"./chunk-PS6NEG5A.js";import"./chunk-QFPHEY77.js";import{a as l}from"./chunk-KMPE7TJ6.js";import{a as k}from"./chunk-OLAWVEAI.js";import"./chunk-BPVVFHYD.js";import"./chunk-QQ62LO3X.js";import{a as n}from"./chunk-MS5J4MF6.js";import{a as q}from"./chunk-4YFJWXL2.js";import"./chunk-FGORMEAO.js";import"./chunk-ROSWI2CL.js";import{a as b}from"./chunk-ERNM3KVF.js";import{f as c}from"./chunk-Y5RCH23Z.js";import"./chunk-EDKQURDU.js";import{h}from"./chunk-LXWPEDPZ.js";import{a as d}from"./chunk-GO7OHBHW.js";import"./chunk-PZ7OYATT.js";import"./chunk-MJJ7XDIP.js";import{a as g}from"./chunk-5WRCK4R7.js";import"./chunk-4XKK32M4.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-ZWZGUBL4.js";import"./chunk-XKBLNVOD.js";import"./chunk-GCUGJXI2.js";import{a as i}from"./chunk-Y7LT3F6R.js";import"./chunk-7RQNB63F.js";import{a as t,b as x,c as a}from"./chunk-SEY4NA45.js";import"./chunk-WAURCNAS.js";import"./chunk-F22ZRNWL.js";import"./chunk-XYVLQDGR.js";import"./chunk-YAQBIO2B.js";import"./chunk-AGNIFHOE.js";import"./chunk-HCNO7PX6.js";import"./chunk-GMHA5CFH.js";import"./chunk-A2XVR7GL.js";import"./chunk-BZZXXZ3O.js";import"./chunk-2LYX5S7H.js";import"./chunk-HWQ3NTJP.js";import"./chunk-3J6AUDID.js";import"./chunk-ZZLZGHZQ.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{a as m}from"./chunk-AGAQC4HH.js";import"./chunk-5T6K7VPP.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-VX44UTQ5.js";import"./chunk-ERGJN7FJ.js";import"./chunk-5TXQLK4G.js";import"./chunk-JFWMAYEH.js";import"./chunk-KRJTW535.js";import"./chunk-F6V7GBNQ.js";import"./chunk-3KSGRY6I.js";import"./chunk-ZOY43B55.js";import{a as p}from"./chunk-E67CIG6A.js";import"./chunk-ARIV4AT5.js";import"./chunk-3XSB7YIM.js";import"./chunk-YA5DF67M.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-NZJGC6ZW.js";import"./chunk-WMGIFPI2.js";import"./chunk-CFNESRYI.js";import"./chunk-ZNK6AH2G.js";import"./chunk-JSW6J6RS.js";import"./chunk-OS3FCYZY.js";export{b as AccessibleIcon,c as Accordion,h as AlertDialog,i as AspectRatio,j as Avatar,l as Badge,n as Blockquote,q as Box,u as Button,v as Callout,w as Card,G as Chatbar,K as Checkbox,I as CheckboxCards,J as CheckboxGroup,B as ChevronDownIcon,L as Code,N as Combobox,F as Confirmation,O as Container,P as ContextMenu,Q as DataList,S as Dialog,T as DropdownMenu,U as Em,e as Flex,H as Grid,d as Heading,V as HoverCard,y as IconButton,X as Image,Y as Inset,p as Kbd,Z as Link,Fo as MessageScroller,_ as Navbar,E as Notice,M as Popover,$ as Portal,oo as Progress,ro as Quote,mo as Radio,eo as RadioCards,fo as RadioGroup,po as Reset,D as ScrollArea,xo as Section,to as SegmentedControl,ao as Select,bo as Separator,Eo as Sheet,Do as Shell,Co as Sidebar,W as Skeleton,co as Slider,o as Slot,r as Slottable,f as Spinner,go as Strong,ho as Switch,io as TabNav,jo as Table,ko as Tabs,g as Text,lo as TextArea,no as TextField,a as Theme,t as ThemeContext,qo as ThemePanel,so as ThemePanelContent,A as ThickCheckIcon,C as ThickChevronRightIcon,z as ThickDividerHorizontalIcon,wo as ToggleButton,yo as ToggleIconButton,zo as Toolbar,k as Tooltip,Ao as UserCard,Bo as VirtualMenu,m as VisuallyHidden,R as useBodyPointerEventsCleanup,uo as useLiveAnnouncer,x as useThemeContext,vo as useToggleState,s as useTooltipWrapper};
+import"./chunk-EL7YGOTY.js";import"./chunk-C7EVYSWK.js";import{a as zo}from"./chunk-UYCPDGWA.js";import{b as Ao,c as Bo,d as Co,e as Do,f as Eo}from"./chunk-XLMTTSRO.js";import"./chunk-ZUOK3KFY.js";import{a as Fo}from"./chunk-CYU6BLZ5.js";import"./chunk-4WVNMGI5.js";import{a as Go}from"./chunk-YWENWZOU.js";import{c as qo}from"./chunk-ALWNS44Q.js";import"./chunk-MN3XALXD.js";import{a as so,b as uo}from"./chunk-D6PHTHF2.js";import{a as yo}from"./chunk-6G3MPL4A.js";import{a as wo}from"./chunk-VK7RNXUO.js";import{a as vo}from"./chunk-EE54S7YV.js";import{c as jo}from"./chunk-K3UAS7RW.js";import"./chunk-AUV6B4AH.js";import{h as ko}from"./chunk-36A5BYCN.js";import"./chunk-BALS3AVM.js";import{e as lo}from"./chunk-VNH7BJOA.js";import"./chunk-TZTUPQYK.js";import{a as no}from"./chunk-EPTYNVCU.js";import"./chunk-CLMOWP5T.js";import{a as go}from"./chunk-VZSQATP6.js";import{a as ho}from"./chunk-43A5GUSI.js";import"./chunk-XI5YXUCK.js";import{a as io}from"./chunk-KJUDZCYK.js";import"./chunk-AF6XKU3W.js";import{h as Io}from"./chunk-MJOXEUBT.js";import"./chunk-2EQWBT2S.js";import{p as Ho}from"./chunk-53SZ4Y23.js";import"./chunk-2CMM7MEL.js";import"./chunk-OJU5GCDZ.js";import{c as xo}from"./chunk-FG7XM7KJ.js";import"./chunk-FC2DBBJ3.js";import{h as bo}from"./chunk-VHECAEUP.js";import"./chunk-EBQZ3Z22.js";import{a as co}from"./chunk-VR7ZAFYN.js";import"./chunk-CRSHBENJ.js";import{g as Jo}from"./chunk-ZK7A2MZZ.js";import"./chunk-ADXZNG4F.js";import{a as ao}from"./chunk-OGXZHAQL.js";import"./chunk-NIX6Z3JG.js";import{c as mo}from"./chunk-2I7QRVJ5.js";import"./chunk-VLTXI4A7.js";import{a as po}from"./chunk-CIYF56YS.js";import"./chunk-STPMPY3X.js";import{a as to}from"./chunk-FHEHX7CE.js";import{a as oo}from"./chunk-XEZXKPLE.js";import{a as ro}from"./chunk-CDG5WH4U.js";import"./chunk-5XV4QEP5.js";import{a as eo}from"./chunk-GLERJXVS.js";import"./chunk-MCQCG6AS.js";import{c as fo}from"./chunk-CRTH5LNU.js";import"./chunk-OWMA6GTG.js";import{a as _}from"./chunk-YBSRX63K.js";import"./chunk-AGSSWWFI.js";import{i as Ko}from"./chunk-OIUCV5HK.js";import{e as $}from"./chunk-7UHKEJ7Q.js";import"./chunk-Y3A6ZU24.js";import{a as Y}from"./chunk-IHK3H2OM.js";import{a as X}from"./chunk-S5C5YRBS.js";import"./chunk-IBF5U4QW.js";import"./chunk-L6UXAITB.js";import"./chunk-GFOSP3PZ.js";import{a as Z}from"./chunk-CSKZZOI2.js";import"./chunk-JAMLW534.js";import{d as W}from"./chunk-MEO7MJMQ.js";import"./chunk-VJSZG35J.js";import{e as R}from"./chunk-RNTCHVFI.js";import{g as T}from"./chunk-7JJT42J2.js";import{a as S}from"./chunk-MHANZINI.js";import{o as U}from"./chunk-MZXHKM4V.js";import"./chunk-WOR3JCLX.js";import{a as V}from"./chunk-7FC7HF76.js";import"./chunk-4JQZUQY7.js";import{a as M}from"./chunk-N4GTDLRD.js";import{l as O}from"./chunk-T4OR62DQ.js";import{g as N}from"./chunk-WHFJ4JUN.js";import"./chunk-72AHPGPN.js";import"./chunk-RDAMYQFF.js";import{a as P}from"./chunk-4ME6O27S.js";import"./chunk-PPNWGWN3.js";import{n as Q}from"./chunk-PQKJNRMR.js";import"./chunk-OA7C34MJ.js";import"./chunk-NIIEIZKQ.js";import{c as J}from"./chunk-METRW4HG.js";import{a as I}from"./chunk-VX6ARMWP.js";import"./chunk-667BKCUG.js";import"./chunk-HAGKI7NA.js";import{c as K}from"./chunk-OMGZG52I.js";import"./chunk-V32EP3S7.js";import"./chunk-5SNHUVDA.js";import{a as L}from"./chunk-KFR3CK24.js";import"./chunk-UICSVJ3B.js";import"./chunk-KZWNGWIM.js";import{a as u}from"./chunk-4YFJWXL2.js";import{d as y}from"./chunk-CKMMUHKE.js";import"./chunk-OGVKSYLL.js";import{l as H}from"./chunk-ENLFKWYV.js";import{b as F,c as G}from"./chunk-L5PID6BU.js";import{a as z}from"./chunk-ISOLUTZF.js";import{a as E}from"./chunk-COWZAUZR.js";import"./chunk-5GXFBLBJ.js";import"./chunk-UBOOUDS4.js";import"./chunk-XPRPYCII.js";import"./chunk-5BWLY27A.js";import{a as A,b as B,c as C,d as D}from"./chunk-IX5HIHVI.js";import{a as w}from"./chunk-3R4YLW4A.js";import{a as v}from"./chunk-2N2AQNJH.js";import{a as k}from"./chunk-Y7LT3F6R.js";import{a as l}from"./chunk-HJU4I34X.js";import"./chunk-PS6NEG5A.js";import"./chunk-QFPHEY77.js";import{a as q}from"./chunk-KMPE7TJ6.js";import{a as n}from"./chunk-OLAWVEAI.js";import"./chunk-BPVVFHYD.js";import"./chunk-QQ62LO3X.js";import{a as s}from"./chunk-MS5J4MF6.js";import"./chunk-FGORMEAO.js";import"./chunk-ROSWI2CL.js";import{a as b}from"./chunk-ERNM3KVF.js";import{f as c}from"./chunk-Y5RCH23Z.js";import"./chunk-EDKQURDU.js";import{h}from"./chunk-IYCPYN4Z.js";import"./chunk-MJJ7XDIP.js";import{a as g}from"./chunk-5WRCK4R7.js";import"./chunk-4XKK32M4.js";import"./chunk-XKBLNVOD.js";import"./chunk-GCUGJXI2.js";import{f as j}from"./chunk-54JFIP5S.js";import{a as i}from"./chunk-JDGJSNWT.js";import"./chunk-OO652UQW.js";import{a as d}from"./chunk-GO7OHBHW.js";import"./chunk-PZ7OYATT.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-ZWZGUBL4.js";import"./chunk-7RQNB63F.js";import{a as t,b as x,c as a}from"./chunk-SEY4NA45.js";import"./chunk-WAURCNAS.js";import"./chunk-F22ZRNWL.js";import"./chunk-XYVLQDGR.js";import"./chunk-YAQBIO2B.js";import"./chunk-AGNIFHOE.js";import"./chunk-HCNO7PX6.js";import"./chunk-GMHA5CFH.js";import"./chunk-A2XVR7GL.js";import"./chunk-BZZXXZ3O.js";import"./chunk-2LYX5S7H.js";import"./chunk-HWQ3NTJP.js";import"./chunk-3J6AUDID.js";import"./chunk-4LDVSTXI.js";import{a as f}from"./chunk-HF5WY5YE.js";import"./chunk-3KB2XWBE.js";import{a as m}from"./chunk-AGAQC4HH.js";import"./chunk-5T6K7VPP.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-VX44UTQ5.js";import"./chunk-ERGJN7FJ.js";import"./chunk-5TXQLK4G.js";import"./chunk-JFWMAYEH.js";import"./chunk-KRJTW535.js";import"./chunk-F6V7GBNQ.js";import"./chunk-3KSGRY6I.js";import"./chunk-ZOY43B55.js";import{a as p}from"./chunk-E67CIG6A.js";import"./chunk-ARIV4AT5.js";import"./chunk-3XSB7YIM.js";import"./chunk-YA5DF67M.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-NZJGC6ZW.js";import"./chunk-WMGIFPI2.js";import"./chunk-CFNESRYI.js";import"./chunk-ZNK6AH2G.js";import"./chunk-JSW6J6RS.js";import"./chunk-OS3FCYZY.js";export{b as AccessibleIcon,c as Accordion,h as AlertDialog,j as AppBar,k as AspectRatio,l as Avatar,q as Badge,s as Blockquote,u as Box,w as Button,y as Callout,i as Card,H as Chatbar,L as Checkbox,J as CheckboxCards,K as CheckboxGroup,C as ChevronDownIcon,M as Code,O as Combobox,G as Confirmation,P as Container,Q as ContextMenu,R as DataList,T as Dialog,U as DropdownMenu,V as Em,e as Flex,I as Grid,d as Heading,W as HoverCard,z as IconButton,Y as Image,Z as Inset,p as Kbd,_ as Link,Ko as MessageScroller,$ as Navbar,F as Notice,N as Popover,oo as Portal,ro as Progress,eo as Quote,po as Radio,fo as RadioCards,mo as RadioGroup,to as Reset,E as ScrollArea,ao as Section,xo as SegmentedControl,bo as Select,co as Separator,Jo as Sheet,Io as Shell,Ho as Sidebar,X as Skeleton,go as Slider,o as Slot,r as Slottable,f as Spinner,ho as Strong,io as Switch,jo as TabNav,ko as Table,lo as Tabs,g as Text,no as TextArea,qo as TextField,a as Theme,t as ThemeContext,so as ThemePanel,uo as ThemePanelContent,B as ThickCheckIcon,D as ThickChevronRightIcon,A as ThickDividerHorizontalIcon,yo as ToggleButton,zo as ToggleIconButton,Eo as Toolbar,Bo as ToolbarButton,Ao as ToolbarGroup,Co as ToolbarSeparator,Do as ToolbarTitle,n as Tooltip,Fo as UserCard,Go as VirtualMenu,m as VisuallyHidden,S as useBodyPointerEventsCleanup,vo as useLiveAnnouncer,x as useThemeContext,wo as useToggleState,v as useTooltipWrapper};
 //# sourceMappingURL=index.js.map

package/dist/esm/props/index.js

@@ -1,2 +1,2 @@
-import{a as Go}from"../chunk-MQWH2IFO.js";import{a as yo,b as zo,c as Ao}from"../chunk-BALS3AVM.js";import{a as Bo,b as Co}from"../chunk-TZTUPQYK.js";import{a as Do}from"../chunk-CLMOWP5T.js";import{a as Eo,b as Fo}from"../chunk-MN3XALXD.js";import{a as uo}from"../chunk-XI5YXUCK.js";import{a as vo}from"../chunk-AF6XKU3W.js";import{a as wo}from"../chunk-AUV6B4AH.js";import{a as so}from"../chunk-OJU5GCDZ.js";import{a as ko,b as lo,c as no}from"../chunk-EBQZ3Z22.js";import{a as qo}from"../chunk-CRSHBENJ.js";import{a as jo}from"../chunk-NIX6Z3JG.js";import{a as io}from"../chunk-FC2DBBJ3.js";import"../chunk-STPMPY3X.js";import{a as bo}from"../chunk-5XV4QEP5.js";import{a as co}from"../chunk-MCQCG6AS.js";import{a as go}from"../chunk-OWMA6GTG.js";import{a as ho}from"../chunk-VLTXI4A7.js";import{a as ao}from"../chunk-AGSSWWFI.js";import{a as to}from"../chunk-L6UXAITB.js";import{a as po}from"../chunk-GFOSP3PZ.js";import{a as xo}from"../chunk-JAMLW534.js";import{a as mo}from"../chunk-VJSZG35J.js";import"../chunk-YKPMLM7M.js";import"../chunk-WOR3JCLX.js";import{a as fo}from"../chunk-4JQZUQY7.js";import{a as _}from"../chunk-72AHPGPN.js";import{a as $}from"../chunk-PPNWGWN3.js";import"../chunk-OA7C34MJ.js";import{a as oo,b as ro,c as eo}from"../chunk-NIIEIZKQ.js";import{a as Y}from"../chunk-5SNHUVDA.js";import"../chunk-UICSVJ3B.js";import{a as Z}from"../chunk-KZWNGWIM.js";import"../chunk-6DWDNKLS.js";import{a as T}from"../chunk-OGVKSYLL.js";import{a as U}from"../chunk-OO652UQW.js";import{a as V}from"../chunk-XPRPYCII.js";import{a as X}from"../chunk-667BKCUG.js";import{a as W}from"../chunk-HAGKI7NA.js";import{a as O}from"../chunk-QFPHEY77.js";import{a as Q}from"../chunk-BPVVFHYD.js";import{a as P}from"../chunk-QQ62LO3X.js";import{a as R}from"../chunk-WGYUWEQV.js";import{a as S}from"../chunk-FGORMEAO.js";import{a as M}from"../chunk-PZ7OYATT.js";import{a as N}from"../chunk-4XKK32M4.js";import{a as I}from"../chunk-G2CKYO2I.js";import"../chunk-AXUDFYLY.js";import{a as H}from"../chunk-KNQBAOMV.js";import{a as L}from"../chunk-FD2TR343.js";import{a as J}from"../chunk-WYADYDPN.js";import{a as K}from"../chunk-ZE2KAVXW.js";import{a as F,b as G}from"../chunk-ZWZGUBL4.js";import{a as E}from"../chunk-XKBLNVOD.js";import{a as D}from"../chunk-GCUGJXI2.js";import{a as C}from"../chunk-XYVLQDGR.js";import{a as l}from"../chunk-3KB2XWBE.js";import{a as k}from"../chunk-SMGDH54W.js";import{a as j}from"../chunk-SNR5VFWG.js";import{a as h}from"../chunk-K53W3ELO.js";import{a as c}from"../chunk-TTFUM47A.js";import{a as d}from"../chunk-VX44UTQ5.js";import{a as g}from"../chunk-ERGJN7FJ.js";import{a as x}from"../chunk-JFWMAYEH.js";import{a as p,b as t}from"../chunk-KRJTW535.js";import{a as n}from"../chunk-F6V7GBNQ.js";import{a as q,b as s,c as u,d as v,e as w,f as y}from"../chunk-3KSGRY6I.js";import{a as z}from"../chunk-ARIV4AT5.js";import{a as i}from"../chunk-GSTOGDAJ.js";import{a,b}from"../chunk-WRWNN2NW.js";import{a as o}from"../chunk-NZJGC6ZW.js";import{a as A}from"../chunk-WMGIFPI2.js";import{a as B}from"../chunk-CFNESRYI.js";import{a as r,b as e,c as f,d as m}from"../chunk-ZNK6AH2G.js";import"../chunk-OS3FCYZY.js";export{m as accentColorPropDef,r as accentColors,E as alertDialogContentPropDefs,o as asChildPropDef,O as avatarPropDefs,P as badgePropDefs,R as blockquotePropDefs,S as boxPropDefs,b as breakpointSet,a as breakpoints,x as buttonPropDefs,T as calloutRootPropDefs,U as cardPropDefs,X as checkboxCardsRootPropDefs,Y as checkboxGroupRootPropDefs,n as checkboxPropDefs,Z as codePropDefs,f as colorPropDef,$ as containerPropDefs,w as contextMenuCheckboxItemPropDefs,u as contextMenuContentPropDefs,v as contextMenuItemPropDefs,y as contextMenuRadioItemPropDefs,u as contextMenuSubContentPropDefs,ro as dataListItemPropDefs,eo as dataListLabelPropDefs,oo as dataListRootPropDefs,D as dialogContentPropDefs,w as dropdownMenuCheckboxItemPropDefs,s as dropdownMenuContentPropDefs,v as dropdownMenuItemPropDefs,y as dropdownMenuRadioItemPropDefs,u as dropdownMenuSubContentPropDefs,fo as emPropDefs,F as emphases,G as emphasisPropDef,k as flexPropDefs,j as gapPropDefs,e as grayColors,W as gridPropDefs,M as headingPropDefs,d as heightPropDefs,mo as hoverCardContentPropDefs,x as iconButtonPropDefs,po as imagePropDefs,xo as insetPropDefs,z as kbdPropDefs,h as layoutPropDefs,H as leadingTrimPropDef,ao as linkPropDefs,i as marginPropDefs,c as paddingPropDefs,_ as popoverContentPropDefs,bo as progressPropDefs,co as quotePropDefs,p as radii,go as radioCardsRootPropDefs,ho as radioGroupRootPropDefs,A as radioPropDefs,t as radiusPropDef,V as scrollAreaPropDefs,jo as sectionPropDefs,io as segmentedControlRootPropDefs,no as selectContentPropDefs,ko as selectRootPropDefs,lo as selectTriggerPropDefs,qo as separatorPropDefs,Go as shadowPropDefs,to as skeletonPropDefs,so as sliderPropDefs,l as spinnerPropDefs,uo as strongPropDefs,q as submenuBehaviors,vo as switchPropDefs,wo as tabNavLinkPropDefs,B as tabNavRootPropDefs,Ao as tableCellPropDefs,yo as tableRootPropDefs,zo as tableRowPropDefs,Co as tabsContentPropDefs,B as tabsListPropDefs,Bo as tabsRootPropDefs,I as textAlignPropDef,Do as textAreaPropDefs,Eo as textFieldRootPropDefs,Fo as textFieldSlotPropDefs,N as textPropDefs,J as textWrapPropDef,C as themePropDefs,Q as tooltipPropDefs,K as truncatePropDef,L as weightPropDef,g as widthPropDefs};
+import{a as Go}from"../chunk-MQWH2IFO.js";import{a as Eo,b as Fo}from"../chunk-MN3XALXD.js";import{a as wo}from"../chunk-AUV6B4AH.js";import{a as yo,b as zo,c as Ao}from"../chunk-BALS3AVM.js";import{a as Bo,b as Co}from"../chunk-TZTUPQYK.js";import{a as Do}from"../chunk-CLMOWP5T.js";import{a as uo}from"../chunk-XI5YXUCK.js";import{a as vo}from"../chunk-AF6XKU3W.js";import{a as so}from"../chunk-OJU5GCDZ.js";import{a as io}from"../chunk-FC2DBBJ3.js";import{a as ko,b as lo,c as no}from"../chunk-EBQZ3Z22.js";import{a as qo}from"../chunk-CRSHBENJ.js";import{a as jo}from"../chunk-NIX6Z3JG.js";import{a as ho}from"../chunk-VLTXI4A7.js";import"../chunk-STPMPY3X.js";import{a as bo}from"../chunk-5XV4QEP5.js";import{a as co}from"../chunk-MCQCG6AS.js";import{a as go}from"../chunk-OWMA6GTG.js";import{a as ao}from"../chunk-AGSSWWFI.js";import{a as to}from"../chunk-L6UXAITB.js";import{a as po}from"../chunk-GFOSP3PZ.js";import{a as xo}from"../chunk-JAMLW534.js";import{a as mo}from"../chunk-VJSZG35J.js";import"../chunk-YKPMLM7M.js";import"../chunk-WOR3JCLX.js";import{a as fo}from"../chunk-4JQZUQY7.js";import{a as _}from"../chunk-72AHPGPN.js";import{a as $}from"../chunk-PPNWGWN3.js";import"../chunk-OA7C34MJ.js";import{a as oo,b as ro,c as eo}from"../chunk-NIIEIZKQ.js";import{a as X}from"../chunk-667BKCUG.js";import{a as W}from"../chunk-HAGKI7NA.js";import{a as Y}from"../chunk-5SNHUVDA.js";import"../chunk-UICSVJ3B.js";import{a as Z}from"../chunk-KZWNGWIM.js";import"../chunk-6DWDNKLS.js";import{a as U}from"../chunk-OGVKSYLL.js";import{a as V}from"../chunk-XPRPYCII.js";import{a as P}from"../chunk-QFPHEY77.js";import{a as R}from"../chunk-BPVVFHYD.js";import{a as Q}from"../chunk-QQ62LO3X.js";import{a as S}from"../chunk-WGYUWEQV.js";import{a as T}from"../chunk-FGORMEAO.js";import{a as N}from"../chunk-4XKK32M4.js";import{a as E}from"../chunk-XKBLNVOD.js";import{a as D}from"../chunk-GCUGJXI2.js";import{a as O}from"../chunk-OO652UQW.js";import{a as M}from"../chunk-PZ7OYATT.js";import{a as I}from"../chunk-G2CKYO2I.js";import"../chunk-AXUDFYLY.js";import{a as H}from"../chunk-KNQBAOMV.js";import{a as L}from"../chunk-FD2TR343.js";import{a as J}from"../chunk-WYADYDPN.js";import{a as K}from"../chunk-ZE2KAVXW.js";import{a as F,b as G}from"../chunk-ZWZGUBL4.js";import{a as C}from"../chunk-XYVLQDGR.js";import{a as l}from"../chunk-3KB2XWBE.js";import{a as k}from"../chunk-SMGDH54W.js";import{a as j}from"../chunk-SNR5VFWG.js";import{a as h}from"../chunk-K53W3ELO.js";import{a as c}from"../chunk-TTFUM47A.js";import{a as d}from"../chunk-VX44UTQ5.js";import{a as g}from"../chunk-ERGJN7FJ.js";import{a as x}from"../chunk-JFWMAYEH.js";import{a as p,b as t}from"../chunk-KRJTW535.js";import{a as n}from"../chunk-F6V7GBNQ.js";import{a as q,b as s,c as u,d as v,e as w,f as y}from"../chunk-3KSGRY6I.js";import{a as z}from"../chunk-ARIV4AT5.js";import{a as i}from"../chunk-GSTOGDAJ.js";import{a,b}from"../chunk-WRWNN2NW.js";import{a as o}from"../chunk-NZJGC6ZW.js";import{a as A}from"../chunk-WMGIFPI2.js";import{a as B}from"../chunk-CFNESRYI.js";import{a as r,b as e,c as f,d as m}from"../chunk-ZNK6AH2G.js";import"../chunk-OS3FCYZY.js";export{m as accentColorPropDef,r as accentColors,E as alertDialogContentPropDefs,o as asChildPropDef,P as avatarPropDefs,Q as badgePropDefs,S as blockquotePropDefs,T as boxPropDefs,b as breakpointSet,a as breakpoints,x as buttonPropDefs,U as calloutRootPropDefs,O as cardPropDefs,X as checkboxCardsRootPropDefs,Y as checkboxGroupRootPropDefs,n as checkboxPropDefs,Z as codePropDefs,f as colorPropDef,$ as containerPropDefs,w as contextMenuCheckboxItemPropDefs,u as contextMenuContentPropDefs,v as contextMenuItemPropDefs,y as contextMenuRadioItemPropDefs,u as contextMenuSubContentPropDefs,ro as dataListItemPropDefs,eo as dataListLabelPropDefs,oo as dataListRootPropDefs,D as dialogContentPropDefs,w as dropdownMenuCheckboxItemPropDefs,s as dropdownMenuContentPropDefs,v as dropdownMenuItemPropDefs,y as dropdownMenuRadioItemPropDefs,u as dropdownMenuSubContentPropDefs,fo as emPropDefs,F as emphases,G as emphasisPropDef,k as flexPropDefs,j as gapPropDefs,e as grayColors,W as gridPropDefs,M as headingPropDefs,d as heightPropDefs,mo as hoverCardContentPropDefs,x as iconButtonPropDefs,po as imagePropDefs,xo as insetPropDefs,z as kbdPropDefs,h as layoutPropDefs,H as leadingTrimPropDef,ao as linkPropDefs,i as marginPropDefs,c as paddingPropDefs,_ as popoverContentPropDefs,bo as progressPropDefs,co as quotePropDefs,p as radii,go as radioCardsRootPropDefs,ho as radioGroupRootPropDefs,A as radioPropDefs,t as radiusPropDef,V as scrollAreaPropDefs,jo as sectionPropDefs,io as segmentedControlRootPropDefs,no as selectContentPropDefs,ko as selectRootPropDefs,lo as selectTriggerPropDefs,qo as separatorPropDefs,Go as shadowPropDefs,to as skeletonPropDefs,so as sliderPropDefs,l as spinnerPropDefs,uo as strongPropDefs,q as submenuBehaviors,vo as switchPropDefs,wo as tabNavLinkPropDefs,B as tabNavRootPropDefs,Ao as tableCellPropDefs,yo as tableRootPropDefs,zo as tableRowPropDefs,Co as tabsContentPropDefs,B as tabsListPropDefs,Bo as tabsRootPropDefs,I as textAlignPropDef,Do as textAreaPropDefs,Eo as textFieldRootPropDefs,Fo as textFieldSlotPropDefs,N as textPropDefs,J as textWrapPropDef,C as themePropDefs,R as tooltipPropDefs,K as truncatePropDef,L as weightPropDef,g as widthPropDefs};
 //# sourceMappingURL=index.js.map

package/package.json

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

package/src/components/app-bar.css

@@ -0,0 +1,204 @@
+/* stylelint-disable selector-max-specificity */
+/* AppBar Component */
+
+.rt-AppBar {
+  position: absolute;
+  z-index: 1;
+
+  /* --rt-app-bar-height and --rt-app-bar-width are set on parent element via JS */
+  /* (the old --rt-toolbar-* names are still set too, for layouts written before the rename) */
+  /* Use pt/pb/pl/pr="var(--rt-app-bar-height)" on content to avoid overlap */
+}
+
+/* Grid layout for true centering */
+.rt-AppBarInner {
+  display: grid;
+  grid-template-columns: 1fr auto 1fr;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  gap: var(--space-2);
+}
+
+/* Vertical app bars use row-based grid */
+.rt-AppBar:where([data-anchor='left'], [data-anchor='right']) .rt-AppBarInner {
+  grid-template-columns: 1fr;
+  grid-template-rows: 1fr auto 1fr;
+}
+
+.rt-AppBar:where([data-anchor='left'], [data-anchor='right']) .rt-AppBarLeft {
+  grid-column: 1;
+  grid-row: 1;
+}
+
+.rt-AppBar:where([data-anchor='left'], [data-anchor='right']) .rt-AppBarCenter {
+  grid-column: 1;
+  grid-row: 2;
+}
+
+.rt-AppBar:where([data-anchor='left'], [data-anchor='right']) .rt-AppBarRight {
+  grid-column: 1;
+  grid-row: 3;
+}
+
+/* * * * * * * * * * * * * * * * * * * */
+/*                                     */
+/*           Anchor positions          */
+/*                                     */
+/* * * * * * * * * * * * * * * * * * * */
+
+.rt-AppBar:where([data-anchor='top']) {
+  top: 0;
+  left: 0;
+  right: 0;
+}
+
+.rt-AppBar:where([data-anchor='bottom']) {
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.rt-AppBar:where([data-anchor='left']) {
+  top: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.rt-AppBar:where([data-anchor='right']) {
+  top: 0;
+  bottom: 0;
+  right: 0;
+}
+
+/* * * * * * * * * * * * * * * * * * * */
+/*                                     */
+/*          Inset mode (default)       */
+/*          Edge-to-edge positioning   */
+/*                                     */
+/* * * * * * * * * * * * * * * * * * * */
+
+/* Remove border-radius in inset mode */
+.rt-AppBar:where(:not([data-floating])) {
+  --base-card-border-radius: 0;
+  border-radius: 0;
+}
+
+/* Override Card's box-shadow to only show exposed edge */
+/* Top anchor: only show bottom border */
+.rt-AppBar:where([data-anchor='top']:not([data-floating])) {
+  &::after {
+    box-shadow: inset 0 -1px 0 0 var(--gray-6);
+  }
+  :where([data-panel-background='translucent'], [data-material='translucent']) &::after,
+  &:where([data-panel-background='translucent'], [data-material='translucent'])::after {
+    box-shadow: inset 0 -1px 0 0 var(--gray-a6);
+  }
+}
+
+/* Bottom anchor: only show top border */
+.rt-AppBar:where([data-anchor='bottom']:not([data-floating])) {
+  &::after {
+    box-shadow: inset 0 1px 0 0 var(--gray-6);
+  }
+  :where([data-panel-background='translucent'], [data-material='translucent']) &::after,
+  &:where([data-panel-background='translucent'], [data-material='translucent'])::after {
+    box-shadow: inset 0 1px 0 0 var(--gray-a6);
+  }
+}
+
+/* Left anchor: only show right border */
+.rt-AppBar:where([data-anchor='left']:not([data-floating])) {
+  &::after {
+    box-shadow: inset -1px 0 0 0 var(--gray-6);
+  }
+  :where([data-panel-background='translucent'], [data-material='translucent']) &::after,
+  &:where([data-panel-background='translucent'], [data-material='translucent'])::after {
+    box-shadow: inset -1px 0 0 0 var(--gray-a6);
+  }
+}
+
+/* Right anchor: only show left border */
+.rt-AppBar:where([data-anchor='right']:not([data-floating])) {
+  &::after {
+    box-shadow: inset 1px 0 0 0 var(--gray-6);
+  }
+  :where([data-panel-background='translucent'], [data-material='translucent']) &::after,
+  &:where([data-panel-background='translucent'], [data-material='translucent'])::after {
+    box-shadow: inset 1px 0 0 0 var(--gray-a6);
+  }
+}
+
+/* Ghost variant in normal mode has no border */
+.rt-AppBar:where(.rt-variant-ghost:not([data-floating]))::after {
+  box-shadow: none;
+}
+
+/* Soft variant in normal mode has no border */
+.rt-AppBar:where(.rt-variant-soft:not([data-floating]))::after {
+  box-shadow: none;
+}
+
+/* * * * * * * * * * * * * * * * * * * */
+/*                                     */
+/*            Floating mode            */
+/*            Full card treatment      */
+/*                                     */
+/* * * * * * * * * * * * * * * * * * * */
+
+/* Floating mode: margin controlled via offset prop in JS */
+/* Inherits Card's border-radius (not overridden like inset mode) */
+
+/* * * * * * * * * * * * * * * * * * * */
+/*                                     */
+/*           Title truncation          */
+/*                                     */
+/* * * * * * * * * * * * * * * * * * * */
+
+.rt-AppBarTitle {
+  /* Ensure title can truncate within flex container */
+  min-width: 0;
+  flex-shrink: 1;
+}
+
+/* * * * * * * * * * * * * * * * * * * */
+/*                                     */
+/*         Section alignment           */
+/*                                     */
+/* * * * * * * * * * * * * * * * * * * */
+
+.rt-AppBarSection {
+  min-width: 0;
+}
+
+.rt-AppBarLeft {
+  grid-column: 1;
+  justify-self: start;
+}
+
+.rt-AppBarCenter {
+  grid-column: 2;
+  justify-self: center;
+}
+
+/* Ensure Right always stays in the right column */
+.rt-AppBarRight {
+  grid-column: 3;
+  justify-self: end;
+}
+
+/* Vertical app bar section alignment */
+.rt-AppBar:where([data-anchor='left'], [data-anchor='right']) .rt-AppBarLeft {
+  align-self: start;
+  justify-self: center;
+}
+
+.rt-AppBar:where([data-anchor='left'], [data-anchor='right']) .rt-AppBarCenter {
+  align-self: center;
+  justify-self: center;
+}
+
+.rt-AppBar:where([data-anchor='left'], [data-anchor='right']) .rt-AppBarRight {
+  align-self: end;
+  justify-self: center;
+}

package/src/components/app-bar.tsx

@@ -0,0 +1,256 @@
+import * as React from 'react';
+import classNames from 'classnames';
+
+import { Card } from './card.js';
+import { Flex } from './flex.js';
+import { Heading } from './heading.js';
+
+import type { CardProps } from './card.js';
+import type { FlexProps } from './flex.js';
+
+// ============================================================================
+// AppBar Root
+// ============================================================================
+
+type AppBarRootElement = React.ElementRef<'div'>;
+type Anchor = 'top' | 'bottom' | 'left' | 'right';
+type SpaceScale = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
+
+interface AppBarRootProps extends Omit<CardProps, 'asChild'> {
+  /**
+   * Which edge to anchor to. Sets position: sticky and the appropriate edge.
+   * @default "top"
+   */
+  anchor?: Anchor;
+  /**
+   * Floating mode adds margin from edges for a detached look with absolute positioning.
+   * When false (default), uses inset mode with negative margins to go edge-to-edge inside Cards.
+   * @default false
+   */
+  floating?: boolean;
+  /**
+   * Margin offset from edges when floating. Uses space scale values.
+   * @default "2"
+   */
+  offset?: SpaceScale;
+}
+
+/**
+ * An app bar: the band anchored to one edge of a pane, with left, center and right sections
+ * and a title. It publishes its height (or width) to its parent as `--rt-app-bar-height`
+ * (`--rt-app-bar-width`) so content can pad itself clear of it.
+ *
+ * This component was called `Toolbar` until 0.11.0. It is not a `role="toolbar"`: for a row of
+ * controls with one tab stop and arrow-key navigation, use `Toolbar`.
+ */
+const AppBarRoot = React.forwardRef<AppBarRootElement, AppBarRootProps>(
+  (props, forwardedRef) => {
+    const {
+      anchor = 'top',
+      floating = false,
+      offset = '2',
+      size = '1',
+      variant = 'ghost',
+      material,
+      className,
+      style,
+      children,
+      ...restProps
+    } = props;
+
+    const isHorizontal = anchor === 'top' || anchor === 'bottom';
+    const internalRef = React.useRef<HTMLDivElement>(null);
+
+    // Merge refs
+    const mergedRef = React.useCallback(
+      (node: HTMLDivElement | null) => {
+        (internalRef as React.MutableRefObject<HTMLDivElement | null>).current = node;
+        if (typeof forwardedRef === 'function') {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
+      [forwardedRef],
+    );
+
+    // Expose height/width as CSS variable on parent element
+    React.useEffect(() => {
+      const element = internalRef.current;
+      if (!element) return;
+
+      const parent = element.parentElement;
+      if (!parent) return;
+
+      const update = () => {
+        let dimension = isHorizontal ? element.offsetHeight : element.offsetWidth;
+
+        // For floating mode, include the margin in the total space
+        if (floating) {
+          const computedStyle = getComputedStyle(element);
+          const margin = parseFloat(computedStyle.marginTop) || 0;
+          dimension += margin * 2;
+        }
+
+        // `--rt-toolbar-*` are the names this bar published while it was called Toolbar.
+        // They are still written so existing layouts keep their offset; prefer `--rt-app-bar-*`.
+        if (isHorizontal) {
+          parent.style.setProperty('--rt-app-bar-height', `${dimension}px`);
+          parent.style.setProperty('--rt-toolbar-height', `${dimension}px`);
+        } else {
+          parent.style.setProperty('--rt-app-bar-width', `${dimension}px`);
+          parent.style.setProperty('--rt-toolbar-width', `${dimension}px`);
+        }
+      };
+
+      update();
+
+      const resizeObserver = new ResizeObserver(update);
+      resizeObserver.observe(element);
+
+      return () => resizeObserver.disconnect();
+    }, [isHorizontal, floating]);
+
+    const computedStyle = floating
+      ? { margin: `var(--space-${offset})`, ...style }
+      : style;
+
+    return (
+      <Card
+        ref={mergedRef}
+        size={size}
+        variant={variant}
+        material={material}
+        data-anchor={anchor}
+        data-floating={floating || undefined}
+        className={classNames('rt-AppBar', className)}
+        style={computedStyle}
+        {...restProps}
+      >
+        <div className="rt-AppBarInner">
+          {children}
+        </div>
+      </Card>
+    );
+  },
+);
+AppBarRoot.displayName = 'AppBar.Root';
+
+// ============================================================================
+// AppBar Left (for horizontal) / Start (alias)
+// ============================================================================
+
+type AppBarSectionElement = React.ElementRef<'div'>;
+type AppBarSectionProps = FlexProps;
+
+const AppBarLeft = React.forwardRef<AppBarSectionElement, AppBarSectionProps>(
+  ({ gap = '2', align = 'center', className, children, ...props }, forwardedRef) => (
+    <Flex
+      ref={forwardedRef}
+      align={align}
+      gap={gap}
+      className={classNames('rt-AppBarSection', 'rt-AppBarLeft', className)}
+      {...props}
+    >
+      {children}
+    </Flex>
+  ),
+);
+AppBarLeft.displayName = 'AppBar.Left';
+
+// ============================================================================
+// AppBar Center
+// ============================================================================
+
+const AppBarCenter = React.forwardRef<AppBarSectionElement, AppBarSectionProps>(
+  ({ gap = '2', align = 'center', justify = 'center', className, children, ...props }, forwardedRef) => (
+    <Flex
+      ref={forwardedRef}
+      align={align}
+      justify={justify}
+      gap={gap}
+      className={classNames('rt-AppBarSection', 'rt-AppBarCenter', className)}
+      {...props}
+    >
+      {children}
+    </Flex>
+  ),
+);
+AppBarCenter.displayName = 'AppBar.Center';
+
+// ============================================================================
+// AppBar Right (for horizontal) / End (alias)
+// ============================================================================
+
+const AppBarRight = React.forwardRef<AppBarSectionElement, AppBarSectionProps>(
+  ({ gap = '2', align = 'center', justify = 'end', className, children, ...props }, forwardedRef) => (
+    <Flex
+      ref={forwardedRef}
+      align={align}
+      justify={justify}
+      gap={gap}
+      className={classNames('rt-AppBarSection', 'rt-AppBarRight', className)}
+      {...props}
+    >
+      {children}
+    </Flex>
+  ),
+);
+AppBarRight.displayName = 'AppBar.Right';
+
+// ============================================================================
+// AppBar Title
+// ============================================================================
+
+type AppBarTitleElement = React.ElementRef<typeof Heading>;
+type AppBarTitleProps = React.ComponentPropsWithoutRef<typeof Heading>;
+
+const AppBarTitle = React.forwardRef<AppBarTitleElement, AppBarTitleProps>(
+  ({ className, size = '2', weight = 'medium', truncate = true, children, ...props }, forwardedRef) => (
+    <Heading
+      ref={forwardedRef}
+      size={size}
+      weight={weight}
+      truncate={truncate}
+      className={classNames('rt-AppBarTitle', className)}
+      {...props}
+    >
+      {children}
+    </Heading>
+  ),
+);
+AppBarTitle.displayName = 'AppBar.Title';
+
+// ============================================================================
+// Exports
+// ============================================================================
+
+const AppBar = AppBarRoot as typeof AppBarRoot & {
+  Root: typeof AppBarRoot;
+  Left: typeof AppBarLeft;
+  Center: typeof AppBarCenter;
+  Right: typeof AppBarRight;
+  Title: typeof AppBarTitle;
+};
+
+AppBar.Root = AppBarRoot;
+AppBar.Left = AppBarLeft;
+AppBar.Center = AppBarCenter;
+AppBar.Right = AppBarRight;
+AppBar.Title = AppBarTitle;
+
+export {
+  AppBar,
+  AppBarRoot as Root,
+  AppBarLeft as Left,
+  AppBarCenter as Center,
+  AppBarRight as Right,
+  AppBarTitle as Title,
+};
+export type {
+  AppBarRootProps as RootProps,
+  AppBarSectionProps as LeftProps,
+  AppBarSectionProps as CenterProps,
+  AppBarSectionProps as RightProps,
+  AppBarTitleProps as TitleProps,
+};

package/src/components/index.css

@@ -57,6 +57,8 @@
 @import './text-area.css';
 @import './text-field.css';
 @import './theme-panel.css';
+/* AppBar keeps the place its old toolbar.css had: it extends Card and must come after card.css */
+@import './app-bar.css';
 @import './toolbar.css';
 @import './tooltip.css';
 @import './user-card.css';

package/src/components/index.tsx

@@ -1,6 +1,7 @@
 export { AccessibleIcon, type AccessibleIconProps } from './accessible-icon.js';
 export * as Accordion from './accordion.js';
 export * as AlertDialog from './alert-dialog.js';
+export { AppBar } from './app-bar.js';
 export { AspectRatio, type AspectRatioProps } from './aspect-ratio.js';
 export { Avatar, type AvatarProps } from './avatar.js';
 export { Badge, type BadgeProps } from './badge.js';
@@ -71,7 +72,18 @@ export {
 export { Theme, ThemeContext, type ThemeContextValue, type ThemeProps, useThemeContext } from './theme.js';
 export { ToggleButton, type ToggleButtonProps } from './toggle-button.js';
 export { ToggleIconButton, type ToggleIconButtonProps } from './toggle-icon-button.js';
-export { Toolbar } from './toolbar.js';
+export {
+  Toolbar,
+  ToolbarGroup,
+  ToolbarButton,
+  ToolbarSeparator,
+  ToolbarTitle,
+  type ToolbarProps,
+  type ToolbarGroupProps,
+  type ToolbarButtonProps,
+  type ToolbarSeparatorProps,
+  type ToolbarTitleProps,
+} from './toolbar.js';
 export { Tooltip, type TooltipProps } from './tooltip.js';
 export { UserCard, type UserCardProps } from './user-card.js';
 export { VirtualMenu, type VirtualMenuProps, type VirtualMenuItemProps, type VirtualMenuRenderItemProps } from './virtual-menu.js';