@preply/ds-docs 10.0.0 → 11.1.0

package/dist/assets/CountryFlag-DMEPQuIc.js

@@ -0,0 +1,49 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{B as r,ht as i,t as a,w as o,z as s}from"./dist-DtfJeYQK.js";import{t as c}from"./jsx-runtime-C2wGStra.js";import{n as l,t as u}from"./dist-Cc1j9Pjk.js";var d,f,p=t((()=>{d=`flag__UxXhl`,f={flag:d}})),m,h,g,_,v=t((()=>{m=e(n(),1),o(),a(),u(),p(),h=c(),g=`data:image/svg+xml;base64,PHN2ZyBkYXRhLXByZXBseS1kcy1jb21wb25lbnQ9IlN2Z0NvdW50cnlGbGFnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNDgwIi8+`,_=(0,m.forwardRef)(function({alt:e,dataset:t,size:n=`small`,simplified:a=!0,code:o,...c},u){let d=n===`large`?32:n===`medium`?24:16,p=d*3/4,m={alt:e,src:typeof o!=`string`||!r[o]?g:s({countryCode:o,simplified:a,requester:`WebCountryFlag`}),width:d,height:p,className:f.flag};return(0,h.jsx)(`img`,{...c,ref:u,...m,...i(t,{preplyDsComponent:l.CountryFlag})})});try{_.displayName=`CountryFlag`,_.__docgenInfo={description:"Renders an `img` element with the country flag. Passes down all the other props to the `img` element.",displayName:`CountryFlag`,props:{defaultChecked:{defaultValue:null,description:``,name:`defaultChecked`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},defaultValue:{defaultValue:null,description:``,name:`defaultValue`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`number`},{value:`readonly string[]`}]}},suppressContentEditableWarning:{defaultValue:null,description:``,name:`suppressContentEditableWarning`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},suppressHydrationWarning:{defaultValue:null,description:``,name:`suppressHydrationWarning`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},accessKey:{defaultValue:null,description:``,name:`accessKey`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},autoCapitalize:{defaultValue:null,description:``,name:`autoCapitalize`,required:!1,type:{name:`enum`,value:[{value:`string & {}`},{value:`"none"`},{value:`"off"`},{value:`"on"`},{value:`"sentences"`},{value:`"words"`},{value:`"characters"`}]}},autoFocus:{defaultValue:null,description:``,name:`autoFocus`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},contentEditable:{defaultValue:null,description:``,name:`contentEditable`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"inherit"`},{value:`"false"`},{value:`"true"`},{value:`"plaintext-only"`}]}},contextMenu:{defaultValue:null,description:``,name:`contextMenu`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},dir:{defaultValue:null,description:``,name:`dir`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},draggable:{defaultValue:null,description:``,name:`draggable`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},enterKeyHint:{defaultValue:null,description:``,name:`enterKeyHint`,required:!1,type:{name:`enum`,value:[{value:`"search"`},{value:`"enter"`},{value:`"done"`},{value:`"go"`},{value:`"next"`},{value:`"previous"`},{value:`"send"`}]}},hidden:{defaultValue:null,description:``,name:`hidden`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},id:{defaultValue:null,description:``,name:`id`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},lang:{defaultValue:null,description:``,name:`lang`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},nonce:{defaultValue:null,description:``,name:`nonce`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},slot:{defaultValue:null,description:``,name:`slot`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},spellCheck:{defaultValue:null,description:``,name:`spellCheck`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},style:{defaultValue:null,description:``,name:`style`,required:!1,type:{name:`enum`,value:[{value:`CSSProperties`}]}},tabIndex:{defaultValue:null,description:``,name:`tabIndex`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},title:{defaultValue:null,description:``,name:`title`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},translate:{defaultValue:null,description:``,name:`translate`,required:!1,type:{name:`enum`,value:[{value:`"no"`},{value:`"yes"`}]}},radioGroup:{defaultValue:null,description:``,name:`radioGroup`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},role:{defaultValue:null,description:``,name:`role`,required:!1,type:{name:`enum`,value:[{value:`string & {}`},{value:`"none"`},{value:`"table"`},{value:`"article"`},{value:`"button"`},{value:`"dialog"`},{value:`"figure"`},{value:`"form"`},{value:`"img"`},{value:`"link"`},{value:`"main"`},{value:`"menu"`},{value:`"menuitem"`},{value:`"option"`},{value:`"search"`},{value:`"switch"`},{value:`"list"`},{value:`"row"`},{value:`"alert"`},{value:`"alertdialog"`},{value:`"application"`},{value:`"banner"`},{value:`"cell"`},{value:`"checkbox"`},{value:`"columnheader"`},{value:`"combobox"`},{value:`"complementary"`},{value:`"contentinfo"`},{value:`"definition"`},{value:`"directory"`},{value:`"document"`},{value:`"feed"`},{value:`"grid"`},{value:`"gridcell"`},{value:`"group"`},{value:`"heading"`},{value:`"listbox"`},{value:`"listitem"`},{value:`"log"`},{value:`"marquee"`},{value:`"math"`},{value:`"menubar"`},{value:`"menuitemcheckbox"`},{value:`"menuitemradio"`},{value:`"navigation"`},{value:`"note"`},{value:`"presentation"`},{value:`"progressbar"`},{value:`"radio"`},{value:`"radiogroup"`},{value:`"region"`},{value:`"rowgroup"`},{value:`"rowheader"`},{value:`"scrollbar"`},{value:`"searchbox"`},{value:`"separator"`},{value:`"slider"`},{value:`"spinbutton"`},{value:`"status"`},{value:`"tab"`},{value:`"tablist"`},{value:`"tabpanel"`},{value:`"term"`},{value:`"textbox"`},{value:`"timer"`},{value:`"toolbar"`},{value:`"tooltip"`},{value:`"tree"`},{value:`"treegrid"`},{value:`"treeitem"`}]}},about:{defaultValue:null,description:``,name:`about`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},content:{defaultValue:null,description:``,name:`content`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},datatype:{defaultValue:null,description:``,name:`datatype`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},inlist:{defaultValue:null,description:``,name:`inlist`,required:!1,type:{name:`any`}},prefix:{defaultValue:null,description:``,name:`prefix`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},property:{defaultValue:null,description:``,name:`property`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},rel:{defaultValue:null,description:``,name:`rel`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},resource:{defaultValue:null,description:``,name:`resource`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},rev:{defaultValue:null,description:``,name:`rev`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},typeof:{defaultValue:null,description:``,name:`typeof`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},vocab:{defaultValue:null,description:``,name:`vocab`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},autoCorrect:{defaultValue:null,description:``,name:`autoCorrect`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},autoSave:{defaultValue:null,description:``,name:`autoSave`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},color:{defaultValue:null,description:``,name:`color`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},itemProp:{defaultValue:null,description:``,name:`itemProp`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},itemScope:{defaultValue:null,description:``,name:`itemScope`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},itemType:{defaultValue:null,description:``,name:`itemType`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},itemID:{defaultValue:null,description:``,name:`itemID`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},itemRef:{defaultValue:null,description:``,name:`itemRef`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},results:{defaultValue:null,description:``,name:`results`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},security:{defaultValue:null,description:``,name:`security`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},unselectable:{defaultValue:null,description:``,name:`unselectable`,required:!1,type:{name:`enum`,value:[{value:`"off"`},{value:`"on"`}]}},inputMode:{defaultValue:null,description:`Hints at the type of data that might be entered by the user while editing the element or its contents
+@see {@link https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute}`,name:`inputMode`,required:!1,type:{name:`enum`,value:[{value:`"none"`},{value:`"text"`},{value:`"search"`},{value:`"email"`},{value:`"tel"`},{value:`"url"`},{value:`"numeric"`},{value:`"decimal"`}]}},is:{defaultValue:null,description:`Specify that a standard HTML element should behave like a defined custom built-in element
+@see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is}`,name:`is`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-activedescendant":{defaultValue:null,description:`Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.`,name:`aria-activedescendant`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-atomic":{defaultValue:null,description:`Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.`,name:`aria-atomic`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-autocomplete":{defaultValue:null,description:`Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be
+presented if they are made.`,name:`aria-autocomplete`,required:!1,type:{name:`enum`,value:[{value:`"none"`},{value:`"list"`},{value:`"inline"`},{value:`"both"`}]}},"aria-braillelabel":{defaultValue:null,description:`Defines a string value that labels the current element, which is intended to be converted into Braille.
+@see aria-label.`,name:`aria-braillelabel`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-brailleroledescription":{defaultValue:null,description:`Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.
+@see aria-roledescription.`,name:`aria-brailleroledescription`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-busy":{defaultValue:null,description:``,name:`aria-busy`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-checked":{defaultValue:null,description:`Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
+@see aria-pressed
+@see aria-selected.`,name:`aria-checked`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`},{value:`"mixed"`}]}},"aria-colcount":{defaultValue:null,description:`Defines the total number of columns in a table, grid, or treegrid.
+@see aria-colindex.`,name:`aria-colcount`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-colindex":{defaultValue:null,description:`Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
+@see aria-colcount
+@see aria-colspan.`,name:`aria-colindex`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-colindextext":{defaultValue:null,description:`Defines a human readable text alternative of aria-colindex.
+@see aria-rowindextext.`,name:`aria-colindextext`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-colspan":{defaultValue:null,description:`Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
+@see aria-colindex
+@see aria-rowspan.`,name:`aria-colspan`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-controls":{defaultValue:null,description:`Identifies the element (or elements) whose contents or presence are controlled by the current element.
+@see aria-owns.`,name:`aria-controls`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-current":{defaultValue:null,description:`Indicates the element that represents the current item within a container or set of related elements.`,name:`aria-current`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"time"`},{value:`"step"`},{value:`"false"`},{value:`"true"`},{value:`"page"`},{value:`"location"`},{value:`"date"`}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
+@see aria-labelledby`,name:`aria-describedby`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-description":{defaultValue:null,description:`Defines a string value that describes or annotates the current element.
+@see related aria-describedby.`,name:`aria-description`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-details":{defaultValue:null,description:`Identifies the element that provides a detailed, extended description for the object.
+@see aria-describedby.`,name:`aria-details`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-disabled":{defaultValue:null,description:`Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
+@see aria-hidden
+@see aria-readonly.`,name:`aria-disabled`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-dropeffect":{defaultValue:null,description:`Indicates what functions can be performed when a dragged object is released on the drop target.
+@deprecated in ARIA 1.1`,name:`aria-dropeffect`,required:!1,type:{name:`enum`,value:[{value:`"none"`},{value:`"link"`},{value:`"copy"`},{value:`"execute"`},{value:`"move"`},{value:`"popup"`}]}},"aria-errormessage":{defaultValue:null,description:`Identifies the element that provides an error message for the object.
+@see aria-invalid
+@see aria-describedby.`,name:`aria-errormessage`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-expanded":{defaultValue:null,description:`Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.`,name:`aria-expanded`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-flowto":{defaultValue:null,description:`Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,
+allows assistive technology to override the general default of reading in document source order.`,name:`aria-flowto`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-grabbed":{defaultValue:null,description:`Indicates an element's "grabbed" state in a drag-and-drop operation.
+@deprecated in ARIA 1.1`,name:`aria-grabbed`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-haspopup":{defaultValue:null,description:`Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.`,name:`aria-haspopup`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"dialog"`},{value:`"menu"`},{value:`"false"`},{value:`"true"`},{value:`"grid"`},{value:`"listbox"`},{value:`"tree"`}]}},"aria-hidden":{defaultValue:null,description:`Indicates whether the element is exposed to an accessibility API.
+@see aria-disabled.`,name:`aria-hidden`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
+@see aria-errormessage.`,name:`aria-invalid`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`},{value:`"grammar"`},{value:`"spelling"`}]}},"aria-keyshortcuts":{defaultValue:null,description:`Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.`,name:`aria-keyshortcuts`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-label":{defaultValue:null,description:`Defines a string value that labels the current element.
+@see aria-labelledby.`,name:`aria-label`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-labelledby":{defaultValue:null,description:`Identifies the element (or elements) that labels the current element.
+@see aria-describedby.`,name:`aria-labelledby`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-level":{defaultValue:null,description:`Defines the hierarchical level of an element within a structure.`,name:`aria-level`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-live":{defaultValue:null,description:`Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.`,name:`aria-live`,required:!1,type:{name:`enum`,value:[{value:`"off"`},{value:`"assertive"`},{value:`"polite"`}]}},"aria-modal":{defaultValue:null,description:`Indicates whether an element is modal when displayed.`,name:`aria-modal`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-multiline":{defaultValue:null,description:`Indicates whether a text box accepts multiple lines of input or only a single line.`,name:`aria-multiline`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-multiselectable":{defaultValue:null,description:`Indicates that the user may select more than one item from the current selectable descendants.`,name:`aria-multiselectable`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-orientation":{defaultValue:null,description:`Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.`,name:`aria-orientation`,required:!1,type:{name:`enum`,value:[{value:`"horizontal"`},{value:`"vertical"`}]}},"aria-owns":{defaultValue:null,description:`Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship
+between DOM elements where the DOM hierarchy cannot be used to represent the relationship.
+@see aria-controls.`,name:`aria-owns`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-placeholder":{defaultValue:null,description:`Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.
+A hint could be a sample value or a brief description of the expected format.`,name:`aria-placeholder`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-posinset":{defaultValue:null,description:`Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
+@see aria-setsize.`,name:`aria-posinset`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-pressed":{defaultValue:null,description:`Indicates the current "pressed" state of toggle buttons.
+@see aria-checked
+@see aria-selected.`,name:`aria-pressed`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`},{value:`"mixed"`}]}},"aria-readonly":{defaultValue:null,description:`Indicates that the element is not editable, but is otherwise operable.
+@see aria-disabled.`,name:`aria-readonly`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-relevant":{defaultValue:null,description:`Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
+@see aria-atomic.`,name:`aria-relevant`,required:!1,type:{name:`enum`,value:[{value:`"text"`},{value:`"additions"`},{value:`"additions removals"`},{value:`"additions text"`},{value:`"all"`},{value:`"removals"`},{value:`"removals additions"`},{value:`"removals text"`},{value:`"text additions"`},{value:`"text removals"`}]}},"aria-required":{defaultValue:null,description:`Indicates that user input is required on the element before a form may be submitted.`,name:`aria-required`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-roledescription":{defaultValue:null,description:`Defines a human-readable, author-localized description for the role of an element.`,name:`aria-roledescription`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-rowcount":{defaultValue:null,description:`Defines the total number of rows in a table, grid, or treegrid.
+@see aria-rowindex.`,name:`aria-rowcount`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-rowindex":{defaultValue:null,description:`Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
+@see aria-rowcount
+@see aria-rowspan.`,name:`aria-rowindex`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-rowindextext":{defaultValue:null,description:`Defines a human readable text alternative of aria-rowindex.
+@see aria-colindextext.`,name:`aria-rowindextext`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},"aria-rowspan":{defaultValue:null,description:`Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
+@see aria-rowindex
+@see aria-colspan.`,name:`aria-rowspan`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-selected":{defaultValue:null,description:`Indicates the current "selected" state of various widgets.
+@see aria-checked
+@see aria-pressed.`,name:`aria-selected`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`},{value:`"false"`},{value:`"true"`}]}},"aria-setsize":{defaultValue:null,description:`Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
+@see aria-posinset.`,name:`aria-setsize`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-sort":{defaultValue:null,description:`Indicates if items in a table or grid are sorted in ascending or descending order.`,name:`aria-sort`,required:!1,type:{name:`enum`,value:[{value:`"none"`},{value:`"ascending"`},{value:`"descending"`},{value:`"other"`}]}},"aria-valuemax":{defaultValue:null,description:`Defines the maximum allowed value for a range widget.`,name:`aria-valuemax`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-valuemin":{defaultValue:null,description:`Defines the minimum allowed value for a range widget.`,name:`aria-valuemin`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-valuenow":{defaultValue:null,description:`Defines the current value for a range widget.
+@see aria-valuetext.`,name:`aria-valuenow`,required:!1,type:{name:`enum`,value:[{value:`number`}]}},"aria-valuetext":{defaultValue:null,description:`Defines the human readable text alternative of aria-valuenow for a range widget.`,name:`aria-valuetext`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},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<HTMLImageElement>`}]}},onCopyCapture:{defaultValue:null,description:``,name:`onCopyCapture`,required:!1,type:{name:`enum`,value:[{value:`ClipboardEventHandler<HTMLImageElement>`}]}},onCut:{defaultValue:null,description:``,name:`onCut`,required:!1,type:{name:`enum`,value:[{value:`ClipboardEventHandler<HTMLImageElement>`}]}},onCutCapture:{defaultValue:null,description:``,name:`onCutCapture`,required:!1,type:{name:`enum`,value:[{value:`ClipboardEventHandler<HTMLImageElement>`}]}},onPaste:{defaultValue:null,description:``,name:`onPaste`,required:!1,type:{name:`enum`,value:[{value:`ClipboardEventHandler<HTMLImageElement>`}]}},onPasteCapture:{defaultValue:null,description:``,name:`onPasteCapture`,required:!1,type:{name:`enum`,value:[{value:`ClipboardEventHandler<HTMLImageElement>`}]}},onCompositionEnd:{defaultValue:null,description:``,name:`onCompositionEnd`,required:!1,type:{name:`enum`,value:[{value:`CompositionEventHandler<HTMLImageElement>`}]}},onCompositionEndCapture:{defaultValue:null,description:``,name:`onCompositionEndCapture`,required:!1,type:{name:`enum`,value:[{value:`CompositionEventHandler<HTMLImageElement>`}]}},onCompositionStart:{defaultValue:null,description:``,name:`onCompositionStart`,required:!1,type:{name:`enum`,value:[{value:`CompositionEventHandler<HTMLImageElement>`}]}},onCompositionStartCapture:{defaultValue:null,description:``,name:`onCompositionStartCapture`,required:!1,type:{name:`enum`,value:[{value:`CompositionEventHandler<HTMLImageElement>`}]}},onCompositionUpdate:{defaultValue:null,description:``,name:`onCompositionUpdate`,required:!1,type:{name:`enum`,value:[{value:`CompositionEventHandler<HTMLImageElement>`}]}},onCompositionUpdateCapture:{defaultValue:null,description:``,name:`onCompositionUpdateCapture`,required:!1,type:{name:`enum`,value:[{value:`CompositionEventHandler<HTMLImageElement>`}]}},onFocus:{defaultValue:null,description:``,name:`onFocus`,required:!1,type:{name:`enum`,value:[{value:`FocusEventHandler<HTMLImageElement>`}]}},onFocusCapture:{defaultValue:null,description:``,name:`onFocusCapture`,required:!1,type:{name:`enum`,value:[{value:`FocusEventHandler<HTMLImageElement>`}]}},onBlur:{defaultValue:null,description:``,name:`onBlur`,required:!1,type:{name:`enum`,value:[{value:`FocusEventHandler<HTMLImageElement>`}]}},onBlurCapture:{defaultValue:null,description:``,name:`onBlurCapture`,required:!1,type:{name:`enum`,value:[{value:`FocusEventHandler<HTMLImageElement>`}]}},onChange:{defaultValue:null,description:``,name:`onChange`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLImageElement>`}]}},onChangeCapture:{defaultValue:null,description:``,name:`onChangeCapture`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLImageElement>`}]}},onBeforeInput:{defaultValue:null,description:``,name:`onBeforeInput`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLImageElement>`}]}},onBeforeInputCapture:{defaultValue:null,description:``,name:`onBeforeInputCapture`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLImageElement>`}]}},onInput:{defaultValue:null,description:``,name:`onInput`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLImageElement>`}]}},onInputCapture:{defaultValue:null,description:``,name:`onInputCapture`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLImageElement>`}]}},onReset:{defaultValue:null,description:``,name:`onReset`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLImageElement>`}]}},onResetCapture:{defaultValue:null,description:``,name:`onResetCapture`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLImageElement>`}]}},onSubmit:{defaultValue:null,description:``,name:`onSubmit`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLImageElement>`}]}},onSubmitCapture:{defaultValue:null,description:``,name:`onSubmitCapture`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLImageElement>`}]}},onInvalid:{defaultValue:null,description:``,name:`onInvalid`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLImageElement>`}]}},onInvalidCapture:{defaultValue:null,description:``,name:`onInvalidCapture`,required:!1,type:{name:`enum`,value:[{value:`FormEventHandler<HTMLImageElement>`}]}},onLoad:{defaultValue:null,description:``,name:`onLoad`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onLoadCapture:{defaultValue:null,description:``,name:`onLoadCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onError:{defaultValue:null,description:``,name:`onError`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onErrorCapture:{defaultValue:null,description:``,name:`onErrorCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onKeyDown:{defaultValue:null,description:``,name:`onKeyDown`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler<HTMLImageElement>`}]}},onKeyDownCapture:{defaultValue:null,description:``,name:`onKeyDownCapture`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler<HTMLImageElement>`}]}},onKeyPress:{defaultValue:null,description:"@deprecated Use `onKeyUp` or `onKeyDown` instead",name:`onKeyPress`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler<HTMLImageElement>`}]}},onKeyPressCapture:{defaultValue:null,description:"@deprecated Use `onKeyUpCapture` or `onKeyDownCapture` instead",name:`onKeyPressCapture`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler<HTMLImageElement>`}]}},onKeyUp:{defaultValue:null,description:``,name:`onKeyUp`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler<HTMLImageElement>`}]}},onKeyUpCapture:{defaultValue:null,description:``,name:`onKeyUpCapture`,required:!1,type:{name:`enum`,value:[{value:`KeyboardEventHandler<HTMLImageElement>`}]}},onAbort:{defaultValue:null,description:``,name:`onAbort`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onAbortCapture:{defaultValue:null,description:``,name:`onAbortCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onCanPlay:{defaultValue:null,description:``,name:`onCanPlay`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onCanPlayCapture:{defaultValue:null,description:``,name:`onCanPlayCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onCanPlayThrough:{defaultValue:null,description:``,name:`onCanPlayThrough`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onCanPlayThroughCapture:{defaultValue:null,description:``,name:`onCanPlayThroughCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onDurationChange:{defaultValue:null,description:``,name:`onDurationChange`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onDurationChangeCapture:{defaultValue:null,description:``,name:`onDurationChangeCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onEmptied:{defaultValue:null,description:``,name:`onEmptied`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onEmptiedCapture:{defaultValue:null,description:``,name:`onEmptiedCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onEncrypted:{defaultValue:null,description:``,name:`onEncrypted`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onEncryptedCapture:{defaultValue:null,description:``,name:`onEncryptedCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onEnded:{defaultValue:null,description:``,name:`onEnded`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onEndedCapture:{defaultValue:null,description:``,name:`onEndedCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onLoadedData:{defaultValue:null,description:``,name:`onLoadedData`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onLoadedDataCapture:{defaultValue:null,description:``,name:`onLoadedDataCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onLoadedMetadata:{defaultValue:null,description:``,name:`onLoadedMetadata`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onLoadedMetadataCapture:{defaultValue:null,description:``,name:`onLoadedMetadataCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onLoadStart:{defaultValue:null,description:``,name:`onLoadStart`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onLoadStartCapture:{defaultValue:null,description:``,name:`onLoadStartCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onPause:{defaultValue:null,description:``,name:`onPause`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onPauseCapture:{defaultValue:null,description:``,name:`onPauseCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onPlay:{defaultValue:null,description:``,name:`onPlay`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onPlayCapture:{defaultValue:null,description:``,name:`onPlayCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onPlaying:{defaultValue:null,description:``,name:`onPlaying`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onPlayingCapture:{defaultValue:null,description:``,name:`onPlayingCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onProgress:{defaultValue:null,description:``,name:`onProgress`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onProgressCapture:{defaultValue:null,description:``,name:`onProgressCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onRateChange:{defaultValue:null,description:``,name:`onRateChange`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onRateChangeCapture:{defaultValue:null,description:``,name:`onRateChangeCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onResize:{defaultValue:null,description:``,name:`onResize`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onResizeCapture:{defaultValue:null,description:``,name:`onResizeCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onSeeked:{defaultValue:null,description:``,name:`onSeeked`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onSeekedCapture:{defaultValue:null,description:``,name:`onSeekedCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onSeeking:{defaultValue:null,description:``,name:`onSeeking`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onSeekingCapture:{defaultValue:null,description:``,name:`onSeekingCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onStalled:{defaultValue:null,description:``,name:`onStalled`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onStalledCapture:{defaultValue:null,description:``,name:`onStalledCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onSuspend:{defaultValue:null,description:``,name:`onSuspend`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onSuspendCapture:{defaultValue:null,description:``,name:`onSuspendCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onTimeUpdate:{defaultValue:null,description:``,name:`onTimeUpdate`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onTimeUpdateCapture:{defaultValue:null,description:``,name:`onTimeUpdateCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onVolumeChange:{defaultValue:null,description:``,name:`onVolumeChange`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onVolumeChangeCapture:{defaultValue:null,description:``,name:`onVolumeChangeCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onWaiting:{defaultValue:null,description:``,name:`onWaiting`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onWaitingCapture:{defaultValue:null,description:``,name:`onWaitingCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onAuxClick:{defaultValue:null,description:``,name:`onAuxClick`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLImageElement>`}]}},onAuxClickCapture:{defaultValue:null,description:``,name:`onAuxClickCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLImageElement>`}]}},onClick:{defaultValue:null,description:``,name:`onClick`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLImageElement>`}]}},onClickCapture:{defaultValue:null,description:``,name:`onClickCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLImageElement>`}]}},onContextMenu:{defaultValue:null,description:``,name:`onContextMenu`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLImageElement>`}]}},onContextMenuCapture:{defaultValue:null,description:``,name:`onContextMenuCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLImageElement>`}]}},onDoubleClick:{defaultValue:null,description:``,name:`onDoubleClick`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLImageElement>`}]}},onDoubleClickCapture:{defaultValue:null,description:``,name:`onDoubleClickCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLImageElement>`}]}},onDrag:{defaultValue:null,description:``,name:`onDrag`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLImageElement>`}]}},onDragCapture:{defaultValue:null,description:``,name:`onDragCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLImageElement>`}]}},onDragEnd:{defaultValue:null,description:``,name:`onDragEnd`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLImageElement>`}]}},onDragEndCapture:{defaultValue:null,description:``,name:`onDragEndCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLImageElement>`}]}},onDragEnter:{defaultValue:null,description:``,name:`onDragEnter`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLImageElement>`}]}},onDragEnterCapture:{defaultValue:null,description:``,name:`onDragEnterCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLImageElement>`}]}},onDragExit:{defaultValue:null,description:``,name:`onDragExit`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLImageElement>`}]}},onDragExitCapture:{defaultValue:null,description:``,name:`onDragExitCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLImageElement>`}]}},onDragLeave:{defaultValue:null,description:``,name:`onDragLeave`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLImageElement>`}]}},onDragLeaveCapture:{defaultValue:null,description:``,name:`onDragLeaveCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLImageElement>`}]}},onDragOver:{defaultValue:null,description:``,name:`onDragOver`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLImageElement>`}]}},onDragOverCapture:{defaultValue:null,description:``,name:`onDragOverCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLImageElement>`}]}},onDragStart:{defaultValue:null,description:``,name:`onDragStart`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLImageElement>`}]}},onDragStartCapture:{defaultValue:null,description:``,name:`onDragStartCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLImageElement>`}]}},onDrop:{defaultValue:null,description:``,name:`onDrop`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLImageElement>`}]}},onDropCapture:{defaultValue:null,description:``,name:`onDropCapture`,required:!1,type:{name:`enum`,value:[{value:`DragEventHandler<HTMLImageElement>`}]}},onMouseDown:{defaultValue:null,description:``,name:`onMouseDown`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLImageElement>`}]}},onMouseDownCapture:{defaultValue:null,description:``,name:`onMouseDownCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLImageElement>`}]}},onMouseEnter:{defaultValue:null,description:``,name:`onMouseEnter`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLImageElement>`}]}},onMouseLeave:{defaultValue:null,description:``,name:`onMouseLeave`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLImageElement>`}]}},onMouseMove:{defaultValue:null,description:``,name:`onMouseMove`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLImageElement>`}]}},onMouseMoveCapture:{defaultValue:null,description:``,name:`onMouseMoveCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLImageElement>`}]}},onMouseOut:{defaultValue:null,description:``,name:`onMouseOut`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLImageElement>`}]}},onMouseOutCapture:{defaultValue:null,description:``,name:`onMouseOutCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLImageElement>`}]}},onMouseOver:{defaultValue:null,description:``,name:`onMouseOver`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLImageElement>`}]}},onMouseOverCapture:{defaultValue:null,description:``,name:`onMouseOverCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLImageElement>`}]}},onMouseUp:{defaultValue:null,description:``,name:`onMouseUp`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLImageElement>`}]}},onMouseUpCapture:{defaultValue:null,description:``,name:`onMouseUpCapture`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLImageElement>`}]}},onSelect:{defaultValue:null,description:``,name:`onSelect`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onSelectCapture:{defaultValue:null,description:``,name:`onSelectCapture`,required:!1,type:{name:`enum`,value:[{value:`ReactEventHandler<HTMLImageElement>`}]}},onTouchCancel:{defaultValue:null,description:``,name:`onTouchCancel`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLImageElement>`}]}},onTouchCancelCapture:{defaultValue:null,description:``,name:`onTouchCancelCapture`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLImageElement>`}]}},onTouchEnd:{defaultValue:null,description:``,name:`onTouchEnd`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLImageElement>`}]}},onTouchEndCapture:{defaultValue:null,description:``,name:`onTouchEndCapture`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLImageElement>`}]}},onTouchMove:{defaultValue:null,description:``,name:`onTouchMove`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLImageElement>`}]}},onTouchMoveCapture:{defaultValue:null,description:``,name:`onTouchMoveCapture`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLImageElement>`}]}},onTouchStart:{defaultValue:null,description:``,name:`onTouchStart`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLImageElement>`}]}},onTouchStartCapture:{defaultValue:null,description:``,name:`onTouchStartCapture`,required:!1,type:{name:`enum`,value:[{value:`TouchEventHandler<HTMLImageElement>`}]}},onPointerDown:{defaultValue:null,description:``,name:`onPointerDown`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLImageElement>`}]}},onPointerDownCapture:{defaultValue:null,description:``,name:`onPointerDownCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLImageElement>`}]}},onPointerMove:{defaultValue:null,description:``,name:`onPointerMove`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLImageElement>`}]}},onPointerMoveCapture:{defaultValue:null,description:``,name:`onPointerMoveCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLImageElement>`}]}},onPointerUp:{defaultValue:null,description:``,name:`onPointerUp`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLImageElement>`}]}},onPointerUpCapture:{defaultValue:null,description:``,name:`onPointerUpCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLImageElement>`}]}},onPointerCancel:{defaultValue:null,description:``,name:`onPointerCancel`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLImageElement>`}]}},onPointerCancelCapture:{defaultValue:null,description:``,name:`onPointerCancelCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLImageElement>`}]}},onPointerEnter:{defaultValue:null,description:``,name:`onPointerEnter`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLImageElement>`}]}},onPointerLeave:{defaultValue:null,description:``,name:`onPointerLeave`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLImageElement>`}]}},onPointerOver:{defaultValue:null,description:``,name:`onPointerOver`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLImageElement>`}]}},onPointerOverCapture:{defaultValue:null,description:``,name:`onPointerOverCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLImageElement>`}]}},onPointerOut:{defaultValue:null,description:``,name:`onPointerOut`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLImageElement>`}]}},onPointerOutCapture:{defaultValue:null,description:``,name:`onPointerOutCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLImageElement>`}]}},onGotPointerCapture:{defaultValue:null,description:``,name:`onGotPointerCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLImageElement>`}]}},onGotPointerCaptureCapture:{defaultValue:null,description:``,name:`onGotPointerCaptureCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLImageElement>`}]}},onLostPointerCapture:{defaultValue:null,description:``,name:`onLostPointerCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLImageElement>`}]}},onLostPointerCaptureCapture:{defaultValue:null,description:``,name:`onLostPointerCaptureCapture`,required:!1,type:{name:`enum`,value:[{value:`PointerEventHandler<HTMLImageElement>`}]}},onScroll:{defaultValue:null,description:``,name:`onScroll`,required:!1,type:{name:`enum`,value:[{value:`UIEventHandler<HTMLImageElement>`}]}},onScrollCapture:{defaultValue:null,description:``,name:`onScrollCapture`,required:!1,type:{name:`enum`,value:[{value:`UIEventHandler<HTMLImageElement>`}]}},onWheel:{defaultValue:null,description:``,name:`onWheel`,required:!1,type:{name:`enum`,value:[{value:`WheelEventHandler<HTMLImageElement>`}]}},onWheelCapture:{defaultValue:null,description:``,name:`onWheelCapture`,required:!1,type:{name:`enum`,value:[{value:`WheelEventHandler<HTMLImageElement>`}]}},onAnimationStart:{defaultValue:null,description:``,name:`onAnimationStart`,required:!1,type:{name:`enum`,value:[{value:`AnimationEventHandler<HTMLImageElement>`}]}},onAnimationStartCapture:{defaultValue:null,description:``,name:`onAnimationStartCapture`,required:!1,type:{name:`enum`,value:[{value:`AnimationEventHandler<HTMLImageElement>`}]}},onAnimationEnd:{defaultValue:null,description:``,name:`onAnimationEnd`,required:!1,type:{name:`enum`,value:[{value:`AnimationEventHandler<HTMLImageElement>`}]}},onAnimationEndCapture:{defaultValue:null,description:``,name:`onAnimationEndCapture`,required:!1,type:{name:`enum`,value:[{value:`AnimationEventHandler<HTMLImageElement>`}]}},onAnimationIteration:{defaultValue:null,description:``,name:`onAnimationIteration`,required:!1,type:{name:`enum`,value:[{value:`AnimationEventHandler<HTMLImageElement>`}]}},onAnimationIterationCapture:{defaultValue:null,description:``,name:`onAnimationIterationCapture`,required:!1,type:{name:`enum`,value:[{value:`AnimationEventHandler<HTMLImageElement>`}]}},onTransitionEnd:{defaultValue:null,description:``,name:`onTransitionEnd`,required:!1,type:{name:`enum`,value:[{value:`TransitionEventHandler<HTMLImageElement>`}]}},onTransitionEndCapture:{defaultValue:null,description:``,name:`onTransitionEndCapture`,required:!1,type:{name:`enum`,value:[{value:`TransitionEventHandler<HTMLImageElement>`}]}},useMap:{defaultValue:null,description:``,name:`useMap`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},referrerPolicy:{defaultValue:null,description:``,name:`referrerPolicy`,required:!1,type:{name:`enum`,value:[{value:`""`},{value:`"origin"`},{value:`"no-referrer"`},{value:`"no-referrer-when-downgrade"`},{value:`"origin-when-cross-origin"`},{value:`"same-origin"`},{value:`"strict-origin"`},{value:`"strict-origin-when-cross-origin"`},{value:`"unsafe-url"`}]}},crossOrigin:{defaultValue:null,description:``,name:`crossOrigin`,required:!1,type:{name:`enum`,value:[{value:`""`},{value:`"anonymous"`},{value:`"use-credentials"`}]}},loading:{defaultValue:null,description:``,name:`loading`,required:!1,type:{name:`enum`,value:[{value:`"eager"`},{value:`"lazy"`}]}},decoding:{defaultValue:null,description:``,name:`decoding`,required:!1,type:{name:`enum`,value:[{value:`"async"`},{value:`"auto"`},{value:`"sync"`}]}},fetchPriority:{defaultValue:null,description:``,name:`fetchPriority`,required:!1,type:{name:`enum`,value:[{value:`"high"`},{value:`"low"`},{value:`"auto"`}]}},sizes:{defaultValue:null,description:``,name:`sizes`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},srcSet:{defaultValue:null,description:``,name:`srcSet`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},code:{defaultValue:null,description:``,name:`code`,required:!0,type:{name:`enum`,value:[{value:`"th"`},{value:`"td"`},{value:`"id"`},{value:`"is"`},{value:`"as"`},{value:`"br"`},{value:`"hr"`},{value:`"li"`},{value:`"tr"`},{value:`"at"`},{value:`"by"`},{value:`"cx"`},{value:`"cy"`},{value:`"fr"`},{value:`"in"`},{value:`"to"`},{value:`"ua"`},{value:`"ar"`},{value:`"de"`},{value:`"es"`},{value:`"it"`},{value:`"pl"`},{value:`"pt"`},{value:`"ru"`},{value:`"nl"`},{value:`"ro"`},{value:`"sv"`},{value:`"tw"`},{value:`"hk"`},{value:`"ai"`},{value:`"af"`},{value:`"ax"`},{value:`"al"`},{value:`"dz"`},{value:`"ad"`},{value:`"ao"`},{value:`"aq"`},{value:`"ag"`},{value:`"am"`},{value:`"aw"`},{value:`"sh-ac"`},{value:`"asean"`},{value:`"au"`},{value:`"az"`},{value:`"bs"`},{value:`"bh"`},{value:`"bd"`},{value:`"bb"`},{value:`"es-pv"`},{value:`"be"`},{value:`"bz"`},{value:`"bj"`},{value:`"bm"`},{value:`"bt"`},{value:`"bo"`},{value:`"bq"`},{value:`"ba"`},{value:`"bw"`},{value:`"bv"`},{value:`"io"`},{value:`"bn"`},{value:`"bg"`},{value:`"bf"`},{value:`"bi"`},{value:`"cv"`},{value:`"kh"`},{value:`"cm"`},{value:`"ca"`},{value:`"ic"`},{value:`"es-ct"`},{value:`"ky"`},{value:`"cf"`},{value:`"cefta"`},{value:`"cl"`},{value:`"cn"`},{value:`"cp"`},{value:`"cc"`},{value:`"co"`},{value:`"km"`},{value:`"ck"`},{value:`"cr"`},{value:`"cu"`},{value:`"cw"`},{value:`"cz"`},{value:`"ci"`},{value:`"cd"`},{value:`"dk"`},{value:`"dg"`},{value:`"dj"`},{value:`"dm"`},{value:`"do"`},{value:`"eac"`},{value:`"ec"`},{value:`"eg"`},{value:`"gb-eng"`},{value:`"gq"`},{value:`"er"`},{value:`"ee"`},{value:`"sz"`},{value:`"et"`},{value:`"eu"`},{value:`"fk"`},{value:`"fo"`},{value:`"fm"`},{value:`"fj"`},{value:`"fi"`},{value:`"gf"`},{value:`"pf"`},{value:`"tf"`},{value:`"ga"`},{value:`"es-ga"`},{value:`"gm"`},{value:`"ge"`},{value:`"gh"`},{value:`"gi"`},{value:`"gr"`},{value:`"gl"`},{value:`"gd"`},{value:`"gp"`},{value:`"gu"`},{value:`"gt"`},{value:`"gg"`},{value:`"gn"`},{value:`"gw"`},{value:`"gy"`},{value:`"ht"`},{value:`"hm"`},{value:`"va"`},{value:`"hn"`},{value:`"hu"`},{value:`"ir"`},{value:`"iq"`},{value:`"ie"`},{value:`"im"`},{value:`"il"`},{value:`"jm"`},{value:`"jp"`},{value:`"je"`},{value:`"jo"`},{value:`"kz"`},{value:`"ke"`},{value:`"ki"`},{value:`"xk"`},{value:`"kw"`},{value:`"kg"`},{value:`"la"`},{value:`"lv"`},{value:`"arab"`},{value:`"lb"`},{value:`"ls"`},{value:`"lr"`},{value:`"ly"`},{value:`"lt"`},{value:`"lu"`},{value:`"mo"`},{value:`"mg"`},{value:`"mw"`},{value:`"my"`},{value:`"mv"`},{value:`"ml"`},{value:`"mt"`},{value:`"mh"`},{value:`"mq"`},{value:`"mr"`},{value:`"mu"`},{value:`"yt"`},{value:`"mx"`},{value:`"md"`},{value:`"mc"`},{value:`"mn"`},{value:`"me"`},{value:`"ms"`},{value:`"ma"`},{value:`"mz"`},{value:`"mm"`},{value:`"na"`},{value:`"nr"`},{value:`"np"`},{value:`"nc"`},{value:`"nz"`},{value:`"ni"`},{value:`"ne"`},{value:`"ng"`},{value:`"nu"`},{value:`"nf"`},{value:`"kp"`},{value:`"mk"`},{value:`"gb-nir"`},{value:`"mp"`},{value:`"no"`},{value:`"om"`},{value:`"pc"`},{value:`"pk"`},{value:`"pw"`},{value:`"pa"`},{value:`"pg"`},{value:`"py"`},{value:`"pe"`},{value:`"ph"`},{value:`"pn"`},{value:`"pr"`},{value:`"qa"`},{value:`"cg"`},{value:`"rw"`},{value:`"re"`},{value:`"bl"`},{value:`"sh-hl"`},{value:`"sh"`},{value:`"kn"`},{value:`"lc"`},{value:`"mf"`},{value:`"pm"`},{value:`"vc"`},{value:`"ws"`},{value:`"sm"`},{value:`"st"`},{value:`"sa"`},{value:`"gb-sct"`},{value:`"sn"`},{value:`"rs"`},{value:`"sc"`},{value:`"sl"`},{value:`"sg"`},{value:`"sx"`},{value:`"sk"`},{value:`"si"`},{value:`"sb"`},{value:`"so"`},{value:`"za"`},{value:`"gs"`},{value:`"kr"`},{value:`"ss"`},{value:`"lk"`},{value:`"ps"`},{value:`"sd"`},{value:`"sr"`},{value:`"sj"`},{value:`"se"`},{value:`"ch"`},{value:`"sy"`},{value:`"tj"`},{value:`"tz"`},{value:`"tl"`},{value:`"tg"`},{value:`"tk"`},{value:`"tt"`},{value:`"sh-ta"`},{value:`"tn"`},{value:`"tm"`},{value:`"tc"`},{value:`"tv"`},{value:`"ug"`},{value:`"ae"`},{value:`"gb"`},{value:`"un"`},{value:`"um"`},{value:`"us"`},{value:`"uy"`},{value:`"uz"`},{value:`"vu"`},{value:`"ve"`},{value:`"vn"`},{value:`"vg"`},{value:`"vi"`},{value:`"gb-wls"`},{value:`"wf"`},{value:`"eh"`},{value:`"ye"`},{value:`"zm"`},{value:`"zw"`}]}},alt:{defaultValue:null,description:`An accessible alt description of the flag.
+This will usually be the localized country or language name.`,name:`alt`,required:!0,type:{name:`string`}},size:{defaultValue:{value:`small`},description:``,name:`size`,required:!1,type:{name:`enum`,value:[{value:`"small"`},{value:`"medium"`},{value:`"large"`}]}},simplified:{defaultValue:{value:`true`},description:`For some countries (like ES and MX) the simplified flags are automatically used to speed up loading them.`,name:`simplified`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},dataset:{defaultValue:null,description:`Sets data attributes on the DOM element.
+@example <CountryFlag dataset={{ 'qa-id': 'tutor-country-of-birth' }} code="ua" alt="Ukraine" /> // 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: HTMLImageElement | null) => void`},{value:`RefObject<HTMLImageElement>`}]}},key:{defaultValue:null,description:``,name:`key`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`bigint`}]}}}}}catch{}}));export{v as n,_ as t};

