@preply/ds-docs 11.0.0 → 11.1.0

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

@@ -1,286 +0,0 @@
-import{r as o,j as e,g as ye}from"./iframe-B_74HtSc.js";import{u as M,a as de,e as L}from"./index-BW8FBNWq.js";import{L as c}from"./LayoutFlex-DXRMJ9FH.js";import{L as ge}from"./Link-BAFCJR3T.js";import{B as p}from"./Button-C0Um_QuO.js";import{A as Ce}from"./Avatar-Die_4zu0.js";import{T as me}from"./Text-DvShrljd.js";import{w as be}from"./componentNames-hc9KR2nX.js";import{u as Ee}from"./index-DIqvfT2b.js";import{F as He}from"./TokyoUIClose-BfMyMrDa.js";import{I as Ve}from"./IconButton-BpjNyYgD.js";import{g as De}from"./shared-strings-ThL9KyH0.js";import{F as Te}from"./TokyoUIInfo-BSNbI4Gr.js";import{F as qe,a as xe}from"./TokyoUIErrorWarning-GuwQvo24.js";import{F as Me}from"./TokyoUICheck-DQLX_x10.js";import{I as f}from"./Icon-CC0yjdx9.js";import"./preload-helper-Dp1pzeXC.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./layout-relative.module-BIZVul8q.js";import"./useHostname-CbpnzdHv.js";import"./render-icon-MT6RlyNs.js";import"./ButtonBase-HkSfLFbE.js";import"./Spinner-8-RB4YZR.js";import"./useMergeRefs-Caz9hOck.js";import"./index-CC6DAVyL.js";import"./constants-5om8Ptru.js";import"./text-accent-BQ9POoE5.js";import"./text-centered-BEaaxMgl.js";const Le="banner__X9HSx",we="icon__Hc4CV",Be="dismissButton__QqYFY",w={banner:Le,icon:we,dismissButton:Be},B=o.createContext({variant:"neutral",size:"regular"}),q=o.forwardRef(function({variant:n="neutral",size:a="regular",children:t,dataset:s,className:d="",...x},v){const he=[w.banner,d].join(" ");return e.jsx(B.Provider,{value:{variant:n,size:a},children:e.jsx("div",{ref:v,role:"note",className:he,...ye(s,{preplyDsComponent:be.CalloutBanner}),"data-variant":n,"data-size":a,...x,children:t})})});try{q.displayName="CalloutBannerRoot",q.__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:'"off"'},{value:'"none"'},{value:'"on"'},{value:'"sentences"'},{value:'"words"'},{value:'"characters"'},{value:"string & {}"}]}},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:'"true"'},{value:'"false"'},{value:'"inherit"'},{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:'"true"'},{value:'"false"'}]}},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:'"true"'},{value:'"false"'}]}},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:'"main"'},{value:'"article"'},{value:'"table"'},{value:'"figure"'},{value:'"row"'},{value:'"button"'},{value:'"dialog"'},{value:'"form"'},{value:'"img"'},{value:'"link"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"option"'},{value:'"search"'},{value:'"none"'},{value:"string & {}"},{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:'"list"'},{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:'"switch"'},{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:'"url"'},{value:'"search"'},{value:'"none"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{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:'"true"'},{value:'"false"'}]}},"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:'"inline"'},{value:'"none"'},{value:'"list"'},{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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'},{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:'"true"'},{value:'"false"'},{value:'"page"'},{value:'"step"'},{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:'"true"'},{value:'"false"'}]}},"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:'"link"'},{value:'"none"'},{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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'},{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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'},{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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'},{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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'}]}},"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:'"true"'},{value:'"false"'}]}},"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:'"ai"'},{value:'"neutral"'}]}},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{}const r=o.forwardRef(function({variant:n="neutral",size:a="regular",children:t,dataset:s},d){return e.jsx(q,{ref:d,variant:n,size:a,dataset:s,children:t})});try{r.displayName="CalloutBanner",r.__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:'"ai"'},{value:'"neutral"'}]}},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{}const m=o.forwardRef(function({children:n,className:a="",...t},s){const d=[w.dismissButton,a].join(" ");return e.jsx("div",{ref:s,className:d,children:n??e.jsx(Ie,{...t})})}),Ie=o.forwardRef(function({onClick:n,dataset:a},t){const{formatMessage:s}=Ee();return e.jsx(Ve,{ref:t,onClick:n,svg:He,size:"small",variant:"ghost",assistiveText:s(De.close),dataset:a})});try{m.displayName="CalloutBannerDismissButton",m.__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{}const ve=()=>e.jsx(f,{svg:Te,size:"24"}),ce=()=>e.jsx(f,{svg:Me,size:"24"}),pe=()=>e.jsx(f,{svg:xe,size:"24"}),fe=()=>e.jsx(f,{svg:qe,size:"24"}),I={info:ve,positive:ce,warning:pe,critical:fe},i=o.forwardRef(function({svg:n,children:a,className:t=""},s){const{variant:d}=o.useContext(B),x=[w.icon,t].join(" ");let v=null;return a?v=a:n?v=e.jsx(f,{svg:n,size:"24"}):d&&d in I&&(v=I[d]()),v?e.jsx("div",{ref:s,className:x,children:v}):null});try{i.displayName="CalloutBannerIcon",i.__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{}const u=o.forwardRef(function(n,a){const{size:t}=o.useContext(B);return e.jsx(me,{ref:a,variant:t==="small"?"small-regular":"default-regular",...n})});try{u.displayName="CalloutBannerText",u.__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:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"accentDark"'},{value:'"placeholder"'},{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:'"p"'},{value:'"div"'},{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{}const Re="banner__YzvKK",R={banner:Re},oa={title:"Components/CalloutBanner",component:r,subcomponents:{CalloutBannerText:u,CalloutBannerDismissButton:m,CalloutBannerIcon:i,CalloutBannerInfoIcon:ve,CalloutBannerWarningIcon:pe,CalloutBannerCriticalIcon:fe,CalloutBannerPositiveIcon:ce},parameters:{layout:"padded",docs:{source:{type:"dynamic"}}},decorators:[l=>e.jsx("div",{style:{width:"400px"},children:e.jsx(l,{})})]},h={args:{children:e.jsx(u,{children:"Callout banner message goes here."})}},y={args:{variant:"info",children:e.jsxs(e.Fragment,{children:[e.jsx(i,{}),e.jsx(u,{children:"Callout banner message with a leading icon."})]})}},g={render:function(n){const[a,t]=o.useState(!0);return a?e.jsxs(r,{...n,dataset:{testid:"banner"},children:[e.jsx(u,{children:"This banner can be dismissed."}),e.jsx(m,{onClick:()=>t(!1)})]}):e.jsxs(c,{gap:"16",alignItems:"center",children:[e.jsx("p",{children:"Banner has been dismissed."}),e.jsx(p,{variant:"tertiary",onClick:()=>t(!0),dataset:{testid:"show-banner"},children:"Show banner"})]})}},C={tags:["!autodocs"],render:function(n){const[a,t]=o.useState(!0);return a?e.jsxs(r,{...n,dataset:{testid:"banner"},children:[e.jsx(u,{children:"This banner can be dismissed by clicking the close button."}),e.jsx(m,{onClick:()=>t(!1)})]}):e.jsxs(c,{gap:"16",alignItems:"center",children:[e.jsx("p",{children:"Banner has been dismissed."}),e.jsx(p,{variant:"tertiary",onClick:()=>t(!0),dataset:{testid:"show-banner"},children:"Show banner"})]})},play:async({canvas:l,step:n})=>{await n("Dismiss banner",async()=>{const a=l.getByTestId("banner");return await M.click(de(a).getByRole("button",{name:"Close"})),L(a).not.toBeInTheDocument()})}},b={tags:["!autodocs"],render:function(n){const[a,t]=o.useState(!0);return a?e.jsxs(r,{...n,dataset:{testid:"banner"},children:[e.jsx(u,{children:"This banner can be dismissed by clicking the close button."}),e.jsx(m,{onClick:()=>t(!1)})]}):e.jsxs(c,{gap:"16",alignItems:"center",children:[e.jsx("p",{children:"Banner has been dismissed."}),e.jsx(p,{variant:"tertiary",onClick:()=>t(!0),dataset:{testid:"show-banner"},children:"Show banner"})]})},play:async({canvas:l,step:n})=>{await n("Dismiss banner",async()=>{const a=l.getByTestId("banner");return await M.click(de(a).getByRole("button",{name:"Close"})),L(a).not.toBeInTheDocument()}),await n("Show banner",async()=>{const a=l.getByTestId("show-banner");await M.click(a);const t=l.getByTestId("banner");return L(t).toBeInTheDocument()})}},E={args:{children:e.jsxs(u,{children:["Callout banner message goes here."," ",e.jsx(ge,{href:"/path",inline:!0,children:"Inline link"}),"."]})}},H={render:()=>e.jsxs(c,{direction:"column",gap:"16",children:[e.jsxs(r,{variant:"neutral",children:[e.jsx(i,{}),e.jsx(u,{children:"Neutral callout banner message."})]}),e.jsxs(r,{variant:"info",children:[e.jsx(i,{}),e.jsx(u,{children:"Info callout banner message."})]}),e.jsxs(r,{variant:"warning",children:[e.jsx(i,{}),e.jsx(u,{children:"Warning callout banner message."})]}),e.jsxs(r,{variant:"critical",children:[e.jsx(i,{}),e.jsx(u,{children:"Critical callout banner message."})]}),e.jsxs(r,{variant:"positive",children:[e.jsx(i,{}),e.jsx(u,{children:"Positive callout banner message."})]}),e.jsxs(r,{variant:"ai",children:[e.jsx(i,{}),e.jsx(u,{children:"AI callout banner message."})]})]})},V={render:()=>e.jsxs(c,{direction:"column",gap:"16",children:[e.jsxs(r,{size:"regular",variant:"info",children:[e.jsx(i,{}),e.jsx(u,{children:"Regular size callout banner message."})]}),e.jsxs(r,{size:"small",variant:"info",children:[e.jsx(i,{}),e.jsx(u,{children:"Small size callout banner message."})]})]})},D={render:()=>e.jsxs(c,{direction:"column",gap:"16",children:[e.jsx(r,{variant:"info",children:e.jsx(u,{children:"This is a longer callout banner message that demonstrates how the component handles text wrapping and longer content."})}),e.jsxs(r,{variant:"info",children:[e.jsx(i,{}),e.jsx(u,{children:"This is a longer callout banner message that demonstrates how the component handles text wrapping and longer content."})]}),e.jsxs(r,{variant:"info",children:[e.jsx(i,{}),e.jsx(u,{children:"This is a longer callout banner message that demonstrates how the component handles text wrapping and longer content."}),e.jsx(m,{})]}),e.jsxs(r,{variant:"info",children:[e.jsx(u,{children:"This is a longer callout banner message that demonstrates how the component handles text wrapping and longer content."}),e.jsx(m,{})]})]})},T={tags:["!autodocs"],render:function(){const[n,a]=o.useState(!0);return n?e.jsxs(q,{variant:"neutral",size:"regular",className:R.banner,children:[e.jsx(i,{children:e.jsx(Ce,{size:"24"})}),e.jsx(me,{variant:"default-semibold",children:"Custom banner built with primitives."}),e.jsx(m,{className:R.dismissButton,children:e.jsx(p,{size:"small",variant:"tertiary",onClick:()=>a(!1),children:"Close"})})]}):e.jsxs(c,{gap:"16",alignItems:"center",children:[e.jsx("p",{children:"Banner has been dismissed."}),e.jsx(p,{variant:"tertiary",onClick:()=>a(!0),children:"Show banner"})]})}};var S,P,j;h.parameters={...h.parameters,docs:{...(S=h.parameters)==null?void 0:S.docs,source:{originalSource:`{
-  args: {
-    children: <CalloutBannerText>Callout banner message goes here.</CalloutBannerText>
-  }
-}`,...(j=(P=h.parameters)==null?void 0:P.docs)==null?void 0:j.source}}};var k,A,_;y.parameters={...y.parameters,docs:{...(k=y.parameters)==null?void 0:k.docs,source:{originalSource:`{
-  args: {
-    variant: 'info',
-    children: <>
-                <CalloutBannerIcon />
-                <CalloutBannerText>Callout banner message with a leading icon.</CalloutBannerText>
-            </>
-  }
-}`,...(_=(A=y.parameters)==null?void 0:A.docs)==null?void 0:_.source}}};var F,z,N;g.parameters={...g.parameters,docs:{...(F=g.parameters)==null?void 0:F.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>;
-  }
-}`,...(N=(z=g.parameters)==null?void 0:z.docs)==null?void 0:N.source}}};var O,U,K;C.parameters={...C.parameters,docs:{...(O=C.parameters)==null?void 0:O.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'
-      }));
-      return expect(banner).not.toBeInTheDocument();
-    });
-  }
-}`,...(K=(U=C.parameters)==null?void 0:U.docs)==null?void 0:K.source}}};var W,G,Y;b.parameters={...b.parameters,docs:{...(W=b.parameters)==null?void 0:W.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'
-      }));
-      return expect(banner).not.toBeInTheDocument();
-    });
-    await step('Show banner', async () => {
-      const showBannerButton = canvas.getByTestId('show-banner');
-      await userEvent.click(showBannerButton);
-      const banner = canvas.getByTestId('banner');
-      return expect(banner).toBeInTheDocument();
-    });
-  }
-}`,...(Y=(G=b.parameters)==null?void 0:G.docs)==null?void 0:Y.source}}};var X,$,J;E.parameters={...E.parameters,docs:{...(X=E.parameters)==null?void 0:X.docs,source:{originalSource:`{
-  args: {
-    children: <CalloutBannerText>
-                Callout banner message goes here.{' '}
-                <Link href="/path" inline>
-                    Inline link
-                </Link>
-                .
-            </CalloutBannerText>
-  }
-}`,...(J=($=E.parameters)==null?void 0:$.docs)==null?void 0:J.source}}};var Q,Z,ee;H.parameters={...H.parameters,docs:{...(Q=H.parameters)==null?void 0:Q.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>
-}`,...(ee=(Z=H.parameters)==null?void 0:Z.docs)==null?void 0:ee.source}}};var ae,ne,le;V.parameters={...V.parameters,docs:{...(ae=V.parameters)==null?void 0:ae.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>
-}`,...(le=(ne=V.parameters)==null?void 0:ne.docs)==null?void 0:le.source}}};var te,ue,re;D.parameters={...D.parameters,docs:{...(te=D.parameters)==null?void 0:te.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>
-}`,...(re=(ue=D.parameters)==null?void 0:ue.docs)==null?void 0:re.source}}};var ie,oe,se;T.parameters={...T.parameters,docs:{...(ie=T.parameters)==null?void 0:ie.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>;
-  }
-}`,...(se=(oe=T.parameters)==null?void 0:oe.docs)==null?void 0:se.source}}};const sa=["Default","WithIcon","Dismissable","TestDismissibleUncontrolled","TestDismissibleControlled","WithInlineLink","Variants","Sizes","WithLongText","PrimitiveExtension"];export{h as Default,g as Dismissable,T as PrimitiveExtension,V as Sizes,b as TestDismissibleControlled,C as TestDismissibleUncontrolled,H as Variants,y as WithIcon,E as WithInlineLink,D as WithLongText,sa as __namedExportsOrder,oa as default};

