@preply/ds-docs 11.0.0 → 11.1.0

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

@@ -0,0 +1,68 @@
+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"./Checkbox-DEB6VLYS.js";import{n as o,t as s}from"./Tooltip-IQdlsINh.js";var c,l,u,d,f,p,m,h,g,_,v,y;t((()=>{e(n(),1),o(),i(),c=r(),{userEvent:l,expect:u,within:d,waitFor:f,fireEvent:p,waitForElementToBeRemoved:m}=__STORYBOOK_MODULE_TEST__,h={title:`Components/Checkbox/Tests`,component:a,parameters:{controls:{disable:!0},chromatic:{disableSnapshot:!0}},tags:[`!autodocs`,`!a11y-test`,`test`]},g={render:function(){return(0,c.jsx)(a,{"aria-label":`checkboxLabel`,"aria-labelledby":`checkboxLabelledby`,"aria-describedby":`checkboxDescribedby`,hasError:!0})},play:async({canvasElement:e})=>{let t=d(e).getByRole(`checkbox`);u(t).toHaveAttribute(`aria-label`,`checkboxLabel`),u(t).toHaveAttribute(`aria-labelledby`,`checkboxLabelledby`),u(t).toHaveAttribute(`aria-describedby`,`checkboxDescribedby`),u(t).toHaveAttribute(`aria-invalid`,`true`)}},_={render:function(){return(0,c.jsx)(a,{dataset:{foo:1,bar:`2`,baz:!1},"aria-label":`checkbox`})},play:async({canvas:e})=>{let t=e.getByRole(`checkbox`);u(t).toHaveAttribute(`data-foo`,`1`),u(t).toHaveAttribute(`data-bar`,`2`),u(t).toHaveAttribute(`data-baz`,`false`)}},v={render:function(){return(0,c.jsx)(s,{content:`This is a tooltip`,trigger:`hover-and-touch`,dataset:{testid:`tooltip`},children:(0,c.jsx)(a,{"aria-label":`checkbox`})})},play:async({canvasElement:e,step:t})=>{let n=d(e),r=n.getByRole(`checkbox`);await t(`hover trigger element`,async()=>{await l.hover(r)}),await t(`tooltip should be shown`,async()=>{await f(()=>u(n.getByTestId(`tooltip`)).toBeInTheDocument())}),await t(`unhover trigger element`,async()=>{await l.unhover(r),p.pointerMove(document,{clientX:0,clientY:0})}),await t(`tooltip should be hidden`,async()=>{await m(()=>n.queryByTestId(`tooltip`))})}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
+  render: function Story() {
+    return <Checkbox aria-label="checkboxLabel" aria-labelledby="checkboxLabelledby" aria-describedby="checkboxDescribedby" hasError />;
+  },
+  play: async ({
+    canvasElement
+  }) => {
+    const canvas = within(canvasElement);
+    const checkbox = canvas.getByRole('checkbox');
+    expect(checkbox).toHaveAttribute('aria-label', 'checkboxLabel');
+    expect(checkbox).toHaveAttribute('aria-labelledby', 'checkboxLabelledby');
+    expect(checkbox).toHaveAttribute('aria-describedby', 'checkboxDescribedby');
+    expect(checkbox).toHaveAttribute('aria-invalid', 'true');
+  }
+}`,...g.parameters?.docs?.source}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
+  render: function Story() {
+    return <Checkbox dataset={{
+      foo: 1,
+      bar: '2',
+      baz: false
+    }} aria-label="checkbox" />;
+  },
+  play: async ({
+    canvas
+  }) => {
+    const checkbox = canvas.getByRole('checkbox');
+    expect(checkbox).toHaveAttribute('data-foo', '1');
+    expect(checkbox).toHaveAttribute('data-bar', '2');
+    expect(checkbox).toHaveAttribute('data-baz', 'false');
+  }
+}`,..._.parameters?.docs?.source}}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
+  render: function Story() {
+    return <Tooltip content="This is a tooltip" trigger="hover-and-touch" dataset={{
+      testid: 'tooltip'
+    }}>
+                <Checkbox aria-label="checkbox" />
+            </Tooltip>;
+  },
+  play: async ({
+    canvasElement,
+    step
+  }) => {
+    const canvas = within(canvasElement);
+    const trigger = canvas.getByRole('checkbox');
+    await step('hover trigger element', async () => {
+      await userEvent.hover(trigger);
+    });
+    await step('tooltip should be shown', async () => {
+      await waitFor(() => {
+        const tooltip = canvas.getByTestId('tooltip');
+        return expect(tooltip).toBeInTheDocument();
+      });
+    });
+    await step('unhover trigger element', async () => {
+      await userEvent.unhover(trigger);
+      // Radix Tooltip uses a "grace area" polygon that requires
+      // a pointermove on document to trigger dismissal.
+      // userEvent.unhover doesn't fire this event.
+      fireEvent.pointerMove(document, {
+        clientX: 0,
+        clientY: 0
+      });
+    });
+    await step('tooltip should be hidden', async () => {
+      await waitForElementToBeRemoved(() => canvas.queryByTestId('tooltip'));
+    });
+  }
+}`,...v.parameters?.docs?.source}}},y=[`AriaAttributesAreSet`,`TestDataset`,`IntegrationWithDSTooltip`]}))();export{g as AriaAttributesAreSet,v as IntegrationWithDSTooltip,_ as TestDataset,y as __namedExportsOrder,h as default};

package/dist/assets/Chips-DK10vypy.css

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

package/dist/assets/Chips.stories-_LC622UQ.js

@@ -0,0 +1,148 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{ht as r,t as i}from"./dist-DtfJeYQK.js";import{t as a}from"./jsx-runtime-C2wGStra.js";import{n as o,t as s}from"./dist-Cc1j9Pjk.js";import{n as c,t as l}from"./filterAttributesPassedByRadixUIAtRuntime-CGiuUnR2.js";import{n as u,t as d}from"./Icon-CfZyHxyH.js";import{o as f,r as p}from"./lib-CXCPi5ID.js";import{n as m,t as h}from"./shared-strings-DrlpFtg5.js";import{n as g,t as _}from"./TokyoUIFav-D3EBPocg.js";var v,y,b,x=t((()=>{v=`chips__j19Kv`,y=`chip__cSHFT`,b={chips:v,chip:y,"chip-toggle":`chip-toggle__Tkg8Z`,"chip-remove":`chip-remove__jiv1j`}})),S,C,w,T,E=t((()=>{S=e(n()),C=e(n()),w=({title:e,titleId:t,...n},r)=>S.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:r,"aria-labelledby":t,...n},e?S.createElement(`title`,{id:t},e):null,S.createElement(`path`,{fillRule:`evenodd`,d:`M7.207 5.793a1 1 0 0 0-1.414 1.414L10.586 12l-4.793 4.793a1 1 0 1 0 1.414 1.414L12 13.414l4.793 4.793a1 1 0 0 0 1.414-1.414L13.414 12l4.793-4.793a1 1 0 0 0-1.414-1.414L12 10.586 7.207 5.793Z`,clipRule:`evenodd`})),T=(0,C.forwardRef)(w)})),D,O,k,A=t((()=>{s(),i(),D=e(n(),1),u(),x(),E(),c(),p(),m(),O=a(),k=({variant:e=`choice`,children:t,"aria-label":n,dataset:i})=>{let a={...i,variant:e};return(0,O.jsx)(`ul`,{"aria-label":n,className:b.chips,...r(a,{preplyDsComponent:o.Chips}),children:t})},k.Item=(0,D.forwardRef)(function({label:e,leadingSvgIcon:t,pressed:n,onToggle:i,onRemove:a,"aria-controls":s,dataset:c,...u},p){let{formatMessage:m}=f(),g=()=>i?.(!n),_=a??g;return(0,O.jsxs)(`li`,{...l(u),ref:p,className:b.chip,...r(c,{preplyDsComponent:o.Chip}),children:[(0,O.jsxs)(`button`,{type:`button`,className:b[`chip-toggle`],"aria-pressed":n,"aria-controls":s,onClick:g,onKeyUp:e=>{switch(e.key){case`Backspace`:case`Delete`:if(!n)return;g();break;default:}},children:[t&&(0,O.jsx)(d,{size:`24`,svg:t}),e]}),(0,O.jsx)(`button`,{type:`button`,className:b[`chip-remove`],onClick:_,"aria-label":m(h.remove),"aria-controls":s,children:(0,O.jsx)(d,{size:`24`,svg:T})})]})});try{k.displayName=`Chips`,k.__docgenInfo={description:`A Chips container.
+
+Add \`Chips.Item\` children to render a list of Chips.`,displayName:`Chips`,props:{variant:{defaultValue:{value:`choice`},description:"The Chip list variant;\n- For simple checkbox-like behaviour, use `choice`.\n- For more complex filtering controls, use `filter`.",name:`variant`,required:!1,type:{name:`enum`,value:[{value:`"filter"`},{value:`"choice"`}]}},"aria-label":{defaultValue:null,description:`Allows assistive technologies to correctly identify and announce
+the Chip list.
+@example <Chips aria-label="tutor filter">
+  // When the Chip below is in focus, screen readers may announce it as:
+  // "tutor filter list, option 1, Availability, press to toggle"
+  <Chips.Item label="Availability" />
+</Chips>`,name:`aria-label`,required:!0,type:{name:`string`}},children:{defaultValue:null,description:"These should be `Chips.Item`s.",name:`children`,required:!0,type:{name:`enum`,value:[{value:`undefined`},{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}}}}}catch{}})),j,M,N,P,F,I,L,R,z,B,V,H,U,W;t((()=>{g(),j=e(n(),1),A(),M=a(),{action:N}=__STORYBOOK_MODULE_ACTIONS__,{expect:P,fn:F,userEvent:I}=__STORYBOOK_MODULE_TEST__,L={title:`components/Chips/Chips (deprecated)`,component:k,subcomponents:{Item:k.Item},globals:{onToggle:F()},parameters:{docs:{description:{component:`Deprecated. Use [SingleSelectChips](/docs/components-chips-singleselectchips--docs), [MultiSelectChips](/docs/components-chips-multiselectchips--docs), or [DismissibleChips](/docs/components-chips-dismissiblechips--docs) instead.`}}}},R=()=>{let[e,t]=(0,j.useState)(!1);return(0,M.jsx)(k,{"aria-label":`Chips`,children:(0,M.jsx)(k.Item,{label:`Chip`,pressed:e,onToggle:t})})},z={parameters:{docs:{description:{story:"`Choice` Chips are used to select from a list of suggested options."}}},render:function(e,t){let[n,r]=(0,j.useState)({Ambition:!1,Boldness:!1,Collaboration:!0});return(0,M.jsx)(k,{variant:`choice`,"aria-label":`Principle choices`,children:Object.entries(n).map(([e,n])=>(0,M.jsx)(k.Item,{label:e,pressed:n,onToggle:n=>{r(t=>({...t,[e]:n})),t.globals.onToggle([e,n])}},e))})},play:async({canvas:e,context:t})=>{let n=t.globals.onToggle,r=await e.findByText(`Ambition`),i=await e.findByText(`Boldness`),a=await e.findByText(`Collaboration`);P(r).toHaveAttribute(`aria-pressed`,`false`),P(i).toHaveAttribute(`aria-pressed`,`false`),P(a).toHaveAttribute(`aria-pressed`,`true`),await I.click(r),P(n).toHaveBeenCalledWith([`Ambition`,!0]),P(r).toHaveAttribute(`aria-pressed`,`true`),P(i).toHaveAttribute(`aria-pressed`,`false`),P(a).toHaveAttribute(`aria-pressed`,`true`),await I.click(r),P(n).toHaveBeenCalledWith([`Ambition`,!1]),P(r).toHaveAttribute(`aria-pressed`,`false`),P(i).toHaveAttribute(`aria-pressed`,`false`),P(a).toHaveAttribute(`aria-pressed`,`true`)}},B=()=>{let[e,t]=(0,j.useState)({Ambition:!1,Boldness:!1,Collaboration:!0});return(0,M.jsx)(k,{variant:`choice`,"aria-label":`Principle choices`,children:Object.entries(e).map(([e,n])=>(0,M.jsx)(k.Item,{label:e,leadingSvgIcon:_,pressed:n,onToggle:n=>{t(t=>({...t,[e]:n})),N(`Toggle ${e} ${n?`on`:`off`}`)()}},e))})},B.parameters={docs:{description:{story:`They may also have leading icons:`}}},V=(e,t)=>{let[n,r]=(0,j.useState)({Ambition:!1,Boldness:!1,Collaboration:!0});return(0,M.jsx)(k,{variant:`filter`,"aria-label":`Principle filters`,children:Object.entries(n).map(([e,n])=>(0,M.jsx)(k.Item,{label:e,pressed:n,onToggle:n=>{r(t=>({...t,[e]:n})),N(`Toggle ${e} ${n?`on`:`off`}`)(),t.globals.onToggle([e,n])}},e))})},V.parameters={docs:{description:{story:"`Filter` Chips are used to add and remove filtering options from a list."}}},V.play=async({canvas:e,context:t})=>{let n=t.globals.onToggle,r=await e.findByText(`Ambition`),i=await e.findByText(`Boldness`),a=await e.findByText(`Collaboration`),o=r.nextElementSibling;P(o).not.toBeVisible(),P(r).toHaveAttribute(`aria-pressed`,`false`),P(i).toHaveAttribute(`aria-pressed`,`false`),P(a).toHaveAttribute(`aria-pressed`,`true`),await I.click(r),P(o).toBeVisible(),P(o).toHaveAccessibleName(`Remove`),P(n).toHaveBeenCalledWith([`Ambition`,!0]),P(r).toHaveAttribute(`aria-pressed`,`true`),P(i).toHaveAttribute(`aria-pressed`,`false`),P(a).toHaveAttribute(`aria-pressed`,`true`),await I.click(o),P(n).toHaveBeenCalledWith([`Ambition`,!1]),P(o).not.toBeVisible(),P(r).toHaveAttribute(`aria-pressed`,`false`),P(i).toHaveAttribute(`aria-pressed`,`false`),P(a).toHaveAttribute(`aria-pressed`,`true`)},H=()=>{let[e,t]=(0,j.useState)({Ambition:!1,Boldness:!1,Collaboration:!0});return(0,M.jsx)(k,{variant:`filter`,"aria-label":`Principle filters`,children:Object.entries(e).map(([e,n])=>(0,M.jsx)(k.Item,{label:e,leadingSvgIcon:_,pressed:n,onToggle:n=>{t(t=>({...t,[e]:n})),N(`Toggle ${e} ${n?`on`:`off`}`)()}},e))})},H.parameters={docs:{description:{story:`They may also have leading icons:`}}},U=()=>{let[e,t]=(0,j.useState)(!1),[n,r]=(0,j.useState)(void 0);return(0,M.jsxs)(`div`,{children:[(0,M.jsx)(k,{variant:`filter`,"aria-label":`Principle filters`,children:(0,M.jsx)(k.Item,{label:`Principles`,pressed:e,onToggle:e=>{if(n!==void 0){r(void 0),N(`onToggle - Clear selected filter`)();return}t(e),N(`Toggle filter ${e?`on`:`off`}`)()},onRemove:()=>{r(void 0),t(!1),N(`onRemove - Remove filter`)()},"aria-controls":`principle-menu`})}),(0,M.jsx)(`div`,{id:`principle-menu`,children:e&&(n?(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(`p`,{children:`Your favorite principle is:`}),(0,M.jsx)(`p`,{children:n})]}):(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(`p`,{children:`What's your favorite principle?`}),(0,M.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),r(e.nativeEvent.submitter.value)},children:[(0,M.jsx)(`input`,{type:`submit`,value:`Ambition`}),(0,M.jsx)(`input`,{type:`submit`,value:`Boldness`}),(0,M.jsx)(`input`,{type:`submit`,value:`Collaboration`})]})]}))})]})},U.parameters={docs:{description:{story:`
+Here is a complex example in which a chip can toggle a sub-flow for filter
+selection:
+`}}},U.tags=[`!test`],U.parameters={chromatic:{disableSnapshot:!0}},R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`() => {
+  const [pressed, setPressed] = useState(false);
+  return <Chips aria-label="Chips">
+            <Chips.Item label="Chip" pressed={pressed} onToggle={setPressed} />
+        </Chips>;
+}`,...R.parameters?.docs?.source}}},z.parameters={...z.parameters,docs:{...z.parameters?.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: '\`Choice\` Chips are used to select from a list of suggested options.'
+      }
+    }
+  },
+  render: function Story(_args, ctx) {
+    const [choices, setChoices] = useState({
+      Ambition: false,
+      Boldness: false,
+      Collaboration: true
+    });
+    return <Chips variant="choice" aria-label="Principle choices">
+                {Object.entries(choices).map(([name, pressed]) => <Chips.Item key={name} label={name} pressed={pressed} onToggle={newState => {
+        setChoices(prev => ({
+          ...prev,
+          [name]: newState
+        }));
+        ctx.globals.onToggle([name, newState]);
+      }} />)}
+            </Chips>;
+  },
+  play: async ({
+    canvas,
+    context
+  }) => {
+    const onToggleSpy = context.globals.onToggle;
+    const ambition = await canvas.findByText('Ambition');
+    const boldness = await canvas.findByText('Boldness');
+    const collaboration = await canvas.findByText('Collaboration');
+    expect(ambition).toHaveAttribute('aria-pressed', 'false');
+    expect(boldness).toHaveAttribute('aria-pressed', 'false');
+    expect(collaboration).toHaveAttribute('aria-pressed', 'true');
+    await userEvent.click(ambition);
+    expect(onToggleSpy).toHaveBeenCalledWith(['Ambition', true]);
+    expect(ambition).toHaveAttribute('aria-pressed', 'true');
+    expect(boldness).toHaveAttribute('aria-pressed', 'false');
+    expect(collaboration).toHaveAttribute('aria-pressed', 'true');
+    await userEvent.click(ambition);
+
+    // Now "Ambition" should be the only one selected
+    expect(onToggleSpy).toHaveBeenCalledWith(['Ambition', false]);
+    expect(ambition).toHaveAttribute('aria-pressed', 'false');
+    expect(boldness).toHaveAttribute('aria-pressed', 'false');
+    expect(collaboration).toHaveAttribute('aria-pressed', 'true');
+  }
+}`,...z.parameters?.docs?.source}}},B.parameters={...B.parameters,docs:{...B.parameters?.docs,source:{originalSource:`() => {
+  const [choices, setChoices] = useState({
+    Ambition: false,
+    Boldness: false,
+    Collaboration: true
+  });
+  return <Chips variant="choice" aria-label="Principle choices">
+            {Object.entries(choices).map(([name, pressed]) => <Chips.Item key={name} label={name} leadingSvgIcon={FavIcon} pressed={pressed} onToggle={newState => {
+      setChoices(prev => ({
+        ...prev,
+        [name]: newState
+      }));
+      action(\`Toggle \${name} \${newState ? 'on' : 'off'}\`)();
+    }} />)}
+        </Chips>;
+}`,...B.parameters?.docs?.source}}},V.parameters={...V.parameters,docs:{...V.parameters?.docs,source:{originalSource:`(_args, ctx) => {
+  const [filters, setFilters] = useState({
+    Ambition: false,
+    Boldness: false,
+    Collaboration: true
+  });
+  return <Chips variant="filter" aria-label="Principle filters">
+            {Object.entries(filters).map(([name, pressed]) => <Chips.Item key={name} label={name} pressed={pressed} onToggle={newState => {
+      setFilters(prev => ({
+        ...prev,
+        [name]: newState
+      }));
+      action(\`Toggle \${name} \${newState ? 'on' : 'off'}\`)();
+      ctx.globals.onToggle([name, newState]);
+    }} />)}
+        </Chips>;
+}`,...V.parameters?.docs?.source}}},H.parameters={...H.parameters,docs:{...H.parameters?.docs,source:{originalSource:`() => {
+  const [filters, setFilters] = useState({
+    Ambition: false,
+    Boldness: false,
+    Collaboration: true
+  });
+  return <Chips variant="filter" aria-label="Principle filters">
+            {Object.entries(filters).map(([name, pressed]) => <Chips.Item key={name} label={name} leadingSvgIcon={FavIcon} pressed={pressed} onToggle={newState => {
+      setFilters(prev => ({
+        ...prev,
+        [name]: newState
+      }));
+      action(\`Toggle \${name} \${newState ? 'on' : 'off'}\`)();
+    }} />)}
+        </Chips>;
+}`,...H.parameters?.docs?.source}}},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`() => {
+  const [filterPrinciple, setFilterPrinciple] = useState(false);
+  const [principle, setPrinciple] = useState<string | undefined>(undefined);
+  return <div>
+            <Chips variant="filter" aria-label="Principle filters">
+                <Chips.Item label="Principles" pressed={filterPrinciple} onToggle={newState => {
+        if (principle !== undefined) {
+          setPrinciple(undefined);
+          action('onToggle - Clear selected filter')();
+          return;
+        }
+        setFilterPrinciple(newState);
+        action(\`Toggle filter \${newState ? 'on' : 'off'}\`)();
+      }} onRemove={() => {
+        setPrinciple(undefined);
+        setFilterPrinciple(false);
+        action('onRemove - Remove filter')();
+      }} aria-controls="principle-menu" />
+            </Chips>
+            <div id="principle-menu">
+                {filterPrinciple && (principle ? <>
+                            <p>Your favorite principle is:</p>
+                            <p>{principle}</p>
+                        </> : <>
+                            <p>What&apos;s your favorite principle?</p>
+                            <form onSubmit={e => {
+          e.preventDefault();
+          // @ts-expect-error - submitter exists https://developer.mozilla.org/en-US/docs/Web/API/SubmitEvent/submitter
+          setPrinciple(e.nativeEvent.submitter.value);
+        }}>
+                                <input type="submit" value="Ambition" />
+                                <input type="submit" value="Boldness" />
+                                <input type="submit" value="Collaboration" />
+                            </form>
+                        </>)}
+            </div>
+        </div>;
+}`,...U.parameters?.docs?.source}}},W=[`Base`,`Choice`,`ChoiceWithIcons`,`Filter`,`FilterWithIcons`,`ComplexFilter`]}))();export{R as Base,z as Choice,B as ChoiceWithIcons,U as ComplexFilter,V as Filter,H as FilterWithIcons,W as __namedExportsOrder,L as default};

