@preply/ds-docs 5.2.0 → 5.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (134) hide show
  1. package/dist/assets/{00.LayoutFlex.stories-CU_PBheh.js → 00.LayoutFlex.stories-DziNsvND.js} +1 -1
  2. package/dist/assets/{00.applications-k4E6Kp9W.js → 00.applications-CfdAX6zp.js} +1 -1
  3. package/dist/assets/{00.favicons.guide-li3I_F6g.js → 00.favicons.guide-TFQ_QGH8.js} +1 -1
  4. package/dist/assets/{00.token-explorer-DPyy8Qse.js → 00.token-explorer-Dih-Pw-i.js} +1 -1
  5. package/dist/assets/{00.using-responsive-props-DvJjPn4l.js → 00.using-responsive-props-CiPSgnLs.js} +1 -1
  6. package/dist/assets/{01.semantic-tokens-BJFCWksP.js → 01.semantic-tokens-BilArNNI.js} +1 -1
  7. package/dist/assets/{01.using-shorthand-props-7TTqmP-1.js → 01.using-shorthand-props-Sbq3I8ie.js} +1 -1
  8. package/dist/assets/{10.Combinations.stories-DSSBuYKH.js → 10.Combinations.stories-BA2P_--4.js} +1 -1
  9. package/dist/assets/{10.fonts.guide-DkLccLAL.js → 10.fonts.guide-6c2twxLe.js} +1 -1
  10. package/dist/assets/{10.ssr-CefkGBfp.js → 10.ssr-DsFrbjyY.js} +1 -1
  11. package/dist/assets/{11.ssr.app-router-Dl5IwciZ.js → 11.ssr.app-router-Bq0XjlUK.js} +1 -1
  12. package/dist/assets/{20.libraries-Df17azd4.js → 20.libraries-DuLqrS-7.js} +1 -1
  13. package/dist/assets/{30.icons.explorer-BcmjbQML.js → 30.icons.explorer-DZ7hOOqz.js} +1 -1
  14. package/dist/assets/{30.storybook-Bj0tQN0r.js → 30.storybook-C6QKDTCh.js} +1 -1
  15. package/dist/assets/{40.illustrations.explorer-DuUnaQJ6.js → 40.illustrations.explorer-CEF2Fc0h.js} +1 -1
  16. package/dist/assets/{90.advanced-DMVmfSdF.js → 90.advanced-DXMNWOcI.js} +1 -1
  17. package/dist/assets/{Accordion-D1vIqcq0.js → Accordion-VvNDKvME.js} +3 -3
  18. package/dist/assets/{Accordion.stories-DRHVlfh4.js → Accordion.stories-D8YFD-5m.js} +1 -1
  19. package/dist/assets/{Accordion.tests.stories-D0LPcnLm.js → Accordion.tests.stories-BMXcHw7d.js} +1 -1
  20. package/dist/assets/{AlertDialog.stories-t7rvOrIt.js → AlertDialog.stories-soyDmIgZ.js} +1 -1
  21. package/dist/assets/{Avatar-pYo4pD9f.js → Avatar-CDcgvepQ.js} +1 -1
  22. package/dist/assets/{Avatar.stories-DW2TYQqg.js → Avatar.stories-Bk7IcP2V.js} +1 -1
  23. package/dist/assets/{AvatarWithStatus.stories-DJHFLq1b.js → AvatarWithStatus.stories-ChuxFeXX.js} +4 -4
  24. package/dist/assets/{Badge.stories-BDgXsOQ3.js → Badge.stories-BlE7-5jC.js} +2 -2
  25. package/dist/assets/{Box.stories-CvBcavQ9.js → Box.stories-D3HsHvGa.js} +1 -1
  26. package/dist/assets/{BubbleCounter.stories-DRndNMcM.js → BubbleCounter.stories-CSP0211x.js} +1 -1
  27. package/dist/assets/{Button-r7N6Ff_n.js → Button-CV3MrNle.js} +2 -2
  28. package/dist/assets/{Button.stories-Cbyv5GRx.js → Button.stories-EH59ZSFw.js} +1 -1
  29. package/dist/assets/{ButtonBase-zwYgfoSw.js → ButtonBase-BpIWpxNP.js} +1 -1
  30. package/dist/assets/{Checkbox.stories-eRtAlYcC.js → Checkbox.stories-CmK5oHX3.js} +1 -1
  31. package/dist/assets/{Chips.stories-BR1h8Ayk.js → Chips.stories-CM5mElYE.js} +1 -1
  32. package/dist/assets/{Color-YHDXOIA2-9NBVO4CO.js → Color-YHDXOIA2-BjHwp_w2.js} +1 -1
  33. package/dist/assets/{ComposingPopovers.stories-CKLHzgB4.js → ComposingPopovers.stories-OVc6plo8.js} +1 -1
  34. package/dist/assets/{CountryFlag-ykx10eak.js → CountryFlag-DeifQHMo.js} +5 -5
  35. package/dist/assets/{CountryFlag.stories-Dsk1y884.js → CountryFlag.stories-8PMPd0Et.js} +1 -1
  36. package/dist/assets/{CountryFlag.test.stories-kaPfZDPu.js → CountryFlag.test.stories-CnmUo893.js} +1 -1
  37. package/dist/assets/{Dialog.stories-BgVBHEFn.js → Dialog.stories-e9MB7jV5.js} +1 -1
  38. package/dist/assets/DismissibleChips-gzmntal_.js +1 -0
  39. package/dist/assets/{DismissibleChips.stories-BDH4JLAT.js → DismissibleChips.stories-Cv9T1z5x.js} +1 -1
  40. package/dist/assets/{Divider-BPgGsji3.js → Divider-nt4GwjWS.js} +1 -1
  41. package/dist/assets/{Divider.stories-D0XhMPpe.js → Divider.stories-DD0t6A5Y.js} +1 -1
  42. package/dist/assets/{DocsRenderer-CFRXHY34-CrRewIwS.js → DocsRenderer-CFRXHY34-CJvyJnri.js} +1 -1
  43. package/dist/assets/{DropdownMenu-BVJcXVVs.js → DropdownMenu-CB-FxkIk.js} +95 -95
  44. package/dist/assets/{DropdownMenu.stories-DDZTqgtd.js → DropdownMenu.stories-DQ9Anz0c.js} +1 -1
  45. package/dist/assets/{FormControl.stories-By_j4CEK.js → FormControl.stories-BuYWW2sc.js} +1 -1
  46. package/dist/assets/{Heading-D-ou4j7h.js → Heading-CTiQg0ko.js} +2 -2
  47. package/dist/assets/{Heading.stories-DBQ5k_Gi.js → Heading.stories-CdaUOFTO.js} +1 -1
  48. package/dist/assets/{Icon-C9LCNP6i.js → Icon-5QESEDp5.js} +1 -1
  49. package/dist/assets/{Icon-RSC-CV1ghZyJ.js → Icon-RSC-CY2tw9Wa.js} +1 -1
  50. package/dist/assets/{Icon.stories-BY7I3NYo.js → Icon.stories-BDsCeC5v.js} +1 -1
  51. package/dist/assets/IconButton-DSKTwXgX.js +8 -0
  52. package/dist/assets/{Input-CkgW02B0.js → Input-CBd7qXZ8.js} +3 -3
  53. package/dist/assets/{IntegrationWithReactHookForm.stories-CBT754Nh.js → IntegrationWithReactHookForm.stories-CAgsKvvy.js} +1 -1
  54. package/dist/assets/{IntlFormattedCurrency.stories-DFu7hp1T.js → IntlFormattedCurrency.stories-a__ae3r7.js} +1 -1
  55. package/dist/assets/{IntlFormattedDateTime.stories-BNffxVaH.js → IntlFormattedDateTime.stories-BhfMf2LB.js} +1 -1
  56. package/dist/assets/{LayoutFlex-CnhOGGxA.js → LayoutFlex--W1D5e-w.js} +1 -1
  57. package/dist/assets/{LayoutFlexItem-BLtc7R2u.js → LayoutFlexItem-ZIv-8Mnt.js} +1 -1
  58. package/dist/assets/{LayoutGrid-CMfLnkDN.js → LayoutGrid-C__NlCjJ.js} +1 -1
  59. package/dist/assets/{LayoutGrid.stories-BeDPVs_l.js → LayoutGrid.stories-D9GOaVZa.js} +1 -1
  60. package/dist/assets/{LayoutGridItem-BTIocUYE.js → LayoutGridItem-BntIYIDx.js} +1 -1
  61. package/dist/assets/{Link-8C9V_O3w.js → Link-CLsuYZJn.js} +1 -1
  62. package/dist/assets/{Link.stories-Bvgdk63v.js → Link.stories-Bm06h16e.js} +1 -1
  63. package/dist/assets/MultiSelectChips-Dmul2me6.js +2 -0
  64. package/dist/assets/{MultiSelectChips.stories-CJG_1hO1.js → MultiSelectChips.stories-BIwP1d4r.js} +1 -1
  65. package/dist/assets/{NumberField-DfV-lQqS.js → NumberField-D5dekhTb.js} +3 -3
  66. package/dist/assets/{NumberField.stories-DcvvImGB.js → NumberField.stories-Bc9Kjkqe.js} +1 -1
  67. package/dist/assets/{ObserveIntersection-BUhLMAXT.js → ObserveIntersection-Br5mb_ve.js} +1 -1
  68. package/dist/assets/{ObserveIntersection.stories-D8LWmltK.js → ObserveIntersection.stories-DTWHq7aC.js} +1 -1
  69. package/dist/assets/{OnboardingTooltip-B_kaIqZr.js → OnboardingTooltip-DcTHydZd.js} +1 -1
  70. package/dist/assets/{OnboardingTooltip.stories-Bbi-solo.js → OnboardingTooltip.stories-DtaV_dGv.js} +1 -1
  71. package/dist/assets/{OnboardingTooltip.tests.stories-CYJGgVQH.js → OnboardingTooltip.tests.stories-DqEJ2MTQ.js} +1 -1
  72. package/dist/assets/{OnboardingTour-Es9ODo5R.js → OnboardingTour-CrSpwDGC.js} +1 -1
  73. package/dist/assets/{OnboardingTour.stories-DguX1Np1.js → OnboardingTour.stories-D4yQxcXy.js} +2 -2
  74. package/dist/assets/{OnboardingTour.tests.stories-DBl43DS_.js → OnboardingTour.tests.stories-DDBfv2IC.js} +1 -1
  75. package/dist/assets/{PasswordField-BDzBq_8p.js → PasswordField-Lp2RJZ3t.js} +3 -3
  76. package/dist/assets/{PasswordField.stories-Bq-oxqio.js → PasswordField.stories-D3KsJza4.js} +1 -1
  77. package/dist/assets/{ProgressBar.stories-69KylHTx.js → ProgressBar.stories-CqUc5VLs.js} +1 -1
  78. package/dist/assets/{ProgressSteps.stories-DsPOksS0.js → ProgressSteps.stories-BLE6dvhX.js} +1 -1
  79. package/dist/assets/{PromoDialog-CKvE5moH.js → PromoDialog-RBlASd4W.js} +1 -1
  80. package/dist/assets/{Rating.stories-CC-5R6ut.js → Rating.stories-byG85-k9.js} +1 -1
  81. package/dist/assets/{RatingInput.stories-f1yAaZGs.js → RatingInput.stories-C9V8kWiR.js} +4 -4
  82. package/dist/assets/{SelectField-x9rQw_qg.js → SelectField-B4nF6kxi.js} +7 -7
  83. package/dist/assets/{SelectField.stories-9fJay7bY.js → SelectField.stories-Bgx9QjPD.js} +1 -1
  84. package/dist/assets/{ShowOnIntersection.stories-CxzKz2ZJ.js → ShowOnIntersection.stories-B4Kohl7q.js} +1 -1
  85. package/dist/assets/SingleSelectChips-lFqKstcf.js +2 -0
  86. package/dist/assets/{SingleSelectChips.stories-DfIbVrTi.js → SingleSelectChips.stories-CT8m0Khv.js} +1 -1
  87. package/dist/assets/{Steps-B7JLI9QK.js → Steps-hoco_XFq.js} +1 -1
  88. package/dist/assets/{Steps.stories-BcrOvHDe.js → Steps.stories-BLjFxkm8.js} +1 -1
  89. package/dist/assets/{Switch.stories-Cacj1dlb.js → Switch.stories-BrXh5o7h.js} +1 -1
  90. package/dist/assets/{Text-Buodaus4.js → Text-DiDZp_C4.js} +1 -1
  91. package/dist/assets/{Text.stories-C4F4F5Y-.js → Text.stories-CHanMmn2.js} +1 -1
  92. package/dist/assets/{TextField-C027_iFa.js → TextField-I1Ozm_fM.js} +4 -4
  93. package/dist/assets/{TextField.stories-CFdxit85.js → TextField.stories-DzmVCGmV.js} +1 -1
  94. package/dist/assets/{TextHighlighted.stories-DXCnsEZ4.js → TextHighlighted.stories-SE_qwldO.js} +1 -1
  95. package/dist/assets/{TextInline.stories-CPQmYfGF.js → TextInline.stories-XOqnn55z.js} +1 -1
  96. package/dist/assets/{TextareaField-BRiidKHZ.js → TextareaField-DZaZgXE3.js} +7 -7
  97. package/dist/assets/{TextareaField.stories-B-fLDxxr.js → TextareaField.stories-Bop1BBMR.js} +1 -1
  98. package/dist/assets/{Toast.stories-Dbx35nSt.js → Toast.stories-DjwfNkJX.js} +1 -1
  99. package/dist/assets/{Tooltip.stories-BSZlgXSs.js → Tooltip.stories-X2KKbRdJ.js} +1 -1
  100. package/dist/assets/{Tooltip.tests.stories-DnDi6-EL.js → Tooltip.tests.stories-BSKY5lTA.js} +1 -1
  101. package/dist/assets/{breakpoints-Bah-hNxA.js → breakpoints-CRoLRYm8.js} +1 -1
  102. package/dist/assets/{breakpoints-Do1NjSIT.js → breakpoints-CSXuAMje.js} +1 -1
  103. package/dist/assets/{breakpoints-Dfsi11Gg.js → breakpoints-s1hUa0ib.js} +1 -1
  104. package/dist/assets/{changelog-Bvah7OoK.js → changelog-CCRp7HoV.js} +103 -98
  105. package/dist/assets/{createRequiredContext-WvHlx5O0.js → createRequiredContext-lKWDx2_a.js} +16 -16
  106. package/dist/assets/{entry-preview-RKdecZOE.js → entry-preview-B0kLH5we.js} +1 -1
  107. package/dist/assets/{getTokenVar-1iagfhaI.js → getTokenVar-BoTPwDbX.js} +1 -1
  108. package/dist/assets/{hover-Cxyn84A5.js → hover-Ci0ZRqat.js} +1 -1
  109. package/dist/assets/{hover-CO_99kGU.js → hover-DJXL0vF9.js} +1 -1
  110. package/dist/assets/{hover-BVO949eG.js → hover-DdQpVUkU.js} +1 -1
  111. package/dist/assets/{iframe-DQObBSoc.js → iframe-DD8HN-R1.js} +2 -2
  112. package/dist/assets/{index-DxHKJR-z.js → index-BHMtmy2B.js} +1 -1
  113. package/dist/assets/{index-CTTzR4gE.js → index-CBngXnat.js} +6 -6
  114. package/dist/assets/{index-xzr6a2UN.js → index-GU-yTW76.js} +3 -3
  115. package/dist/assets/{intro-BzWH3M5J.js → intro-_Rp3da5v.js} +1 -1
  116. package/dist/assets/{migrating-from-less-XegNzzRn.js → migrating-from-less-7B_k9xkW.js} +1 -1
  117. package/dist/assets/{playground.stories-C74S27QD.js → playground.stories-_pKinBuZ.js} +3 -3
  118. package/dist/assets/{preview-Ce0VhXT1.js → preview-BHe8pYRs.js} +1 -1
  119. package/dist/assets/{preview-Qml5zPPk.js → preview-BgJF9ES2.js} +1 -1
  120. package/dist/assets/{preview-BiTm_q9n.js → preview-oumS3SOc.js} +2 -2
  121. package/dist/assets/{tokens-8Z2xvrm4.js → tokens-BAlLdf8n.js} +1 -1
  122. package/dist/assets/{tokens-CUGnBuZf.js → tokens-CU9aPd3t.js} +1 -1
  123. package/dist/assets/{tokens-CNLWJPB5.js → tokens-DFy6-Ct0.js} +1 -1
  124. package/dist/assets/{usePortalElement-uiGuyCei.js → usePortalElement-BYgT_G5d.js} +1 -1
  125. package/dist/assets/{welcome-QbRFW5S1.js → welcome-DZoOoKok.js} +1 -1
  126. package/dist/assets/{zeroheight-DsJLIFDJ.js → zeroheight-T8hJ2BSR.js} +1 -1
  127. package/dist/iframe.html +1 -1
  128. package/dist/preview-stats.json +11623 -11623
  129. package/dist/project.json +1 -1
  130. package/package.json +3 -3
  131. package/dist/assets/DismissibleChips-CHGpXEIb.js +0 -1
  132. package/dist/assets/IconButton-DN6fzHUD.js +0 -8
  133. package/dist/assets/MultiSelectChips-mwYseEmZ.js +0 -2
  134. package/dist/assets/SingleSelectChips-Cnz0IZSs.js +0 -2