package/dist/assets/{CountryFlag.stories-o-8kmOZA.js → CountryFlag.stories-CCfcgg_Y.js}

@@ -1,4 +1,4 @@
-import{j as e,r as n}from"./iframe-DjYTJz7A.js";import{c as h,C as p,g as u}from"./CountryFlag-BKEpYyWK.js";import{L as te}from"./LayoutFlex-p_p7LCCd.js";import{L as z}from"./LayoutGrid-eROIp1sZ.js";import{L as i}from"./LayoutGridItem-DiU_IdjQ.js";import{T as t}from"./Text-C8DrHLQF.js";import{L as ie}from"./Link-BHV5DCu-.js";import{F as m}from"./FormControl-DgD7Nr_L.js";import{C as g}from"./Checkbox-Cmmcg7FL.js";import{T as le}from"./TextField--Ctd_eHi.js";import{A as ne,a as de,b as ce,c as ue}from"./Accordion-CedlUpYk.js";import"./preload-helper-Dp1pzeXC.js";import"./componentNames-hc9KR2nX.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./layout-relative.module-BM7yIsEb.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative-DQF7VcUK.js";import"./constants-DYYVurUY.js";import"./align-self-D0ug8REo.js";import"./text-accent-C5-m5mrW.js";import"./text-centered-D70wah8Y.js";import"./useHostname-By9vNKnQ.js";import"./index-CUvrBGJo.js";import"./message-DiUVdAQd.js";import"./render-icon-DZ6hllTG.js";import"./useMergeRefs-CL5DIjXV.js";import"./Input-Cp2OkxN8.js";import"./InputContainer-BlXlJbfJ.js";import"./TokyoUIChevronDown-CqAWFBEe.js";import"./Icon-kphbe0CE.js";const{expect:V}=__STORYBOOK_MODULE_TEST__,Ee={title:"components/CountryFlag",component:p,args:{code:"ua",alt:h.ua}},j={render:function(){return e.jsxs("div",{style:{maxWidth:"1000px"},children:[e.jsx(t,{variant:"default-semibold",children:"For some countries, simplified flags are automatically used (unless `simplified` is set to `false`)"}),e.jsxs(z,{columns:4,children:[e.jsx(i,{children:e.jsx(t,{variant:"default-semibold",children:"Code"})}),e.jsx(i,{children:e.jsx(t,{variant:"default-semibold",children:"Country name"})}),e.jsx(i,{children:e.jsx(t,{variant:"default-semibold",children:"4x3"})}),e.jsx(i,{children:e.jsx(t,{variant:"default-semibold",children:"4x3 (with `simplified=false`)"})}),["es","mx"].map(r=>e.jsxs(n.Fragment,{children:[e.jsx(i,{children:r}),e.jsx(i,{children:h[r]}),e.jsx(i,{children:e.jsx(p,{code:r,alt:h[r],size:"large"})}),e.jsx(i,{children:e.jsx(p,{code:r,alt:h[r],size:"large",simplified:!1})})]},r))]}),e.jsx("br",{}),e.jsx(t,{variant:"default-semibold",children:"All countries"}),e.jsxs(z,{columns:3,children:[e.jsx(i,{children:e.jsx(t,{variant:"default-semibold",children:"Code"})}),e.jsx(i,{children:e.jsx(t,{variant:"default-semibold",children:"Country name"})}),e.jsx(i,{children:e.jsx(t,{variant:"default-semibold",children:"4x3"})}),Object.keys(h).map(r=>e.jsxs(n.Fragment,{children:[e.jsx(i,{children:r}),e.jsx(i,{children:h[r]}),e.jsx(i,{children:e.jsx(p,{code:r,alt:h[r],size:"large"})})]},r))]})]})}};function l({src:d,alt:r,square:a=!1}){return e.jsxs("div",{children:[e.jsx("img",{src:d,alt:r,style:{width:a?"96px":"128px",height:"96px"}}),e.jsx("img",{src:d,alt:r,style:{width:a?"24px":"32px",height:"24px"}})]})}const G={tags:["!test","!a11y-test"],parameters:{chromatic:{disableSnapshot:!0}},render:function(){const r="https://static.staging.preply.org/groot/country_flags/",a="https://static.preply.com/ds/country-flags/",[y,P]=n.useState(!1),[S,D]=n.useState(!1),[f,q]=n.useState(!0),[C,L]=n.useState(!0),[v,N]=n.useState(!1),[b,A]=n.useState(!0),[w,I]=n.useState(!0),[re,J]=n.useState(!0),[x,oe]=n.useState(a),$=Number(y)+Number(S)+Number(f)+Number(C)+Number(v)+Number(b)+Number(w)+2,se=y&&S&&f&&C&&v&&b&&w;return e.jsxs("div",{style:{maxWidth:"100%"},children:[e.jsx(ne,{children:e.jsxs(de,{children:[e.jsx(ce,{children:"How to read the following table?"}),e.jsxs(ue,{children:[e.jsxs(t,{children:["- All the flags have bee imported from"," ",e.jsx(ie,{href:"https://github.com/lipis/flag-icons",children:"flag-icons"})]}),e.jsx(t,{children:"- Some flags have been manually replaced because they were wrong"}),e.jsx(t,{children:"- The design system contains more flags compared to Groot (the original apollo's application that contained all the static assets)"}),e.jsx(t,{children:"- Some flags have simplified versions (ex. Spain, Mexico) to reduce their size"}),e.jsx(t,{children:"- All the flags are a available in JPG, mainly to reduce the computation on the native application"}),e.jsx(t,{children:"- You are supposed to gather the assets URL through the `getCountryFlagUrl` utility"}),e.jsx(t,{children:"- For local testing, use `npx serve` launched in the `static-assets/country-flags` directory, and replace the path in the below field."}),e.jsx(t,{children:"- For PR testing, look at `deploy-static-assets.sh` to find the PR URL for static assets."})]})]})}),e.jsxs(te,{gap:"16",padding:["32","0","0","0"],children:[e.jsx(m,{label:"Groot 4x3 SVG",required:!0,children:e.jsx(g,{checked:y,onCheckedChange:P})}),e.jsx(m,{label:"Groot 4x3 PNG",required:!0,children:e.jsx(g,{checked:S,onCheckedChange:D})}),e.jsx(m,{label:"DS 4x3 SVG",required:!0,children:e.jsx(g,{checked:f,onCheckedChange:q})}),e.jsx(m,{label:"DS 4x3 JPG",required:!0,children:e.jsx(g,{checked:C,onCheckedChange:L})}),e.jsx(m,{label:"Groot 1x1 SVG",required:!0,children:e.jsx(g,{checked:v,onCheckedChange:N})}),e.jsx(m,{label:"DS 1x1 SVG",required:!0,children:e.jsx(g,{checked:b,onCheckedChange:A})}),e.jsx(m,{label:"DS 1x1 JPG",required:!0,children:e.jsx(g,{checked:w,onCheckedChange:I})}),e.jsx(m,{label:"Product size",required:!0,children:e.jsx(g,{checked:re,onCheckedChange:J})}),e.jsx(m,{label:"All",required:!0,children:e.jsx(g,{checked:se,onCheckedChange:o=>{P(o),D(o),q(o),L(o),N(o),A(o),I(o),J(o)}})}),e.jsx(le,{value:x,onValueChange:oe,label:"Assets path",required:!0})]}),e.jsx("div",{style:{position:"sticky",top:"0px",background:"white"},children:e.jsxs("div",{style:{display:"grid",gridTemplateColumns:`repeat(${$}, 1fr)`,gap:"4px",padding:"16px 0 0 0"},children:[e.jsx("div",{style:{alignSelf:"start"},children:e.jsx(t,{variant:"default-semibold",children:"Code"})}),e.jsx(t,{variant:"default-semibold",children:"Country name"}),y&&e.jsx(t,{variant:"default-semibold",children:"Show Groot 4x3 SVG"}),S&&e.jsx(t,{variant:"default-semibold",children:"Show Groot 4x3 PNG"}),f&&e.jsx(t,{variant:"default-semibold",children:"Show DS 4x3 SVG"}),C&&e.jsx(t,{variant:"default-semibold",children:"Show DS 4x3 JPG"}),v&&e.jsx(t,{variant:"default-semibold",children:"Show Groot 1x1 SVG"}),b&&e.jsx(t,{variant:"default-semibold",children:"Show DS 1x1 SVG"}),w&&e.jsx(t,{variant:"default-semibold",children:"Show DS 1x1 JPG"})]})}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:`repeat(${$}, 1fr)`,gap:"4px",padding:"16px 0 0 0"},children:Object.keys(h).map(o=>{const c=o,s=h[o],ae=u({requester:"",countryCode:c,simplified:!0})!==u({requester:"",countryCode:c,simplified:!1});return e.jsxs(n.Fragment,{children:[e.jsx(t,{children:o}),e.jsx(t,{children:s}),y&&e.jsx(l,{src:`${r}4x3/${o}.svg`,alt:s}),S&&e.jsx(l,{src:`${r}pngs/${o}.png`,alt:s}),f&&e.jsx(l,{src:u({requester:"storybook",countryCode:c,simplified:!1}).replace(a,x),alt:s}),C&&e.jsx(l,{src:u({requester:"storybook",countryCode:c,simplified:!1,graphic:"raster"}).replace(a,x),alt:s}),v&&e.jsx(l,{src:`${r}1x1/${o}.svg`,square:!0,alt:s}),b&&e.jsx(l,{src:u({requester:"storybook",countryCode:c,simplified:!1,square:!0}).replace(a,x),square:!0,alt:s}),w&&e.jsx(l,{src:u({requester:"storybook",countryCode:c,simplified:!1,square:!0,graphic:"raster"}).replace(a,x),square:!0,alt:s}),ae&&e.jsxs(n.Fragment,{children:[e.jsxs(t,{children:[o," (simplified version)"]}),e.jsx(t,{children:h[o]}),y&&e.jsx(l,{src:`${r}4x3/${o}.svg`,alt:s}),S&&e.jsx(l,{src:`${r}pngs/${o}.png`,alt:s}),f&&e.jsx(l,{src:u({requester:"storybook",countryCode:c,simplified:!0}).replace(a,x),alt:s}),C&&e.jsx(l,{src:u({requester:"storybook",countryCode:c,simplified:!0,graphic:"raster"}).replace(a,x),alt:s}),v&&e.jsx(l,{src:`${r}1x1/${o}.svg`,square:!0,alt:s}),b&&e.jsx(l,{src:u({requester:"storybook",countryCode:c,simplified:!0,square:!0}).replace(a,x),square:!0,alt:s}),w&&e.jsx(l,{src:u({requester:"storybook",countryCode:c,simplified:!0,square:!0,graphic:"raster"}).replace(a,x),square:!0,alt:s})]},o+"simplified")]},o)})})]})}},F={render:d=>e.jsxs(te,{gap:"16",children:[e.jsx(p,{...d,size:"small"}),e.jsx(p,{...d,size:"medium"}),e.jsx(p,{...d,size:"large"})]})},T={render:function(){return e.jsxs(e.Fragment,{children:[e.jsx(t,{variant:"default-regular-italic",children:"Invalid country code"}),e.jsx(p,{code:"invalidCountryCode",alt:"Invalid country code"}),e.jsx(t,{variant:"default-regular-italic",children:"`undefined` country code"}),e.jsx(p,{code:void 0,alt:"Undefined country code"})]})},play:async({canvas:d})=>{const r=d.getByAltText("Invalid country code");V(r).toBeVisible();const a=d.getByAltText("Undefined country code");V(a).toBeVisible()}},k={parameters:{chromatic:{disableSnapshot:!0}},args:{dataset:{qaid:"flag"}},argTypes:{dataset:{control:"object"}}};var U,O,E;j.parameters={...j.parameters,docs:{...(U=j.parameters)==null?void 0:U.docs,source:{originalSource:`{
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{B as r,w as i,z as a}from"./dist-DtfJeYQK.js";import{t as o}from"./jsx-runtime-C2wGStra.js";import{n as s,t as c}from"./Text-bm2vnOS2.js";import{a as l,i as u,n as d,r as f,t as p}from"./Accordion-BGpSQDcU.js";import{n as m,t as h}from"./Checkbox-DEB6VLYS.js";import{n as g,t as _}from"./CountryFlag-DMEPQuIc.js";import{n as v,t as y}from"./FormControl-cSvM3XwI.js";import{n as b,t as x}from"./LayoutFlex-DdWp4cl3.js";import{n as S,t as C}from"./LayoutGrid-qM5_bxVY.js";import{n as w,t as T}from"./LayoutGridItem-DXWb3V6X.js";import{n as E,t as D}from"./Link-J-HUcV5T.js";import{n as O,t as k}from"./TextField-zS8J7vJP.js";function A({src:e,alt:t,square:n=!1}){return(0,M.jsxs)(`div`,{children:[(0,M.jsx)(`img`,{src:e,alt:t,style:{width:n?`96px`:`128px`,height:`96px`}}),(0,M.jsx)(`img`,{src:e,alt:t,style:{width:n?`24px`:`32px`,height:`24px`}})]})}var j,M,N,P,F,I,L,R,z,B;t((()=>{j=e(n(),1),i(),g(),b(),S(),w(),s(),E(),v(),m(),O(),l(),M=o(),{expect:N}=__STORYBOOK_MODULE_TEST__,P={title:`components/CountryFlag`,component:_,args:{code:`ua`,alt:r.ua}},F={render:function(){return(0,M.jsxs)(`div`,{style:{maxWidth:`1000px`},children:[(0,M.jsx)(c,{variant:`default-semibold`,children:"For some countries, simplified flags are automatically used (unless `simplified` is set to `false`)"}),(0,M.jsxs)(C,{columns:4,children:[(0,M.jsx)(T,{children:(0,M.jsx)(c,{variant:`default-semibold`,children:`Code`})}),(0,M.jsx)(T,{children:(0,M.jsx)(c,{variant:`default-semibold`,children:`Country name`})}),(0,M.jsx)(T,{children:(0,M.jsx)(c,{variant:`default-semibold`,children:`4x3`})}),(0,M.jsx)(T,{children:(0,M.jsx)(c,{variant:`default-semibold`,children:"4x3 (with `simplified=false`)"})}),[`es`,`mx`].map(e=>(0,M.jsxs)(j.Fragment,{children:[(0,M.jsx)(T,{children:e}),(0,M.jsx)(T,{children:r[e]}),(0,M.jsx)(T,{children:(0,M.jsx)(_,{code:e,alt:r[e],size:`large`})}),(0,M.jsx)(T,{children:(0,M.jsx)(_,{code:e,alt:r[e],size:`large`,simplified:!1})})]},e))]}),(0,M.jsx)(`br`,{}),(0,M.jsx)(c,{variant:`default-semibold`,children:`All countries`}),(0,M.jsxs)(C,{columns:3,children:[(0,M.jsx)(T,{children:(0,M.jsx)(c,{variant:`default-semibold`,children:`Code`})}),(0,M.jsx)(T,{children:(0,M.jsx)(c,{variant:`default-semibold`,children:`Country name`})}),(0,M.jsx)(T,{children:(0,M.jsx)(c,{variant:`default-semibold`,children:`4x3`})}),Object.keys(r).map(e=>(0,M.jsxs)(j.Fragment,{children:[(0,M.jsx)(T,{children:e}),(0,M.jsx)(T,{children:r[e]}),(0,M.jsx)(T,{children:(0,M.jsx)(_,{code:e,alt:r[e],size:`large`})})]},e))]})]})}},I={tags:[`!test`,`!a11y-test`],parameters:{chromatic:{disableSnapshot:!0}},render:function(){let e=`https://static.staging.preply.org/groot/country_flags/`,t=`https://static.preply.com/ds/country-flags/`,[n,i]=(0,j.useState)(!1),[o,s]=(0,j.useState)(!1),[l,m]=(0,j.useState)(!0),[g,_]=(0,j.useState)(!0),[v,b]=(0,j.useState)(!1),[S,C]=(0,j.useState)(!0),[w,T]=(0,j.useState)(!0),[E,O]=(0,j.useState)(!0),[N,P]=(0,j.useState)(t),F=Number(n)+Number(o)+Number(l)+Number(g)+Number(v)+Number(S)+Number(w)+2;return(0,M.jsxs)(`div`,{style:{maxWidth:`100%`},children:[(0,M.jsx)(p,{children:(0,M.jsxs)(u,{children:[(0,M.jsx)(f,{children:`How to read the following table?`}),(0,M.jsxs)(d,{children:[(0,M.jsxs)(c,{children:[`- All the flags have bee imported from`,` `,(0,M.jsx)(D,{href:`https://github.com/lipis/flag-icons`,children:`flag-icons`})]}),(0,M.jsx)(c,{children:`- Some flags have been manually replaced because they were wrong`}),(0,M.jsx)(c,{children:`- The design system contains more flags compared to Groot (the original apollo's application that contained all the static assets)`}),(0,M.jsx)(c,{children:`- Some flags have simplified versions (ex. Spain, Mexico) to reduce their size`}),(0,M.jsx)(c,{children:`- All the flags are a available in JPG, mainly to reduce the computation on the native application`}),(0,M.jsx)(c,{children:"- You are supposed to gather the assets URL through the `getCountryFlagUrl` utility"}),(0,M.jsx)(c,{children:"- For local testing, use `npx serve` launched in the `static-assets/country-flags` directory, and replace the path in the below field."}),(0,M.jsx)(c,{children:"- For PR testing, look at `deploy-static-assets.sh` to find the PR URL for static assets."})]})]})}),(0,M.jsxs)(x,{gap:`16`,padding:[`32`,`0`,`0`,`0`],children:[(0,M.jsx)(y,{label:`Groot 4x3 SVG`,required:!0,children:(0,M.jsx)(h,{checked:n,onCheckedChange:i})}),(0,M.jsx)(y,{label:`Groot 4x3 PNG`,required:!0,children:(0,M.jsx)(h,{checked:o,onCheckedChange:s})}),(0,M.jsx)(y,{label:`DS 4x3 SVG`,required:!0,children:(0,M.jsx)(h,{checked:l,onCheckedChange:m})}),(0,M.jsx)(y,{label:`DS 4x3 JPG`,required:!0,children:(0,M.jsx)(h,{checked:g,onCheckedChange:_})}),(0,M.jsx)(y,{label:`Groot 1x1 SVG`,required:!0,children:(0,M.jsx)(h,{checked:v,onCheckedChange:b})}),(0,M.jsx)(y,{label:`DS 1x1 SVG`,required:!0,children:(0,M.jsx)(h,{checked:S,onCheckedChange:C})}),(0,M.jsx)(y,{label:`DS 1x1 JPG`,required:!0,children:(0,M.jsx)(h,{checked:w,onCheckedChange:T})}),(0,M.jsx)(y,{label:`Product size`,required:!0,children:(0,M.jsx)(h,{checked:E,onCheckedChange:O})}),(0,M.jsx)(y,{label:`All`,required:!0,children:(0,M.jsx)(h,{checked:n&&o&&l&&g&&v&&S&&w,onCheckedChange:e=>{i(e),s(e),m(e),_(e),b(e),C(e),T(e),O(e)}})}),(0,M.jsx)(k,{value:N,onValueChange:P,label:`Assets path`,required:!0})]}),(0,M.jsx)(`div`,{style:{position:`sticky`,top:`0px`,background:`white`},children:(0,M.jsxs)(`div`,{style:{display:`grid`,gridTemplateColumns:`repeat(${F}, 1fr)`,gap:`4px`,padding:`16px 0 0 0`},children:[(0,M.jsx)(`div`,{style:{alignSelf:`start`},children:(0,M.jsx)(c,{variant:`default-semibold`,children:`Code`})}),(0,M.jsx)(c,{variant:`default-semibold`,children:`Country name`}),n&&(0,M.jsx)(c,{variant:`default-semibold`,children:`Show Groot 4x3 SVG`}),o&&(0,M.jsx)(c,{variant:`default-semibold`,children:`Show Groot 4x3 PNG`}),l&&(0,M.jsx)(c,{variant:`default-semibold`,children:`Show DS 4x3 SVG`}),g&&(0,M.jsx)(c,{variant:`default-semibold`,children:`Show DS 4x3 JPG`}),v&&(0,M.jsx)(c,{variant:`default-semibold`,children:`Show Groot 1x1 SVG`}),S&&(0,M.jsx)(c,{variant:`default-semibold`,children:`Show DS 1x1 SVG`}),w&&(0,M.jsx)(c,{variant:`default-semibold`,children:`Show DS 1x1 JPG`})]})}),(0,M.jsx)(`div`,{style:{display:`grid`,gridTemplateColumns:`repeat(${F}, 1fr)`,gap:`4px`,padding:`16px 0 0 0`},children:Object.keys(r).map(i=>{let s=i,u=r[i],d=a({requester:``,countryCode:s,simplified:!0})!==a({requester:``,countryCode:s,simplified:!1});return(0,M.jsxs)(j.Fragment,{children:[(0,M.jsx)(c,{children:i}),(0,M.jsx)(c,{children:u}),n&&(0,M.jsx)(A,{src:`${e}4x3/${i}.svg`,alt:u}),o&&(0,M.jsx)(A,{src:`${e}pngs/${i}.png`,alt:u}),l&&(0,M.jsx)(A,{src:a({requester:`storybook`,countryCode:s,simplified:!1}).replace(t,N),alt:u}),g&&(0,M.jsx)(A,{src:a({requester:`storybook`,countryCode:s,simplified:!1,graphic:`raster`}).replace(t,N),alt:u}),v&&(0,M.jsx)(A,{src:`${e}1x1/${i}.svg`,square:!0,alt:u}),S&&(0,M.jsx)(A,{src:a({requester:`storybook`,countryCode:s,simplified:!1,square:!0}).replace(t,N),square:!0,alt:u}),w&&(0,M.jsx)(A,{src:a({requester:`storybook`,countryCode:s,simplified:!1,square:!0,graphic:`raster`}).replace(t,N),square:!0,alt:u}),d&&(0,M.jsxs)(j.Fragment,{children:[(0,M.jsxs)(c,{children:[i,` (simplified version)`]}),(0,M.jsx)(c,{children:r[i]}),n&&(0,M.jsx)(A,{src:`${e}4x3/${i}.svg`,alt:u}),o&&(0,M.jsx)(A,{src:`${e}pngs/${i}.png`,alt:u}),l&&(0,M.jsx)(A,{src:a({requester:`storybook`,countryCode:s,simplified:!0}).replace(t,N),alt:u}),g&&(0,M.jsx)(A,{src:a({requester:`storybook`,countryCode:s,simplified:!0,graphic:`raster`}).replace(t,N),alt:u}),v&&(0,M.jsx)(A,{src:`${e}1x1/${i}.svg`,square:!0,alt:u}),S&&(0,M.jsx)(A,{src:a({requester:`storybook`,countryCode:s,simplified:!0,square:!0}).replace(t,N),square:!0,alt:u}),w&&(0,M.jsx)(A,{src:a({requester:`storybook`,countryCode:s,simplified:!0,square:!0,graphic:`raster`}).replace(t,N),square:!0,alt:u})]},i+`simplified`)]},i)})})]})}},L={render:e=>(0,M.jsxs)(x,{gap:`16`,children:[(0,M.jsx)(_,{...e,size:`small`}),(0,M.jsx)(_,{...e,size:`medium`}),(0,M.jsx)(_,{...e,size:`large`})]})},R={render:function(){return(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(c,{variant:`default-regular-italic`,children:`Invalid country code`}),(0,M.jsx)(_,{code:`invalidCountryCode`,alt:`Invalid country code`}),(0,M.jsx)(c,{variant:`default-regular-italic`,children:"`undefined` country code"}),(0,M.jsx)(_,{code:void 0,alt:`Undefined country code`})]})},play:async({canvas:e})=>{N(e.getByAltText(`Invalid country code`)).toBeVisible(),N(e.getByAltText(`Undefined country code`)).toBeVisible()}},z={parameters:{chromatic:{disableSnapshot:!0}},args:{dataset:{qaid:`flag`}},argTypes:{dataset:{control:`object`}}},F.parameters={...F.parameters,docs:{...F.parameters?.docs,source:{originalSource:`{
   render: function Story() {
     return <div style={{
       maxWidth: '1000px'
@@ -66,7 +66,7 @@ import{j as e,r as n}from"./iframe-DjYTJz7A.js";import{c as h,C as p,g as u}from
                 </LayoutGrid>
             </div>;
   }
-}`,...(E=(O=j.parameters)==null?void 0:O.docs)==null?void 0:E.source}}};var R,_,B;G.parameters={...G.parameters,docs:{...(R=G.parameters)==null?void 0:R.docs,source:{originalSource:`{
+}`,...F.parameters?.docs?.source}}},I.parameters={...I.parameters,docs:{...I.parameters?.docs,source:{originalSource:`{
   tags: ['!test', '!a11y-test'],
   parameters: {
     chromatic: {
@@ -282,13 +282,13 @@ import{j as e,r as n}from"./iframe-DjYTJz7A.js";import{c as h,C as p,g as u}from
                 </div>
             </div>;
   }
-}`,...(B=(_=G.parameters)==null?void 0:_.docs)==null?void 0:B.source}}};var H,W,M;F.parameters={...F.parameters,docs:{...(H=F.parameters)==null?void 0:H.docs,source:{originalSource:`{
+}`,...I.parameters?.docs?.source}}},L.parameters={...L.parameters,docs:{...L.parameters?.docs,source:{originalSource:`{
   render: args => <LayoutFlex gap="16">
             <CountryFlag {...args} size="small" />
             <CountryFlag {...args} size="medium" />
             <CountryFlag {...args} size="large" />
         </LayoutFlex>
-}`,...(M=(W=F.parameters)==null?void 0:W.docs)==null?void 0:M.source}}};var Y,Q,K;T.parameters={...T.parameters,docs:{...(Y=T.parameters)==null?void 0:Y.docs,source:{originalSource:`{
+}`,...L.parameters?.docs?.source}}},R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`{
   render: function Story() {
     return <>
                 <Text variant="default-regular-italic">Invalid country code</Text>
@@ -312,7 +312,7 @@ import{j as e,r as n}from"./iframe-DjYTJz7A.js";import{c as h,C as p,g as u}from
     const undefinedCountry = canvas.getByAltText('Undefined country code');
     expect(undefinedCountry).toBeVisible();
   }
-}`,...(K=(Q=T.parameters)==null?void 0:Q.docs)==null?void 0:K.source}}};var X,Z,ee;k.parameters={...k.parameters,docs:{...(X=k.parameters)==null?void 0:X.docs,source:{originalSource:`{
+}`,...R.parameters?.docs?.source}}},z.parameters={...z.parameters,docs:{...z.parameters?.docs,source:{originalSource:`{
   parameters: {
     chromatic: {
       disableSnapshot: true
@@ -328,4 +328,4 @@ import{j as e,r as n}from"./iframe-DjYTJz7A.js";import{c as h,C as p,g as u}from
       control: 'object'
     }
   }
-}`,...(ee=(Z=k.parameters)==null?void 0:Z.docs)==null?void 0:ee.source}}};const Re=["Countries","CountryFlagExplorer","Sizes","ShowPlaceholderOnInvalidCode","Playground"];export{j as Countries,G as CountryFlagExplorer,k as Playground,T as ShowPlaceholderOnInvalidCode,F as Sizes,Re as __namedExportsOrder,Ee as default};
+}`,...z.parameters?.docs?.source}}},B=[`Countries`,`CountryFlagExplorer`,`Sizes`,`ShowPlaceholderOnInvalidCode`,`Playground`]}))();export{F as Countries,I as CountryFlagExplorer,z as Playground,R as ShowPlaceholderOnInvalidCode,L as Sizes,B as __namedExportsOrder,P as default};