package/dist/assets/Color-6BZIO3FS-Cli2qKZW.js

@@ -0,0 +1 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{a as n,f as r,k as i,rt as a}from"./components-BJI6UJJQ.js";import{t as o}from"./react-C7IZe2D1.js";import{c as s,f as c}from"./theming-C7TmxyGw.js";import{Ct as l,Tt as u,d,f,p,u as ee,wt as m}from"./iframe-f34VuKy-.js";function te(e,t,{signal:n,edges:r}={}){let i,a=null,o=r!=null&&r.includes(`leading`),s=r==null||r.includes(`trailing`),c=()=>{a!==null&&(e.apply(i,a),i=void 0,a=null)},l=()=>{s&&c(),p()},u=null,d=()=>{u!=null&&clearTimeout(u),u=setTimeout(()=>{u=null,l()},t)},f=()=>{u!==null&&(clearTimeout(u),u=null)},p=()=>{f(),i=void 0,a=null},ee=()=>{c()},m=function(...e){if(n?.aborted)return;i=this,a=e;let t=u==null;d(),o&&t&&c()};return m.schedule=d,m.cancel=p,m.flush=ee,n?.addEventListener(`abort`,p,{once:!0}),m}function ne(e,...t){return h(e,C,...t)}function h(e,t,...n){let r=function(...r){let i=0,a=n.slice().map(e=>e===t?r[i++]:e),o=r.slice(i);return e.apply(this,a.concat(o))};return e.prototype&&(r.prototype=Object.create(e.prototype)),r}function re(e,...t){return ie(e,w,...t)}function ie(e,t,...n){let r=function(...r){let i=n.filter(e=>e===t).length,a=Math.max(r.length-i,0),o=r.slice(0,a),s=a,c=n.slice().map(e=>e===t?r[s++]:e);return e.apply(this,o.concat(c))};return e.prototype&&(r.prototype=Object.create(e.prototype)),r}function g(){return(g=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function _(e,t){if(e==null)return{};var n,r,i={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(i[n]=e[n]);return i}function v(e){var t=(0,b.useRef)(e),n=(0,b.useRef)(function(e){t.current&&t.current(e)});return t.current=e,n.current}function ae(e,t,n){var r=v(n),i=(0,b.useState)(function(){return e.toHsva(t)}),a=i[0],o=i[1],s=(0,b.useRef)({color:t,hsva:a});return(0,b.useEffect)(function(){if(!e.equal(t,s.current.color)){var n=e.toHsva(t);s.current={hsva:n,color:t},o(n)}},[t,e]),(0,b.useEffect)(function(){var t;V(a,s.current.hsva)||e.equal(t=e.fromHsva(a),s.current.color)||(s.current={hsva:a,color:t},r(t))},[a,e,r]),[a,(0,b.useCallback)(function(e){o(function(t){return Object.assign({},t,e)})},[])]}var y,b,oe,x,se,S,C,w,T,E,D,ce,le,O,k,A,j,ue,de,M,fe,pe,me,he,N,P,F,I,ge,L,_e,R,z,B,V,H,ve,ye,be,xe,U,W,Se,Ce,we,Te,G,Ee,De,Oe,ke,Ae,je,Me,Ne,K,Pe,Fe,Ie,q,J,Le,Re,ze,Y,Be,Ve,X,Z,He,Ue,We,Q,Ge,Ke,$,qe,Je,Ye;t((()=>{p(),u(),y=e(o(),1),a(),d(),b=e(o(),1),s(),oe=l({"../../../node_modules/color-name/index.js"(e,t){t.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}}}),x=l({"../../../node_modules/color-convert/conversions.js"(e,t){var n=oe(),r={};for(let e of Object.keys(n))r[n[e]]=e;var i={rgb:{channels:3,labels:`rgb`},hsl:{channels:3,labels:`hsl`},hsv:{channels:3,labels:`hsv`},hwb:{channels:3,labels:`hwb`},cmyk:{channels:4,labels:`cmyk`},xyz:{channels:3,labels:`xyz`},lab:{channels:3,labels:`lab`},lch:{channels:3,labels:`lch`},hex:{channels:1,labels:[`hex`]},keyword:{channels:1,labels:[`keyword`]},ansi16:{channels:1,labels:[`ansi16`]},ansi256:{channels:1,labels:[`ansi256`]},hcg:{channels:3,labels:[`h`,`c`,`g`]},apple:{channels:3,labels:[`r16`,`g16`,`b16`]},gray:{channels:1,labels:[`gray`]}};t.exports=i;for(let e of Object.keys(i)){if(!(`channels`in i[e]))throw Error(`missing channels property: `+e);if(!(`labels`in i[e]))throw Error(`missing channel labels property: `+e);if(i[e].labels.length!==i[e].channels)throw Error(`channel and label counts mismatch: `+e);let{channels:t,labels:n}=i[e];delete i[e].channels,delete i[e].labels,Object.defineProperty(i[e],`channels`,{value:t}),Object.defineProperty(i[e],`labels`,{value:n})}i.rgb.hsl=function(e){let t=e[0]/255,n=e[1]/255,r=e[2]/255,i=Math.min(t,n,r),a=Math.max(t,n,r),o=a-i,s,c;a===i?s=0:t===a?s=(n-r)/o:n===a?s=2+(r-t)/o:r===a&&(s=4+(t-n)/o),s=Math.min(s*60,360),s<0&&(s+=360);let l=(i+a)/2;return c=a===i?0:l<=.5?o/(a+i):o/(2-a-i),[s,c*100,l*100]},i.rgb.hsv=function(e){let t,n,r,i,a,o=e[0]/255,s=e[1]/255,c=e[2]/255,l=Math.max(o,s,c),u=l-Math.min(o,s,c),d=function(e){return(l-e)/6/u+1/2};return u===0?(i=0,a=0):(a=u/l,t=d(o),n=d(s),r=d(c),o===l?i=r-n:s===l?i=1/3+t-r:c===l&&(i=2/3+n-t),i<0?i+=1:i>1&&--i),[i*360,a*100,l*100]},i.rgb.hwb=function(e){let t=e[0],n=e[1],r=e[2],a=i.rgb.hsl(e)[0],o=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[a,o*100,r*100]},i.rgb.cmyk=function(e){let t=e[0]/255,n=e[1]/255,r=e[2]/255,i=Math.min(1-t,1-n,1-r),a=(1-t-i)/(1-i)||0,o=(1-n-i)/(1-i)||0,s=(1-r-i)/(1-i)||0;return[a*100,o*100,s*100,i*100]};function a(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}i.rgb.keyword=function(e){let t=r[e];if(t)return t;let i=1/0,o;for(let t of Object.keys(n)){let r=n[t],s=a(e,r);s<i&&(i=s,o=t)}return o},i.keyword.rgb=function(e){return n[e]},i.rgb.xyz=function(e){let t=e[0]/255,n=e[1]/255,r=e[2]/255;t=t>.04045?((t+.055)/1.055)**2.4:t/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;let i=t*.4124+n*.3576+r*.1805,a=t*.2126+n*.7152+r*.0722,o=t*.0193+n*.1192+r*.9505;return[i*100,a*100,o*100]},i.rgb.lab=function(e){let t=i.rgb.xyz(e),n=t[0],r=t[1],a=t[2];return n/=95.047,r/=100,a/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,a=a>.008856?a**(1/3):7.787*a+16/116,[116*r-16,500*(n-r),200*(r-a)]},i.hsl.rgb=function(e){let t=e[0]/360,n=e[1]/100,r=e[2]/100,i,a,o;if(n===0)return o=r*255,[o,o,o];i=r<.5?r*(1+n):r+n-r*n;let s=2*r-i,c=[0,0,0];for(let e=0;e<3;e++)a=t+1/3*-(e-1),a<0&&a++,a>1&&a--,o=6*a<1?s+(i-s)*6*a:2*a<1?i:3*a<2?s+(i-s)*(2/3-a)*6:s,c[e]=o*255;return c},i.hsl.hsv=function(e){let t=e[0],n=e[1]/100,r=e[2]/100,i=n,a=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,i*=a<=1?a:2-a;let o=(r+n)/2;return[t,(r===0?2*i/(a+i):2*n/(r+n))*100,o*100]},i.hsv.rgb=function(e){let t=e[0]/60,n=e[1]/100,r=e[2]/100,i=Math.floor(t)%6,a=t-Math.floor(t),o=255*r*(1-n),s=255*r*(1-n*a),c=255*r*(1-n*(1-a));switch(r*=255,i){case 0:return[r,c,o];case 1:return[s,r,o];case 2:return[o,r,c];case 3:return[o,s,r];case 4:return[c,o,r];case 5:return[r,o,s]}},i.hsv.hsl=function(e){let t=e[0],n=e[1]/100,r=e[2]/100,i=Math.max(r,.01),a,o;o=(2-n)*r;let s=(2-n)*i;return a=n*i,a/=s<=1?s:2-s,a||=0,o/=2,[t,a*100,o*100]},i.hwb.rgb=function(e){let t=e[0]/360,n=e[1]/100,r=e[2]/100,i=n+r,a;i>1&&(n/=i,r/=i);let o=Math.floor(6*t),s=1-r;a=6*t-o,o&1&&(a=1-a);let c=n+a*(s-n),l,u,d;switch(o){default:case 6:case 0:l=s,u=c,d=n;break;case 1:l=c,u=s,d=n;break;case 2:l=n,u=s,d=c;break;case 3:l=n,u=c,d=s;break;case 4:l=c,u=n,d=s;break;case 5:l=s,u=n,d=c;break}return[l*255,u*255,d*255]},i.cmyk.rgb=function(e){let t=e[0]/100,n=e[1]/100,r=e[2]/100,i=e[3]/100,a=1-Math.min(1,t*(1-i)+i),o=1-Math.min(1,n*(1-i)+i),s=1-Math.min(1,r*(1-i)+i);return[a*255,o*255,s*255]},i.xyz.rgb=function(e){let t=e[0]/100,n=e[1]/100,r=e[2]/100,i,a,o;return i=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,o=t*.0557+n*-.204+r*1.057,i=i>.0031308?1.055*i**(1/2.4)-.055:i*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,i=Math.min(Math.max(0,i),1),a=Math.min(Math.max(0,a),1),o=Math.min(Math.max(0,o),1),[i*255,a*255,o*255]},i.xyz.lab=function(e){let t=e[0],n=e[1],r=e[2];return t/=95.047,n/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,[116*n-16,500*(t-n),200*(n-r)]},i.lab.xyz=function(e){let t=e[0],n=e[1],r=e[2],i,a,o;a=(t+16)/116,i=n/500+a,o=a-r/200;let s=a**3,c=i**3,l=o**3;return a=s>.008856?s:(a-16/116)/7.787,i=c>.008856?c:(i-16/116)/7.787,o=l>.008856?l:(o-16/116)/7.787,i*=95.047,a*=100,o*=108.883,[i,a,o]},i.lab.lch=function(e){let t=e[0],n=e[1],r=e[2],i;return i=Math.atan2(r,n)*360/2/Math.PI,i<0&&(i+=360),[t,Math.sqrt(n*n+r*r),i]},i.lch.lab=function(e){let t=e[0],n=e[1],r=e[2]/360*2*Math.PI;return[t,n*Math.cos(r),n*Math.sin(r)]},i.rgb.ansi16=function(e,t=null){let[n,r,a]=e,o=t===null?i.rgb.hsv(e)[2]:t;if(o=Math.round(o/50),o===0)return 30;let s=30+(Math.round(a/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return o===2&&(s+=60),s},i.hsv.ansi16=function(e){return i.rgb.ansi16(i.hsv.rgb(e),e[2])},i.rgb.ansi256=function(e){let t=e[0],n=e[1],r=e[2];return t===n&&n===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5)},i.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];let n=(~~(e>50)+1)*.5;return[(t&1)*n*255,(t>>1&1)*n*255,(t>>2&1)*n*255]},i.ansi256.rgb=function(e){if(e>=232){let t=(e-232)*10+8;return[t,t,t]}e-=16;let t;return[Math.floor(e/36)/5*255,Math.floor((t=e%36)/6)/5*255,t%6/5*255]},i.rgb.hex=function(e){let t=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return`000000`.substring(t.length)+t},i.hex.rgb=function(e){let t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let n=t[0];t[0].length===3&&(n=n.split(``).map(e=>e+e).join(``));let r=parseInt(n,16);return[r>>16&255,r>>8&255,r&255]},i.rgb.hcg=function(e){let t=e[0]/255,n=e[1]/255,r=e[2]/255,i=Math.max(Math.max(t,n),r),a=Math.min(Math.min(t,n),r),o=i-a,s,c;return s=o<1?a/(1-o):0,c=o<=0?0:i===t?(n-r)/o%6:i===n?2+(r-t)/o:4+(t-n)/o,c/=6,c%=1,[c*360,o*100,s*100]},i.hsl.hcg=function(e){let t=e[1]/100,n=e[2]/100,r=n<.5?2*t*n:2*t*(1-n),i=0;return r<1&&(i=(n-.5*r)/(1-r)),[e[0],r*100,i*100]},i.hsv.hcg=function(e){let t=e[1]/100,n=e[2]/100,r=t*n,i=0;return r<1&&(i=(n-r)/(1-r)),[e[0],r*100,i*100]},i.hcg.rgb=function(e){let t=e[0]/360,n=e[1]/100,r=e[2]/100;if(n===0)return[r*255,r*255,r*255];let i=[0,0,0],a=t%1*6,o=a%1,s=1-o,c=0;switch(Math.floor(a)){case 0:i[0]=1,i[1]=o,i[2]=0;break;case 1:i[0]=s,i[1]=1,i[2]=0;break;case 2:i[0]=0,i[1]=1,i[2]=o;break;case 3:i[0]=0,i[1]=s,i[2]=1;break;case 4:i[0]=o,i[1]=0,i[2]=1;break;default:i[0]=1,i[1]=0,i[2]=s}return c=(1-n)*r,[(n*i[0]+c)*255,(n*i[1]+c)*255,(n*i[2]+c)*255]},i.hcg.hsv=function(e){let t=e[1]/100,n=t+e[2]/100*(1-t),r=0;return n>0&&(r=t/n),[e[0],r*100,n*100]},i.hcg.hsl=function(e){let t=e[1]/100,n=e[2]/100*(1-t)+.5*t,r=0;return n>0&&n<.5?r=t/(2*n):n>=.5&&n<1&&(r=t/(2*(1-n))),[e[0],r*100,n*100]},i.hcg.hwb=function(e){let t=e[1]/100,n=t+e[2]/100*(1-t);return[e[0],(n-t)*100,(1-n)*100]},i.hwb.hcg=function(e){let t=e[1]/100,n=1-e[2]/100,r=n-t,i=0;return r<1&&(i=(n-r)/(1-r)),[e[0],r*100,i*100]},i.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]},i.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]},i.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]},i.gray.hsl=function(e){return[0,0,e[0]]},i.gray.hsv=i.gray.hsl,i.gray.hwb=function(e){return[0,100,e[0]]},i.gray.cmyk=function(e){return[0,0,0,e[0]]},i.gray.lab=function(e){return[e[0],0,0]},i.gray.hex=function(e){let t=Math.round(e[0]/100*255)&255,n=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return`000000`.substring(n.length)+n},i.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]}}}),se=l({"../../../node_modules/color-convert/route.js"(e,t){var n=x();function r(){let e={},t=Object.keys(n);for(let n=t.length,r=0;r<n;r++)e[t[r]]={distance:-1,parent:null};return e}function i(e){let t=r(),i=[e];for(t[e].distance=0;i.length;){let e=i.pop(),r=Object.keys(n[e]);for(let n=r.length,a=0;a<n;a++){let n=r[a],o=t[n];o.distance===-1&&(o.distance=t[e].distance+1,o.parent=e,i.unshift(n))}}return t}function a(e,t){return function(n){return t(e(n))}}function o(e,t){let r=[t[e].parent,e],i=n[t[e].parent][e],o=t[e].parent;for(;t[o].parent;)r.unshift(t[o].parent),i=a(n[t[o].parent][o],i),o=t[o].parent;return i.conversion=r,i}t.exports=function(e){let t=i(e),n={},r=Object.keys(t);for(let e=r.length,i=0;i<e;i++){let e=r[i];t[e].parent!==null&&(n[e]=o(e,t))}return n}}}),S=m(l({"../../../node_modules/color-convert/index.js"(e,t){var n=x(),r=se(),i={},a=Object.keys(n);function o(e){let t=function(...t){let n=t[0];return n==null?n:(n.length>1&&(t=n),e(t))};return`conversion`in e&&(t.conversion=e.conversion),t}function s(e){let t=function(...t){let n=t[0];if(n==null)return n;n.length>1&&(t=n);let r=e(t);if(typeof r==`object`)for(let e=r.length,t=0;t<e;t++)r[t]=Math.round(r[t]);return r};return`conversion`in e&&(t.conversion=e.conversion),t}a.forEach(e=>{i[e]={},Object.defineProperty(i[e],`channels`,{value:n[e].channels}),Object.defineProperty(i[e],`labels`,{value:n[e].labels});let t=r(e);Object.keys(t).forEach(n=>{let r=t[n];i[e][n]=s(r),i[e][n].raw=o(r)})}),t.exports=i}})(),1),C=Symbol(`partial.placeholder`),ne.placeholder=C,w=Symbol(`partialRight.placeholder`),re.placeholder=w,T=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e<t?t:e},E=function(e){return`touches`in e},D=function(e){return e&&e.ownerDocument.defaultView||self},ce=function(e,t,n){var r=e.getBoundingClientRect(),i=E(t)?(function(e,t){for(var n=0;n<e.length;n++)if(e[n].identifier===t)return e[n];return e[0]})(t.touches,n):t;return{left:T((i.pageX-(r.left+D(e).pageXOffset))/r.width),top:T((i.pageY-(r.top+D(e).pageYOffset))/r.height)}},le=function(e){!E(e)&&e.preventDefault()},O=b.memo(function(e){var t=e.onMove,n=e.onKey,r=_(e,[`onMove`,`onKey`]),i=(0,b.useRef)(null),a=v(t),o=v(n),s=(0,b.useRef)(null),c=(0,b.useRef)(!1),l=(0,b.useMemo)(function(){var e=function(e){le(e),(E(e)?e.touches.length>0:e.buttons>0)&&i.current?a(ce(i.current,e,s.current)):n(!1)},t=function(){return n(!1)};function n(n){var r=c.current,a=D(i.current),o=n?a.addEventListener:a.removeEventListener;o(r?`touchmove`:`mousemove`,e),o(r?`touchend`:`mouseup`,t)}return[function(e){var t=e.nativeEvent,r=i.current;if(r&&(le(t),!(function(e,t){return t&&!E(e)})(t,c.current)&&r)){if(E(t)){c.current=!0;var o=t.changedTouches||[];o.length&&(s.current=o[0].identifier)}r.focus(),a(ce(r,t,s.current)),n(!0)}},function(e){var t=e.which||e.keyCode;t<37||t>40||(e.preventDefault(),o({left:t===39?.05:t===37?-.05:0,top:t===40?.05:t===38?-.05:0}))},n]},[o,a]),u=l[0],d=l[1],f=l[2];return(0,b.useEffect)(function(){return f},[f]),b.createElement(`div`,g({},r,{onTouchStart:u,onMouseDown:u,className:`react-colorful__interactive`,ref:i,onKeyDown:d,tabIndex:0,role:`slider`}))}),k=function(e){return e.filter(Boolean).join(` `)},A=function(e){var t=e.color,n=e.left,r=e.top,i=r===void 0?.5:r,a=k([`react-colorful__pointer`,e.className]);return b.createElement(`div`,{className:a,style:{top:100*i+`%`,left:100*n+`%`}},b.createElement(`div`,{className:`react-colorful__pointer-fill`,style:{backgroundColor:t}}))},j=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=10**t),Math.round(n*e)/n},ue={grad:.9,turn:360,rad:360/(2*Math.PI)},de=function(e){return R(M(e))},M=function(e){return e[0]===`#`&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?j(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?j(parseInt(e.substring(6,8),16)/255,2):1}},fe=function(e,t){return t===void 0&&(t=`deg`),Number(e)*(ue[t]||1)},pe=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?me({h:fe(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}},me=function(e){var t=e.s,n=e.l;return{h:e.h,s:(t*=(n<50?n:100-n)/100)>0?2*t/(n+t)*100:0,v:n+t,a:e.a}},he=function(e){return _e(I(e))},N=function(e){var t=e.s,n=e.v,r=e.a,i=(200-t)*n/100;return{h:j(e.h),s:j(i>0&&i<200?t*n/100/(i<=100?i:200-i)*100:0),l:j(i/2),a:j(r,2)}},P=function(e){var t=N(e);return`hsl(`+t.h+`, `+t.s+`%, `+t.l+`%)`},F=function(e){var t=N(e);return`hsla(`+t.h+`, `+t.s+`%, `+t.l+`%, `+t.a+`)`},I=function(e){var t=e.h,n=e.s,r=e.v,i=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),o=r*(1-n),s=r*(1-(t-a)*n),c=r*(1-(1-t+a)*n),l=a%6;return{r:j(255*[r,s,o,o,c,r][l]),g:j(255*[c,r,r,s,o,o][l]),b:j(255*[o,o,c,r,r,s][l]),a:j(i,2)}},ge=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?R({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}},L=function(e){var t=e.toString(16);return t.length<2?`0`+t:t},_e=function(e){var t=e.r,n=e.g,r=e.b,i=e.a,a=i<1?L(j(255*i)):``;return`#`+L(t)+L(n)+L(r)+a},R=function(e){var t=e.r,n=e.g,r=e.b,i=e.a,a=Math.max(t,n,r),o=a-Math.min(t,n,r),s=o?a===t?(n-r)/o:a===n?2+(r-t)/o:4+(t-n)/o:0;return{h:j(60*(s<0?s+6:s)),s:j(a?o/a*100:0),v:j(a/255*100),a:i}},z=b.memo(function(e){var t=e.hue,n=e.onChange,r=k([`react-colorful__hue`,e.className]);return b.createElement(`div`,{className:r},b.createElement(O,{onMove:function(e){n({h:360*e.left})},onKey:function(e){n({h:T(t+360*e.left,0,360)})},"aria-label":`Hue`,"aria-valuenow":j(t),"aria-valuemax":`360`,"aria-valuemin":`0`},b.createElement(A,{className:`react-colorful__hue-pointer`,left:t/360,color:P({h:t,s:100,v:100,a:1})})))}),B=b.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:P({h:t.h,s:100,v:100,a:1})};return b.createElement(`div`,{className:`react-colorful__saturation`,style:r},b.createElement(O,{onMove:function(e){n({s:100*e.left,v:100-100*e.top})},onKey:function(e){n({s:T(t.s+100*e.left,0,100),v:T(t.v-100*e.top,0,100)})},"aria-label":`Color`,"aria-valuetext":`Saturation `+j(t.s)+`%, Brightness `+j(t.v)+`%`},b.createElement(A,{className:`react-colorful__saturation-pointer`,top:1-t.v/100,left:t.s/100,color:P(t)})))}),V=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},H=function(e,t){return e.replace(/\s/g,``)===t.replace(/\s/g,``)},ve=function(e,t){return e.toLowerCase()===t.toLowerCase()||V(M(e),M(t))},be=typeof window<`u`?b.useLayoutEffect:b.useEffect,xe=function(){return ye||(typeof __webpack_nonce__<`u`?__webpack_nonce__:void 0)},U=new Map,W=function(e){be(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!U.has(t)){var n=t.createElement(`style`);n.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,U.set(t,n);var r=xe();r&&n.setAttribute(`nonce`,r),t.head.appendChild(n)}},[])},Se=function(e){var t=e.className,n=e.colorModel,r=e.color,i=r===void 0?n.defaultColor:r,a=e.onChange,o=_(e,[`className`,`colorModel`,`color`,`onChange`]),s=(0,b.useRef)(null);W(s);var c=ae(n,i,a),l=c[0],u=c[1],d=k([`react-colorful`,t]);return b.createElement(`div`,g({},o,{ref:s,className:d}),b.createElement(B,{hsva:l,onChange:u}),b.createElement(z,{hue:l.h,onChange:u,className:`react-colorful__last-control`}))},Ce={defaultColor:`000`,toHsva:de,fromHsva:function(e){return he({h:e.h,s:e.s,v:e.v,a:1})},equal:ve},we=function(e){return b.createElement(Se,g({},e,{colorModel:Ce}))},Te=function(e){var t=e.className,n=e.hsva,r=e.onChange,i={backgroundImage:`linear-gradient(90deg, `+F(Object.assign({},n,{a:0}))+`, `+F(Object.assign({},n,{a:1}))+`)`},a=k([`react-colorful__alpha`,t]),o=j(100*n.a);return b.createElement(`div`,{className:a},b.createElement(`div`,{className:`react-colorful__alpha-gradient`,style:i}),b.createElement(O,{onMove:function(e){r({a:e.left})},onKey:function(e){r({a:T(n.a+e.left)})},"aria-label":`Alpha`,"aria-valuetext":o+`%`,"aria-valuenow":o,"aria-valuemin":`0`,"aria-valuemax":`100`},b.createElement(A,{className:`react-colorful__alpha-pointer`,left:n.a,color:F(n)})))},G=function(e){var t=e.className,n=e.colorModel,r=e.color,i=r===void 0?n.defaultColor:r,a=e.onChange,o=_(e,[`className`,`colorModel`,`color`,`onChange`]),s=(0,b.useRef)(null);W(s);var c=ae(n,i,a),l=c[0],u=c[1],d=k([`react-colorful`,t]);return b.createElement(`div`,g({},o,{ref:s,className:d}),b.createElement(B,{hsva:l,onChange:u}),b.createElement(z,{hue:l.h,onChange:u}),b.createElement(Te,{hsva:l,onChange:u,className:`react-colorful__last-control`}))},Ee={defaultColor:`hsla(0, 0%, 0%, 1)`,toHsva:pe,fromHsva:F,equal:H},De=function(e){return b.createElement(G,g({},e,{colorModel:Ee}))},Oe={defaultColor:`rgba(0, 0, 0, 1)`,toHsva:ge,fromHsva:function(e){var t=I(e);return`rgba(`+t.r+`, `+t.g+`, `+t.b+`, `+t.a+`)`},equal:H},ke=function(e){return b.createElement(G,g({},e,{colorModel:Oe}))},Ae=c.div({position:`relative`,maxWidth:250}),je=c.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:`4px 4px 0 0`},".react-colorful__hue":{boxShadow:`inset 0 0 0 1px rgb(0 0 0 / 5%)`},".react-colorful__last-control":{borderRadius:`0 0 4px 4px`}}),Me=c.div({display:`grid`,gridTemplateColumns:`repeat(9, 16px)`,gap:6,padding:3,marginTop:5,width:200}),Ne=e=>`url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity="0.05" fill="${e?`white`:`black`}"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`,K=c(n)(({value:e,selected:t,theme:n})=>({width:16,height:16,boxShadow:t?`${n.appBorderColor} 0 0 0 1px inset, ${n.textMutedColor}50 0 0 0 4px`:`${n.appBorderColor} 0 0 0 1px inset`,border:`none`,borderRadius:n.appBorderRadius,"&, &:hover":{background:`unset`,backgroundColor:`unset`,backgroundImage:`linear-gradient(${e}, ${e}), ${Ne(n.base===`dark`)}`}})),Pe=c(r.Input)(({theme:e})=>({width:`100%`,paddingLeft:30,paddingRight:30,boxSizing:`border-box`,fontFamily:e.typography.fonts.base,'[aria-readonly="true"] > &':{background:e.base===`light`?e.color.lighter:`transparent`}})),Fe=c(K)(({disabled:e})=>({position:`absolute`,top:4,left:4,zIndex:1,cursor:e?`not-allowed`:`pointer`})),Ie=c(n)(({theme:e})=>({position:`absolute`,zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:`border-box`,cursor:`pointer`,color:e.input.color})),q=(e=>(e.RGB=`rgb`,e.HSL=`hsl`,e.HEX=`hex`,e))(q||{}),J=Object.values(q),Le=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Re=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,ze=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,Y=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Be=/^\s*#?([0-9a-f]{3})\s*$/i,Ve={hex:we,rgb:ke,hsl:De},X={hex:`transparent`,rgb:`rgba(0, 0, 0, 0)`,hsl:`hsla(0, 0%, 0%, 0)`},Z=e=>{let t=e?.match(Le);if(!t)return[0,0,0,1];let[,n,r,i,a=1]=t;return[n,r,i,a].map(Number)},He=e=>{let[t,n,r,i]=Z(e),[a,o,s]=S.default.rgb.hsl([t,n,r])||[0,0,0];return{valid:!0,value:e,keyword:S.default.rgb.keyword([t,n,r]),colorSpace:`rgb`,rgb:e,hsl:`hsla(${a}, ${o}%, ${s}%, ${i})`,hex:`#${S.default.rgb.hex([t,n,r]).toLowerCase()}`}},Ue=e=>{let[t,n,r,i]=Z(e),[a,o,s]=S.default.hsl.rgb([t,n,r])||[0,0,0];return{valid:!0,value:e,keyword:S.default.hsl.keyword([t,n,r]),colorSpace:`hsl`,rgb:`rgba(${a}, ${o}, ${s}, ${i})`,hsl:e,hex:`#${S.default.hsl.hex([t,n,r]).toLowerCase()}`}},We=e=>{let t=e.replace(`#`,``),n=S.default.keyword.rgb(t)||S.default.hex.rgb(t),r=S.default.rgb.hsl(n),i=e;/[^#a-f0-9]/i.test(e)?i=t:Y.test(e)&&(i=`#${t}`);let a=!0;if(i.startsWith(`#`))a=Y.test(i);else try{S.default.keyword.hex(i)}catch{a=!1}return{valid:a,value:i,keyword:S.default.rgb.keyword(n),colorSpace:`hex`,rgb:`rgba(${n[0]}, ${n[1]}, ${n[2]}, 1)`,hsl:`hsla(${r[0]}, ${r[1]}%, ${r[2]}%, 1)`,hex:i}},Q=e=>{if(e)return Re.test(e)?He(e):ze.test(e)?Ue(e):We(e)},Ge=(e,t,n)=>{if(!e||!t?.valid)return X[n];if(n!==`hex`)return t?.[n]||X[n];if(!t.hex.startsWith(`#`))try{return`#${S.default.keyword.hex(t.hex)}`}catch{return X.hex}let r=t.hex.match(Be);if(!r)return Y.test(t.hex)?t.hex:X.hex;let[i,a,o]=r[1].split(``);return`#${i}${i}${a}${a}${o}${o}`},Ke=(e,t)=>{let[n,r]=(0,y.useState)(e||``),[i,a]=(0,y.useState)(()=>Q(n)),[o,s]=(0,y.useState)(i?.colorSpace||`hex`);return(0,y.useEffect)(()=>{let t=e||``,n=Q(t);r(t),a(n),s(n?.colorSpace||`hex`)},[e]),{value:n,realValue:(0,y.useMemo)(()=>Ge(n,i,o).toLowerCase(),[n,i,o]),updateValue:(0,y.useCallback)(e=>{let n=Q(e),i=n?.value||e||``;r(i),i===``&&(a(void 0),t(void 0)),n&&(a(n),s(n.colorSpace),t(n.value))},[t]),color:i,colorSpace:o,cycleColorSpace:(0,y.useCallback)(()=>{let e=J[(J.indexOf(o)+1)%J.length];s(e);let n=i?.[e]||``;r(n),t(n)},[i,o,t])}},$=e=>e.replace(/\s*/,``).toLowerCase(),qe=(e,t,n)=>{let[r,i]=(0,y.useState)(t?.valid?[t]:[]);(0,y.useEffect)(()=>{t===void 0&&i([])},[t]);let a=(0,y.useMemo)(()=>(e||[]).map(e=>typeof e==`string`?Q(e):e.title?{...Q(e.color),keyword:e.title}:Q(e.color)).concat(r).filter(Boolean).slice(-27),[e,r]);return{presets:a,addPreset:(0,y.useCallback)(e=>{e?.valid&&(a.some(t=>t&&t[n]&&$(t[n]||``)===$(e[n]||``))||i(t=>t.concat(e)))},[n,a])}},Je=({name:e,value:t,onChange:n,onFocus:r,onBlur:a,presetColors:o,startOpen:s=!1,argType:c})=>{let{value:l,realValue:u,updateValue:d,color:p,colorSpace:m,cycleColorSpace:ne}=Ke(t,(0,y.useCallback)(te(n,200),[n])),{presets:h,addPreset:re}=qe(o??[],p,m),ie=Ve[m],g=!!c?.table?.readonly,_=f(e);return y.createElement(Ae,null,y.createElement(`label`,{htmlFor:_,className:`sb-sr-only`},e),y.createElement(Pe,{id:_,value:l,onChange:e=>d(e.target.value),onFocus:e=>e.target.select(),readOnly:g,placeholder:`Choose color...`}),y.createElement(i,{defaultVisible:s,visible:g?!1:void 0,onVisibleChange:()=>p&&re(p),popover:y.createElement(je,null,y.createElement(ie,{color:u===`transparent`?`#000000`:u,onChange:d,onFocus:r,onBlur:a}),h.length>0&&y.createElement(Me,null,h.map((e,t)=>y.createElement(K,{key:`${e?.value||t}-${t}`,variant:`ghost`,padding:`small`,size:`small`,ariaLabel:`Pick this color`,tooltip:e?.keyword||e?.value||``,value:e?.value||``,selected:!!(p&&e&&e[m]&&$(e[m]||``)===$(p[m])),onClick:()=>e&&d(e.value||``)}))))},y.createElement(Fe,{variant:`ghost`,padding:`small`,size:`small`,ariaLabel:`Open color picker`,value:u,style:{margin:4},disabled:g})),l?y.createElement(Ie,{variant:`ghost`,padding:`small`,size:`small`,ariaLabel:`Cycle through color spaces`,disabled:g,onClick:g?void 0:ne},y.createElement(ee,null)):null)},Ye=Je}))();export{Je as ColorControl,Ye as default};

