@preply/ds-docs 11.0.0 → 11.1.0

package/dist/assets/ButtonBase-DV0YtoS6.js

@@ -0,0 +1,8 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{_ as r,at as i,b as a,gt as o,ht as s,it as ee,mt as c,s as l,t as u,w as d,x as f,y as p}from"./dist-DtfJeYQK.js";import{t as m}from"./jsx-runtime-C2wGStra.js";import{n as h,t as g}from"./filterAttributesPassedByRadixUIAtRuntime-CGiuUnR2.js";import{n as _,t as v}from"./useMergeRefs-D0D5dYrn.js";import{n as y,t as b}from"./Spinner-9IaQuPm2.js";var x,S,C=t((()=>{x=`ButtonBase__0qXGj`,S={"button-width--width-full":`button-width--width-full__nxjVK`,"button-width--width-auto":`button-width--width-auto__CngVf`,"button-width--narrow-l--width-full":`button-width--narrow-l--width-full__rZc8T`,"button-width--narrow-l--width-auto":`button-width--narrow-l--width-auto__Fs14X`,"button-width--medium-s--width-full":`button-width--medium-s--width-full__lb8XX`,"button-width--medium-s--width-auto":`button-width--medium-s--width-auto__gtajp`,"button-width--medium-l--width-full":`button-width--medium-l--width-full__qOGDr`,"button-width--medium-l--width-auto":`button-width--medium-l--width-auto__vFKgm`,"button-width--wide-s--width-full":`button-width--wide-s--width-full__5nhxD`,"button-width--wide-s--width-auto":`button-width--wide-s--width-auto__J4Ht3`,"button-width--wide-l--width-full":`button-width--wide-l--width-full__Rsexc`,"button-width--wide-l--width-auto":`button-width--wide-l--width-auto__k6Ctk`,ButtonBase:x,"ButtonBase--content":`ButtonBase--content__ZEhK4`,"ButtonBase--is-icon-button":`ButtonBase--is-icon-button__CDG-9`,"ButtonBase--is-icon-button-size-large":`ButtonBase--is-icon-button-size-large__bebMj`,"ButtonBase--busy":`ButtonBase--busy__M2Cgo`,"ButtonBase--dsInternalSimulation-focus":`ButtonBase--dsInternalSimulation-focus__xhIA9`,"ButtonBase--is-busy":`ButtonBase--is-busy__FT7vR`,"ButtonBase--width-full":`ButtonBase--width-full__0ENoK`,"ButtonBase--width-auto":`ButtonBase--width-auto__vwDOv`,"ButtonBase--narrow-l--width-full":`ButtonBase--narrow-l--width-full__-H9pn`,"ButtonBase--narrow-l--width-auto":`ButtonBase--narrow-l--width-auto__2i3td`,"ButtonBase--medium-s--width-full":`ButtonBase--medium-s--width-full__sNHbR`,"ButtonBase--medium-s--width-auto":`ButtonBase--medium-s--width-auto__6T6zO`,"ButtonBase--medium-l--width-full":`ButtonBase--medium-l--width-full__FTcYM`,"ButtonBase--medium-l--width-auto":`ButtonBase--medium-l--width-auto__KPNbM`,"ButtonBase--wide-s--width-full":`ButtonBase--wide-s--width-full__YgEMT`,"ButtonBase--wide-s--width-auto":`ButtonBase--wide-s--width-auto__nM-ia`,"ButtonBase--wide-l--width-full":`ButtonBase--wide-l--width-full__CFPdD`,"ButtonBase--wide-l--width-auto":`ButtonBase--wide-l--width-auto__6gGyZ`,"ButtonBase--size-large":`ButtonBase--size-large__-OxgW`,"ButtonBase--size-medium":`ButtonBase--size-medium__YgQDT`,"ButtonBase--is-icon-button-size-medium":`ButtonBase--is-icon-button-size-medium__AC6Cq`,"ButtonBase--size-small":`ButtonBase--size-small__UMBKe`,"ButtonBase--is-icon-button-size-small":`ButtonBase--is-icon-button-size-small__hZmvi`,"ButtonBase--narrow-l--size-large":`ButtonBase--narrow-l--size-large__jbaAB`,"ButtonBase--narrow-l--is-icon-button-size-large":`ButtonBase--narrow-l--is-icon-button-size-large__UIpIh`,"ButtonBase--narrow-l--size-medium":`ButtonBase--narrow-l--size-medium__62t1K`,"ButtonBase--narrow-l--is-icon-button-size-medium":`ButtonBase--narrow-l--is-icon-button-size-medium__r2nuk`,"ButtonBase--narrow-l--size-small":`ButtonBase--narrow-l--size-small__8uFFR`,"ButtonBase--narrow-l--is-icon-button-size-small":`ButtonBase--narrow-l--is-icon-button-size-small__CkKxU`,"ButtonBase--medium-s--size-large":`ButtonBase--medium-s--size-large__XpFoi`,"ButtonBase--medium-s--is-icon-button-size-large":`ButtonBase--medium-s--is-icon-button-size-large__-IvSU`,"ButtonBase--medium-s--size-medium":`ButtonBase--medium-s--size-medium__ZA4JC`,"ButtonBase--medium-s--is-icon-button-size-medium":`ButtonBase--medium-s--is-icon-button-size-medium__946RE`,"ButtonBase--medium-s--size-small":`ButtonBase--medium-s--size-small__nNIDt`,"ButtonBase--medium-s--is-icon-button-size-small":`ButtonBase--medium-s--is-icon-button-size-small__aAjgr`,"ButtonBase--medium-l--size-large":`ButtonBase--medium-l--size-large__yo-U7`,"ButtonBase--medium-l--is-icon-button-size-large":`ButtonBase--medium-l--is-icon-button-size-large__3ORQx`,"ButtonBase--medium-l--size-medium":`ButtonBase--medium-l--size-medium__N9rbz`,"ButtonBase--medium-l--is-icon-button-size-medium":`ButtonBase--medium-l--is-icon-button-size-medium__EFk6V`,"ButtonBase--medium-l--size-small":`ButtonBase--medium-l--size-small__FMlot`,"ButtonBase--medium-l--is-icon-button-size-small":`ButtonBase--medium-l--is-icon-button-size-small__Ak0TL`,"ButtonBase--wide-s--size-large":`ButtonBase--wide-s--size-large__ASjU0`,"ButtonBase--wide-s--is-icon-button-size-large":`ButtonBase--wide-s--is-icon-button-size-large__hF4qT`,"ButtonBase--wide-s--size-medium":`ButtonBase--wide-s--size-medium__glo8Q`,"ButtonBase--wide-s--is-icon-button-size-medium":`ButtonBase--wide-s--is-icon-button-size-medium__W-O0C`,"ButtonBase--wide-s--size-small":`ButtonBase--wide-s--size-small__b10zZ`,"ButtonBase--wide-s--is-icon-button-size-small":`ButtonBase--wide-s--is-icon-button-size-small__-E8EY`,"ButtonBase--wide-l--size-large":`ButtonBase--wide-l--size-large__qXddN`,"ButtonBase--wide-l--is-icon-button-size-large":`ButtonBase--wide-l--is-icon-button-size-large__ceEkB`,"ButtonBase--wide-l--size-medium":`ButtonBase--wide-l--size-medium__OPxKX`,"ButtonBase--wide-l--is-icon-button-size-medium":`ButtonBase--wide-l--is-icon-button-size-medium__dAxcc`,"ButtonBase--wide-l--size-small":`ButtonBase--wide-l--size-small__tqGj-`,"ButtonBase--wide-l--is-icon-button-size-small":`ButtonBase--wide-l--is-icon-button-size-small__cCSAh`,"ButtonBase--variant-primary":`ButtonBase--variant-primary__oSRJV`,"ButtonBase--variant-primary--dsInternalSimulation-hover":`ButtonBase--variant-primary--dsInternalSimulation-hover__D7OCC`,"ButtonBase--variant-primary--dsInternalSimulation-active":`ButtonBase--variant-primary--dsInternalSimulation-active__V0iju`,"ButtonBase--variant-secondary":`ButtonBase--variant-secondary__APosz`,"ButtonBase--variant-secondary--dsInternalSimulation-hover":`ButtonBase--variant-secondary--dsInternalSimulation-hover__5F1t-`,"ButtonBase--variant-secondary--dsInternalSimulation-active":`ButtonBase--variant-secondary--dsInternalSimulation-active__MwFWM`,"ButtonBase--variant-tertiary":`ButtonBase--variant-tertiary__oSJoa`,"ButtonBase--variant-tertiary--dsInternalSimulation-hover":`ButtonBase--variant-tertiary--dsInternalSimulation-hover__juCHk`,"ButtonBase--variant-tertiary--dsInternalSimulation-active":`ButtonBase--variant-tertiary--dsInternalSimulation-active__CZKvj`,"ButtonBase--variant-quaternary":`ButtonBase--variant-quaternary__gX2sB`,"ButtonBase--variant-quaternary--dsInternalSimulation-hover":`ButtonBase--variant-quaternary--dsInternalSimulation-hover__Hzaa5`,"ButtonBase--variant-quaternary--dsInternalSimulation-active":`ButtonBase--variant-quaternary--dsInternalSimulation-active__cKsaN`,"ButtonBase--variant-ghost":`ButtonBase--variant-ghost__pR3-X`,"ButtonBase--variant-ghost--dsInternalSimulation-hover":`ButtonBase--variant-ghost--dsInternalSimulation-hover__O2HFh`,"ButtonBase--variant-ghost--dsInternalSimulation-active":`ButtonBase--variant-ghost--dsInternalSimulation-active__CvLh8`,"ButtonBase--variant-ghost--is-selected":`ButtonBase--variant-ghost--is-selected__mS0Le`,"ButtonBase--variant-critical":`ButtonBase--variant-critical__-t4Qu`,"ButtonBase--variant-critical--dsInternalSimulation-hover":`ButtonBase--variant-critical--dsInternalSimulation-hover__iyVj2`,"ButtonBase--variant-critical--dsInternalSimulation-active":`ButtonBase--variant-critical--dsInternalSimulation-active__2RACT`,"ButtonBase--variant-onColor":`ButtonBase--variant-onColor__Hgon2`,"ButtonBase--variant-onColor--dsInternalSimulation-hover":`ButtonBase--variant-onColor--dsInternalSimulation-hover__8ca7h`,"ButtonBase--variant-onColor--dsInternalSimulation-active":`ButtonBase--variant-onColor--dsInternalSimulation-active__OxSu7`,"ButtonBase--variant-classroom":`ButtonBase--variant-classroom__ZiZjl`,"ButtonBase--variant-classroom--dsInternalSimulation-hover":`ButtonBase--variant-classroom--dsInternalSimulation-hover__Fy83L`,"ButtonBase--variant-classroom--dsInternalSimulation-active":`ButtonBase--variant-classroom--dsInternalSimulation-active__88eK7`,"ButtonBase--variant-classroom--is-selected":`ButtonBase--variant-classroom--is-selected__GHt9-`,"ButtonBase--variant-primaryB2b":`ButtonBase--variant-primaryB2b__q-vvW`,"ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":`ButtonBase--variant-primaryB2b--dsInternalSimulation-hover__Nrl78`,"ButtonBase--variant-primaryB2b--dsInternalSimulation-active":`ButtonBase--variant-primaryB2b--dsInternalSimulation-active__IGZDa`,"ButtonBase--variant-primaryTutor":`ButtonBase--variant-primaryTutor__B6BAn`,"ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":`ButtonBase--variant-primaryTutor--dsInternalSimulation-hover__HXGA0`,"ButtonBase--variant-primaryTutor--dsInternalSimulation-active":`ButtonBase--variant-primaryTutor--dsInternalSimulation-active__FCV-3`,"ButtonBase--variant-inverted":`ButtonBase--variant-inverted__9yknJ`,"ButtonBase--variant-inverted--dsInternalSimulation-hover":`ButtonBase--variant-inverted--dsInternalSimulation-hover__oX9GA`,"ButtonBase--variant-inverted--dsInternalSimulation-active":`ButtonBase--variant-inverted--dsInternalSimulation-active__-HnsQ`,"ButtonBase--variant-newFeature":`ButtonBase--variant-newFeature__8uk2D`,"ButtonBase--variant-newFeature--dsInternalSimulation-hover":`ButtonBase--variant-newFeature--dsInternalSimulation-hover__plXXr`,"ButtonBase--variant-newFeature--dsInternalSimulation-active":`ButtonBase--variant-newFeature--dsInternalSimulation-active__yDfE1`,"ButtonBase--variant-ai":`ButtonBase--variant-ai__iq9tW`,"ButtonBase--variant-ai--dsInternalSimulation-hover":`ButtonBase--variant-ai--dsInternalSimulation-hover__78mV7`,"ButtonBase--variant-ai--dsInternalSimulation-active":`ButtonBase--variant-ai--dsInternalSimulation-active__48Tn0`,"ButtonBase--no-wrap":`ButtonBase--no-wrap__8TMhQ`}})),w,T,E,D,O,k=t((()=>{d(),u(),w=e(n(),1),h(),C(),y(),v(),T=m(),E=`ButtonBase`,D=({children:e,busy:t})=>{let n=[...a(S,E,[`content`])],r=[...a(S,E,[`busy`])];return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(`span`,{className:n.join(` `),children:e}),t&&(0,T.jsx)(`span`,{className:r.join(` `),children:(0,T.jsx)(b,{})})]})},O=(0,w.forwardRef)(function(e,t){let{id:n,variant:a=i,size:u=ee,fullWidth:d=!1,wrap:m=!1,href:h,download:v,opensInNewTab:y,nofollow:b,submitsForm:x,assistiveText:C,onClick:O,onKeyDown:k,onKeyUp:A,onMouseDown:j,onMouseUp:te,onMouseEnter:ne,onMouseMove:M,onPointerDown:N,onPointerEnter:P,disabled:F,busy:I,selected:L,isIconButton:R,as:z,url:B,a11yLabel:V,dataset:H,children:U,dsInternalSimulation:W,preplyDsComponent:G,className:K,...q}=e,J=l(),Y=(0,w.useRef)(null),X=_(Y,t),re=e=>{(F||I)&&e.preventDefault(),O?.(e)},ie=e=>{let t=c(e.key);(t===` `||t===`Enter`)&&(e.preventDefault(),Y.current?.click())},ae=p(S,E,[W===`focus`?r(`dsInternalSimulation-focus`,void 0,!0):f(`variant-${a}--dsInternalSimulation`,W),f(`variant`,a),f(`size`,u),R?f(`is-icon-button-size`,u):[],r(void 0,`no-wrap`,m),r(`width-full`,`width-auto`,d),r(`is-busy`,void 0,I),r(`is-icon-button`,void 0,R),r(`variant-${a}--is-selected`,void 0,L)]),Z={...g(q),...s(H,{preplyDsComponent:G}),className:[...ae,K].join(` `),"aria-label":C||V,onClick:re,disabled:F,"aria-disabled":F||I?!0:void 0,ref:X,id:n,onKeyDown:k,onKeyUp:A,onMouseDown:j,onMouseUp:te,onMouseEnter:ne,onMouseMove:M,onPointerDown:N,onPointerEnter:P},Q=h||B,$={...Z,download:v,ref:X,role:`button`,tabIndex:F?-1:0,href:Q,onKeyDown:ie};return Q?(0,T.jsx)(`a`,{...$,...o(J,Q,y,b),children:D({children:U,busy:I})}):z?(0,w.cloneElement)(z,{...$},D({children:U,busy:I})):(0,T.jsx)(`button`,{...Z,type:x?`submit`:`button`,children:D({children:U,busy:I})})});try{O.displayName=`ButtonBase`,O.__docgenInfo={description:``,displayName:`ButtonBase`,props:{id:{defaultValue:null,description:``,name:`id`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},variant:{defaultValue:null,description:``,name:`variant`,required:!1,type:{name:`enum`,value:[{value:`"primary"`},{value:`"secondary"`},{value:`"tertiary"`},{value:`"inverted"`},{value:`"critical"`},{value:`"ai"`},{value:`"quaternary"`},{value:`"ghost"`},{value:`"onColor"`},{value:`"classroom"`},{value:`"primaryB2b"`},{value:`"primaryTutor"`},{value:`"newFeature"`}]}},size:{defaultValue:null,description:``,name:`size`,required:!1,type:{name:`enum`,value:[{value:`"small"`},{value:`"medium"`},{value:`"large"`},{value:`ResponsiveProp<ButtonSize>`}]}},fullWidth:{defaultValue:null,description:``,name:`fullWidth`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`ResponsiveProp<boolean>`}]}},wrap:{defaultValue:null,description:``,name:`wrap`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},href:{defaultValue:null,description:``,name:`href`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},download:{defaultValue:null,description:``,name:`download`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},opensInNewTab:{defaultValue:null,description:``,name:`opensInNewTab`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},nofollow:{defaultValue:null,description:``,name:`nofollow`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},submitsForm:{defaultValue:null,description:``,name:`submitsForm`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},assistiveText:{defaultValue:null,description:``,name:`assistiveText`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},onClick:{defaultValue:null,description:``,name:`onClick`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onKeyDown:{defaultValue:null,description:``,name:`onKeyDown`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler`}]}},onKeyUp:{defaultValue:null,description:``,name:`onKeyUp`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler`}]}},onMouseDown:{defaultValue:null,description:``,name:`onMouseDown`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onMouseUp:{defaultValue:null,description:``,name:`onMouseUp`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onMouseEnter:{defaultValue:null,description:``,name:`onMouseEnter`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onMouseMove:{defaultValue:null,description:``,name:`onMouseMove`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onPointerDown:{defaultValue:null,description:``,name:`onPointerDown`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},onPointerEnter:{defaultValue:null,description:``,name:`onPointerEnter`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler`}]}},disabled:{defaultValue:null,description:``,name:`disabled`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},busy:{defaultValue:null,description:`Replaces the content with a loading indicator.`,name:`busy`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},selected:{defaultValue:null,description:`Used only for classroom and ghost variants`,name:`selected`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},isIconButton:{defaultValue:null,description:``,name:`isIconButton`,required:!0,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},as:{defaultValue:null,description:`Custom element to render the button.
+
+Allows rendering the button using a different React element or component.
+This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
+@example // Render as a react router link component
+import { Link } from 'react-router-dom';
+
+<ButtonBase as={<Link to="/home" />} />`,name:`as`,required:!1,type:{name:`enum`,value:[{value:`ReactElement<any, string | JSXElementConstructor<any>>`}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:`url`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:`a11yLabel`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},preplyDsComponent:{defaultValue:null,description:`@see getDatasetProps`,name:`preplyDsComponent`,required:!0,type:{name:`string`}},className:{defaultValue:null,description:``,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:`ref`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`(instance: HTMLAnchorElement | HTMLButtonElement | null) => void`},{value:`RefObject<HTMLAnchorElement | HTMLButtonElement>`}]}},key:{defaultValue:null,description:``,name:`key`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`bigint`}]}}}}}catch{}}));export{k as n,O as t};

package/dist/assets/CalloutBanner-ChlWZtBk.css

@@ -0,0 +1 @@
+.banner__YzvKK{background-color:#ffe5f0}

package/dist/assets/CalloutBanner.stories-DMr5laA1.js

@@ -0,0 +1,212 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./Text-bm2vnOS2.js";import{n as o,t as s}from"./Button-DnVrHohm.js";import{n as c,t as l}from"./Avatar-LEDcSb51.js";import{a as u,c as d,d as f,f as p,i as m,l as h,m as g,n as _,o as v,p as y,r as b,s as x,t as S,u as C}from"./CalloutBannerText-pe-2SkHW.js";import{n as w,t as T}from"./LayoutFlex-DdWp4cl3.js";import{n as E,t as D}from"./Link-J-HUcV5T.js";var O,k,A=t((()=>{O=`banner__YzvKK`,k={banner:O}})),j,M,N,P,F,I,L,R,z,B,V,H,U,W,G,K,q;t((()=>{j=e(n(),1),w(),E(),o(),c(),i(),p(),C(),d(),g(),_(),A(),M=r(),{expect:N,userEvent:P,within:F}=__STORYBOOK_MODULE_TEST__,I={title:`Components/CalloutBanner`,component:f,subcomponents:{CalloutBannerText:S,CalloutBannerDismissButton:h,CalloutBannerIcon:m,CalloutBannerInfoIcon:u,CalloutBannerWarningIcon:x,CalloutBannerCriticalIcon:b,CalloutBannerPositiveIcon:v},parameters:{layout:`padded`,docs:{source:{type:`dynamic`}}},decorators:[e=>(0,M.jsx)(`div`,{style:{width:`400px`},children:(0,M.jsx)(e,{})})]},L={args:{children:(0,M.jsx)(S,{children:`Callout banner message goes here.`})}},R={args:{variant:`info`,children:(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(m,{}),(0,M.jsx)(S,{children:`Callout banner message with a leading icon.`})]})}},z={render:function(e){let[t,n]=(0,j.useState)(!0);return t?(0,M.jsxs)(f,{...e,dataset:{testid:`banner`},children:[(0,M.jsx)(S,{children:`This banner can be dismissed.`}),(0,M.jsx)(h,{onClick:()=>n(!1)})]}):(0,M.jsxs)(T,{gap:`16`,alignItems:`center`,children:[(0,M.jsx)(`p`,{children:`Banner has been dismissed.`}),(0,M.jsx)(s,{variant:`tertiary`,onClick:()=>n(!0),dataset:{testid:`show-banner`},children:`Show banner`})]})}},B={tags:[`!autodocs`],render:function(e){let[t,n]=(0,j.useState)(!0);return t?(0,M.jsxs)(f,{...e,dataset:{testid:`banner`},children:[(0,M.jsx)(S,{children:`This banner can be dismissed by clicking the close button.`}),(0,M.jsx)(h,{onClick:()=>n(!1)})]}):(0,M.jsxs)(T,{gap:`16`,alignItems:`center`,children:[(0,M.jsx)(`p`,{children:`Banner has been dismissed.`}),(0,M.jsx)(s,{variant:`tertiary`,onClick:()=>n(!0),dataset:{testid:`show-banner`},children:`Show banner`})]})},play:async({canvas:e,step:t})=>{await t(`Dismiss banner`,async()=>{let t=e.getByTestId(`banner`);await P.click(F(t).getByRole(`button`,{name:`Close`})),N(t).not.toBeInTheDocument()})}},V={tags:[`!autodocs`],render:function(e){let[t,n]=(0,j.useState)(!0);return t?(0,M.jsxs)(f,{...e,dataset:{testid:`banner`},children:[(0,M.jsx)(S,{children:`This banner can be dismissed by clicking the close button.`}),(0,M.jsx)(h,{onClick:()=>n(!1)})]}):(0,M.jsxs)(T,{gap:`16`,alignItems:`center`,children:[(0,M.jsx)(`p`,{children:`Banner has been dismissed.`}),(0,M.jsx)(s,{variant:`tertiary`,onClick:()=>n(!0),dataset:{testid:`show-banner`},children:`Show banner`})]})},play:async({canvas:e,step:t})=>{await t(`Dismiss banner`,async()=>{let t=e.getByTestId(`banner`);await P.click(F(t).getByRole(`button`,{name:`Close`})),N(t).not.toBeInTheDocument()}),await t(`Show banner`,async()=>{let t=e.getByTestId(`show-banner`);await P.click(t),N(e.getByTestId(`banner`)).toBeInTheDocument()})}},H={args:{children:(0,M.jsxs)(S,{children:[`Callout banner message goes here.`,` `,(0,M.jsx)(D,{href:`/path`,inline:!0,children:`Inline link`}),`.`]})}},U={render:()=>(0,M.jsxs)(T,{direction:`column`,gap:`16`,children:[(0,M.jsxs)(f,{variant:`neutral`,children:[(0,M.jsx)(m,{}),(0,M.jsx)(S,{children:`Neutral callout banner message.`})]}),(0,M.jsxs)(f,{variant:`info`,children:[(0,M.jsx)(m,{}),(0,M.jsx)(S,{children:`Info callout banner message.`})]}),(0,M.jsxs)(f,{variant:`warning`,children:[(0,M.jsx)(m,{}),(0,M.jsx)(S,{children:`Warning callout banner message.`})]}),(0,M.jsxs)(f,{variant:`critical`,children:[(0,M.jsx)(m,{}),(0,M.jsx)(S,{children:`Critical callout banner message.`})]}),(0,M.jsxs)(f,{variant:`positive`,children:[(0,M.jsx)(m,{}),(0,M.jsx)(S,{children:`Positive callout banner message.`})]}),(0,M.jsxs)(f,{variant:`ai`,children:[(0,M.jsx)(m,{}),(0,M.jsx)(S,{children:`AI callout banner message.`})]})]})},W={render:()=>(0,M.jsxs)(T,{direction:`column`,gap:`16`,children:[(0,M.jsxs)(f,{size:`regular`,variant:`info`,children:[(0,M.jsx)(m,{}),(0,M.jsx)(S,{children:`Regular size callout banner message.`})]}),(0,M.jsxs)(f,{size:`small`,variant:`info`,children:[(0,M.jsx)(m,{}),(0,M.jsx)(S,{children:`Small size callout banner message.`})]})]})},G={render:()=>(0,M.jsxs)(T,{direction:`column`,gap:`16`,children:[(0,M.jsx)(f,{variant:`info`,children:(0,M.jsx)(S,{children:`This is a longer callout banner message that demonstrates how the component handles text wrapping and longer content.`})}),(0,M.jsxs)(f,{variant:`info`,children:[(0,M.jsx)(m,{}),(0,M.jsx)(S,{children:`This is a longer callout banner message that demonstrates how the component handles text wrapping and longer content.`})]}),(0,M.jsxs)(f,{variant:`info`,children:[(0,M.jsx)(m,{}),(0,M.jsx)(S,{children:`This is a longer callout banner message that demonstrates how the component handles text wrapping and longer content.`}),(0,M.jsx)(h,{})]}),(0,M.jsxs)(f,{variant:`info`,children:[(0,M.jsx)(S,{children:`This is a longer callout banner message that demonstrates how the component handles text wrapping and longer content.`}),(0,M.jsx)(h,{})]})]})},K={tags:[`!autodocs`],render:function(){let[e,t]=(0,j.useState)(!0);return e?(0,M.jsxs)(y,{variant:`neutral`,size:`regular`,className:k.banner,children:[(0,M.jsx)(m,{children:(0,M.jsx)(l,{size:`24`})}),(0,M.jsx)(a,{variant:`default-semibold`,children:`Custom banner built with primitives.`}),(0,M.jsx)(h,{className:k.dismissButton,children:(0,M.jsx)(s,{size:`small`,variant:`tertiary`,onClick:()=>t(!1),children:`Close`})})]}):(0,M.jsxs)(T,{gap:`16`,alignItems:`center`,children:[(0,M.jsx)(`p`,{children:`Banner has been dismissed.`}),(0,M.jsx)(s,{variant:`tertiary`,onClick:()=>t(!0),children:`Show banner`})]})}},L.parameters={...L.parameters,docs:{...L.parameters?.docs,source:{originalSource:`{
+  args: {
+    children: <CalloutBannerText>Callout banner message goes here.</CalloutBannerText>
+  }
+}`,...L.parameters?.docs?.source}}},R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`{
+  args: {
+    variant: 'info',
+    children: <>
+                <CalloutBannerIcon />
+                <CalloutBannerText>Callout banner message with a leading icon.</CalloutBannerText>
+            </>
+  }
+}`,...R.parameters?.docs?.source}}},z.parameters={...z.parameters,docs:{...z.parameters?.docs,source:{originalSource:`{
+  render: function Story(args) {
+    const [isVisible, setIsVisible] = useState(true);
+    if (!isVisible) {
+      return <LayoutFlex gap="16" alignItems="center">
+                    <p>Banner has been dismissed.</p>
+                    <Button variant="tertiary" onClick={() => setIsVisible(true)} dataset={{
+          testid: 'show-banner'
+        }}>
+                        Show banner
+                    </Button>
+                </LayoutFlex>;
+    }
+    return <CalloutBanner {...args} dataset={{
+      testid: 'banner'
+    }}>
+                <CalloutBannerText>This banner can be dismissed.</CalloutBannerText>
+                <CalloutBannerDismissButton onClick={() => setIsVisible(false)} />
+            </CalloutBanner>;
+  }
+}`,...z.parameters?.docs?.source}}},B.parameters={...B.parameters,docs:{...B.parameters?.docs,source:{originalSource:`{
+  tags: ['!autodocs'],
+  render: function Story(args) {
+    const [isVisible, setIsVisible] = useState(true);
+    if (!isVisible) {
+      return <LayoutFlex gap="16" alignItems="center">
+                    <p>Banner has been dismissed.</p>
+                    <Button variant="tertiary" onClick={() => setIsVisible(true)} dataset={{
+          testid: 'show-banner'
+        }}>
+                        Show banner
+                    </Button>
+                </LayoutFlex>;
+    }
+    return <CalloutBanner {...args} dataset={{
+      testid: 'banner'
+    }}>
+                <CalloutBannerText>
+                    This banner can be dismissed by clicking the close button.
+                </CalloutBannerText>
+                <CalloutBannerDismissButton onClick={() => setIsVisible(false)} />
+            </CalloutBanner>;
+  },
+  play: async ({
+    canvas,
+    step
+  }) => {
+    await step('Dismiss banner', async () => {
+      const banner = canvas.getByTestId('banner');
+      await userEvent.click(within(banner).getByRole('button', {
+        name: 'Close'
+      }));
+      expect(banner).not.toBeInTheDocument();
+    });
+  }
+}`,...B.parameters?.docs?.source}}},V.parameters={...V.parameters,docs:{...V.parameters?.docs,source:{originalSource:`{
+  tags: ['!autodocs'],
+  render: function Story(args) {
+    const [isVisible, setIsVisible] = useState(true);
+    if (!isVisible) {
+      return <LayoutFlex gap="16" alignItems="center">
+                    <p>Banner has been dismissed.</p>
+                    <Button variant="tertiary" onClick={() => setIsVisible(true)} dataset={{
+          testid: 'show-banner'
+        }}>
+                        Show banner
+                    </Button>
+                </LayoutFlex>;
+    }
+    return <CalloutBanner {...args} dataset={{
+      testid: 'banner'
+    }}>
+                <CalloutBannerText>
+                    This banner can be dismissed by clicking the close button.
+                </CalloutBannerText>
+                <CalloutBannerDismissButton onClick={() => setIsVisible(false)} />
+            </CalloutBanner>;
+  },
+  play: async ({
+    canvas,
+    step
+  }) => {
+    await step('Dismiss banner', async () => {
+      const banner = canvas.getByTestId('banner');
+      await userEvent.click(within(banner).getByRole('button', {
+        name: 'Close'
+      }));
+      expect(banner).not.toBeInTheDocument();
+    });
+    await step('Show banner', async () => {
+      const showBannerButton = canvas.getByTestId('show-banner');
+      await userEvent.click(showBannerButton);
+      const banner = canvas.getByTestId('banner');
+      expect(banner).toBeInTheDocument();
+    });
+  }
+}`,...V.parameters?.docs?.source}}},H.parameters={...H.parameters,docs:{...H.parameters?.docs,source:{originalSource:`{
+  args: {
+    children: <CalloutBannerText>
+                Callout banner message goes here.{' '}
+                <Link href="/path" inline>
+                    Inline link
+                </Link>
+                .
+            </CalloutBannerText>
+  }
+}`,...H.parameters?.docs?.source}}},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
+  render: () => <LayoutFlex direction="column" gap="16">
+            <CalloutBanner variant="neutral">
+                <CalloutBannerIcon />
+                <CalloutBannerText>Neutral callout banner message.</CalloutBannerText>
+            </CalloutBanner>
+            <CalloutBanner variant="info">
+                <CalloutBannerIcon />
+                <CalloutBannerText>Info callout banner message.</CalloutBannerText>
+            </CalloutBanner>
+            <CalloutBanner variant="warning">
+                <CalloutBannerIcon />
+                <CalloutBannerText>Warning callout banner message.</CalloutBannerText>
+            </CalloutBanner>
+            <CalloutBanner variant="critical">
+                <CalloutBannerIcon />
+                <CalloutBannerText>Critical callout banner message.</CalloutBannerText>
+            </CalloutBanner>
+            <CalloutBanner variant="positive">
+                <CalloutBannerIcon />
+                <CalloutBannerText>Positive callout banner message.</CalloutBannerText>
+            </CalloutBanner>
+            <CalloutBanner variant="ai">
+                <CalloutBannerIcon />
+                <CalloutBannerText>AI callout banner message.</CalloutBannerText>
+            </CalloutBanner>
+        </LayoutFlex>
+}`,...U.parameters?.docs?.source}}},W.parameters={...W.parameters,docs:{...W.parameters?.docs,source:{originalSource:`{
+  render: () => <LayoutFlex direction="column" gap="16">
+            <CalloutBanner size="regular" variant="info">
+                <CalloutBannerIcon />
+                <CalloutBannerText>Regular size callout banner message.</CalloutBannerText>
+            </CalloutBanner>
+            <CalloutBanner size="small" variant="info">
+                <CalloutBannerIcon />
+                <CalloutBannerText>Small size callout banner message.</CalloutBannerText>
+            </CalloutBanner>
+        </LayoutFlex>
+}`,...W.parameters?.docs?.source}}},G.parameters={...G.parameters,docs:{...G.parameters?.docs,source:{originalSource:`{
+  render: () => <LayoutFlex direction="column" gap="16">
+            <CalloutBanner variant="info">
+                <CalloutBannerText>
+                    This is a longer callout banner message that demonstrates how the component
+                    handles text wrapping and longer content.
+                </CalloutBannerText>
+            </CalloutBanner>
+            <CalloutBanner variant="info">
+                <CalloutBannerIcon />
+                <CalloutBannerText>
+                    This is a longer callout banner message that demonstrates how the component
+                    handles text wrapping and longer content.
+                </CalloutBannerText>
+            </CalloutBanner>
+            <CalloutBanner variant="info">
+                <CalloutBannerIcon />
+                <CalloutBannerText>
+                    This is a longer callout banner message that demonstrates how the component
+                    handles text wrapping and longer content.
+                </CalloutBannerText>
+                <CalloutBannerDismissButton />
+            </CalloutBanner>
+            <CalloutBanner variant="info">
+                <CalloutBannerText>
+                    This is a longer callout banner message that demonstrates how the component
+                    handles text wrapping and longer content.
+                </CalloutBannerText>
+                <CalloutBannerDismissButton />
+            </CalloutBanner>
+        </LayoutFlex>
+}`,...G.parameters?.docs?.source}}},K.parameters={...K.parameters,docs:{...K.parameters?.docs,source:{originalSource:`{
+  tags: ['!autodocs'],
+  render: function Story() {
+    const [isVisible, setIsVisible] = useState(true);
+    if (!isVisible) {
+      return <LayoutFlex gap="16" alignItems="center">
+                    <p>Banner has been dismissed.</p>
+                    <Button variant="tertiary" onClick={() => setIsVisible(true)}>
+                        Show banner
+                    </Button>
+                </LayoutFlex>;
+    }
+    return <CalloutBannerRoot variant="neutral" size="regular" className={customStyles.banner}>
+                <CalloutBannerIcon>
+                    <Avatar size="24" />
+                </CalloutBannerIcon>
+                <Text variant="default-semibold">Custom banner built with primitives.</Text>
+                <CalloutBannerDismissButton className={customStyles.dismissButton}>
+                    <Button size="small" variant="tertiary" onClick={() => setIsVisible(false)}>
+                        Close
+                    </Button>
+                </CalloutBannerDismissButton>
+            </CalloutBannerRoot>;
+  }
+}`,...K.parameters?.docs?.source}}},q=[`Default`,`WithIcon`,`Dismissable`,`TestDismissibleUncontrolled`,`TestDismissibleControlled`,`WithInlineLink`,`Variants`,`Sizes`,`WithLongText`,`PrimitiveExtension`]}))();export{L as Default,z as Dismissable,K as PrimitiveExtension,W as Sizes,V as TestDismissibleControlled,B as TestDismissibleUncontrolled,U as Variants,R as WithIcon,H as WithInlineLink,G as WithLongText,q as __namedExportsOrder,I as default};