package/dist/assets/CountryFlag.test.stories-BaGoS-6l.js

@@ -0,0 +1,27 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./CountryFlag-DMEPQuIc.js";var o,s,c,l,u,d;t((()=>{e(n(),1),i(),o=r(),{expect:s}=__STORYBOOK_MODULE_TEST__,c={title:`components/CountryFlag/Tests`,component:a,args:{},tags:[`!autodocs`,`!a11y-test`,`test`]},l={render:function(){return(0,o.jsx)(a,{code:`ua`,alt:`Ukraine`,dataset:{foo:1,bar:`2`,baz:!1}})},play:async({canvas:e})=>{let t=e.getByAltText(`Ukraine`);s(t).toHaveAttribute(`data-foo`,`1`),s(t).toHaveAttribute(`data-bar`,`2`),s(t).toHaveAttribute(`data-baz`,`false`)}},u={render:function(){return(0,o.jsx)(a,{code:`ua`,alt:`Ukraine`,loading:`lazy`})},play:async({canvas:e})=>{s(e.getByAltText(`Ukraine`)).toHaveAttribute(`loading`,`lazy`)}},l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+  render: function Story() {
+    return <CountryFlag code="ua" alt="Ukraine" dataset={{
+      foo: 1,
+      bar: '2',
+      baz: false
+    }} />;
+  },
+  play: async ({
+    canvas
+  }) => {
+    const element = canvas.getByAltText('Ukraine');
+    expect(element).toHaveAttribute('data-foo', '1');
+    expect(element).toHaveAttribute('data-bar', '2');
+    expect(element).toHaveAttribute('data-baz', 'false');
+  }
+}`,...l.parameters?.docs?.source}}},u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
+  render: function Story() {
+    return <CountryFlag code="ua" alt="Ukraine" loading="lazy" />;
+  },
+  play: async ({
+    canvas
+  }) => {
+    const element = canvas.getByAltText('Ukraine');
+    expect(element).toHaveAttribute('loading', 'lazy');
+  }
+}`,...u.parameters?.docs?.source}}},d=[`TestDataset`,`ImgAttributesArePassedToImg`]}))();export{u as ImgAttributesArePassedToImg,l as TestDataset,d as __namedExportsOrder,c as default};