package/dist/assets/{ComposingDialogs.stories-DwVqal9K.js → ComposingDialogs.stories-BSCyTSJL.js}

@@ -1,5 +1,5 @@
-import{r as c,j as a}from"./iframe-B_74HtSc.js";import{B as f}from"./Button-C0Um_QuO.js";import{D as m}from"./Dialog-CJQmu6iz.js";import{A as r}from"./AlertDialog-B5rRXSxb.js";import"./preload-helper-Dp1pzeXC.js";import"./render-icon-MT6RlyNs.js";import"./ButtonBase-HkSfLFbE.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./Spinner-8-RB4YZR.js";import"./useMergeRefs-Caz9hOck.js";import"./useHostname-CbpnzdHv.js";import"./index-CC6DAVyL.js";import"./componentNames-hc9KR2nX.js";import"./DialogCloseButton-D5YliaRd.js";import"./useOpenInteractionType-D3sASQWj.js";import"./store-B0wM9Zg8.js";import"./index-DIqvfT2b.js";import"./TokyoUIClose-BfMyMrDa.js";import"./IconButton-BpjNyYgD.js";import"./shared-strings-ThL9KyH0.js";import"./Heading-Cj8Si45g.js";import"./text-accent-BQ9POoE5.js";import"./text-centered-BEaaxMgl.js";const{userEvent:l,expect:i,within:T,waitFor:g}=__STORYBOOK_MODULE_TEST__,z={title:"Guides/Composing Dialogs",parameters:{preventIframeFromScrollingParent:!0,layout:"fullscreen",docs:{story:{inline:!1,height:400},description:{component:`Dialogs are interactable in the same exact order they are shown, regardless of which are
-dismissable or not.`}}}},d={render:function(){const[n,t]=c.useState(!1),[e,o]=c.useState(!1),[u,s]=c.useState(!1),[h,D]=c.useState(!1);return a.jsxs(a.Fragment,{children:[a.jsx(f,{onClick:()=>{t(!0),setTimeout(()=>o(!0),100),setTimeout(()=>s(!0),200),setTimeout(()=>D(!0),300)},children:"Open the nested dialogs"}),a.jsx(m,{open:n,onClose:()=>t(!1),title:"Dialog 1",description:void 0,leadingElement:void 0,dataset:{testid:"dialog-1"},children:"Lorem ipsum"}),a.jsxs(r,{open:e,title:"Dialog 2",description:void 0,dataset:{testid:"dialog-2"},children:["Lorem ipsum",a.jsx(r.Cancel,{variant:"tertiary",onClick:()=>o(!1),children:"Close dialog 2"})]}),a.jsx(m,{open:u,onClose:()=>s(!1),title:"Dialog 3",description:void 0,leadingElement:void 0,dataset:{testid:"dialog-3"},children:"Lorem ipsum"}),a.jsxs(r,{open:h,title:"Dialog 4",description:void 0,dataset:{testid:"dialog-4"},children:["Lorem ipsum",a.jsx(r.Cancel,{variant:"tertiary",onClick:()=>D(!1),children:"Close dialog 4"})]})]})},async play({canvasElement:p,step:n}){const t=T(p);await n("Show the dialogs",async()=>{const e=t.getByRole("button",{name:/Open the nested dialogs/});await l.click(e)}),await n("Wait for all the dialogs to be rendered",async()=>{const e=await t.findByText("Dialog 1");i(e).toBeInTheDocument();const o=await t.findByText("Dialog 2");i(o).toBeInTheDocument();const u=await t.findByText("Dialog 3");i(u).toBeInTheDocument();const s=await t.findByText("Dialog 4");i(s).toBeInTheDocument()}),await n("Close dialog 4",async()=>{const e=t.getByRole("button",{name:/Close dialog 4/});await l.click(e),await g(async()=>{const o=await t.queryByText(/Dialog 4/i);await i(o).not.toBeInTheDocument()})}),await n("Close dialog 3",async()=>{const e=t.getByTestId("dialog-3").querySelector("button");if(!e)throw new Error("Dialog 3 close button not found");await l.click(e),await g(async()=>{const o=await t.queryByText(/Dialog 3/i);await i(o).not.toBeInTheDocument()})}),await n("Close dialog 2",async()=>{const e=t.getByRole("button",{name:/Close dialog 2/});await l.click(e),await g(async()=>{const o=await t.queryByText(/Dialog 2/i);await i(o).not.toBeInTheDocument()})}),await n("Close dialog 1",async()=>{const e=t.getByTestId("dialog-1").querySelector("button");if(!e)throw new Error("Dialog 1 close button not found");await l.click(e),await g(async()=>{const o=await t.queryByText(/Dialog 1/i);await i(o).not.toBeInTheDocument()})}),await n("Show the dialogs",async()=>{const e=t.getByRole("button",{name:/Open the nested dialogs/});await l.click(e)})}};var w,y,B;d.parameters={...d.parameters,docs:{...(w=d.parameters)==null?void 0:w.docs,source:{originalSource:`{
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{t as i}from"./Button-DnVrHohm.js";import{t as a}from"./AlertDialog-D1kj7VoM.js";import{r as o}from"./AlertBannerAction-BSNrnhbi.js";import{t as s}from"./Dialog-DCPUOQU4.js";var c,l,u,d,f,p,m,h,g;t((()=>{c=e(n(),1),o(),l=r(),{userEvent:u,expect:d,within:f,waitFor:p}=__STORYBOOK_MODULE_TEST__,m={title:`Guides/Composing Dialogs`,parameters:{preventIframeFromScrollingParent:!0,layout:`fullscreen`,docs:{story:{inline:!1,height:400},description:{component:`Dialogs are interactable in the same exact order they are shown, regardless of which are
+dismissable or not.`}}}},h={render:function(){let[e,t]=(0,c.useState)(!1),[n,r]=(0,c.useState)(!1),[o,u]=(0,c.useState)(!1),[d,f]=(0,c.useState)(!1);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i,{onClick:()=>{t(!0),setTimeout(()=>r(!0),100),setTimeout(()=>u(!0),200),setTimeout(()=>f(!0),300)},children:`Open the nested dialogs`}),(0,l.jsx)(s,{open:e,onClose:()=>t(!1),title:`Dialog 1`,description:void 0,leadingElement:void 0,dataset:{testid:`dialog-1`},children:`Lorem ipsum`}),(0,l.jsxs)(a,{open:n,title:`Dialog 2`,description:void 0,dataset:{testid:`dialog-2`},children:[`Lorem ipsum`,(0,l.jsx)(a.Cancel,{variant:`tertiary`,onClick:()=>r(!1),children:`Close dialog 2`})]}),(0,l.jsx)(s,{open:o,onClose:()=>u(!1),title:`Dialog 3`,description:void 0,leadingElement:void 0,dataset:{testid:`dialog-3`},children:`Lorem ipsum`}),(0,l.jsxs)(a,{open:d,title:`Dialog 4`,description:void 0,dataset:{testid:`dialog-4`},children:[`Lorem ipsum`,(0,l.jsx)(a.Cancel,{variant:`tertiary`,onClick:()=>f(!1),children:`Close dialog 4`})]})]})},async play({canvasElement:e,step:t}){let n=f(e);await t(`Show the dialogs`,async()=>{let e=n.getByRole(`button`,{name:/Open the nested dialogs/});await u.click(e)}),await t(`Wait for all the dialogs to be rendered`,async()=>{d(await n.findByText(`Dialog 1`)).toBeInTheDocument(),d(await n.findByText(`Dialog 2`)).toBeInTheDocument(),d(await n.findByText(`Dialog 3`)).toBeInTheDocument(),d(await n.findByText(`Dialog 4`)).toBeInTheDocument()}),await t(`Close dialog 4`,async()=>{let e=n.getByRole(`button`,{name:/Close dialog 4/});await u.click(e),await p(async()=>{await d(await n.queryByText(/Dialog 4/i)).not.toBeInTheDocument()})}),await t(`Close dialog 3`,async()=>{let e=n.getByTestId(`dialog-3`).querySelector(`button`);if(!e)throw Error(`Dialog 3 close button not found`);await u.click(e),await p(async()=>{await d(await n.queryByText(/Dialog 3/i)).not.toBeInTheDocument()})}),await t(`Close dialog 2`,async()=>{let e=n.getByRole(`button`,{name:/Close dialog 2/});await u.click(e),await p(async()=>{await d(await n.queryByText(/Dialog 2/i)).not.toBeInTheDocument()})}),await t(`Close dialog 1`,async()=>{let e=n.getByTestId(`dialog-1`).querySelector(`button`);if(!e)throw Error(`Dialog 1 close button not found`);await u.click(e),await p(async()=>{await d(await n.queryByText(/Dialog 1/i)).not.toBeInTheDocument()})}),await t(`Show the dialogs`,async()=>{let e=n.getByRole(`button`,{name:/Open the nested dialogs/});await u.click(e)})}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
   render: function Story() {
     const [openDialog1, setOpenDialog1] = useState(false);
     const [openDialog2, setOpenDialog2] = useState(false);
@@ -108,4 +108,4 @@ dismissable or not.`}}}},d={render:function(){const[n,t]=c.useState(!1),[e,o]=c.
       await userEvent.click(openDialogsButton);
     });
   }
