npm - @utilitywarehouse/hearth-react - Versions diffs - 0.29.7 → 0.29.9 - Mend

@utilitywarehouse/hearth-react 0.29.7 → 0.29.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (753) hide show

package/dist/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
 "use client";
-import{a as V}from"./chunk-XFXOQFII.js";import{a as nr}from"./chunk-SYURYG5E.js";import{a as ho}from"./chunk-ZB3QD4BQ.js";import{a as ko}from"./chunk-V44UZTPC.js";import{a as Cr}from"./chunk-KRKSQUD7.js";import{a as sr}from"./chunk-UGV2BEAT.js";import{a as xr}from"./chunk-D7OAY7TI.js";import{a as mr}from"./chunk-G7TYGJMR.js";import{a as Wo}from"./chunk-FSILY7IY.js";import{a as _o}from"./chunk-M4E57QB3.js";import{a as $o}from"./chunk-CZ6VEE7T.js";import{a as Yo}from"./chunk-PKSC3AY5.js";import"./chunk-IOI4RBU3.js";import{a as Zo}from"./chunk-Y2U6SOOG.js";import{a as X}from"./chunk-J7XGHSUZ.js";import{a as qo}from"./chunk-65SUMKFK.js";import{a as Ko}from"./chunk-BKXUQU3Y.js";import{a as Xo}from"./chunk-JR3XU4BQ.js";import{a as No}from"./chunk-V76VPBKG.js";import{a as Oo}from"./chunk-2DOCB6VA.js";import{a as Jo}from"./chunk-PXB2NCQ2.js";import{a as lr}from"./chunk-QCBKHTTZ.js";import"./chunk-2ZF32NKC.js";import{a as l}from"./chunk-S3YZP37Q.js";import{a as to}from"./chunk-MH3GNWQM.js";import"./chunk-XHV267M2.js";import{a as Lo}from"./chunk-HYOWATO5.js";import{a as So}from"./chunk-5DYKWRPI.js";import{a as fr}from"./chunk-EO7ZRPWM.js";import{a as Pr}from"./chunk-7YZPBUKR.js";import"./chunk-MB2NMZ2I.js";import{a as dr}from"./chunk-LAZ3J27N.js";import{a as K}from"./chunk-CWFPBMHK.js";import{a as z}from"./chunk-BLJICJ25.js";import{a as Q}from"./chunk-HLJ7K4GK.js";import{a as Uo}from"./chunk-SB6HAXC6.js";import{a as Fo}from"./chunk-Z25ZOHNZ.js";import{a as q}from"./chunk-ZTJPE3CB.js";import{a as J}from"./chunk-GZJQZ5OG.js";import{a as or}from"./chunk-ABES5BZY.js";import"./chunk-TX5FO3XR.js";import"./chunk-SDUTFZGJ.js";import"./chunk-ZLDV7EGY.js";import"./chunk-QQQEB3QI.js";import{a as Qo}from"./chunk-VOYEQCTN.js";import{a as Vo}from"./chunk-3EHAVEC2.js";import{a as mo}from"./chunk-O4YHFZLI.js";import{a as xo}from"./chunk-WHZF5AXV.js";import{a as io}from"./chunk-QTUTPELX.js";import{a as zo}from"./chunk-ACBHI2DH.js";import{a as U}from"./chunk-PEDQDHKE.js";import"./chunk-7YDX3DDW.js";import{a as vo}from"./chunk-PRWRW3JD.js";import{a as Ro}from"./chunk-PXIOYGGU.js";import{a as no}from"./chunk-Z6W64KTC.js";import{a as po}from"./chunk-57OFJSBQ.js";import{a as so}from"./chunk-JPH4HCSL.js";import{a as oo}from"./chunk-OL7WHA7Z.js";import{a as Do}from"./chunk-GVIVGMOJ.js";import{a as Go}from"./chunk-7BXFXDDZ.js";import{a as Y}from"./chunk-7EK77SDW.js";import{a as ro}from"./chunk-2LHFFQTN.js";import{a as eo}from"./chunk-ZXDVUQL5.js";import{a as Z}from"./chunk-5HYMXTQX.js";import{a as $}from"./chunk-NRCMXNZQ.js";import{a as _}from"./chunk-UWJ4K23J.js";import{a as er}from"./chunk-2OOGW6TL.js";import{a as T}from"./chunk-VDJWRK6E.js";import"./chunk-E3MNNBAK.js";import{a as I}from"./chunk-WFD3U4AM.js";import{a as ur}from"./chunk-U7AKHROY.js";import{a as yr}from"./chunk-MMQDWFFY.js";import{a as rr}from"./chunk-342VYEUU.js";import{a as tr}from"./chunk-POD5A2FN.js";import{a as x}from"./chunk-NS7PTOBJ.js";import"./chunk-E4D5MJND.js";import{a as y}from"./chunk-T6ISHZLH.js";import{a as M}from"./chunk-AP7MZWTH.js";import{a as D}from"./chunk-INJ6SL3W.js";import{a as Ho}from"./chunk-HJEUUACJ.js";import{a as Mo}from"./chunk-GCLHYZPK.js";import{a as h}from"./chunk-LMTMAERO.js";import{a as pr}from"./chunk-XWRBXNKM.js";import"./chunk-2IAHU3EW.js";import"./chunk-PPBAWDAY.js";import"./chunk-NMFPRBPK.js";import{a as m}from"./chunk-R7JDBSFP.js";import{a as Po}from"./chunk-VS3M7PIV.js";import{a as w}from"./chunk-D6UBBAMJ.js";import{a}from"./chunk-3P7KZ263.js";import"./chunk-SRQZKEIX.js";import{a as lo}from"./chunk-IFYUDAKY.js";import"./chunk-LNEDBBH4.js";import{a as W}from"./chunk-JVPVSNKC.js";import"./chunk-4MVOWO3N.js";import{a as O}from"./chunk-MJF6EV5G.js";import{a as cr}from"./chunk-MIVYZGEV.js";import{a as ir}from"./chunk-5W2RN3FO.js";import{a as F}from"./chunk-TJHI42VN.js";import"./chunk-E3MGR5UM.js";import"./chunk-ZL7L2WXW.js";import{a as ar}from"./chunk-L7XVQXSE.js";import{a as G}from"./chunk-77MBAIIT.js";import{a as R}from"./chunk-E6OA6MHD.js";import{a as N}from"./chunk-W5DRITCP.js";import"./chunk-HY32GRZP.js";import{a as E}from"./chunk-G3WPDRZY.js";import"./chunk-YRTWVR3H.js";import{a as Ao}from"./chunk-5FIRBJFF.js";import{a as Bo}from"./chunk-GZ2MSRW5.js";import{a as v}from"./chunk-XBWYJXL4.js";import"./chunk-XOTDKCJH.js";import{a as H}from"./chunk-VDDGHMVO.js";import"./chunk-SIGMDWZB.js";import{a as A}from"./chunk-F7OBBVRC.js";import{a as L}from"./chunk-HLOK57A5.js";import{a as Io}from"./chunk-ENF7Q53Z.js";import{a as go}from"./chunk-52DKSTTC.js";import"./chunk-AJ6U5OJT.js";import"./chunk-YWMUOY43.js";import{a as u}from"./chunk-TRY43UD2.js";import"./chunk-JCITHZQ6.js";import"./chunk-AUXO7HYJ.js";import{a as B}from"./chunk-DSMK364F.js";import"./chunk-YPRLFBZC.js";import{a as S}from"./chunk-GEM2WHFB.js";import{a as k}from"./chunk-F46GD23E.js";import{a as wo}from"./chunk-4GIP75IS.js";import{a as Eo}from"./chunk-FSBUIJUQ.js";import"./chunk-PCAKJHKN.js";import"./chunk-ZAS7UCT3.js";import{a as fo}from"./chunk-U2MUI6OG.js";import{a as co}from"./chunk-J5WZ4O26.js";import{a as g}from"./chunk-JQH2TZWZ.js";import{a as jo}from"./chunk-VV4X74XY.js";import"./chunk-UZO2TJ3P.js";import{a as j}from"./chunk-7RQ33XFP.js";import"./chunk-U7C2K4JT.js";import{a as To}from"./chunk-VMMWOSTB.js";import{a as uo}from"./chunk-WSQCAXZW.js";import{a as Co}from"./chunk-QIWKDLWZ.js";import{a as ao}from"./chunk-UWYR26O5.js";import{a as b}from"./chunk-QU7IEHHO.js";import"./chunk-JQG37ZFA.js";import{a as C}from"./chunk-TMANFFPP.js";import"./chunk-MKUPPET5.js";import"./chunk-I3ZPPVMC.js";import{a as e}from"./chunk-MJPMYOQU.js";import{a as yo}from"./chunk-OH5J7HR2.js";import{a as P}from"./chunk-RU4YPNKV.js";import{a as d}from"./chunk-O2LCPVY5.js";import{a as f}from"./chunk-TNRHOO5R.js";import{a as c}from"./chunk-65LXHMDM.js";import"./chunk-KWYDDEKB.js";import{a as n}from"./chunk-OSK2N5OU.js";import"./chunk-PWPQDA6S.js";import{a as s}from"./chunk-P22N5ZWP.js";import"./chunk-EMSTAFTP.js";import{a as bo}from"./chunk-RI57VWCY.js";import{a as i}from"./chunk-GIHKXHC4.js";import"./chunk-UQQDP4AB.js";import"./chunk-4GHTI3AF.js";import"./chunk-EMHUBNCX.js";import"./chunk-WTIWKIHP.js";import"./chunk-YLFIGDDW.js";import"./chunk-QYM256EH.js";import{a as o}from"./chunk-RZBVPNTV.js";import"./chunk-KBX2N5VR.js";import"./chunk-BNI7YI3P.js";import"./chunk-SBBW7ATB.js";import"./chunk-BTAM2LOC.js";import"./chunk-UFFVTQ5Q.js";import"./chunk-Q3P6FLFE.js";import"./chunk-W7T3GEHF.js";import"./chunk-4HMFDKPP.js";import"./chunk-B2NZFXUU.js";import"./chunk-GJWSFJK7.js";import"./chunk-O4TEFQDC.js";import"./chunk-3UW4VBYZ.js";import"./chunk-SBMUJGKK.js";import{a as r}from"./chunk-IIJPWR54.js";import"./chunk-TVLZJN3R.js";import"./chunk-RH5FXMPM.js";import{a as p}from"./chunk-5H7HJJMQ.js";import"./chunk-7X24J4CX.js";import{a as t}from"./chunk-2UXAN2VR.js";import"./chunk-ZLYH3KFV.js";import"./chunk-AQQUAVLF.js";import"./chunk-WNJK4JDH.js";import"./chunk-TY7CLZHO.js";import"./chunk-CU7FTKBX.js";import"./chunk-UMCDT4ZD.js";import"./chunk-VKE2TXPE.js";import"./chunk-32MOX6DL.js";import"./chunk-UWZUYMW4.js";import"./chunk-7PGIEYDD.js";import"./chunk-J3AJBV4B.js";import"./chunk-MHDXUNFS.js";import"./chunk-JH7NHQH7.js";import"./chunk-PDEVCIQ3.js";import"./chunk-YLZSWD5I.js";import"./chunk-KGSRRRQN.js";import"./chunk-4O5VTIJK.js";import"./chunk-TBXNDML6.js";import"./chunk-XFYTQ6FQ.js";export{yo as Accordion,bo as AccordionContent,uo as AccordionHeader,To as AccordionItem,Co as AccordionTrigger,ao as Alert,fo as AlertIconButton,co as AlertLink,jo as Avatar,j as Badge,i as BodyText,n as Box,wo as BreadcrumbItem,Eo as Breadcrumbs,u as Button,B as Card,Io as CardAccordion,Ao as CardAccordionButton,Bo as CardAccordionFooter,go as CardAccordionItem,v as CardActionButton,G as CardActionLink,R as CardActions,S as CardBannerContent,k as CardBannerImage,A as CardContent,L as CardInteraction,N as Checkbox,W as CheckboxGroup,O as CheckboxTile,cr as Combobox,ar as ComboboxEmpty,ir as ComboboxItem,m as Container,Po as CurrencyInput,lo as DateInput,pr as DatePicker,Ho as DescriptionList,Mo as DescriptionListItem,a as DetailText,h as Divider,y as Em,M as ExpandableCard,D as ExpandableCardGroup,s as Flex,x as Grid,c as Heading,ur as HearthProvider,f as HelperText,rr as HighlightBanner,tr as HighlightBannerContent,er as HighlightBannerFooter,T as IconButton,H as IconContainer,I as InlineLink,F as InputSlot,E as Label,g as Link,Y as List,ro as ListActionButton,eo as ListActionLink,Z as ListItem,$ as ListItemButton,_ as ListItemContent,oo as ListItemLink,Do as Menu,Go as MenuContent,vo as MenuItem,Ro as MenuTrigger,no as Modal,po as ModalClose,so as ModalContent,mo as ModalFooter,xo as ModalRoot,io as ModalTrigger,zo as Pagination,U as PasswordInput,or as ProgressBar,Vo as ProgressStep,Qo as ProgressStepButton,Uo as ProgressStepLink,Fo as ProgressStepper,q as Radio,J as RadioCard,K as RadioGroup,z as RadioTile,Q as SearchInput,P as SectionHeader,Lo as Select,So as SelectItem,fr as Skeleton,Pr as SkeletonBodyText,dr as SkeletonBox,lr as SkeletonHeading,C as Spinner,l as Strong,to as Switch,_o as Tab,$o as TabContent,qo as Table,Ko as TableBody,Xo as TableCell,No as TableHeader,Oo as TableHeaderCell,Jo as TablePagination,Wo as TableRow,Yo as Tabs,Zo as TabsList,X as TextArea,w as TextInput,sr as Toast,xr as ToastActionButton,mr as ToastActionLink,nr as ToastProvider,ho as ToggleButtonCard,ko as ToggleGroup,Cr as Tooltip,yr as TooltipProvider,b as UnstyledIconButton,d as ValidationText,V as VerificationInput,o as breakpoints,e as media,r as spaceTokens,p as useComboboxFilter,t as useMediaQuery};
+import{a as V}from"./chunk-THNSIU2K.js";import{a as Cr}from"./chunk-G7CMPPWA.js";import{a as mr}from"./chunk-AK5BFPNO.js";import{a as nr}from"./chunk-SYURYG5E.js";import{a as ko}from"./chunk-HN5HF2W4.js";import{a as ho}from"./chunk-AYKNE3H5.js";import{a as sr}from"./chunk-DN5RPNJY.js";import{a as xr}from"./chunk-7SJBCFHJ.js";import{a as Xo}from"./chunk-4P6AONDK.js";import{a as No}from"./chunk-V76VPBKG.js";import{a as Oo}from"./chunk-G7YCWFYS.js";import{a as Jo}from"./chunk-LBK7KFAM.js";import{a as Wo}from"./chunk-FSILY7IY.js";import{a as X}from"./chunk-VQMWY6R3.js";import{a as _o}from"./chunk-M4E57QB3.js";import{a as $o}from"./chunk-CZ6VEE7T.js";import{a as Yo}from"./chunk-LMVDTKRA.js";import"./chunk-IOI4RBU3.js";import{a as Zo}from"./chunk-HSNBW734.js";import{a as qo}from"./chunk-CV7A76QV.js";import{a as Ko}from"./chunk-BKXUQU3Y.js";import{a as lr}from"./chunk-VTEYBQMF.js";import"./chunk-2ZF32NKC.js";import{a as to}from"./chunk-RG5QYUXM.js";import"./chunk-XHV267M2.js";import{a as l}from"./chunk-BRD7F7IU.js";import{a as Lo}from"./chunk-JM7UFQHC.js";import{a as So}from"./chunk-5DYKWRPI.js";import{a as fr}from"./chunk-ZQXWVUSX.js";import{a as Pr}from"./chunk-MGUNVX5A.js";import"./chunk-MB2NMZ2I.js";import{a as dr}from"./chunk-HLPLTAX5.js";import{a as K}from"./chunk-GO3MRXL6.js";import{a as z}from"./chunk-PKYRAHVK.js";import{a as Q}from"./chunk-6BGTJ2MC.js";import{a as Uo}from"./chunk-JNBT3PAG.js";import{a as Fo}from"./chunk-NTH736FS.js";import{a as q}from"./chunk-OWIQYH4V.js";import{a as J}from"./chunk-3XBGL2XJ.js";import{a as or}from"./chunk-FOIHGXSV.js";import"./chunk-6RDXRVTH.js";import"./chunk-SHG47RYJ.js";import"./chunk-S7RXWGEE.js";import"./chunk-FMJUS5SW.js";import{a as Qo}from"./chunk-DPZTEUX7.js";import{a as Vo}from"./chunk-34KZ2ROD.js";import{a as mo}from"./chunk-O4YHFZLI.js";import{a as xo}from"./chunk-WHZF5AXV.js";import{a as io}from"./chunk-QTUTPELX.js";import{a as zo}from"./chunk-OSZSOI2R.js";import{a as U}from"./chunk-RE7THBRF.js";import"./chunk-7YDX3DDW.js";import{a as vo}from"./chunk-PRWRW3JD.js";import{a as Ro}from"./chunk-PXIOYGGU.js";import{a as no}from"./chunk-5J2R3EBW.js";import{a as po}from"./chunk-57OFJSBQ.js";import{a as so}from"./chunk-JPH4HCSL.js";import{a as oo}from"./chunk-BLOSCS3J.js";import{a as Do}from"./chunk-GVIVGMOJ.js";import{a as Go}from"./chunk-7BXFXDDZ.js";import{a as Y}from"./chunk-DMKNVIC5.js";import{a as ro}from"./chunk-VOT6B65T.js";import{a as eo}from"./chunk-FLLM4JWO.js";import{a as Z}from"./chunk-T63PAHCB.js";import{a as $}from"./chunk-LUVQOO3S.js";import{a as _}from"./chunk-OEYL3KZX.js";import{a as I}from"./chunk-IGERYV6T.js";import{a as er}from"./chunk-2OOGW6TL.js";import{a as T}from"./chunk-V53GOL2R.js";import"./chunk-E3MNNBAK.js";import{a as ur}from"./chunk-U7AKHROY.js";import{a as yr}from"./chunk-MMQDWFFY.js";import{a as rr}from"./chunk-2ED4Z4MS.js";import{a as tr}from"./chunk-DKFH5JDF.js";import{a as x}from"./chunk-MGIIZCNU.js";import"./chunk-E4D5MJND.js";import{a as y}from"./chunk-7PIJIBUM.js";import{a as M}from"./chunk-UZAGYQUZ.js";import{a as D}from"./chunk-BN6ZCT2P.js";import{a as Ho}from"./chunk-ZWUGGIJW.js";import{a as Mo}from"./chunk-GYID4OFF.js";import{a as h}from"./chunk-H7C4SD7R.js";import{a as pr}from"./chunk-UMVPPPAS.js";import"./chunk-NPEJUZ4O.js";import"./chunk-PPBAWDAY.js";import"./chunk-NMFPRBPK.js";import{a as m}from"./chunk-OWPJRRA6.js";import{a as Po}from"./chunk-4N34FTZB.js";import{a as w}from"./chunk-AKZ3ZGHF.js";import{a}from"./chunk-L4ZK6DB2.js";import"./chunk-SRQZKEIX.js";import{a as lo}from"./chunk-2HOGP2G4.js";import"./chunk-SENRP3FN.js";import{a as W}from"./chunk-ABWDNLHX.js";import"./chunk-VR2F5KD4.js";import{a as O}from"./chunk-EQOJRVIS.js";import{a as cr}from"./chunk-NBZXVBK5.js";import{a as ir}from"./chunk-5W2RN3FO.js";import{a as F}from"./chunk-TJHI42VN.js";import"./chunk-SBES343X.js";import"./chunk-ZL7L2WXW.js";import{a as ar}from"./chunk-L7XVQXSE.js";import{a as G}from"./chunk-3JT7ZT2C.js";import{a as R}from"./chunk-ESGL7X4Y.js";import{a as N}from"./chunk-YNYZ5H4E.js";import"./chunk-HY32GRZP.js";import{a as E}from"./chunk-HILWQCCW.js";import"./chunk-YRTWVR3H.js";import{a as Ao}from"./chunk-XW4336FQ.js";import{a as Bo}from"./chunk-ZENXEZUD.js";import{a as v}from"./chunk-SRCUZHOI.js";import"./chunk-UFBSRFJM.js";import{a as H}from"./chunk-KRZOBOHG.js";import"./chunk-SIGMDWZB.js";import{a as A}from"./chunk-2BX5OTD5.js";import{a as L}from"./chunk-XMUX4LDK.js";import{a as Io}from"./chunk-JB3E4GZX.js";import{a as go}from"./chunk-VLPKKDSD.js";import"./chunk-AJ6U5OJT.js";import"./chunk-YWMUOY43.js";import{a as u}from"./chunk-CO36EJYB.js";import"./chunk-VHS5WQXI.js";import"./chunk-AUXO7HYJ.js";import{a as B}from"./chunk-BN7OHE5D.js";import"./chunk-YPRLFBZC.js";import{a as S}from"./chunk-WBASKW2A.js";import{a as k}from"./chunk-QC3FLUZH.js";import{a as wo}from"./chunk-UPATPUGK.js";import{a as Eo}from"./chunk-JIHVQQC4.js";import"./chunk-PCAKJHKN.js";import"./chunk-ZAS7UCT3.js";import{a as fo}from"./chunk-5OE6ES3J.js";import{a as co}from"./chunk-RZ36VDPC.js";import{a as g}from"./chunk-IIOSSK2C.js";import{a as jo}from"./chunk-5WFLA5QP.js";import"./chunk-UZO2TJ3P.js";import{a as j}from"./chunk-U2MLVAO4.js";import"./chunk-U7C2K4JT.js";import{a as To}from"./chunk-VMMWOSTB.js";import{a as uo}from"./chunk-WSQCAXZW.js";import{a as Co}from"./chunk-QIWKDLWZ.js";import{a as ao}from"./chunk-ZLZKS54R.js";import{a as b}from"./chunk-3GIGS42N.js";import"./chunk-JQG37ZFA.js";import{a as C}from"./chunk-G5XK53IP.js";import"./chunk-MKUPPET5.js";import"./chunk-I3ZPPVMC.js";import{a as e}from"./chunk-MJPMYOQU.js";import{a as yo}from"./chunk-OK2HLBFK.js";import{a as P}from"./chunk-VKIJLRIM.js";import{a as d}from"./chunk-FA6KPFGY.js";import{a as f}from"./chunk-EWR4WS2D.js";import{a as c}from"./chunk-CEMP54YG.js";import"./chunk-KWYDDEKB.js";import{a as n}from"./chunk-HB5J7H4D.js";import"./chunk-PWPQDA6S.js";import{a as s}from"./chunk-T2PB3TD3.js";import"./chunk-EMSTAFTP.js";import{a as bo}from"./chunk-S2CK36LM.js";import{a as i}from"./chunk-DJXCWBYU.js";import"./chunk-UQQDP4AB.js";import"./chunk-4GHTI3AF.js";import"./chunk-EMHUBNCX.js";import"./chunk-WTIWKIHP.js";import"./chunk-YLFIGDDW.js";import"./chunk-QYM256EH.js";import{a as o}from"./chunk-RZBVPNTV.js";import"./chunk-KBX2N5VR.js";import"./chunk-BNI7YI3P.js";import"./chunk-SBBW7ATB.js";import"./chunk-BTAM2LOC.js";import"./chunk-UFFVTQ5Q.js";import"./chunk-Q3P6FLFE.js";import"./chunk-W7T3GEHF.js";import"./chunk-4HMFDKPP.js";import"./chunk-B2NZFXUU.js";import"./chunk-2I2UZSNU.js";import"./chunk-O4TEFQDC.js";import"./chunk-3UW4VBYZ.js";import"./chunk-SBMUJGKK.js";import{a as r}from"./chunk-IIJPWR54.js";import"./chunk-TVLZJN3R.js";import"./chunk-RH5FXMPM.js";import"./chunk-32MOX6DL.js";import"./chunk-ZLYH3KFV.js";import"./chunk-AQQUAVLF.js";import"./chunk-WNJK4JDH.js";import"./chunk-TY7CLZHO.js";import"./chunk-CU7FTKBX.js";import"./chunk-KGSRRRQN.js";import"./chunk-VCC5YQTQ.js";import"./chunk-UMCDT4ZD.js";import"./chunk-VKE2TXPE.js";import{a as p}from"./chunk-5H7HJJMQ.js";import"./chunk-7X24J4CX.js";import{a as t}from"./chunk-FA6DKDAV.js";import"./chunk-LYKZCNDZ.js";import"./chunk-7PGIEYDD.js";import"./chunk-J3AJBV4B.js";import"./chunk-6M3XXIOA.js";import"./chunk-4O5VTIJK.js";import"./chunk-TBXNDML6.js";import"./chunk-JH7NHQH7.js";import"./chunk-PDEVCIQ3.js";import"./chunk-YLZSWD5I.js";export{yo as Accordion,bo as AccordionContent,uo as AccordionHeader,To as AccordionItem,Co as AccordionTrigger,ao as Alert,fo as AlertIconButton,co as AlertLink,jo as Avatar,j as Badge,i as BodyText,n as Box,wo as BreadcrumbItem,Eo as Breadcrumbs,u as Button,B as Card,Io as CardAccordion,Ao as CardAccordionButton,Bo as CardAccordionFooter,go as CardAccordionItem,v as CardActionButton,G as CardActionLink,R as CardActions,S as CardBannerContent,k as CardBannerImage,A as CardContent,L as CardInteraction,N as Checkbox,W as CheckboxGroup,O as CheckboxTile,cr as Combobox,ar as ComboboxEmpty,ir as ComboboxItem,m as Container,Po as CurrencyInput,lo as DateInput,pr as DatePicker,Ho as DescriptionList,Mo as DescriptionListItem,a as DetailText,h as Divider,y as Em,M as ExpandableCard,D as ExpandableCardGroup,s as Flex,x as Grid,c as Heading,ur as HearthProvider,f as HelperText,rr as HighlightBanner,tr as HighlightBannerContent,er as HighlightBannerFooter,T as IconButton,H as IconContainer,I as InlineLink,F as InputSlot,E as Label,g as Link,Y as List,ro as ListActionButton,eo as ListActionLink,Z as ListItem,$ as ListItemButton,_ as ListItemContent,oo as ListItemLink,Do as Menu,Go as MenuContent,vo as MenuItem,Ro as MenuTrigger,no as Modal,po as ModalClose,so as ModalContent,mo as ModalFooter,xo as ModalRoot,io as ModalTrigger,zo as Pagination,U as PasswordInput,or as ProgressBar,Vo as ProgressStep,Qo as ProgressStepButton,Uo as ProgressStepLink,Fo as ProgressStepper,q as Radio,J as RadioCard,K as RadioGroup,z as RadioTile,Q as SearchInput,P as SectionHeader,Lo as Select,So as SelectItem,fr as Skeleton,Pr as SkeletonBodyText,dr as SkeletonBox,lr as SkeletonHeading,C as Spinner,l as Strong,to as Switch,_o as Tab,$o as TabContent,qo as Table,Ko as TableBody,Xo as TableCell,No as TableHeader,Oo as TableHeaderCell,Jo as TablePagination,Wo as TableRow,Yo as Tabs,Zo as TabsList,X as TextArea,w as TextInput,sr as Toast,xr as ToastActionButton,mr as ToastActionLink,nr as ToastProvider,ho as ToggleButtonCard,ko as ToggleGroup,Cr as Tooltip,yr as TooltipProvider,b as UnstyledIconButton,d as ValidationText,V as VerificationInput,o as breakpoints,e as media,r as spaceTokens,p as useComboboxFilter,t as useMediaQuery};
 //# sourceMappingURL=index.js.map