package/dist/assets/Checkbox-CrI8PiHH.css

@@ -1 +0,0 @@
-.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);display:flex;align-items:center;justify-content:center;position:relative;transition:background-color var(--018058),border-color var(--018058)}.checkbox__-j3Cu input{cursor:pointer;opacity:0;margin:0;position:absolute;top:0;right:0;bottom:0;left:0}.checkbox__-j3Cu .remove__Tu7KI,.checkbox__-j3Cu .checkmark__-fsuM{fill:var(--e6a034);display:none;cursor:pointer}.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)}.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)}.checkbox__-j3Cu:has(input:disabled) .remove__Tu7KI,.checkbox__-j3Cu:has(input:disabled) .checkmark__-fsuM{fill:var(--12f66e)}.checkbox__-j3Cu:has(input:disabled):has(input:checked),.checkbox__-j3Cu:has(input:disabled):has(input:indeterminate){background-color:var(--319b29)}

package/dist/assets/Checkbox-U8uzIr-e.js

@@ -1,10 +0,0 @@
-import{r as l,u as C,v as H,j as d,g as M}from"./iframe-B_74HtSc.js";import{r as m}from"./render-icon-MT6RlyNs.js";import{f as T}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{u as N}from"./useMergeRefs-Caz9hOck.js";import{w as S}from"./componentNames-hc9KR2nX.js";const j=({title:n,titleId:a,...e},t)=>l.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",viewBox:"0 0 14 2",xmlns:"http://www.w3.org/2000/svg",ref:t,"aria-labelledby":a,...e},n?l.createElement("title",{id:a},n):null,l.createElement("path",{d:"M0 0h14v2H0z"})),A=l.forwardRef(j),L=({title:n,titleId:a,...e},t)=>l.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",viewBox:"0 0 13 11",xmlns:"http://www.w3.org/2000/svg",ref:t,"aria-labelledby":a,...e},n?l.createElement("title",{id:a},n):null,l.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"})),F=l.forwardRef(L),B="checkbox__-j3Cu",D="remove__Tu7KI",P="checkmark__-fsuM",o={checkbox:B,remove:D,checkmark:P,"checkbox--dsInternalSimulation-focus":"checkbox--dsInternalSimulation-focus__xJewg"};function O({ref:n,onChange:a,indeterminate:e,onCheckedChange:t}){const r=l.useRef(null),s=N(r,n);l.useLayoutEffect(()=>{r.current&&typeof e=="boolean"&&(r.current.indeterminate=e)},[e]);const i=l.useCallback(u=>{a==null||a(u),typeof e=="boolean"&&(u.target.indeterminate=e),t==null||t(u.target.checked)},[a,e,t]);return{mergedRef:s,ariaChecked:e?"mixed":void 0,onChangeHandler:i}}const f=l.forwardRef(function({id:a,name:e,checked:t,defaultChecked:r,indeterminate:s,onChange:i,onCheckedChange:c,hasError:u,disabled:p,required:v,"aria-label":h,"aria-labelledby":b,"aria-describedby":y,dataset:k,dsInternalSimulation:g,onBlur:x,onFocus:w,...q},I){const{mergedRef:R,onChangeHandler:E,ariaChecked:V}=O({ref:I,onChange:i,indeterminate:s,onCheckedChange:c}),_=C(o,"checkbox",[H("dsInternalSimulation",g)]);return d.jsxs("div",{...T(q),className:_.join(" "),"data-preply-ds-component":S.Checkbox,children:[d.jsx("input",{id:a,name:e,type:"checkbox",required:v,disabled:p,checked:t,defaultChecked:r,"aria-checked":V,"aria-invalid":u===!0?!0:void 0,"aria-label":h,"aria-labelledby":b,"aria-describedby":y,onChange:E,ref:R,onBlur:x,onFocus:w,...M(k)}),m(F,{focusable:"false","aria-hidden":"true",className:o.checkmark}),m(A,{focusable:"false","aria-hidden":"true",className:o.remove})]})});try{f.displayName="Checkbox",f.__docgenInfo={description:"To make this accessible, you must label it using a `<label>` or `aria-label`:",displayName:"Checkbox",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},checked:{defaultValue:null,description:"",name:"checked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",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"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLInputElement>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},"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-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"}]}},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{f as C};

