@womp/kookie-ui 0.23.0 → 0.24.0

package/dist/esm/hooks/use-scroll-edges.d.ts

@@ -1,7 +1,9 @@
 import * as React from 'react';
 /**
- * Publishes how much content is hidden past each block edge of a scroller, as
- * `--scroll-overflow-start` and `--scroll-overflow-end` (px) on the element.
+ * Publishes how much content is hidden past each edge of a scroller, as
+ * `--scroll-overflow-start` and `--scroll-overflow-end` (block axis) and
+ * `--scroll-overflow-x-start` and `--scroll-overflow-x-end` (inline axis, from
+ * the inline start, so right-to-left reads the same) in px on the element.
  * The scroll fade reads them, so an edge fades only while content is hidden
  * there, and the fade ramps in over the first pixels of scrolling.
  *

package/dist/esm/hooks/use-scroll-edges.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-scroll-edges.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-scroll-edges.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,OAAO,EAAE,OAAO,kDAkCrE"}
+{"version":3,"file":"use-scroll-edges.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-scroll-edges.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,OAAO,EAAE,OAAO,kDAyCrE"}

package/dist/esm/hooks/use-scroll-edges.js

@@ -1,2 +1,2 @@
-import{a}from"../chunk-5BWLY27A.js";import"../chunk-OS3FCYZY.js";export{a as useScrollEdges};
+import{a}from"../chunk-CN6F4REJ.js";import"../chunk-OS3FCYZY.js";export{a as useScrollEdges};
 //# sourceMappingURL=use-scroll-edges.js.map

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-import"./chunk-2KZ4NI3X.js";import{a as qo,b as so}from"./chunk-HT7RFHLW.js";import{a as lo,b as no}from"./chunk-IUER6BNH.js";import"./chunk-MYYXOFU5.js";import{b as xo,c as ao,d as bo,e as co,f as go}from"./chunk-Q6MFPATL.js";import{c as fo}from"./chunk-FFG32ERA.js";import"./chunk-LXTGEI62.js";import{a as to}from"./chunk-BOL3VVSN.js";import{a as po}from"./chunk-BE7LMBBC.js";import{a as mo}from"./chunk-SUPFDIJL.js";import"./chunk-KL73COYX.js";import{a as $}from"./chunk-YEHM3FZN.js";import"./chunk-YHYPIJCR.js";import{h as oo}from"./chunk-DBROSD2J.js";import"./chunk-YXLDRDHW.js";import{e as ro}from"./chunk-KS4U4VPH.js";import"./chunk-TZTUPQYK.js";import{a as eo}from"./chunk-XKSU3NLG.js";import"./chunk-LUNWI377.js";import{h as io}from"./chunk-FHPHEIYJ.js";import{l as ho}from"./chunk-6RK26HIY.js";import{a as _}from"./chunk-GLV7VGBH.js";import"./chunk-PJR6GRZC.js";import{c as X}from"./chunk-6CK7UTNH.js";import{h as Y}from"./chunk-NQDMTOGB.js";import"./chunk-HCBR74BW.js";import{a as Z}from"./chunk-LHIS3UKQ.js";import"./chunk-3QZBWH2A.js";import{g as jo}from"./chunk-YZM54IJE.js";import"./chunk-I53SGTKV.js";import"./chunk-MGQ4A2FI.js";import"./chunk-CLZW2IDD.js";import{a as S}from"./chunk-XEZXKPLE.js";import{a as T}from"./chunk-7SS4UUJH.js";import"./chunk-SKOYHBIE.js";import{c as U}from"./chunk-VVWYAVHM.js";import"./chunk-FVY44PTM.js";import{a as V}from"./chunk-THUBY6L2.js";import"./chunk-STPMPY3X.js";import{a as W}from"./chunk-XTDXXQTB.js";import{a as Q}from"./chunk-PSPENFPH.js";import"./chunk-3BUQ7ADW.js";import{i as ko}from"./chunk-ZEX2DECM.js";import{e as R}from"./chunk-EMNSA65L.js";import"./chunk-7ZOGH5NT.js";import{a as P}from"./chunk-M7I6ISPL.js";import"./chunk-EZYXYLR2.js";import{g as M}from"./chunk-QOHJIF25.js";import{a as L}from"./chunk-MHANZINI.js";import{o as N}from"./chunk-3JA7SJDT.js";import"./chunk-WOR3JCLX.js";import{a as O}from"./chunk-63PQNLFJ.js";import"./chunk-IAEAXIBI.js";import{a as F}from"./chunk-DSPYHO3L.js";import"./chunk-IDOZJVO6.js";import{a as G}from"./chunk-ZNDCZM5A.js";import"./chunk-X4A3XRBY.js";import{l as I}from"./chunk-6DDOR73D.js";import{g as H}from"./chunk-FDHWAC6W.js";import"./chunk-VW46DG7H.js";import"./chunk-25FNCKUM.js";import{n as K}from"./chunk-E2D2VWUI.js";import{a as J}from"./chunk-BEP4AH5V.js";import"./chunk-YIK4ACXS.js";import"./chunk-OA7C34MJ.js";import{a as s}from"./chunk-4BU4R7UM.js";import"./chunk-OSSNMF5U.js";import{m as C}from"./chunk-FYT7TYGS.js";import{b as z,c as A}from"./chunk-L2R62BOB.js";import{a as B}from"./chunk-AGAQC4HH.js";import{c as D}from"./chunk-23KT3D2Z.js";import"./chunk-V32EP3S7.js";import"./chunk-VPSMETY2.js";import{a as E}from"./chunk-HKPXDQ2B.js";import{a as u,b as v,c as w,d as y}from"./chunk-IX5HIHVI.js";import"./chunk-UICSVJ3B.js";import{a as i}from"./chunk-ZJI2IK7C.js";import"./chunk-Y3JYEEFB.js";import{a as j}from"./chunk-FJFBM7HW.js";import{a as k}from"./chunk-Q4IA622Q.js";import"./chunk-BIITGC3Z.js";import{a as q}from"./chunk-QGCXTULQ.js";import{a as n}from"./chunk-2N2AQNJH.js";import{a as l}from"./chunk-KT2CMUS5.js";import"./chunk-H3IAGAEL.js";import"./chunk-NNZTSXKH.js";import{a as t}from"./chunk-ERNM3KVF.js";import{f as x}from"./chunk-HIKMKGPT.js";import"./chunk-OY5NT7VT.js";import{h}from"./chunk-7ESWH773.js";import{a}from"./chunk-MPTTUBFU.js";import"./chunk-LVCUY2OS.js";import"./chunk-MJJ7XDIP.js";import{a as c,b as d,c as g}from"./chunk-PPZY7PJA.js";import"./chunk-PN3RQFSU.js";import"./chunk-F22ZRNWL.js";import"./chunk-DCNHG6VN.js";import{a as b}from"./chunk-4P6TKZCA.js";import"./chunk-XZQSSRTG.js";import"./chunk-WTCZAUFY.js";import"./chunk-VCV7RACK.js";import"./chunk-KEWNXANF.js";import"./chunk-VS2ZWRGO.js";import"./chunk-SBRPXQWH.js";import"./chunk-SJXV4BWZ.js";import"./chunk-N6KH2EOU.js";import"./chunk-DFGY2NZB.js";import"./chunk-FNAE6HUI.js";import"./chunk-3KQE2PSJ.js";import"./chunk-AB3QCCUM.js";import{a as p}from"./chunk-R4XJNQX5.js";import"./chunk-IWCFJJBI.js";import"./chunk-UONSKZQT.js";import"./chunk-5BWLY27A.js";import"./chunk-PS6NEG5A.js";import"./chunk-OJQNLROL.js";import"./chunk-JBHRV364.js";import"./chunk-3J6AUDID.js";import"./chunk-7CUQMU3T.js";import"./chunk-5ROQAZ7J.js";import"./chunk-3PTKPDSA.js";import"./chunk-VXQQ6KXI.js";import"./chunk-2LYX5S7H.js";import"./chunk-HWQ3NTJP.js";import"./chunk-XRCMPBAY.js";import{a as f}from"./chunk-UE3HATOA.js";import"./chunk-HIEGLLY7.js";import{a as e}from"./chunk-BJUCBOGU.js";import"./chunk-KKMOGHIY.js";import"./chunk-NA237RHQ.js";import"./chunk-7FTUTUMD.js";import"./chunk-YLDV2HKZ.js";import"./chunk-P7VSZYG3.js";import{b as o,c as r}from"./chunk-FWB47YCH.js";import"./chunk-3YLYGKFB.js";import"./chunk-NUVUXNHF.js";import"./chunk-EKTVL6SS.js";import"./chunk-BWLCTTTN.js";import"./chunk-KRJTW535.js";import"./chunk-DNOQ6E3W.js";import"./chunk-3XHTJZNP.js";import"./chunk-KZEZDBE7.js";import{a as m}from"./chunk-RWTSGUVJ.js";import"./chunk-RAVZ7F5L.js";import"./chunk-TBZO22XK.js";import"./chunk-5YLKKQFK.js";import"./chunk-ELAW7ZUG.js";import"./chunk-E23RKOQJ.js";import"./chunk-PBFSBHBS.js";import"./chunk-WRWNN2NW.js";import"./chunk-RZCX6IBE.js";import"./chunk-QM3RCK5P.js";import"./chunk-AX5S56DS.js";import"./chunk-NZJGC6ZW.js";import"./chunk-GNTNGLYR.js";import"./chunk-ETQNRMHU.js";import"./chunk-CUNKWFKA.js";import"./chunk-2E4P5XQL.js";import"./chunk-OS3FCYZY.js";export{lo as APPEARANCE_STORAGE_KEY,t as AccessibleIcon,x as Accordion,h as AlertDialog,i as Avatar,j as Blockquote,k as Box,q as Button,s as Card,C as Chatbar,E as Checkbox,D as CheckboxGroup,w as ChevronDownIcon,F as Chip,G as Code,I as Combobox,A as Confirmation,K as ContextMenu,M as Dialog,N as DropdownMenu,e as Flex,O as Grid,a as Heading,P as Image,m as Kbd,Q as Link,ko as MessageScroller,R as Navbar,z as Notice,H as Popover,S as Portal,T as Progress,V as Radio,U as RadioGroup,W as Reset,p as ScrollArea,X as SegmentedControl,Y as Select,Z as Separator,jo as Sheet,io as Shell,ho as Sidebar,_ as Slider,o as Slot,r as Slottable,f as Spinner,$ as Switch,oo as Table,ro as Tabs,b as Text,eo as TextArea,fo as TextField,g as Theme,c as ThemeContext,v as ThickCheckIcon,y as ThickChevronRightIcon,u as ThickDividerHorizontalIcon,to as Toggle,go as Toolbar,ao as ToolbarButton,xo as ToolbarGroup,bo as ToolbarSeparator,co as ToolbarTitle,l as Tooltip,J as VirtualMenu,B as VisuallyHidden,no as appearanceScript,qo as setAppearance,so as useAppearance,L as useBodyPointerEventsCleanup,mo as useLiveAnnouncer,d as useThemeContext,po as useToggleState,n as useTooltipWrapper};
+import"./chunk-2KZ4NI3X.js";import{a as vo}from"./chunk-BE7LMBBC.js";import{a as wo,b as yo}from"./chunk-HT7RFHLW.js";import{a as qo,b as so}from"./chunk-IUER6BNH.js";import{a as uo}from"./chunk-SUPFDIJL.js";import"./chunk-MYYXOFU5.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-KA5UE2VN.js";import{c as fo}from"./chunk-N3WBEQWL.js";import"./chunk-LXTGEI62.js";import{a as mo}from"./chunk-4QKZYCCH.js";import"./chunk-KL73COYX.js";import{a as $}from"./chunk-YEHM3FZN.js";import"./chunk-YHYPIJCR.js";import{h as oo}from"./chunk-TXQZ5HLV.js";import"./chunk-YXLDRDHW.js";import{e as ro}from"./chunk-CMHUK7OG.js";import"./chunk-TZTUPQYK.js";import{a as eo}from"./chunk-WMVR2XBR.js";import"./chunk-LUNWI377.js";import{h as ko}from"./chunk-VUNCI6A6.js";import{l as jo}from"./chunk-3WE4E2WQ.js";import{a as _}from"./chunk-KVHKPUZ2.js";import"./chunk-PJR6GRZC.js";import{c as X}from"./chunk-PDMCLVYT.js";import{h as Y}from"./chunk-GPOCLDBR.js";import"./chunk-HCBR74BW.js";import{a as Z}from"./chunk-DUTZUWZP.js";import"./chunk-3QZBWH2A.js";import{g as lo}from"./chunk-RKZVXVBN.js";import"./chunk-I53SGTKV.js";import"./chunk-MGQ4A2FI.js";import"./chunk-CLZW2IDD.js";import{a as S}from"./chunk-XEZXKPLE.js";import{a as T}from"./chunk-P2MV6HLA.js";import"./chunk-SKOYHBIE.js";import{c as U}from"./chunk-VVWYAVHM.js";import"./chunk-FVY44PTM.js";import{a as V}from"./chunk-THUBY6L2.js";import"./chunk-STPMPY3X.js";import{a as W}from"./chunk-XTDXXQTB.js";import{a as Q}from"./chunk-PSPENFPH.js";import"./chunk-3BUQ7ADW.js";import{i as no}from"./chunk-PM6QY3JO.js";import{e as R}from"./chunk-H5BYPX6V.js";import"./chunk-7ZOGH5NT.js";import{a as P}from"./chunk-M7I6ISPL.js";import"./chunk-EZYXYLR2.js";import{g as M}from"./chunk-FDJV5RXX.js";import{a as L}from"./chunk-MHANZINI.js";import{o as N}from"./chunk-432YLNB3.js";import"./chunk-WOR3JCLX.js";import{a as O}from"./chunk-63PQNLFJ.js";import"./chunk-IAEAXIBI.js";import{a as F}from"./chunk-PALE5UWK.js";import"./chunk-IDOZJVO6.js";import{a as G}from"./chunk-W6BN5QLH.js";import"./chunk-X4A3XRBY.js";import{l as I}from"./chunk-G4ETY2NP.js";import"./chunk-YIK4ACXS.js";import{g as H}from"./chunk-FDHWAC6W.js";import"./chunk-VW46DG7H.js";import"./chunk-25FNCKUM.js";import{n as K}from"./chunk-3VTS4C63.js";import{a as J}from"./chunk-3XUY5WFA.js";import"./chunk-OA7C34MJ.js";import{a as y}from"./chunk-4BU4R7UM.js";import"./chunk-OSSNMF5U.js";import{m as C}from"./chunk-WG5ORTIW.js";import{b as z,c as A}from"./chunk-I4FLQELQ.js";import{a as B}from"./chunk-AGAQC4HH.js";import{c as D}from"./chunk-G2JD52O5.js";import"./chunk-JYQGCXXI.js";import"./chunk-VPSMETY2.js";import{a as E}from"./chunk-NC3CJUE3.js";import"./chunk-UICSVJ3B.js";import{a as n}from"./chunk-BGAJ2MDF.js";import"./chunk-CHPT42BY.js";import{a as q}from"./chunk-GYP66ZK2.js";import"./chunk-S6GWR6EZ.js";import{a as s}from"./chunk-Q4IA622Q.js";import"./chunk-BIITGC3Z.js";import{a as w}from"./chunk-KEGCX5VM.js";import{a as v}from"./chunk-2N2AQNJH.js";import{a as u}from"./chunk-KT2CMUS5.js";import"./chunk-H3IAGAEL.js";import"./chunk-WX7SX5BN.js";import{a as c}from"./chunk-ERNM3KVF.js";import{f as d}from"./chunk-UKASIY6M.js";import"./chunk-OY5NT7VT.js";import{h as l}from"./chunk-XOACTIBL.js";import{a as g}from"./chunk-MPTTUBFU.js";import"./chunk-LVCUY2OS.js";import"./chunk-MJJ7XDIP.js";import{a as i,b as j,c as k}from"./chunk-PPZY7PJA.js";import"./chunk-PN3RQFSU.js";import"./chunk-F22ZRNWL.js";import"./chunk-DCNHG6VN.js";import{a as h}from"./chunk-4P6TKZCA.js";import"./chunk-XZQSSRTG.js";import"./chunk-WTCZAUFY.js";import"./chunk-VCV7RACK.js";import"./chunk-KEWNXANF.js";import"./chunk-VS2ZWRGO.js";import"./chunk-SBRPXQWH.js";import"./chunk-SJXV4BWZ.js";import"./chunk-N6KH2EOU.js";import"./chunk-DFGY2NZB.js";import"./chunk-FNAE6HUI.js";import"./chunk-V5O3TF57.js";import"./chunk-4ZOVV3TY.js";import{a as b}from"./chunk-3XZOE2IQ.js";import"./chunk-IWCFJJBI.js";import"./chunk-UONSKZQT.js";import"./chunk-CN6F4REJ.js";import"./chunk-PS6NEG5A.js";import"./chunk-UY6WJUNA.js";import"./chunk-VUPIJNG2.js";import"./chunk-3J6AUDID.js";import"./chunk-7CUQMU3T.js";import"./chunk-5ROQAZ7J.js";import"./chunk-3PTKPDSA.js";import"./chunk-VXQQ6KXI.js";import"./chunk-2LYX5S7H.js";import"./chunk-HWQ3NTJP.js";import"./chunk-4R5EMVB3.js";import{a as f}from"./chunk-H5G7UECV.js";import"./chunk-HIEGLLY7.js";import{a as e}from"./chunk-BJUCBOGU.js";import"./chunk-KKMOGHIY.js";import"./chunk-NA237RHQ.js";import"./chunk-7FTUTUMD.js";import"./chunk-YLDV2HKZ.js";import"./chunk-P7VSZYG3.js";import{a as m,b as p,c as t,d as x}from"./chunk-62ZGP4ET.js";import{b as o,c as r}from"./chunk-FWB47YCH.js";import"./chunk-3YLYGKFB.js";import"./chunk-NUVUXNHF.js";import"./chunk-EKTVL6SS.js";import"./chunk-BWLCTTTN.js";import"./chunk-KRJTW535.js";import"./chunk-DNOQ6E3W.js";import"./chunk-3XHTJZNP.js";import"./chunk-KZEZDBE7.js";import{a}from"./chunk-RWTSGUVJ.js";import"./chunk-RAVZ7F5L.js";import"./chunk-TBZO22XK.js";import"./chunk-5YLKKQFK.js";import"./chunk-ELAW7ZUG.js";import"./chunk-E23RKOQJ.js";import"./chunk-PBFSBHBS.js";import"./chunk-WRWNN2NW.js";import"./chunk-RZCX6IBE.js";import"./chunk-QM3RCK5P.js";import"./chunk-AX5S56DS.js";import"./chunk-NZJGC6ZW.js";import"./chunk-GNTNGLYR.js";import"./chunk-ETQNRMHU.js";import"./chunk-CUNKWFKA.js";import"./chunk-2E4P5XQL.js";import"./chunk-OS3FCYZY.js";export{qo as APPEARANCE_STORAGE_KEY,c as AccessibleIcon,d as Accordion,l as AlertDialog,n as Avatar,q as Blockquote,s as Box,w as Button,y as Card,C as Chatbar,E as Checkbox,D as CheckboxGroup,t as ChevronDownIcon,F as Chip,G as Code,I as Combobox,A as Confirmation,K as ContextMenu,M as Dialog,N as DropdownMenu,e as Flex,O as Grid,g as Heading,P as Image,a as Kbd,Q as Link,no as MessageScroller,R as Navbar,z as Notice,H 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,lo as Sheet,ko as Shell,jo as Sidebar,_ as Slider,o as Slot,r as Slottable,f as Spinner,$ as Switch,oo as Table,ro as Tabs,h as Text,eo as TextArea,fo as TextField,k as Theme,i 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,u as Tooltip,J as VirtualMenu,B as VisuallyHidden,so as appearanceScript,wo as setAppearance,yo as useAppearance,L as useBodyPointerEventsCleanup,uo as useLiveAnnouncer,j as useThemeContext,vo as useToggleState,po as useToolbarOverflow,v as useTooltipWrapper};
 //# sourceMappingURL=index.js.map

package/dist/esm/props/index.js

@@ -1,2 +1,2 @@
-import{a as lo}from"../chunk-677CX2QF.js";import{a as jo,b as ko}from"../chunk-LXTGEI62.js";import{a as xo}from"../chunk-YHYPIJCR.js";import{a as ao,b as bo,c as co}from"../chunk-YXLDRDHW.js";import{a as go,b as ho}from"../chunk-TZTUPQYK.js";import{a as io}from"../chunk-LUNWI377.js";import{a as to}from"../chunk-PJR6GRZC.js";import{a as eo,b as fo,c as mo}from"../chunk-HCBR74BW.js";import{a as po}from"../chunk-3QZBWH2A.js";import{a as ro}from"../chunk-CLZW2IDD.js";import{a as $}from"../chunk-SKOYHBIE.js";import{a as oo}from"../chunk-FVY44PTM.js";import"../chunk-STPMPY3X.js";import{a as _}from"../chunk-3BUQ7ADW.js";import"../chunk-WOR3JCLX.js";import{a as Z}from"../chunk-IAEAXIBI.js";import{a as W}from"../chunk-IDOZJVO6.js";import{a as X}from"../chunk-X4A3XRBY.js";import{a as Y}from"../chunk-VW46DG7H.js";import"../chunk-OA7C34MJ.js";import{a as U}from"../chunk-OSSNMF5U.js";import{a as V}from"../chunk-VPSMETY2.js";import"../chunk-UICSVJ3B.js";import{a as Q}from"../chunk-Y3JYEEFB.js";import{a as R}from"../chunk-S6GWR6EZ.js";import{a as S}from"../chunk-BIITGC3Z.js";import"../chunk-6DWDNKLS.js";import{a as T}from"../chunk-H3IAGAEL.js";import{a as N}from"../chunk-LVCUY2OS.js";import{a as P}from"../chunk-DCNHG6VN.js";import{a as O}from"../chunk-XZQSSRTG.js";import{a as J}from"../chunk-WTCZAUFY.js";import"../chunk-VCV7RACK.js";import{a as I}from"../chunk-KEWNXANF.js";import{a as G,b as H}from"../chunk-VS2ZWRGO.js";import{a as K}from"../chunk-SBRPXQWH.js";import{a as L}from"../chunk-SJXV4BWZ.js";import{a as M}from"../chunk-N6KH2EOU.js";import{a as F}from"../chunk-DFGY2NZB.js";import{a as E}from"../chunk-FNAE6HUI.js";import{a as D}from"../chunk-UONSKZQT.js";import{a as n}from"../chunk-HIEGLLY7.js";import{a as l}from"../chunk-KKMOGHIY.js";import{a as k}from"../chunk-NA237RHQ.js";import{a as i}from"../chunk-7FTUTUMD.js";import{a as j}from"../chunk-YLDV2HKZ.js";import{a as d}from"../chunk-P7VSZYG3.js";import{a as g}from"../chunk-NUVUXNHF.js";import{a as h}from"../chunk-EKTVL6SS.js";import{a}from"../chunk-BWLCTTTN.js";import{a as t,b as x}from"../chunk-KRJTW535.js";import{a as q}from"../chunk-DNOQ6E3W.js";import{a as s,b as u,c as v,d as w,e as y,f as z}from"../chunk-3XHTJZNP.js";import{a as A}from"../chunk-RAVZ7F5L.js";import{a as b,b as c}from"../chunk-WRWNN2NW.js";import{a as o}from"../chunk-NZJGC6ZW.js";import{a as B}from"../chunk-GNTNGLYR.js";import{a as C}from"../chunk-ETQNRMHU.js";import{a as r,b as e,c as f,d as m,e as p}from"../chunk-CUNKWFKA.js";import"../chunk-OS3FCYZY.js";export{m as accentColorPropDef,r as accentColors,F as alertDialogContentPropDefs,o as asChildPropDef,Q as avatarPropDefs,R as blockquotePropDefs,S as boxPropDefs,c as breakpointSet,b as breakpoints,a as buttonPropDefs,U as cardPropDefs,V as checkboxGroupRootPropDefs,q as checkboxPropDefs,W as chipPropDefs,X as codePropDefs,f as colorPropDef,y as contextMenuCheckboxItemPropDefs,v as contextMenuContentPropDefs,w as contextMenuItemPropDefs,z as contextMenuRadioItemPropDefs,v as contextMenuSubContentPropDefs,E as dialogContentPropDefs,y as dropdownMenuCheckboxItemPropDefs,u as dropdownMenuContentPropDefs,w as dropdownMenuItemPropDefs,z as dropdownMenuRadioItemPropDefs,v as dropdownMenuSubContentPropDefs,G as emphases,H as emphasisPropDef,l as flexPropDefs,k as gapPropDefs,p as grayAccentColorPropDef,e as grayColors,Z as gridPropDefs,N as headingPropDefs,g as heightPropDefs,A as kbdPropDefs,i as layoutPropDefs,I as leadingTrimPropDef,_ as linkPropDefs,j as marginPropDefs,d as paddingPropDefs,Y as popoverContentPropDefs,$ as progressPropDefs,t as radii,oo as radioGroupRootPropDefs,B as radioPropDefs,x as radiusPropDef,D as scrollAreaPropDefs,ro as segmentedControlRootPropDefs,mo as selectContentPropDefs,eo as selectRootPropDefs,fo as selectTriggerPropDefs,po as separatorPropDefs,lo as shadowPropDefs,to as sliderPropDefs,n as spinnerPropDefs,s as submenuBehaviors,xo as switchPropDefs,co as tableCellPropDefs,ao as tableRootPropDefs,bo as tableRowPropDefs,ho as tabsContentPropDefs,C as tabsListPropDefs,go as tabsRootPropDefs,J as textAlignPropDef,io as textAreaPropDefs,jo as textFieldRootPropDefs,ko as textFieldSlotPropDefs,O as textPropDefs,K as textWrapPropDef,P as themePropDefs,T as tooltipPropDefs,L as truncatePropDef,M as weightPropDef,h as widthPropDefs};
+import{a as lo}from"../chunk-677CX2QF.js";import{a as jo,b as ko}from"../chunk-LXTGEI62.js";import{a as xo}from"../chunk-YHYPIJCR.js";import{a as ao,b as bo,c as co}from"../chunk-YXLDRDHW.js";import{a as go,b as ho}from"../chunk-TZTUPQYK.js";import{a as io}from"../chunk-LUNWI377.js";import{a as to}from"../chunk-PJR6GRZC.js";import{a as eo,b as fo,c as mo}from"../chunk-HCBR74BW.js";import{a as po}from"../chunk-3QZBWH2A.js";import{a as ro}from"../chunk-CLZW2IDD.js";import{a as $}from"../chunk-SKOYHBIE.js";import{a as oo}from"../chunk-FVY44PTM.js";import"../chunk-STPMPY3X.js";import{a as _}from"../chunk-3BUQ7ADW.js";import"../chunk-WOR3JCLX.js";import{a as Z}from"../chunk-IAEAXIBI.js";import{a as W}from"../chunk-IDOZJVO6.js";import{a as X}from"../chunk-X4A3XRBY.js";import{a as Y}from"../chunk-VW46DG7H.js";import"../chunk-OA7C34MJ.js";import{a as U}from"../chunk-OSSNMF5U.js";import{a as V}from"../chunk-VPSMETY2.js";import"../chunk-UICSVJ3B.js";import{a as Q}from"../chunk-CHPT42BY.js";import{a as R}from"../chunk-S6GWR6EZ.js";import{a as S}from"../chunk-BIITGC3Z.js";import"../chunk-6DWDNKLS.js";import{a as T}from"../chunk-H3IAGAEL.js";import{a as N}from"../chunk-LVCUY2OS.js";import{a as P}from"../chunk-DCNHG6VN.js";import{a as O}from"../chunk-XZQSSRTG.js";import{a as J}from"../chunk-WTCZAUFY.js";import"../chunk-VCV7RACK.js";import{a as I}from"../chunk-KEWNXANF.js";import{a as G,b as H}from"../chunk-VS2ZWRGO.js";import{a as K}from"../chunk-SBRPXQWH.js";import{a as L}from"../chunk-SJXV4BWZ.js";import{a as M}from"../chunk-N6KH2EOU.js";import{a as F}from"../chunk-DFGY2NZB.js";import{a as E}from"../chunk-FNAE6HUI.js";import{a as D}from"../chunk-UONSKZQT.js";import{a as n}from"../chunk-HIEGLLY7.js";import{a as l}from"../chunk-KKMOGHIY.js";import{a as k}from"../chunk-NA237RHQ.js";import{a as i}from"../chunk-7FTUTUMD.js";import{a as j}from"../chunk-YLDV2HKZ.js";import{a as d}from"../chunk-P7VSZYG3.js";import{a as g}from"../chunk-NUVUXNHF.js";import{a as h}from"../chunk-EKTVL6SS.js";import{a}from"../chunk-BWLCTTTN.js";import{a as t,b as x}from"../chunk-KRJTW535.js";import{a as q}from"../chunk-DNOQ6E3W.js";import{a as s,b as u,c as v,d as w,e as y,f as z}from"../chunk-3XHTJZNP.js";import{a as A}from"../chunk-RAVZ7F5L.js";import{a as b,b as c}from"../chunk-WRWNN2NW.js";import{a as o}from"../chunk-NZJGC6ZW.js";import{a as B}from"../chunk-GNTNGLYR.js";import{a as C}from"../chunk-ETQNRMHU.js";import{a as r,b as e,c as f,d as m,e as p}from"../chunk-CUNKWFKA.js";import"../chunk-OS3FCYZY.js";export{m as accentColorPropDef,r as accentColors,F as alertDialogContentPropDefs,o as asChildPropDef,Q as avatarPropDefs,R as blockquotePropDefs,S as boxPropDefs,c as breakpointSet,b as breakpoints,a as buttonPropDefs,U as cardPropDefs,V as checkboxGroupRootPropDefs,q as checkboxPropDefs,W as chipPropDefs,X as codePropDefs,f as colorPropDef,y as contextMenuCheckboxItemPropDefs,v as contextMenuContentPropDefs,w as contextMenuItemPropDefs,z as contextMenuRadioItemPropDefs,v as contextMenuSubContentPropDefs,E as dialogContentPropDefs,y as dropdownMenuCheckboxItemPropDefs,u as dropdownMenuContentPropDefs,w as dropdownMenuItemPropDefs,z as dropdownMenuRadioItemPropDefs,v as dropdownMenuSubContentPropDefs,G as emphases,H as emphasisPropDef,l as flexPropDefs,k as gapPropDefs,p as grayAccentColorPropDef,e as grayColors,Z as gridPropDefs,N as headingPropDefs,g as heightPropDefs,A as kbdPropDefs,i as layoutPropDefs,I as leadingTrimPropDef,_ as linkPropDefs,j as marginPropDefs,d as paddingPropDefs,Y as popoverContentPropDefs,$ as progressPropDefs,t as radii,oo as radioGroupRootPropDefs,B as radioPropDefs,x as radiusPropDef,D as scrollAreaPropDefs,ro as segmentedControlRootPropDefs,mo as selectContentPropDefs,eo as selectRootPropDefs,fo as selectTriggerPropDefs,po as separatorPropDefs,lo as shadowPropDefs,to as sliderPropDefs,n as spinnerPropDefs,s as submenuBehaviors,xo as switchPropDefs,co as tableCellPropDefs,ao as tableRootPropDefs,bo as tableRowPropDefs,ho as tabsContentPropDefs,C as tabsListPropDefs,go as tabsRootPropDefs,J as textAlignPropDef,io as textAreaPropDefs,jo as textFieldRootPropDefs,ko as textFieldSlotPropDefs,O as textPropDefs,K as textWrapPropDef,P as themePropDefs,T as tooltipPropDefs,L as truncatePropDef,M as weightPropDef,h as widthPropDefs};
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@womp/kookie-ui",
-  "version": "0.23.0",
+  "version": "0.24.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/_internal/base-button.tsx

@@ -6,6 +6,7 @@ import { useComposedRefs, useLayoutEffect } from 'radix-ui/internal';
 import { baseButtonPropDefs } from './base-button.props.js';
 import { Flex } from '../flex.js';
 import { Spinner } from '../spinner.js';
+import { TickIcon } from '../icons.js';
 import { extractProps } from '../../helpers/extract-props.js';
 import { useThemeSizeProps } from '../../helpers/theme-size.js';
 
@@ -24,7 +25,19 @@ type PolymorphicBaseButtonProps<C extends React.ElementType = 'button'> = {
   /** Element type to render as (e.g., 'a', 'span', etc.) */
   as?: C;
 } & BaseButtonOwnProps &