@@ -1,4 +1,4 @@
1
- import{j as L}from"./jsx-runtime-BTJTZTIL.js";import{r as ae}from"./index-Cb9e4tly.js";import{a as Na}from"./index-B-lxVbXh.js";import{f as Wa,e as j,u as Ne}from"./index-Dk_MCKuE.js";import{g as $s}from"./_commonjsHelpers-Cpj98o6Y.js";import{u as Vs,s as xn,S as Us,r as zs}from"./Stars-DGzJFzmk.js";import{u as Ws}from"./useControllableState-DKskwY-e.js";import{m as Tn,s as Gs}from"./classNames-9hsFPPZv.js";import{g as Xs}from"./index-qlqSh81O.js";import{w as Ks}from"./componentNames-k0j3gHgH.js";import{B as Au}from"./Button-r7N6Ff_n.js";import{F as Iu}from"./FormControl-BEOVVHxt.js";import{S as Qs}from"./Switch-B-jGiz3C.js";var ne={},ka={exports:{}};ka.exports;var Sn;function Lu(){return Sn||(Sn=1,(function(e){const t=(p=0)=>c=>`\x1B[${38+p};5;${c}m`,n=(p=0)=>(c,b,u)=>`\x1B[${38+p};2;${c};${b};${u}m`;function o(){const p=new Map,c={modifier:{reset:[0,0],bold:[1,22],dim:[2,22],italic:[3,23],underline:[4,24],overline:[53,55],inverse:[7,27],hidden:[8,28],strikethrough:[9,29]},color:{black:[30,39],red:[31,39],green:[32,39],yellow:[33,39],blue:[34,39],magenta:[35,39],cyan:[36,39],white:[37,39],blackBright:[90,39],redBright:[91,39],greenBright:[92,39],yellowBright:[93,39],blueBright:[94,39],magentaBright:[95,39],cyanBright:[96,39],whiteBright:[97,39]},bgColor:{bgBlack:[40,49],bgRed:[41,49],bgGreen:[42,49],bgYellow:[43,49],bgBlue:[44,49],bgMagenta:[45,49],bgCyan:[46,49],bgWhite:[47,49],bgBlackBright:[100,49],bgRedBright:[101,49],bgGreenBright:[102,49],bgYellowBright:[103,49],bgBlueBright:[104,49],bgMagentaBright:[105,49],bgCyanBright:[106,49],bgWhiteBright:[107,49]}};c.color.gray=c.color.blackBright,c.bgColor.bgGray=c.bgColor.bgBlackBright,c.color.grey=c.color.blackBright,c.bgColor.bgGrey=c.bgColor.bgBlackBright;for(const[b,u]of Object.entries(c)){for(const[s,d]of Object.entries(u))c[s]={open:`\x1B[${d[0]}m`,close:`\x1B[${d[1]}m`},u[s]=c[s],p.set(d[0],d[1]);Object.defineProperty(c,b,{value:u,enumerable:!1})}return Object.defineProperty(c,"codes",{value:p,enumerable:!1}),c.color.close="\x1B[39m",c.bgColor.close="\x1B[49m",c.color.ansi256=t(),c.color.ansi16m=n(),c.bgColor.ansi256=t(10),c.bgColor.ansi16m=n(10),Object.defineProperties(c,{rgbToAnsi256:{value:(b,u,s)=>b===u&&u===s?b<8?16:b>248?231:Math.round((b-8)/247*24)+232:16+36*Math.round(b/255*5)+6*Math.round(u/255*5)+Math.round(s/255*5),enumerable:!1},hexToRgb:{value:b=>{const u=/(?<colorString>[a-f\d]{6}|[a-f\d]{3})/i.exec(b.toString(16));if(!u)return[0,0,0];let{colorString:s}=u.groups;s.length===3&&(s=s.split("").map(l=>l+l).join(""));const d=Number.parseInt(s,16);return[d>>16&255,d>>8&255,d&255]},enumerable:!1},hexToAnsi256:{value:b=>c.rgbToAnsi256(...c.hexToRgb(b)),enumerable:!1}}),c}Object.defineProperty(e,"exports",{enumerable:!0,get:o})})(ka)),ka.exports}var qe={},On;function Ga(){if(On)return qe;On=1,Object.defineProperty(qe,"__esModule",{value:!0}),qe.printIteratorEntries=r,qe.printIteratorValues=t,qe.printListItems=n,qe.printObjectProperties=o;const e=(p,c)=>{const b=Object.keys(p).sort(c);return Object.getOwnPropertySymbols&&Object.getOwnPropertySymbols(p).forEach(u=>{Object.getOwnPropertyDescriptor(p,u).enumerable&&b.push(u)}),b};function r(p,c,b,u,s,d,l=": "){let a="",v=p.next();if(!v.done){a+=c.spacingOuter;const h=b+c.indent;for(;!v.done;){const y=d(v.value[0],c,h,u,s),w=d(v.value[1],c,h,u,s);a+=h+y+l+w,v=p.next(),v.done?c.min||(a+=","):a+=","+c.spacingInner}a+=c.spacingOuter+b}return a}function t(p,c,b,u,s,d){let l="",a=p.next();if(!a.done){l+=c.spacingOuter;const v=b+c.indent;for(;!a.done;)l+=v+d(a.value,c,v,u,s),a=p.next(),a.done?c.min||(l+=","):l+=","+c.spacingInner;l+=c.spacingOuter+b}return l}function n(p,c,b,u,s,d){let l="";if(p.length){l+=c.spacingOuter;const a=b+c.indent;for(let v=0;v<p.length;v++)l+=a,v in p&&(l+=d(p[v],c,a,u,s)),v<p.length-1?l+=","+c.spacingInner:c.min||(l+=",");l+=c.spacingOuter+b}return l}function o(p,c,b,u,s,d){let l="";const a=e(p,c.compareKeys);if(a.length){l+=c.spacingOuter;const v=b+c.indent;for(let h=0;h<a.length;h++){const y=a[h],w=d(y,c,v,u,s),i=d(p[y],c,v,u,s);l+=v+w+": "+i,h<a.length-1?l+=","+c.spacingInner:c.min||(l+=",")}l+=c.spacingOuter+b}return l}return qe}var ue={},Mn;function Ys(){if(Mn)return ue;Mn=1,Object.defineProperty(ue,"__esModule",{value:!0}),ue.test=ue.serialize=ue.default=void 0;var e=Ga(),r=(function(){return typeof globalThis<"u"?globalThis:typeof r<"u"?r:typeof self<"u"?self:typeof window<"u"?window:Function("return this")()})(),t=r["jest-symbol-do-not-touch"]||r.Symbol;const n=typeof t=="function"&&t.for?t.for("jest.asymmetricMatcher"):1267621,o=" ",p=(s,d,l,a,v,h)=>{const y=s.toString();return y==="ArrayContaining"||y==="ArrayNotContaining"?++a>d.maxDepth?"["+y+"]":y+o+"["+(0,e.printListItems)(s.sample,d,l,a,v,h)+"]":y==="ObjectContaining"||y==="ObjectNotContaining"?++a>d.maxDepth?"["+y+"]":y+o+"{"+(0,e.printObjectProperties)(s.sample,d,l,a,v,h)+"}":y==="StringMatching"||y==="StringNotMatching"||y==="StringContaining"||y==="StringNotContaining"?y+o+h(s.sample,d,l,a,v):s.toAsymmetricMatcher()};ue.serialize=p;const c=s=>s&&s.$$typeof===n;ue.test=c;var u={serialize:p,test:c};return ue.default=u,ue}var se={},Ja,An;function Js(){return An||(An=1,Ja=({onlyFirst:e=!1}={})=>{const r=["[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)","(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-ntqry=><~]))"].join("|");return new RegExp(r,e?void 0:"g")}),Ja}var In;function Zs(){if(In)return se;In=1,Object.defineProperty(se,"__esModule",{value:!0}),se.test=se.serialize=se.default=void 0;var e=t(Js()),r=t(Lu());function t(u){return u&&u.__esModule?u:{default:u}}const n=u=>u.replace((0,e.default)(),s=>{switch(s){case r.default.red.close:case r.default.green.close:case r.default.cyan.close:case r.default.gray.close:case r.default.white.close:case r.default.yellow.close:case r.default.bgRed.close:case r.default.bgGreen.close:case r.default.bgYellow.close:case r.default.inverse.close:case r.default.dim.close:case r.default.bold.close:case r.default.reset.open:case r.default.reset.close:return"</>";case r.default.red.open:return"<red>";case r.default.green.open:return"<green>";case r.default.cyan.open:return"<cyan>";case r.default.gray.open:return"<gray>";case r.default.white.open:return"<white>";case r.default.yellow.open:return"<yellow>";case r.default.bgRed.open:return"<bgRed>";case r.default.bgGreen.open:return"<bgGreen>";case r.default.bgYellow.open:return"<bgYellow>";case r.default.inverse.open:return"<inverse>";case r.default.dim.open:return"<dim>";case r.default.bold.open:return"<bold>";default:return""}}),o=u=>typeof u=="string"&&!!u.match((0,e.default)());se.test=o;const p=(u,s,d,l,a,v)=>v(n(u),s,d,l,a);se.serialize=p;var b={serialize:p,test:o};return se.default=b,se}var ce={},Ln;function ec(){if(Ln)return ce;Ln=1,Object.defineProperty(ce,"__esModule",{value:!0}),ce.test=ce.serialize=ce.default=void 0;var e=Ga();const r=" ",t=["DOMStringMap","NamedNodeMap"],n=/^(HTML\w*Collection|NodeList)$/,o=d=>t.indexOf(d)!==-1||n.test(d),p=d=>d&&d.constructor&&!!d.constructor.name&&o(d.constructor.name);ce.test=p;const c=d=>d.constructor.name==="NamedNodeMap",b=(d,l,a,v,h,y)=>{const w=d.constructor.name;return++v>l.maxDepth?"["+w+"]":(l.min?"":w+r)+(t.indexOf(w)!==-1?"{"+(0,e.printObjectProperties)(c(d)?Array.from(d).reduce((i,C)=>(i[C.name]=C.value,i),{}):{...d},l,a,v,h,y)+"}":"["+(0,e.printListItems)(Array.from(d),l,a,v,h,y)+"]")};ce.serialize=b;var s={serialize:b,test:p};return ce.default=s,ce}var de={},Y={},Ba={},Nn;function rc(){if(Nn)return Ba;Nn=1,Object.defineProperty(Ba,"__esModule",{value:!0}),Ba.default=e;function e(r){return r.replace(/</g,"&lt;").replace(/>/g,"&gt;")}return Ba}var Bn;function yn(){if(Bn)return Y;Bn=1,Object.defineProperty(Y,"__esModule",{value:!0}),Y.printText=Y.printProps=Y.printElementAsLeaf=Y.printElement=Y.printComment=Y.printChildren=void 0;var e=r(rc());function r(u){return u&&u.__esModule?u:{default:u}}const t=(u,s,d,l,a,v,h)=>{const y=l+d.indent,w=d.colors;return u.map(i=>{const C=s[i];let q=h(C,d,y,a,v);return typeof C!="string"&&(q.indexOf(`
1
+ import{j as L}from"./jsx-runtime-BTJTZTIL.js";import{r as ae}from"./index-Cb9e4tly.js";import{a as Na}from"./index-B-lxVbXh.js";import{f as Wa,e as j,u as Ne}from"./index-Dk_MCKuE.js";import{g as $s}from"./_commonjsHelpers-Cpj98o6Y.js";import{u as Vs,s as xn,S as Us,r as zs}from"./Stars-DGzJFzmk.js";import{u as Ws}from"./useControllableState-DKskwY-e.js";import{m as Tn,s as Gs}from"./classNames-9hsFPPZv.js";import{g as Xs}from"./index-qlqSh81O.js";import{w as Ks}from"./componentNames-k0j3gHgH.js";import{B as Au}from"./Button-CV3MrNle.js";import{F as Iu}from"./FormControl-BEOVVHxt.js";import{S as Qs}from"./Switch-B-jGiz3C.js";var ne={},ka={exports:{}};ka.exports;var Sn;function Lu(){return Sn||(Sn=1,(function(e){const t=(p=0)=>c=>`\x1B[${38+p};5;${c}m`,n=(p=0)=>(c,b,u)=>`\x1B[${38+p};2;${c};${b};${u}m`;function o(){const p=new Map,c={modifier:{reset:[0,0],bold:[1,22],dim:[2,22],italic:[3,23],underline:[4,24],overline:[53,55],inverse:[7,27],hidden:[8,28],strikethrough:[9,29]},color:{black:[30,39],red:[31,39],green:[32,39],yellow:[33,39],blue:[34,39],magenta:[35,39],cyan:[36,39],white:[37,39],blackBright:[90,39],redBright:[91,39],greenBright:[92,39],yellowBright:[93,39],blueBright:[94,39],magentaBright:[95,39],cyanBright:[96,39],whiteBright:[97,39]},bgColor:{bgBlack:[40,49],bgRed:[41,49],bgGreen:[42,49],bgYellow:[43,49],bgBlue:[44,49],bgMagenta:[45,49],bgCyan:[46,49],bgWhite:[47,49],bgBlackBright:[100,49],bgRedBright:[101,49],bgGreenBright:[102,49],bgYellowBright:[103,49],bgBlueBright:[104,49],bgMagentaBright:[105,49],bgCyanBright:[106,49],bgWhiteBright:[107,49]}};c.color.gray=c.color.blackBright,c.bgColor.bgGray=c.bgColor.bgBlackBright,c.color.grey=c.color.blackBright,c.bgColor.bgGrey=c.bgColor.bgBlackBright;for(const[b,u]of Object.entries(c)){for(const[s,d]of Object.entries(u))c[s]={open:`\x1B[${d[0]}m`,close:`\x1B[${d[1]}m`},u[s]=c[s],p.set(d[0],d[1]);Object.defineProperty(c,b,{value:u,enumerable:!1})}return Object.defineProperty(c,"codes",{value:p,enumerable:!1}),c.color.close="\x1B[39m",c.bgColor.close="\x1B[49m",c.color.ansi256=t(),c.color.ansi16m=n(),c.bgColor.ansi256=t(10),c.bgColor.ansi16m=n(10),Object.defineProperties(c,{rgbToAnsi256:{value:(b,u,s)=>b===u&&u===s?b<8?16:b>248?231:Math.round((b-8)/247*24)+232:16+36*Math.round(b/255*5)+6*Math.round(u/255*5)+Math.round(s/255*5),enumerable:!1},hexToRgb:{value:b=>{const u=/(?<colorString>[a-f\d]{6}|[a-f\d]{3})/i.exec(b.toString(16));if(!u)return[0,0,0];let{colorString:s}=u.groups;s.length===3&&(s=s.split("").map(l=>l+l).join(""));const d=Number.parseInt(s,16);return[d>>16&255,d>>8&255,d&255]},enumerable:!1},hexToAnsi256:{value:b=>c.rgbToAnsi256(...c.hexToRgb(b)),enumerable:!1}}),c}Object.defineProperty(e,"exports",{enumerable:!0,get:o})})(ka)),ka.exports}var qe={},On;function Ga(){if(On)return qe;On=1,Object.defineProperty(qe,"__esModule",{value:!0}),qe.printIteratorEntries=r,qe.printIteratorValues=t,qe.printListItems=n,qe.printObjectProperties=o;const e=(p,c)=>{const b=Object.keys(p).sort(c);return Object.getOwnPropertySymbols&&Object.getOwnPropertySymbols(p).forEach(u=>{Object.getOwnPropertyDescriptor(p,u).enumerable&&b.push(u)}),b};function r(p,c,b,u,s,d,l=": "){let a="",v=p.next();if(!v.done){a+=c.spacingOuter;const h=b+c.indent;for(;!v.done;){const y=d(v.value[0],c,h,u,s),w=d(v.value[1],c,h,u,s);a+=h+y+l+w,v=p.next(),v.done?c.min||(a+=","):a+=","+c.spacingInner}a+=c.spacingOuter+b}return a}function t(p,c,b,u,s,d){let l="",a=p.next();if(!a.done){l+=c.spacingOuter;const v=b+c.indent;for(;!a.done;)l+=v+d(a.value,c,v,u,s),a=p.next(),a.done?c.min||(l+=","):l+=","+c.spacingInner;l+=c.spacingOuter+b}return l}function n(p,c,b,u,s,d){let l="";if(p.length){l+=c.spacingOuter;const a=b+c.indent;for(let v=0;v<p.length;v++)l+=a,v in p&&(l+=d(p[v],c,a,u,s)),v<p.length-1?l+=","+c.spacingInner:c.min||(l+=",");l+=c.spacingOuter+b}return l}function o(p,c,b,u,s,d){let l="";const a=e(p,c.compareKeys);if(a.length){l+=c.spacingOuter;const v=b+c.indent;for(let h=0;h<a.length;h++){const y=a[h],w=d(y,c,v,u,s),i=d(p[y],c,v,u,s);l+=v+w+": "+i,h<a.length-1?l+=","+c.spacingInner:c.min||(l+=",")}l+=c.spacingOuter+b}return l}return qe}var ue={},Mn;function Ys(){if(Mn)return ue;Mn=1,Object.defineProperty(ue,"__esModule",{value:!0}),ue.test=ue.serialize=ue.default=void 0;var e=Ga(),r=(function(){return typeof globalThis<"u"?globalThis:typeof r<"u"?r:typeof self<"u"?self:typeof window<"u"?window:Function("return this")()})(),t=r["jest-symbol-do-not-touch"]||r.Symbol;const n=typeof t=="function"&&t.for?t.for("jest.asymmetricMatcher"):1267621,o=" ",p=(s,d,l,a,v,h)=>{const y=s.toString();return y==="ArrayContaining"||y==="ArrayNotContaining"?++a>d.maxDepth?"["+y+"]":y+o+"["+(0,e.printListItems)(s.sample,d,l,a,v,h)+"]":y==="ObjectContaining"||y==="ObjectNotContaining"?++a>d.maxDepth?"["+y+"]":y+o+"{"+(0,e.printObjectProperties)(s.sample,d,l,a,v,h)+"}":y==="StringMatching"||y==="StringNotMatching"||y==="StringContaining"||y==="StringNotContaining"?y+o+h(s.sample,d,l,a,v):s.toAsymmetricMatcher()};ue.serialize=p;const c=s=>s&&s.$$typeof===n;ue.test=c;var u={serialize:p,test:c};return ue.default=u,ue}var se={},Ja,An;function Js(){return An||(An=1,Ja=({onlyFirst:e=!1}={})=>{const r=["[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)","(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-ntqry=><~]))"].join("|");return new RegExp(r,e?void 0:"g")}),Ja}var In;function Zs(){if(In)return se;In=1,Object.defineProperty(se,"__esModule",{value:!0}),se.test=se.serialize=se.default=void 0;var e=t(Js()),r=t(Lu());function t(u){return u&&u.__esModule?u:{default:u}}const n=u=>u.replace((0,e.default)(),s=>{switch(s){case r.default.red.close:case r.default.green.close:case r.default.cyan.close:case r.default.gray.close:case r.default.white.close:case r.default.yellow.close:case r.default.bgRed.close:case r.default.bgGreen.close:case r.default.bgYellow.close:case r.default.inverse.close:case r.default.dim.close:case r.default.bold.close:case r.default.reset.open:case r.default.reset.close:return"</>";case r.default.red.open:return"<red>";case r.default.green.open:return"<green>";case r.default.cyan.open:return"<cyan>";case r.default.gray.open:return"<gray>";case r.default.white.open:return"<white>";case r.default.yellow.open:return"<yellow>";case r.default.bgRed.open:return"<bgRed>";case r.default.bgGreen.open:return"<bgGreen>";case r.default.bgYellow.open:return"<bgYellow>";case r.default.inverse.open:return"<inverse>";case r.default.dim.open:return"<dim>";case r.default.bold.open:return"<bold>";default:return""}}),o=u=>typeof u=="string"&&!!u.match((0,e.default)());se.test=o;const p=(u,s,d,l,a,v)=>v(n(u),s,d,l,a);se.serialize=p;var b={serialize:p,test:o};return se.default=b,se}var ce={},Ln;function ec(){if(Ln)return ce;Ln=1,Object.defineProperty(ce,"__esModule",{value:!0}),ce.test=ce.serialize=ce.default=void 0;var e=Ga();const r=" ",t=["DOMStringMap","NamedNodeMap"],n=/^(HTML\w*Collection|NodeList)$/,o=d=>t.indexOf(d)!==-1||n.test(d),p=d=>d&&d.constructor&&!!d.constructor.name&&o(d.constructor.name);ce.test=p;const c=d=>d.constructor.name==="NamedNodeMap",b=(d,l,a,v,h,y)=>{const w=d.constructor.name;return++v>l.maxDepth?"["+w+"]":(l.min?"":w+r)+(t.indexOf(w)!==-1?"{"+(0,e.printObjectProperties)(c(d)?Array.from(d).reduce((i,C)=>(i[C.name]=C.value,i),{}):{...d},l,a,v,h,y)+"}":"["+(0,e.printListItems)(Array.from(d),l,a,v,h,y)+"]")};ce.serialize=b;var s={serialize:b,test:p};return ce.default=s,ce}var de={},Y={},Ba={},Nn;function rc(){if(Nn)return Ba;Nn=1,Object.defineProperty(Ba,"__esModule",{value:!0}),Ba.default=e;function e(r){return r.replace(/</g,"&lt;").replace(/>/g,"&gt;")}return Ba}var Bn;function yn(){if(Bn)return Y;Bn=1,Object.defineProperty(Y,"__esModule",{value:!0}),Y.printText=Y.printProps=Y.printElementAsLeaf=Y.printElement=Y.printComment=Y.printChildren=void 0;var e=r(rc());function r(u){return u&&u.__esModule?u:{default:u}}const t=(u,s,d,l,a,v,h)=>{const y=l+d.indent,w=d.colors;return u.map(i=>{const C=s[i];let q=h(C,d,y,a,v);return typeof C!="string"&&(q.indexOf(`
2
2
  `)!==-1&&(q=d.spacingOuter+y+q+d.spacingOuter+l),q="{"+q+"}"),d.spacingInner+l+w.prop.open+i+w.prop.close+"="+w.value.open+q+w.value.close}).join("")};Y.printProps=t;const n=(u,s,d,l,a,v)=>u.map(h=>s.spacingOuter+d+(typeof h=="string"?o(h,s):v(h,s,d,l,a))).join("");Y.printChildren=n;const o=(u,s)=>{const d=s.colors.content;return d.open+(0,e.default)(u)+d.close};Y.printText=o;const p=(u,s)=>{const d=s.colors.comment;return d.open+"<!--"+(0,e.default)(u)+"-->"+d.close};Y.printComment=p;const c=(u,s,d,l,a)=>{const v=l.colors.tag;return v.open+"<"+u+(s&&v.close+s+l.spacingOuter+a+v.open)+(d?">"+v.close+d+l.spacingOuter+a+v.open+"</"+u:(s&&!l.min?"":" ")+"/")+">"+v.close};Y.printElement=c;const b=(u,s)=>{const d=s.colors.tag;return d.open+"<"+u+d.close+" …"+d.open+" />"+d.close};return Y.printElementAsLeaf=b,Y}var jn;function tc(){if(jn)return de;jn=1,Object.defineProperty(de,"__esModule",{value:!0}),de.test=de.serialize=de.default=void 0;var e=yn();const r=1,t=3,n=8,o=11,p=/^((HTML|SVG)\w*)?Element$/,c=y=>{try{return typeof y.hasAttribute=="function"&&y.hasAttribute("is")}catch{return!1}},b=y=>{const w=y.constructor.name,{nodeType:i,tagName:C}=y,q=typeof C=="string"&&C.includes("-")||c(y);return i===r&&(p.test(w)||q)||i===t&&w==="Text"||i===n&&w==="Comment"||i===o&&w==="DocumentFragment"},u=y=>{var w;return(y==null||(w=y.constructor)===null||w===void 0?void 0:w.name)&&b(y)};de.test=u;function s(y){return y.nodeType===t}function d(y){return y.nodeType===n}function l(y){return y.nodeType===o}const a=(y,w,i,C,q,_)=>{if(s(y))return(0,e.printText)(y.data,w);if(d(y))return(0,e.printComment)(y.data,w);const E=l(y)?"DocumentFragment":y.tagName.toLowerCase();return++C>w.maxDepth?(0,e.printElementAsLeaf)(E,w):(0,e.printElement)(E,(0,e.printProps)(l(y)?[]:Array.from(y.attributes).map(f=>f.name).sort(),l(y)?{}:Array.from(y.attributes).reduce((f,m)=>(f[m.name]=m.value,f),{}),w,i+w.indent,C,q,_),(0,e.printChildren)(Array.prototype.slice.call(y.childNodes||y.children),w,i+w.indent,C,q,_),w,i)};de.serialize=a;var h={serialize:a,test:u};return de.default=h,de}var pe={},Dn;function ac(){if(Dn)return pe;Dn=1,Object.defineProperty(pe,"__esModule",{value:!0}),pe.test=pe.serialize=pe.default=void 0;var e=Ga();const r="@@__IMMUTABLE_ITERABLE__@@",t="@@__IMMUTABLE_LIST__@@",n="@@__IMMUTABLE_KEYED__@@",o="@@__IMMUTABLE_MAP__@@",p="@@__IMMUTABLE_ORDERED__@@",c="@@__IMMUTABLE_RECORD__@@",b="@@__IMMUTABLE_SEQ__@@",u="@@__IMMUTABLE_SET__@@",s="@@__IMMUTABLE_STACK__@@",d=m=>"Immutable."+m,l=m=>"["+m+"]",a=" ",v="…",h=(m,g,x,S,M,I,P)=>++S>g.maxDepth?l(d(P)):d(P)+a+"{"+(0,e.printIteratorEntries)(m.entries(),g,x,S,M,I)+"}";function y(m){let g=0;return{next(){if(g<m._keys.length){const x=m._keys[g++];return{done:!1,value:[x,m.get(x)]}}return{done:!0,value:void 0}}}}const w=(m,g,x,S,M,I)=>{const P=d(m._name||"Record");return++S>g.maxDepth?l(P):P+a+"{"+(0,e.printIteratorEntries)(y(m),g,x,S,M,I)+"}"},i=(m,g,x,S,M,I)=>{const P=d("Seq");return++S>g.maxDepth?l(P):m[n]?P+a+"{"+(m._iter||m._object?(0,e.printIteratorEntries)(m.entries(),g,x,S,M,I):v)+"}":P+a+"["+(m._iter||m._array||m._collection||m._iterable?(0,e.printIteratorValues)(m.values(),g,x,S,M,I):v)+"]"},C=(m,g,x,S,M,I,P)=>++S>g.maxDepth?l(d(P)):d(P)+a+"["+(0,e.printIteratorValues)(m.values(),g,x,S,M,I)+"]",q=(m,g,x,S,M,I)=>m[o]?h(m,g,x,S,M,I,m[p]?"OrderedMap":"Map"):m[t]?C(m,g,x,S,M,I,"List"):m[u]?C(m,g,x,S,M,I,m[p]?"OrderedSet":"Set"):m[s]?C(m,g,x,S,M,I,"Stack"):m[b]?i(m,g,x,S,M,I):w(m,g,x,S,M,I);pe.serialize=q;const _=m=>m&&(m[r]===!0||m[c]===!0);pe.test=_;var f={serialize:q,test:_};return pe.default=f,pe}var fe={},Za={exports:{}},H={};/** @license React v17.0.2
3
3
  * react-is.production.min.js
4
4
  *
@@ -62,7 +62,7 @@ Unable to find an `+(n===!1?"accessible ":"")+'element with the role "'+r+'"'+u+
62
62
  `+b).trim()},Av=re(vn,vn.name,"queryAll"),[Iv,Lv,Nv,Bv,jv]=_e(vn,Ov,Mv),Pn=()=>V().testIdAttribute,bn=function(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];return ye(r[0]),Ka(Pn(),...r)},Dv=(e,r)=>"Found multiple elements by: ["+Pn()+'="'+r+'"]',kv=(e,r)=>"Unable to find an element by: ["+Pn()+'="'+r+'"]',Fv=re(bn,bn.name,"queryAll"),[Hv,$v,Vv,Uv,zv]=_e(bn,Dv,kv);var hn=Object.freeze({__proto__:null,queryAllByLabelText:Fm,queryByLabelText:Nm,getAllByLabelText:Dm,getByLabelText:km,findAllByLabelText:Bm,findByLabelText:jm,queryByPlaceholderText:Um,queryAllByPlaceholderText:Vm,getByPlaceholderText:Wm,getAllByPlaceholderText:zm,findAllByPlaceholderText:Gm,findByPlaceholderText:Xm,queryByText:Jm,queryAllByText:Ym,getByText:ev,getAllByText:Zm,findAllByText:rv,findByText:tv,queryByDisplayValue:lv,queryAllByDisplayValue:ov,getByDisplayValue:uv,getAllByDisplayValue:iv,findAllByDisplayValue:sv,findByDisplayValue:cv,queryByAltText:vv,queryAllByAltText:mv,getByAltText:hv,getAllByAltText:bv,findAllByAltText:yv,findByAltText:gv,queryByTitle:_v,queryAllByTitle:Ev,getByTitle:Pv,getAllByTitle:wv,findAllByTitle:xv,findByTitle:Tv,queryByRole:Iv,queryAllByRole:Av,getAllByRole:Lv,getByRole:Nv,findAllByRole:Bv,findByRole:jv,queryByTestId:Hv,queryAllByTestId:Fv,getByTestId:Vv,getAllByTestId:$v,findAllByTestId:Uv,findByTestId:zv});function Wv(e,r,t){return r===void 0&&(r=hn),t===void 0&&(t={}),Object.keys(r).reduce((n,o)=>{const p=r[o];return n[o]=p.bind(null,e),n},t)}const Hi={copy:{EventType:"ClipboardEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},cut:{EventType:"ClipboardEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},paste:{EventType:"ClipboardEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},compositionEnd:{EventType:"CompositionEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},compositionStart:{EventType:"CompositionEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},compositionUpdate:{EventType:"CompositionEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},keyDown:{EventType:"KeyboardEvent",defaultInit:{bubbles:!0,cancelable:!0,charCode:0,composed:!0}},keyPress:{EventType:"KeyboardEvent",defaultInit:{bubbles:!0,cancelable:!0,charCode:0,composed:!0}},keyUp:{EventType:"KeyboardEvent",defaultInit:{bubbles:!0,cancelable:!0,charCode:0,composed:!0}},focus:{EventType:"FocusEvent",defaultInit:{bubbles:!1,cancelable:!1,composed:!0}},blur:{EventType:"FocusEvent",defaultInit:{bubbles:!1,cancelable:!1,composed:!0}},focusIn:{EventType:"FocusEvent",defaultInit:{bubbles:!0,cancelable:!1,composed:!0}},focusOut:{EventType:"FocusEvent",defaultInit:{bubbles:!0,cancelable:!1,composed:!0}},change:{EventType:"Event",defaultInit:{bubbles:!0,cancelable:!1}},input:{EventType:"InputEvent",defaultInit:{bubbles:!0,cancelable:!1,composed:!0}},invalid:{EventType:"Event",defaultInit:{bubbles:!1,cancelable:!0}},submit:{EventType:"Event",defaultInit:{bubbles:!0,cancelable:!0}},reset:{EventType:"Event",defaultInit:{bubbles:!0,cancelable:!0}},click:{EventType:"MouseEvent",defaultInit:{bubbles:!0,cancelable:!0,button:0,composed:!0}},contextMenu:{EventType:"MouseEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},dblClick:{EventType:"MouseEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},drag:{EventType:"DragEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},dragEnd:{EventType:"DragEvent",defaultInit:{bubbles:!0,cancelable:!1,composed:!0}},dragEnter:{EventType:"DragEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},dragExit:{EventType:"DragEvent",defaultInit:{bubbles:!0,cancelable:!1,composed:!0}},dragLeave:{EventType:"DragEvent",defaultInit:{bubbles:!0,cancelable:!1,composed:!0}},dragOver:{EventType:"DragEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},dragStart:{EventType:"DragEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},drop:{EventType:"DragEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},mouseDown:{EventType:"MouseEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},mouseEnter:{EventType:"MouseEvent",defaultInit:{bubbles:!1,cancelable:!1,composed:!0}},mouseLeave:{EventType:"MouseEvent",defaultInit:{bubbles:!1,cancelable:!1,composed:!0}},mouseMove:{EventType:"MouseEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},mouseOut:{EventType:"MouseEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},mouseOver:{EventType:"MouseEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},mouseUp:{EventType:"MouseEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},select:{EventType:"Event",defaultInit:{bubbles:!0,cancelable:!1}},touchCancel:{EventType:"TouchEvent",defaultInit:{bubbles:!0,cancelable:!1,composed:!0}},touchEnd:{EventType:"TouchEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},touchMove:{EventType:"TouchEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},touchStart:{EventType:"TouchEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},resize:{EventType:"UIEvent",defaultInit:{bubbles:!1,cancelable:!1}},scroll:{EventType:"UIEvent",defaultInit:{bubbles:!1,cancelable:!1}},wheel:{EventType:"WheelEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},abort:{EventType:"Event",defaultInit:{bubbles:!1,cancelable:!1}},canPlay:{EventType:"Event",defaultInit:{bubbles:!1,cancelable:!1}},canPlayThrough:{EventType:"Event",defaultInit:{bubbles:!1,cancelable:!1}},durationChange:{EventType:"Event",defaultInit:{bubbles:!1,cancelable:!1}},emptied:{EventType:"Event",defaultInit:{bubbles:!1,cancelable:!1}},encrypted:{EventType:"Event",defaultInit:{bubbles:!1,cancelable:!1}},ended:{EventType:"Event",defaultInit:{bubbles:!1,cancelable:!1}},loadedData:{EventType:"Event",defaultInit:{bubbles:!1,cancelable:!1}},loadedMetadata:{EventType:"Event",defaultInit:{bubbles:!1,cancelable:!1}},loadStart:{EventType:"ProgressEvent",defaultInit:{bubbles:!1,cancelable:!1}},pause:{EventType:"Event",defaultInit:{bubbles:!1,cancelable:!1}},play:{EventType:"Event",defaultInit:{bubbles:!1,cancelable:!1}},playing:{EventType:"Event",defaultInit:{bubbles:!1,cancelable:!1}},progress:{EventType:"ProgressEvent",defaultInit:{bubbles:!1,cancelable:!1}},rateChange:{EventType:"Event",defaultInit:{bubbles:!1,cancelable:!1}},seeked:{EventType:"Event",defaultInit:{bubbles:!1,cancelable:!1}},seeking:{EventType:"Event",defaultInit:{bubbles:!1,cancelable:!1}},stalled:{EventType:"Event",defaultInit:{bubbles:!1,cancelable:!1}},suspend:{EventType:"Event",defaultInit:{bubbles:!1,cancelable:!1}},timeUpdate:{EventType:"Event",defaultInit:{bubbles:!1,cancelable:!1}},volumeChange:{EventType:"Event",defaultInit:{bubbles:!1,cancelable:!1}},waiting:{EventType:"Event",defaultInit:{bubbles:!1,cancelable:!1}},load:{EventType:"Event",defaultInit:{bubbles:!1,cancelable:!1}},error:{EventType:"Event",defaultInit:{bubbles:!1,cancelable:!1}},animationStart:{EventType:"AnimationEvent",defaultInit:{bubbles:!0,cancelable:!1}},animationEnd:{EventType:"AnimationEvent",defaultInit:{bubbles:!0,cancelable:!1}},animationIteration:{EventType:"AnimationEvent",defaultInit:{bubbles:!0,cancelable:!1}},transitionCancel:{EventType:"TransitionEvent",defaultInit:{bubbles:!0,cancelable:!1}},transitionEnd:{EventType:"TransitionEvent",defaultInit:{bubbles:!0,cancelable:!0}},transitionRun:{EventType:"TransitionEvent",defaultInit:{bubbles:!0,cancelable:!1}},transitionStart:{EventType:"TransitionEvent",defaultInit:{bubbles:!0,cancelable:!1}},pointerOver:{EventType:"PointerEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},pointerEnter:{EventType:"PointerEvent",defaultInit:{bubbles:!1,cancelable:!1}},pointerDown:{EventType:"PointerEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},pointerMove:{EventType:"PointerEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},pointerUp:{EventType:"PointerEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},pointerCancel:{EventType:"PointerEvent",defaultInit:{bubbles:!0,cancelable:!1,composed:!0}},pointerOut:{EventType:"PointerEvent",defaultInit:{bubbles:!0,cancelable:!0,composed:!0}},pointerLeave:{EventType:"PointerEvent",defaultInit:{bubbles:!1,cancelable:!1}},gotPointerCapture:{EventType:"PointerEvent",defaultInit:{bubbles:!0,cancelable:!1,composed:!0}},lostPointerCapture:{EventType:"PointerEvent",defaultInit:{bubbles:!0,cancelable:!1,composed:!0}},popState:{EventType:"PopStateEvent",defaultInit:{bubbles:!0,cancelable:!1}},offline:{EventType:"Event",defaultInit:{bubbles:!1,cancelable:!1}},online:{EventType:"Event",defaultInit:{bubbles:!1,cancelable:!1}},pageHide:{EventType:"PageTransitionEvent",defaultInit:{bubbles:!0,cancelable:!0}},pageShow:{EventType:"PageTransitionEvent",defaultInit:{bubbles:!0,cancelable:!0}}},$i={doubleClick:"dblClick"};function Be(e,r){return V().eventWrapper(()=>{if(!r)throw new Error("Unable to fire an event - please provide an event object.");if(!e)throw new Error('Unable to fire a "'+r.type+'" event - please provide a DOM element.');return e.dispatchEvent(r)})}function nn(e,r,t,n){let{EventType:o="Event",defaultInit:p={}}=n===void 0?{}:n;if(!r)throw new Error('Unable to fire a "'+e+'" event - please provide a DOM element.');const c={...p,...t},{target:{value:b,files:u,...s}={}}=c;b!==void 0&&Gv(r,b),u!==void 0&&Object.defineProperty(r,"files",{configurable:!0,enumerable:!0,writable:!0,value:u}),Object.assign(r,s);const d=Ju(r),l=d[o]||d.Event;let a;if(typeof l=="function")a=new l(e,c);else{a=d.document.createEvent(o);const{bubbles:h,cancelable:y,detail:w,...i}=c;a.initEvent(e,h,y,w),Object.keys(i).forEach(C=>{a[C]=i[C]})}return["dataTransfer","clipboardData"].forEach(h=>{const y=c[h];typeof y=="object"&&(typeof d.DataTransfer=="function"?Object.defineProperty(a,h,{value:Object.getOwnPropertyNames(y).reduce((w,i)=>(Object.defineProperty(w,i,{value:y[i]}),w),new d.DataTransfer)}):Object.defineProperty(a,h,{value:y}))}),a}Object.keys(Hi).forEach(e=>{const{EventType:r,defaultInit:t}=Hi[e],n=e.toLowerCase();nn[e]=(o,p)=>nn(n,o,p,{EventType:r,defaultInit:t}),Be[e]=(o,p)=>Be(o,nn[e](o,p))});function Gv(e,r){const{set:t}=Object.getOwnPropertyDescriptor(e,"value")||{},n=Object.getPrototypeOf(e),{set:o}=Object.getOwnPropertyDescriptor(n,"value")||{};if(o&&t!==o)o.call(e,r);else if(t)t.call(e,r);else throw new Error("The given element does not have a value setter")}Object.keys($i).forEach(e=>{const r=$i[e];Be[e]=function(){return Be[r](...arguments)}});function Xv(e){return e.replace(/[ \t]*[\n][ \t]*/g,`
63
63
  `)}function Kv(e){return Vf.compressToEncodedURIComponent(Xv(e))}function Qv(e){return"https://testing-playground.com/#markup="+Kv(e)}const Yv=(e,r,t)=>Array.isArray(e)?e.forEach(n=>Di(n,r,t)):Di(e,r,t),Jv=function(e){if(e===void 0&&(e=En().body),!e||!("innerHTML"in e)){console.log("The element you're providing isn't a valid DOM element.");return}if(!e.innerHTML){console.log("The provided element doesn't have any children.");return}const r=Qv(e.innerHTML);return console.log(`Open this URL in your browser
64
64
 
65
- `+r),r},Vi={debug:Yv,logTestingPlaygroundURL:Jv};typeof document<"u"&&document.body?Wv(document.body,hn,Vi):Object.keys(hn).reduce((e,r)=>(e[r]=()=>{throw new TypeError("For queries bound to document.body a global document has to be available... Learn more: https://testing-library.com/s/screen-global-error")},e),Vi);const Zv=globalThis.matchMedia("(hover: hover)").matches;function eb({mousePercentage:e,amountOfStars:r}){const n=e*r+.01;return Math.ceil(n)}function rb({amountOfStars:e}){const r=ae.useRef(null),[t,n]=ae.useState(null);return ae.useEffect(()=>{if(!r.current||!Zv)return;const o=r.current;function p(b){const u=o.getBoundingClientRect(),s=b.clientX-u.left;n(eb({mousePercentage:s/u.width,amountOfStars:e}))}function c(){n(null)}return o.addEventListener("mousemove",p),o.addEventListener("mouseenter",p),o.addEventListener("mouseleave",c),()=>{o.removeEventListener("mousemove",p),o.removeEventListener("mouseenter",p),o.removeEventListener("mouseleave",c)}},[e]),{hoverValue:t,ref:r}}function tb(e){const{defaultValue:r,value:t,onChange:n,onValueChange:o}=e,[p,c]=Ws({defaultValue:r,value:t,onValueChange:o}),b=ae.useCallback(u=>{n==null||n(u),!u.defaultPrevented&&(c==null||c(u.currentTarget.valueAsNumber))},[n,c]);return{value:p,onChange:b}}function ab({hasError:e,ariaInvalid:r}){return typeof r=="boolean"&&typeof e=="boolean"?(console.warn("You provided both 'hasError' and 'aria-invalid' props. 'hasError' will take precedence. If you're using RatingInput inside FormControl, please remove 'hasError' prop."),e):typeof e=="boolean"?e:typeof r=="boolean"?r:!1}const on=5,G=ae.forwardRef(function({id:r,name:t,value:n,defaultValue:o=0,onValueChange:p,onChange:c,hasError:b,required:u,"aria-label":s,"aria-labelledby":d,"aria-describedby":l,dataset:a,dsInternalSimulation:v,onBlur:h,onFocus:y,"aria-invalid":w},i){const{value:C,onChange:q}=tb({onChange:c,onValueChange:p,defaultValue:o,value:n}),_=zs(C),{ariaValueText:E}=Vs(_),f=ab({hasError:b,ariaInvalid:w}),{hoverValue:m,ref:g}=rb({amountOfStars:on}),x=typeof m=="number"?m:_,S=[...Tn(xn,"rating"),...Tn(xn,"ratingInput",[Gs("dsInternalSimulation",v)])];return L.jsxs("div",{className:S.join(" "),...Xs(a,{preplyDsComponent:Ks.RatingInput}),ref:g,children:[L.jsx(Us,{filledPerc:x/on}),L.jsx("input",{type:"range",min:0,max:on,step:1,value:_,id:r,name:t,"aria-invalid":f===!0?!0:void 0,"aria-required":u===!0?!0:void 0,"aria-label":s,"aria-labelledby":d,"aria-describedby":l,"aria-valuetext":E,onBlur:h,onFocus:y,onChange:q,ref:i})]})});try{G.displayName="RatingInput",G.__docgenInfo={description:`A component that allows rating through a series of discrete values.
65
+ `+r),r},Vi={debug:Yv,logTestingPlaygroundURL:Jv};typeof document<"u"&&document.body?Wv(document.body,hn,Vi):Object.keys(hn).reduce((e,r)=>(e[r]=()=>{throw new TypeError("For queries bound to document.body a global document has to be available... Learn more: https://testing-library.com/s/screen-global-error")},e),Vi);function Zv({mousePercentage:e,amountOfStars:r}){const n=e*r+.01;return Math.ceil(n)}function eb({amountOfStars:e}){const r=ae.useRef(null),[t,n]=ae.useState(null);return ae.useEffect(()=>{const o=window.matchMedia("(hover: hover)").matches===!0;if(!r.current||!o)return;const p=r.current;function c(u){const s=p.getBoundingClientRect(),d=u.clientX-s.left;n(Zv({mousePercentage:d/s.width,amountOfStars:e}))}function b(){n(null)}return p.addEventListener("mousemove",c),p.addEventListener("mouseenter",c),p.addEventListener("mouseleave",b),()=>{p.removeEventListener("mousemove",c),p.removeEventListener("mouseenter",c),p.removeEventListener("mouseleave",b)}},[e]),{hoverValue:t,ref:r}}function rb(e){const{defaultValue:r,value:t,onChange:n,onValueChange:o}=e,[p,c]=Ws({defaultValue:r,value:t,onValueChange:o}),b=ae.useCallback(u=>{n==null||n(u),!u.defaultPrevented&&(c==null||c(u.currentTarget.valueAsNumber))},[n,c]);return{value:p,onChange:b}}function tb({hasError:e,ariaInvalid:r}){return typeof r=="boolean"&&typeof e=="boolean"?(console.warn("You provided both 'hasError' and 'aria-invalid' props. 'hasError' will take precedence. If you're using RatingInput inside FormControl, please remove 'hasError' prop."),e):typeof e=="boolean"?e:typeof r=="boolean"?r:!1}const on=5,G=ae.forwardRef(function({id:r,name:t,value:n,defaultValue:o=0,onValueChange:p,onChange:c,hasError:b,required:u,"aria-label":s,"aria-labelledby":d,"aria-describedby":l,dataset:a,dsInternalSimulation:v,onBlur:h,onFocus:y,"aria-invalid":w},i){const{value:C,onChange:q}=rb({onChange:c,onValueChange:p,defaultValue:o,value:n}),_=zs(C),{ariaValueText:E}=Vs(_),f=tb({hasError:b,ariaInvalid:w}),{hoverValue:m,ref:g}=eb({amountOfStars:on}),x=typeof m=="number"?m:_,S=[...Tn(xn,"rating"),...Tn(xn,"ratingInput",[Gs("dsInternalSimulation",v)])];return L.jsxs("div",{className:S.join(" "),...Xs(a,{preplyDsComponent:Ks.RatingInput}),ref:g,children:[L.jsx(Us,{filledPerc:x/on}),L.jsx("input",{type:"range",min:0,max:on,step:1,value:_,id:r,name:t,"aria-invalid":f===!0?!0:void 0,"aria-required":u===!0?!0:void 0,"aria-label":s,"aria-labelledby":d,"aria-describedby":l,"aria-valuetext":E,onBlur:h,onFocus:y,onChange:q,ref:i})]})});try{G.displayName="RatingInput",G.__docgenInfo={description:`A component that allows rating through a series of discrete values.
66
66
 
67
67
  If you need to visualize the current rating without the users changing it, look at Rating.`,displayName:"RatingInput",props:{value:{defaultValue:null,description:`Half values can be shown, but the users can only set full values by interacting.
68
68
 
@@ -89,7 +89,7 @@ is of type \`range\`, which means \`required\` is ineffective.
89
89
 
90
90
  This is automatically handled by FormControl.
91
91
  @see {@link https://github.com/preply/design-system/blob/main/packages/web-lib/src/components/FormControl/FormControl.stories.tsx FormControl.stories.tsx} for complete examples.`,name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},defaultValue:{defaultValue:{value:"0"},description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"number"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: number) => void"}]}},dataset:{defaultValue:null,description:`Sets data attributes on the DOM element.
92
- @example <Rating dataset={{ 'qa-id': 'accept-conditions' }} /> // will add data-qa-id="accept-conditions" to the HTML element`,name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLInputElement>"}]}},"aria-label":{defaultValue:null,description:"",name:"aria-label",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-labelledby":{defaultValue:null,description:"",name:"aria-labelledby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-describedby":{defaultValue:null,description:"",name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLInputElement | null) => void"},{value:"RefObject<HTMLInputElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const nb={title:"components/Rating/RatingInput",component:G,args:{onBlur:Na("onCheckedChange"),onFocus:Na("onCheckedChange"),onChange:Na("onChange"),onValueChange:Na("onCheckedChange")},excludeStories:/setRating/},Te={render:function(){return L.jsx("div",{style:{display:"flex",gap:"16px"},children:L.jsx("table",{style:{borderCollapse:"separate",borderSpacing:"16px"},children:L.jsxs("tbody",{children:[L.jsxs("tr",{children:[L.jsx("td",{children:"default"}),L.jsx("td",{children:L.jsx(G,{"aria-label":"Lesson rating",value:2.5})})]}),L.jsxs("tr",{children:[L.jsx("td",{children:"hover"}),L.jsx("td",{children:L.jsx(G,{"aria-label":"Lesson rating",value:2.5,dsInternalSimulation:"hover"})})]}),L.jsxs("tr",{children:[L.jsx("td",{children:"focus"}),L.jsx("td",{children:L.jsx(G,{"aria-label":"Lesson rating",value:2.5,dsInternalSimulation:"focus"})})]}),L.jsxs("tr",{children:[L.jsx("td",{children:"hasError"}),L.jsx("td",{children:L.jsx(G,{"aria-label":"Lesson rating",value:2.5,hasError:!0})})]}),L.jsxs("tr",{children:[L.jsx("td",{children:"hasError+hover"}),L.jsx("td",{children:L.jsx(G,{"aria-label":"Lesson rating",value:2.5,hasError:!0,dsInternalSimulation:"hover"})})]}),L.jsxs("tr",{children:[L.jsx("td",{children:"hasError+focus"}),L.jsx("td",{children:L.jsx(G,{"aria-label":"Lesson rating",value:2.5,hasError:!0,dsInternalSimulation:"focus"})})]})]})})})}};async function he({value:e,rating:r}){await Be.change(r,{target:{value:e}})}const wa={args:{onValueChange:Wa()},render:function(r){return L.jsx(G,{onValueChange:r.onValueChange,"aria-label":"Lesson rating"})},play:async({canvas:e,step:r,args:t})=>{const n=await e.findByRole("slider",{name:/Lesson rating/});await r("Initial state",async()=>{await j(n).toHaveValue("0"),j(t.onValueChange).not.toBeCalled()}),await r("onValueChange is called with the correct value",async()=>{await he({value:3,rating:n}),j(n).toHaveValue("3"),j(t.onValueChange).toBeCalledWith(3)})}},Pa={render:function(){const[r,t]=ae.useState(0);return L.jsx(G,{value:r,onValueChange:t,"aria-label":"Lesson rating"})},play:async({canvas:e,step:r})=>{const t=await e.findByRole("slider",{name:/Lesson rating/});await r("Initial state",async()=>{await j(t).toHaveValue("0")}),await r("The input field has the correct value",async()=>{await he({value:3,rating:t}),j(t).toHaveValue("3")})}},Se={render:function(){return L.jsx(G,{"aria-label":"Lesson rating"})},play:async({canvas:e,step:r})=>{const t=await e.findByRole("slider",{name:/Lesson rating/});await r("Initial state",async()=>{j(t).toHaveAttribute("aria-valuetext","0 out of 5")}),await r("The aria attributes are updated",async()=>{await he({value:3,rating:t}),j(t).toHaveAttribute("aria-valuetext","3 out of 5")})}},Oe={render:function(){const[r,t]=ae.useState(!1),[n,o]=ae.useState(0);return L.jsxs(L.Fragment,{children:[L.jsx(Iu,{label:"Lesson rating",error:r&&"Rating is mandatory",required:!0,children:L.jsx(G,{value:n,onValueChange:o})}),L.jsx(Au,{onClick:()=>t(n===0),children:"Submit"})]})},play:async({canvas:e,step:r})=>{const t=await e.findByLabelText("Lesson rating"),n=await e.findByRole("button",{name:/Submit/});await r("Initial state",async()=>{j(t).not.toHaveAttribute("aria-invalid"),j(t).toHaveAttribute("aria-required","true")}),await r("Submit",async()=>{await Ne.click(n),j(t).toHaveAttribute("aria-invalid","true")}),await r("Rate",async()=>{await he({rating:t,value:5}),j(t).toHaveAttribute("aria-invalid","true")}),await r("Submit",async()=>{await Ne.click(n),j(t).not.toHaveAttribute("aria-invalid")})}},Me={render:function(){const[r,t]=ae.useState(!1),[n,o]=ae.useState(0);return L.jsxs(L.Fragment,{children:[L.jsx(G,{value:n,onValueChange:o,hasError:r,required:!0,"aria-label":"Lesson rating"}),L.jsx(Au,{onClick:()=>t(n===0),children:"Submit"})]})},play:async({canvas:e,step:r})=>{const t=await e.findByRole("slider",{name:/Lesson rating/}),n=await e.findByRole("button",{name:/Submit/});await r("Initial state",async()=>{j(t).not.toHaveAttribute("aria-invalid"),j(t).toHaveAttribute("aria-required","true")}),await r("Submit",async()=>{await Ne.click(n),j(t).toHaveAttribute("aria-invalid","true")}),await r("Rate",async()=>{await he({rating:t,value:5}),j(t).toHaveAttribute("aria-invalid","true")}),await r("Submit",async()=>{await Ne.click(n),j(t).not.toHaveAttribute("aria-invalid")})}},Ae={args:{onValueChange:Wa()},render:function(){return L.jsx(G,{value:2.5,"aria-label":"Lesson rating"})},play:async({canvas:e,step:r,args:t})=>{const n=await e.findByRole("slider",{name:/Lesson rating/});await r("Initial state (which does not include half values)",async()=>{await j(n).toHaveValue("3"),j(t.onValueChange).not.toBeCalled()})}},xa={args:{onValueChange:Wa()},render:function(){return L.jsx(G,{value:1,"aria-label":"Lesson rating"})},play:async({canvas:e,step:r,args:t})=>{const n=await e.findByRole("slider",{name:/Lesson rating/});await r("Initial state",async()=>{await j(n).toHaveValue("1"),j(t.onValueChange).not.toBeCalled()}),await r("Hover the element",async()=>{const o=n.getBoundingClientRect();await Be.mouseMove(n,{clientX:o.left+o.width/2,clientY:o.top}),j(t.onValueChange).not.toBeCalled()})}},Ie={args:{onValueChange:Wa()},render:function(r){const[t,n]=ae.useState(!1);return L.jsxs(L.Fragment,{children:[L.jsx(G,{onValueChange:r.onValueChange,onChange:o=>{t&&o.preventDefault()},"aria-label":"Lesson rating"}),L.jsx(Iu,{label:"Toggle cancel change event",required:!0,children:L.jsx(Qs,{onCheckedChange:n})})]})},play:async({canvas:e,step:r,args:t})=>{const n=await e.findByRole("switch",{name:/Toggle cancel change event/}),o=await e.findByRole("slider",{name:/Lesson rating/});await r("Initial state",async()=>{await j(o).toHaveValue("0"),j(t.onValueChange).not.toBeCalled()}),await r("onValueChange is called with the correct value",async()=>{await he({value:3,rating:o}),j(t.onValueChange).toBeCalledWith(3),j(t.onValueChange).toBeCalledTimes(1)}),await r("prevent change event",async()=>{await Ne.click(n)}),await r("change rating is ineffective",async()=>{await he({value:2,rating:o}),j(o).toHaveValue("3"),j(t.onValueChange).toBeCalledTimes(1)}),await r("stop preventing change event",async()=>{await Ne.click(n)}),await r("onValueChange is called with the correct value",async()=>{await he({value:4,rating:o}),j(o).toHaveValue("4"),j(t.onValueChange).toBeCalledWith(3),j(t.onValueChange).toBeCalledTimes(2)})}},Ta={parameters:{chromatic:{disableSnapshot:!0}},args:{"aria-label":"Lesson rating"},argTypes:{id:{control:"text"},name:{control:"text"},dataset:{control:"object"},value:{control:"select",options:[0,.5,1,1.5,2,2.5,3,3.5,4,4.5,5]},defaultValue:{control:"select",options:[0,.5,1,1.5,2,2.5,3,3.5,4,4.5,5]},hasError:{control:"boolean"},required:{control:"boolean"},"aria-label":{control:"text"},"aria-labelledby":{control:"text"},"aria-describedby":{control:"text"}}};var Ui,zi,Wi,Gi,Xi;Te.parameters={...Te.parameters,docs:{...(Ui=Te.parameters)==null?void 0:Ui.docs,source:{originalSource:`{
92
+ @example <Rating dataset={{ 'qa-id': 'accept-conditions' }} /> // will add data-qa-id="accept-conditions" to the HTML element`,name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLInputElement>"}]}},"aria-label":{defaultValue:null,description:"",name:"aria-label",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-labelledby":{defaultValue:null,description:"",name:"aria-labelledby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-describedby":{defaultValue:null,description:"",name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLInputElement | null) => void"},{value:"RefObject<HTMLInputElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const ab={title:"components/Rating/RatingInput",component:G,args:{onBlur:Na("onCheckedChange"),onFocus:Na("onCheckedChange"),onChange:Na("onChange"),onValueChange:Na("onCheckedChange")},excludeStories:/setRating/},Te={render:function(){return L.jsx("div",{style:{display:"flex",gap:"16px"},children:L.jsx("table",{style:{borderCollapse:"separate",borderSpacing:"16px"},children:L.jsxs("tbody",{children:[L.jsxs("tr",{children:[L.jsx("td",{children:"default"}),L.jsx("td",{children:L.jsx(G,{"aria-label":"Lesson rating",value:2.5})})]}),L.jsxs("tr",{children:[L.jsx("td",{children:"hover"}),L.jsx("td",{children:L.jsx(G,{"aria-label":"Lesson rating",value:2.5,dsInternalSimulation:"hover"})})]}),L.jsxs("tr",{children:[L.jsx("td",{children:"focus"}),L.jsx("td",{children:L.jsx(G,{"aria-label":"Lesson rating",value:2.5,dsInternalSimulation:"focus"})})]}),L.jsxs("tr",{children:[L.jsx("td",{children:"hasError"}),L.jsx("td",{children:L.jsx(G,{"aria-label":"Lesson rating",value:2.5,hasError:!0})})]}),L.jsxs("tr",{children:[L.jsx("td",{children:"hasError+hover"}),L.jsx("td",{children:L.jsx(G,{"aria-label":"Lesson rating",value:2.5,hasError:!0,dsInternalSimulation:"hover"})})]}),L.jsxs("tr",{children:[L.jsx("td",{children:"hasError+focus"}),L.jsx("td",{children:L.jsx(G,{"aria-label":"Lesson rating",value:2.5,hasError:!0,dsInternalSimulation:"focus"})})]})]})})})}};async function he({value:e,rating:r}){await Be.change(r,{target:{value:e}})}const wa={args:{onValueChange:Wa()},render:function(r){return L.jsx(G,{onValueChange:r.onValueChange,"aria-label":"Lesson rating"})},play:async({canvas:e,step:r,args:t})=>{const n=await e.findByRole("slider",{name:/Lesson rating/});await r("Initial state",async()=>{await j(n).toHaveValue("0"),j(t.onValueChange).not.toBeCalled()}),await r("onValueChange is called with the correct value",async()=>{await he({value:3,rating:n}),j(n).toHaveValue("3"),j(t.onValueChange).toBeCalledWith(3)})}},Pa={render:function(){const[r,t]=ae.useState(0);return L.jsx(G,{value:r,onValueChange:t,"aria-label":"Lesson rating"})},play:async({canvas:e,step:r})=>{const t=await e.findByRole("slider",{name:/Lesson rating/});await r("Initial state",async()=>{await j(t).toHaveValue("0")}),await r("The input field has the correct value",async()=>{await he({value:3,rating:t}),j(t).toHaveValue("3")})}},Se={render:function(){return L.jsx(G,{"aria-label":"Lesson rating"})},play:async({canvas:e,step:r})=>{const t=await e.findByRole("slider",{name:/Lesson rating/});await r("Initial state",async()=>{j(t).toHaveAttribute("aria-valuetext","0 out of 5")}),await r("The aria attributes are updated",async()=>{await he({value:3,rating:t}),j(t).toHaveAttribute("aria-valuetext","3 out of 5")})}},Oe={render:function(){const[r,t]=ae.useState(!1),[n,o]=ae.useState(0);return L.jsxs(L.Fragment,{children:[L.jsx(Iu,{label:"Lesson rating",error:r&&"Rating is mandatory",required:!0,children:L.jsx(G,{value:n,onValueChange:o})}),L.jsx(Au,{onClick:()=>t(n===0),children:"Submit"})]})},play:async({canvas:e,step:r})=>{const t=await e.findByLabelText("Lesson rating"),n=await e.findByRole("button",{name:/Submit/});await r("Initial state",async()=>{j(t).not.toHaveAttribute("aria-invalid"),j(t).toHaveAttribute("aria-required","true")}),await r("Submit",async()=>{await Ne.click(n),j(t).toHaveAttribute("aria-invalid","true")}),await r("Rate",async()=>{await he({rating:t,value:5}),j(t).toHaveAttribute("aria-invalid","true")}),await r("Submit",async()=>{await Ne.click(n),j(t).not.toHaveAttribute("aria-invalid")})}},Me={render:function(){const[r,t]=ae.useState(!1),[n,o]=ae.useState(0);return L.jsxs(L.Fragment,{children:[L.jsx(G,{value:n,onValueChange:o,hasError:r,required:!0,"aria-label":"Lesson rating"}),L.jsx(Au,{onClick:()=>t(n===0),children:"Submit"})]})},play:async({canvas:e,step:r})=>{const t=await e.findByRole("slider",{name:/Lesson rating/}),n=await e.findByRole("button",{name:/Submit/});await r("Initial state",async()=>{j(t).not.toHaveAttribute("aria-invalid"),j(t).toHaveAttribute("aria-required","true")}),await r("Submit",async()=>{await Ne.click(n),j(t).toHaveAttribute("aria-invalid","true")}),await r("Rate",async()=>{await he({rating:t,value:5}),j(t).toHaveAttribute("aria-invalid","true")}),await r("Submit",async()=>{await Ne.click(n),j(t).not.toHaveAttribute("aria-invalid")})}},Ae={args:{onValueChange:Wa()},render:function(){return L.jsx(G,{value:2.5,"aria-label":"Lesson rating"})},play:async({canvas:e,step:r,args:t})=>{const n=await e.findByRole("slider",{name:/Lesson rating/});await r("Initial state (which does not include half values)",async()=>{await j(n).toHaveValue("3"),j(t.onValueChange).not.toBeCalled()})}},xa={args:{onValueChange:Wa()},render:function(){return L.jsx(G,{value:1,"aria-label":"Lesson rating"})},play:async({canvas:e,step:r,args:t})=>{const n=await e.findByRole("slider",{name:/Lesson rating/});await r("Initial state",async()=>{await j(n).toHaveValue("1"),j(t.onValueChange).not.toBeCalled()}),await r("Hover the element",async()=>{const o=n.getBoundingClientRect();await Be.mouseMove(n,{clientX:o.left+o.width/2,clientY:o.top}),j(t.onValueChange).not.toBeCalled()})}},Ie={args:{onValueChange:Wa()},render:function(r){const[t,n]=ae.useState(!1);return L.jsxs(L.Fragment,{children:[L.jsx(G,{onValueChange:r.onValueChange,onChange:o=>{t&&o.preventDefault()},"aria-label":"Lesson rating"}),L.jsx(Iu,{label:"Toggle cancel change event",required:!0,children:L.jsx(Qs,{onCheckedChange:n})})]})},play:async({canvas:e,step:r,args:t})=>{const n=await e.findByRole("switch",{name:/Toggle cancel change event/}),o=await e.findByRole("slider",{name:/Lesson rating/});await r("Initial state",async()=>{await j(o).toHaveValue("0"),j(t.onValueChange).not.toBeCalled()}),await r("onValueChange is called with the correct value",async()=>{await he({value:3,rating:o}),j(t.onValueChange).toBeCalledWith(3),j(t.onValueChange).toBeCalledTimes(1)}),await r("prevent change event",async()=>{await Ne.click(n)}),await r("change rating is ineffective",async()=>{await he({value:2,rating:o}),j(o).toHaveValue("3"),j(t.onValueChange).toBeCalledTimes(1)}),await r("stop preventing change event",async()=>{await Ne.click(n)}),await r("onValueChange is called with the correct value",async()=>{await he({value:4,rating:o}),j(o).toHaveValue("4"),j(t.onValueChange).toBeCalledWith(3),j(t.onValueChange).toBeCalledTimes(2)})}},Ta={parameters:{chromatic:{disableSnapshot:!0}},args:{"aria-label":"Lesson rating"},argTypes:{id:{control:"text"},name:{control:"text"},dataset:{control:"object"},value:{control:"select",options:[0,.5,1,1.5,2,2.5,3,3.5,4,4.5,5]},defaultValue:{control:"select",options:[0,.5,1,1.5,2,2.5,3,3.5,4,4.5,5]},hasError:{control:"boolean"},required:{control:"boolean"},"aria-label":{control:"text"},"aria-labelledby":{control:"text"},"aria-describedby":{control:"text"}}};var Ui,zi,Wi,Gi,Xi;Te.parameters={...Te.parameters,docs:{...(Ui=Te.parameters)==null?void 0:Ui.docs,source:{originalSource:`{
93
93
  render: function Story() {
94
94
  return <div style={{
95
95
  display: 'flex',
@@ -452,4 +452,4 @@ because it's an input field.`,...(ou=(nu=Se.parameters)==null?void 0:nu.docs)==n
452
452
  control: 'text'
453
453
  }
454
454
  }
455
- }`,...(Mu=(Ou=Ta.parameters)==null?void 0:Ou.docs)==null?void 0:Mu.source}}};const ob=["States","setRating","Uncontrolled","Controlled","Accessibility","IntegrationWithFormControl","AccessibilityWhenHasError","InitialHalfValue","Hover","CancelOnChangeEvent","Playground"],gb=Object.freeze(Object.defineProperty({__proto__:null,Accessibility:Se,AccessibilityWhenHasError:Me,CancelOnChangeEvent:Ie,Controlled:Pa,Hover:xa,InitialHalfValue:Ae,IntegrationWithFormControl:Oe,Playground:Ta,States:Te,Uncontrolled:wa,__namedExportsOrder:ob,default:nb,setRating:he},Symbol.toStringTag,{value:"Module"}));export{G as R,gb as a,he as s};
455
+ }`,...(Mu=(Ou=Ta.parameters)==null?void 0:Ou.docs)==null?void 0:Mu.source}}};const nb=["States","setRating","Uncontrolled","Controlled","Accessibility","IntegrationWithFormControl","AccessibilityWhenHasError","InitialHalfValue","Hover","CancelOnChangeEvent","Playground"],yb=Object.freeze(Object.defineProperty({__proto__:null,Accessibility:Se,AccessibilityWhenHasError:Me,CancelOnChangeEvent:Ie,Controlled:Pa,Hover:xa,InitialHalfValue:Ae,IntegrationWithFormControl:Oe,Playground:Ta,States:Te,Uncontrolled:wa,__namedExportsOrder:nb,default:ab,setRating:he},Symbol.toStringTag,{value:"Module"}));export{G as R,yb as a,he as s};
@@ -1,8 +1,8 @@
1
- import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r as f}from"./index-Cb9e4tly.js";import{F as S}from"./FormControl-BEOVVHxt.js";import{w as q}from"./componentNames-k0j3gHgH.js";import{I as b,s as T}from"./InputContainer-B1hqJyx0.js";import{F as L}from"./TokyoUIExpand-oMdXmNcg.js";import{I as w}from"./Icon-C9LCNP6i.js";import{g as V}from"./index-qlqSh81O.js";const y=f.forwardRef(function({dataset:i,onChange:n,onValueChange:t,icon:d,children:o,placeholder:u,...e},s){const[m,v]=f.useState(!e.value&&!e.defaultValue),p=V(i),c=e.value===void 0?{defaultValue:e.defaultValue||""}:{value:e.value},H=r=>{n==null||n(r),t==null||t(r.target.value),v(!r.target.value)};return a.jsx(b,{icon:d,trailingIcon:a.jsx(w,{svg:L}),children:a.jsxs("select",{...p,...e,...c,onChange:H,ref:s,className:T.input,"data-empty":m,children:[typeof u=="string"&&a.jsx("option",{value:"",disabled:e.required,children:u}),o]})})});try{y.displayName="Select",y.__docgenInfo={description:`A component to render a select with optional icon.
2
- For internal use only.`,displayName:"Select",props:{autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},form:{defaultValue:null,description:"",name:"form",required:!1,type:{name:"enum",value:[{value:"string"}]}},multiple:{defaultValue:null,description:"",name:"multiple",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:"number"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"},{value:"number"},{value:"readonly string[]"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLSelectElement>"}]}},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:'"none"'},{value:'"off"'},{value:'"on"'},{value:'"sentences"'},{value:'"words"'},{value:'"characters"'},{value:"string & {}"}]}},autoFocus:{defaultValue:null,description:"",name:"autoFocus",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"inherit"'},{value:'"plaintext-only"'}]}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"enum",value:[{value:"string"}]}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"enum",value:[{value:"string"}]}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},enterKeyHint:{defaultValue:null,description:"",name:"enterKeyHint",required:!1,type:{name:"enum",value:[{value:'"enter"'},{value:'"done"'},{value:'"go"'},{value:'"next"'},{value:'"previous"'},{value:'"search"'},{value:'"send"'}]}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"enum",value:[{value:"string"}]}},nonce:{defaultValue:null,description:"",name:"nonce",required:!1,type:{name:"enum",value:[{value:"string"}]}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"enum",value:[{value:"string"}]}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"enum",value:[{value:"CSSProperties"}]}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"enum",value:[{value:"number"}]}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"enum",value:[{value:"string"}]}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:"enum",value:[{value:'"no"'},{value:'"yes"'}]}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"enum",value:[{value:"string"}]}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"row"'},{value:'"main"'},{value:'"article"'},{value:'"table"'},{value:'"figure"'},{value:'"form"'},{value:"string & {}"},{value:'"search"'},{value:'"alert"'},{value:'"alertdialog"'},{value:'"application"'},{value:'"banner"'},{value:'"button"'},{value:'"cell"'},{value:'"checkbox"'},{value:'"columnheader"'},{value:'"combobox"'},{value:'"complementary"'},{value:'"contentinfo"'},{value:'"definition"'},{value:'"dialog"'},{value:'"directory"'},{value:'"document"'},{value:'"feed"'},{value:'"grid"'},{value:'"gridcell"'},{value:'"group"'},{value:'"heading"'},{value:'"img"'},{value:'"link"'},{value:'"list"'},{value:'"listbox"'},{value:'"listitem"'},{value:'"log"'},{value:'"marquee"'},{value:'"math"'},{value:'"menu"'},{value:'"menubar"'},{value:'"menuitem"'},{value:'"menuitemcheckbox"'},{value:'"menuitemradio"'},{value:'"navigation"'},{value:'"note"'},{value:'"option"'},{value:'"presentation"'},{value:'"progressbar"'},{value:'"radio"'},{value:'"radiogroup"'},{value:'"region"'},{value:'"rowgroup"'},{value:'"rowheader"'},{value:'"scrollbar"'},{value:'"searchbox"'},{value:'"separator"'},{value:'"slider"'},{value:'"spinbutton"'},{value:'"status"'},{value:'"switch"'},{value:'"tab"'},{value:'"tablist"'},{value:'"tabpanel"'},{value:'"term"'},{value:'"textbox"'},{value:'"timer"'},{value:'"toolbar"'},{value:'"tooltip"'},{value:'"tree"'},{value:'"treegrid"'},{value:'"treeitem"'}]}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"enum",value:[{value:"string"}]}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"enum",value:[{value:"string"}]}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"enum",value:[{value:"string"}]}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"enum",value:[{value:"string"}]}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"enum",value:[{value:"string"}]}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"enum",value:[{value:"string"}]}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"enum",value:[{value:"string"}]}},rev:{defaultValue:null,description:"",name:"rev",required:!1,type:{name:"enum",value:[{value:"string"}]}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"enum",value:[{value:"string"}]}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"enum",value:[{value:"string"}]}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"enum",value:[{value:"string"}]}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"enum",value:[{value:"string"}]}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"enum",value:[{value:"string"}]}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"enum",value:[{value:"string"}]}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"enum",value:[{value:"string"}]}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"enum",value:[{value:"string"}]}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"enum",value:[{value:"string"}]}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"enum",value:[{value:"number"}]}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"enum",value:[{value:"string"}]}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"on"'}]}},inputMode:{defaultValue:null,description:`Hints at the type of data that might be entered by the user while editing the element or its contents
3
- @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:'"url"'},{value:'"search"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'},{value:'"numeric"'},{value:'"decimal"'}]}},is:{defaultValue:null,description:`Specify that a standard HTML element should behave like a defined custom built-in element
1
+ import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r as f}from"./index-Cb9e4tly.js";import{F as S}from"./FormControl-BEOVVHxt.js";import{w as q}from"./componentNames-k0j3gHgH.js";import{I as b,s as T}from"./InputContainer-B1hqJyx0.js";import{F as L}from"./TokyoUIExpand-oMdXmNcg.js";import{I as w}from"./Icon-5QESEDp5.js";import{g as V}from"./index-qlqSh81O.js";const y=f.forwardRef(function({dataset:i,onChange:n,onValueChange:t,icon:d,children:o,placeholder:u,...e},s){const[m,v]=f.useState(!e.value&&!e.defaultValue),p=V(i),c=e.value===void 0?{defaultValue:e.defaultValue||""}:{value:e.value},H=r=>{n==null||n(r),t==null||t(r.target.value),v(!r.target.value)};return a.jsx(b,{icon:d,trailingIcon:a.jsx(w,{svg:L}),children:a.jsxs("select",{...p,...e,...c,onChange:H,ref:s,className:T.input,"data-empty":m,children:[typeof u=="string"&&a.jsx("option",{value:"",disabled:e.required,children:u}),o]})})});try{y.displayName="Select",y.__docgenInfo={description:`A component to render a select with optional icon.
2
+ For internal use only.`,displayName:"Select",props:{autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},form:{defaultValue:null,description:"",name:"form",required:!1,type:{name:"enum",value:[{value:"string"}]}},multiple:{defaultValue:null,description:"",name:"multiple",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:"number"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"},{value:"number"},{value:"readonly string[]"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLSelectElement>"}]}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"},{value:"number"},{value:"readonly string[]"}]}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"enum",value:[{value:"string"}]}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"none"'},{value:'"on"'},{value:'"sentences"'},{value:'"words"'},{value:'"characters"'},{value:"string & {}"}]}},autoFocus:{defaultValue:null,description:"",name:"autoFocus",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"inherit"'},{value:'"plaintext-only"'}]}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"enum",value:[{value:"string"}]}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"enum",value:[{value:"string"}]}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},enterKeyHint:{defaultValue:null,description:"",name:"enterKeyHint",required:!1,type:{name:"enum",value:[{value:'"enter"'},{value:'"done"'},{value:'"go"'},{value:'"next"'},{value:'"previous"'},{value:'"search"'},{value:'"send"'}]}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"enum",value:[{value:"string"}]}},nonce:{defaultValue:null,description:"",name:"nonce",required:!1,type:{name:"enum",value:[{value:"string"}]}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"enum",value:[{value:"string"}]}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"enum",value:[{value:"CSSProperties"}]}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"enum",value:[{value:"number"}]}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"enum",value:[{value:"string"}]}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:"enum",value:[{value:'"no"'},{value:'"yes"'}]}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"enum",value:[{value:"string"}]}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"enum",value:[{value:'"form"'},{value:'"none"'},{value:"string & {}"},{value:'"search"'},{value:'"alert"'},{value:'"alertdialog"'},{value:'"application"'},{value:'"article"'},{value:'"banner"'},{value:'"button"'},{value:'"cell"'},{value:'"checkbox"'},{value:'"columnheader"'},{value:'"combobox"'},{value:'"complementary"'},{value:'"contentinfo"'},{value:'"definition"'},{value:'"dialog"'},{value:'"directory"'},{value:'"document"'},{value:'"feed"'},{value:'"figure"'},{value:'"grid"'},{value:'"gridcell"'},{value:'"group"'},{value:'"heading"'},{value:'"img"'},{value:'"link"'},{value:'"list"'},{value:'"listbox"'},{value:'"listitem"'},{value:'"log"'},{value:'"main"'},{value:'"marquee"'},{value:'"math"'},{value:'"menu"'},{value:'"menubar"'},{value:'"menuitem"'},{value:'"menuitemcheckbox"'},{value:'"menuitemradio"'},{value:'"navigation"'},{value:'"note"'},{value:'"option"'},{value:'"presentation"'},{value:'"progressbar"'},{value:'"radio"'},{value:'"radiogroup"'},{value:'"region"'},{value:'"row"'},{value:'"rowgroup"'},{value:'"rowheader"'},{value:'"scrollbar"'},{value:'"searchbox"'},{value:'"separator"'},{value:'"slider"'},{value:'"spinbutton"'},{value:'"status"'},{value:'"switch"'},{value:'"tab"'},{value:'"table"'},{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
3
+ @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:'"search"'},{value:'"text"'},{value:'"tel"'},{value:'"url"'},{value:'"email"'},{value:'"numeric"'},{value:'"decimal"'}]}},is:{defaultValue:null,description:`Specify that a standard HTML element should behave like a defined custom built-in element
4
4
  @see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is}`,name:"is",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-autocomplete":{defaultValue:null,description:`Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be