-}`,...(B=(y=d.parameters)==null?void 0:y.docs)==null?void 0:B.source}}};const H=["StackedDialogs"];export{d as StackedDialogs,H as __namedExportsOrder,z as default};
+}`,...h.parameters?.docs?.source}}},g=[`StackedDialogs`]}))();export{h as StackedDialogs,g as __namedExportsOrder,m as default};

package/dist/assets/ComposingPopovers.stories-cp3PAdHA.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{t as r}from"./jsx-runtime-C2wGStra.js";import{t as i}from"./Button-DnVrHohm.js";import{n as a}from"./OnboardingTooltip-D8NhfEzc.js";import{r as o}from"./AlertBannerAction-BSNrnhbi.js";import{t as s}from"./IconButton-CUt4Aks_.js";import{i as c,t as l}from"./DropdownMenu-BUteP_4e.js";import{t as u}from"./Tooltip-IQdlsINh.js";import{n as d,t as f}from"./TokyoUIFav-D3EBPocg.js";var p,m,h,g,_,v,y,b,x,S,C,w,T,E,D,O,k,A,j;t((()=>{p=e(n(),1),o(),d(),m=r(),{expect:h,waitFor:g,userEvent:_,within:v,fireEvent:y,waitForElementToBeRemoved:b}=__STORYBOOK_MODULE_TEST__,x={tooltip:e=>(0,m.jsx)(u,{content:`This is a tooltip`,dataset:{testid:`tooltip`},children:e}),onboardingTooltip:e=>(0,m.jsx)(a,{title:`New Feature Available!`,text:`We've added an exciting new feature to enhance your experience.`,children:e}),dropdownMenu:e=>(0,m.jsx)(l,{trigger:e,children:(0,m.jsx)(c,{label:`Dropdown Menu Item`})})},S={tooltip:async({canvas:e,step:t})=>{let n=await e.findByRole(`button`,{name:`Trigger button`});await t(`focus on the icon button`,async()=>{n.focus(),await g(async()=>{await h(await e.findByTestId(`tooltip`)).toBeVisible()})}),await t(`unfocus the icon button`,async()=>{await _.tab(),await g(async()=>{await h(await e.findByTestId(`tooltip`)).not.toBeInTheDocument()})}),await t(`hover the icon button`,async()=>{await _.hover(n),await g(async()=>{await h(await e.findByTestId(`tooltip`)).toBeVisible()})}),await t(`unhover the icon button`,async()=>{await _.unhover(n),y.pointerMove(document,{clientX:0,clientY:0}),await b(()=>e.queryByTestId(`tooltip`))})},onboardingTooltip:async({canvas:e,step:t})=>{let n=await e.findByRole(`dialog`,{name:`New Feature Available!`});await t(`wait for onboarding tooltip to be visible`,async()=>{await g(async()=>{await h(n).toBeVisible()})}),await t(`click on onboarding tooltip action`,async()=>{await _.click(v(n).getByRole(`button`,{name:`Got it`}))})},dropdownMenu:async({canvas:e,step:t})=>{let n=await e.findByRole(`button`,{name:`Trigger button`});await t(`open dropdown menu `,async()=>{await _.click(n),await g(async()=>{await h(await e.findByRole(`menu`)).toBeVisible()})}),await t(`close dropdown menu`,async()=>{await _.keyboard(`{Escape}`),await g(async()=>{await h(await e.queryByRole(`menu`)).not.toBeInTheDocument()})})}},C=(0,m.jsx)(s,{svg:(0,m.jsx)(f,{}),assistiveText:`Trigger button`}),w={title:`Guides/Composing Popovers`,render:({popovers:e})=>e.reduceRight((e,t)=>t(e),C),argTypes:{popovers:{table:{disable:!0},control:!1}},parameters:{preventIframeFromScrollingParent:!0,layout:`fullscreen`,docs:{story:{inline:!1,height:400},source:{type:`dynamic`},argTypes:{include:[]},description:{component:`In some cases, you might want to use multiple popover-like
+components together with the same target element.
+
+You can do this by wrapping the target element with both components either way.`}},chromatic:{disableSnapshot:!0}},decorators:[e=>{let[t,n]=(0,p.useState)(0);return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`div`,{style:{height:`90vh`,padding:16,position:`relative`,display:`flex`,alignItems:`center`,justifyContent:`center`},children:(0,m.jsx)(e,{},t)}),(0,m.jsx)(`div`,{style:{position:`fixed`,left:0,bottom:0,margin:8},children:(0,m.jsx)(i,{variant:`ghost`,size:`small`,onClick:()=>n(t+1),children:`Reset story`})})]})}],async afterEach({canvas:e}){await _.click(await e.findByRole(`button`,{name:`Reset story`}))}},T={name:`Tooltip with OnboardingTooltip`,args:{popovers:[x.tooltip,x.onboardingTooltip]},async play(e){await S.onboardingTooltip(e),await S.tooltip(e)}},E={name:`OnboardingTooltip with Tooltip`,args:{popovers:[x.onboardingTooltip,x.tooltip]},play:T.play},D={name:`DropdownMenu with Tooltip`,args:{popovers:[x.dropdownMenu,x.tooltip]},async play(e){await S.tooltip(e),await S.dropdownMenu(e)}},O={name:`Tooltip with DropdownMenu`,args:{popovers:[x.tooltip,x.dropdownMenu]},play:D.play},k={name:`DropdownMenu with OnboardingTooltip`,args:{popovers:[x.dropdownMenu,x.onboardingTooltip]},async play(e){await S.onboardingTooltip(e),await S.dropdownMenu(e)}},A={name:`OnboardingTooltip with DropdownMenu`,args:{popovers:[x.onboardingTooltip,x.dropdownMenu]},play:k.play},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
+  name: 'Tooltip with OnboardingTooltip',
+  args: {
+    popovers: [popovers.tooltip, popovers.onboardingTooltip]
+  },
+  async play(ctx) {
+    await tests.onboardingTooltip(ctx);
+    await tests.tooltip(ctx);
+  }
+}`,...T.parameters?.docs?.source}}},E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
+  name: 'OnboardingTooltip with Tooltip',
+  args: {
+    popovers: [popovers.onboardingTooltip, popovers.tooltip]
+  },
+  play: TooltipWithOnboardingTooltip.play
+}`,...E.parameters?.docs?.source}}},D.parameters={...D.parameters,docs:{...D.parameters?.docs,source:{originalSource:`{
+  name: 'DropdownMenu with Tooltip',
+  args: {
+    popovers: [popovers.dropdownMenu, popovers.tooltip]
+  },
+  async play(ctx) {
+    await tests.tooltip(ctx);
+    await tests.dropdownMenu(ctx);
+  }
+}`,...D.parameters?.docs?.source}}},O.parameters={...O.parameters,docs:{...O.parameters?.docs,source:{originalSource:`{
+  name: 'Tooltip with DropdownMenu',
+  args: {
+    popovers: [popovers.tooltip, popovers.dropdownMenu]
+  },
+  play: DropdownMenuWithTooltip.play
+}`,...O.parameters?.docs?.source}}},k.parameters={...k.parameters,docs:{...k.parameters?.docs,source:{originalSource:`{
+  name: 'DropdownMenu with OnboardingTooltip',
+  args: {
+    popovers: [popovers.dropdownMenu, popovers.onboardingTooltip]
+  },
+  async play(ctx) {
+    await tests.onboardingTooltip(ctx);
+    await tests.dropdownMenu(ctx);
+  }
+}`,...k.parameters?.docs?.source}}},A.parameters={...A.parameters,docs:{...A.parameters?.docs,source:{originalSource:`{
+  name: 'OnboardingTooltip with DropdownMenu',
+  args: {
+    popovers: [popovers.onboardingTooltip, popovers.dropdownMenu]
+  },
+  play: DropdownMenuWithOnboardingTooltip.play
+}`,...A.parameters?.docs?.source}}},j=[`TooltipWithOnboardingTooltip`,`OnboardingTooltipWithTooltip`,`DropdownMenuWithTooltip`,`TooltipWithDropdownMenu`,`DropdownMenuWithOnboardingTooltip`,`OnboardingTooltipWithDropdownMenu`]}))();export{k as DropdownMenuWithOnboardingTooltip,D as DropdownMenuWithTooltip,A as OnboardingTooltipWithDropdownMenu,E as OnboardingTooltipWithTooltip,O as TooltipWithDropdownMenu,T as TooltipWithOnboardingTooltip,j as __namedExportsOrder,w as default};

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};