package/dist/assets/CalloutBannerText-Lb5ksCJz.css

@@ -0,0 +1 @@
+.banner__X9HSx{--border-width:1px;background-color:var(--3f296a);border:var(--border-width) solid var(--6e162c);border-radius:var(--5e8be4);padding:calc(var(--558c4c) - var(--border-width));align-items:center;gap:var(--590b8d);min-height:56px;display:flex}.banner__X9HSx[data-variant=info]{background-color:var(--fe4130)}.banner__X9HSx[data-variant=ai]{background:var(--c4f789)}.banner__X9HSx[data-variant=warning]{background-color:var(--9447ca)}.banner__X9HSx[data-variant=critical]{background-color:var(--8921db)}.banner__X9HSx[data-variant=positive]{background-color:var(--d415d7)}.icon__Hc4CV{align-self:flex-start;margin-inline-end:var(--590b8d)}.dismissButton__QqYFY{margin-block:calc(-1 * var(--66b80b));align-self:flex-start;margin-inline-start:auto;margin-inline-end:calc(-1 * var(--66b80b))}

package/dist/assets/CalloutBannerText-pe-2SkHW.js

@@ -0,0 +1,75 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{ht as r,t as i}from"./dist-DtfJeYQK.js";import{t as a}from"./jsx-runtime-C2wGStra.js";import{n as o,t as s}from"./dist-Cc1j9Pjk.js";import{n as c,t as l}from"./Icon-CfZyHxyH.js";import{n as u,t as d}from"./Text-bm2vnOS2.js";import{n as f,t as p}from"./TokyoUIClose-cJyNy-kq.js";import{o as m,r as h}from"./lib-CXCPi5ID.js";import{n as g,t as _}from"./shared-strings-DrlpFtg5.js";import{n as ee,t as te}from"./TokyoUICheck-UkrDdu35.js";import{i as v,n as y,r as ne,t as re}from"./TokyoUIErrorWarning-CE_6hT_0.js";import{n as b,t as x}from"./IconButton-CUt4Aks_.js";import{n as S,t as C}from"./TokyoUIInfo-B-CriP10.js";var w,T,E,D,O=t((()=>{w=`banner__X9HSx`,T=`icon__Hc4CV`,E=`dismissButton__QqYFY`,D={banner:w,icon:T,dismissButton:E}})),k,A,j,M,N=t((()=>{k=e(n(),1),i(),s(),O(),A=a(),j=(0,k.createContext)({variant:`neutral`,size:`regular`}),M=(0,k.forwardRef)(function({variant:e=`neutral`,size:t=`regular`,children:n,dataset:i,className:a=``,...s},c){let l=[D.banner,a].join(` `);return(0,A.jsx)(j.Provider,{value:{variant:e,size:t},children:(0,A.jsx)(`div`,{ref:c,role:`note`,className:l,...r(i,{preplyDsComponent:o.CalloutBanner}),"data-variant":e,"data-size":t,...s,children:n})})});try{M.displayName=`CalloutBannerRoot`,M.__docgenInfo={description:`The root primitive for the callout banner.
+
+This component is used to create a custom callout banner; it accepts a
+\`className prop to override the default styles for the callout banner
+container. The \`variant\` prop is exposed as a data attribute on the root
+element to aid in styling.
+
+You can use the other \`CalloutBanner*\` subcomponents as you normally would
+with the \`CalloutBanner\` component.`,displayName:`CalloutBannerRoot`,props:{defaultChecked:{defaultValue:null,description:``,name:`defaultChecked`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},defaultValue:{defaultValue:null,description:``,name:`defaultValue`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`number`},{value:`readonly string[]`}]}},suppressContentEditableWarning:{defaultValue:null,description:``,name:`suppressContentEditableWarning`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},suppressHydrationWarning:{defaultValue:null,description:``,name:`suppressHydrationWarning`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},accessKey:{defaultValue:null,description:``,name:`accessKey`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},autoCapitalize:{defaultValue:null,description:``,name:`autoCapitalize`,required:!1,type:{name:`enum`,value:[{value:`string & {}`},{value:`"none"`},{value:`"off"`},{value:`"on"`},{value:`"sentences"`},{value:`"words"`},{value:`"characters"`}]}},autoFocus:{defaultValue:null,description:``,name:`autoFocus`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},className:{defaultValue:{value:``},description:``,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},contentEditable:{defaultValue:null,description:``,name:`contentEditable`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"inherit"`},{value:`"false"`},{value:`"true"`},{value:`"plaintext-only"`}]}},contextMenu:{defaultValue:null,description:``,name:`contextMenu`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},dir:{defaultValue:null,description:``,name:`dir`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},draggable:{defaultValue:null,description:``,name:`draggable`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},enterKeyHint:{defaultValue:null,description:``,name:`enterKeyHint`,required:!1,type:{name:`enum`,value:[{value:`"search"`},{value:`"enter"`},{value:`"done"`},{value:`"go"`},{value:`"next"`},{value:`"previous"`},{value:`"send"`}]}},hidden:{defaultValue:null,description:``,name:`hidden`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},id:{defaultValue:null,description:``,name:`id`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},lang:{defaultValue:null,description:``,name:`lang`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},nonce:{defaultValue:null,description:``,name:`nonce`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},slot:{defaultValue:null,description:``,name:`slot`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},spellCheck:{defaultValue:null,description:``,name:`spellCheck`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},style:{defaultValue:null,description:``,name:`style`,required:!1,type:{name:`enum`,value:[{value:`CSSProperties`}]}},tabIndex:{defaultValue:null,description:``,name:`tabIndex`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},title:{defaultValue:null,description:``,name:`title`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},translate:{defaultValue:null,description:``,name:`translate`,required:!1,type:{name:`enum`,value:[{value:`"no"`},{value:`"yes"`}]}},radioGroup:{defaultValue:null,description:``,name:`radioGroup`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},role:{defaultValue:null,description:``,name:`role`,required:!1,type:{name:`enum`,value:[{value:`string & {}`},{value:`"none"`},{value:`"table"`},{value:`"article"`},{value:`"button"`},{value:`"dialog"`},{value:`"figure"`},{value:`"form"`},{value:`"img"`},{value:`"link"`},{value:`"main"`},{value:`"menu"`},{value:`"menuitem"`},{value:`"option"`},{value:`"search"`},{value:`"switch"`},{value:`"list"`},{value:`"row"`},{value:`"alert"`},{value:`"alertdialog"`},{value:`"application"`},{value:`"banner"`},{value:`"cell"`},{value:`"checkbox"`},{value:`"columnheader"`},{value:`"combobox"`},{value:`"complementary"`},{value:`"contentinfo"`},{value:`"definition"`},{value:`"directory"`},{value:`"document"`},{value:`"feed"`},{value:`"grid"`},{value:`"gridcell"`},{value:`"group"`},{value:`"heading"`},{value:`"listbox"`},{value:`"listitem"`},{value:`"log"`},{value:`"marquee"`},{value:`"math"`},{value:`"menubar"`},{value:`"menuitemcheckbox"`},{value:`"menuitemradio"`},{value:`"navigation"`},{value:`"note"`},{value:`"presentation"`},{value:`"progressbar"`},{value:`"radio"`},{value:`"radiogroup"`},{value:`"region"`},{value:`"rowgroup"`},{value:`"rowheader"`},{value:`"scrollbar"`},{value:`"searchbox"`},{value:`"separator"`},{value:`"slider"`},{value:`"spinbutton"`},{value:`"status"`},{value:`"tab"`},{value:`"tablist"`},{value:`"tabpanel"`},{value:`"term"`},{value:`"textbox"`},{value:`"timer"`},{value:`"toolbar"`},{value:`"tooltip"`},{value:`"tree"`},{value:`"treegrid"`},{value:`"treeitem"`}]}},about:{defaultValue:null,description:``,name:`about`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},content:{defaultValue:null,description:``,name:`content`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},datatype:{defaultValue:null,description:``,name:`datatype`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},inlist:{defaultValue:null,description:``,name:`inlist`,required:!1,type:{name:`any`}},prefix:{defaultValue:null,description:``,name:`prefix`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},property:{defaultValue:null,description:``,name:`property`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},rel:{defaultValue:null,description:``,name:`rel`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},resource:{defaultValue:null,description:``,name:`resource`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},rev:{defaultValue:null,description:``,name:`rev`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},typeof:{defaultValue:null,description:``,name:`typeof`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},vocab:{defaultValue:null,description:``,name:`vocab`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},autoCorrect:{defaultValue:null,description:``,name:`autoCorrect`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},autoSave:{defaultValue:null,description:``,name:`autoSave`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},color:{defaultValue:null,description:``,name:`color`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},itemProp:{defaultValue:null,description:``,name:`itemProp`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},itemScope:{defaultValue:null,description:``,name:`itemScope`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},itemType:{defaultValue:null,description:``,name:`itemType`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},itemID:{defaultValue:null,description:``,name:`itemID`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},itemRef:{defaultValue:null,description:``,name:`itemRef`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},results:{defaultValue:null,description:``,name:`results`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},security:{defaultValue:null,description:``,name:`security`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},unselectable:{defaultValue:null,description:``,name:`unselectable`,required:!1,type:{name:`enum`,value:[{value:`"off"`},{value:`"on"`}]}},inputMode:{defaultValue:null,description:`Hints at the type of data that might be entered by the user while editing the element or its contents
+@see {@link https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute}`,name:`inputMode`,required:!1,type:{name:`enum`,value:[{value:`"none"`},{value:`"text"`},{value:`"search"`},{value:`"email"`},{value:`"tel"`},{value:`"url"`},{value:`"numeric"`},{value:`"decimal"`}]}},is:{defaultValue:null,description:`Specify that a standard HTML element should behave like a defined custom built-in element
+@see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is}`,name:`is`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-activedescendant":{defaultValue:null,description:`Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.`,name:`aria-activedescendant`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-atomic":{defaultValue:null,description:`Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.`,name:`aria-atomic`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-autocomplete":{defaultValue:null,description:`Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be
+presented if they are made.`,name:`aria-autocomplete`,required:!1,type:{name:`enum`,value:[{value:`"none"`},{value:`"list"`},{value:`"inline"`},{value:`"both"`}]}},"aria-braillelabel":{defaultValue:null,description:`Defines a string value that labels the current element, which is intended to be converted into Braille.
+@see aria-label.`,name:`aria-braillelabel`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-brailleroledescription":{defaultValue:null,description:`Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.
+@see aria-roledescription.`,name:`aria-brailleroledescription`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-busy":{defaultValue:null,description:``,name:`aria-busy`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-checked":{defaultValue:null,description:`Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
+@see aria-pressed
+@see aria-selected.`,name:`aria-checked`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`},{value:`"mixed"`}]}},"aria-colcount":{defaultValue:null,description:`Defines the total number of columns in a table, grid, or treegrid.
+@see aria-colindex.`,name:`aria-colcount`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-colindex":{defaultValue:null,description:`Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
+@see aria-colcount
+@see aria-colspan.`,name:`aria-colindex`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-colindextext":{defaultValue:null,description:`Defines a human readable text alternative of aria-colindex.
+@see aria-rowindextext.`,name:`aria-colindextext`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-colspan":{defaultValue:null,description:`Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
+@see aria-colindex
+@see aria-rowspan.`,name:`aria-colspan`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-controls":{defaultValue:null,description:`Identifies the element (or elements) whose contents or presence are controlled by the current element.
+@see aria-owns.`,name:`aria-controls`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-current":{defaultValue:null,description:`Indicates the element that represents the current item within a container or set of related elements.`,name:`aria-current`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"time"`},{value:`"step"`},{value:`"false"`},{value:`"true"`},{value:`"page"`},{value:`"location"`},{value:`"date"`}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
+@see aria-labelledby`,name:`aria-describedby`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-description":{defaultValue:null,description:`Defines a string value that describes or annotates the current element.
+@see related aria-describedby.`,name:`aria-description`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-details":{defaultValue:null,description:`Identifies the element that provides a detailed, extended description for the object.
+@see aria-describedby.`,name:`aria-details`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-disabled":{defaultValue:null,description:`Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
+@see aria-hidden
+@see aria-readonly.`,name:`aria-disabled`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-dropeffect":{defaultValue:null,description:`Indicates what functions can be performed when a dragged object is released on the drop target.
+@deprecated in ARIA 1.1`,name:`aria-dropeffect`,required:!1,type:{name:`enum`,value:[{value:`"none"`},{value:`"link"`},{value:`"copy"`},{value:`"execute"`},{value:`"move"`},{value:`"popup"`}]}},"aria-errormessage":{defaultValue:null,description:`Identifies the element that provides an error message for the object.
+@see aria-invalid
+@see aria-describedby.`,name:`aria-errormessage`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-expanded":{defaultValue:null,description:`Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.`,name:`aria-expanded`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-flowto":{defaultValue:null,description:`Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,
+allows assistive technology to override the general default of reading in document source order.`,name:`aria-flowto`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-grabbed":{defaultValue:null,description:`Indicates an element's "grabbed" state in a drag-and-drop operation.
+@deprecated in ARIA 1.1`,name:`aria-grabbed`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-haspopup":{defaultValue:null,description:`Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.`,name:`aria-haspopup`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"dialog"`},{value:`"menu"`},{value:`"false"`},{value:`"true"`},{value:`"grid"`},{value:`"listbox"`},{value:`"tree"`}]}},"aria-hidden":{defaultValue:null,description:`Indicates whether the element is exposed to an accessibility API.
+@see aria-disabled.`,name:`aria-hidden`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
+@see aria-errormessage.`,name:`aria-invalid`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`},{value:`"grammar"`},{value:`"spelling"`}]}},"aria-keyshortcuts":{defaultValue:null,description:`Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.`,name:`aria-keyshortcuts`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-label":{defaultValue:null,description:`Defines a string value that labels the current element.
+@see aria-labelledby.`,name:`aria-label`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-labelledby":{defaultValue:null,description:`Identifies the element (or elements) that labels the current element.
+@see aria-describedby.`,name:`aria-labelledby`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-level":{defaultValue:null,description:`Defines the hierarchical level of an element within a structure.`,name:`aria-level`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-live":{defaultValue:null,description:`Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.`,name:`aria-live`,required:!1,type:{name:`enum`,value:[{value:`"off"`},{value:`"assertive"`},{value:`"polite"`}]}},"aria-modal":{defaultValue:null,description:`Indicates whether an element is modal when displayed.`,name:`aria-modal`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-multiline":{defaultValue:null,description:`Indicates whether a text box accepts multiple lines of input or only a single line.`,name:`aria-multiline`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-multiselectable":{defaultValue:null,description:`Indicates that the user may select more than one item from the current selectable descendants.`,name:`aria-multiselectable`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-orientation":{defaultValue:null,description:`Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.`,name:`aria-orientation`,required:!1,type:{name:`enum`,value:[{value:`"horizontal"`},{value:`"vertical"`}]}},"aria-owns":{defaultValue:null,description:`Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship
+between DOM elements where the DOM hierarchy cannot be used to represent the relationship.
+@see aria-controls.`,name:`aria-owns`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-placeholder":{defaultValue:null,description:`Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.
+A hint could be a sample value or a brief description of the expected format.`,name:`aria-placeholder`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-posinset":{defaultValue:null,description:`Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
+@see aria-setsize.`,name:`aria-posinset`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-pressed":{defaultValue:null,description:`Indicates the current "pressed" state of toggle buttons.
+@see aria-checked
+@see aria-selected.`,name:`aria-pressed`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`},{value:`"mixed"`}]}},"aria-readonly":{defaultValue:null,description:`Indicates that the element is not editable, but is otherwise operable.
+@see aria-disabled.`,name:`aria-readonly`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-relevant":{defaultValue:null,description:`Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
+@see aria-atomic.`,name:`aria-relevant`,required:!1,type:{name:`enum`,value:[{value:`"text"`},{value:`"additions"`},{value:`"additions removals"`},{value:`"additions text"`},{value:`"all"`},{value:`"removals"`},{value:`"removals additions"`},{value:`"removals text"`},{value:`"text additions"`},{value:`"text removals"`}]}},"aria-required":{defaultValue:null,description:`Indicates that user input is required on the element before a form may be submitted.`,name:`aria-required`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-roledescription":{defaultValue:null,description:`Defines a human-readable, author-localized description for the role of an element.`,name:`aria-roledescription`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-rowcount":{defaultValue:null,description:`Defines the total number of rows in a table, grid, or treegrid.
+@see aria-rowindex.`,name:`aria-rowcount`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-rowindex":{defaultValue:null,description:`Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
+@see aria-rowcount
+@see aria-rowspan.`,name:`aria-rowindex`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-rowindextext":{defaultValue:null,description:`Defines a human readable text alternative of aria-rowindex.
+@see aria-colindextext.`,name:`aria-rowindextext`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-rowspan":{defaultValue:null,description:`Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
+@see aria-rowindex
+@see aria-colspan.`,name:`aria-rowspan`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-selected":{defaultValue:null,description:`Indicates the current "selected" state of various widgets.
+@see aria-checked
+@see aria-pressed.`,name:`aria-selected`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-setsize":{defaultValue:null,description:`Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
+@see aria-posinset.`,name:`aria-setsize`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-sort":{defaultValue:null,description:`Indicates if items in a table or grid are sorted in ascending or descending order.`,name:`aria-sort`,required:!1,type:{name:`enum`,value:[{value:`"none"`},{value:`"ascending"`},{value:`"descending"`},{value:`"other"`}]}},"aria-valuemax":{defaultValue:null,description:`Defines the maximum allowed value for a range widget.`,name:`aria-valuemax`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-valuemin":{defaultValue:null,description:`Defines the minimum allowed value for a range widget.`,name:`aria-valuemin`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-valuenow":{defaultValue:null,description:`Defines the current value for a range widget.
+@see aria-valuetext.`,name:`aria-valuenow`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-valuetext":{defaultValue:null,description:`Defines the human readable text alternative of aria-valuenow for a range widget.`,name:`aria-valuetext`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},children:{defaultValue:null,description:`The banner message content.
+Can include inline links using the Link component.`,name:`children`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},dangerouslySetInnerHTML:{defaultValue:null,description:``,name:`dangerouslySetInnerHTML`,required:!1,type:{name:`enum`,value:[{value:`{ __html: string | TrustedHTML; }`}]}},onCopy:{defaultValue:null,description:``,name:`onCopy`,required:!1,type:{name:`enum`,value:[{value:`ClipboardEventHandler<HTMLDivElement>`}]}},onCopyCapture:{defaultValue:null,description:``,name:`onCopyCapture`,required:!1,type:{name:`enum`,value:[{value:`ClipboardEventHandler<HTMLDivElement>`}]}},onCut:{defaultValue:null,description:``,name:`onCut`,required:!1,type:{name:`enum`,value:[{value:`ClipboardEventHandler<HTMLDivElement>`}]}},onCutCapture:{defaultValue:null,description:``,name:`onCutCapture`,required:!1,type:{name:`enum`,value:[{value:`ClipboardEventHandler<HTMLDivElement>`}]}},onPaste:{defaultValue:null,description:``,name:`onPaste`,required:!1,type:{name:`enum`,value:[{value:`ClipboardEventHandler<HTMLDivElement>`}]}},onPasteCapture:{defaultValue:null,description:``,name:`onPasteCapture`,required:!1,type:{name:`enum`,value:[{value:`ClipboardEventHandler<HTMLDivElement>`}]}},onCompositionEnd:{defaultValue:null,description:``,name:`onCompositionEnd`,required:!1,type:{name:`enum`,value:[{value:`CompositionEventHandler<HTMLDivElement>`}]}},onCompositionEndCapture:{defaultValue:null,description:``,name:`onCompositionEndCapture`,required:!1,type:{name:`enum`,value:[{value:`CompositionEventHandler<HTMLDivElement>`}]}},onCompositionStart:{defaultValue:null,description:``,name:`onCompositionStart`,required:!1,type:{name:`enum`,value:[{value:`CompositionEventHandler<HTMLDivElement>`}]}},onCompositionStartCapture:{defaultValue:null,description:``,name:`onCompositionStartCapture`,required:!1,type:{name:`enum`,value:[{value:`CompositionEventHandler<HTMLDivElement>`}]}},onCompositionUpdate:{defaultValue:null,description:``,name:`onCompositionUpdate`,required:!1,type:{name:`enum`,value:[{value:`CompositionEventHandler<HTMLDivElement>`}]}},onCompositionUpdateCapture:{defaultValue:null,description:``,name:`onCompositionUpdateCapture`,required:!1,type:{name:`enum`,value:[{value:`CompositionEventHandler<HTMLDivElement>`}]}},onFocus:{defaultValue:null,description:``,name:`onFocus`,required:!1,type:{name:`enum`,value:[{value:`FocusEventHandler<HTMLDivElement>`}]}},onFocusCapture:{defaultValue:null,description:``,name:`onFocusCapture`,required:!1,type:{name:`enum`,value:[{value:`FocusEventHandler<HTMLDivElement>`}]}},onBlur:{defaultValue:null,description:``,name:`onBlur`,required:!1,type:{name:`enum`,value:[{value:`FocusEventHandler<HTMLDivElement>`}]}},onBlurCapture:{defaultValue:null,description:``,name:`onBlurCapture`,required:!1,type:{name:`enum`,value:[{value:`FocusEventHandler<HTMLDivElement>`}]}},onChange:{defaultValue:null,description:``,name:`onChange`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onChangeCapture:{defaultValue:null,description:``,name:`onChangeCapture`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onBeforeInput:{defaultValue:null,description:``,name:`onBeforeInput`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onBeforeInputCapture:{defaultValue:null,description:``,name:`onBeforeInputCapture`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onInput:{defaultValue:null,description:``,name:`onInput`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onInputCapture:{defaultValue:null,description:``,name:`onInputCapture`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onReset:{defaultValue:null,description:``,name:`onReset`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onResetCapture:{defaultValue:null,description:``,name:`onResetCapture`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onSubmit:{defaultValue:null,description:``,name:`onSubmit`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onSubmitCapture:{defaultValue:null,description:``,name:`onSubmitCapture`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onInvalid:{defaultValue:null,description:``,name:`onInvalid`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onInvalidCapture:{defaultValue:null,description:``,name:`onInvalidCapture`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLDivElement>`}]}},onLoad:{defaultValue:null,description:``,name:`onLoad`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onLoadCapture:{defaultValue:null,description:``,name:`onLoadCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onError:{defaultValue:null,description:``,name:`onError`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onErrorCapture:{defaultValue:null,description:``,name:`onErrorCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onKeyDown:{defaultValue:null,description:``,name:`onKeyDown`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler<HTMLDivElement>`}]}},onKeyDownCapture:{defaultValue:null,description:``,name:`onKeyDownCapture`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler<HTMLDivElement>`}]}},onKeyPress:{defaultValue:null,description:"@deprecated Use `onKeyUp` or `onKeyDown` instead",name:`onKeyPress`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler<HTMLDivElement>`}]}},onKeyPressCapture:{defaultValue:null,description:"@deprecated Use `onKeyUpCapture` or `onKeyDownCapture` instead",name:`onKeyPressCapture`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler<HTMLDivElement>`}]}},onKeyUp:{defaultValue:null,description:``,name:`onKeyUp`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler<HTMLDivElement>`}]}},onKeyUpCapture:{defaultValue:null,description:``,name:`onKeyUpCapture`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler<HTMLDivElement>`}]}},onAbort:{defaultValue:null,description:``,name:`onAbort`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onAbortCapture:{defaultValue:null,description:``,name:`onAbortCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onCanPlay:{defaultValue:null,description:``,name:`onCanPlay`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onCanPlayCapture:{defaultValue:null,description:``,name:`onCanPlayCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onCanPlayThrough:{defaultValue:null,description:``,name:`onCanPlayThrough`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onCanPlayThroughCapture:{defaultValue:null,description:``,name:`onCanPlayThroughCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onDurationChange:{defaultValue:null,description:``,name:`onDurationChange`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onDurationChangeCapture:{defaultValue:null,description:``,name:`onDurationChangeCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onEmptied:{defaultValue:null,description:``,name:`onEmptied`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onEmptiedCapture:{defaultValue:null,description:``,name:`onEmptiedCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onEncrypted:{defaultValue:null,description:``,name:`onEncrypted`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onEncryptedCapture:{defaultValue:null,description:``,name:`onEncryptedCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onEnded:{defaultValue:null,description:``,name:`onEnded`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onEndedCapture:{defaultValue:null,description:``,name:`onEndedCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onLoadedData:{defaultValue:null,description:``,name:`onLoadedData`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onLoadedDataCapture:{defaultValue:null,description:``,name:`onLoadedDataCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onLoadedMetadata:{defaultValue:null,description:``,name:`onLoadedMetadata`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onLoadedMetadataCapture:{defaultValue:null,description:``,name:`onLoadedMetadataCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onLoadStart:{defaultValue:null,description:``,name:`onLoadStart`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onLoadStartCapture:{defaultValue:null,description:``,name:`onLoadStartCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onPause:{defaultValue:null,description:``,name:`onPause`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onPauseCapture:{defaultValue:null,description:``,name:`onPauseCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onPlay:{defaultValue:null,description:``,name:`onPlay`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onPlayCapture:{defaultValue:null,description:``,name:`onPlayCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onPlaying:{defaultValue:null,description:``,name:`onPlaying`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onPlayingCapture:{defaultValue:null,description:``,name:`onPlayingCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onProgress:{defaultValue:null,description:``,name:`onProgress`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onProgressCapture:{defaultValue:null,description:``,name:`onProgressCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onRateChange:{defaultValue:null,description:``,name:`onRateChange`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onRateChangeCapture:{defaultValue:null,description:``,name:`onRateChangeCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onResize:{defaultValue:null,description:``,name:`onResize`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onResizeCapture:{defaultValue:null,description:``,name:`onResizeCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onSeeked:{defaultValue:null,description:``,name:`onSeeked`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onSeekedCapture:{defaultValue:null,description:``,name:`onSeekedCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onSeeking:{defaultValue:null,description:``,name:`onSeeking`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onSeekingCapture:{defaultValue:null,description:``,name:`onSeekingCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onStalled:{defaultValue:null,description:``,name:`onStalled`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onStalledCapture:{defaultValue:null,description:``,name:`onStalledCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onSuspend:{defaultValue:null,description:``,name:`onSuspend`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onSuspendCapture:{defaultValue:null,description:``,name:`onSuspendCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onTimeUpdate:{defaultValue:null,description:``,name:`onTimeUpdate`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onTimeUpdateCapture:{defaultValue:null,description:``,name:`onTimeUpdateCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onVolumeChange:{defaultValue:null,description:``,name:`onVolumeChange`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onVolumeChangeCapture:{defaultValue:null,description:``,name:`onVolumeChangeCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onWaiting:{defaultValue:null,description:``,name:`onWaiting`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onWaitingCapture:{defaultValue:null,description:``,name:`onWaitingCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onAuxClick:{defaultValue:null,description:``,name:`onAuxClick`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onAuxClickCapture:{defaultValue:null,description:``,name:`onAuxClickCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onClick:{defaultValue:null,description:``,name:`onClick`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onClickCapture:{defaultValue:null,description:``,name:`onClickCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onContextMenu:{defaultValue:null,description:``,name:`onContextMenu`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onContextMenuCapture:{defaultValue:null,description:``,name:`onContextMenuCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onDoubleClick:{defaultValue:null,description:``,name:`onDoubleClick`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onDoubleClickCapture:{defaultValue:null,description:``,name:`onDoubleClickCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onDrag:{defaultValue:null,description:``,name:`onDrag`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragCapture:{defaultValue:null,description:``,name:`onDragCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragEnd:{defaultValue:null,description:``,name:`onDragEnd`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragEndCapture:{defaultValue:null,description:``,name:`onDragEndCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragEnter:{defaultValue:null,description:``,name:`onDragEnter`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragEnterCapture:{defaultValue:null,description:``,name:`onDragEnterCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragExit:{defaultValue:null,description:``,name:`onDragExit`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragExitCapture:{defaultValue:null,description:``,name:`onDragExitCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragLeave:{defaultValue:null,description:``,name:`onDragLeave`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragLeaveCapture:{defaultValue:null,description:``,name:`onDragLeaveCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragOver:{defaultValue:null,description:``,name:`onDragOver`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragOverCapture:{defaultValue:null,description:``,name:`onDragOverCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragStart:{defaultValue:null,description:``,name:`onDragStart`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDragStartCapture:{defaultValue:null,description:``,name:`onDragStartCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDrop:{defaultValue:null,description:``,name:`onDrop`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onDropCapture:{defaultValue:null,description:``,name:`onDropCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLDivElement>`}]}},onMouseDown:{defaultValue:null,description:``,name:`onMouseDown`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseDownCapture:{defaultValue:null,description:``,name:`onMouseDownCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseEnter:{defaultValue:null,description:``,name:`onMouseEnter`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseLeave:{defaultValue:null,description:``,name:`onMouseLeave`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseMove:{defaultValue:null,description:``,name:`onMouseMove`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseMoveCapture:{defaultValue:null,description:``,name:`onMouseMoveCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseOut:{defaultValue:null,description:``,name:`onMouseOut`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseOutCapture:{defaultValue:null,description:``,name:`onMouseOutCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseOver:{defaultValue:null,description:``,name:`onMouseOver`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseOverCapture:{defaultValue:null,description:``,name:`onMouseOverCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseUp:{defaultValue:null,description:``,name:`onMouseUp`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onMouseUpCapture:{defaultValue:null,description:``,name:`onMouseUpCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},onSelect:{defaultValue:null,description:``,name:`onSelect`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onSelectCapture:{defaultValue:null,description:``,name:`onSelectCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLDivElement>`}]}},onTouchCancel:{defaultValue:null,description:``,name:`onTouchCancel`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLDivElement>`}]}},onTouchCancelCapture:{defaultValue:null,description:``,name:`onTouchCancelCapture`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLDivElement>`}]}},onTouchEnd:{defaultValue:null,description:``,name:`onTouchEnd`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLDivElement>`}]}},onTouchEndCapture:{defaultValue:null,description:``,name:`onTouchEndCapture`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLDivElement>`}]}},onTouchMove:{defaultValue:null,description:``,name:`onTouchMove`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLDivElement>`}]}},onTouchMoveCapture:{defaultValue:null,description:``,name:`onTouchMoveCapture`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLDivElement>`}]}},onTouchStart:{defaultValue:null,description:``,name:`onTouchStart`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLDivElement>`}]}},onTouchStartCapture:{defaultValue:null,description:``,name:`onTouchStartCapture`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLDivElement>`}]}},onPointerDown:{defaultValue:null,description:``,name:`onPointerDown`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerDownCapture:{defaultValue:null,description:``,name:`onPointerDownCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerMove:{defaultValue:null,description:``,name:`onPointerMove`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerMoveCapture:{defaultValue:null,description:``,name:`onPointerMoveCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerUp:{defaultValue:null,description:``,name:`onPointerUp`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerUpCapture:{defaultValue:null,description:``,name:`onPointerUpCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerCancel:{defaultValue:null,description:``,name:`onPointerCancel`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerCancelCapture:{defaultValue:null,description:``,name:`onPointerCancelCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerEnter:{defaultValue:null,description:``,name:`onPointerEnter`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerLeave:{defaultValue:null,description:``,name:`onPointerLeave`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerOver:{defaultValue:null,description:``,name:`onPointerOver`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerOverCapture:{defaultValue:null,description:``,name:`onPointerOverCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerOut:{defaultValue:null,description:``,name:`onPointerOut`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onPointerOutCapture:{defaultValue:null,description:``,name:`onPointerOutCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onGotPointerCapture:{defaultValue:null,description:``,name:`onGotPointerCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onGotPointerCaptureCapture:{defaultValue:null,description:``,name:`onGotPointerCaptureCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onLostPointerCapture:{defaultValue:null,description:``,name:`onLostPointerCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onLostPointerCaptureCapture:{defaultValue:null,description:``,name:`onLostPointerCaptureCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLDivElement>`}]}},onScroll:{defaultValue:null,description:``,name:`onScroll`,required:!1,type:{name:`enum`,value:[{value:`UIEventHandler<HTMLDivElement>`}]}},onScrollCapture:{defaultValue:null,description:``,name:`onScrollCapture`,required:!1,type:{name:`enum`,value:[{value:`UIEventHandler<HTMLDivElement>`}]}},onWheel:{defaultValue:null,description:``,name:`onWheel`,required:!1,type:{name:`enum`,value:[{value:`WheelEventHandler<HTMLDivElement>`}]}},onWheelCapture:{defaultValue:null,description:``,name:`onWheelCapture`,required:!1,type:{name:`enum`,value:[{value:`WheelEventHandler<HTMLDivElement>`}]}},onAnimationStart:{defaultValue:null,description:``,name:`onAnimationStart`,required:!1,type:{name:`enum`,value:[{value:`AnimationEventHandler<HTMLDivElement>`}]}},onAnimationStartCapture:{defaultValue:null,description:``,name:`onAnimationStartCapture`,required:!1,type:{name:`enum`,value:[{value:`AnimationEventHandler<HTMLDivElement>`}]}},onAnimationEnd:{defaultValue:null,description:``,name:`onAnimationEnd`,required:!1,type:{name:`enum`,value:[{value:`AnimationEventHandler<HTMLDivElement>`}]}},onAnimationEndCapture:{defaultValue:null,description:``,name:`onAnimationEndCapture`,required:!1,type:{name:`enum`,value:[{value:`AnimationEventHandler<HTMLDivElement>`}]}},onAnimationIteration:{defaultValue:null,description:``,name:`onAnimationIteration`,required:!1,type:{name:`enum`,value:[{value:`AnimationEventHandler<HTMLDivElement>`}]}},onAnimationIterationCapture:{defaultValue:null,description:``,name:`onAnimationIterationCapture`,required:!1,type:{name:`enum`,value:[{value:`AnimationEventHandler<HTMLDivElement>`}]}},onTransitionEnd:{defaultValue:null,description:``,name:`onTransitionEnd`,required:!1,type:{name:`enum`,value:[{value:`TransitionEventHandler<HTMLDivElement>`}]}},onTransitionEndCapture:{defaultValue:null,description:``,name:`onTransitionEndCapture`,required:!1,type:{name:`enum`,value:[{value:`TransitionEventHandler<HTMLDivElement>`}]}},variant:{defaultValue:{value:`neutral`},description:`The banner variant/type`,name:`variant`,required:!1,type:{name:`enum`,value:[{value:`"positive"`},{value:`"info"`},{value:`"warning"`},{value:`"critical"`},{value:`"neutral"`},{value:`"ai"`}]}},size:{defaultValue:{value:`regular`},description:`The banner size`,name:`size`,required:!1,type:{name:`enum`,value:[{value:`"small"`},{value:`"regular"`}]}},dataset:{defaultValue:null,description:`Data attributes for testing/analytics
+@deprecated Pass data attributes as regular props instead`,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:`ref`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`(instance: HTMLDivElement | null) => void`},{value:`RefObject<HTMLDivElement>`}]}},key:{defaultValue:null,description:``,name:`key`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`bigint`}]}}}}}catch{}})),P,F,I,L=t((()=>{P=e(n(),1),N(),F=a(),I=(0,P.forwardRef)(function({variant:e=`neutral`,size:t=`regular`,children:n,dataset:r},i){return(0,F.jsx)(M,{ref:i,variant:e,size:t,dataset:r,children:n})});try{I.displayName=`CalloutBanner`,I.__docgenInfo={description:`The Callout banner is used to share informational, helpful, or promotional
+messages within a product interface.
+
+It appears inline within a page or section, not at the top of the screen.
+Its goal is to draw gentle attention without overpowering surrounding content.
+
+Do not use for urgent or blocking information—use the \`<AlertBanner />\` instead.`,displayName:`CalloutBanner`,props:{variant:{defaultValue:{value:`neutral`},description:"The banner variant.\nSemantic icons are also exported for the following variants:\n- `info` -> `<CalloutBannerInfoIcon />`\n- `warning` -> `<CalloutBannerWarningIcon />`\n- `critical` -> `<CalloutBannerCriticalIcon />`\n- `positive` -> `<CalloutBannerPositiveIcon />`",name:`variant`,required:!1,type:{name:`enum`,value:[{value:`"positive"`},{value:`"info"`},{value:`"warning"`},{value:`"critical"`},{value:`"neutral"`},{value:`"ai"`}]}},size:{defaultValue:{value:`regular`},description:`The banner text size.`,name:`size`,required:!1,type:{name:`enum`,value:[{value:`"small"`},{value:`"regular"`}]}},children:{defaultValue:null,description:`The banner message content.
+
+To build a DS compliant banner, use:
+- \`CalloutBannerIcon\` to add an icon to the banner
+- \`CalloutBannerText\` to add a text to the banner
+- \`CalloutBannerDismissButton\` to add a dismiss button to the banner
+
+Alternatively, to diverge from the DS, you're able to:
+- Add your own custom content to break away from the inner content
+  styling and structure.
+- Use the \`CalloutBannerRoot\` primitive to customize the banner
+  container (e.g. colour).`,name:`children`,required:!0,type:{name:`enum`,value:[{value:`undefined`},{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:`ref`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`(instance: HTMLDivElement | null) => void`},{value:`RefObject<HTMLDivElement>`}]}},key:{defaultValue:null,description:``,name:`key`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`bigint`}]}}}}}catch{}})),R,z,B,V,H=t((()=>{R=e(n(),1),h(),f(),b(),g(),O(),z=a(),B=(0,R.forwardRef)(function({children:e,className:t=``,...n},r){return(0,z.jsx)(`div`,{ref:r,className:[D.dismissButton,t].join(` `),children:e??(0,z.jsx)(V,{...n})})}),V=(0,R.forwardRef)(function({onClick:e,dataset:t},n){let{formatMessage:r}=m();return(0,z.jsx)(x,{ref:n,onClick:e,svg:p,size:`small`,variant:`ghost`,assistiveText:r(_.close),dataset:t})});try{B.displayName=`CalloutBannerDismissButton`,B.__docgenInfo={description:"A dismiss button for the callout banner.\n\nNote: The root of this component is a `div` element. It renders the default\ndismiss button by default, but you can override it with the `children` prop.\nYou can also use the `className` prop to override the default styles for the\ncontainer.",displayName:`CalloutBannerDismissButton`,props:{children:{defaultValue:null,description:`If present, the component will render the children instead of the
+default dismiss button.`,name:`children`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},className:{defaultValue:{value:``},description:`A class name to apply to the dismiss button **container**.`,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:`ref`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`(instance: HTMLDivElement | null) => void`},{value:`RefObject<HTMLDivElement>`}]}},key:{defaultValue:null,description:``,name:`key`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`bigint`}]}},onClick:{defaultValue:null,description:``,name:`onClick`,required:!1,type:{name:`enum`,value:[{value:`() => void`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}}}}}catch{}})),U,W,G,K,q,J,Y,X,ie=t((()=>{U=e(n(),1),S(),y(),v(),ee(),c(),O(),N(),W=a(),G=()=>(0,W.jsx)(l,{svg:C,size:`24`}),K=()=>(0,W.jsx)(l,{svg:te,size:`24`}),q=()=>(0,W.jsx)(l,{svg:re,size:`24`}),J=()=>(0,W.jsx)(l,{svg:ne,size:`24`}),Y={info:G,positive:K,warning:q,critical:J},X=(0,U.forwardRef)(function({svg:e,children:t,className:n=``},r){let{variant:i}=(0,U.useContext)(j),a=[D.icon,n].join(` `),o=null;return t?o=t:e?o=(0,W.jsx)(l,{svg:e,size:`24`}):i&&i in Y&&(o=Y[i]()),o?(0,W.jsx)(`div`,{ref:r,className:a,children:o}):null});try{X.displayName=`CalloutBannerIcon`,X.__docgenInfo={description:"An icon for the callout banner.\n\nThis component will render the appropriate icon based on the parent\n`CalloutBanner` component's `variant` prop — these semantic icons are also\nexported for the following variants:\n- `info` -> `<CalloutBannerInfoIcon />`\n- `positive` -> `<CalloutBannerPositiveIcon />`\n- `warning` -> `<CalloutBannerWarningIcon />`\n- `critical` -> `<CalloutBannerCriticalIcon />`\n\nThe icon can be overridden by passing a custom SVG icon via the `svg` prop.\n\nIf you want to place any leading element inside of the `CalloutBanner`,\nwith the same spacing as the icon, you can pass it as a child element.\n\nNote: The root of this component is a `div` element. You can use the\n`className` prop to override the default styles for the **container**.",displayName:`CalloutBannerIcon`,props:{svg:{defaultValue:null,description:``,name:`svg`,required:!1,type:{name:`enum`,value:[{value:`ComponentClass<SVGAttributes<SVGElement>, any>`},{value:`FunctionComponent<SVGAttributes<SVGElement>>`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`}]}},className:{defaultValue:{value:``},description:``,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:`ref`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`(instance: HTMLDivElement | null) => void`},{value:`RefObject<HTMLDivElement>`}]}},key:{defaultValue:null,description:``,name:`key`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`bigint`}]}}}}}catch{}})),Z,Q,$,ae=t((()=>{Z=e(n(),1),u(),N(),Q=a(),$=(0,Z.forwardRef)(function(e,t){let{size:n}=(0,Z.useContext)(j);return(0,Q.jsx)(d,{ref:t,variant:n===`small`?`small-regular`:`default-regular`,...e})});try{$.displayName=`CalloutBannerText`,$.__docgenInfo={description:"A `Text` component alias for the callout banner that is context-aware,\nadjusting its own `variant` based on the parent `CalloutBanner`'s `size`.",displayName:`CalloutBannerText`,props:{variant:{defaultValue:null,description:``,name:`variant`,required:!1,type:{name:`enum`,value:[{value:`"caption-regular"`},{value:`"caption-semibold"`},{value:`"small-regular"`},{value:`"small-regular-italic"`},{value:`"small-semibold"`},{value:`"small-semibold-italic"`},{value:`"default-regular"`},{value:`"default-regular-italic"`},{value:`"default-semibold"`},{value:`"default-semibold-italic"`},{value:`"large-regular"`},{value:`"large-regular-italic"`},{value:`"large-semibold"`},{value:`"large-semibold-italic"`},{value:`ResponsiveProp<TextVariant>`}]}},accent:{defaultValue:null,description:``,name:`accent`,required:!1,type:{name:`enum`,value:[{value:`"placeholder"`},{value:`"primary"`},{value:`"secondary"`},{value:`"tertiary"`},{value:`"accentDark"`},{value:`"inverted"`},{value:`"positive"`},{value:`"info"`},{value:`"warning"`},{value:`"critical"`}]}},strong:{defaultValue:null,description:``,name:`strong`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},centered:{defaultValue:null,description:``,name:`centered`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`ResponsiveProp<boolean>`}]}},tag:{defaultValue:null,description:``,name:`tag`,required:!1,type:{name:`enum`,value:[{value:`"div"`},{value:`"p"`},{value:`"span"`}]}},dataset:{defaultValue:null,description:`@deprecated Pass data attributes as regular props instead`,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},className:{defaultValue:null,description:``,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:`ref`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`(instance: HTMLParagraphElement | null) => void`},{value:`RefObject<HTMLParagraphElement>`}]}},key:{defaultValue:null,description:``,name:`key`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`bigint`}]}}}}}catch{}}));export{G as a,ie as c,I as d,L as f,X as i,B as l,N as m,ae as n,K as o,M as p,J as r,q as s,$ as t,H as u};

package/dist/assets/Checkbox-B_qY1TUo.css

@@ -0,0 +1 @@
+.checkbox__-j3Cu{box-sizing:border-box;width:var(--76ac8f);height:var(--76ac8f);min-width:var(--76ac8f);min-height:var(--76ac8f);background-color:var(--3546c3);border:var(--26b8e3) solid var(--c03289);border-radius:var(--5e8be4);transition:background-color var(--018058), border-color var(--018058);justify-content:center;align-items:center;display:flex;position:relative}.checkbox__-j3Cu input{cursor:pointer;opacity:0;margin:0;position:absolute;inset:0}.checkbox__-j3Cu .remove__Tu7KI,.checkbox__-j3Cu .checkmark__-fsuM{fill:var(--e6a034);cursor:pointer;display:none}.checkbox__-j3Cu .remove__Tu7KI{width:15px}.checkbox__-j3Cu .checkmark__-fsuM{width:13px}.checkbox__-j3Cu:has(input:checked){background-color:var(--4983fe);border-color:var(--4983fe)}.checkbox__-j3Cu:has(input:checked) .checkmark__-fsuM{display:block}.checkbox__-j3Cu:has(input:indeterminate){background-color:var(--4983fe);border-color:var(--4983fe)}.checkbox__-j3Cu:has(input:indeterminate) .remove__Tu7KI{display:block}.checkbox__-j3Cu:has(input[aria-invalid=true]){border-color:var(--a44465)}:is(.checkbox__-j3Cu:has(input[aria-invalid=true]):has(input:checked),.checkbox__-j3Cu:has(input[aria-invalid=true]):has(input:indeterminate)){border-color:var(--a44465);background-color:var(--87fcf8)}.checkbox__-j3Cu:focus-within,.checkbox--dsInternalSimulation-focus__xJewg{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}.checkbox__-j3Cu:has(input:disabled){cursor:default;background-color:var(--302ecf);border-color:var(--c03289)}:is(.checkbox__-j3Cu:has(input:disabled) .remove__Tu7KI,.checkbox__-j3Cu:has(input:disabled) .checkmark__-fsuM){fill:var(--12f66e)}:is(.checkbox__-j3Cu:has(input:disabled):has(input:checked),.checkbox__-j3Cu:has(input:disabled):has(input:indeterminate)){background-color:var(--319b29)}

package/dist/assets/Checkbox-DEB6VLYS.js

@@ -0,0 +1,10 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{ht as r,t as i,x as a,y as o}from"./dist-DtfJeYQK.js";import{t as s}from"./jsx-runtime-C2wGStra.js";import{n as c,t as l}from"./dist-Cc1j9Pjk.js";import{n as u,t as d}from"./filterAttributesPassedByRadixUIAtRuntime-CGiuUnR2.js";import{n as f,t as p}from"./render-icon-Dzkg3KVE.js";import{n as m,t as h}from"./useMergeRefs-D0D5dYrn.js";var g,_,v,y,b=t((()=>{g=e(n()),_=e(n()),v=({title:e,titleId:t,...n},r)=>g.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,viewBox:`0 0 14 2`,xmlns:`http://www.w3.org/2000/svg`,ref:r,"aria-labelledby":t,...n},e?g.createElement(`title`,{id:t},e):null,g.createElement(`path`,{d:`M0 0h14v2H0z`})),y=(0,_.forwardRef)(v)})),x,S,C,w,T=t((()=>{x=e(n()),S=e(n()),C=({title:e,titleId:t,...n},r)=>x.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,viewBox:`0 0 13 11`,xmlns:`http://www.w3.org/2000/svg`,ref:r,"aria-labelledby":t,...n},e?x.createElement(`title`,{id:t},e):null,x.createElement(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M3.923 10.101 0 6.18 1.179 5l2.744 2.744L11.667 0l1.178 1.179z`})),w=(0,S.forwardRef)(C)})),E,D,O,k,A=t((()=>{E=`checkbox__-j3Cu`,D=`remove__Tu7KI`,O=`checkmark__-fsuM`,k={checkbox:E,remove:D,checkmark:O,"checkbox--dsInternalSimulation-focus":`checkbox--dsInternalSimulation-focus__xJewg`}}));function j({ref:e,onChange:t,indeterminate:n,onCheckedChange:r}){let i=(0,M.useRef)(null),a=m(i,e);(0,M.useLayoutEffect)(()=>{i.current&&typeof n==`boolean`&&(i.current.indeterminate=n)},[n]);let o=(0,M.useCallback)(e=>{t?.(e),typeof n==`boolean`&&(e.target.indeterminate=n),r?.(e.target.checked)},[t,n,r]);return{mergedRef:a,ariaChecked:n?`mixed`:void 0,onChangeHandler:o}}var M,N=t((()=>{M=e(n(),1),h()})),P,F,I,L=t((()=>{P=e(n(),1),l(),i(),p(),u(),b(),T(),A(),N(),F=s(),I=(0,P.forwardRef)(function({id:e,name:t,checked:n,defaultChecked:i,indeterminate:s,onChange:l,onCheckedChange:u,hasError:p,disabled:m,required:h,"aria-label":g,"aria-labelledby":_,"aria-describedby":v,dataset:b,dsInternalSimulation:x,onBlur:S,onFocus:C,...T},E){let{mergedRef:D,onChangeHandler:O,ariaChecked:A}=j({ref:E,onChange:l,indeterminate:s,onCheckedChange:u}),M=o(k,`checkbox`,[a(`dsInternalSimulation`,x)]);return(0,F.jsxs)(`div`,{...d(T),className:M.join(` `),"data-preply-ds-component":c.Checkbox,children:[(0,F.jsx)(`input`,{id:e,name:t,type:`checkbox`,required:h,disabled:m,checked:n,defaultChecked:i,"aria-checked":A,"aria-invalid":p===!0?!0:void 0,"aria-label":g,"aria-labelledby":_,"aria-describedby":v,onChange:O,ref:D,onBlur:S,onFocus:C,...r(b)}),f(w,{focusable:`false`,"aria-hidden":`true`,className:k.checkmark}),f(y,{focusable:`false`,"aria-hidden":`true`,className:k.remove})]})});try{I.displayName=`Checkbox`,I.__docgenInfo={description:"To make this accessible, you must label it using a `<label>` or `aria-label`:",displayName:`Checkbox`,props:{defaultChecked:{defaultValue:null,description:``,name:`defaultChecked`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},id:{defaultValue:null,description:``,name:`id`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
+@see aria-labelledby`,name:`aria-describedby`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-label":{defaultValue:null,description:`Defines a string value that labels the current element.
+@see aria-labelledby.`,name:`aria-label`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-labelledby":{defaultValue:null,description:`Identifies the element (or elements) that labels the current element.
+@see aria-describedby.`,name:`aria-labelledby`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},onFocus:{defaultValue:null,description:``,name:`onFocus`,required:!1,type:{name:`enum`,value:[{value:`FocusEventHandler<HTMLInputElement>`}]}},onBlur:{defaultValue:null,description:``,name:`onBlur`,required:!1,type:{name:`enum`,value:[{value:`FocusEventHandler<HTMLInputElement>`}]}},onChange:{defaultValue:null,description:``,name:`onChange`,required:!1,type:{name:`enum`,value:[{value:`ChangeEventHandler<HTMLInputElement>`}]}},name:{defaultValue:null,description:``,name:`name`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},disabled:{defaultValue:null,description:``,name:`disabled`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},checked:{defaultValue:null,description:``,name:`checked`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},required:{defaultValue:null,description:``,name:`required`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},hasError:{defaultValue:null,description:'Shows the component\'s error state, and sets `aria-invalid="true"` on the input element.',name:`hasError`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},indeterminate:{defaultValue:null,description:`Makes the component look indeterminate. Please note that the indeterminate state is parallel
+to che checked/unchecked state, meaning that a checkbox can be checked and indeterminate at
+the same time. it's up to you to handle the logic of when to set this prop.
+
+If you're implementing a tri-state checkbox group, pleas refer to the
+{@link https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/ARIA Checkbox Pattern}.`,name:`indeterminate`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},onCheckedChange:{defaultValue:null,description:``,name:`onCheckedChange`,required:!1,type:{name:`enum`,value:[{value:`(checked: boolean) => void`}]}},dataset:{defaultValue:null,description:`Sets data attributes on the DOM element.
+@example <Checkbox dataset={{ 'qa-id': 'accept-conditions' }} /> // will add data-qa-id="accept-conditions" to the HTML element`,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:`ref`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`(instance: HTMLInputElement | null) => void`},{value:`RefObject<HTMLInputElement>`}]}},key:{defaultValue:null,description:``,name:`key`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`bigint`}]}}}}}catch{}}));export{L as n,I as t};

package/dist/assets/{Checkbox.stories-ClI-ZBnj.js → Checkbox.stories-C_Oku35V.js}

@@ -1,4 +1,4 @@
-import{j as t,r as x}from"./iframe-B_74HtSc.js";import{C as c}from"./Checkbox-U8uzIr-e.js";import{T as m}from"./Text-DvShrljd.js";import"./preload-helper-Dp1pzeXC.js";import"./render-icon-MT6RlyNs.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./useMergeRefs-Caz9hOck.js";import"./componentNames-hc9KR2nX.js";import"./text-accent-BQ9POoE5.js";import"./text-centered-BEaaxMgl.js";const{action:p}=__STORYBOOK_MODULE_ACTIONS__,{expect:a,userEvent:n}=__STORYBOOK_MODULE_TEST__,Y={title:"components/Checkbox",component:c,args:{onChange:p("onChange"),onCheckedChange:p("onCheckedChange")}},l={render:function(){return t.jsxs("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:[t.jsx(m,{variant:"default-regular-italic",children:"normal"}),t.jsxs("div",{style:{display:"flex",gap:"16px"},children:[t.jsx(c,{"aria-label":"checkbox"}),t.jsx(c,{"aria-label":"checkbox",checked:!0}),t.jsx(c,{"aria-label":"checkbox",indeterminate:!0}),t.jsx(c,{"aria-label":"checkbox",hasError:!0}),t.jsx(c,{"aria-label":"checkbox",hasError:!0,checked:!0}),t.jsx(c,{"aria-label":"checkbox",hasError:!0,indeterminate:!0}),t.jsx(c,{"aria-label":"checkbox",disabled:!0}),t.jsx(c,{"aria-label":"checkbox",disabled:!0,checked:!0}),t.jsx(c,{"aria-label":"checkbox",disabled:!0,indeterminate:!0})]}),t.jsx(m,{variant:"default-regular-italic",children:"focus"}),t.jsxs("div",{style:{display:"flex",gap:"16px"},children:[t.jsx(c,{"aria-label":"checkbox",dsInternalSimulation:"focus"}),t.jsx(c,{"aria-label":"checkbox",dsInternalSimulation:"focus",checked:!0}),t.jsx(c,{"aria-label":"checkbox",dsInternalSimulation:"focus",indeterminate:!0}),t.jsx(c,{"aria-label":"checkbox",dsInternalSimulation:"focus",hasError:!0}),t.jsx(c,{"aria-label":"checkbox",dsInternalSimulation:"focus",checked:!0,hasError:!0}),t.jsx(c,{"aria-label":"checkbox",dsInternalSimulation:"focus",indeterminate:!0,hasError:!0})]})]})}},s={parameters:{chromatic:{disableSnapshot:!0}},render:function(){return t.jsx(c,{"aria-label":"checkbox"})},play:async({canvas:r,step:o})=>{const e=r.getByRole("checkbox");a(e).not.toHaveAttribute("aria-checked"),await o('Initial state"',async()=>{await n.click(e),a(e).toBeChecked(),a(e).not.toHaveAttribute("aria-checked")}),await o('Initial state"',async()=>{await n.click(e),a(e).not.toBeChecked(),a(e).not.toHaveAttribute("aria-checked")})}},h={parameters:{chromatic:{disableSnapshot:!0}},render:function(){const[o,e]=x.useState(!1);return t.jsx(c,{"aria-label":"checkbox",checked:o,onCheckedChange:e})},play:async({canvas:r,step:o})=>{const e=r.getByRole("checkbox");await o('Initial state"',async()=>{a(e).not.toBeChecked(),a(e).not.toHaveAttribute("aria-checked")}),await o('Click the checkbox"',async()=>{await n.click(e),a(e).toBeChecked(),a(e).not.toHaveAttribute("aria-checked")}),await o('Click the checkbox"',async()=>{await n.click(e),a(e).not.toBeChecked(),a(e).not.toHaveAttribute("aria-checked")})}},d={parameters:{chromatic:{disableSnapshot:!0}},render:function(){const[o,e]=x.useState(!1),[i,u]=x.useState(!1);return t.jsx(c,{"aria-label":"checkbox",checked:o,indeterminate:i,onCheckedChange:b=>{o===!1&&i===!1&&b===!0?u(!0):o===!1&&i===!0&&b===!0?(u(!1),e(!0)):o===!0&&i===!1&&b===!1&&e(!1)}})},play:async({canvas:r,step:o})=>{const e=r.getByRole("checkbox");if(!(e instanceof HTMLInputElement))throw new Error("Expected Consent all cookies to be an HTMLInputElement");await o('Initial state"',async()=>{a(e).not.toBeChecked(),a(e).not.toHaveAttribute("aria-checked"),a(e.indeterminate,"Indeterminate check").toBe(!1)}),await o('Click the checkbox"',async()=>{await n.click(e),a(e).not.toBeChecked(),a(e).toHaveAttribute("aria-checked","mixed"),a(e.indeterminate,"Indeterminate check").toBe(!0)}),await o('Click the checkbox"',async()=>{await n.click(e),a(e).toBeChecked(),a(e).not.toHaveAttribute("aria-checked"),a(e.indeterminate,"Indeterminate check").toBe(!1)}),await o('Click the checkbox"',async()=>{await n.click(e),a(e).not.toBeChecked(),a(e).not.toHaveAttribute("aria-checked"),a(e.indeterminate,"Indeterminate check").toBe(!1)})}},k={parameters:{chromatic:{disableSnapshot:!0}},args:{"aria-label":"checkbox"},argTypes:{id:{control:"text"},name:{control:"text"},dataset:{control:"object"},checked:{control:"boolean"},disabled:{control:"boolean"},required:{control:"boolean"},hasError:{control:"boolean"},"aria-label":{control:"text"},indeterminate:{control:"boolean"},defaultChecked:{control:"boolean"},"aria-labelledby":{control:"text"}}};var C,f,y;l.parameters={...l.parameters,docs:{...(C=l.parameters)==null?void 0:C.docs,source:{originalSource:`{
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./Text-bm2vnOS2.js";import{n as o,t as s}from"./Checkbox-DEB6VLYS.js";var c,l,u,d,f,p,m,h,g,_,v,y;t((()=>{c=e(n(),1),o(),i(),l=r(),{action:u}=__STORYBOOK_MODULE_ACTIONS__,{expect:d,userEvent:f}=__STORYBOOK_MODULE_TEST__,p={title:`components/Checkbox`,component:s,args:{onChange:u(`onChange`),onCheckedChange:u(`onCheckedChange`)}},m={render:function(){return(0,l.jsxs)(`div`,{style:{display:`flex`,gap:`16px`,flexDirection:`column`},children:[(0,l.jsx)(a,{variant:`default-regular-italic`,children:`normal`}),(0,l.jsxs)(`div`,{style:{display:`flex`,gap:`16px`},children:[(0,l.jsx)(s,{"aria-label":`checkbox`}),(0,l.jsx)(s,{"aria-label":`checkbox`,checked:!0}),(0,l.jsx)(s,{"aria-label":`checkbox`,indeterminate:!0}),(0,l.jsx)(s,{"aria-label":`checkbox`,hasError:!0}),(0,l.jsx)(s,{"aria-label":`checkbox`,hasError:!0,checked:!0}),(0,l.jsx)(s,{"aria-label":`checkbox`,hasError:!0,indeterminate:!0}),(0,l.jsx)(s,{"aria-label":`checkbox`,disabled:!0}),(0,l.jsx)(s,{"aria-label":`checkbox`,disabled:!0,checked:!0}),(0,l.jsx)(s,{"aria-label":`checkbox`,disabled:!0,indeterminate:!0})]}),(0,l.jsx)(a,{variant:`default-regular-italic`,children:`focus`}),(0,l.jsxs)(`div`,{style:{display:`flex`,gap:`16px`},children:[(0,l.jsx)(s,{"aria-label":`checkbox`,dsInternalSimulation:`focus`}),(0,l.jsx)(s,{"aria-label":`checkbox`,dsInternalSimulation:`focus`,checked:!0}),(0,l.jsx)(s,{"aria-label":`checkbox`,dsInternalSimulation:`focus`,indeterminate:!0}),(0,l.jsx)(s,{"aria-label":`checkbox`,dsInternalSimulation:`focus`,hasError:!0}),(0,l.jsx)(s,{"aria-label":`checkbox`,dsInternalSimulation:`focus`,checked:!0,hasError:!0}),(0,l.jsx)(s,{"aria-label":`checkbox`,dsInternalSimulation:`focus`,indeterminate:!0,hasError:!0})]})]})}},h={parameters:{chromatic:{disableSnapshot:!0}},render:function(){return(0,l.jsx)(s,{"aria-label":`checkbox`})},play:async({canvas:e,step:t})=>{let n=e.getByRole(`checkbox`);d(n).not.toHaveAttribute(`aria-checked`),await t(`Initial state"`,async()=>{await f.click(n),d(n).toBeChecked(),d(n).not.toHaveAttribute(`aria-checked`)}),await t(`Initial state"`,async()=>{await f.click(n),d(n).not.toBeChecked(),d(n).not.toHaveAttribute(`aria-checked`)})}},g={parameters:{chromatic:{disableSnapshot:!0}},render:function(){let[e,t]=(0,c.useState)(!1);return(0,l.jsx)(s,{"aria-label":`checkbox`,checked:e,onCheckedChange:t})},play:async({canvas:e,step:t})=>{let n=e.getByRole(`checkbox`);await t(`Initial state"`,async()=>{d(n).not.toBeChecked(),d(n).not.toHaveAttribute(`aria-checked`)}),await t(`Click the checkbox"`,async()=>{await f.click(n),d(n).toBeChecked(),d(n).not.toHaveAttribute(`aria-checked`)}),await t(`Click the checkbox"`,async()=>{await f.click(n),d(n).not.toBeChecked(),d(n).not.toHaveAttribute(`aria-checked`)})}},_={parameters:{chromatic:{disableSnapshot:!0}},render:function(){let[e,t]=(0,c.useState)(!1),[n,r]=(0,c.useState)(!1);return(0,l.jsx)(s,{"aria-label":`checkbox`,checked:e,indeterminate:n,onCheckedChange:i=>{e===!1&&n===!1&&i===!0?r(!0):e===!1&&n===!0&&i===!0?(r(!1),t(!0)):e===!0&&n===!1&&i===!1&&t(!1)}})},play:async({canvas:e,step:t})=>{let n=e.getByRole(`checkbox`);if(!(n instanceof HTMLInputElement))throw Error(`Expected Consent all cookies to be an HTMLInputElement`);await t(`Initial state"`,async()=>{d(n).not.toBeChecked(),d(n).not.toHaveAttribute(`aria-checked`),d(n.indeterminate,`Indeterminate check`).toBe(!1)}),await t(`Click the checkbox"`,async()=>{await f.click(n),d(n).not.toBeChecked(),d(n).toHaveAttribute(`aria-checked`,`mixed`),d(n.indeterminate,`Indeterminate check`).toBe(!0)}),await t(`Click the checkbox"`,async()=>{await f.click(n),d(n).toBeChecked(),d(n).not.toHaveAttribute(`aria-checked`),d(n.indeterminate,`Indeterminate check`).toBe(!1)}),await t(`Click the checkbox"`,async()=>{await f.click(n),d(n).not.toBeChecked(),d(n).not.toHaveAttribute(`aria-checked`),d(n.indeterminate,`Indeterminate check`).toBe(!1)})}},v={parameters:{chromatic:{disableSnapshot:!0}},args:{"aria-label":`checkbox`},argTypes:{id:{control:`text`},name:{control:`text`},dataset:{control:`object`},checked:{control:`boolean`},disabled:{control:`boolean`},required:{control:`boolean`},hasError:{control:`boolean`},"aria-label":{control:`text`},indeterminate:{control:`boolean`},defaultChecked:{control:`boolean`},"aria-labelledby":{control:`text`}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
   render: function Story() {
     return <div style={{
       display: 'flex',
@@ -34,7 +34,7 @@ import{j as t,r as x}from"./iframe-B_74HtSc.js";import{C as c}from"./Checkbox-U8
                 </div>
             </div>;
   }
-}`,...(y=(f=l.parameters)==null?void 0:f.docs)==null?void 0:y.source}}};var v,S,I;s.parameters={...s.parameters,docs:{...(v=s.parameters)==null?void 0:v.docs,source:{originalSource:`{
+}`,...m.parameters?.docs?.source}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
   parameters: {
     chromatic: {
       disableSnapshot: true
@@ -60,7 +60,7 @@ import{j as t,r as x}from"./iframe-B_74HtSc.js";import{C as c}from"./Checkbox-U8
       expect(checkbox).not.toHaveAttribute('aria-checked');
     });
   }
-}`,...(I=(S=s.parameters)==null?void 0:S.docs)==null?void 0:I.source}}};var g,w,E;h.parameters={...h.parameters,docs:{...(g=h.parameters)==null?void 0:g.docs,source:{originalSource:`{
+}`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
   parameters: {
     chromatic: {
       disableSnapshot: true
@@ -90,7 +90,7 @@ import{j as t,r as x}from"./iframe-B_74HtSc.js";import{C as c}from"./Checkbox-U8
       expect(checkbox).not.toHaveAttribute('aria-checked');
     });
   }
-}`,...(E=(w=h.parameters)==null?void 0:w.docs)==null?void 0:E.source}}};var B,j,H;d.parameters={...d.parameters,docs:{...(B=d.parameters)==null?void 0:B.docs,source:{originalSource:`{
+}`,...g.parameters?.docs?.source}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
   parameters: {
     chromatic: {
       disableSnapshot: true
@@ -140,7 +140,7 @@ import{j as t,r as x}from"./iframe-B_74HtSc.js";import{C as c}from"./Checkbox-U8
       expect(checkbox.indeterminate, 'Indeterminate check').toBe(false);
     });
   }
-}`,...(H=(j=d.parameters)==null?void 0:j.docs)==null?void 0:H.source}}};var A,T,_;k.parameters={...k.parameters,docs:{...(A=k.parameters)==null?void 0:A.docs,source:{originalSource:`{
+}`,..._.parameters?.docs?.source}}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
   parameters: {
     chromatic: {
       disableSnapshot: true
@@ -184,4 +184,4 @@ import{j as t,r as x}from"./iframe-B_74HtSc.js";import{C as c}from"./Checkbox-U8
       control: 'text'
     }
   }
-}`,...(_=(T=k.parameters)==null?void 0:T.docs)==null?void 0:_.source}}};const N=["States","Uncontrolled","Controlled","ControlledWithIndeterminate","Playground"];export{h as Controlled,d as ControlledWithIndeterminate,k as Playground,l as States,s as Uncontrolled,N as __namedExportsOrder,Y as default};
+}`,...v.parameters?.docs?.source}}},y=[`States`,`Uncontrolled`,`Controlled`,`ControlledWithIndeterminate`,`Playground`]}))();export{g as Controlled,_ as ControlledWithIndeterminate,v as Playground,m as States,h as Uncontrolled,y as __namedExportsOrder,p as default};