5
- presented if they are made.`,name:"aria-autocomplete",required:!1,type:{name:"enum",value:[{value:'"inline"'},{value:'"none"'},{value:'"list"'},{value:'"both"'}]}},"aria-braillelabel":{defaultValue:null,description:`Defines a string value that labels the current element, which is intended to be converted into Braille.
5
+ 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.
6
6
  @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.
7
7
  @see aria-roledescription.`,name:"aria-brailleroledescription",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-busy":{defaultValue:null,description:"",name:"aria-busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-checked":{defaultValue:null,description:`Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
8
8
  @see aria-pressed
@@ -45,9 +45,9 @@ A hint could be a sample value or a brief description of the expected format.`,n
45
45
  @see aria-checked
46
46
  @see aria-pressed.`,name:"aria-selected",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-setsize":{defaultValue:null,description:`Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
47
47
  @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.
48
- @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<HTMLSelectElement>"}]}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLSelectElement>"}]}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLSelectElement>"}]}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLSelectElement>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLSelectElement>"}]}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLSelectElement>"}]}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLSelectElement>"}]}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLSelectElement>"}]}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLSelectElement>"}]}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLSelectElement>"}]}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLSelectElement>"}]}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLSelectElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLSelectElement>"}]}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLSelectElement>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLSelectElement>"}]}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLSelectElement>"}]}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLSelectElement>"}]}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLSelectElement>"}]}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLSelectElement>"}]}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLSelectElement>"}]}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLSelectElement>"}]}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLSelectElement>"}]}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLSelectElement>"}]}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLSelectElement>"}]}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLSelectElement>"}]}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLSelectElement>"}]}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLSelectElement>"}]}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLSelectElement>"}]}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLSelectElement>"}]}},onKeyPress:{defaultValue:null,description:"@deprecated Use `onKeyUp` or `onKeyDown` instead",name:"onKeyPress",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLSelectElement>"}]}},onKeyPressCapture:{defaultValue:null,description:"@deprecated Use `onKeyUpCapture` or `onKeyDownCapture` instead",name:"onKeyPressCapture",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLSelectElement>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLSelectElement>"}]}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLSelectElement>"}]}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onResizeCapture:{defaultValue:null,description:"",name:"onResizeCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLSelectElement>"}]}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLSelectElement>"}]}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLSelectElement>"}]}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLSelectElement>"}]}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLSelectElement>"}]}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLSelectElement>"}]}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLSelectElement>"}]}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLSelectElement>"}]}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"enum",value:[{value:"UIEventHandler<HTMLSelectElement>"}]}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"enum",value:[{value:"UIEventHandler<HTMLSelectElement>"}]}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"enum",value:[{value:"WheelEventHandler<HTMLSelectElement>"}]}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"enum",value:[{value:"WheelEventHandler<HTMLSelectElement>"}]}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLSelectElement>"}]}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLSelectElement>"}]}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLSelectElement>"}]}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLSelectElement>"}]}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLSelectElement>"}]}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLSelectElement>"}]}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"enum",value:[{value:"TransitionEventHandler<HTMLSelectElement>"}]}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"enum",value:[{value:"TransitionEventHandler<HTMLSelectElement>"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: string) => void"}]}},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: HTMLSelectElement | null) => void"},{value:"RefObject<HTMLSelectElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const g=f.forwardRef(function({id:i,label:n,description:t,error:d,required:o,inputDataset:u,dataset:e,hideLabel:s,onClick:m,children:v,hasError:p,useLegacyRequiredLabel:c,className:H,style:r,...C},M){return a.jsx(S,{id:i,label:n,description:t,error:d,hasError:p,required:o,dataset:e,hideLabel:s,onClick:m,useLegacyRequiredLabel:c,preplyDsComponent:q.SelectField,children:a.jsx(y,{...C,ref:M,dataset:u,children:v})})});g.Option=E;const h=g;function E(l){return a.jsx("option",{...l,...V(void 0,{preplyDsComponent:q.SelectFieldOption})})}try{E.displayName="SelectFieldOption",E.__docgenInfo={description:"",displayName:"SelectFieldOption",props:{value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}try{h.displayName="SelectField",h.__docgenInfo={description:"",displayName:"SelectField",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},id:{defaultValue:null,description:`The id to be passed to the input element.
49
- If not provided, will be generated for accessibility purposes.`,name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLDivElement> & MouseEventHandler<HTMLSelectElement>"}]}},error:{defaultValue:null,description:"Error message to display when the field has an invalid value.",name:"error",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",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"}]}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},description:{defaultValue:null,description:`Additional descriptive text that appears below the input field
50
- to provide more context or instructions to the user.`,name:"description",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hasError:{defaultValue:null,description:"Whether the field has an error.\n@deprecated Use `error` prop to explicitly describe the error to users",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:`Indicates if the field is required. When false, adds a "Optional"
48
+ @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<HTMLSelectElement>"}]}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLSelectElement>"}]}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLSelectElement>"}]}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLSelectElement>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLSelectElement>"}]}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLSelectElement>"}]}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLSelectElement>"}]}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLSelectElement>"}]}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLSelectElement>"}]}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLSelectElement>"}]}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLSelectElement>"}]}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLSelectElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLSelectElement>"}]}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLSelectElement>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLSelectElement>"}]}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLSelectElement>"}]}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLSelectElement>"}]}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLSelectElement>"}]}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLSelectElement>"}]}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLSelectElement>"}]}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLSelectElement>"}]}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLSelectElement>"}]}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLSelectElement>"}]}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLSelectElement>"}]}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLSelectElement>"}]}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLSelectElement>"}]}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLSelectElement>"}]}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLSelectElement>"}]}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLSelectElement>"}]}},onKeyPress:{defaultValue:null,description:"@deprecated Use `onKeyUp` or `onKeyDown` instead",name:"onKeyPress",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLSelectElement>"}]}},onKeyPressCapture:{defaultValue:null,description:"@deprecated Use `onKeyUpCapture` or `onKeyDownCapture` instead",name:"onKeyPressCapture",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLSelectElement>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLSelectElement>"}]}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLSelectElement>"}]}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onResizeCapture:{defaultValue:null,description:"",name:"onResizeCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLSelectElement>"}]}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLSelectElement>"}]}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLSelectElement>"}]}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLSelectElement>"}]}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLSelectElement>"}]}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLSelectElement>"}]}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLSelectElement>"}]}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLSelectElement>"}]}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLSelectElement>"}]}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLSelectElement>"}]}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLSelectElement>"}]}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLSelectElement>"}]}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"enum",value:[{value:"UIEventHandler<HTMLSelectElement>"}]}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"enum",value:[{value:"UIEventHandler<HTMLSelectElement>"}]}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"enum",value:[{value:"WheelEventHandler<HTMLSelectElement>"}]}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"enum",value:[{value:"WheelEventHandler<HTMLSelectElement>"}]}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLSelectElement>"}]}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLSelectElement>"}]}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLSelectElement>"}]}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLSelectElement>"}]}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLSelectElement>"}]}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLSelectElement>"}]}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"enum",value:[{value:"TransitionEventHandler<HTMLSelectElement>"}]}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"enum",value:[{value:"TransitionEventHandler<HTMLSelectElement>"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: string) => void"}]}},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: HTMLSelectElement | null) => void"},{value:"RefObject<HTMLSelectElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const g=f.forwardRef(function({id:i,label:n,description:t,error:d,required:o,inputDataset:u,dataset:e,hideLabel:s,onClick:m,children:v,hasError:p,useLegacyRequiredLabel:c,className:H,style:r,...C},M){return a.jsx(S,{id:i,label:n,description:t,error:d,hasError:p,required:o,dataset:e,hideLabel:s,onClick:m,useLegacyRequiredLabel:c,preplyDsComponent:q.SelectField,children:a.jsx(y,{...C,ref:M,dataset:u,children:v})})});g.Option=E;const h=g;function E(l){return a.jsx("option",{...l,...V(void 0,{preplyDsComponent:q.SelectFieldOption})})}try{E.displayName="SelectFieldOption",E.__docgenInfo={description:"",displayName:"SelectFieldOption",props:{value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}try{h.displayName="SelectField",h.__docgenInfo={description:"",displayName:"SelectField",props:{id:{defaultValue:null,description:`The id to be passed to the input element.
49
+ If not provided, will be generated for accessibility purposes.`,name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLDivElement> & MouseEventHandler<HTMLSelectElement>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",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"}]}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},description:{defaultValue:null,description:`Additional descriptive text that appears below the input field
50
+ to provide more context or instructions to the user.`,name:"description",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},error:{defaultValue:null,description:"Error message to display when the field has an invalid value.",name:"error",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hasError:{defaultValue:null,description:"Whether the field has an error.\n@deprecated Use `error` prop to explicitly describe the error to users",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:`Indicates if the field is required. When false, adds a "Optional"
51
51
  indicator next to the label.`,name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},useLegacyRequiredLabel:{defaultValue:null,description:`When true, adds a "Required" indicator next to the label for the required fields.
52
52
  When false, adds a "Optional" indicator next to the label for the optional fields instead.
53
53
  @deprecated This is a temporary solution for gradual migration to the "Optional" label.`,name:"useLegacyRequiredLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLSelectElement>"}]}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLSelectElement>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLSelectElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLSelectElement>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLSelectElement>"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLSelectElement>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLSelectElement>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLSelectElement>"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: string) => void"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",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: HTMLSelectElement | null) => void"},{value:"RefObject<HTMLSelectElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{h as S,E as a};
@@ -1,4 +1,4 @@
1
- import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{r as ae}from"./index-Cb9e4tly.js";import{f as r,w as f,e as t,u as w}from"./index-Dk_MCKuE.js";import{F as $}from"./TokyoUILanguage-CLpo5Vdq.js";import{I as ee}from"./Icon-C9LCNP6i.js";import{S as i}from"./SelectField-x9rQw_qg.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DvyJpEME.js";import"./classNames-9hsFPPZv.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-BT0Aq7PA.js";import"./componentNames-k0j3gHgH.js";import"./index-qlqSh81O.js";import"./defaults-czRWsFkX.js";import"./FormControl-BEOVVHxt.js";import"./index-Cc-bXjHe.js";import"./index-DWSmmBvQ.js";import"./tslib.es6-C7pnyCjR.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./message-CSdaKtIj.js";import"./InputContainer-B1hqJyx0.js";import"./TokyoUIExpand-oMdXmNcg.js";const Oe={title:"components/SelectField",component:i,subcomponents:{SelectFieldOption:i.Option},args:{name:"language",label:"Language",placeholder:"Select a language",defaultValue:"",dataset:{testid:"field",foo:"bar"},inputDataset:{testid:"input",foo:"bar"},onChange:r(),onValueChange:r(),onBlur:r(),onFocus:r(),onClick:r(),onCopy:r(),onKeyDown:r(),onKeyUp:r(),onPaste:r(),children:o.jsxs(o.Fragment,{children:[o.jsx(i.Option,{value:"english",children:"English"}),o.jsx(i.Option,{value:"spanish",children:"Spanish"}),o.jsx(i.Option,{value:"french",children:"French"})]})}},p={play:async({canvasElement:a,step:e,args:n})=>{const s=f(a),l=s.getByTestId("field"),c=s.getByTestId("input");await e("it should render correct label",async()=>{const x=f(l).getByTestId("label");t(x).toHaveTextContent("Language • Optional"),t(c).toHaveAccessibleName("Language")}),await e("it should call onFocus when the input is focused",async()=>{c.focus(),t(n.onFocus).toHaveBeenCalled()}),await e("it should call callback when the value changes",async()=>{await w.selectOptions(c,"spanish"),t(n.onValueChange).toHaveBeenCalledWith("spanish"),t(n.onChange).toHaveBeenCalled()}),await e("it should call onBlur when the input is blurred",async()=>{await w.keyboard("{tab}"),t(n.onBlur).toHaveBeenCalled()}),await e("it should render the dataset props",async()=>{t(l).toHaveAttribute("data-testid","field"),t(l).toHaveAttribute("data-foo","bar"),t(c).toHaveAttribute("data-testid","input"),t(c).toHaveAttribute("data-foo","bar")}),await e("it should render all options",async()=>{const x=s.getByRole("option",{name:"English"}),te=s.getByRole("option",{name:"Spanish"}),ne=s.getByRole("option",{name:"French"});t(x).toBeInTheDocument(),t(te).toBeInTheDocument(),t(ne).toBeInTheDocument()})}},d={render:function(e){const[n,s]=ae.useState(e.value);return o.jsxs(i,{...e,value:n,onChange:l=>{var c;s(l.target.value),(c=e.onChange)==null||c.call(e,l)},children:[o.jsx(i.Option,{value:"english",children:"English"}),o.jsx(i.Option,{value:"spanish",children:"Spanish"}),o.jsx(i.Option,{value:"french",children:"French"})]})},args:{label:"Controlled SelectField",placeholder:"Select a language...",value:"spanish"},play:async({canvas:a,step:e})=>{await e("it should render the correct initial value",async()=>{const n=a.getByTestId("input");await t(n).toHaveValue("spanish")}),await e("it should update the value when the user selects",async()=>{const n=a.getByTestId("input");await w.selectOptions(n,"french"),t(n).toHaveValue("french")})}},u={args:{icon:o.jsx(ee,{svg:$,dataset:{testid:"icon"}})},play:async({canvas:a,step:e})=>{await e("it should render the icon",async()=>{const n=a.getByTestId("icon");t(n).toBeInTheDocument()})}},h={args:{description:"We will use this to get a personalized choice of tutors"},play:async({canvas:a,step:e})=>{const n=a.getByTestId("input"),s=a.getByTestId("description");await e("it should render the description",async()=>{t(n).toHaveAccessibleDescription("We will use this to get a personalized choice of tutors"),t(s).toHaveTextContent("We will use this to get a personalized choice of tutors")})}},g={args:{required:!0},play:async({canvas:a,step:e})=>{const n=a.getByTestId("input"),s=a.getByTestId("label");await e("it should render correct label",async()=>{t(n).toHaveAccessibleName("Language"),t(s).toHaveTextContent("Language")}),await e("it should render required attribute",async()=>{t(n).toHaveAttribute("required")})}},m={args:{hideLabel:!0},play:async({canvas:a,step:e})=>{await e("it should render correct a11y label",async()=>{const n=a.getByTestId("input");t(n).toHaveAccessibleName("Language")})}},y={args:{error:"This is an error message"},play:async({canvas:a,step:e})=>{const n=a.getByTestId("input"),s=a.getByTestId("error");await e("it should render the error message",async()=>{t(n).toHaveAccessibleErrorMessage("This is an error message"),t(s).toHaveTextContent("This is an error message")})}},v={args:{disabled:!0},play:async({canvas:a,step:e})=>{const n=a.getByTestId("input");await e("it should render the disabled input",async()=>{t(n).toHaveAttribute("disabled")})}},b={parameters:{chromatic:{disableSnapshot:!0}},args:{label:"Language",placeholder:"Select a subject",description:"We will use this to get a personalized choice of tutors",children:o.jsxs(o.Fragment,{children:[o.jsx(i.Option,{value:"english",children:"English"}),o.jsx(i.Option,{value:"spanish",children:"Spanish"}),o.jsx(i.Option,{value:"french",children:"French"})]})},argTypes:{label:{control:"text"},placeholder:{control:"text"},description:{control:"text"},error:{control:"text"},value:{control:"text"},defaultValue:{control:"text"},inputDataset:{control:"object"},dataset:{control:"object"},id:{control:"text"},required:{control:"boolean"},hideLabel:{control:"boolean"},name:{control:"text"},disabled:{control:"boolean"},icon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":o.jsx(ee,{svg:$,label:"Student with a hat"})},control:"select"},children:{control:!1},hasError:{table:{disable:!0}}}};var B,T,S,I,H;p.parameters={...p.parameters,docs:{...(B=p.parameters)==null?void 0:B.docs,source:{originalSource:`{
1
+ import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{r as ae}from"./index-Cb9e4tly.js";import{f as r,w as f,e as t,u as w}from"./index-Dk_MCKuE.js";import{F as $}from"./TokyoUILanguage-CLpo5Vdq.js";import{I as ee}from"./Icon-5QESEDp5.js";import{S as i}from"./SelectField-B4nF6kxi.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DvyJpEME.js";import"./classNames-9hsFPPZv.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-BT0Aq7PA.js";import"./componentNames-k0j3gHgH.js";import"./index-qlqSh81O.js";import"./defaults-czRWsFkX.js";import"./FormControl-BEOVVHxt.js";import"./index-Cc-bXjHe.js";import"./index-DWSmmBvQ.js";import"./tslib.es6-C7pnyCjR.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./message-CSdaKtIj.js";import"./InputContainer-B1hqJyx0.js";import"./TokyoUIExpand-oMdXmNcg.js";const Oe={title:"components/SelectField",component:i,subcomponents:{SelectFieldOption:i.Option},args:{name:"language",label:"Language",placeholder:"Select a language",defaultValue:"",dataset:{testid:"field",foo:"bar"},inputDataset:{testid:"input",foo:"bar"},onChange:r(),onValueChange:r(),onBlur:r(),onFocus:r(),onClick:r(),onCopy:r(),onKeyDown:r(),onKeyUp:r(),onPaste:r(),children:o.jsxs(o.Fragment,{children:[o.jsx(i.Option,{value:"english",children:"English"}),o.jsx(i.Option,{value:"spanish",children:"Spanish"}),o.jsx(i.Option,{value:"french",children:"French"})]})}},p={play:async({canvasElement:a,step:e,args:n})=>{const s=f(a),l=s.getByTestId("field"),c=s.getByTestId("input");await e("it should render correct label",async()=>{const x=f(l).getByTestId("label");t(x).toHaveTextContent("Language • Optional"),t(c).toHaveAccessibleName("Language")}),await e("it should call onFocus when the input is focused",async()=>{c.focus(),t(n.onFocus).toHaveBeenCalled()}),await e("it should call callback when the value changes",async()=>{await w.selectOptions(c,"spanish"),t(n.onValueChange).toHaveBeenCalledWith("spanish"),t(n.onChange).toHaveBeenCalled()}),await e("it should call onBlur when the input is blurred",async()=>{await w.keyboard("{tab}"),t(n.onBlur).toHaveBeenCalled()}),await e("it should render the dataset props",async()=>{t(l).toHaveAttribute("data-testid","field"),t(l).toHaveAttribute("data-foo","bar"),t(c).toHaveAttribute("data-testid","input"),t(c).toHaveAttribute("data-foo","bar")}),await e("it should render all options",async()=>{const x=s.getByRole("option",{name:"English"}),te=s.getByRole("option",{name:"Spanish"}),ne=s.getByRole("option",{name:"French"});t(x).toBeInTheDocument(),t(te).toBeInTheDocument(),t(ne).toBeInTheDocument()})}},d={render:function(e){const[n,s]=ae.useState(e.value);return o.jsxs(i,{...e,value:n,onChange:l=>{var c;s(l.target.value),(c=e.onChange)==null||c.call(e,l)},children:[o.jsx(i.Option,{value:"english",children:"English"}),o.jsx(i.Option,{value:"spanish",children:"Spanish"}),o.jsx(i.Option,{value:"french",children:"French"})]})},args:{label:"Controlled SelectField",placeholder:"Select a language...",value:"spanish"},play:async({canvas:a,step:e})=>{await e("it should render the correct initial value",async()=>{const n=a.getByTestId("input");await t(n).toHaveValue("spanish")}),await e("it should update the value when the user selects",async()=>{const n=a.getByTestId("input");await w.selectOptions(n,"french"),t(n).toHaveValue("french")})}},u={args:{icon:o.jsx(ee,{svg:$,dataset:{testid:"icon"}})},play:async({canvas:a,step:e})=>{await e("it should render the icon",async()=>{const n=a.getByTestId("icon");t(n).toBeInTheDocument()})}},h={args:{description:"We will use this to get a personalized choice of tutors"},play:async({canvas:a,step:e})=>{const n=a.getByTestId("input"),s=a.getByTestId("description");await e("it should render the description",async()=>{t(n).toHaveAccessibleDescription("We will use this to get a personalized choice of tutors"),t(s).toHaveTextContent("We will use this to get a personalized choice of tutors")})}},g={args:{required:!0},play:async({canvas:a,step:e})=>{const n=a.getByTestId("input"),s=a.getByTestId("label");await e("it should render correct label",async()=>{t(n).toHaveAccessibleName("Language"),t(s).toHaveTextContent("Language")}),await e("it should render required attribute",async()=>{t(n).toHaveAttribute("required")})}},m={args:{hideLabel:!0},play:async({canvas:a,step:e})=>{await e("it should render correct a11y label",async()=>{const n=a.getByTestId("input");t(n).toHaveAccessibleName("Language")})}},y={args:{error:"This is an error message"},play:async({canvas:a,step:e})=>{const n=a.getByTestId("input"),s=a.getByTestId("error");await e("it should render the error message",async()=>{t(n).toHaveAccessibleErrorMessage("This is an error message"),t(s).toHaveTextContent("This is an error message")})}},v={args:{disabled:!0},play:async({canvas:a,step:e})=>{const n=a.getByTestId("input");await e("it should render the disabled input",async()=>{t(n).toHaveAttribute("disabled")})}},b={parameters:{chromatic:{disableSnapshot:!0}},args:{label:"Language",placeholder:"Select a subject",description:"We will use this to get a personalized choice of tutors",children:o.jsxs(o.Fragment,{children:[o.jsx(i.Option,{value:"english",children:"English"}),o.jsx(i.Option,{value:"spanish",children:"Spanish"}),o.jsx(i.Option,{value:"french",children:"French"})]})},argTypes:{label:{control:"text"},placeholder:{control:"text"},description:{control:"text"},error:{control:"text"},value:{control:"text"},defaultValue:{control:"text"},inputDataset:{control:"object"},dataset:{control:"object"},id:{control:"text"},required:{control:"boolean"},hideLabel:{control:"boolean"},name:{control:"text"},disabled:{control:"boolean"},icon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":o.jsx(ee,{svg:$,label:"Student with a hat"})},control:"select"},children:{control:!1},hasError:{table:{disable:!0}}}};var B,T,S,I,H;p.parameters={...p.parameters,docs:{...(B=p.parameters)==null?void 0:B.docs,source:{originalSource:`{
2
2
  play: async ({
3
3
  canvasElement,
4
4
  step,
@@ -1,4 +1,4 @@
1
- import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as o}from"./index-Cb9e4tly.js";import{O as f}from"./ObserveIntersection-BUhLMAXT.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-qlqSh81O.js";import"./defaults-czRWsFkX.js";import"./componentNames-k0j3gHgH.js";const a=({onIntersect:e,once:u,threshold:c,tag:d,dataset:p,children:m})=>{const[l,v]=o.useState(!1),h=o.useCallback(()=>{l||v(!0),e==null||e()},[l,e]);return t.jsx(f,{onIntersect:h,once:e?u:!0,threshold:c,tag:d,dataset:p,children:l&&m})};try{a.displayName="ShowOnIntersection",a.__docgenInfo={description:"Only renders the wrapped components once it intersects with the viewport.\n\nNote that elements will not be detached from the DOM if the component is\nscrolled out of view again.\n\nYou can use `React.lazy` to lazy-load the wrapped components.\n\nAdditionally, an `onIntersect` callback can be provided. As with\n`ObserveIntersection`, this callback will be called every time the component\nintersects with the viewport, or only the first time if `once` is set to\n`true`.",displayName:"ShowOnIntersection",props:{onIntersect:{defaultValue:null,description:"",name:"onIntersect",required:!1,type:{name:"enum",value:[{value:"() => void"}]}},once:{defaultValue:null,description:"",name:"once",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},threshold:{defaultValue:null,description:"",name:"threshold",required:!1,type:{name:"enum",value:[{value:"number"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"div"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"p"'},{value:'"span"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}}}}}catch{}const _={title:"components/ShowOnIntersection",component:a,parameters:{tags:["!test"],chromatic:{disableSnapshot:!0}}},n=()=>t.jsx("div",{style:{height:"200px",overflowY:"scroll",position:"relative"},children:t.jsx("div",{style:{height:"400px",display:"flex",alignItems:"end"},children:t.jsx(a,{children:t.jsx("p",{children:"Intersected"})})})});n.storyName="ShowOnIntersection";var r,s,i;n.parameters={...n.parameters,docs:{...(r=n.parameters)==null?void 0:r.docs,source:{originalSource:`() => {
1
+ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as o}from"./index-Cb9e4tly.js";import{O as f}from"./ObserveIntersection-Br5mb_ve.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-qlqSh81O.js";import"./defaults-czRWsFkX.js";import"./componentNames-k0j3gHgH.js";const a=({onIntersect:e,once:u,threshold:c,tag:d,dataset:p,children:m})=>{const[l,v]=o.useState(!1),h=o.useCallback(()=>{l||v(!0),e==null||e()},[l,e]);return t.jsx(f,{onIntersect:h,once:e?u:!0,threshold:c,tag:d,dataset:p,children:l&&m})};try{a.displayName="ShowOnIntersection",a.__docgenInfo={description:"Only renders the wrapped components once it intersects with the viewport.\n\nNote that elements will not be detached from the DOM if the component is\nscrolled out of view again.\n\nYou can use `React.lazy` to lazy-load the wrapped components.\n\nAdditionally, an `onIntersect` callback can be provided. As with\n`ObserveIntersection`, this callback will be called every time the component\nintersects with the viewport, or only the first time if `once` is set to\n`true`.",displayName:"ShowOnIntersection",props:{onIntersect:{defaultValue:null,description:"",name:"onIntersect",required:!1,type:{name:"enum",value:[{value:"() => void"}]}},once:{defaultValue:null,description:"",name:"once",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},threshold:{defaultValue:null,description:"",name:"threshold",required:!1,type:{name:"enum",value:[{value:"number"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"td"'},{value:'"li"'},{value:'"th"'},{value:'"tr"'},{value:'"article"'},{value:'"figure"'},{value:'"main"'},{value:'"table"'},{value:'"div"'},{value:'"header"'},{value:'"footer"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"p"'},{value:'"span"'},{value:'"fieldset"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figcaption"'}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}}}}}catch{}const _={title:"components/ShowOnIntersection",component:a,parameters:{tags:["!test"],chromatic:{disableSnapshot:!0}}},n=()=>t.jsx("div",{style:{height:"200px",overflowY:"scroll",position:"relative"},children:t.jsx("div",{style:{height:"400px",display:"flex",alignItems:"end"},children:t.jsx(a,{children:t.jsx("p",{children:"Intersected"})})})});n.storyName="ShowOnIntersection";var r,s,i;n.parameters={...n.parameters,docs:{...(r=n.parameters)==null?void 0:r.docs,source:{originalSource:`() => {
2
2
  return <div style={{
3
3
  height: '200px',
4
4
  overflowY: 'scroll',
@@ -0,0 +1,2 @@
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as b}from"./index-Cb9e4tly.js";import{u as w}from"./useControllableState-DKskwY-e.js";import{c as x,C as j,a as R,b as I,d as _,D as z,e as E}from"./createRequiredContext-lKWDx2_a.js";import{f as y}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{g as C}from"./index-qlqSh81O.js";import{w as S}from"./componentNames-k0j3gHgH.js";const[N,L]=x("SingleSelectChips"),h=b.forwardRef(function({items:a,children:t,orientation:l=z,"aria-label":n,"aria-controls":i,value:r,onValueChange:s,defaultValue:o,dataset:c,...m},d){const[p,u]=w({value:r,onValueChange:s,defaultValue:o??null}),V=a?a.map(({label:k,value:g,...q})=>e.jsx(f,{value:g,...q,children:k},g)):t;return e.jsx(N,{value:{value:p,onValueChange:u},children:e.jsx(_,{orientation:l,children:e.jsx(E,{...y(m),ref:d,orientation:l,"aria-orientation":l,"aria-label":n,"aria-controls":i,role:"listbox","aria-multiselectable":"false",...C(c,{preplyDsComponent:S.SingleSelectChips}),children:V})})})}),f=b.forwardRef(function({value:a,children:t,icon:l,countryFlagCode:n,disabled:i,counter:r,dataset:s,dsInternalSimulation:o,...c},m){const{value:d,onValueChange:p}=L(),u=d===a;return e.jsx(j,{role:"presentation",children:e.jsx(R,{...y(c),ref:m,role:"option","aria-selected":u,onClick:()=>p(u?null:a),icon:l,countryFlagCode:n,disabled:i,dsInternalSimulation:o,...C(s,{preplyDsComponent:S.SingleSelectChipsItem}),children:e.jsx(I,{counter:r,children:t})})})});try{h.displayName="SingleSelectChips",h.__docgenInfo={description:`A chips component that allows selection of a single option from a group.
2
+ Users can select one chip at a time, and clicking a selected chip will deselect it.`,displayName:"SingleSelectChips",props:{value:{defaultValue:null,description:"Current value of the chips. When provided, the component operates in controlled mode",name:"value",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"}]}},defaultValue:{defaultValue:null,description:"Default value for uncontrolled usage. Will be ignored if `value` is provided",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"}]}},"aria-controls":{defaultValue:null,description:"If the chips control other elements on the page, use `aria-controls` with the target element's ID.",name:"aria-controls",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-label":{defaultValue:null,description:"Accessible label for the chips group. Required for screen reader users",name:"aria-label",required:!0,type:{name:"string"}},onValueChange:{defaultValue:null,description:"Callback fired when the value changes. Receives the new value as an argument",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: T | null) => void"}]}},orientation:{defaultValue:{value:"'horizontal'"},description:"Layout orientation of the chips group.",name:"orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},items:{defaultValue:null,description:"",name:"items",required:!1,type:{name:"enum",value:[{value:'(Omit<ChipsItemProps, "value" | "children" | "dsInternalSimulation"> & { value: T extends unknown[] ? NonNullable<T[number]> : NonNullable<T>; label: ReactNode; })[]'}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"(instance: HTMLUListElement | null) => void"},{value:"RefObject<HTMLUListElement>"}]}}}}}catch{}try{f.displayName="SingleSelectChipsItem",f.__docgenInfo={description:"Individual chip item for use within SingleSelectChips.",displayName:"SingleSelectChipsItem",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},countryFlagCode:{defaultValue:null,description:"",name:"countryFlagCode",required:!1,type:{name:"enum",value:[{value:'"id"'},{value:'"is"'},{value:'"af"'},{value:'"ax"'},{value:'"al"'},{value:'"dz"'},{value:'"as"'},{value:'"ad"'},{value:'"ao"'},{value:'"ai"'},{value:'"aq"'},{value:'"ag"'},{value:'"ar"'},{value:'"am"'},{value:'"aw"'},{value:'"sh-ac"'},{value:'"asean"'},{value:'"au"'},{value:'"at"'},{value:'"az"'},{value:'"bs"'},{value:'"bh"'},{value:'"bd"'},{value:'"bb"'},{value:'"es-pv"'},{value:'"by"'},{value:'"be"'},{value:'"bz"'},{value:'"bj"'},{value:'"bm"'},{value:'"bt"'},{value:'"bo"'},{value:'"bq"'},{value:'"ba"'},{value:'"bw"'},{value:'"bv"'},{value:'"br"'},{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:'"td"'},{value:'"cl"'},{value:'"cn"'},{value:'"cx"'},{value:'"cp"'},{value:'"cc"'},{value:'"co"'},{value:'"km"'},{value:'"ck"'},{value:'"cr"'},{value:'"hr"'},{value:'"cu"'},{value:'"cw"'},{value:'"cy"'},{value:'"cz"'},{value:'"ci"'},{value:'"cd"'},{value:'"dk"'},{value:'"dg"'},{value:'"dj"'},{value:'"dm"'},{value:'"do"'},{value:'"eac"'},{value:'"ec"'},{value:'"eg"'},{value:'"sv"'},{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:'"fr"'},{value:'"gf"'},{value:'"pf"'},{value:'"tf"'},{value:'"ga"'},{value:'"es-ga"'},{value:'"gm"'},{value:'"ge"'},{value:'"de"'},{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:'"hk"'},{value:'"hu"'},{value:'"in"'},{value:'"ir"'},{value:'"iq"'},{value:'"ie"'},{value:'"im"'},{value:'"il"'},{value:'"it"'},{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:'"li"'},{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:'"nl"'},{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:'"pl"'},{value:'"pt"'},{value:'"pr"'},{value:'"qa"'},{value:'"cg"'},{value:'"ro"'},{value:'"ru"'},{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:'"es"'},{value:'"lk"'},{value:'"ps"'},{value:'"sd"'},{value:'"sr"'},{value:'"sj"'},{value:'"se"'},{value:'"ch"'},{value:'"sy"'},{value:'"tw"'},{value:'"tj"'},{value:'"tz"'},{value:'"th"'},{value:'"tl"'},{value:'"tg"'},{value:'"tk"'},{value:'"to"'},{value:'"tt"'},{value:'"sh-ta"'},{value:'"tn"'},{value:'"tm"'},{value:'"tc"'},{value:'"tv"'},{value:'"tr"'},{value:'"ug"'},{value:'"ua"'},{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"'}]}},value:{defaultValue:null,description:"Unique identifier for this chip. Used for selection tracking",name:"value",required:!0,type:{name:"string"}},children:{defaultValue:null,description:"Content to display inside the chip",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"}]}},counter:{defaultValue:null,description:"Optional numeric counter to display alongside the chip label",name:"counter",required:!1,type:{name:"enum",value:[{value:"number"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLButtonElement | null) => void"},{value:"RefObject<HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{f as S,h as a};