package/dist/assets/Checkbox.tests.stories-CrLxNZ2d.js

@@ -1,64 +0,0 @@
-import{j as s}from"./iframe-B_74HtSc.js";import{T}from"./Tooltip-BiqKWYpo.js";import{C as n}from"./Checkbox-U8uzIr-e.js";import"./preload-helper-Dp1pzeXC.js";import"./componentNames-hc9KR2nX.js";import"./render-icon-MT6RlyNs.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./useMergeRefs-Caz9hOck.js";const{userEvent:h,expect:t,within:A,waitFor:d}=__STORYBOOK_MODULE_TEST__,R={title:"Components/Checkbox/Tests",component:n,parameters:{controls:{disable:!0},chromatic:{disableSnapshot:!0}},tags:["!autodocs","!a11y-test","test"]},r={render:function(){return s.jsx(n,{"aria-label":"checkboxLabel","aria-labelledby":"checkboxLabelledby","aria-describedby":"checkboxDescribedby",hasError:!0})},play:async({canvasElement:a})=>{const o=A(a).getByRole("checkbox");t(o).toHaveAttribute("aria-label","checkboxLabel"),t(o).toHaveAttribute("aria-labelledby","checkboxLabelledby"),t(o).toHaveAttribute("aria-describedby","checkboxDescribedby"),t(o).toHaveAttribute("aria-invalid","true")}},c={render:function(){return s.jsx(n,{dataset:{foo:1,bar:"2",baz:!1},"aria-label":"checkbox"})},play:async({canvas:a})=>{const e=a.getByRole("checkbox");t(e).toHaveAttribute("data-foo","1"),t(e).toHaveAttribute("data-bar","2"),t(e).toHaveAttribute("data-baz","false")}},i={render:function(){return s.jsx(T,{content:"This is a tooltip",trigger:"hover-and-touch",dataset:{testid:"tooltip"},children:s.jsx(n,{"aria-label":"checkbox"})})},play:async({canvasElement:a,step:e})=>{const o=A(a),l=o.getByRole("checkbox");await e("hover trigger element",async()=>{await h.hover(l)}),await e("tooltip should be shown",async()=>{await d(()=>{const b=o.getByTestId("tooltip");return t(b).toBeInTheDocument()})}),await e("unhover trigger element",async()=>{await h.unhover(l)}),await e("tooltip should be hidden",async()=>{await d(()=>{const b=o.queryByTestId("tooltip");return t(b).toBeNull()})})}};var p,u,x;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`{
-  render: function Story() {
-    return <Checkbox aria-label="checkboxLabel" aria-labelledby="checkboxLabelledby" aria-describedby="checkboxDescribedby" hasError />;
-  },
-  play: async ({
-    canvasElement
-  }) => {
-    const canvas = within(canvasElement);
-    const checkbox = canvas.getByRole('checkbox');
-    expect(checkbox).toHaveAttribute('aria-label', 'checkboxLabel');
-    expect(checkbox).toHaveAttribute('aria-labelledby', 'checkboxLabelledby');
-    expect(checkbox).toHaveAttribute('aria-describedby', 'checkboxDescribedby');
-    expect(checkbox).toHaveAttribute('aria-invalid', 'true');
-  }
-}`,...(x=(u=r.parameters)==null?void 0:u.docs)==null?void 0:x.source}}};var y,v,m;c.parameters={...c.parameters,docs:{...(y=c.parameters)==null?void 0:y.docs,source:{originalSource:`{
-  render: function Story() {
-    return <Checkbox dataset={{
-      foo: 1,
-      bar: '2',
-      baz: false
-    }} aria-label="checkbox" />;
-  },
-  play: async ({
-    canvas
-  }) => {
-    const checkbox = canvas.getByRole('checkbox');
-    expect(checkbox).toHaveAttribute('data-foo', '1');
-    expect(checkbox).toHaveAttribute('data-bar', '2');
-    expect(checkbox).toHaveAttribute('data-baz', 'false');
-  }
-}`,...(m=(v=c.parameters)==null?void 0:v.docs)==null?void 0:m.source}}};var k,g,w;i.parameters={...i.parameters,docs:{...(k=i.parameters)==null?void 0:k.docs,source:{originalSource:`{
-  render: function Story() {
-    return <Tooltip content="This is a tooltip" trigger="hover-and-touch" dataset={{
-      testid: 'tooltip'
-    }}>
-                <Checkbox aria-label="checkbox" />
-            </Tooltip>;
-  },
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    const canvas = within(canvasElement);
-    const trigger = canvas.getByRole('checkbox');
-    await step('hover trigger element', async () => {
-      await userEvent.hover(trigger);
-    });
-    await step('tooltip should be shown', async () => {
-      await waitFor(() => {
-        const tooltip = canvas.getByTestId('tooltip');
-        return expect(tooltip).toBeInTheDocument();
-      });
-    });
-    await step('unhover trigger element', async () => {
-      await userEvent.unhover(trigger);
-    });
-    await step('tooltip should be hidden', async () => {
-      await waitFor(() => {
-        const tooltip = canvas.queryByTestId('tooltip');
-        return expect(tooltip).toBeNull();
-      });
-    });
-  }
-}`,...(w=(g=i.parameters)==null?void 0:g.docs)==null?void 0:w.source}}};const _=["AriaAttributesAreSet","TestDataset","IntegrationWithDSTooltip"];export{r as AriaAttributesAreSet,i as IntegrationWithDSTooltip,c as TestDataset,_ as __namedExportsOrder,R as default};