-  ComponentPropsWithout<C, RemovedProps | keyof BaseButtonOwnProps | 'as'>;
+  BaseButtonDoneProps &
+  ComponentPropsWithout<C, RemovedProps | keyof BaseButtonOwnProps | 'as' | 'done'>;
+
+interface BaseButtonDoneProps {
+  /**
+   * Shows a tick in place of the icon to say that the action finished. The tick takes the
+   * icon's box, so nothing moves, and the icon comes back as soon as `done` is false again. On
+   * an `iconOnly` button the tick replaces the content. It doesn't block the press. Screen
+   * readers don't announce the tick, so also change the label or `aria-label` (for example,
+   * `Copy` to `Copied`).
+   */
+  done?: boolean;
+}
 
 /**
  * BaseButton props interface that combines all available props
@@ -67,6 +80,7 @@ const BaseButton = React.forwardRef<BaseButtonElement, BaseButtonProps>((ownProp
     color,
     radius,
     disabled: nativeDisabled,
+    done = false,
     ...baseButtonProps
   } = extractProps(props, baseButtonPropDefs);
 
@@ -101,13 +115,7 @@ const BaseButton = React.forwardRef<BaseButtonElement, BaseButtonProps>((ownProp
     const content =
       asChild && React.isValidElement(children) ? (children.props as { children?: React.ReactNode }).children : children;
     // Fragments are see-through: their own first and last children are the edges.
-    const flatten = (nodes: React.ReactNode): React.ReactNode[] =>
-      React.Children.toArray(nodes).flatMap((node) =>
-        React.isValidElement(node) && node.type === React.Fragment
-          ? flatten((node.props as { children?: React.ReactNode }).children)
-          : [node],
-      );
-    const items = flatten(content);
+    const items = flattenFragments(content);
     const isIcon = (node: React.ReactNode) => React.isValidElement(node) && node.type === 'svg';
     return { iconStart: isIcon(items[0]), iconEnd: isIcon(items[items.length - 1]) };
   }, [asChild, children]);
@@ -116,14 +124,35 @@ const BaseButton = React.forwardRef<BaseButtonElement, BaseButtonProps>((ownProp
   const composedRef = useComposedRefs(forwardedRef, elementRef as React.Ref<BaseButtonElement>);
   useLayoutEffect(() => {
     const element = elementRef.current;
-    // While loading the label sits in a wrapper; keep the edges read before it.
-    if (!element || loading) return;
+    // While loading the label sits in a wrapper, and while done the tick stands at the start;
+    // keep the edges read before either.
+    if (!element || loading || done) return;
     const iconStart = edgeIsSvg(element, 'start');
     const iconEnd = edgeIsSvg(element, 'end');
     setDomEdges((prev) => (prev && prev.iconStart === iconStart && prev.iconEnd === iconEnd ? prev : { iconStart, iconEnd }));
   });
   const { iconStart, iconEnd } = domEdges ?? childEdges;
 
+  // Done swaps the icon for a tick in the same place: the leading icon when there is one, the
+  // whole content on an icon-only button. Without a leading icon the tick goes before the label.
+  const iconOnly = Boolean((baseButtonProps as Record<string, unknown>)['data-icon-only']);
+  const content = React.useMemo(() => {
+    if (!done) return children;
+    const tick = <TickIcon key="kui-done-tick" className="kui-BaseButtonTick" aria-hidden />;
+    const swap = (nodes: React.ReactNode): React.ReactNode => {
+      if (iconOnly) return tick;
+      const items = flattenFragments(nodes);
+      const first = items.findIndex((node) => !(typeof node === 'string' && !node.trim()));
+      if (iconStart && first !== -1) return items.map((node, index) => (index === first ? tick : node));
+      return [tick, ...items];
+    };
+    if (asChild && React.isValidElement(children)) {
+      const element = children as React.ReactElement<{ children?: React.ReactNode }>;
+      return React.cloneElement(element, undefined, swap(element.props.children));
+    }
+    return swap(children);
+  }, [done, children, iconOnly, iconStart, asChild]);
+
   // 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)
@@ -167,6 +196,7 @@ const BaseButton = React.forwardRef<BaseButtonElement, BaseButtonProps>((ownProp
       data-radius={radius}
       data-icon-start={iconStart || undefined}
       data-icon-end={iconEnd || undefined}
+      data-done={done || undefined}
       {...baseButtonProps}
       {...accessibilityProps}
       // After the spread: `data-disabled` styles `<Button asChild disabled>`, and a wrapping
@@ -189,7 +219,7 @@ const BaseButton = React.forwardRef<BaseButtonElement, BaseButtonProps>((ownProp
            * Both are classes, not style attributes, so a loading button carries no inline style.
            */}
           <span className="kui-BaseButtonContent" aria-hidden>