package/dist/props/border-width.props.cjs CHANGED Viewed

@@ -1,4 +1,4 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-var _chunkJIOYPZ76cjs = require('../chunk-JIOYPZ76.cjs');exports.borderWidthPropDefs = _chunkJIOYPZ76cjs.a;
+var _chunkME4F726Tcjs = require('../chunk-ME4F726T.cjs');exports.borderWidthPropDefs = _chunkME4F726Tcjs.a;
 //# sourceMappingURL=border-width.props.cjs.map

package/dist/props/border-width.props.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import { Responsive } from '../types/responsive';
+import { CssTokenVariable } from '../types/css-token-variable';
 declare const values: readonly ["0", "1", "2"];
 export declare const borderWidthPropDefs: {
     borderWidth: {
@@ -28,11 +29,11 @@ export declare const borderWidthPropDefs: {
     };
 };
 export interface BorderWidthProps {
-    borderWidth?: Responsive<(typeof values)[number]>;
-    borderTopWidth?: Responsive<(typeof values)[number]>;
-    borderRightWidth?: Responsive<(typeof values)[number]>;
-    borderBottomWidth?: Responsive<(typeof values)[number]>;
-    borderLeftWidth?: Responsive<(typeof values)[number]>;
+    borderWidth?: Responsive<(typeof values)[number] | CssTokenVariable>;
+    borderTopWidth?: Responsive<(typeof values)[number] | CssTokenVariable>;
+    borderRightWidth?: Responsive<(typeof values)[number] | CssTokenVariable>;
+    borderBottomWidth?: Responsive<(typeof values)[number] | CssTokenVariable>;
+    borderLeftWidth?: Responsive<(typeof values)[number] | CssTokenVariable>;
 }
 export {};
 //# sourceMappingURL=border-width.props.d.ts.map

package/dist/props/border-width.props.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"border-width.props.d.ts","sourceRoot":"","sources":["../../src/props/border-width.props.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;~~AAEjD~~,QAAA,MAAM,MAAM,0BAA2B,CAAC;AAExC,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;CAY/B,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,UAAU,CAAC,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;~~IAClD~~,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;~~IACrD~~,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;~~IACvD~~,iBAAiB,CAAC,EAAE,UAAU,CAAC,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;~~IACxD~~,eAAe,CAAC,EAAE,UAAU,CAAC,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;~~CACvD~~"}
1	+ {"version":3,"file":"border-width.props.d.ts","sourceRoot":"","sources":["../../src/props/border-width.props.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAE/D,QAAA,MAAM,MAAM,0BAA2B,CAAC;AAExC,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;CAY/B,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,UAAU,CAAC,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,GAAG,gBAAgB,CAAC,CAAC;IACrE,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,GAAG,gBAAgB,CAAC,CAAC;IACxE,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,GAAG,gBAAgB,CAAC,CAAC;IAC1E,iBAAiB,CAAC,EAAE,UAAU,CAAC,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,GAAG,gBAAgB,CAAC,CAAC;IAC3E,eAAe,CAAC,EAAE,UAAU,CAAC,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,GAAG,gBAAgB,CAAC,CAAC;CAC1E"}

package/dist/props/border-width.props.js CHANGED Viewed

@@ -1,4 +1,4 @@
 "use client";
-import{a}from"../chunk-GJWSFJK7.js";export{a as borderWidthPropDefs};
+import{a}from"../chunk-2I2UZSNU.js";export{a as borderWidthPropDefs};
 //# sourceMappingURL=border-width.props.js.map

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@utilitywarehouse/hearth-react",
-  "version": "0.29.7",
+  "version": "0.29.9",
   "description": "React components",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -90,10 +90,10 @@
     "tsx": "^4.19.3",
     "vitest": "^4.1.7",
     "@utilitywarehouse/hearth-storybook-utils": "0.0.0",
-    "@utilitywarehouse/hearth-svg-assets": "0.6.2",
     "@utilitywarehouse/hearth-fonts": "0.0.4",
-    "@utilitywarehouse/hearth-react-icons": "0.8.2",
-    "@utilitywarehouse/hearth-tokens": "0.3.1"
+    "@utilitywarehouse/hearth-react-icons": "0.8.3",
+    "@utilitywarehouse/hearth-svg-assets": "0.6.2",
+    "@utilitywarehouse/hearth-tokens": "0.4.0"
   },
   "scripts": {
     "clean": "rm -rf .turbo node_modules dist *.css storybook-static",

package/public/llms/components/accordion.md CHANGED Viewed

@@ -269,28 +269,21 @@ This component is based on the `div` element and supports the following common p
 - Margin
-| Prop               | Type                                                                                                                                                                                                       | Default | Description                                                                                                                                                                                                                                                                                                                                    |
-| ------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `defaultValue`     | `string \| string[]`                                                                                                                                                                                       | —       | The value of the item whose content is expanded when the accordion is initially rendered. Use `defaultValue` if you do not need to control the state of an accordion. The value of the items whose contents are expanded when the accordion is initially rendered. Use `defaultValue` if you do not need to control the state of an accordion. |
-| `heading`          | `string`                                                                                                                                                                                                   | —       | Actual string to display as section header                                                                                                                                                                                                                                                                                                     |
-| `type`             | `"single" \| "multiple"`                                                                                                                                                                                   | —       |                                                                                                                                                                                                                                                                                                                                                |
-| `value`            | `string \| string[]`                                                                                                                                                                                       | —       | The controlled stateful value of the accordion item whose content is expanded. The controlled stateful value of the accordion items whose contents are expanded.                                                                                                                                                                               |
-| `onValueChange`    | `((value: string) => void) \| ((value: string[]) => void)`                                                                                                                                                 | —       | The callback that fires when the state of the accordion changes.                                                                                                                                                                                                                                                                               |
-| `collapsible`      | `boolean`                                                                                                                                                                                                  | —       |                                                                                                                                                                                                                                                                                                                                                |
-| `disabled`         | `boolean`                                                                                                                                                                                                  | —       | Whether or not an accordion is disabled from user interaction. @defaultValue false                                                                                                                                                                                                                                                             |
-| `headingElement`   | `"h1" \| "h2" \| "h3" \| "h4"`                                                                                                                                                                             | —       |                                                                                                                                                                                                                                                                                                                                                |
-| `helperText`       | `string`                                                                                                                                                                                                   | —       | Optional helper text to provide additional context or instructions.                                                                                                                                                                                                                                                                            |
-| `trailingContent`  | `ReactNode`                                                                                                                                                                                                | —       | Optional trailing content element                                                                                                                                                                                                                                                                                                              |
-| `validationStatus` | `"invalid"`                                                                                                                                                                                                | —       | Indicates the validation state                                                                                                                                                                                                                                                                                                                 |
-| `validationText`   | `string`                                                                                                                                                                                                   | —       | Text to display when the `validationStatus` is set.                                                                                                                                                                                                                                                                                            |
-| `direction`        | `Responsive<"row" \| "column">`                                                                                                                                                                            | —       | Responsive direction of the section header content. By default, the content is laid out in a row.                                                                                                                                                                                                                                              |
-| `margin`           | `Responsive<"0" \| "auto" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                                                                                                                                                                                                                                                                                                                                |
-| `marginTop`        | `Responsive<"0" \| "auto" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                                                                                                                                                                                                                                                                                                                                |
-| `marginRight`      | `Responsive<"0" \| "auto" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                                                                                                                                                                                                                                                                                                                                |
-| `marginBottom`     | `Responsive<"0" \| "auto" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                                                                                                                                                                                                                                                                                                                                |
-| `marginLeft`       | `Responsive<"0" \| "auto" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                                                                                                                                                                                                                                                                                                                                |
-| `marginX`          | `Responsive<"0" \| "auto" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                                                                                                                                                                                                                                                                                                                                |
-| `marginY`          | `Responsive<"0" \| "auto" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                                                                                                                                                                                                                                                                                                                                |
+| Prop               | Type                                                       | Default | Description                                                                                                                                                                                                                                                                                                                                    |
+| ------------------ | ---------------------------------------------------------- | ------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `defaultValue`     | `string \| string[]`                                       | —       | The value of the item whose content is expanded when the accordion is initially rendered. Use `defaultValue` if you do not need to control the state of an accordion. The value of the items whose contents are expanded when the accordion is initially rendered. Use `defaultValue` if you do not need to control the state of an accordion. |
+| `heading`          | `string`                                                   | —       | Actual string to display as section header                                                                                                                                                                                                                                                                                                     |
+| `type`             | `"single" \| "multiple"`                                   | —       |                                                                                                                                                                                                                                                                                                                                                |
+| `value`            | `string \| string[]`                                       | —       | The controlled stateful value of the accordion item whose content is expanded. The controlled stateful value of the accordion items whose contents are expanded.                                                                                                                                                                               |
+| `onValueChange`    | `((value: string) => void) \| ((value: string[]) => void)` | —       | The callback that fires when the state of the accordion changes.                                                                                                                                                                                                                                                                               |
+| `collapsible`      | `boolean`                                                  | —       |                                                                                                                                                                                                                                                                                                                                                |
+| `disabled`         | `boolean`                                                  | —       | Whether or not an accordion is disabled from user interaction. @defaultValue false                                                                                                                                                                                                                                                             |
+| `headingElement`   | `"h1" \| "h2" \| "h3" \| "h4"`                             | —       |                                                                                                                                                                                                                                                                                                                                                |
+| `helperText`       | `string`                                                   | —       | Optional helper text to provide additional context or instructions.                                                                                                                                                                                                                                                                            |
+| `trailingContent`  | `ReactNode`                                                | —       | Optional trailing content element                                                                                                                                                                                                                                                                                                              |
+| `validationStatus` | `"invalid"`                                                | —       | Indicates the validation state                                                                                                                                                                                                                                                                                                                 |
+| `validationText`   | `string`                                                   | —       | Text to display when the `validationStatus` is set.                                                                                                                                                                                                                                                                                            |
+| `direction`        | `Responsive<"row" \| "column">`                            | —       | Responsive direction of the section header content. By default, the content is laid out in a row.                                                                                                                                                                                                                                              |
 ### AccordionItem

package/public/llms/components/alert.md CHANGED Viewed

@@ -190,28 +190,9 @@ This component supports the following common props:
 - Flex item
 - Grid item
-| Prop              | Type                                                                                                                                                                                                       | Default | Description                            |
-| ----------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------------------------------------- |
-| `title`           | `string`                                                                                                                                                                                                   | —       | Sets the title of the alert.           |
-| `text`            | `ReactNode`                                                                                                                                                                                                | —       | Sets the text of the alert.            |
-| `colorScheme`     | `"info" \| "positive" \| "danger" \| "warning"`                                                                                                                                                            | `info`  | Sets the colour scheme.                |
-| `onClose`         | `(() => void)`                                                                                                                                                                                             | —       | Sets the onClose handler of the alert. |
-| `margin`          | `Responsive<"auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                        |
-| `marginTop`       | `Responsive<"auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                        |
-| `marginRight`     | `Responsive<"auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                        |
-| `marginBottom`    | `Responsive<"auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                        |
-| `marginLeft`      | `Responsive<"auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                        |
-| `marginX`         | `Responsive<"auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                        |
-| `marginY`         | `Responsive<"auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                        |
-| `flex`            | `Responsive<string>`                                                                                                                                                                                       | —       |                                        |
-| `flexBasis`       | `Responsive<string>`                                                                                                                                                                                       | —       |                                        |
-| `flexShrink`      | `Responsive<string>`                                                                                                                                                                                       | —       |                                        |
-| `flexGrow`        | `Responsive<string>`                                                                                                                                                                                       | —       |                                        |
-| `gridColumnSpan`  | `Responsive<Union<string, "1" \| "2" \| "3" \| "4" \| "5" \| "6" \| "7" \| "8" \| "9" \| "10" \| "11" \| "12">>`                                                                                           | —       |                                        |
-| `gridArea`        | `Responsive<string>`                                                                                                                                                                                       | —       |                                        |
-| `gridColumn`      | `Responsive<string>`                                                                                                                                                                                       | —       |                                        |
-| `gridColumnStart` | `Responsive<string>`                                                                                                                                                                                       | —       |                                        |
-| `gridColumnEnd`   | `Responsive<string>`                                                                                                                                                                                       | —       |                                        |
-| `gridRow`         | `Responsive<string>`                                                                                                                                                                                       | —       |                                        |
-| `gridRowStart`    | `Responsive<string>`                                                                                                                                                                                       | —       |                                        |
-| `gridRowEnd`      | `Responsive<string>`                                                                                                                                                                                       | —       |                                        |
+| Prop          | Type                                            | Default | Description                            |
+| ------------- | ----------------------------------------------- | ------- | -------------------------------------- |
+| `title`       | `string`                                        | —       | Sets the title of the alert.           |
+| `text`        | `ReactNode`                                     | —       | Sets the text of the alert.            |
+| `colorScheme` | `"info" \| "positive" \| "danger" \| "warning"` | `info`  | Sets the colour scheme.                |
+| `onClose`     | `(() => void)`                                  | —       | Sets the onClose handler of the alert. |

package/public/llms/components/avatar.md CHANGED Viewed

@@ -97,16 +97,9 @@ This component is based on the `img` & `span` elements and supports the followin
 - Margin
-| Prop                    | Type                                                                                                                                                                                                       | Default | Description                                                                                         |
-| ----------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | --------------------------------------------------------------------------------------------------- |
-| `onLoadingStatusChange` | `((status: ImageLoadingStatus) => void)`                                                                                                                                                                   | —       |                                                                                                     |
-| `delayMs`               | `number`                                                                                                                                                                                                   | —       |                                                                                                     |
-| `name`                  | `string`                                                                                                                                                                                                   | —       | Set the name associated with the avatar, used for creating initials, and an accessible description. |
-| `size`                  | `Responsive<"sm" \| "md">`                                                                                                                                                                                 | `md`    | Sets the avatar size.                                                                               |
-| `margin`                | `Responsive<"0" \| "auto" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                                                                                     |
-| `marginTop`             | `Responsive<"0" \| "auto" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                                                                                     |
-| `marginRight`           | `Responsive<"0" \| "auto" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                                                                                     |
-| `marginBottom`          | `Responsive<"0" \| "auto" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                                                                                     |
-| `marginLeft`            | `Responsive<"0" \| "auto" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                                                                                     |
-| `marginX`               | `Responsive<"0" \| "auto" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                                                                                     |
-| `marginY`               | `Responsive<"0" \| "auto" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                                                                                     |
+| Prop                    | Type                                     | Default | Description                                                                                         |
+| ----------------------- | ---------------------------------------- | ------- | --------------------------------------------------------------------------------------------------- |
+| `onLoadingStatusChange` | `((status: ImageLoadingStatus) => void)` | —       |                                                                                                     |
+| `delayMs`               | `number`                                 | —       |                                                                                                     |
+| `name`                  | `string`                                 | —       | Set the name associated with the avatar, used for creating initials, and an accessible description. |
+| `size`                  | `Responsive<"sm" \| "md">`               | `md`    | Sets the avatar size.                                                                               |

package/public/llms/components/badge.md CHANGED Viewed

@@ -142,17 +142,9 @@ This component is based on the `span` element and supports the following common
 - Margin
 - Text transform
-| Prop            | Type                                                                                                                                                                                                       | Default  | Description                                                                         |
-| --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------------------------------------------------------------------------------- |
-| `variant`       | `"emphasis" \| "subtle" \| "outline"`                                                                                                                                                                      | `subtle` | Sets the badges's visual variant                                                    |
-| `size`          | `Responsive<"sm" \| "md">`                                                                                                                                                                                 | `md`     | Sets the badge size.                                                                |
-| `colorScheme`   | `"mobile" \| "info" \| "positive" \| "danger" \| "warning" \| "functional" \| "energy" \| "broadband" \| "insurance" \| "cashback" \| "pig" \| "highlight"`                                                | `info`   | Sets the colour scheme.                                                             |
-| `flatBase`      | `boolean`                                                                                                                                                                                                  | `false`  | Removes the bottom radius, set when the Badge sits directly above another container |
-| `margin`        | `Responsive<"auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —        |                                                                                     |
-| `marginTop`     | `Responsive<"auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —        |                                                                                     |
-| `marginRight`   | `Responsive<"auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —        |                                                                                     |
-| `marginBottom`  | `Responsive<"auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —        |                                                                                     |
-| `marginLeft`    | `Responsive<"auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —        |                                                                                     |
-| `marginX`       | `Responsive<"auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —        |                                                                                     |
-| `marginY`       | `Responsive<"auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —        |                                                                                     |
-| `textTransform` | `"none" \| "uppercase" \| "lowercase" \| "capitalize"`                                                                                                                                                     | —        | Set the text-transform on the component.                                            |
+| Prop          | Type                                                                                                                                                        | Default  | Description                                                                         |
+| ------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------------------------------------------------------------------------------- |
+| `variant`     | `"emphasis" \| "subtle" \| "outline"`                                                                                                                       | `subtle` | Sets the badges's visual variant                                                    |
+| `size`        | `Responsive<"sm" \| "md">`                                                                                                                                  | `md`     | Sets the badge size.                                                                |
+| `colorScheme` | `"mobile" \| "info" \| "positive" \| "danger" \| "warning" \| "functional" \| "energy" \| "broadband" \| "insurance" \| "cashback" \| "pig" \| "highlight"` | `info`   | Sets the colour scheme.                                                             |
+| `flatBase`    | `boolean`                                                                                                                                                   | `false`  | Removes the bottom radius, set when the Badge sits directly above another container |

package/public/llms/components/body-text.md CHANGED Viewed

@@ -204,23 +204,11 @@ This component is based on the `p` element and supports the following common pro
 - Text wrap
 - Text transform
-| Prop               | Type                                                                                                                                                                                                       | Default   | Description                                                                                                                                                                                                                           |
-| ------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `as`               | `"span" \| "div" \| "label" \| "p"`                                                                                                                                                                        | `p`       | Shorthand for changing the default rendered element into a semantically appropriate alternative. Cannot be used in combination with `asChild`.                                                                                        |
-| `asChild`          | `boolean`                                                                                                                                                                                                  | —         | Change the default rendered element for the one passed as a child, merging their props and behavior.                                                                                                                                  |
-| `size`             | `Responsive<"sm" \| "md" \| "lg">`                                                                                                                                                                         | `md`      | Set the text size styles.                                                                                                                                                                                                             |
-| `weight`           | `Responsive<"regular" \| "semibold" \| "bold">`                                                                                                                                                            | `regular` | Set the font-weight                                                                                                                                                                                                                   |
-| `truncate`         | `boolean`                                                                                                                                                                                                  | —         | If true, the text will not wrap, but instead will truncate with a text overflow ellipsis. Note that text overflow can only happen with block or inline-block level elements (the element needs to have a width in order to overflow). |
-| `paragraphSpacing` | `boolean`                                                                                                                                                                                                  | —         | If true, the text will have a bottom margin.                                                                                                                                                                                          |
-| `color`            | `"primary" \| "secondary" \| "brand" \| "affirmative" \| "inverted" \| `var(--h-${string})``                                                                                                               | —         |                                                                                                                                                                                                                                       |
-| `textAlign`        | `Responsive<"center" \| "left" \| "right">`                                                                                                                                                                | —         |                                                                                                                                                                                                                                       |
-| `textTransform`    | `"none" \| "uppercase" \| "lowercase" \| "capitalize"`                                                                                                                                                     | —         | Set the text-transform on the component.                                                                                                                                                                                              |
-| `wrap`             | `Responsive<"wrap" \| "nowrap" \| "balance" \| "pretty">`                                                                                                                                                  | —         | DEPRECATED: use `textWrap` instead of `wrap` @deprecated Use `textWrap` instead of `wrap`                                                                                                                                             |
-| `textWrap`         | `Responsive<"wrap" \| "nowrap" \| "balance" \| "pretty">`                                                                                                                                                  | —         |                                                                                                                                                                                                                                       |
-| `margin`           | `Responsive<`var(--h-${string})` \| "auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000">` | —         |                                                                                                                                                                                                                                       |
-| `marginTop`        | `Responsive<`var(--h-${string})` \| "auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000">` | —         |                                                                                                                                                                                                                                       |
-| `marginRight`      | `Responsive<`var(--h-${string})` \| "auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000">` | —         |                                                                                                                                                                                                                                       |
-| `marginBottom`     | `Responsive<`var(--h-${string})` \| "auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000">` | —         |                                                                                                                                                                                                                                       |
-| `marginLeft`       | `Responsive<`var(--h-${string})` \| "auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000">` | —         |                                                                                                                                                                                                                                       |
-| `marginX`          | `Responsive<`var(--h-${string})` \| "auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000">` | —         |                                                                                                                                                                                                                                       |
-| `marginY`          | `Responsive<`var(--h-${string})` \| "auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000">` | —         |                                                                                                                                                                                                                                       |
+| Prop               | Type                                            | Default   | Description                                                                                                                                                                                                                           |
+| ------------------ | ----------------------------------------------- | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `as`               | `"span" \| "div" \| "label" \| "p"`             | `p`       | Shorthand for changing the default rendered element into a semantically appropriate alternative. Cannot be used in combination with `asChild`.                                                                                        |
+| `asChild`          | `boolean`                                       | —         | Change the default rendered element for the one passed as a child, merging their props and behavior.                                                                                                                                  |
+| `size`             | `Responsive<"sm" \| "md" \| "lg">`              | `md`      | Set the text size styles.                                                                                                                                                                                                             |
+| `weight`           | `Responsive<"regular" \| "semibold" \| "bold">` | `regular` | Set the font-weight                                                                                                                                                                                                                   |
+| `truncate`         | `boolean`                                       | —         | If true, the text will not wrap, but instead will truncate with a text overflow ellipsis. Note that text overflow can only happen with block or inline-block level elements (the element needs to have a width in order to overflow). |
+| `paragraphSpacing` | `boolean`                                       | —         | If true, the text will have a bottom margin.                                                                                                                                                                                          |

package/public/llms/components/box.md CHANGED Viewed

@@ -68,81 +68,8 @@ This component is based on the `div` element and supports the following common p
 - Opacity
 - Order
-| Prop                          | Type                                                                                                                                                                                                       | Default | Description                              |
-| ----------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | ---------------------------------------- |
-| `asChild`                     | `boolean`                                                                                                                                                                                                  | —       |                                          |
-| `display`                     | `Responsive<"none" \| "inline" \| "inline-block" \| "block">`                                                                                                                                              | —       |                                          |
-| `alignSelf`                   | `Responsive<"center" \| "start" \| "end" \| "stretch">`                                                                                                                                                    | —       |                                          |
-| `backgroundColor`             | `"primary" \| "secondary" \| "brand" \| `var(--h-${string})``                                                                                                                                              | —       |                                          |
-| `borderColor`                 | `"strong" \| `var(--h-${string})` \| "subtle"`                                                                                                                                                             | —       |                                          |
-| `borderTopColor`              | `"strong" \| `var(--h-${string})` \| "subtle"`                                                                                                                                                             | —       |                                          |
-| `borderRightColor`            | `"strong" \| `var(--h-${string})` \| "subtle"`                                                                                                                                                             | —       |                                          |
-| `borderBottomColor`           | `"strong" \| `var(--h-${string})` \| "subtle"`                                                                                                                                                             | —       |                                          |
-| `borderLeftColor`             | `"strong" \| `var(--h-${string})` \| "subtle"`                                                                                                                                                             | —       |                                          |
-| `borderRadius`                | `Responsive<"none" \| "xs" \| "sm" \| "md" \| "lg" \| "xl" \| "full" \| "inherit">`                                                                                                                        | —       |                                          |
-| `borderRadiusTopLeftNone`     | `boolean`                                                                                                                                                                                                  | —       |                                          |
-| `borderRadiusTopRightNone`    | `boolean`                                                                                                                                                                                                  | —       |                                          |
-| `borderRadiusBottomLeftNone`  | `boolean`                                                                                                                                                                                                  | —       |                                          |
-| `borderRadiusBottomRightNone` | `boolean`                                                                                                                                                                                                  | —       |                                          |
-| `borderRadiusTopNone`         | `boolean`                                                                                                                                                                                                  | —       |                                          |
-| `borderRadiusRightNone`       | `boolean`                                                                                                                                                                                                  | —       |                                          |
-| `borderRadiusBottomNone`      | `boolean`                                                                                                                                                                                                  | —       |                                          |
-| `borderRadiusLeftNone`        | `boolean`                                                                                                                                                                                                  | —       |                                          |
-| `borderStyle`                 | `Responsive<"none" \| "solid">`                                                                                                                                                                            | —       |                                          |
-| `borderTopStyle`              | `Responsive<"none" \| "solid">`                                                                                                                                                                            | —       |                                          |
-| `borderRightStyle`            | `Responsive<"none" \| "solid">`                                                                                                                                                                            | —       |                                          |
-| `borderBottomStyle`           | `Responsive<"none" \| "solid">`                                                                                                                                                                            | —       |                                          |
-| `borderLeftStyle`             | `Responsive<"none" \| "solid">`                                                                                                                                                                            | —       |                                          |
-| `borderWidth`                 | `Responsive<"0" \| "1" \| "2">`                                                                                                                                                                            | —       |                                          |
-| `borderTopWidth`              | `Responsive<"0" \| "1" \| "2">`                                                                                                                                                                            | —       |                                          |
-| `borderRightWidth`            | `Responsive<"0" \| "1" \| "2">`                                                                                                                                                                            | —       |                                          |
-| `borderBottomWidth`           | `Responsive<"0" \| "1" \| "2">`                                                                                                                                                                            | —       |                                          |
-| `borderLeftWidth`             | `Responsive<"0" \| "1" \| "2">`                                                                                                                                                                            | —       |                                          |
-| `color`                       | `"primary" \| "secondary" \| "brand" \| "affirmative" \| "inverted" \| `var(--h-${string})``                                                                                                               | —       |                                          |
-| `flex`                        | `Responsive<string>`                                                                                                                                                                                       | —       |                                          |
-| `flexBasis`                   | `Responsive<string>`                                                                                                                                                                                       | —       |                                          |
-| `flexShrink`                  | `Responsive<string>`                                                                                                                                                                                       | —       |                                          |
-| `flexGrow`                    | `Responsive<string>`                                                                                                                                                                                       | —       |                                          |
-| `gridColumnSpan`              | `Responsive<Union<string, "1" \| "2" \| "3" \| "4" \| "5" \| "6" \| "7" \| "8" \| "9" \| "10" \| "11" \| "12">>`                                                                                           | —       |                                          |
-| `gridArea`                    | `Responsive<string>`                                                                                                                                                                                       | —       |                                          |
-| `gridColumn`                  | `Responsive<string>`                                                                                                                                                                                       | —       |                                          |
-| `gridColumnStart`             | `Responsive<string>`                                                                                                                                                                                       | —       |                                          |
-| `gridColumnEnd`               | `Responsive<string>`                                                                                                                                                                                       | —       |                                          |
-| `gridRow`                     | `Responsive<string>`                                                                                                                                                                                       | —       |                                          |
-| `gridRowStart`                | `Responsive<string>`                                                                                                                                                                                       | —       |                                          |
-| `gridRowEnd`                  | `Responsive<string>`                                                                                                                                                                                       | —       |                                          |
-| `margin`                      | `Responsive<`var(--h-${string})` \| "0" \| "auto" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000">` | —       |                                          |
-| `marginTop`                   | `Responsive<`var(--h-${string})` \| "0" \| "auto" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000">` | —       |                                          |
-| `marginRight`                 | `Responsive<`var(--h-${string})` \| "0" \| "auto" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000">` | —       |                                          |
-| `marginBottom`                | `Responsive<`var(--h-${string})` \| "0" \| "auto" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000">` | —       |                                          |
-| `marginLeft`                  | `Responsive<`var(--h-${string})` \| "0" \| "auto" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000">` | —       |                                          |
-| `marginX`                     | `Responsive<`var(--h-${string})` \| "0" \| "auto" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000">` | —       |                                          |
-| `marginY`                     | `Responsive<`var(--h-${string})` \| "0" \| "auto" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000">` | —       |                                          |
-| `opacity`                     | `Responsive<string>`                                                                                                                                                                                       | —       |                                          |
-| `order`                       | `Responsive<string>`                                                                                                                                                                                       | —       |                                          |
-| `overflow`                    | `Responsive<"hidden" \| "auto" \| "visible" \| "clip" \| "scroll">`                                                                                                                                        | —       |                                          |
-| `overflowX`                   | `Responsive<"hidden" \| "auto" \| "visible" \| "clip" \| "scroll">`                                                                                                                                        | —       |                                          |
-| `overflowY`                   | `Responsive<"hidden" \| "auto" \| "visible" \| "clip" \| "scroll">`                                                                                                                                        | —       |                                          |
-| `padding`                     | `Responsive<`var(--h-${string})` \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000">`           | —       |                                          |
-| `paddingTop`                  | `Responsive<`var(--h-${string})` \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000">`           | —       |                                          |
-| `paddingRight`                | `Responsive<`var(--h-${string})` \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000">`           | —       |                                          |
-| `paddingBottom`               | `Responsive<`var(--h-${string})` \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000">`           | —       |                                          |
-| `paddingLeft`                 | `Responsive<`var(--h-${string})` \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000">`           | —       |                                          |
-| `paddingX`                    | `Responsive<`var(--h-${string})` \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000">`           | —       |                                          |
-| `paddingY`                    | `Responsive<`var(--h-${string})` \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000">`           | —       |                                          |
-| `position`                    | `Responsive<"fixed" \| "static" \| "relative" \| "absolute" \| "sticky">`                                                                                                                                  | —       |                                          |
-| `inset`                       | `Responsive<Union<string, "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000">>`                    | —       |                                          |
-| `top`                         | `Responsive<Union<string, "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000">>`                    | —       |                                          |
-| `right`                       | `Responsive<Union<string, "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000">>`                    | —       |                                          |
-| `bottom`                      | `Responsive<Union<string, "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000">>`                    | —       |                                          |
-| `left`                        | `Responsive<Union<string, "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000">>`                    | —       |                                          |
-| `width`                       | `Responsive<string>`                                                                                                                                                                                       | —       |                                          |
-| `maxWidth`                    | `Responsive<string>`                                                                                                                                                                                       | —       |                                          |
-| `minWidth`                    | `Responsive<string>`                                                                                                                                                                                       | —       |                                          |
-| `height`                      | `Responsive<string>`                                                                                                                                                                                       | —       |                                          |
-| `maxHeight`                   | `Responsive<string>`                                                                                                                                                                                       | —       |                                          |
-| `minHeight`                   | `Responsive<string>`                                                                                                                                                                                       | —       |                                          |
-| `textAlign`                   | `Responsive<"center" \| "right" \| "left">`                                                                                                                                                                | —       |                                          |
-| `textTransform`               | `"none" \| "uppercase" \| "lowercase" \| "capitalize"`                                                                                                                                                     | —       | Set the text-transform on the component. |
-| `zIndex`                      | `Responsive<string>`                                                                                                                                                                                       | —       |                                          |
-| `as`                          | `"div" \| "span"`                                                                                                                                                                                          | —       |                                          |
+| Prop      | Type                                                          | Default | Description |
+| --------- | ------------------------------------------------------------- | ------- | ----------- |
+| `asChild` | `boolean`                                                     | —       |             |
+| `display` | `Responsive<"none" \| "inline" \| "inline-block" \| "block">` | —       |             |
+| `as`      | `"div" \| "span"`                                             | —       |             |

package/public/llms/components/button.md CHANGED Viewed

@@ -577,19 +577,12 @@ This component is based on the `button` element and supports the following commo
 - Margin
-| Prop           | Type                                                                                                                                                                                                       | Default | Description                                                                                           |
-| -------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | ----------------------------------------------------------------------------------------------------- |
-| `margin`       | `Responsive<"auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                                                                                       |
-| `marginTop`    | `Responsive<"auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                                                                                       |
-| `marginRight`  | `Responsive<"auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                                                                                       |
-| `marginBottom` | `Responsive<"auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                                                                                       |
-| `marginLeft`   | `Responsive<"auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                                                                                       |
-| `marginX`      | `Responsive<"auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                                                                                       |
-| `marginY`      | `Responsive<"auto" \| "0" \| "25" \| "50" \| "75" \| "100" \| "150" \| "175" \| "200" \| "250" \| "300" \| "350" \| "400" \| "500" \| "600" \| "700" \| "800" \| "900" \| "1000" \| `var(--h-${string})`>` | —       |                                                                                                       |
-| `variant`      | `"emphasis" \| "solid" \| "outline" \| "ghost"`                                                                                                                                                            | —       | Sets the button's visual variant                                                                      |
-| `colorScheme`  | `"highlight" \| "affirmative" \| "destructive" \| "functional"`                                                                                                                                            | —       | Sets the button's colour scheme                                                                       |
-| `asChild`      | `boolean`                                                                                                                                                                                                  | —       | Change the default rendered element for the one passed as a child, merging their props and behavior.  |
-| `loading`      | `boolean`                                                                                                                                                                                                  | —       | Indicate when the button is in a loading state, will also disable the button.                         |
-| `inverted`     | `boolean`                                                                                                                                                                                                  | —       | Inverts the component colours, for use on darker surface colours.                                     |
-| `size`         | `Responsive<"sm" \| "md">`                                                                                                                                                                                 | `md`    | Sets the button height.                                                                               |
-| `paddingNone`  | `boolean`                                                                                                                                                                                                  | —       | Remove the inline padding for better alignment with other elements. Only affects the `ghost` variant. |
+| Prop          | Type                                                            | Default | Description                                                                                           |
+| ------------- | --------------------------------------------------------------- | ------- | ----------------------------------------------------------------------------------------------------- |
+| `variant`     | `"emphasis" \| "solid" \| "outline" \| "ghost"`                 | —       | Sets the button's visual variant                                                                      |
+| `colorScheme` | `"highlight" \| "affirmative" \| "destructive" \| "functional"` | —       | Sets the button's colour scheme                                                                       |
+| `asChild`     | `boolean`                                                       | —       | Change the default rendered element for the one passed as a child, merging their props and behavior.  |
+| `loading`     | `boolean`                                                       | —       | Indicate when the button is in a loading state, will also disable the button.                         |
+| `inverted`    | `boolean`                                                       | —       | Inverts the component colours, for use on darker surface colours.                                     |
+| `size`        | `Responsive<"sm" \| "md">`                                      | `md`    | Sets the button height.                                                                               |
+| `paddingNone` | `boolean`                                                       | —       | Remove the inline padding for better alignment with other elements. Only affects the `ghost` variant. |