package/dist/assets/Chips-BXIX_-Jx.css

@@ -1 +0,0 @@
-.chips__j19Kv{display:flex;gap:var(--813599);flex-wrap:wrap}.chips__j19Kv:is(ul){list-style:none;margin:0;padding:0}.chips__j19Kv .chip__cSHFT{box-sizing:border-box;cursor:pointer;height:var(--ece0fe);width:fit-content;font-size:var(--475c79);font-weight:var(--a3f251);line-height:var(--e33d9e);color:var(--628fb7);background-color:var(--3546c3);border:solid var(--26b8e3);border-radius:var(--fa4b1a);border-color:var(--c03289);display:flex;align-items:center;transition:background-color var(--018058)}.chips__j19Kv .chip__cSHFT button{all:unset}@media (hover: hover) and (pointer: fine){.chips__j19Kv .chip__cSHFT:hover{background-color:var(--302ecf)}}.chips__j19Kv .chip__cSHFT:has(.chip-toggle__Tkg8Z:focus-visible){outline:solid var(--26b8e3) var(--5b4fe9);outline-offset:var(--05dd73)}.chips__j19Kv .chip__cSHFT:has(.chip-toggle__Tkg8Z:active){border-color:var(--11d206);background-color:var(--a5c761)}.chips__j19Kv .chip__cSHFT:has(.chip-toggle__Tkg8Z[aria-pressed=true]){border-color:var(--11d206);background-color:var(--a5c761)}.chips__j19Kv .chip__cSHFT .chip-toggle__Tkg8Z{padding:var(--66b80b) var(--813599);display:flex;gap:var(--66b80b)}.chips__j19Kv .chip__cSHFT .chip-remove__jiv1j{height:fit-content;width:fit-content;display:flex;justify-content:center;align-items:center;padding:var(--66b80b) var(--813599) var(--66b80b) 0;border-radius:inherit}.chips__j19Kv .chip__cSHFT .chip-remove__jiv1j:focus-visible{outline:solid var(--26b8e3) var(--5b4fe9);outline-offset:var(--109103) var(--05dd73)}.chips__j19Kv[data-variant=choice] .chip__cSHFT:has(.chip-toggle__Tkg8Z[aria-pressed=true]){color:var(--c2b191);background-color:var(--4983fe)}.chips__j19Kv[data-variant=choice] .chip__cSHFT .chip-remove__jiv1j{display:none}.chips__j19Kv[data-variant=filter] .chip__cSHFT:has(.chip-toggle__Tkg8Z[aria-pressed=false]) .chip-remove__jiv1j{display:none}