-            {children}
+            {content}
           </span>
 
           {/* The label stays the name; the hidden "Loading" only describes (aria-describedby reads hidden text). */}
@@ -208,13 +238,22 @@ const BaseButton = React.forwardRef<BaseButtonElement, BaseButtonProps>((ownProp
           </Flex>
         </>
       ) : (
-        children
+        content
       )}
     </Comp>
   );
 });
 BaseButton.displayName = 'BaseButton';
 
+/** The child list with fragments opened up: a fragment's own children are the edges. */
+function flattenFragments(nodes: React.ReactNode): React.ReactNode[] {
+  return React.Children.toArray(nodes).flatMap((node) =>
+    React.isValidElement(node) && node.type === React.Fragment
+      ? flattenFragments((node.props as { children?: React.ReactNode }).children)
+      : [node],
+  );
+}
+
 /** Whether the first or last rendered node of `element` (blank text and comments skipped) is an svg. */
 function edgeIsSvg(element: Element, edge: 'start' | 'end'): boolean {
   let node = edge === 'start' ? element.firstChild : element.lastChild;

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

@@ -185,3 +185,11 @@
   margin-top: 1px;
   margin-bottom: 1px;
 }
+
+/* A sub-menu's rows are list items, so their list is a list. Zero specificity: only the UA's
+   list indent is removed. */
+:where(.kui-SidebarMenuSubList) {
+  list-style: none;
+  margin-block: 0;
+  padding: 0;
+}