package/dist/assets/Dialog-DCPUOQU4.js

@@ -0,0 +1,13 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./dist-Cc1j9Pjk.js";import{a as o,c as s,i as c,l,n as u,o as d,r as f,s as p,t as m,u as h}from"./DialogCloseButton-dPdpMifg.js";var g,_,v=t((()=>{e(n(),1),s(),d(),c(),u(),h(),a(),g=r(),_=({open:e,title:t,description:n,leadingElement:r,children:a,size:s=`md`,hideHeader:c,onClose:u,mobileFullHeight:d,dataset:h})=>(0,g.jsxs)(p,{open:e,onClose:u,size:s,mobileFullHeight:d,dataset:h,"data-preply-ds-component":i.Dialog,children:[(0,g.jsx)(m,{}),(0,g.jsxs)(`header`,{className:l.header,"data-preply-ds-component":i.DialogHeader,children:[r,!c&&(0,g.jsxs)(`hgroup`,{children:[(0,g.jsx)(o,{children:t}),(0,g.jsx)(f,{children:n})]})]}),a]});try{_.displayName=`Dialog`,_.__docgenInfo={description:`A modal dialog component that can be used to show content in an overlay.
+
+Composed of:
+- Dialog: The main component
+- DialogActions: Footer actions with primary and secondary buttons
+- DialogSteps: Steps component for multi-step flows
+- DialogStep: Step component for each step
+- DialogStepsActions: Actions component for the steps`,displayName:`Dialog`,props:{open:{defaultValue:null,description:`Controls the visibility of the dialog`,name:`open`,required:!0,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},children:{defaultValue:null,description:`Content to be rendered inside the dialog`,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`}]}},size:{defaultValue:{value:`md`},description:`Controls the width of the dialog on desktop
+@deprecated use default size for all dialogs`,name:`size`,required:!1,type:{name:`enum`,value:[{value:`"xs"`},{value:`"md"`},{value:`"sm"`},{value:`"lg"`},{value:`ResponsiveProp<"xs" | "md" | "sm" | "lg">`}]}},title:{defaultValue:null,description:``,name:`title`,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`}]}},description:{defaultValue:null,description:``,name:`description`,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`}]}},leadingElement:{defaultValue:null,description:``,name:`leadingElement`,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`}]}},hideHeader:{defaultValue:{value:`false`},description:`When true
+visually hides the header (title and description) while
+keeping it accessible to screen readers
+@deprecated use \`DialogRoot\` component directly instead`,name:`hideHeader`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},onClose:{defaultValue:null,description:`Callback fired when the user tries to close the dialog (via escape
+key, overlay click, or close button).`,name:`onClose`,required:!1,type:{name:`enum`,value:[{value:`() => void`}]}},mobileFullHeight:{defaultValue:null,description:"Makes the Dialog take up the full screen height on mobile screens, i.e.\nscreens under the `medium-l` breakpoint.",name:`mobileFullHeight`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}}}}}catch{}}));export{v as n,_ as t};