package/src/components/_internal/menu-context.tsx

@@ -61,3 +61,14 @@ export function MenuProvider({ children, size }: MenuProviderProps) {
 export function useMenuContext() {
   return React.useContext(MenuContext);
 }
+
+/**
+ * Closes the whole menu from inside it. DropdownMenu.Root and ContextMenu.Root provide it,
+ * so a VirtualMenu row can close the menu on select the way a menu item does.
+ */
+const MenuCloseContext = React.createContext<(() => void) | undefined>(undefined);
+export const MenuCloseProvider = MenuCloseContext.Provider;
+
+export function useMenuClose() {
+  return React.useContext(MenuCloseContext);
+}

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

@@ -13,6 +13,7 @@ import * as React from 'react';
 import classNames from 'classnames';
 
 import { ScrollArea } from '../scroll-area.js';
+import { ShellStoreContext } from './shell-store.js';
 
 type PaneSize = '1' | '2' | '3';
 
@@ -33,6 +34,13 @@ function useSidebarVisual() {
 /** The Shell's index. `Shell.Root size` sets it; panes hand it to their chrome. */
 const ShellSizeContext = React.createContext<PaneSize>('2');
 
+/**
+ * True inside `Shell.Content`. `Shell.Root` sets it back to false, so a Shell nested in the
+ * content gets pane chrome in its own panes. Read by `Shell.Scroll`: in the content it holds a
+ * page, not a menu, so it takes none of the menu's padding, gap or layering.
+ */
+const ShellContentContext = 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.
@@ -60,12 +68,11 @@ type BandSize = '1' | '2' | '3' | '4';
  */
 const BAND_STEP = { '1': '2', '2': '3', '3': '4', '4': '4' } as const satisfies Record<BandSize, BandSize>;
 
-/** Set by `Shell.PaneHeader` and `Shell.PaneFooter`; read by Toolbar as its fallback size. Null elsewhere. */
-const PaneBandSizeContext = React.createContext<BandSize | null>(null);
-
-function usePaneBandSize() {
-  return React.useContext(PaneBandSizeContext);
-}
+/**
+ * Set by `Shell.PaneHeader` and `Shell.PaneFooter` to their band size, and by `Shell.Scroll` to
+ * null (a scrolling list has no band). Unset (`undefined`) everywhere else.
+ */
+const PaneBandSizeContext = React.createContext<BandSize | null | undefined>(undefined);
 
 function useBandSize(): BandSize {
   const visual = useSidebarVisual();
@@ -73,6 +80,22 @@ function useBandSize(): BandSize {
   return BAND_STEP[visual?.size ?? shellSize];
 }
 
+/**
+ * The size a Toolbar with no `size` of its own rests at, or null for none.
+ *
+ * In a pane's header or footer it is that band's size. Anywhere else inside a Shell, such as
+ * `Shell.Content` or a pane's body, it is the same step: one above the Shell's index, so a
+ * toolbar in the content area matches the ones in the pane headers beside it (v2 sizes every
+ * toolbar this way). A pane's scrolling list, and anything outside a Shell, has none.
+ */
+function usePaneBandSize(): BandSize | null {
+  const band = React.useContext(PaneBandSizeContext);
+  const inShell = React.useContext(ShellStoreContext) !== null;
+  const step = useBandSize();
+  if (band !== undefined) return band;
+  return inShell ? step : null;
+}
+
 interface PaneHeaderProps extends React.ComponentPropsWithoutRef<'div'> {
   /**
    * Floats the row over the top of `Shell.Scroll`, so the list scrolls behind it. The list
@@ -129,10 +152,24 @@ interface ScrollProps extends React.ComponentPropsWithoutRef<'div'> {
 
 /**
  * The one region of a pane that scrolls; it takes the room the header and footer leave.
- * It is not a landmark: for navigation, pass `role="navigation"` and an `aria-label`.
+ * In `Shell.Content` it is the page's scroller, and a `Shell.PaneHeader float` beside it pins
+ * the page's toolbar over it. It is not a landmark: for navigation, pass `role="navigation"` and an `aria-label`.
  */
 const Scroll = React.forwardRef<HTMLDivElement, ScrollProps>(({ className, children, fade = false, ...props }, forwardedRef) => {
   const chrome = useChromeClasses();
+  // A Sidebar.Root inside the content still gets a menu.
+  const contentPane = React.useContext(ShellContentContext);
+  const visual = useSidebarVisual();
+  const inContent = contentPane && visual === null;
+  if (inContent) {
+    return (
+      <ScrollArea type="hover" fade={fade} className="kui-ShellScroll">
+        <div {...props} ref={forwardedRef} className={classNames('kui-ShellScrollContent', className)}>
+          {children}
+        </div>
+      </ScrollArea>
+    );
+  }
   return (
     <ScrollArea type="hover" fade={fade} className="kui-ShellScroll">
       <div {...props} ref={forwardedRef} className={classNames('kui-BaseMenuContent', 'kui-SidebarContent', ...chrome, className)}>
@@ -146,5 +183,5 @@ const Scroll = React.forwardRef<HTMLDivElement, ScrollProps>(({ className, child
 });
 Scroll.displayName = 'Shell.Scroll';
 
-export { SidebarVisualContext, useSidebarVisual, ShellSizeContext, PaneChromeScope, PaneHeader, PaneFooter, Scroll, BAND_STEP, usePaneBandSize };
+export { SidebarVisualContext, useSidebarVisual, ShellSizeContext, ShellContentContext, PaneChromeScope, PaneHeader, PaneFooter, Scroll, BAND_STEP, usePaneBandSize };
 export type { SidebarVisualContextValue, PaneSize, BandSize, PaneHeaderProps, PaneFooterProps, ScrollProps };

package/src/components/accordion.css

@@ -12,13 +12,13 @@
       border-radius: var(--radius-surface-1);
     }
     &:where(.kui-r-size-2) {
-      border-radius: var(--radius-surface-1);
+      border-radius: var(--radius-surface-2);
     }
     &:where(.kui-r-size-3) {
-      border-radius: var(--radius-surface-1);
+      border-radius: var(--radius-surface-3);
     }
     &:where(.kui-r-size-4) {
-      border-radius: var(--radius-surface-1);
+      border-radius: var(--radius-surface-4);
     }
   }
 }
@@ -100,6 +100,38 @@
   font-size: var(--font-size-4);
 }
 
+/* Disclosure chevron: at the far end of the trigger, turned up while the section is open */
+.kui-AccordionChevron {
+  flex-shrink: 0;
+  width: var(--icon-size-2);
+  height: var(--icon-size-2);
+  margin-inline-start: var(--space-3);
+  color: var(--neutral-a11);
+}
+
+:where(.kui-AccordionTrigger[data-state='open']) .kui-AccordionChevron {
+  rotate: 180deg;
+}
+
+:where(.kui-AccordionRoot:where(.kui-r-size-1)) .kui-AccordionChevron {
+  width: var(--icon-size-1);
+  height: var(--icon-size-1);
+}
+
+:where(.kui-AccordionRoot:where(.kui-r-size-3)) .kui-AccordionChevron {
+  width: var(--icon-size-3);
+  height: var(--icon-size-3);
+}
+
+:where(.kui-AccordionRoot:where(.kui-r-size-4)) .kui-AccordionChevron {
+  width: var(--icon-size-4);
+  height: var(--icon-size-4);
+}
+
+:where(.kui-AccordionTrigger[data-disabled]) .kui-AccordionChevron {
+  color: inherit;
+}
+
 /* Trigger hover states */
 @media (hover: hover) {
   :where(.kui-AccordionTrigger:hover) {

package/src/components/accordion.tsx

@@ -9,6 +9,8 @@ import {
   accordionTriggerPropDefs,
   accordionContentPropDefs,
 } from './accordion.props.js';
+import { ChevronDownIcon } from './icons.js';
+import { Slottable } from './slot.js';
 import { extractProps } from '../helpers/extract-props.js';
 import { useThemeSizeProps } from '../helpers/theme-size.js';
 
@@ -23,9 +25,13 @@ import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-p
 
 // Root component
 type AccordionRootElement = React.ElementRef<typeof AccordionPrimitive.Root>;
-interface AccordionRootProps
-  extends ComponentPropsWithout<typeof AccordionPrimitive.Root, RemovedProps>,
-    AccordionRootOwnProps {}
+// Radix's Root props are a union of single and multiple. Omit each member on its own, so
+// `defaultValue`, `value` and `collapsible` survive with the right type for each `type`.
+type AccordionRootRadixProps =
+  | Omit<AccordionPrimitive.AccordionSingleProps, 'asChild' | 'color'>
+  | Omit<AccordionPrimitive.AccordionMultipleProps, 'asChild' | 'color'>;
+
+type AccordionRootProps = AccordionRootRadixProps & AccordionRootOwnProps;
 
 const AccordionRoot = React.forwardRef<AccordionRootElement, AccordionRootProps>(
   (ownProps, forwardedRef) => {
@@ -133,23 +139,14 @@ const AccordionTrigger = React.forwardRef<AccordionTriggerElement, AccordionTrig
   ({ children, ...props }, forwardedRef) => {
     const { className, ...triggerProps } = extractProps(props, accordionTriggerPropDefs);
 
-    // Radix UI handles focus management automatically
-    const triggerRef = React.useRef<HTMLButtonElement>(null);
-
     return (
       <AccordionPrimitive.Trigger
         {...triggerProps}
-        ref={(node) => {
-          triggerRef.current = node;
-          if (typeof forwardedRef === 'function') {
-            forwardedRef(node);
-          } else if (forwardedRef) {
-            forwardedRef.current = node;
-          }
-        }}
+        ref={forwardedRef}
         className={classNames('kui-AccordionTrigger', className)}
       >
-        {children}
+        <Slottable>{children}</Slottable>
+        <ChevronDownIcon className="kui-AccordionChevron" aria-hidden />
       </AccordionPrimitive.Trigger>
     );
   },
@@ -171,7 +168,6 @@ const AccordionContent = React.forwardRef<AccordionContentElement, AccordionCont
         {...contentProps}
         ref={forwardedRef}
         className={classNames('kui-AccordionContent', className)}
-        aria-live="polite"
       >
         <div className="kui-AccordionContentInner">{children}</div>
       </AccordionPrimitive.Content>