package/dist/assets/Dialog.primitives-BPvLcj0z.css

@@ -0,0 +1 @@
+.content__4abpn{--dialog-desktop-width:300px;background:linear-gradient(#f8f8ff,#fff)}.close__yXHzM{width:fit-content;margin-inline:auto;position:static}.title__L2rvR,.description__FdpTb{color:indigo;text-align:center}.footer__5lWIE{--footer-sticky-border-color:transparent;background-color:#0000;position:static}.buttonStack__eh-Q7{flex-direction:column}.alwaysStackedButtonStack__kYtW1[data-horizontal-layout]{justify-content:initial;flex-direction:column-reverse}

package/dist/assets/Dialog.primitives.stories-Vxeh7YZt.js

@@ -0,0 +1,237 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./Icon-CfZyHxyH.js";import{n as o,t as s}from"./Button-DnVrHohm.js";import{n as c,t as l}from"./Badge-CXba4Jz8.js";import{n as u,t as d}from"./TokyoUIInfo-B-CriP10.js";import{a as f,c as p,i as m,n as h,o as g,r as _,s as v,t as y}from"./DialogCloseButton-dPdpMifg.js";import{a as b,i as x,n as S,o as C,r as w,t as T}from"./DialogActions-BuK-fnKs.js";var E,D,O,k,A,j,M,N,P=t((()=>{E=`content__4abpn`,D=`close__yXHzM`,O=`title__L2rvR`,k=`description__FdpTb`,A=`footer__5lWIE`,j=`buttonStack__eh-Q7`,M=`alwaysStackedButtonStack__kYtW1`,N={content:E,close:D,title:O,description:k,footer:A,buttonStack:j,alwaysStackedButtonStack:M}})),F,I,L,R,z,B,V,H,U,W,G,K,q,J,Y,X;t((()=>{F=e(n(),1),u(),o(),i(),p(),h(),C(),g(),m(),S(),x(),P(),c(),I=r(),{expect:L,userEvent:R,waitFor:z}=__STORYBOOK_MODULE_TEST__,B={title:`Components/Dialog/Primitives`,component:v,subcomponents:{DialogCloseButton:y,DialogFooter:b,DialogTitle:f,DialogDescription:_,DialogActions:T,DialogButtonStack:w},parameters:{preventIframeFromScrollingParent:!0,docs:{story:{inline:!1,height:600}}},play:async({canvas:e,step:t})=>{await t(`Open dialog`,async()=>{let t=e.getByTestId(`trigger`);return await R.click(t),z(()=>{L(e.getByTestId(`dialog`)).toBeVisible()})})}},V=({style:e={}})=>(0,I.jsx)(`div`,{style:{width:`100%`,height:`200px`,background:`linear-gradient(to bottom, color-mix(in srgb, #ffe8f7, transparent), #ffe8f7)`,...e}}),H={render:function(){let[e,t]=(0,F.useState)(!1);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(s,{dataset:{testid:`trigger`},onClick:()=>t(!0),children:`Open`}),(0,I.jsx)(v,{dataset:{testid:`dialog`},open:e,onClose:()=>t(!1),children:(0,I.jsx)(V,{})})]})}},U={render:function(){let[e,t]=(0,F.useState)(!1);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(s,{dataset:{testid:`trigger`},onClick:()=>t(!0),children:`Open`}),(0,I.jsx)(v,{dataset:{testid:`dialog`},open:e,onClose:()=>t(!1),overlay:!1,children:(0,I.jsx)(V,{})})]})}},W={render:function(){let[e,t]=(0,F.useState)(!1);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(s,{dataset:{testid:`trigger`},onClick:()=>t(!0),children:`Open`}),(0,I.jsx)(v,{dataset:{testid:`dialog`},open:e,onClose:()=>t(!1),children:(0,I.jsx)(b,{children:(0,I.jsxs)(w,{children:[(0,I.jsx)(s,{variant:`quaternary`,children:`Quaternary`}),(0,I.jsx)(s,{variant:`tertiary`,children:`Tertiary`}),(0,I.jsx)(s,{variant:`secondary`,children:`Secondary`}),(0,I.jsx)(s,{variant:`primary`,children:`Primary`})]})})})]})}},G={render:function(){let[e,t]=(0,F.useState)(!1);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(s,{dataset:{testid:`trigger`},onClick:()=>t(!0),children:`Open`}),(0,I.jsx)(v,{dataset:{testid:`dialog`},open:e,onClose:()=>t(!1),children:(0,I.jsx)(b,{children:(0,I.jsxs)(w,{className:N.alwaysStackedButtonStack,children:[(0,I.jsx)(s,{variant:`tertiary`,children:`Cancel`}),(0,I.jsx)(s,{variant:`primary`,children:`Confirm`})]})})})]})}},K={render:function(){let[e,t]=(0,F.useState)(!1);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(s,{dataset:{testid:`trigger`},onClick:()=>t(!0),children:`Open`}),(0,I.jsxs)(v,{dataset:{testid:`dialog`},open:e,onClose:()=>t(!1),children:[(0,I.jsx)(y,{}),(0,I.jsxs)(`header`,{style:{display:`flex`,flexDirection:`column`,gap:`20px`,marginBottom:`24px`},children:[(0,I.jsx)(a,{size:`32`,svg:d}),(0,I.jsxs)(`hgroup`,{children:[(0,I.jsx)(f,{children:`Dialog`}),(0,I.jsx)(_,{children:`AKA Task Dialog`})]})]}),(0,I.jsx)(V,{}),(0,I.jsx)(b,{children:(0,I.jsxs)(w,{children:[(0,I.jsx)(s,{variant:`tertiary`,children:`Cancel`}),(0,I.jsx)(s,{variant:`primary`,children:`Confirm`})]})})]})]})}},q={render:function(){let[e,t]=(0,F.useState)(!1);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(s,{dataset:{testid:`trigger`},onClick:()=>t(!0),children:`Open`}),(0,I.jsxs)(v,{open:e,onClose:()=>t(!1),dataset:{testid:`dialog`},children:[(0,I.jsx)(y,{}),(0,I.jsx)(V,{style:{backgroundColor:`pink`,marginInline:`calc(-1 * var(--dialog-padding))`,marginTop:`calc(-1 * var(--dialog-padding))`,marginBottom:`var(--dialog-padding)`,width:`calc-size(auto)`}}),(0,I.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:`12px`,alignItems:`center`},children:[(0,I.jsx)(f,{children:`Promo Dialog`}),(0,I.jsx)(_,{children:`For all your promotional needs`})]}),(0,I.jsx)(b,{children:(0,I.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:`12px`,width:`fit-content`,marginInline:`auto`},children:[(0,I.jsx)(s,{variant:`primary`,children:`Confirm`}),(0,I.jsx)(s,{variant:`tertiary`,children:`Cancel`})]})})]})]})}},J={render:function(){let[e,t]=(0,F.useState)(!1);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(s,{dataset:{testid:`trigger`},onClick:()=>t(!0),children:`Open`}),(0,I.jsxs)(v,{dataset:{testid:`dialog`},open:e,onClose:()=>t(!1),children:[(0,I.jsx)(y,{children:(0,I.jsx)(s,{variant:`ghost`,children:`Not Now`})}),(0,I.jsx)(V,{style:{background:`color-mix(in srgb, #ffe8f7, transparent)`,position:`absolute`,inset:0,height:`100%`,zIndex:`-1`}}),(0,I.jsx)(V,{style:{marginInline:`calc(-1 * var(--dialog-padding))`,marginTop:`calc(-1 * var(--dialog-padding))`,marginBottom:`var(--dialog-padding)`,width:`calc-size(auto)`}}),(0,I.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:`12px`,alignItems:`center`},children:[(0,I.jsx)(l,{type:`ai`,children:`Beta`}),(0,I.jsx)(f,{children:`Promo Dialog 2.0`}),(0,I.jsx)(_,{children:`Now with a longer button`})]}),(0,I.jsx)(`div`,{style:{marginTop:`var(--dialog-padding)`},children:(0,I.jsx)(s,{variant:`onColor`,fullWidth:!0,children:`Let's go!`})})]})]})}},Y={render:function(){let[e,t]=(0,F.useState)(!1);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(s,{dataset:{testid:`trigger`},onClick:()=>t(!0),children:`Open`}),(0,I.jsxs)(v,{open:e,onClose:()=>t(!1),dataset:{testid:`dialog`},className:N.content,children:[(0,I.jsx)(y,{className:N.close}),(0,I.jsx)(f,{className:N.title,children:`Custom Title`}),(0,I.jsx)(_,{className:N.description,children:`Custom Description`}),(0,I.jsx)(`br`,{}),Array.from({length:5}).map((e,t)=>(0,I.jsx)(V,{},t)),(0,I.jsx)(b,{className:N.footer,children:(0,I.jsxs)(w,{className:N.buttonStack,children:[(0,I.jsx)(s,{variant:`primary`,children:`Custom Primary`}),(0,I.jsx)(s,{variant:`secondary`,children:`Custom Secondary`})]})})]})]})}},H.parameters={...H.parameters,docs:{...H.parameters?.docs,source:{originalSource:`{
+  render: function Story() {
+    const [open, setOpen] = useState(false);
+    return <>
+                <Button dataset={{
+        testid: 'trigger'
+      }} onClick={() => setOpen(true)}>
+                    Open
+                </Button>
+                <DialogRoot dataset={{
+        testid: 'dialog'
+      }} open={open} onClose={() => setOpen(false)}>
+                    <DummyContent />
+                </DialogRoot>
+            </>;
+  }
+}`,...H.parameters?.docs?.source}}},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
+  render: function Story() {
+    const [open, setOpen] = useState(false);
+    return <>
+                <Button dataset={{
+        testid: 'trigger'
+      }} onClick={() => setOpen(true)}>
+                    Open
+                </Button>
+                <DialogRoot dataset={{
+        testid: 'dialog'
+      }} open={open} onClose={() => setOpen(false)} overlay={false}>
+                    <DummyContent />
+                </DialogRoot>
+            </>;
+  }
+}`,...U.parameters?.docs?.source}}},W.parameters={...W.parameters,docs:{...W.parameters?.docs,source:{originalSource:`{
+  render: function Story() {
+    const [open, setOpen] = useState(false);
+    return <>
+                <Button dataset={{
+        testid: 'trigger'
+      }} onClick={() => setOpen(true)}>
+                    Open
+                </Button>
+                <DialogRoot dataset={{
+        testid: 'dialog'
+      }} open={open} onClose={() => setOpen(false)}>
+                    <DialogFooter>
+                        <DialogButtonStack>
+                            <Button variant="quaternary">Quaternary</Button>
+                            <Button variant="tertiary">Tertiary</Button>
+                            <Button variant="secondary">Secondary</Button>
+                            <Button variant="primary">Primary</Button>
+                        </DialogButtonStack>
+                    </DialogFooter>
+                </DialogRoot>
+            </>;
+  }
+}`,...W.parameters?.docs?.source}}},G.parameters={...G.parameters,docs:{...G.parameters?.docs,source:{originalSource:`{
+  render: function Story() {
+    const [open, setOpen] = useState(false);
+    return <>
+                <Button dataset={{
+        testid: 'trigger'
+      }} onClick={() => setOpen(true)}>
+                    Open
+                </Button>
+                <DialogRoot dataset={{
+        testid: 'dialog'
+      }} open={open} onClose={() => setOpen(false)}>
+                    <DialogFooter>
+                        <DialogButtonStack className={customDialogStyles.alwaysStackedButtonStack}>
+                            <Button variant="tertiary">Cancel</Button>
+                            <Button variant="primary">Confirm</Button>
+                        </DialogButtonStack>
+                    </DialogFooter>
+                </DialogRoot>
+            </>;
+  }
+}`,...G.parameters?.docs?.source},description:{story:`Consumers can override the default responsive stacking behavior
+of DialogButtonStack by targeting the \`[data-horizontal-layout]\` attribute.
+The custom CSS forces vertical stacking even at wide viewports where horizontal
+layout would normally be applied.`,...G.parameters?.docs?.description}}},K.parameters={...K.parameters,docs:{...K.parameters?.docs,source:{originalSource:`{
+  render: function Story() {
+    const [open, setOpen] = useState(false);
+    return <>
+                <Button dataset={{
+        testid: 'trigger'
+      }} onClick={() => setOpen(true)}>
+                    Open
+                </Button>
+                <DialogRoot dataset={{
+        testid: 'dialog'
+      }} open={open} onClose={() => setOpen(false)}>
+                    <DialogCloseButton />
+                    <header style={{
+          display: 'flex',
+          flexDirection: 'column',
+          gap: '20px',
+          marginBottom: '24px'
+        }}>
+                        <Icon size="32" svg={InfoIcon} />
+                        <hgroup>
+                            <DialogTitle>Dialog</DialogTitle>
+                            <DialogDescription>AKA Task Dialog</DialogDescription>
+                        </hgroup>
+                    </header>
+                    <DummyContent />
+                    <DialogFooter>
+                        <DialogButtonStack>
+                            <Button variant="tertiary">Cancel</Button>
+                            <Button variant="primary">Confirm</Button>
+                        </DialogButtonStack>
+                    </DialogFooter>
+                </DialogRoot>
+            </>;
+  }
+}`,...K.parameters?.docs?.source}}},q.parameters={...q.parameters,docs:{...q.parameters?.docs,source:{originalSource:`{
+  render: function Story() {
+    const [open, setOpen] = useState(false);
+    return <>
+                <Button dataset={{
+        testid: 'trigger'
+      }} onClick={() => setOpen(true)}>
+                    Open
+                </Button>
+                <DialogRoot open={open} onClose={() => setOpen(false)} dataset={{
+        testid: 'dialog'
+      }}>
+                    <DialogCloseButton />
+                    <DummyContent style={{
+          backgroundColor: 'pink',
+          marginInline: 'calc(-1 * var(--dialog-padding))',
+          marginTop: 'calc(-1 * var(--dialog-padding))',
+          marginBottom: 'var(--dialog-padding)',
+          width: 'calc-size(auto)'
+        }} />
+                    <div style={{
+          display: 'flex',
+          flexDirection: 'column',
+          gap: '12px',
+          alignItems: 'center'
+        }}>
+                        <DialogTitle>Promo Dialog</DialogTitle>
+                        <DialogDescription>For all your promotional needs</DialogDescription>
+                    </div>
+                    <DialogFooter>
+                        <div style={{
+            display: 'flex',
+            flexDirection: 'column',
+            gap: '12px',
+            width: 'fit-content',
+            marginInline: 'auto'
+          }}>
+                            <Button variant="primary">Confirm</Button>
+                            <Button variant="tertiary">Cancel</Button>
+                        </div>
+                    </DialogFooter>
+                </DialogRoot>
+            </>;
+  }
+}`,...q.parameters?.docs?.source}}},J.parameters={...J.parameters,docs:{...J.parameters?.docs,source:{originalSource:`{
+  render: function Story() {
+    const [open, setOpen] = useState(false);
+    return <>
+                <Button dataset={{
+        testid: 'trigger'
+      }} onClick={() => setOpen(true)}>
+                    Open
+                </Button>
+                <DialogRoot dataset={{
+        testid: 'dialog'
+      }} open={open} onClose={() => setOpen(false)}>
+                    <DialogCloseButton>
+                        <Button variant="ghost">Not Now</Button>
+                    </DialogCloseButton>
+                    <DummyContent style={{
+          background: 'color-mix(in srgb, #ffe8f7, transparent)',
+          position: 'absolute',
+          inset: 0,
+          height: '100%',
+          zIndex: '-1'
+        }} />
+                    <DummyContent style={{
+          marginInline: 'calc(-1 * var(--dialog-padding))',
+          marginTop: 'calc(-1 * var(--dialog-padding))',
+          marginBottom: 'var(--dialog-padding)',
+          width: 'calc-size(auto)'
+        }} />
+                    <div style={{
+          display: 'flex',
+          flexDirection: 'column',
+          gap: '12px',
+          alignItems: 'center'
+        }}>
+                        <Badge type="ai">Beta</Badge>
+                        <DialogTitle>Promo Dialog 2.0</DialogTitle>
+                        <DialogDescription>Now with a longer button</DialogDescription>
+                    </div>
+                    <div style={{
+          marginTop: 'var(--dialog-padding)'
+        }}>
+                        <Button variant="onColor" fullWidth>
+                            Let&apos;s go!
+                        </Button>
+                    </div>
+                </DialogRoot>
+            </>;
+  }
+}`,...J.parameters?.docs?.source}}},Y.parameters={...Y.parameters,docs:{...Y.parameters?.docs,source:{originalSource:`{
+  render: function Story() {
+    const [open, setOpen] = useState(false);
+    return <>
+                <Button dataset={{
+        testid: 'trigger'
+      }} onClick={() => setOpen(true)}>
+                    Open
+                </Button>
+                <DialogRoot open={open} onClose={() => setOpen(false)} dataset={{
+        testid: 'dialog'
+      }} className={customDialogStyles.content}>
+                    <DialogCloseButton className={customDialogStyles.close} />
+                    <DialogTitle className={customDialogStyles.title}>Custom Title</DialogTitle>
+                    <DialogDescription className={customDialogStyles.description}>
+                        Custom Description
+                    </DialogDescription>
+                    <br />
+                    {Array.from({
+          length: 5
+        }).map((_, index) => <DummyContent key={index} />)}
+                    <DialogFooter className={customDialogStyles.footer}>
+                        <DialogButtonStack className={customDialogStyles.buttonStack}>
+                            <Button variant="primary">Custom Primary</Button>
+                            <Button variant="secondary">Custom Secondary</Button>
+                        </DialogButtonStack>
+                    </DialogFooter>
+                </DialogRoot>
+            </>;
+  }
+}`,...Y.parameters?.docs?.source}}},X=[`Default`,`WithoutOverlay`,`ButtonStackMultiple`,`ButtonStackCustomResponsivity`,`TaskDialog`,`PromoDialog`,`PromoDialogExperiment`,`CustomStyles`]}))();export{G as ButtonStackCustomResponsivity,W as ButtonStackMultiple,Y as CustomStyles,H as Default,q as PromoDialog,J as PromoDialogExperiment,K as TaskDialog,U as WithoutOverlay,X as __namedExportsOrder,B as default};