@preply/ds-docs 2.5.1 → 2.6.0

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 (100) hide show
  1. package/dist/assets/{00.LayoutFlex.stories-Dr66d0uq.js → 00.LayoutFlex.stories-DUSEu3JF.js} +1 -1
  2. package/dist/assets/{00.applications-DTjn-6jv.js → 00.applications-Bug6C2uY.js} +1 -1
  3. package/dist/assets/{00.favicons.guide-Y4RLo0AR.js → 00.favicons.guide-D8O6a1Lw.js} +1 -1
  4. package/dist/assets/{00.token-explorer-D4ANPauC.js → 00.token-explorer-BTWi_sIE.js} +1 -1
  5. package/dist/assets/{00.using-responsive-props-B7sMsIFj.js → 00.using-responsive-props-CjVNo_Us.js} +1 -1
  6. package/dist/assets/{01.semantic-tokens-DBFiJe-9.js → 01.semantic-tokens-DlDDMGdv.js} +1 -1
  7. package/dist/assets/{01.using-shorthand-props-CVkb5j3D.js → 01.using-shorthand-props-3NWps40C.js} +1 -1
  8. package/dist/assets/{10.Combinations.stories-CTJstqtT.js → 10.Combinations.stories-BBxKhF3z.js} +1 -1
  9. package/dist/assets/{10.fonts.guide-B1uhI0zm.js → 10.fonts.guide-b_F9fjGc.js} +1 -1
  10. package/dist/assets/{10.ssr-BMx8wS3o.js → 10.ssr-DWfaHguq.js} +1 -1
  11. package/dist/assets/{11.languageFont.explorer-CLMF3TaX.js → 11.languageFont.explorer-jJqkQAZS.js} +1 -1
  12. package/dist/assets/{11.ssr.app-router-De1MnsLG.js → 11.ssr.app-router-useqe6hx.js} +1 -1
  13. package/dist/assets/{20.libraries-D2rNevEA.js → 20.libraries-DWMeL5B4.js} +1 -1
  14. package/dist/assets/{30.icons.explorer-Dzb5flz4.js → 30.icons.explorer-D0gkK9T5.js} +1 -1
  15. package/dist/assets/{30.storybook-CPr2L2y5.js → 30.storybook-Bga4SR1v.js} +1 -1
  16. package/dist/assets/{40.illustrations.explorer-uqGJUpVF.js → 40.illustrations.explorer-Btxh_TSq.js} +1 -1
  17. package/dist/assets/{90.advanced-718ONyrj.js → 90.advanced-tmSEtPV-.js} +1 -1
  18. package/dist/assets/{Accordion-DPN7BrWj.js → Accordion-C72mS_k1.js} +1 -1
  19. package/dist/assets/{Accordion.stories-CfNdgxHK.js → Accordion.stories-CsbficXi.js} +1 -1
  20. package/dist/assets/{Accordion.tests.stories-DETQtOdn.js → Accordion.tests.stories-kYCgPEck.js} +1 -1
  21. package/dist/assets/{AlertDialog.stories-BU9LOPmX.js → AlertDialog.stories-C0ow7Eq_.js} +1 -1
  22. package/dist/assets/{Badge.stories-BuQGFZ2U.js → Badge.stories-BR4oCzCt.js} +1 -1
  23. package/dist/assets/{Box.stories-nCy-qxXD.js → Box.stories-CvufpciH.js} +1 -1
  24. package/dist/assets/{Button-BnZPebye.js → Button-roOK6CbC.js} +1 -1
  25. package/dist/assets/{Button.stories-CDd8EOF0.js → Button.stories-9I7k-1ku.js} +1 -1
  26. package/dist/assets/{ButtonBase-Cl5EzY6D.js → ButtonBase-BAooW9wV.js} +1 -1
  27. package/dist/assets/{Checkbox-Bt8TULIo.js → Checkbox-CbY9W0xm.js} +2 -2
  28. package/dist/assets/{Checkbox.stories-D5GIpl5C.js → Checkbox.stories-B8nVZwak.js} +1 -1
  29. package/dist/assets/{Checkbox.tests.stories-BpJWqLrm.js → Checkbox.tests.stories-DzE6OJ2L.js} +1 -1
  30. package/dist/assets/{Color-YHDXOIA2-7mglEoRb.js → Color-YHDXOIA2-C3eSIz2d.js} +1 -1
  31. package/dist/assets/{Dialog.stories-CkFU0RlE.js → Dialog.stories-BTayhcs8.js} +1 -1
  32. package/dist/assets/{DocsRenderer-CFRXHY34-qkmmfBSb.js → DocsRenderer-CFRXHY34-r0iTKjrM.js} +1 -1
  33. package/dist/assets/{FieldLayout-DYZlWQ1D.js → FieldLayout-CTYmyXXz.js} +1 -1
  34. package/dist/assets/{FieldLayout.stories-CGjP8vHO.js → FieldLayout.stories-8NPY2qri.js} +1 -1
  35. package/dist/assets/{FieldLayoutBase-DbLlwrS7.js → FieldLayoutBase-DFOy4tjm.js} +1 -1
  36. package/dist/assets/{Heading-D9GwzJST.js → Heading-R6H7GJlb.js} +1 -1
  37. package/dist/assets/{Heading.stories-Bs7ggMPd.js → Heading.stories-D330e4gw.js} +1 -1
  38. package/dist/assets/{Icon-RSC-Bho8jWqn.js → Icon-RSC-CFO4_CcT.js} +1 -1
  39. package/dist/assets/{IconButton-ldp0ofLZ.js → IconButton-Bu9wYblr.js} +1 -1
  40. package/dist/assets/InputText-BxsjXHgt.js +5 -0
  41. package/dist/assets/{LayoutFlex-D1qTNI1T.js → LayoutFlex-BNA1xrCR.js} +1 -1
  42. package/dist/assets/{LayoutFlexItem-Cjuta4OI.js → LayoutFlexItem-DZGZPiq9.js} +1 -1
  43. package/dist/assets/{LayoutGrid.stories-BVwemZN7.js → LayoutGrid.stories-BZMpfo3z.js} +1 -1
  44. package/dist/assets/{Link.stories-DhKS_mMM.js → Link.stories-BXMBmoSQ.js} +2 -2
  45. package/dist/assets/NumberField.stories-CdkxYypB.js +203 -0
  46. package/dist/assets/{ObserveIntersection-Dlq2fSZk.js → ObserveIntersection-otv7lXFR.js} +1 -1
  47. package/dist/assets/{ObserveIntersection.stories-Bsk9fa5T.js → ObserveIntersection.stories-BZQrJcU-.js} +1 -1
  48. package/dist/assets/{OnboardingTooltip-DkE7k1BP.js → OnboardingTooltip-D2EVMHTL.js} +1 -1
  49. package/dist/assets/{OnboardingTooltip.stories-WJNzUlGF.js → OnboardingTooltip.stories-BFva2Zvh.js} +1 -1
  50. package/dist/assets/{OnboardingTooltip.tests.stories-DyeSpHwy.js → OnboardingTooltip.tests.stories-DQkvaXTY.js} +1 -1
  51. package/dist/assets/{OnboardingTour-VMVs8Xxw.js → OnboardingTour-CqKbKuZv.js} +1 -1
  52. package/dist/assets/{OnboardingTour.stories-o4PJOyHM.js → OnboardingTour.stories-d13nWGkx.js} +2 -2
  53. package/dist/assets/{OnboardingTour.tests.stories-DCv7UuAA.js → OnboardingTour.tests.stories-HjxtM32a.js} +1 -1
  54. package/dist/assets/PasswordField.stories-DhmiXU_u.js +203 -0
  55. package/dist/assets/{ProgressBar.stories-Cwx9vLRu.js → ProgressBar.stories-xYi-uavv.js} +1 -1
  56. package/dist/assets/{ProgressSteps.stories-ChHDvvDf.js → ProgressSteps.stories-CykM_nrS.js} +1 -1
  57. package/dist/assets/SelectField.stories-C5LMcbZB.js +182 -0
  58. package/dist/assets/{ShowOnIntersection.stories-f7qsV79j.js → ShowOnIntersection.stories-Cp7q6ugf.js} +1 -1
  59. package/dist/assets/{Steps-DvOspyw4.js → Steps-RgPDR0MS.js} +1 -1
  60. package/dist/assets/{Steps.stories-BNrCcusp.js → Steps.stories-_oYYgSBt.js} +1 -1
  61. package/dist/assets/{Text-BnXfkCNb.js → Text-0413ycXu.js} +1 -1
  62. package/dist/assets/{Text.stories-POROaVit.js → Text.stories-H11xOWU5.js} +1 -1
  63. package/dist/assets/{TextField.stories-BaCyCP-d.js → TextField.stories-BtFhvws_.js} +1 -1
  64. package/dist/assets/{TextHighlighted.stories-BtihmwdB.js → TextHighlighted.stories-CYFfViL-.js} +1 -1
  65. package/dist/assets/{TextInline.stories-CC0i1Dwf.js → TextInline.stories-DbP4mYFf.js} +1 -1
  66. package/dist/assets/TextareaField.stories-gTtae13X.js +221 -0
  67. package/dist/assets/{Tooltip.stories-BhOFaVTm.js → Tooltip.stories-CI8sXqlb.js} +1 -1
  68. package/dist/assets/{Tooltip.tests.stories-DTA0esjb.js → Tooltip.tests.stories-B0YJl1ip.js} +1 -1
  69. package/dist/assets/{breakpoints-DapDGNJK.js → breakpoints-BR6LDjGu.js} +1 -1
  70. package/dist/assets/{breakpoints-q3Q7wLjI.js → breakpoints-Dc7TxOOz.js} +1 -1
  71. package/dist/assets/{breakpoints-Bx88UvDJ.js → breakpoints-Tth27EuN.js} +1 -1
  72. package/dist/assets/{changelog-yhmOvKQt.js → changelog-BJlOZ8hO.js} +118 -113
  73. package/dist/assets/{entry-preview-Bc7rmtO2.js → entry-preview-wQECW11S.js} +1 -1
  74. package/dist/assets/{getTokenVar-B8rehe17.js → getTokenVar-Dm_2TwKz.js} +1 -1
  75. package/dist/assets/{hover-rQzkcwzB.js → hover-Bdyq-ZYT.js} +1 -1
  76. package/dist/assets/{hover-EENK1oZ2.js → hover-DLiRtgAq.js} +1 -1
  77. package/dist/assets/{hover-JspyvNai.js → hover-deh_E64O.js} +1 -1
  78. package/dist/assets/{iframe-Cq1_BgP4.js → iframe-BZWINb9_.js} +2 -2
  79. package/dist/assets/{index-DCiFp8xr.js → index-BKibGQmA.js} +3 -3
  80. package/dist/assets/{index-BuMAo9js.js → index-CJUQW2So.js} +1 -1
  81. package/dist/assets/{intro-CDdXChPN.js → intro-AP-LpYXF.js} +1 -1
  82. package/dist/assets/{migrating-from-less-jPaCpUxb.js → migrating-from-less-D14YwFpl.js} +1 -1
  83. package/dist/assets/{preview-Bn4AyPIC.js → preview-BGGRr-Dq.js} +1 -1
  84. package/dist/assets/{preview-C-Q15BQ3.js → preview-BKiwWAJn.js} +2 -2
  85. package/dist/assets/{preview-BE59sizd.js → preview-ZRwTwBFK.js} +1 -1
  86. package/dist/assets/{tokens-BJkNxQmZ.js → tokens-B4isVaUB.js} +1 -1
  87. package/dist/assets/{tokens-BtCTMuNa.js → tokens-BtTJcY_w.js} +1 -1
  88. package/dist/assets/{tokens-Dbl5_Bwv.js → tokens-D_VdDJsW.js} +1 -1
  89. package/dist/assets/{usePortalElement-C6aDTe14.js → usePortalElement-D7kFFX3R.js} +1 -1
  90. package/dist/assets/{welcome-9_ayTI9s.js → welcome-BEnMN9a9.js} +1 -1
  91. package/dist/assets/{zeroheight-DkYeEYeU.js → zeroheight-DpxA-Abg.js} +1 -1
  92. package/dist/iframe.html +1 -1
  93. package/dist/preview-stats.json +1333 -1333
  94. package/dist/project.json +1 -1
  95. package/package.json +3 -3
  96. package/dist/assets/InputText-BusXp_Sv.js +0 -5
  97. package/dist/assets/NumberField.stories-DGVMfPiP.js +0 -203
  98. package/dist/assets/PasswordField.stories-9UhmWNNH.js +0 -203
  99. package/dist/assets/SelectField.stories-D3VtQPNg.js +0 -182
  100. package/dist/assets/TextareaField.stories-BcSqzGGD.js +0 -221
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{F as l}from"./TokyoUITag-CS4uarg6.js";import{L as S}from"./LayoutFlex-D1qTNI1T.js";import{r as N}from"./index-Cb9e4tly.js";import{f as U}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{I as q}from"./Icon-BheIwZf_.js";import{g as C}from"./index-DdzHuZ-Y.js";import{w as k}from"./componentNames-s6s-Nnrd.js";import"./index-ChsGqxH_.js";import"./layout-relative.module-ed9bC4H4.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./render-icon-BT0Aq7PA.js";const F="badge__ioy0w",L={badge:F},E=n=>{switch(n){case"xs":return"small";case"s":return"medium";case"m":return"large";default:return n}},a=N.forwardRef(function({type:o="neutral",size:d="medium",leadingSvgIcon:c,dataset:T,children:j,accent:u,inverted:m,...z},V){const p=E(d),t={...T,size:p};u===void 0&&m===void 0?t.type=o:(t.accent=u||"unset",t.inverted=!!m);const _={...U(z),ref:V,className:L.badge,...C(t,{preplyDsComponent:k.Badge})},w=o==="neutral"?"primary":o;return e.jsxs("span",{..._,children:[!!c&&p!=="small"&&e.jsx(q,{accent:w,size:d==="large"?"24":"16",svg:c}),j]})});try{a.displayName="Badge",a.__docgenInfo={description:"",displayName:"Badge",props:{type:{defaultValue:{value:"neutral"},description:"The type of the badge.",name:"type",required:!1,type:{name:"enum",value:[{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"critical"'},{value:'"neutral"'}]}},size:{defaultValue:{value:"medium"},description:"The size of the badge.",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'}]}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon. Only displayed in \`medium\` and \`large\` sizes.
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{F as l}from"./TokyoUITag-CS4uarg6.js";import{L as S}from"./LayoutFlex-BNA1xrCR.js";import{r as N}from"./index-Cb9e4tly.js";import{f as U}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{I as q}from"./Icon-BheIwZf_.js";import{g as C}from"./index-DdzHuZ-Y.js";import{w as k}from"./componentNames-s6s-Nnrd.js";import"./index-ChsGqxH_.js";import"./layout-relative.module-ed9bC4H4.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./render-icon-BT0Aq7PA.js";const F="badge__ioy0w",L={badge:F},E=n=>{switch(n){case"xs":return"small";case"s":return"medium";case"m":return"large";default:return n}},a=N.forwardRef(function({type:o="neutral",size:d="medium",leadingSvgIcon:c,dataset:T,children:j,accent:u,inverted:m,...z},V){const p=E(d),t={...T,size:p};u===void 0&&m===void 0?t.type=o:(t.accent=u||"unset",t.inverted=!!m);const _={...U(z),ref:V,className:L.badge,...C(t,{preplyDsComponent:k.Badge})},w=o==="neutral"?"primary":o;return e.jsxs("span",{..._,children:[!!c&&p!=="small"&&e.jsx(q,{accent:w,size:d==="large"?"24":"16",svg:c}),j]})});try{a.displayName="Badge",a.__docgenInfo={description:"",displayName:"Badge",props:{type:{defaultValue:{value:"neutral"},description:"The type of the badge.",name:"type",required:!1,type:{name:"enum",value:[{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"critical"'},{value:'"neutral"'}]}},size:{defaultValue:{value:"medium"},description:"The size of the badge.",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"large"'},{value:'"medium"'},{value:'"small"'}]}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon. Only displayed in \`medium\` and \`large\` sizes.
2
2
  @example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
3
3
 
4
4
  <Badge leadingSvgIcon={TokyoUITag}>Badge</Badge>
@@ -1,4 +1,4 @@
1
- import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{H as b}from"./Heading-D9GwzJST.js";import{L as B}from"./LayoutFlex-D1qTNI1T.js";import{T as _}from"./Text-BnXfkCNb.js";import{r as D}from"./index-Cb9e4tly.js";import{f as N}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{g as O}from"./layout-relative.module-ed9bC4H4.js";import{m as A,s as u}from"./classNames-BUL1Zq7e.js";import{w as d}from"./componentNames-s6s-Nnrd.js";import{g as H}from"./index-DdzHuZ-Y.js";import{L as I,c as R,d as q}from"./defaults-B1rzzf6M.js";import{a as C,S as U}from"./consts-KAYct7Gj.js";import"./index-ChsGqxH_.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";import"./_commonjsHelpers-Cpj98o6Y.js";const E="Box__T6Fyt",j={Box:E,"Box--box-radius-none":"Box--box-radius-none__pVdTk","Box--box-radius-m":"Box--box-radius-m__alXKt","Box--box-radius-l":"Box--box-radius-l__ZQypL","Box--box-radius-2":"Box--box-radius-2__IXJHQ","Box--box-radius-4":"Box--box-radius-4__aoSlX","Box--box-radius-8":"Box--box-radius-8__-BuzF","Box--box-radius-0":"Box--box-radius-0__FWPBJ","Box--box-radius-12":"Box--box-radius-12__6r0bn","Box--box-radius-16":"Box--box-radius-16__n3666","Box--box-radius-24":"Box--box-radius-24__pxV3O","Box--box-radius-32":"Box--box-radius-32__2zn-K","Box--box-radius-48":"Box--box-radius-48__t8Iiq","Box--box-radius-64":"Box--box-radius-64__-zOC7","Box--box-radius-96":"Box--box-radius-96__ayuP-","Box--box-radius-160":"Box--box-radius-160__39X1p","Box--narrow-l--box-radius-none":"Box--narrow-l--box-radius-none__U1KRd","Box--narrow-l--box-radius-m":"Box--narrow-l--box-radius-m__EAz9A","Box--narrow-l--box-radius-l":"Box--narrow-l--box-radius-l__GEnkZ","Box--narrow-l--box-radius-2":"Box--narrow-l--box-radius-2__Cn0nB","Box--narrow-l--box-radius-4":"Box--narrow-l--box-radius-4__dXX4d","Box--narrow-l--box-radius-8":"Box--narrow-l--box-radius-8__c2qTs","Box--narrow-l--box-radius-0":"Box--narrow-l--box-radius-0__rbA8v","Box--narrow-l--box-radius-12":"Box--narrow-l--box-radius-12__-FrWF","Box--narrow-l--box-radius-16":"Box--narrow-l--box-radius-16__7yiZ2","Box--narrow-l--box-radius-24":"Box--narrow-l--box-radius-24__pgg5J","Box--narrow-l--box-radius-32":"Box--narrow-l--box-radius-32__ME019","Box--narrow-l--box-radius-48":"Box--narrow-l--box-radius-48__oIpGl","Box--narrow-l--box-radius-64":"Box--narrow-l--box-radius-64__i4ASw","Box--narrow-l--box-radius-96":"Box--narrow-l--box-radius-96__-5TfN","Box--narrow-l--box-radius-160":"Box--narrow-l--box-radius-160__JVHdy","Box--medium-s--box-radius-none":"Box--medium-s--box-radius-none__NI3b5","Box--medium-s--box-radius-m":"Box--medium-s--box-radius-m__98FY-","Box--medium-s--box-radius-l":"Box--medium-s--box-radius-l__RsLEh","Box--medium-s--box-radius-2":"Box--medium-s--box-radius-2__h-yhf","Box--medium-s--box-radius-4":"Box--medium-s--box-radius-4__YmbvG","Box--medium-s--box-radius-8":"Box--medium-s--box-radius-8__NOIeK","Box--medium-s--box-radius-0":"Box--medium-s--box-radius-0__6dX4D","Box--medium-s--box-radius-12":"Box--medium-s--box-radius-12__Gp9Nl","Box--medium-s--box-radius-16":"Box--medium-s--box-radius-16__Q-4Io","Box--medium-s--box-radius-24":"Box--medium-s--box-radius-24__FASgo","Box--medium-s--box-radius-32":"Box--medium-s--box-radius-32__WCrhN","Box--medium-s--box-radius-48":"Box--medium-s--box-radius-48__Cniaw","Box--medium-s--box-radius-64":"Box--medium-s--box-radius-64__PnAQM","Box--medium-s--box-radius-96":"Box--medium-s--box-radius-96__sGJpJ","Box--medium-s--box-radius-160":"Box--medium-s--box-radius-160__MURfX","Box--medium-l--box-radius-none":"Box--medium-l--box-radius-none__9i2B6","Box--medium-l--box-radius-m":"Box--medium-l--box-radius-m__-N-kx","Box--medium-l--box-radius-l":"Box--medium-l--box-radius-l__mNNXv","Box--medium-l--box-radius-2":"Box--medium-l--box-radius-2__cWx-n","Box--medium-l--box-radius-4":"Box--medium-l--box-radius-4__ibcr4","Box--medium-l--box-radius-8":"Box--medium-l--box-radius-8__zm-dC","Box--medium-l--box-radius-0":"Box--medium-l--box-radius-0__-HCNC","Box--medium-l--box-radius-12":"Box--medium-l--box-radius-12__DdmSM","Box--medium-l--box-radius-16":"Box--medium-l--box-radius-16__o3E1Q","Box--medium-l--box-radius-24":"Box--medium-l--box-radius-24__u-rLd","Box--medium-l--box-radius-32":"Box--medium-l--box-radius-32__wMKBz","Box--medium-l--box-radius-48":"Box--medium-l--box-radius-48__mMLoI","Box--medium-l--box-radius-64":"Box--medium-l--box-radius-64__OuZ5D","Box--medium-l--box-radius-96":"Box--medium-l--box-radius-96__6lzaZ","Box--medium-l--box-radius-160":"Box--medium-l--box-radius-160__bTscq","Box--wide-s--box-radius-none":"Box--wide-s--box-radius-none__eNUX-","Box--wide-s--box-radius-m":"Box--wide-s--box-radius-m__T0UnR","Box--wide-s--box-radius-l":"Box--wide-s--box-radius-l__kE31q","Box--wide-s--box-radius-2":"Box--wide-s--box-radius-2__FnsdM","Box--wide-s--box-radius-4":"Box--wide-s--box-radius-4__G4jL0","Box--wide-s--box-radius-8":"Box--wide-s--box-radius-8__7Mz6S","Box--wide-s--box-radius-0":"Box--wide-s--box-radius-0__H9zOa","Box--wide-s--box-radius-12":"Box--wide-s--box-radius-12__G2Ain","Box--wide-s--box-radius-16":"Box--wide-s--box-radius-16__or-lk","Box--wide-s--box-radius-24":"Box--wide-s--box-radius-24__xyysq","Box--wide-s--box-radius-32":"Box--wide-s--box-radius-32__a8VMC","Box--wide-s--box-radius-48":"Box--wide-s--box-radius-48__lD512","Box--wide-s--box-radius-64":"Box--wide-s--box-radius-64__SPNmy","Box--wide-s--box-radius-96":"Box--wide-s--box-radius-96__7Awl2","Box--wide-s--box-radius-160":"Box--wide-s--box-radius-160__sBOke","Box--wide-l--box-radius-none":"Box--wide-l--box-radius-none__YpNNw","Box--wide-l--box-radius-m":"Box--wide-l--box-radius-m__i6UjO","Box--wide-l--box-radius-l":"Box--wide-l--box-radius-l__NkLU0","Box--wide-l--box-radius-2":"Box--wide-l--box-radius-2__GYO54","Box--wide-l--box-radius-4":"Box--wide-l--box-radius-4__267az","Box--wide-l--box-radius-8":"Box--wide-l--box-radius-8__1hPOR","Box--wide-l--box-radius-0":"Box--wide-l--box-radius-0__HQ2Tn","Box--wide-l--box-radius-12":"Box--wide-l--box-radius-12__yXlB2","Box--wide-l--box-radius-16":"Box--wide-l--box-radius-16__gp8Ov","Box--wide-l--box-radius-24":"Box--wide-l--box-radius-24__n4VQK","Box--wide-l--box-radius-32":"Box--wide-l--box-radius-32__E-AbQ","Box--wide-l--box-radius-48":"Box--wide-l--box-radius-48__hUdT6","Box--wide-l--box-radius-64":"Box--wide-l--box-radius-64__mLXRM","Box--wide-l--box-radius-96":"Box--wide-l--box-radius-96__gMyZj","Box--wide-l--box-radius-160":"Box--wide-l--box-radius-160__dfjUF","Box--background-white":"Box--background-white__8bLtb","Box--background-gray-100":"Box--background-gray-100__caCCW","Box--background-gray-200":"Box--background-gray-200__lxnJm","Box--background-gray-300":"Box--background-gray-300__qfANs","Box--background-gray-400":"Box--background-gray-400__Ol1x4","Box--background-gray-500":"Box--background-gray-500__x0PFz","Box--background-gray-600":"Box--background-gray-600__uB-Hh","Box--background-teal-100":"Box--background-teal-100__8CUoI","Box--background-teal-200":"Box--background-teal-200__7picz","Box--background-teal-300":"Box--background-teal-300__T3rQI","Box--background-teal-400":"Box--background-teal-400__0B0--","Box--background-teal-500":"Box--background-teal-500__MdenY","Box--background-green-100":"Box--background-green-100__HeHgn","Box--background-green-200":"Box--background-green-200__1N2wh","Box--background-green-300":"Box--background-green-300__z8ERR","Box--background-green-400":"Box--background-green-400__-5sHz","Box--background-green-500":"Box--background-green-500__CtoHU","Box--background-yellow-100":"Box--background-yellow-100__nuCTl","Box--background-yellow-200":"Box--background-yellow-200__Gp-pF","Box--background-yellow-300":"Box--background-yellow-300__yjWLN","Box--background-yellow-400":"Box--background-yellow-400__1GTS5","Box--background-yellow-500":"Box--background-yellow-500__ihqqf","Box--background-red-100":"Box--background-red-100__mwv7-","Box--background-red-200":"Box--background-red-200__RIRGM","Box--background-red-300":"Box--background-red-300__HbjJU","Box--background-red-400":"Box--background-red-400__ptrch","Box--background-red-500":"Box--background-red-500__YwJPK","Box--background-blue-100":"Box--background-blue-100__vxcI9","Box--background-blue-200":"Box--background-blue-200__In8OS","Box--background-blue-300":"Box--background-blue-300__2mLHS","Box--background-blue-400":"Box--background-blue-400__g45Ks","Box--background-blue-500":"Box--background-blue-500__KXigt","Box--background-magenta-100":"Box--background-magenta-100__mgiT2","Box--background-magenta-200":"Box--background-magenta-200__NzaeL","Box--background-magenta-300":"Box--background-magenta-300__lCSib","Box--background-magenta-400":"Box--background-magenta-400__b9jnn","Box--background-magenta-500":"Box--background-magenta-500__8-Hxx","Box--background-primary":"Box--background-primary__00zVu","Box--background-secondary":"Box--background-secondary__hY7w0","Box--background-tertiary":"Box--background-tertiary__cIPge","Box--background-overlay":"Box--background-overlay__vbs8V","Box--background-disabled":"Box--background-disabled__81WYT","Box--background-brand":"Box--background-brand__2W0VB","Box--background-brandB2b":"Box--background-brandB2b__KQrLm","Box--background-accentLight":"Box--background-accentLight__x6RrQ","Box--background-accentDark":"Box--background-accentDark__agpDd","Box--background-positiveLight":"Box--background-positiveLight__67dRq","Box--background-positiveDark":"Box--background-positiveDark__lYghV","Box--background-infoLight":"Box--background-infoLight__u-TX4","Box--background-infoDark":"Box--background-infoDark__ud4qs","Box--background-warningLight":"Box--background-warningLight__JtSuS","Box--background-warningDark":"Box--background-warningDark__SIgOQ","Box--background-criticalLight":"Box--background-criticalLight__uPTDs","Box--background-criticalDark":"Box--background-criticalDark__12Zft","Box--background-statusOnline":"Box--background-statusOnline__5PZcQ","Box--background-statusOffline":"Box--background-statusOffline__Vh0CO","Box--background-primaryInverted":"Box--background-primaryInverted__TePy2","Box--background-secondaryInverted":"Box--background-secondaryInverted__tMytW","Box--background-tertiaryInverted":"Box--background-tertiaryInverted__K2wU5"},r=D.forwardRef(function({children:c,background:g,radius:v=R,padding:p=q,tag:k,dataset:w,...y},f){const h=A(j,d.Box,[u("box-radius",v),u("background",g)]),L=O(p),S=k??I,T=[...h,...L],P={...N(y),ref:f,className:T.join(" "),...H(w,{preplyDsComponent:d.Box})};return o.jsx(S,{...P,children:c})});try{r.displayName="Box",r.__docgenInfo={description:"A styleable container.\n\nUse this with `Layout*` components to create complex content containers.",displayName:"Box",props:{background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"accentDark"'},{value:'"disabled"'},{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'},{value:'"overlay"'},{value:'"brand"'},{value:'"brandB2b"'},{value:'"accentLight"'},{value:'"positiveLight"'},{value:'"positiveDark"'},{value:'"infoLight"'},{value:'"infoDark"'},{value:'"warningLight"'},{value:'"warningDark"'},{value:'"criticalLight"'},{value:'"criticalDark"'},{value:'"statusOnline"'},{value:'"statusOffline"'},{value:'"primaryInverted"'},{value:'"secondaryInverted"'},{value:'"tertiaryInverted"'}]}},radius:{defaultValue:{value:"m"},description:"",name:"radius",required:!1,type:{name:"enum",value:[{value:'"m"'},{value:'"l"'},{value:'"16"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"none"'},{value:'"0"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:"ResponsiveProp<BoxRadius>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"article"'},{value:'"caption"'},{value:'"fieldset"'},{value:'"figcaption"'},{value:'"figure"'},{value:'"footer"'},{value:'"header"'},{value:'"li"'},{value:'"main"'},{value:'"ol"'},{value:'"section"'},{value:'"table"'},{value:'"tbody"'},{value:'"td"'},{value:'"tfoot"'},{value:'"th"'},{value:'"thead"'},{value:'"tr"'},{value:'"ul"'}]}},padding:{defaultValue:{value:"s"},description:"",name:"padding",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"2xs"'},{value:'"16"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"none"'},{value:'"3xs"'},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"20"'},{value:"[Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing, Spacing]"},{value:"[BoxPadding, BoxPadding]"},{value:"[BoxPadding, BoxPadding, BoxPadding]"},{value:"[BoxPadding, BoxPadding, BoxPadding, BoxPadding]"},{value:"ResponsiveProp<ShortHand<Spacing> | ShortHand<BoxPadding>>"}]}},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: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const ro={title:"components/Box",component:r,argTypes:{radius:{description:U},padding:{description:C}}},a=()=>o.jsx(r,{background:"positiveLight",children:o.jsxs(B,{gap:"xs",direction:"column",children:[o.jsx(b,{level:"h3",accent:"positive",children:"Heading"}),o.jsx(_,{accent:"positive",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et vitae eros"})]})});a.storyName="Box";const e={parameters:{chromatic:{disableSnapshot:!0}},args:{background:void 0,radius:void 0,padding:void 0,children:o.jsxs(B,{gap:"16",direction:"column",children:[o.jsx(b,{variant:"large",tag:"h3",children:"Heading"}),o.jsx(_,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et vitae eros"})]}),dataset:{qaid:"box"}},argTypes:{children:{control:!1},dataset:{control:"object"}}};var i,x,s;a.parameters={...a.parameters,docs:{...(i=a.parameters)==null?void 0:i.docs,source:{originalSource:`() => <Box background="positiveLight">
1
+ import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{H as b}from"./Heading-R6H7GJlb.js";import{L as B}from"./LayoutFlex-BNA1xrCR.js";import{T as _}from"./Text-0413ycXu.js";import{r as D}from"./index-Cb9e4tly.js";import{f as N}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{g as O}from"./layout-relative.module-ed9bC4H4.js";import{m as A,s as u}from"./classNames-BUL1Zq7e.js";import{w as d}from"./componentNames-s6s-Nnrd.js";import{g as H}from"./index-DdzHuZ-Y.js";import{L as I,c as R,d as q}from"./defaults-B1rzzf6M.js";import{a as C,S as U}from"./consts-KAYct7Gj.js";import"./index-ChsGqxH_.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";import"./_commonjsHelpers-Cpj98o6Y.js";const E="Box__T6Fyt",j={Box:E,"Box--box-radius-none":"Box--box-radius-none__pVdTk","Box--box-radius-m":"Box--box-radius-m__alXKt","Box--box-radius-l":"Box--box-radius-l__ZQypL","Box--box-radius-2":"Box--box-radius-2__IXJHQ","Box--box-radius-4":"Box--box-radius-4__aoSlX","Box--box-radius-8":"Box--box-radius-8__-BuzF","Box--box-radius-0":"Box--box-radius-0__FWPBJ","Box--box-radius-12":"Box--box-radius-12__6r0bn","Box--box-radius-16":"Box--box-radius-16__n3666","Box--box-radius-24":"Box--box-radius-24__pxV3O","Box--box-radius-32":"Box--box-radius-32__2zn-K","Box--box-radius-48":"Box--box-radius-48__t8Iiq","Box--box-radius-64":"Box--box-radius-64__-zOC7","Box--box-radius-96":"Box--box-radius-96__ayuP-","Box--box-radius-160":"Box--box-radius-160__39X1p","Box--narrow-l--box-radius-none":"Box--narrow-l--box-radius-none__U1KRd","Box--narrow-l--box-radius-m":"Box--narrow-l--box-radius-m__EAz9A","Box--narrow-l--box-radius-l":"Box--narrow-l--box-radius-l__GEnkZ","Box--narrow-l--box-radius-2":"Box--narrow-l--box-radius-2__Cn0nB","Box--narrow-l--box-radius-4":"Box--narrow-l--box-radius-4__dXX4d","Box--narrow-l--box-radius-8":"Box--narrow-l--box-radius-8__c2qTs","Box--narrow-l--box-radius-0":"Box--narrow-l--box-radius-0__rbA8v","Box--narrow-l--box-radius-12":"Box--narrow-l--box-radius-12__-FrWF","Box--narrow-l--box-radius-16":"Box--narrow-l--box-radius-16__7yiZ2","Box--narrow-l--box-radius-24":"Box--narrow-l--box-radius-24__pgg5J","Box--narrow-l--box-radius-32":"Box--narrow-l--box-radius-32__ME019","Box--narrow-l--box-radius-48":"Box--narrow-l--box-radius-48__oIpGl","Box--narrow-l--box-radius-64":"Box--narrow-l--box-radius-64__i4ASw","Box--narrow-l--box-radius-96":"Box--narrow-l--box-radius-96__-5TfN","Box--narrow-l--box-radius-160":"Box--narrow-l--box-radius-160__JVHdy","Box--medium-s--box-radius-none":"Box--medium-s--box-radius-none__NI3b5","Box--medium-s--box-radius-m":"Box--medium-s--box-radius-m__98FY-","Box--medium-s--box-radius-l":"Box--medium-s--box-radius-l__RsLEh","Box--medium-s--box-radius-2":"Box--medium-s--box-radius-2__h-yhf","Box--medium-s--box-radius-4":"Box--medium-s--box-radius-4__YmbvG","Box--medium-s--box-radius-8":"Box--medium-s--box-radius-8__NOIeK","Box--medium-s--box-radius-0":"Box--medium-s--box-radius-0__6dX4D","Box--medium-s--box-radius-12":"Box--medium-s--box-radius-12__Gp9Nl","Box--medium-s--box-radius-16":"Box--medium-s--box-radius-16__Q-4Io","Box--medium-s--box-radius-24":"Box--medium-s--box-radius-24__FASgo","Box--medium-s--box-radius-32":"Box--medium-s--box-radius-32__WCrhN","Box--medium-s--box-radius-48":"Box--medium-s--box-radius-48__Cniaw","Box--medium-s--box-radius-64":"Box--medium-s--box-radius-64__PnAQM","Box--medium-s--box-radius-96":"Box--medium-s--box-radius-96__sGJpJ","Box--medium-s--box-radius-160":"Box--medium-s--box-radius-160__MURfX","Box--medium-l--box-radius-none":"Box--medium-l--box-radius-none__9i2B6","Box--medium-l--box-radius-m":"Box--medium-l--box-radius-m__-N-kx","Box--medium-l--box-radius-l":"Box--medium-l--box-radius-l__mNNXv","Box--medium-l--box-radius-2":"Box--medium-l--box-radius-2__cWx-n","Box--medium-l--box-radius-4":"Box--medium-l--box-radius-4__ibcr4","Box--medium-l--box-radius-8":"Box--medium-l--box-radius-8__zm-dC","Box--medium-l--box-radius-0":"Box--medium-l--box-radius-0__-HCNC","Box--medium-l--box-radius-12":"Box--medium-l--box-radius-12__DdmSM","Box--medium-l--box-radius-16":"Box--medium-l--box-radius-16__o3E1Q","Box--medium-l--box-radius-24":"Box--medium-l--box-radius-24__u-rLd","Box--medium-l--box-radius-32":"Box--medium-l--box-radius-32__wMKBz","Box--medium-l--box-radius-48":"Box--medium-l--box-radius-48__mMLoI","Box--medium-l--box-radius-64":"Box--medium-l--box-radius-64__OuZ5D","Box--medium-l--box-radius-96":"Box--medium-l--box-radius-96__6lzaZ","Box--medium-l--box-radius-160":"Box--medium-l--box-radius-160__bTscq","Box--wide-s--box-radius-none":"Box--wide-s--box-radius-none__eNUX-","Box--wide-s--box-radius-m":"Box--wide-s--box-radius-m__T0UnR","Box--wide-s--box-radius-l":"Box--wide-s--box-radius-l__kE31q","Box--wide-s--box-radius-2":"Box--wide-s--box-radius-2__FnsdM","Box--wide-s--box-radius-4":"Box--wide-s--box-radius-4__G4jL0","Box--wide-s--box-radius-8":"Box--wide-s--box-radius-8__7Mz6S","Box--wide-s--box-radius-0":"Box--wide-s--box-radius-0__H9zOa","Box--wide-s--box-radius-12":"Box--wide-s--box-radius-12__G2Ain","Box--wide-s--box-radius-16":"Box--wide-s--box-radius-16__or-lk","Box--wide-s--box-radius-24":"Box--wide-s--box-radius-24__xyysq","Box--wide-s--box-radius-32":"Box--wide-s--box-radius-32__a8VMC","Box--wide-s--box-radius-48":"Box--wide-s--box-radius-48__lD512","Box--wide-s--box-radius-64":"Box--wide-s--box-radius-64__SPNmy","Box--wide-s--box-radius-96":"Box--wide-s--box-radius-96__7Awl2","Box--wide-s--box-radius-160":"Box--wide-s--box-radius-160__sBOke","Box--wide-l--box-radius-none":"Box--wide-l--box-radius-none__YpNNw","Box--wide-l--box-radius-m":"Box--wide-l--box-radius-m__i6UjO","Box--wide-l--box-radius-l":"Box--wide-l--box-radius-l__NkLU0","Box--wide-l--box-radius-2":"Box--wide-l--box-radius-2__GYO54","Box--wide-l--box-radius-4":"Box--wide-l--box-radius-4__267az","Box--wide-l--box-radius-8":"Box--wide-l--box-radius-8__1hPOR","Box--wide-l--box-radius-0":"Box--wide-l--box-radius-0__HQ2Tn","Box--wide-l--box-radius-12":"Box--wide-l--box-radius-12__yXlB2","Box--wide-l--box-radius-16":"Box--wide-l--box-radius-16__gp8Ov","Box--wide-l--box-radius-24":"Box--wide-l--box-radius-24__n4VQK","Box--wide-l--box-radius-32":"Box--wide-l--box-radius-32__E-AbQ","Box--wide-l--box-radius-48":"Box--wide-l--box-radius-48__hUdT6","Box--wide-l--box-radius-64":"Box--wide-l--box-radius-64__mLXRM","Box--wide-l--box-radius-96":"Box--wide-l--box-radius-96__gMyZj","Box--wide-l--box-radius-160":"Box--wide-l--box-radius-160__dfjUF","Box--background-white":"Box--background-white__8bLtb","Box--background-gray-100":"Box--background-gray-100__caCCW","Box--background-gray-200":"Box--background-gray-200__lxnJm","Box--background-gray-300":"Box--background-gray-300__qfANs","Box--background-gray-400":"Box--background-gray-400__Ol1x4","Box--background-gray-500":"Box--background-gray-500__x0PFz","Box--background-gray-600":"Box--background-gray-600__uB-Hh","Box--background-teal-100":"Box--background-teal-100__8CUoI","Box--background-teal-200":"Box--background-teal-200__7picz","Box--background-teal-300":"Box--background-teal-300__T3rQI","Box--background-teal-400":"Box--background-teal-400__0B0--","Box--background-teal-500":"Box--background-teal-500__MdenY","Box--background-green-100":"Box--background-green-100__HeHgn","Box--background-green-200":"Box--background-green-200__1N2wh","Box--background-green-300":"Box--background-green-300__z8ERR","Box--background-green-400":"Box--background-green-400__-5sHz","Box--background-green-500":"Box--background-green-500__CtoHU","Box--background-yellow-100":"Box--background-yellow-100__nuCTl","Box--background-yellow-200":"Box--background-yellow-200__Gp-pF","Box--background-yellow-300":"Box--background-yellow-300__yjWLN","Box--background-yellow-400":"Box--background-yellow-400__1GTS5","Box--background-yellow-500":"Box--background-yellow-500__ihqqf","Box--background-red-100":"Box--background-red-100__mwv7-","Box--background-red-200":"Box--background-red-200__RIRGM","Box--background-red-300":"Box--background-red-300__HbjJU","Box--background-red-400":"Box--background-red-400__ptrch","Box--background-red-500":"Box--background-red-500__YwJPK","Box--background-blue-100":"Box--background-blue-100__vxcI9","Box--background-blue-200":"Box--background-blue-200__In8OS","Box--background-blue-300":"Box--background-blue-300__2mLHS","Box--background-blue-400":"Box--background-blue-400__g45Ks","Box--background-blue-500":"Box--background-blue-500__KXigt","Box--background-magenta-100":"Box--background-magenta-100__mgiT2","Box--background-magenta-200":"Box--background-magenta-200__NzaeL","Box--background-magenta-300":"Box--background-magenta-300__lCSib","Box--background-magenta-400":"Box--background-magenta-400__b9jnn","Box--background-magenta-500":"Box--background-magenta-500__8-Hxx","Box--background-primary":"Box--background-primary__00zVu","Box--background-secondary":"Box--background-secondary__hY7w0","Box--background-tertiary":"Box--background-tertiary__cIPge","Box--background-overlay":"Box--background-overlay__vbs8V","Box--background-disabled":"Box--background-disabled__81WYT","Box--background-brand":"Box--background-brand__2W0VB","Box--background-brandB2b":"Box--background-brandB2b__KQrLm","Box--background-accentLight":"Box--background-accentLight__x6RrQ","Box--background-accentDark":"Box--background-accentDark__agpDd","Box--background-positiveLight":"Box--background-positiveLight__67dRq","Box--background-positiveDark":"Box--background-positiveDark__lYghV","Box--background-infoLight":"Box--background-infoLight__u-TX4","Box--background-infoDark":"Box--background-infoDark__ud4qs","Box--background-warningLight":"Box--background-warningLight__JtSuS","Box--background-warningDark":"Box--background-warningDark__SIgOQ","Box--background-criticalLight":"Box--background-criticalLight__uPTDs","Box--background-criticalDark":"Box--background-criticalDark__12Zft","Box--background-statusOnline":"Box--background-statusOnline__5PZcQ","Box--background-statusOffline":"Box--background-statusOffline__Vh0CO","Box--background-primaryInverted":"Box--background-primaryInverted__TePy2","Box--background-secondaryInverted":"Box--background-secondaryInverted__tMytW","Box--background-tertiaryInverted":"Box--background-tertiaryInverted__K2wU5"},r=D.forwardRef(function({children:c,background:g,radius:v=R,padding:p=q,tag:k,dataset:w,...y},f){const h=A(j,d.Box,[u("box-radius",v),u("background",g)]),L=O(p),S=k??I,T=[...h,...L],P={...N(y),ref:f,className:T.join(" "),...H(w,{preplyDsComponent:d.Box})};return o.jsx(S,{...P,children:c})});try{r.displayName="Box",r.__docgenInfo={description:"A styleable container.\n\nUse this with `Layout*` components to create complex content containers.",displayName:"Box",props:{background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"accentDark"'},{value:'"disabled"'},{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'},{value:'"overlay"'},{value:'"brand"'},{value:'"brandB2b"'},{value:'"accentLight"'},{value:'"positiveLight"'},{value:'"positiveDark"'},{value:'"infoLight"'},{value:'"infoDark"'},{value:'"warningLight"'},{value:'"warningDark"'},{value:'"criticalLight"'},{value:'"criticalDark"'},{value:'"statusOnline"'},{value:'"statusOffline"'},{value:'"primaryInverted"'},{value:'"secondaryInverted"'},{value:'"tertiaryInverted"'}]}},radius:{defaultValue:{value:"m"},description:"",name:"radius",required:!1,type:{name:"enum",value:[{value:'"m"'},{value:'"l"'},{value:'"16"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"none"'},{value:'"0"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:"ResponsiveProp<BoxRadius>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},padding:{defaultValue:{value:"s"},description:"",name:"padding",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"2xs"'},{value:'"16"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"none"'},{value:'"3xs"'},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"20"'},{value:"[Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing, Spacing]"},{value:"[BoxPadding, BoxPadding]"},{value:"[BoxPadding, BoxPadding, BoxPadding]"},{value:"[BoxPadding, BoxPadding, BoxPadding, BoxPadding]"},{value:"ResponsiveProp<ShortHand<Spacing> | ShortHand<BoxPadding>>"}]}},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: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const ro={title:"components/Box",component:r,argTypes:{radius:{description:U},padding:{description:C}}},a=()=>o.jsx(r,{background:"positiveLight",children:o.jsxs(B,{gap:"xs",direction:"column",children:[o.jsx(b,{level:"h3",accent:"positive",children:"Heading"}),o.jsx(_,{accent:"positive",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et vitae eros"})]})});a.storyName="Box";const e={parameters:{chromatic:{disableSnapshot:!0}},args:{background:void 0,radius:void 0,padding:void 0,children:o.jsxs(B,{gap:"16",direction:"column",children:[o.jsx(b,{variant:"large",tag:"h3",children:"Heading"}),o.jsx(_,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et vitae eros"})]}),dataset:{qaid:"box"}},argTypes:{children:{control:!1},dataset:{control:"object"}}};var i,x,s;a.parameters={...a.parameters,docs:{...(i=a.parameters)==null?void 0:i.docs,source:{originalSource:`() => <Box background="positiveLight">
2
2
  <LayoutFlex gap="xs" direction="column">
3
3
  <Heading level="h3" accent="positive">
4
4
  Heading
@@ -1,4 +1,4 @@
1
- import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r as _}from"./index-Cb9e4tly.js";import{r as u}from"./render-icon-BT0Aq7PA.js";import{B as z}from"./ButtonBase-Cl5EzY6D.js";import{m as g,s as y}from"./classNames-BUL1Zq7e.js";import{w as i}from"./componentNames-s6s-Nnrd.js";import{B as w,a as T}from"./defaults-B1rzzf6M.js";const h="Button__zN6zT",V="leadingIcon__wQqJW",b="trailingIcon__zChSf",I="icon__sU6GA",e={Button:h,leadingIcon:V,trailingIcon:b,"Button--size-s":"Button--size-s__yKEFo",icon:I,"Button--size-m":"Button--size-m__-0jeH","Button--size-small":"Button--size-small__xrFvg","Button--size-medium":"Button--size-medium__Mc1B1","Button--size-l":"Button--size-l__7gew2","Button--size-large":"Button--size-large__LejpK","Button--narrow-l--size-s":"Button--narrow-l--size-s__oKIHq","Button--narrow-l--size-m":"Button--narrow-l--size-m__FfkOA","Button--narrow-l--size-small":"Button--narrow-l--size-small__y-M26","Button--narrow-l--size-medium":"Button--narrow-l--size-medium__so23Y","Button--narrow-l--size-l":"Button--narrow-l--size-l__xZOAd","Button--narrow-l--size-large":"Button--narrow-l--size-large__8clcn","Button--medium-s--size-s":"Button--medium-s--size-s__I-GoC","Button--medium-s--size-m":"Button--medium-s--size-m__Fk3sj","Button--medium-s--size-small":"Button--medium-s--size-small__N-91h","Button--medium-s--size-medium":"Button--medium-s--size-medium__sRSxR","Button--medium-s--size-l":"Button--medium-s--size-l__QXDbD","Button--medium-s--size-large":"Button--medium-s--size-large__Rtei-","Button--medium-l--size-s":"Button--medium-l--size-s__YqR0K","Button--medium-l--size-m":"Button--medium-l--size-m__BaJ0d","Button--medium-l--size-small":"Button--medium-l--size-small__iP5bS","Button--medium-l--size-medium":"Button--medium-l--size-medium__JanvZ","Button--medium-l--size-l":"Button--medium-l--size-l__ps0aM","Button--medium-l--size-large":"Button--medium-l--size-large__2gVOL","Button--wide-s--size-s":"Button--wide-s--size-s__OE3Yz","Button--wide-s--size-m":"Button--wide-s--size-m__H2KPf","Button--wide-s--size-small":"Button--wide-s--size-small__lDDYF","Button--wide-s--size-medium":"Button--wide-s--size-medium__CoePZ","Button--wide-s--size-l":"Button--wide-s--size-l__gcSoP","Button--wide-s--size-large":"Button--wide-s--size-large__KLj98","Button--wide-l--size-s":"Button--wide-l--size-s__HAZa1","Button--wide-l--size-m":"Button--wide-l--size-m__xB4x0","Button--wide-l--size-small":"Button--wide-l--size-small__WdoWT","Button--wide-l--size-medium":"Button--wide-l--size-medium__KgZbS","Button--wide-l--size-l":"Button--wide-l--size-l__rw5N1","Button--wide-l--size-large":"Button--wide-l--size-large__7TyOT"},s=_.forwardRef(function({variant:r=T,size:l=w,url:m,a11yLabel:d,leadingSvgIcon:t,trailingSvgIcon:n,children:c,...B},p){const v=!!t||!!n,f=g(e,i.Button,[y("size",l)]);return a.jsxs(z,{...B,ref:p,isIconButton:!1,variant:r,size:l,url:m,a11yLabel:d,preplyDsComponent:i.Button,className:v?f.join(" "):"",children:[!!t&&a.jsx("span",{className:`${e.icon} ${e.leadingIcon}`,children:u(t,{"aria-hidden":"true",focusable:"false"})}),c,!!n&&a.jsx("span",{className:`${e.icon} ${e.trailingIcon}`,children:u(n,{"aria-hidden":"true",focusable:"false"})})]})});try{s.displayName="Button",s.__docgenInfo={description:"",displayName:"Button",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"inverted"'},{value:'"critical"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"newFeature"'},{value:'"ai"'}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},size:{defaultValue:{value:"s"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:"ResponsiveProp<ButtonSize>"}]}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
1
+ import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r as _}from"./index-Cb9e4tly.js";import{r as u}from"./render-icon-BT0Aq7PA.js";import{B as z}from"./ButtonBase-BAooW9wV.js";import{m as g,s as y}from"./classNames-BUL1Zq7e.js";import{w as i}from"./componentNames-s6s-Nnrd.js";import{B as w,a as T}from"./defaults-B1rzzf6M.js";const h="Button__zN6zT",V="leadingIcon__wQqJW",b="trailingIcon__zChSf",I="icon__sU6GA",e={Button:h,leadingIcon:V,trailingIcon:b,"Button--size-s":"Button--size-s__yKEFo",icon:I,"Button--size-m":"Button--size-m__-0jeH","Button--size-small":"Button--size-small__xrFvg","Button--size-medium":"Button--size-medium__Mc1B1","Button--size-l":"Button--size-l__7gew2","Button--size-large":"Button--size-large__LejpK","Button--narrow-l--size-s":"Button--narrow-l--size-s__oKIHq","Button--narrow-l--size-m":"Button--narrow-l--size-m__FfkOA","Button--narrow-l--size-small":"Button--narrow-l--size-small__y-M26","Button--narrow-l--size-medium":"Button--narrow-l--size-medium__so23Y","Button--narrow-l--size-l":"Button--narrow-l--size-l__xZOAd","Button--narrow-l--size-large":"Button--narrow-l--size-large__8clcn","Button--medium-s--size-s":"Button--medium-s--size-s__I-GoC","Button--medium-s--size-m":"Button--medium-s--size-m__Fk3sj","Button--medium-s--size-small":"Button--medium-s--size-small__N-91h","Button--medium-s--size-medium":"Button--medium-s--size-medium__sRSxR","Button--medium-s--size-l":"Button--medium-s--size-l__QXDbD","Button--medium-s--size-large":"Button--medium-s--size-large__Rtei-","Button--medium-l--size-s":"Button--medium-l--size-s__YqR0K","Button--medium-l--size-m":"Button--medium-l--size-m__BaJ0d","Button--medium-l--size-small":"Button--medium-l--size-small__iP5bS","Button--medium-l--size-medium":"Button--medium-l--size-medium__JanvZ","Button--medium-l--size-l":"Button--medium-l--size-l__ps0aM","Button--medium-l--size-large":"Button--medium-l--size-large__2gVOL","Button--wide-s--size-s":"Button--wide-s--size-s__OE3Yz","Button--wide-s--size-m":"Button--wide-s--size-m__H2KPf","Button--wide-s--size-small":"Button--wide-s--size-small__lDDYF","Button--wide-s--size-medium":"Button--wide-s--size-medium__CoePZ","Button--wide-s--size-l":"Button--wide-s--size-l__gcSoP","Button--wide-s--size-large":"Button--wide-s--size-large__KLj98","Button--wide-l--size-s":"Button--wide-l--size-s__HAZa1","Button--wide-l--size-m":"Button--wide-l--size-m__xB4x0","Button--wide-l--size-small":"Button--wide-l--size-small__WdoWT","Button--wide-l--size-medium":"Button--wide-l--size-medium__KgZbS","Button--wide-l--size-l":"Button--wide-l--size-l__rw5N1","Button--wide-l--size-large":"Button--wide-l--size-large__7TyOT"},s=_.forwardRef(function({variant:r=T,size:l=w,url:m,a11yLabel:d,leadingSvgIcon:t,trailingSvgIcon:n,children:c,...B},p){const v=!!t||!!n,f=g(e,i.Button,[y("size",l)]);return a.jsxs(z,{...B,ref:p,isIconButton:!1,variant:r,size:l,url:m,a11yLabel:d,preplyDsComponent:i.Button,className:v?f.join(" "):"",children:[!!t&&a.jsx("span",{className:`${e.icon} ${e.leadingIcon}`,children:u(t,{"aria-hidden":"true",focusable:"false"})}),c,!!n&&a.jsx("span",{className:`${e.icon} ${e.trailingIcon}`,children:u(n,{"aria-hidden":"true",focusable:"false"})})]})});try{s.displayName="Button",s.__docgenInfo={description:"",displayName:"Button",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"inverted"'},{value:'"critical"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"newFeature"'},{value:'"ai"'}]}},size:{defaultValue:{value:"s"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:"ResponsiveProp<ButtonSize>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
2
2
 
3
3
  Allows rendering the button using a different React element or component.
4
4
  This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
@@ -1,4 +1,4 @@
1
- import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{F as a}from"./TokyoUIFav-DOVerCtW.js";import{I as s}from"./IconButton-ldp0ofLZ.js";import{B as e}from"./Button-BnZPebye.js";import{S as b}from"./consts-KAYct7Gj.js";import{T as Q}from"./Text-BnXfkCNb.js";import{g as p}from"./getTokenVar-DU_DEzTd.js";import{c as m}from"./tokens-DXy5hgn5.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-Cl5EzY6D.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./Spinner-B2C3RkCF.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./useMergeRefs-SFH7Mw4x.js";import"./useHostname-Y3PlXofY.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./componentNames-s6s-Nnrd.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";import"./constants-BgBLeZzp.js";const ft={title:"components/Button",component:e,subcomponents:{IconButton:s},argTypes:{size:{description:b},fullWidth:{description:b}}},i=()=>t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(e,{children:"Button"}),t.jsx(e,{leadingSvgIcon:a,children:"Button"}),t.jsx(e,{trailingSvgIcon:a,children:"Button"}),t.jsx(s,{svg:a,assistiveText:"Favourite"})]});i.tags=["!autodocs","!test"];i.parameters={chromatic:{disableSnapshot:!0}};const g=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(e,{variant:"primary",children:"Primary"}),t.jsx(e,{variant:"secondary",children:"Secondary"}),t.jsx(e,{variant:"tertiary",children:"Tertiary"}),t.jsx(e,{variant:"ghost",children:"Ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(e,{variant:"inverted",children:"Inverted"})}),t.jsx(e,{variant:"critical",children:"Critical"}),t.jsx(e,{variant:"onColor",children:"onColor"})]})},d=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(s,{variant:"primary",svg:a,assistiveText:"primary"}),t.jsx(s,{variant:"secondary",svg:a,assistiveText:"secondary"}),t.jsx(s,{variant:"tertiary",svg:a,assistiveText:"tertiary"}),t.jsx(s,{variant:"ghost",svg:a,assistiveText:"ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(s,{variant:"inverted",svg:a,assistiveText:"inverted"})}),t.jsx(s,{variant:"critical",svg:a,assistiveText:"critical"}),t.jsx(s,{variant:"onColor",svg:a,assistiveText:"onColor"})]})};d.storyName="Variants (IconButton)";const x=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{variant:"ai",children:"AI"}),t.jsx(s,{variant:"ai",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px",backgroundColor:o},children:[t.jsx(e,{variant:"classroom",children:"Classroom"}),t.jsx(s,{variant:"classroom",svg:a,assistiveText:"Fav"})]})]})},y=()=>t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"small",children:"Small"}),t.jsx(s,{size:"small",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"medium",children:"Medium"}),t.jsx(s,{size:"medium",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"large",children:"Large"}),t.jsx(s,{size:"large",svg:a,assistiveText:"Fav"})]})]}),l=()=>t.jsx(e,{wrap:!0,children:"Do the really quite unusually long thing"});l.tags=["!autodocs"];l.decorators=[o=>t.jsx("div",{style:{width:"200px"},children:o()})];const v=()=>t.jsx(e,{size:{_:"small","medium-l":"medium","wide-s":"large"},leadingSvgIcon:a,children:"Change the viewport size"});v.parameters={chromatic:{modes:{"narrow-l":{viewport:"narrow-l"},"medium-l":{viewport:"medium-l"},"wide-s":{viewport:"wide-s"}}}};const u=()=>{const o=p(m.background.primaryInverted);return t.jsx("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:["small","medium","large"].map(n=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(r=>t.jsxs(t.Fragment,{children:[t.jsxs(Q,{variant:"default-regular-italic",children:[r," - ",n]}),t.jsxs("div",{style:{display:"flex",gap:"16px",backgroundColor:r==="inverted"||r==="classroom"?o:void 0},children:[t.jsx(e,{size:n,variant:r,children:"button"}),t.jsx(e,{size:n,variant:r,leadingSvgIcon:a,children:"button"}),t.jsx(e,{size:n,variant:r,trailingSvgIcon:a,children:"button"}),t.jsx(e,{size:n,variant:r,busy:!0,assistiveText:"Fav",children:"button"}),t.jsx(e,{size:n,variant:r,disabled:!0,children:"disabled"}),t.jsx(e,{size:n,variant:r,dsInternalSimulation:"hover",children:"hover"}),t.jsx(e,{size:n,variant:r,dsInternalSimulation:"active",children:"active"}),t.jsx(e,{size:n,variant:r,dsInternalSimulation:"focus",children:"focus"})]},`${n}-${r}`)]})))})};u.tags=["!autodocs"];const c=()=>{const o=p(m.background.primaryInverted);return t.jsx("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:["small","medium","large"].map(n=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(r=>t.jsxs(t.Fragment,{children:[t.jsxs(Q,{variant:"default-regular-italic",children:[r," - ",n]}),t.jsxs("div",{style:{display:"flex",gap:"16px",backgroundColor:r==="inverted"||r==="classroom"?o:void 0},children:[t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,busy:!0}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,disabled:!0}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,dsInternalSimulation:"hover"}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,dsInternalSimulation:"active"}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,dsInternalSimulation:"focus"})]},`${n}-${r}`)]})))})};c.storyName="Combinations (IconButton)";c.tags=["!autodocs"];const h={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(o,{args:n})=>t.jsx("div",{style:{backgroundColor:n.variant==="inverted"?"black":void 0},children:o()})],args:{children:"Button",dataset:{qaid:"button"}},argTypes:{children:{control:"text"},dataset:{control:"object"},assistiveText:{control:"text"},disabled:{control:"boolean"},fullWidth:{control:"boolean"},wrap:{control:"boolean"},href:{control:"text"},download:{control:"boolean"},opensInNewTab:{control:"boolean"},nofollow:{control:"boolean"},submitsForm:{control:"boolean"},busy:{control:"boolean"},leadingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":a},control:"select"},trailingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":a},control:"select"},url:{table:{disable:!0}},a11yLabel:{table:{disable:!0}}}};var B,I,f;i.parameters={...i.parameters,docs:{...(B=i.parameters)==null?void 0:B.docs,source:{originalSource:`() => <div style={{
1
+ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{F as a}from"./TokyoUIFav-DOVerCtW.js";import{I as s}from"./IconButton-Bu9wYblr.js";import{B as e}from"./Button-roOK6CbC.js";import{S as b}from"./consts-KAYct7Gj.js";import{T as Q}from"./Text-0413ycXu.js";import{g as p}from"./getTokenVar-DU_DEzTd.js";import{c as m}from"./tokens-DXy5hgn5.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-BAooW9wV.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./Spinner-B2C3RkCF.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./useMergeRefs-SFH7Mw4x.js";import"./useHostname-Y3PlXofY.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./componentNames-s6s-Nnrd.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";import"./constants-BgBLeZzp.js";const ft={title:"components/Button",component:e,subcomponents:{IconButton:s},argTypes:{size:{description:b},fullWidth:{description:b}}},i=()=>t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(e,{children:"Button"}),t.jsx(e,{leadingSvgIcon:a,children:"Button"}),t.jsx(e,{trailingSvgIcon:a,children:"Button"}),t.jsx(s,{svg:a,assistiveText:"Favourite"})]});i.tags=["!autodocs","!test"];i.parameters={chromatic:{disableSnapshot:!0}};const g=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(e,{variant:"primary",children:"Primary"}),t.jsx(e,{variant:"secondary",children:"Secondary"}),t.jsx(e,{variant:"tertiary",children:"Tertiary"}),t.jsx(e,{variant:"ghost",children:"Ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(e,{variant:"inverted",children:"Inverted"})}),t.jsx(e,{variant:"critical",children:"Critical"}),t.jsx(e,{variant:"onColor",children:"onColor"})]})},d=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(s,{variant:"primary",svg:a,assistiveText:"primary"}),t.jsx(s,{variant:"secondary",svg:a,assistiveText:"secondary"}),t.jsx(s,{variant:"tertiary",svg:a,assistiveText:"tertiary"}),t.jsx(s,{variant:"ghost",svg:a,assistiveText:"ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(s,{variant:"inverted",svg:a,assistiveText:"inverted"})}),t.jsx(s,{variant:"critical",svg:a,assistiveText:"critical"}),t.jsx(s,{variant:"onColor",svg:a,assistiveText:"onColor"})]})};d.storyName="Variants (IconButton)";const x=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{variant:"ai",children:"AI"}),t.jsx(s,{variant:"ai",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px",backgroundColor:o},children:[t.jsx(e,{variant:"classroom",children:"Classroom"}),t.jsx(s,{variant:"classroom",svg:a,assistiveText:"Fav"})]})]})},y=()=>t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"small",children:"Small"}),t.jsx(s,{size:"small",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"medium",children:"Medium"}),t.jsx(s,{size:"medium",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"large",children:"Large"}),t.jsx(s,{size:"large",svg:a,assistiveText:"Fav"})]})]}),l=()=>t.jsx(e,{wrap:!0,children:"Do the really quite unusually long thing"});l.tags=["!autodocs"];l.decorators=[o=>t.jsx("div",{style:{width:"200px"},children:o()})];const v=()=>t.jsx(e,{size:{_:"small","medium-l":"medium","wide-s":"large"},leadingSvgIcon:a,children:"Change the viewport size"});v.parameters={chromatic:{modes:{"narrow-l":{viewport:"narrow-l"},"medium-l":{viewport:"medium-l"},"wide-s":{viewport:"wide-s"}}}};const u=()=>{const o=p(m.background.primaryInverted);return t.jsx("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:["small","medium","large"].map(n=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(r=>t.jsxs(t.Fragment,{children:[t.jsxs(Q,{variant:"default-regular-italic",children:[r," - ",n]}),t.jsxs("div",{style:{display:"flex",gap:"16px",backgroundColor:r==="inverted"||r==="classroom"?o:void 0},children:[t.jsx(e,{size:n,variant:r,children:"button"}),t.jsx(e,{size:n,variant:r,leadingSvgIcon:a,children:"button"}),t.jsx(e,{size:n,variant:r,trailingSvgIcon:a,children:"button"}),t.jsx(e,{size:n,variant:r,busy:!0,assistiveText:"Fav",children:"button"}),t.jsx(e,{size:n,variant:r,disabled:!0,children:"disabled"}),t.jsx(e,{size:n,variant:r,dsInternalSimulation:"hover",children:"hover"}),t.jsx(e,{size:n,variant:r,dsInternalSimulation:"active",children:"active"}),t.jsx(e,{size:n,variant:r,dsInternalSimulation:"focus",children:"focus"})]},`${n}-${r}`)]})))})};u.tags=["!autodocs"];const c=()=>{const o=p(m.background.primaryInverted);return t.jsx("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:["small","medium","large"].map(n=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(r=>t.jsxs(t.Fragment,{children:[t.jsxs(Q,{variant:"default-regular-italic",children:[r," - ",n]}),t.jsxs("div",{style:{display:"flex",gap:"16px",backgroundColor:r==="inverted"||r==="classroom"?o:void 0},children:[t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,busy:!0}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,disabled:!0}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,dsInternalSimulation:"hover"}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,dsInternalSimulation:"active"}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,dsInternalSimulation:"focus"})]},`${n}-${r}`)]})))})};c.storyName="Combinations (IconButton)";c.tags=["!autodocs"];const h={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(o,{args:n})=>t.jsx("div",{style:{backgroundColor:n.variant==="inverted"?"black":void 0},children:o()})],args:{children:"Button",dataset:{qaid:"button"}},argTypes:{children:{control:"text"},dataset:{control:"object"},assistiveText:{control:"text"},disabled:{control:"boolean"},fullWidth:{control:"boolean"},wrap:{control:"boolean"},href:{control:"text"},download:{control:"boolean"},opensInNewTab:{control:"boolean"},nofollow:{control:"boolean"},submitsForm:{control:"boolean"},busy:{control:"boolean"},leadingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":a},control:"select"},trailingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":a},control:"select"},url:{table:{disable:!0}},a11yLabel:{table:{disable:!0}}}};var B,I,f;i.parameters={...i.parameters,docs:{...(B=i.parameters)==null?void 0:B.docs,source:{originalSource:`() => <div style={{
2
2
  display: 'flex',
3
3
  gap: '1rem'
4
4
  }}>
@@ -1,4 +1,4 @@
1
- import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as _}from"./index-Cb9e4tly.js";import{f as G}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{S as Q}from"./Spinner-B2C3RkCF.js";import{u as J}from"./useMergeRefs-SFH7Mw4x.js";import{a as Y,B as $}from"./defaults-B1rzzf6M.js";import{u as tt}from"./useHostname-Y3PlXofY.js";import{b as a,s as l,m as et,a as C}from"./classNames-BUL1Zq7e.js";import{g as at,a as nt}from"./index-DdzHuZ-Y.js";import{m as st}from"./index-CC6DAVyL.js";const it="ButtonBase__0qXGj",v={"button-width--width-full":"button-width--width-full__nxjVK","button-width--width-auto":"button-width--width-auto__CngVf","button-width--narrow-l--width-full":"button-width--narrow-l--width-full__rZc8T","button-width--narrow-l--width-auto":"button-width--narrow-l--width-auto__Fs14X","button-width--medium-s--width-full":"button-width--medium-s--width-full__lb8XX","button-width--medium-s--width-auto":"button-width--medium-s--width-auto__gtajp","button-width--medium-l--width-full":"button-width--medium-l--width-full__qOGDr","button-width--medium-l--width-auto":"button-width--medium-l--width-auto__vFKgm","button-width--wide-s--width-full":"button-width--wide-s--width-full__5nhxD","button-width--wide-s--width-auto":"button-width--wide-s--width-auto__J4Ht3","button-width--wide-l--width-full":"button-width--wide-l--width-full__Rsexc","button-width--wide-l--width-auto":"button-width--wide-l--width-auto__k6Ctk",ButtonBase:it,"ButtonBase--content":"ButtonBase--content__ZEhK4","ButtonBase--is-icon-button":"ButtonBase--is-icon-button__CDG-9","ButtonBase--is-icon-button-size-large":"ButtonBase--is-icon-button-size-large__bebMj","ButtonBase--busy":"ButtonBase--busy__M2Cgo","ButtonBase--dsInternalSimulation-focus":"ButtonBase--dsInternalSimulation-focus__xhIA9","ButtonBase--is-busy":"ButtonBase--is-busy__FT7vR","ButtonBase--width-full":"ButtonBase--width-full__0ENoK","ButtonBase--width-auto":"ButtonBase--width-auto__vwDOv","ButtonBase--narrow-l--width-full":"ButtonBase--narrow-l--width-full__-H9pn","ButtonBase--narrow-l--width-auto":"ButtonBase--narrow-l--width-auto__2i3td","ButtonBase--medium-s--width-full":"ButtonBase--medium-s--width-full__sNHbR","ButtonBase--medium-s--width-auto":"ButtonBase--medium-s--width-auto__6T6zO","ButtonBase--medium-l--width-full":"ButtonBase--medium-l--width-full__FTcYM","ButtonBase--medium-l--width-auto":"ButtonBase--medium-l--width-auto__KPNbM","ButtonBase--wide-s--width-full":"ButtonBase--wide-s--width-full__YgEMT","ButtonBase--wide-s--width-auto":"ButtonBase--wide-s--width-auto__nM-ia","ButtonBase--wide-l--width-full":"ButtonBase--wide-l--width-full__CFPdD","ButtonBase--wide-l--width-auto":"ButtonBase--wide-l--width-auto__6gGyZ","ButtonBase--size-xs":"ButtonBase--size-xs__-H91X","ButtonBase--is-icon-button-size-xs":"ButtonBase--is-icon-button-size-xs__EPZ9W","ButtonBase--size-s":"ButtonBase--size-s__lwe2R","ButtonBase--is-icon-button-size-s":"ButtonBase--is-icon-button-size-s__rDjsc","ButtonBase--size-m":"ButtonBase--size-m__VomvS","ButtonBase--is-icon-button-size-m":"ButtonBase--is-icon-button-size-m__XNsyO","ButtonBase--size-l":"ButtonBase--size-l__zpj7k","ButtonBase--is-icon-button-size-l":"ButtonBase--is-icon-button-size-l__ZW9LI","ButtonBase--size-xl":"ButtonBase--size-xl__Xpxy6","ButtonBase--is-icon-button-size-xl":"ButtonBase--is-icon-button-size-xl__wMWhi","ButtonBase--size-large":"ButtonBase--size-large__-OxgW","ButtonBase--size-medium":"ButtonBase--size-medium__YgQDT","ButtonBase--is-icon-button-size-medium":"ButtonBase--is-icon-button-size-medium__AC6Cq","ButtonBase--size-small":"ButtonBase--size-small__UMBKe","ButtonBase--is-icon-button-size-small":"ButtonBase--is-icon-button-size-small__hZmvi","ButtonBase--narrow-l--size-xs":"ButtonBase--narrow-l--size-xs__GRcw7","ButtonBase--narrow-l--is-icon-button-size-xs":"ButtonBase--narrow-l--is-icon-button-size-xs__GLth2","ButtonBase--narrow-l--size-s":"ButtonBase--narrow-l--size-s__pnGJC","ButtonBase--narrow-l--is-icon-button-size-s":"ButtonBase--narrow-l--is-icon-button-size-s__-l6X-","ButtonBase--narrow-l--size-m":"ButtonBase--narrow-l--size-m__D-uV5","ButtonBase--narrow-l--is-icon-button-size-m":"ButtonBase--narrow-l--is-icon-button-size-m__OXWKs","ButtonBase--narrow-l--size-l":"ButtonBase--narrow-l--size-l__TgiXj","ButtonBase--narrow-l--is-icon-button-size-l":"ButtonBase--narrow-l--is-icon-button-size-l__JnU0h","ButtonBase--narrow-l--size-xl":"ButtonBase--narrow-l--size-xl__LYDGc","ButtonBase--narrow-l--is-icon-button-size-xl":"ButtonBase--narrow-l--is-icon-button-size-xl__2s9LK","ButtonBase--narrow-l--size-large":"ButtonBase--narrow-l--size-large__jbaAB","ButtonBase--narrow-l--is-icon-button-size-large":"ButtonBase--narrow-l--is-icon-button-size-large__UIpIh","ButtonBase--narrow-l--size-medium":"ButtonBase--narrow-l--size-medium__62t1K","ButtonBase--narrow-l--is-icon-button-size-medium":"ButtonBase--narrow-l--is-icon-button-size-medium__r2nuk","ButtonBase--narrow-l--size-small":"ButtonBase--narrow-l--size-small__8uFFR","ButtonBase--narrow-l--is-icon-button-size-small":"ButtonBase--narrow-l--is-icon-button-size-small__CkKxU","ButtonBase--medium-s--size-xs":"ButtonBase--medium-s--size-xs__u7Kp0","ButtonBase--medium-s--is-icon-button-size-xs":"ButtonBase--medium-s--is-icon-button-size-xs__cOdRd","ButtonBase--medium-s--size-s":"ButtonBase--medium-s--size-s__uRksZ","ButtonBase--medium-s--is-icon-button-size-s":"ButtonBase--medium-s--is-icon-button-size-s__zRxOl","ButtonBase--medium-s--size-m":"ButtonBase--medium-s--size-m__duOck","ButtonBase--medium-s--is-icon-button-size-m":"ButtonBase--medium-s--is-icon-button-size-m__fuXOy","ButtonBase--medium-s--size-l":"ButtonBase--medium-s--size-l__Q-pD5","ButtonBase--medium-s--is-icon-button-size-l":"ButtonBase--medium-s--is-icon-button-size-l__qxrPe","ButtonBase--medium-s--size-xl":"ButtonBase--medium-s--size-xl__YA9fY","ButtonBase--medium-s--is-icon-button-size-xl":"ButtonBase--medium-s--is-icon-button-size-xl__MsrBO","ButtonBase--medium-s--size-large":"ButtonBase--medium-s--size-large__XpFoi","ButtonBase--medium-s--is-icon-button-size-large":"ButtonBase--medium-s--is-icon-button-size-large__-IvSU","ButtonBase--medium-s--size-medium":"ButtonBase--medium-s--size-medium__ZA4JC","ButtonBase--medium-s--is-icon-button-size-medium":"ButtonBase--medium-s--is-icon-button-size-medium__946RE","ButtonBase--medium-s--size-small":"ButtonBase--medium-s--size-small__nNIDt","ButtonBase--medium-s--is-icon-button-size-small":"ButtonBase--medium-s--is-icon-button-size-small__aAjgr","ButtonBase--medium-l--size-xs":"ButtonBase--medium-l--size-xs__F1Khc","ButtonBase--medium-l--is-icon-button-size-xs":"ButtonBase--medium-l--is-icon-button-size-xs__Zdx1R","ButtonBase--medium-l--size-s":"ButtonBase--medium-l--size-s__-d24-","ButtonBase--medium-l--is-icon-button-size-s":"ButtonBase--medium-l--is-icon-button-size-s__aU0C-","ButtonBase--medium-l--size-m":"ButtonBase--medium-l--size-m__sy5Ba","ButtonBase--medium-l--is-icon-button-size-m":"ButtonBase--medium-l--is-icon-button-size-m__i0Q9n","ButtonBase--medium-l--size-l":"ButtonBase--medium-l--size-l__6N-hW","ButtonBase--medium-l--is-icon-button-size-l":"ButtonBase--medium-l--is-icon-button-size-l__d3lcu","ButtonBase--medium-l--size-xl":"ButtonBase--medium-l--size-xl__dcKDz","ButtonBase--medium-l--is-icon-button-size-xl":"ButtonBase--medium-l--is-icon-button-size-xl__Uv8OQ","ButtonBase--medium-l--size-large":"ButtonBase--medium-l--size-large__yo-U7","ButtonBase--medium-l--is-icon-button-size-large":"ButtonBase--medium-l--is-icon-button-size-large__3ORQx","ButtonBase--medium-l--size-medium":"ButtonBase--medium-l--size-medium__N9rbz","ButtonBase--medium-l--is-icon-button-size-medium":"ButtonBase--medium-l--is-icon-button-size-medium__EFk6V","ButtonBase--medium-l--size-small":"ButtonBase--medium-l--size-small__FMlot","ButtonBase--medium-l--is-icon-button-size-small":"ButtonBase--medium-l--is-icon-button-size-small__Ak0TL","ButtonBase--wide-s--size-xs":"ButtonBase--wide-s--size-xs__1P6u0","ButtonBase--wide-s--is-icon-button-size-xs":"ButtonBase--wide-s--is-icon-button-size-xs__wKzds","ButtonBase--wide-s--size-s":"ButtonBase--wide-s--size-s__4tjeJ","ButtonBase--wide-s--is-icon-button-size-s":"ButtonBase--wide-s--is-icon-button-size-s__kCxEP","ButtonBase--wide-s--size-m":"ButtonBase--wide-s--size-m__hbKwx","ButtonBase--wide-s--is-icon-button-size-m":"ButtonBase--wide-s--is-icon-button-size-m__f3Nhn","ButtonBase--wide-s--size-l":"ButtonBase--wide-s--size-l__Wh6gM","ButtonBase--wide-s--is-icon-button-size-l":"ButtonBase--wide-s--is-icon-button-size-l__Hea7S","ButtonBase--wide-s--size-xl":"ButtonBase--wide-s--size-xl__TDm9a","ButtonBase--wide-s--is-icon-button-size-xl":"ButtonBase--wide-s--is-icon-button-size-xl__esIhV","ButtonBase--wide-s--size-large":"ButtonBase--wide-s--size-large__ASjU0","ButtonBase--wide-s--is-icon-button-size-large":"ButtonBase--wide-s--is-icon-button-size-large__hF4qT","ButtonBase--wide-s--size-medium":"ButtonBase--wide-s--size-medium__glo8Q","ButtonBase--wide-s--is-icon-button-size-medium":"ButtonBase--wide-s--is-icon-button-size-medium__W-O0C","ButtonBase--wide-s--size-small":"ButtonBase--wide-s--size-small__b10zZ","ButtonBase--wide-s--is-icon-button-size-small":"ButtonBase--wide-s--is-icon-button-size-small__-E8EY","ButtonBase--wide-l--size-xs":"ButtonBase--wide-l--size-xs__kHS9Z","ButtonBase--wide-l--is-icon-button-size-xs":"ButtonBase--wide-l--is-icon-button-size-xs__QbVcv","ButtonBase--wide-l--size-s":"ButtonBase--wide-l--size-s__CYShW","ButtonBase--wide-l--is-icon-button-size-s":"ButtonBase--wide-l--is-icon-button-size-s__gzfeW","ButtonBase--wide-l--size-m":"ButtonBase--wide-l--size-m__RbcmO","ButtonBase--wide-l--is-icon-button-size-m":"ButtonBase--wide-l--is-icon-button-size-m__qRd80","ButtonBase--wide-l--size-l":"ButtonBase--wide-l--size-l__2TbsS","ButtonBase--wide-l--is-icon-button-size-l":"ButtonBase--wide-l--is-icon-button-size-l__jNZM3","ButtonBase--wide-l--size-xl":"ButtonBase--wide-l--size-xl__dcdbH","ButtonBase--wide-l--is-icon-button-size-xl":"ButtonBase--wide-l--is-icon-button-size-xl__3q1LH","ButtonBase--wide-l--size-large":"ButtonBase--wide-l--size-large__qXddN","ButtonBase--wide-l--is-icon-button-size-large":"ButtonBase--wide-l--is-icon-button-size-large__ceEkB","ButtonBase--wide-l--size-medium":"ButtonBase--wide-l--size-medium__OPxKX","ButtonBase--wide-l--is-icon-button-size-medium":"ButtonBase--wide-l--is-icon-button-size-medium__dAxcc","ButtonBase--wide-l--size-small":"ButtonBase--wide-l--size-small__tqGj-","ButtonBase--wide-l--is-icon-button-size-small":"ButtonBase--wide-l--is-icon-button-size-small__cCSAh","ButtonBase--variant-primary":"ButtonBase--variant-primary__oSRJV","ButtonBase--variant-primary--dsInternalSimulation-hover":"ButtonBase--variant-primary--dsInternalSimulation-hover__D7OCC","ButtonBase--variant-primary--dsInternalSimulation-active":"ButtonBase--variant-primary--dsInternalSimulation-active__V0iju","ButtonBase--variant-secondary":"ButtonBase--variant-secondary__APosz","ButtonBase--variant-secondary--dsInternalSimulation-hover":"ButtonBase--variant-secondary--dsInternalSimulation-hover__5F1t-","ButtonBase--variant-secondary--dsInternalSimulation-active":"ButtonBase--variant-secondary--dsInternalSimulation-active__MwFWM","ButtonBase--variant-tertiary":"ButtonBase--variant-tertiary__oSJoa","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"ButtonBase--variant-tertiary--dsInternalSimulation-hover__juCHk","ButtonBase--variant-tertiary--dsInternalSimulation-active":"ButtonBase--variant-tertiary--dsInternalSimulation-active__CZKvj","ButtonBase--variant-quaternary":"ButtonBase--variant-quaternary__gX2sB","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"ButtonBase--variant-quaternary--dsInternalSimulation-hover__Hzaa5","ButtonBase--variant-quaternary--dsInternalSimulation-active":"ButtonBase--variant-quaternary--dsInternalSimulation-active__cKsaN","ButtonBase--variant-ghost":"ButtonBase--variant-ghost__pR3-X","ButtonBase--variant-ghost--dsInternalSimulation-hover":"ButtonBase--variant-ghost--dsInternalSimulation-hover__O2HFh","ButtonBase--variant-ghost--dsInternalSimulation-active":"ButtonBase--variant-ghost--dsInternalSimulation-active__CvLh8","ButtonBase--variant-ghost--is-selected":"ButtonBase--variant-ghost--is-selected__mS0Le","ButtonBase--variant-plain":"ButtonBase--variant-plain__QQfSn","ButtonBase--variant-plain--dsInternalSimulation-hover":"ButtonBase--variant-plain--dsInternalSimulation-hover__4FVKR","ButtonBase--variant-plain--dsInternalSimulation-active":"ButtonBase--variant-plain--dsInternalSimulation-active__eOt0K","ButtonBase--variant-dangerous":"ButtonBase--variant-dangerous__EQxp-","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"ButtonBase--variant-dangerous--dsInternalSimulation-hover__qplLA","ButtonBase--variant-dangerous--dsInternalSimulation-active":"ButtonBase--variant-dangerous--dsInternalSimulation-active__y0P1N","ButtonBase--variant-critical":"ButtonBase--variant-critical__-t4Qu","ButtonBase--variant-critical--dsInternalSimulation-hover":"ButtonBase--variant-critical--dsInternalSimulation-hover__iyVj2","ButtonBase--variant-critical--dsInternalSimulation-active":"ButtonBase--variant-critical--dsInternalSimulation-active__2RACT","ButtonBase--variant-onColor":"ButtonBase--variant-onColor__Hgon2","ButtonBase--variant-onColor--dsInternalSimulation-hover":"ButtonBase--variant-onColor--dsInternalSimulation-hover__8ca7h","ButtonBase--variant-onColor--dsInternalSimulation-active":"ButtonBase--variant-onColor--dsInternalSimulation-active__OxSu7","ButtonBase--variant-classroom":"ButtonBase--variant-classroom__ZiZjl","ButtonBase--variant-classroom--dsInternalSimulation-hover":"ButtonBase--variant-classroom--dsInternalSimulation-hover__Fy83L","ButtonBase--variant-classroom--dsInternalSimulation-active":"ButtonBase--variant-classroom--dsInternalSimulation-active__88eK7","ButtonBase--variant-classroom--is-selected":"ButtonBase--variant-classroom--is-selected__GHt9-","ButtonBase--variant-primaryB2b":"ButtonBase--variant-primaryB2b__q-vvW","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"ButtonBase--variant-primaryB2b--dsInternalSimulation-hover__Nrl78","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"ButtonBase--variant-primaryB2b--dsInternalSimulation-active__IGZDa","ButtonBase--variant-primaryTutor":"ButtonBase--variant-primaryTutor__B6BAn","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"ButtonBase--variant-primaryTutor--dsInternalSimulation-hover__HXGA0","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"ButtonBase--variant-primaryTutor--dsInternalSimulation-active__FCV-3","ButtonBase--variant-inverted":"ButtonBase--variant-inverted__9yknJ","ButtonBase--variant-inverted--dsInternalSimulation-hover":"ButtonBase--variant-inverted--dsInternalSimulation-hover__oX9GA","ButtonBase--variant-inverted--dsInternalSimulation-active":"ButtonBase--variant-inverted--dsInternalSimulation-active__-HnsQ","ButtonBase--variant-newFeature":"ButtonBase--variant-newFeature__8uk2D","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"ButtonBase--variant-newFeature--dsInternalSimulation-hover__plXXr","ButtonBase--variant-newFeature--dsInternalSimulation-active":"ButtonBase--variant-newFeature--dsInternalSimulation-active__yDfE1","ButtonBase--variant-ai":"ButtonBase--variant-ai__iq9tW","ButtonBase--variant-ai--dsInternalSimulation-hover":"ButtonBase--variant-ai--dsInternalSimulation-hover__78mV7","ButtonBase--variant-ai--dsInternalSimulation-active":"ButtonBase--variant-ai--dsInternalSimulation-active__48Tn0","ButtonBase--no-wrap":"ButtonBase--no-wrap__8TMhQ"},w="ButtonBase",ot=n=>Object.prototype.hasOwnProperty.call(n,"selected"),c=({children:n,busy:s})=>{const B=[...C(v,w,["content"])],i=[...C(v,w,["busy"])];return t.jsxs(t.Fragment,{children:[t.jsx("span",{className:B.join(" "),children:n}),s&&t.jsx("span",{className:i.join(" "),children:t.jsx(Q,{})})]})},T=_.forwardRef(function(s,B){const{variant:i=Y,size:z=$,fullWidth:q=!1,wrap:V=!1,href:R,download:N,opensInNewTab:j,nofollow:F,submitsForm:k,assistiveText:E,onClick:r,disabled:u,busy:e,isIconButton:b,as:h,url:D,a11yLabel:A,dataset:O,children:d,dsInternalSimulation:p,preplyDsComponent:K,className:H,...L}=s,{selected:M}=ot(s)?s:{selected:void 0},P=tt(),f=_.useRef(null),y=J(f,B),X=o=>{(u||e)&&o.preventDefault(),r==null||r(o)},U=o=>{var g;const I=st(o.key);(I===" "||I==="Enter")&&(o.preventDefault(),(g=f.current)==null||g.click())},Z=p==="focus"?a("dsInternalSimulation-focus",void 0,!0):l(`variant-${i}--dsInternalSimulation`,p),W=et(v,w,[Z,l("variant",i),l("size",z),b?l("is-icon-button-size",z):[],a(void 0,"no-wrap",V),a("width-full","width-auto",q),a("is-busy",void 0,e),a("is-icon-button",void 0,b),a(`variant-${i}--is-selected`,void 0,M)]),x={...G(L),...at(O,{preplyDsComponent:K}),className:[...W,H].join(" "),"aria-label":E||A,onClick:X,disabled:u,"aria-disabled":u||e?!0:void 0,ref:y},m=R||D,S={...x,download:N,ref:y,role:"button",tabIndex:u?-1:0,href:m,onKeyDown:U};return m?t.jsx("a",{...S,...nt(P,m,j,F),children:c({children:d,busy:e})}):h?_.cloneElement(h,{...S},c({children:d,busy:e})):t.jsx("button",{...x,type:k?"submit":"button",children:c({children:d,busy:e})})});try{T.displayName="ButtonBase",T.__docgenInfo={description:"",displayName:"ButtonBase",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"inverted"'},{value:'"critical"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"newFeature"'},{value:'"ai"'}]}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:"ResponsiveProp<ButtonSize>"}]}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isIconButton:{defaultValue:null,description:"",name:"isIconButton",required:!0,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
1
+ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as _}from"./index-Cb9e4tly.js";import{f as G}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{S as Q}from"./Spinner-B2C3RkCF.js";import{u as J}from"./useMergeRefs-SFH7Mw4x.js";import{a as Y,B as $}from"./defaults-B1rzzf6M.js";import{u as tt}from"./useHostname-Y3PlXofY.js";import{b as a,s as l,m as et,a as C}from"./classNames-BUL1Zq7e.js";import{g as at,a as nt}from"./index-DdzHuZ-Y.js";import{m as st}from"./index-CC6DAVyL.js";const it="ButtonBase__0qXGj",v={"button-width--width-full":"button-width--width-full__nxjVK","button-width--width-auto":"button-width--width-auto__CngVf","button-width--narrow-l--width-full":"button-width--narrow-l--width-full__rZc8T","button-width--narrow-l--width-auto":"button-width--narrow-l--width-auto__Fs14X","button-width--medium-s--width-full":"button-width--medium-s--width-full__lb8XX","button-width--medium-s--width-auto":"button-width--medium-s--width-auto__gtajp","button-width--medium-l--width-full":"button-width--medium-l--width-full__qOGDr","button-width--medium-l--width-auto":"button-width--medium-l--width-auto__vFKgm","button-width--wide-s--width-full":"button-width--wide-s--width-full__5nhxD","button-width--wide-s--width-auto":"button-width--wide-s--width-auto__J4Ht3","button-width--wide-l--width-full":"button-width--wide-l--width-full__Rsexc","button-width--wide-l--width-auto":"button-width--wide-l--width-auto__k6Ctk",ButtonBase:it,"ButtonBase--content":"ButtonBase--content__ZEhK4","ButtonBase--is-icon-button":"ButtonBase--is-icon-button__CDG-9","ButtonBase--is-icon-button-size-large":"ButtonBase--is-icon-button-size-large__bebMj","ButtonBase--busy":"ButtonBase--busy__M2Cgo","ButtonBase--dsInternalSimulation-focus":"ButtonBase--dsInternalSimulation-focus__xhIA9","ButtonBase--is-busy":"ButtonBase--is-busy__FT7vR","ButtonBase--width-full":"ButtonBase--width-full__0ENoK","ButtonBase--width-auto":"ButtonBase--width-auto__vwDOv","ButtonBase--narrow-l--width-full":"ButtonBase--narrow-l--width-full__-H9pn","ButtonBase--narrow-l--width-auto":"ButtonBase--narrow-l--width-auto__2i3td","ButtonBase--medium-s--width-full":"ButtonBase--medium-s--width-full__sNHbR","ButtonBase--medium-s--width-auto":"ButtonBase--medium-s--width-auto__6T6zO","ButtonBase--medium-l--width-full":"ButtonBase--medium-l--width-full__FTcYM","ButtonBase--medium-l--width-auto":"ButtonBase--medium-l--width-auto__KPNbM","ButtonBase--wide-s--width-full":"ButtonBase--wide-s--width-full__YgEMT","ButtonBase--wide-s--width-auto":"ButtonBase--wide-s--width-auto__nM-ia","ButtonBase--wide-l--width-full":"ButtonBase--wide-l--width-full__CFPdD","ButtonBase--wide-l--width-auto":"ButtonBase--wide-l--width-auto__6gGyZ","ButtonBase--size-xs":"ButtonBase--size-xs__-H91X","ButtonBase--is-icon-button-size-xs":"ButtonBase--is-icon-button-size-xs__EPZ9W","ButtonBase--size-s":"ButtonBase--size-s__lwe2R","ButtonBase--is-icon-button-size-s":"ButtonBase--is-icon-button-size-s__rDjsc","ButtonBase--size-m":"ButtonBase--size-m__VomvS","ButtonBase--is-icon-button-size-m":"ButtonBase--is-icon-button-size-m__XNsyO","ButtonBase--size-l":"ButtonBase--size-l__zpj7k","ButtonBase--is-icon-button-size-l":"ButtonBase--is-icon-button-size-l__ZW9LI","ButtonBase--size-xl":"ButtonBase--size-xl__Xpxy6","ButtonBase--is-icon-button-size-xl":"ButtonBase--is-icon-button-size-xl__wMWhi","ButtonBase--size-large":"ButtonBase--size-large__-OxgW","ButtonBase--size-medium":"ButtonBase--size-medium__YgQDT","ButtonBase--is-icon-button-size-medium":"ButtonBase--is-icon-button-size-medium__AC6Cq","ButtonBase--size-small":"ButtonBase--size-small__UMBKe","ButtonBase--is-icon-button-size-small":"ButtonBase--is-icon-button-size-small__hZmvi","ButtonBase--narrow-l--size-xs":"ButtonBase--narrow-l--size-xs__GRcw7","ButtonBase--narrow-l--is-icon-button-size-xs":"ButtonBase--narrow-l--is-icon-button-size-xs__GLth2","ButtonBase--narrow-l--size-s":"ButtonBase--narrow-l--size-s__pnGJC","ButtonBase--narrow-l--is-icon-button-size-s":"ButtonBase--narrow-l--is-icon-button-size-s__-l6X-","ButtonBase--narrow-l--size-m":"ButtonBase--narrow-l--size-m__D-uV5","ButtonBase--narrow-l--is-icon-button-size-m":"ButtonBase--narrow-l--is-icon-button-size-m__OXWKs","ButtonBase--narrow-l--size-l":"ButtonBase--narrow-l--size-l__TgiXj","ButtonBase--narrow-l--is-icon-button-size-l":"ButtonBase--narrow-l--is-icon-button-size-l__JnU0h","ButtonBase--narrow-l--size-xl":"ButtonBase--narrow-l--size-xl__LYDGc","ButtonBase--narrow-l--is-icon-button-size-xl":"ButtonBase--narrow-l--is-icon-button-size-xl__2s9LK","ButtonBase--narrow-l--size-large":"ButtonBase--narrow-l--size-large__jbaAB","ButtonBase--narrow-l--is-icon-button-size-large":"ButtonBase--narrow-l--is-icon-button-size-large__UIpIh","ButtonBase--narrow-l--size-medium":"ButtonBase--narrow-l--size-medium__62t1K","ButtonBase--narrow-l--is-icon-button-size-medium":"ButtonBase--narrow-l--is-icon-button-size-medium__r2nuk","ButtonBase--narrow-l--size-small":"ButtonBase--narrow-l--size-small__8uFFR","ButtonBase--narrow-l--is-icon-button-size-small":"ButtonBase--narrow-l--is-icon-button-size-small__CkKxU","ButtonBase--medium-s--size-xs":"ButtonBase--medium-s--size-xs__u7Kp0","ButtonBase--medium-s--is-icon-button-size-xs":"ButtonBase--medium-s--is-icon-button-size-xs__cOdRd","ButtonBase--medium-s--size-s":"ButtonBase--medium-s--size-s__uRksZ","ButtonBase--medium-s--is-icon-button-size-s":"ButtonBase--medium-s--is-icon-button-size-s__zRxOl","ButtonBase--medium-s--size-m":"ButtonBase--medium-s--size-m__duOck","ButtonBase--medium-s--is-icon-button-size-m":"ButtonBase--medium-s--is-icon-button-size-m__fuXOy","ButtonBase--medium-s--size-l":"ButtonBase--medium-s--size-l__Q-pD5","ButtonBase--medium-s--is-icon-button-size-l":"ButtonBase--medium-s--is-icon-button-size-l__qxrPe","ButtonBase--medium-s--size-xl":"ButtonBase--medium-s--size-xl__YA9fY","ButtonBase--medium-s--is-icon-button-size-xl":"ButtonBase--medium-s--is-icon-button-size-xl__MsrBO","ButtonBase--medium-s--size-large":"ButtonBase--medium-s--size-large__XpFoi","ButtonBase--medium-s--is-icon-button-size-large":"ButtonBase--medium-s--is-icon-button-size-large__-IvSU","ButtonBase--medium-s--size-medium":"ButtonBase--medium-s--size-medium__ZA4JC","ButtonBase--medium-s--is-icon-button-size-medium":"ButtonBase--medium-s--is-icon-button-size-medium__946RE","ButtonBase--medium-s--size-small":"ButtonBase--medium-s--size-small__nNIDt","ButtonBase--medium-s--is-icon-button-size-small":"ButtonBase--medium-s--is-icon-button-size-small__aAjgr","ButtonBase--medium-l--size-xs":"ButtonBase--medium-l--size-xs__F1Khc","ButtonBase--medium-l--is-icon-button-size-xs":"ButtonBase--medium-l--is-icon-button-size-xs__Zdx1R","ButtonBase--medium-l--size-s":"ButtonBase--medium-l--size-s__-d24-","ButtonBase--medium-l--is-icon-button-size-s":"ButtonBase--medium-l--is-icon-button-size-s__aU0C-","ButtonBase--medium-l--size-m":"ButtonBase--medium-l--size-m__sy5Ba","ButtonBase--medium-l--is-icon-button-size-m":"ButtonBase--medium-l--is-icon-button-size-m__i0Q9n","ButtonBase--medium-l--size-l":"ButtonBase--medium-l--size-l__6N-hW","ButtonBase--medium-l--is-icon-button-size-l":"ButtonBase--medium-l--is-icon-button-size-l__d3lcu","ButtonBase--medium-l--size-xl":"ButtonBase--medium-l--size-xl__dcKDz","ButtonBase--medium-l--is-icon-button-size-xl":"ButtonBase--medium-l--is-icon-button-size-xl__Uv8OQ","ButtonBase--medium-l--size-large":"ButtonBase--medium-l--size-large__yo-U7","ButtonBase--medium-l--is-icon-button-size-large":"ButtonBase--medium-l--is-icon-button-size-large__3ORQx","ButtonBase--medium-l--size-medium":"ButtonBase--medium-l--size-medium__N9rbz","ButtonBase--medium-l--is-icon-button-size-medium":"ButtonBase--medium-l--is-icon-button-size-medium__EFk6V","ButtonBase--medium-l--size-small":"ButtonBase--medium-l--size-small__FMlot","ButtonBase--medium-l--is-icon-button-size-small":"ButtonBase--medium-l--is-icon-button-size-small__Ak0TL","ButtonBase--wide-s--size-xs":"ButtonBase--wide-s--size-xs__1P6u0","ButtonBase--wide-s--is-icon-button-size-xs":"ButtonBase--wide-s--is-icon-button-size-xs__wKzds","ButtonBase--wide-s--size-s":"ButtonBase--wide-s--size-s__4tjeJ","ButtonBase--wide-s--is-icon-button-size-s":"ButtonBase--wide-s--is-icon-button-size-s__kCxEP","ButtonBase--wide-s--size-m":"ButtonBase--wide-s--size-m__hbKwx","ButtonBase--wide-s--is-icon-button-size-m":"ButtonBase--wide-s--is-icon-button-size-m__f3Nhn","ButtonBase--wide-s--size-l":"ButtonBase--wide-s--size-l__Wh6gM","ButtonBase--wide-s--is-icon-button-size-l":"ButtonBase--wide-s--is-icon-button-size-l__Hea7S","ButtonBase--wide-s--size-xl":"ButtonBase--wide-s--size-xl__TDm9a","ButtonBase--wide-s--is-icon-button-size-xl":"ButtonBase--wide-s--is-icon-button-size-xl__esIhV","ButtonBase--wide-s--size-large":"ButtonBase--wide-s--size-large__ASjU0","ButtonBase--wide-s--is-icon-button-size-large":"ButtonBase--wide-s--is-icon-button-size-large__hF4qT","ButtonBase--wide-s--size-medium":"ButtonBase--wide-s--size-medium__glo8Q","ButtonBase--wide-s--is-icon-button-size-medium":"ButtonBase--wide-s--is-icon-button-size-medium__W-O0C","ButtonBase--wide-s--size-small":"ButtonBase--wide-s--size-small__b10zZ","ButtonBase--wide-s--is-icon-button-size-small":"ButtonBase--wide-s--is-icon-button-size-small__-E8EY","ButtonBase--wide-l--size-xs":"ButtonBase--wide-l--size-xs__kHS9Z","ButtonBase--wide-l--is-icon-button-size-xs":"ButtonBase--wide-l--is-icon-button-size-xs__QbVcv","ButtonBase--wide-l--size-s":"ButtonBase--wide-l--size-s__CYShW","ButtonBase--wide-l--is-icon-button-size-s":"ButtonBase--wide-l--is-icon-button-size-s__gzfeW","ButtonBase--wide-l--size-m":"ButtonBase--wide-l--size-m__RbcmO","ButtonBase--wide-l--is-icon-button-size-m":"ButtonBase--wide-l--is-icon-button-size-m__qRd80","ButtonBase--wide-l--size-l":"ButtonBase--wide-l--size-l__2TbsS","ButtonBase--wide-l--is-icon-button-size-l":"ButtonBase--wide-l--is-icon-button-size-l__jNZM3","ButtonBase--wide-l--size-xl":"ButtonBase--wide-l--size-xl__dcdbH","ButtonBase--wide-l--is-icon-button-size-xl":"ButtonBase--wide-l--is-icon-button-size-xl__3q1LH","ButtonBase--wide-l--size-large":"ButtonBase--wide-l--size-large__qXddN","ButtonBase--wide-l--is-icon-button-size-large":"ButtonBase--wide-l--is-icon-button-size-large__ceEkB","ButtonBase--wide-l--size-medium":"ButtonBase--wide-l--size-medium__OPxKX","ButtonBase--wide-l--is-icon-button-size-medium":"ButtonBase--wide-l--is-icon-button-size-medium__dAxcc","ButtonBase--wide-l--size-small":"ButtonBase--wide-l--size-small__tqGj-","ButtonBase--wide-l--is-icon-button-size-small":"ButtonBase--wide-l--is-icon-button-size-small__cCSAh","ButtonBase--variant-primary":"ButtonBase--variant-primary__oSRJV","ButtonBase--variant-primary--dsInternalSimulation-hover":"ButtonBase--variant-primary--dsInternalSimulation-hover__D7OCC","ButtonBase--variant-primary--dsInternalSimulation-active":"ButtonBase--variant-primary--dsInternalSimulation-active__V0iju","ButtonBase--variant-secondary":"ButtonBase--variant-secondary__APosz","ButtonBase--variant-secondary--dsInternalSimulation-hover":"ButtonBase--variant-secondary--dsInternalSimulation-hover__5F1t-","ButtonBase--variant-secondary--dsInternalSimulation-active":"ButtonBase--variant-secondary--dsInternalSimulation-active__MwFWM","ButtonBase--variant-tertiary":"ButtonBase--variant-tertiary__oSJoa","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"ButtonBase--variant-tertiary--dsInternalSimulation-hover__juCHk","ButtonBase--variant-tertiary--dsInternalSimulation-active":"ButtonBase--variant-tertiary--dsInternalSimulation-active__CZKvj","ButtonBase--variant-quaternary":"ButtonBase--variant-quaternary__gX2sB","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"ButtonBase--variant-quaternary--dsInternalSimulation-hover__Hzaa5","ButtonBase--variant-quaternary--dsInternalSimulation-active":"ButtonBase--variant-quaternary--dsInternalSimulation-active__cKsaN","ButtonBase--variant-ghost":"ButtonBase--variant-ghost__pR3-X","ButtonBase--variant-ghost--dsInternalSimulation-hover":"ButtonBase--variant-ghost--dsInternalSimulation-hover__O2HFh","ButtonBase--variant-ghost--dsInternalSimulation-active":"ButtonBase--variant-ghost--dsInternalSimulation-active__CvLh8","ButtonBase--variant-ghost--is-selected":"ButtonBase--variant-ghost--is-selected__mS0Le","ButtonBase--variant-plain":"ButtonBase--variant-plain__QQfSn","ButtonBase--variant-plain--dsInternalSimulation-hover":"ButtonBase--variant-plain--dsInternalSimulation-hover__4FVKR","ButtonBase--variant-plain--dsInternalSimulation-active":"ButtonBase--variant-plain--dsInternalSimulation-active__eOt0K","ButtonBase--variant-dangerous":"ButtonBase--variant-dangerous__EQxp-","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"ButtonBase--variant-dangerous--dsInternalSimulation-hover__qplLA","ButtonBase--variant-dangerous--dsInternalSimulation-active":"ButtonBase--variant-dangerous--dsInternalSimulation-active__y0P1N","ButtonBase--variant-critical":"ButtonBase--variant-critical__-t4Qu","ButtonBase--variant-critical--dsInternalSimulation-hover":"ButtonBase--variant-critical--dsInternalSimulation-hover__iyVj2","ButtonBase--variant-critical--dsInternalSimulation-active":"ButtonBase--variant-critical--dsInternalSimulation-active__2RACT","ButtonBase--variant-onColor":"ButtonBase--variant-onColor__Hgon2","ButtonBase--variant-onColor--dsInternalSimulation-hover":"ButtonBase--variant-onColor--dsInternalSimulation-hover__8ca7h","ButtonBase--variant-onColor--dsInternalSimulation-active":"ButtonBase--variant-onColor--dsInternalSimulation-active__OxSu7","ButtonBase--variant-classroom":"ButtonBase--variant-classroom__ZiZjl","ButtonBase--variant-classroom--dsInternalSimulation-hover":"ButtonBase--variant-classroom--dsInternalSimulation-hover__Fy83L","ButtonBase--variant-classroom--dsInternalSimulation-active":"ButtonBase--variant-classroom--dsInternalSimulation-active__88eK7","ButtonBase--variant-classroom--is-selected":"ButtonBase--variant-classroom--is-selected__GHt9-","ButtonBase--variant-primaryB2b":"ButtonBase--variant-primaryB2b__q-vvW","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"ButtonBase--variant-primaryB2b--dsInternalSimulation-hover__Nrl78","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"ButtonBase--variant-primaryB2b--dsInternalSimulation-active__IGZDa","ButtonBase--variant-primaryTutor":"ButtonBase--variant-primaryTutor__B6BAn","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"ButtonBase--variant-primaryTutor--dsInternalSimulation-hover__HXGA0","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"ButtonBase--variant-primaryTutor--dsInternalSimulation-active__FCV-3","ButtonBase--variant-inverted":"ButtonBase--variant-inverted__9yknJ","ButtonBase--variant-inverted--dsInternalSimulation-hover":"ButtonBase--variant-inverted--dsInternalSimulation-hover__oX9GA","ButtonBase--variant-inverted--dsInternalSimulation-active":"ButtonBase--variant-inverted--dsInternalSimulation-active__-HnsQ","ButtonBase--variant-newFeature":"ButtonBase--variant-newFeature__8uk2D","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"ButtonBase--variant-newFeature--dsInternalSimulation-hover__plXXr","ButtonBase--variant-newFeature--dsInternalSimulation-active":"ButtonBase--variant-newFeature--dsInternalSimulation-active__yDfE1","ButtonBase--variant-ai":"ButtonBase--variant-ai__iq9tW","ButtonBase--variant-ai--dsInternalSimulation-hover":"ButtonBase--variant-ai--dsInternalSimulation-hover__78mV7","ButtonBase--variant-ai--dsInternalSimulation-active":"ButtonBase--variant-ai--dsInternalSimulation-active__48Tn0","ButtonBase--no-wrap":"ButtonBase--no-wrap__8TMhQ"},w="ButtonBase",ot=n=>Object.prototype.hasOwnProperty.call(n,"selected"),c=({children:n,busy:s})=>{const B=[...C(v,w,["content"])],i=[...C(v,w,["busy"])];return t.jsxs(t.Fragment,{children:[t.jsx("span",{className:B.join(" "),children:n}),s&&t.jsx("span",{className:i.join(" "),children:t.jsx(Q,{})})]})},T=_.forwardRef(function(s,B){const{variant:i=Y,size:z=$,fullWidth:q=!1,wrap:V=!1,href:R,download:N,opensInNewTab:j,nofollow:F,submitsForm:k,assistiveText:E,onClick:r,disabled:u,busy:e,isIconButton:b,as:h,url:D,a11yLabel:A,dataset:O,children:d,dsInternalSimulation:p,preplyDsComponent:K,className:H,...L}=s,{selected:M}=ot(s)?s:{selected:void 0},P=tt(),f=_.useRef(null),y=J(f,B),X=o=>{(u||e)&&o.preventDefault(),r==null||r(o)},U=o=>{var g;const I=st(o.key);(I===" "||I==="Enter")&&(o.preventDefault(),(g=f.current)==null||g.click())},Z=p==="focus"?a("dsInternalSimulation-focus",void 0,!0):l(`variant-${i}--dsInternalSimulation`,p),W=et(v,w,[Z,l("variant",i),l("size",z),b?l("is-icon-button-size",z):[],a(void 0,"no-wrap",V),a("width-full","width-auto",q),a("is-busy",void 0,e),a("is-icon-button",void 0,b),a(`variant-${i}--is-selected`,void 0,M)]),x={...G(L),...at(O,{preplyDsComponent:K}),className:[...W,H].join(" "),"aria-label":E||A,onClick:X,disabled:u,"aria-disabled":u||e?!0:void 0,ref:y},m=R||D,S={...x,download:N,ref:y,role:"button",tabIndex:u?-1:0,href:m,onKeyDown:U};return m?t.jsx("a",{...S,...nt(P,m,j,F),children:c({children:d,busy:e})}):h?_.cloneElement(h,{...S},c({children:d,busy:e})):t.jsx("button",{...x,type:k?"submit":"button",children:c({children:d,busy:e})})});try{T.displayName="ButtonBase",T.__docgenInfo={description:"",displayName:"ButtonBase",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"inverted"'},{value:'"critical"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"newFeature"'},{value:'"ai"'}]}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:"ResponsiveProp<ButtonSize>"}]}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isIconButton:{defaultValue:null,description:"",name:"isIconButton",required:!0,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
2
2
 
3
3
  Allows rendering the button using a different React element or component.
4
4
  This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
@@ -1,7 +1,7 @@
1
- import{j as m}from"./jsx-runtime-BTJTZTIL.js";import{r as a}from"./index-Cb9e4tly.js";import{r as f}from"./render-icon-BT0Aq7PA.js";import{f as C}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{u as H}from"./useMergeRefs-SFH7Mw4x.js";import{m as M,s as T}from"./classNames-BUL1Zq7e.js";import{w as N}from"./componentNames-s6s-Nnrd.js";import{g as S}from"./index-DdzHuZ-Y.js";const j=({title:n,titleId:l,...t},e)=>a.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",viewBox:"0 0 14 2",xmlns:"http://www.w3.org/2000/svg",ref:e,"aria-labelledby":l,...t},n?a.createElement("title",{id:l},n):null,a.createElement("path",{d:"M0 0h14v2H0z"})),A=a.forwardRef(j),L=({title:n,titleId:l,...t},e)=>a.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",viewBox:"0 0 13 11",xmlns:"http://www.w3.org/2000/svg",ref:e,"aria-labelledby":l,...t},n?a.createElement("title",{id:l},n):null,a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.923 10.101 0 6.18 1.179 5l2.744 2.744L11.667 0l1.178 1.179z"})),F=a.forwardRef(L),B="checkbox__-j3Cu",D="remove__Tu7KI",P="checkmark__-fsuM",d={checkbox:B,remove:D,checkmark:P,"checkbox--dsInternalSimulation-focus":"checkbox--dsInternalSimulation-focus__xJewg"};function O({ref:n,checked:l,onChange:t,indeterminate:e,onCheckedChange:r}){const u=a.useRef(null),i=H(u,n);a.useLayoutEffect(()=>{u.current&&typeof e=="boolean"&&(u.current.indeterminate=e)},[e]);const o=a.useCallback(s=>{t==null||t(s),typeof e=="boolean"&&(s.target.indeterminate=e),r==null||r(s.target.checked)},[t,e,r]);return{mergedRef:i,ariaChecked:e?"mixed":typeof l=="boolean"?l:void 0,onChangeHandler:o}}const p=a.forwardRef(function({id:l,name:t,checked:e,defaultChecked:r,indeterminate:u,onChange:i,onCheckedChange:o,hasError:c,disabled:s,required:v,"aria-label":b,"aria-labelledby":h,"aria-describedby":y,dataset:k,dsInternalSimulation:g,onBlur:x,onFocus:w,...q},I){const{mergedRef:R,onChangeHandler:E,ariaChecked:V}=O({ref:I,checked:e,onChange:i,indeterminate:u,onCheckedChange:o}),_=M(d,"checkbox",[T("dsInternalSimulation",g)]);return m.jsxs("div",{...C(q),className:_.join(" "),"data-preply-ds-component":N.Checkbox,children:[m.jsx("input",{id:l,name:t,type:"checkbox",required:v,disabled:s,checked:e,defaultChecked:r,"aria-checked":V,"aria-invalid":c===!0?!0:void 0,"aria-label":b,"aria-labelledby":h,"aria-describedby":y,onChange:E,ref:R,onBlur:x,onFocus:w,...S(k)}),f(F,{focusable:"false","aria-hidden":"true",className:d.checkmark}),f(A,{focusable:"false","aria-hidden":"true",className:d.remove})]})});try{p.displayName="Checkbox",p.__docgenInfo={description:"To make this accessible, you must label it using a `<label>` or `aria-label`:",displayName:"Checkbox",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},"aria-label":{defaultValue:null,description:`Defines a string value that labels the current element.
1
+ import{j as m}from"./jsx-runtime-BTJTZTIL.js";import{r as a}from"./index-Cb9e4tly.js";import{r as f}from"./render-icon-BT0Aq7PA.js";import{f as C}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{u as H}from"./useMergeRefs-SFH7Mw4x.js";import{m as M,s as T}from"./classNames-BUL1Zq7e.js";import{w as N}from"./componentNames-s6s-Nnrd.js";import{g as S}from"./index-DdzHuZ-Y.js";const j=({title:n,titleId:l,...t},e)=>a.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",viewBox:"0 0 14 2",xmlns:"http://www.w3.org/2000/svg",ref:e,"aria-labelledby":l,...t},n?a.createElement("title",{id:l},n):null,a.createElement("path",{d:"M0 0h14v2H0z"})),A=a.forwardRef(j),L=({title:n,titleId:l,...t},e)=>a.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",viewBox:"0 0 13 11",xmlns:"http://www.w3.org/2000/svg",ref:e,"aria-labelledby":l,...t},n?a.createElement("title",{id:l},n):null,a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.923 10.101 0 6.18 1.179 5l2.744 2.744L11.667 0l1.178 1.179z"})),F=a.forwardRef(L),B="checkbox__-j3Cu",D="remove__Tu7KI",P="checkmark__-fsuM",d={checkbox:B,remove:D,checkmark:P,"checkbox--dsInternalSimulation-focus":"checkbox--dsInternalSimulation-focus__xJewg"};function O({ref:n,checked:l,onChange:t,indeterminate:e,onCheckedChange:r}){const u=a.useRef(null),i=H(u,n);a.useLayoutEffect(()=>{u.current&&typeof e=="boolean"&&(u.current.indeterminate=e)},[e]);const o=a.useCallback(s=>{t==null||t(s),typeof e=="boolean"&&(s.target.indeterminate=e),r==null||r(s.target.checked)},[t,e,r]);return{mergedRef:i,ariaChecked:e?"mixed":typeof l=="boolean"?l:void 0,onChangeHandler:o}}const p=a.forwardRef(function({id:l,name:t,checked:e,defaultChecked:r,indeterminate:u,onChange:i,onCheckedChange:o,hasError:c,disabled:s,required:v,"aria-label":b,"aria-labelledby":h,"aria-describedby":y,dataset:k,dsInternalSimulation:g,onBlur:x,onFocus:w,...q},I){const{mergedRef:R,onChangeHandler:E,ariaChecked:V}=O({ref:I,checked:e,onChange:i,indeterminate:u,onCheckedChange:o}),_=M(d,"checkbox",[T("dsInternalSimulation",g)]);return m.jsxs("div",{...C(q),className:_.join(" "),"data-preply-ds-component":N.Checkbox,children:[m.jsx("input",{id:l,name:t,type:"checkbox",required:v,disabled:s,checked:e,defaultChecked:r,"aria-checked":V,"aria-invalid":c===!0?!0:void 0,"aria-label":b,"aria-labelledby":h,"aria-describedby":y,onChange:E,ref:R,onBlur:x,onFocus:w,...S(k)}),f(F,{focusable:"false","aria-hidden":"true",className:d.checkmark}),f(A,{focusable:"false","aria-hidden":"true",className:d.remove})]})});try{p.displayName="Checkbox",p.__docgenInfo={description:"To make this accessible, you must label it using a `<label>` or `aria-label`:",displayName:"Checkbox",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-label":{defaultValue:null,description:`Defines a string value that labels the current element.
2
2
  @see aria-labelledby.`,name:"aria-label",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-labelledby":{defaultValue:null,description:`Identifies the element (or elements) that labels the current element.
3
3
  @see aria-describedby.`,name:"aria-labelledby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
4
- @see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLInputElement>"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},checked:{defaultValue:null,description:"",name:"checked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:'Shows the component\'s error state, and sets `aria-invalid="true"` on the input element.',name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},indeterminate:{defaultValue:null,description:`Makes the component look indeterminate. Please note that the indeterminate state is parallel
4
+ @see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},checked:{defaultValue:null,description:"",name:"checked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLInputElement>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},hasError:{defaultValue:null,description:'Shows the component\'s error state, and sets `aria-invalid="true"` on the input element.',name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},indeterminate:{defaultValue:null,description:`Makes the component look indeterminate. Please note that the indeterminate state is parallel
5
5
  to che checked/unchecked state, meaning that a checkbox can be checked and indeterminate at
6
6
  the same time. it's up to you to handle the logic of when to set this prop.
7
7
 
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{a as l}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{u as i,e as s}from"./index-DDyIDR-R.js";import{C as a}from"./Checkbox-Bt8TULIo.js";import{T as b}from"./Text-BnXfkCNb.js";import"./index-ChsGqxH_.js";import"./v4-CtRu48qb.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./render-icon-BT0Aq7PA.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./useMergeRefs-SFH7Mw4x.js";import"./classNames-BUL1Zq7e.js";import"./componentNames-s6s-Nnrd.js";import"./index-DdzHuZ-Y.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";import"./defaults-B1rzzf6M.js";const A={title:"components/Checkbox",component:a,args:{onChange:l("onChange"),onCheckedChange:l("onCheckedChange")}},o={render:function(){return e.jsxs("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:[e.jsx(b,{variant:"default-regular-italic",children:"normal"}),e.jsxs("div",{style:{display:"flex",gap:"16px"},children:[e.jsx(a,{"aria-label":"checkbox"}),e.jsx(a,{"aria-label":"checkbox",checked:!0}),e.jsx(a,{"aria-label":"checkbox",indeterminate:!0}),e.jsx(a,{"aria-label":"checkbox",hasError:!0}),e.jsx(a,{"aria-label":"checkbox",hasError:!0,checked:!0}),e.jsx(a,{"aria-label":"checkbox",hasError:!0,indeterminate:!0}),e.jsx(a,{"aria-label":"checkbox",disabled:!0}),e.jsx(a,{"aria-label":"checkbox",disabled:!0,checked:!0}),e.jsx(a,{"aria-label":"checkbox",disabled:!0,indeterminate:!0})]}),e.jsx(b,{variant:"default-regular-italic",children:"focus"}),e.jsxs("div",{style:{display:"flex",gap:"16px"},children:[e.jsx(a,{"aria-label":"checkbox",dsInternalSimulation:"focus"}),e.jsx(a,{"aria-label":"checkbox",dsInternalSimulation:"focus",checked:!0}),e.jsx(a,{"aria-label":"checkbox",dsInternalSimulation:"focus",indeterminate:!0}),e.jsx(a,{"aria-label":"checkbox",dsInternalSimulation:"focus",hasError:!0}),e.jsx(a,{"aria-label":"checkbox",dsInternalSimulation:"focus",checked:!0,hasError:!0}),e.jsx(a,{"aria-label":"checkbox",dsInternalSimulation:"focus",indeterminate:!0,hasError:!0})]})]})}},c={parameters:{chromatic:{disableSnapshot:!0}},render:function(){return e.jsx(a,{"aria-label":"checkbox"})},play:async({canvas:n})=>{const r=n.getByRole("checkbox");await i.click(r),s(r).toBeChecked(),await i.click(r),s(r).not.toBeChecked()}},t={parameters:{chromatic:{disableSnapshot:!0}},args:{"aria-label":"checkbox"},argTypes:{id:{control:"text"},name:{control:"text"},dataset:{control:"object"},checked:{control:"boolean"},disabled:{control:"boolean"},required:{control:"boolean"},hasError:{control:"boolean"},"aria-label":{control:"text"},indeterminate:{control:"boolean"},defaultChecked:{control:"boolean"},"aria-labelledby":{control:"text"}}};var d,x,h;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`{
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{a as l}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{u as i,e as s}from"./index-DDyIDR-R.js";import{C as a}from"./Checkbox-CbY9W0xm.js";import{T as b}from"./Text-0413ycXu.js";import"./index-ChsGqxH_.js";import"./v4-CtRu48qb.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./render-icon-BT0Aq7PA.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./useMergeRefs-SFH7Mw4x.js";import"./classNames-BUL1Zq7e.js";import"./componentNames-s6s-Nnrd.js";import"./index-DdzHuZ-Y.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";import"./defaults-B1rzzf6M.js";const A={title:"components/Checkbox",component:a,args:{onChange:l("onChange"),onCheckedChange:l("onCheckedChange")}},o={render:function(){return e.jsxs("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:[e.jsx(b,{variant:"default-regular-italic",children:"normal"}),e.jsxs("div",{style:{display:"flex",gap:"16px"},children:[e.jsx(a,{"aria-label":"checkbox"}),e.jsx(a,{"aria-label":"checkbox",checked:!0}),e.jsx(a,{"aria-label":"checkbox",indeterminate:!0}),e.jsx(a,{"aria-label":"checkbox",hasError:!0}),e.jsx(a,{"aria-label":"checkbox",hasError:!0,checked:!0}),e.jsx(a,{"aria-label":"checkbox",hasError:!0,indeterminate:!0}),e.jsx(a,{"aria-label":"checkbox",disabled:!0}),e.jsx(a,{"aria-label":"checkbox",disabled:!0,checked:!0}),e.jsx(a,{"aria-label":"checkbox",disabled:!0,indeterminate:!0})]}),e.jsx(b,{variant:"default-regular-italic",children:"focus"}),e.jsxs("div",{style:{display:"flex",gap:"16px"},children:[e.jsx(a,{"aria-label":"checkbox",dsInternalSimulation:"focus"}),e.jsx(a,{"aria-label":"checkbox",dsInternalSimulation:"focus",checked:!0}),e.jsx(a,{"aria-label":"checkbox",dsInternalSimulation:"focus",indeterminate:!0}),e.jsx(a,{"aria-label":"checkbox",dsInternalSimulation:"focus",hasError:!0}),e.jsx(a,{"aria-label":"checkbox",dsInternalSimulation:"focus",checked:!0,hasError:!0}),e.jsx(a,{"aria-label":"checkbox",dsInternalSimulation:"focus",indeterminate:!0,hasError:!0})]})]})}},c={parameters:{chromatic:{disableSnapshot:!0}},render:function(){return e.jsx(a,{"aria-label":"checkbox"})},play:async({canvas:n})=>{const r=n.getByRole("checkbox");await i.click(r),s(r).toBeChecked(),await i.click(r),s(r).not.toBeChecked()}},t={parameters:{chromatic:{disableSnapshot:!0}},args:{"aria-label":"checkbox"},argTypes:{id:{control:"text"},name:{control:"text"},dataset:{control:"object"},checked:{control:"boolean"},disabled:{control:"boolean"},required:{control:"boolean"},hasError:{control:"boolean"},"aria-label":{control:"text"},indeterminate:{control:"boolean"},defaultChecked:{control:"boolean"},"aria-labelledby":{control:"text"}}};var d,x,h;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`{
2
2
  render: function Story() {
3
3
  return <div style={{
4
4
  display: 'flex',
@@ -1,4 +1,4 @@
1
- import{j as q}from"./jsx-runtime-BTJTZTIL.js";import{f as He,w as Vt,e as w,u as oe,a as Ne}from"./index-DDyIDR-R.js";import{e as P}from"./index-Cb9e4tly.js";import{L as et}from"./LayoutFlex-D1qTNI1T.js";import{T as Wt}from"./Tooltip-Cb2NoIFe.js";import{B as jt}from"./Button-BnZPebye.js";import{C as ne}from"./Checkbox-Bt8TULIo.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./layout-relative.module-ed9bC4H4.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./index-DdzHuZ-Y.js";import"./componentNames-s6s-Nnrd.js";import"./index-D2bCaIQ8.js";import"./PortalElementProvider-Db7d5OlT.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-vHvQSpLZ.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-Cl5EzY6D.js";import"./Spinner-B2C3RkCF.js";import"./useMergeRefs-SFH7Mw4x.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";var he=e=>e.type==="checkbox",re=e=>e instanceof Date,T=e=>e==null;const St=e=>typeof e=="object";var F=e=>!T(e)&&!Array.isArray(e)&&St(e)&&!re(e),qt=e=>F(e)&&e.target?he(e.target)?e.target.checked:e.target.value:e,zt=e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e,$t=(e,r)=>e.has(zt(r)),Kt=e=>{const r=e.constructor&&e.constructor.prototype;return F(r)&&r.hasOwnProperty("isPrototypeOf")},Ue=typeof window<"u"&&typeof window.HTMLElement<"u"&&typeof document<"u";function N(e){let r;const s=Array.isArray(e),a=typeof FileList<"u"?e instanceof FileList:!1;if(e instanceof Date)r=new Date(e);else if(e instanceof Set)r=new Set(e);else if(!(Ue&&(e instanceof Blob||a))&&(s||F(e)))if(r=s?[]:{},!s&&!Kt(e))r=e;else for(const c in e)e.hasOwnProperty(c)&&(r[c]=N(e[c]));else return e;return r}var Ce=e=>Array.isArray(e)?e.filter(Boolean):[],A=e=>e===void 0,y=(e,r,s)=>{if(!r||!F(e))return s;const a=Ce(r.split(/[,[\].]+?/)).reduce((c,n)=>T(c)?c:c[n],e);return A(a)||a===e?A(e[r])?s:e[r]:a},j=e=>typeof e=="boolean",Me=e=>/^\w*$/.test(e),Dt=e=>Ce(e.replace(/["|']|\]/g,"").split(/\.|\[/)),p=(e,r,s)=>{let a=-1;const c=Me(r)?[r]:Dt(r),n=c.length,f=n-1;for(;++a<n;){const h=c[a];let L=s;if(a!==f){const W=e[h];L=F(W)||Array.isArray(W)?W:isNaN(+c[a+1])?{}:[]}if(h==="__proto__"||h==="constructor"||h==="prototype")return;e[h]=L,e=e[h]}return e};const tt={BLUR:"blur",FOCUS_OUT:"focusout"},M={onBlur:"onBlur",onChange:"onChange",onSubmit:"onSubmit",onTouched:"onTouched",all:"all"},X={max:"max",min:"min",maxLength:"maxLength",minLength:"minLength",pattern:"pattern",required:"required",validate:"validate"};P.createContext(null);var Yt=(e,r,s,a=!0)=>{const c={defaultValues:r._defaultValues};for(const n in e)Object.defineProperty(c,n,{get:()=>{const f=n;return r._proxyFormState[f]!==M.all&&(r._proxyFormState[f]=!a||M.all),e[f]}});return c},I=e=>F(e)&&!Object.keys(e).length,Jt=(e,r,s,a)=>{s(e);const{name:c,...n}=e;return I(n)||Object.keys(n).length>=Object.keys(r).length||Object.keys(n).find(f=>r[f]===M.all)},Fe=e=>Array.isArray(e)?e:[e];function Qt(e){const r=P.useRef(e);r.current=e,P.useEffect(()=>{const s=!e.disabled&&r.current.subject&&r.current.subject.subscribe({next:r.current.next});return()=>{s&&s.unsubscribe()}},[e.disabled])}var $=e=>typeof e=="string",Xt=(e,r,s,a,c)=>$(e)?(a&&r.watch.add(e),y(s,e,c)):Array.isArray(e)?e.map(n=>(a&&r.watch.add(n),y(s,n))):(a&&(r.watchAll=!0),s),Zt=(e,r,s,a,c)=>r?{...s[e],types:{...s[e]&&s[e].types?s[e].types:{},[a]:c||!0}}:{},rt=e=>({isOnSubmit:!e||e===M.onSubmit,isOnBlur:e===M.onBlur,isOnChange:e===M.onChange,isOnAll:e===M.all,isOnTouch:e===M.onTouched}),st=(e,r,s)=>!s&&(r.watchAll||r.watch.has(e)||[...r.watch].some(a=>e.startsWith(a)&&/^\.\w+/.test(e.slice(a.length))));const ye=(e,r,s,a)=>{for(const c of s||Object.keys(e)){const n=y(e,c);if(n){const{_f:f,...h}=n;if(f){if(f.refs&&f.refs[0]&&r(f.refs[0],c)&&!a)return!0;if(f.ref&&r(f.ref,f.name)&&!a)return!0;if(ye(h,r))break}else if(F(h)&&ye(h,r))break}}};var Gt=(e,r,s)=>{const a=Fe(y(e,s));return p(a,"root",r[s]),p(e,s,a),e},We=e=>e.type==="file",z=e=>typeof e=="function",Ve=e=>{if(!Ue)return!1;const r=e?e.ownerDocument:0;return e instanceof(r&&r.defaultView?r.defaultView.HTMLElement:HTMLElement)},Ae=e=>$(e),je=e=>e.type==="radio",Se=e=>e instanceof RegExp;const it={value:!1,isValid:!1},at={value:!0,isValid:!0};var Ct=e=>{if(Array.isArray(e)){if(e.length>1){const r=e.filter(s=>s&&s.checked&&!s.disabled).map(s=>s.value);return{value:r,isValid:!!r.length}}return e[0].checked&&!e[0].disabled?e[0].attributes&&!A(e[0].attributes.value)?A(e[0].value)||e[0].value===""?at:{value:e[0].value,isValid:!0}:at:it}return it};const ot={isValid:!1,value:null};var Et=e=>Array.isArray(e)?e.reduce((r,s)=>s&&s.checked&&!s.disabled?{isValid:!0,value:s.value}:r,ot):ot;function nt(e,r,s="validate"){if(Ae(e)||Array.isArray(e)&&e.every(Ae)||j(e)&&!e)return{type:s,message:Ae(e)?e:"",ref:r}}var ae=e=>F(e)&&!Se(e)?e:{value:e,message:""},ct=async(e,r,s,a,c,n)=>{const{ref:f,refs:h,required:L,maxLength:W,minLength:_,min:x,max:be,pattern:ge,validate:K,name:R,valueAsNumber:Y,mount:Z}=e._f,m=y(s,R);if(!Z||r.has(R))return{};const J=h?h[0]:f,Q=v=>{c&&J.reportValidity&&(J.setCustomValidity(j(v)?"":v||""),J.reportValidity())},V={},se=je(f),ve=he(f),te=se||ve,ie=(Y||We(f))&&A(f.value)&&A(m)||Ve(f)&&f.value===""||m===""||Array.isArray(m)&&!m.length,O=Zt.bind(null,R,a,V),xe=(v,k,S,B=X.maxLength,U=X.minLength)=>{const H=v?k:S;V[R]={type:v?B:U,message:H,ref:f,...O(v?B:U,H)}};if(n?!Array.isArray(m)||!m.length:L&&(!te&&(ie||T(m))||j(m)&&!m||ve&&!Ct(h).isValid||se&&!Et(h).isValid)){const{value:v,message:k}=Ae(L)?{value:!!L,message:L}:ae(L);if(v&&(V[R]={type:X.required,message:k,ref:J,...O(X.required,k)},!a))return Q(k),V}if(!ie&&(!T(x)||!T(be))){let v,k;const S=ae(be),B=ae(x);if(!T(m)&&!isNaN(m)){const U=f.valueAsNumber||m&&+m;T(S.value)||(v=U>S.value),T(B.value)||(k=U<B.value)}else{const U=f.valueAsDate||new Date(m),H=ue=>new Date(new Date().toDateString()+" "+ue),ce=f.type=="time",le=f.type=="week";$(S.value)&&m&&(v=ce?H(m)>H(S.value):le?m>S.value:U>new Date(S.value)),$(B.value)&&m&&(k=ce?H(m)<H(B.value):le?m<B.value:U<new Date(B.value))}if((v||k)&&(xe(!!v,S.message,B.message,X.max,X.min),!a))return Q(V[R].message),V}if((W||_)&&!ie&&($(m)||n&&Array.isArray(m))){const v=ae(W),k=ae(_),S=!T(v.value)&&m.length>+v.value,B=!T(k.value)&&m.length<+k.value;if((S||B)&&(xe(S,v.message,k.message),!a))return Q(V[R].message),V}if(ge&&!ie&&$(m)){const{value:v,message:k}=ae(ge);if(Se(v)&&!m.match(v)&&(V[R]={type:X.pattern,message:k,ref:f,...O(X.pattern,k)},!a))return Q(k),V}if(K){if(z(K)){const v=await K(m,s),k=nt(v,J);if(k&&(V[R]={...k,...O(X.validate,k.message)},!a))return Q(k.message),V}else if(F(K)){let v={};for(const k in K){if(!I(v)&&!a)break;const S=nt(await K[k](m,s),J,k);S&&(v={...S,...O(k,S.message)},Q(S.message),a&&(V[R]=v))}if(!I(v)&&(V[R]={ref:J,...v},!a))return V}}return Q(!0),V};function er(e,r){const s=r.slice(0,-1).length;let a=0;for(;a<s;)e=A(e)?a++:e[r[a++]];return e}function tr(e){for(const r in e)if(e.hasOwnProperty(r)&&!A(e[r]))return!1;return!0}function D(e,r){const s=Array.isArray(r)?r:Me(r)?[r]:Dt(r),a=s.length===1?e:er(e,s),c=s.length-1,n=s[c];return a&&delete a[n],c!==0&&(F(a)&&I(a)||Array.isArray(a)&&tr(a))&&D(e,s.slice(0,-1)),e}var Ie=()=>{let e=[];return{get observers(){return e},next:c=>{for(const n of e)n.next&&n.next(c)},subscribe:c=>(e.push(c),{unsubscribe:()=>{e=e.filter(n=>n!==c)}}),unsubscribe:()=>{e=[]}}},Pe=e=>T(e)||!St(e);function ee(e,r){if(Pe(e)||Pe(r))return e===r;if(re(e)&&re(r))return e.getTime()===r.getTime();const s=Object.keys(e),a=Object.keys(r);if(s.length!==a.length)return!1;for(const c of s){const n=e[c];if(!a.includes(c))return!1;if(c!=="ref"){const f=r[c];if(re(n)&&re(f)||F(n)&&F(f)||Array.isArray(n)&&Array.isArray(f)?!ee(n,f):n!==f)return!1}}return!0}var Bt=e=>e.type==="select-multiple",rr=e=>je(e)||he(e),Re=e=>Ve(e)&&e.isConnected,Tt=e=>{for(const r in e)if(z(e[r]))return!0;return!1};function De(e,r={}){const s=Array.isArray(e);if(F(e)||s)for(const a in e)Array.isArray(e[a])||F(e[a])&&!Tt(e[a])?(r[a]=Array.isArray(e[a])?[]:{},De(e[a],r[a])):T(e[a])||(r[a]=!0);return r}function Lt(e,r,s){const a=Array.isArray(e);if(F(e)||a)for(const c in e)Array.isArray(e[c])||F(e[c])&&!Tt(e[c])?A(r)||Pe(s[c])?s[c]=Array.isArray(e[c])?De(e[c],[]):{...De(e[c])}:Lt(e[c],T(r)?{}:r[c],s[c]):s[c]=!ee(e[c],r[c]);return s}var de=(e,r)=>Lt(e,r,De(r)),It=(e,{valueAsNumber:r,valueAsDate:s,setValueAs:a})=>A(e)?e:r?e===""?NaN:e&&+e:s&&$(e)?new Date(e):a?a(e):e;function Oe(e){const r=e.ref;return We(r)?r.files:je(r)?Et(e.refs).value:Bt(r)?[...r.selectedOptions].map(({value:s})=>s):he(r)?Ct(e.refs).value:It(A(r.value)?e.ref.value:r.value,e)}var sr=(e,r,s,a)=>{const c={};for(const n of e){const f=y(r,n);f&&p(c,n,f._f)}return{criteriaMode:s,names:[...e],fields:c,shouldUseNativeValidation:a}},fe=e=>A(e)?e:Se(e)?e.source:F(e)?Se(e.value)?e.value.source:e.value:e;const lt="AsyncFunction";var ir=e=>!!e&&!!e.validate&&!!(z(e.validate)&&e.validate.constructor.name===lt||F(e.validate)&&Object.values(e.validate).find(r=>r.constructor.name===lt)),ar=e=>e.mount&&(e.required||e.min||e.max||e.maxLength||e.minLength||e.pattern||e.validate);function ut(e,r,s){const a=y(e,s);if(a||Me(s))return{error:a,name:s};const c=s.split(".");for(;c.length;){const n=c.join("."),f=y(r,n),h=y(e,n);if(f&&!Array.isArray(f)&&s!==n)return{name:s};if(h&&h.type)return{name:n,error:h};c.pop()}return{name:s}}var or=(e,r,s,a,c)=>c.isOnAll?!1:!s&&c.isOnTouch?!(r||e):(s?a.isOnBlur:c.isOnBlur)?!e:(s?a.isOnChange:c.isOnChange)?e:!0,nr=(e,r)=>!Ce(y(e,r)).length&&D(e,r);const cr={mode:M.onSubmit,reValidateMode:M.onChange,shouldFocusError:!0};function lr(e={}){let r={...cr,...e},s={submitCount:0,isDirty:!1,isLoading:z(r.defaultValues),isValidating:!1,isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,touchedFields:{},dirtyFields:{},validatingFields:{},errors:r.errors||{},disabled:r.disabled||!1},a={},c=F(r.defaultValues)||F(r.values)?N(r.defaultValues||r.values)||{}:{},n=r.shouldUnregister?{}:N(c),f={action:!1,mount:!1,watch:!1},h={mount:new Set,disabled:new Set,unMount:new Set,array:new Set,watch:new Set},L,W=0;const _={isDirty:!1,dirtyFields:!1,validatingFields:!1,touchedFields:!1,isValidating:!1,isValid:!1,errors:!1},x={values:Ie(),array:Ie(),state:Ie()},be=rt(r.mode),ge=rt(r.reValidateMode),K=r.criteriaMode===M.all,R=t=>i=>{clearTimeout(W),W=setTimeout(t,i)},Y=async t=>{if(!r.disabled&&(_.isValid||t)){const i=r.resolver?I((await te()).errors):await O(a,!0);i!==s.isValid&&x.state.next({isValid:i})}},Z=(t,i)=>{!r.disabled&&(_.isValidating||_.validatingFields)&&((t||Array.from(h.mount)).forEach(o=>{o&&(i?p(s.validatingFields,o,i):D(s.validatingFields,o))}),x.state.next({validatingFields:s.validatingFields,isValidating:!I(s.validatingFields)}))},m=(t,i=[],o,d,u=!0,l=!0)=>{if(d&&o&&!r.disabled){if(f.action=!0,l&&Array.isArray(y(a,t))){const b=o(y(a,t),d.argA,d.argB);u&&p(a,t,b)}if(l&&Array.isArray(y(s.errors,t))){const b=o(y(s.errors,t),d.argA,d.argB);u&&p(s.errors,t,b),nr(s.errors,t)}if(_.touchedFields&&l&&Array.isArray(y(s.touchedFields,t))){const b=o(y(s.touchedFields,t),d.argA,d.argB);u&&p(s.touchedFields,t,b)}_.dirtyFields&&(s.dirtyFields=de(c,n)),x.state.next({name:t,isDirty:v(t,i),dirtyFields:s.dirtyFields,errors:s.errors,isValid:s.isValid})}else p(n,t,i)},J=(t,i)=>{p(s.errors,t,i),x.state.next({errors:s.errors})},Q=t=>{s.errors=t,x.state.next({errors:s.errors,isValid:!1})},V=(t,i,o,d)=>{const u=y(a,t);if(u){const l=y(n,t,A(o)?y(c,t):o);A(l)||d&&d.defaultChecked||i?p(n,t,i?l:Oe(u._f)):B(t,l),f.mount&&Y()}},se=(t,i,o,d,u)=>{let l=!1,b=!1;const g={name:t};if(!r.disabled){const C=!!(y(a,t)&&y(a,t)._f&&y(a,t)._f.disabled);if(!o||d){_.isDirty&&(b=s.isDirty,s.isDirty=g.isDirty=v(),l=b!==g.isDirty);const E=C||ee(y(c,t),i);b=!!(!C&&y(s.dirtyFields,t)),E||C?D(s.dirtyFields,t):p(s.dirtyFields,t,!0),g.dirtyFields=s.dirtyFields,l=l||_.dirtyFields&&b!==!E}if(o){const E=y(s.touchedFields,t);E||(p(s.touchedFields,t,o),g.touchedFields=s.touchedFields,l=l||_.touchedFields&&E!==o)}l&&u&&x.state.next(g)}return l?g:{}},ve=(t,i,o,d)=>{const u=y(s.errors,t),l=_.isValid&&j(i)&&s.isValid!==i;if(r.delayError&&o?(L=R(()=>J(t,o)),L(r.delayError)):(clearTimeout(W),L=null,o?p(s.errors,t,o):D(s.errors,t)),(o?!ee(u,o):u)||!I(d)||l){const b={...d,...l&&j(i)?{isValid:i}:{},errors:s.errors,name:t};s={...s,...b},x.state.next(b)}},te=async t=>{Z(t,!0);const i=await r.resolver(n,r.context,sr(t||h.mount,a,r.criteriaMode,r.shouldUseNativeValidation));return Z(t),i},ie=async t=>{const{errors:i}=await te(t);if(t)for(const o of t){const d=y(i,o);d?p(s.errors,o,d):D(s.errors,o)}else s.errors=i;return i},O=async(t,i,o={valid:!0})=>{for(const d in t){const u=t[d];if(u){const{_f:l,...b}=u;if(l){const g=h.array.has(l.name),C=u._f&&ir(u._f);C&&_.validatingFields&&Z([d],!0);const E=await ct(u,h.disabled,n,K,r.shouldUseNativeValidation&&!i,g);if(C&&_.validatingFields&&Z([d]),E[l.name]&&(o.valid=!1,i))break;!i&&(y(E,l.name)?g?Gt(s.errors,E,l.name):p(s.errors,l.name,E[l.name]):D(s.errors,l.name))}!I(b)&&await O(b,i,o)}}return o.valid},xe=()=>{for(const t of h.unMount){const i=y(a,t);i&&(i._f.refs?i._f.refs.every(o=>!Re(o)):!Re(i._f.ref))&&Ee(t)}h.unMount=new Set},v=(t,i)=>!r.disabled&&(t&&i&&p(n,t,i),!ee(qe(),c)),k=(t,i,o)=>Xt(t,h,{...f.mount?n:A(i)?c:$(t)?{[t]:i}:i},o,i),S=t=>Ce(y(f.mount?n:c,t,r.shouldUnregister?y(c,t,[]):[])),B=(t,i,o={})=>{const d=y(a,t);let u=i;if(d){const l=d._f;l&&(!l.disabled&&p(n,t,It(i,l)),u=Ve(l.ref)&&T(i)?"":i,Bt(l.ref)?[...l.ref.options].forEach(b=>b.selected=u.includes(b.value)):l.refs?he(l.ref)?l.refs.length>1?l.refs.forEach(b=>(!b.defaultChecked||!b.disabled)&&(b.checked=Array.isArray(u)?!!u.find(g=>g===b.value):u===b.value)):l.refs[0]&&(l.refs[0].checked=!!u):l.refs.forEach(b=>b.checked=b.value===u):We(l.ref)?l.ref.value="":(l.ref.value=u,l.ref.type||x.values.next({name:t,values:{...n}})))}(o.shouldDirty||o.shouldTouch)&&se(t,u,o.shouldTouch,o.shouldDirty,!0),o.shouldValidate&&ue(t)},U=(t,i,o)=>{for(const d in i){const u=i[d],l=`${t}.${d}`,b=y(a,l);(h.array.has(t)||F(u)||b&&!b._f)&&!re(u)?U(l,u,o):B(l,u,o)}},H=(t,i,o={})=>{const d=y(a,t),u=h.array.has(t),l=N(i);p(n,t,l),u?(x.array.next({name:t,values:{...n}}),(_.isDirty||_.dirtyFields)&&o.shouldDirty&&x.state.next({name:t,dirtyFields:de(c,n),isDirty:v(t,l)})):d&&!d._f&&!T(l)?U(t,l,o):B(t,l,o),st(t,h)&&x.state.next({...s}),x.values.next({name:f.mount?t:void 0,values:{...n}})},ce=async t=>{f.mount=!0;const i=t.target;let o=i.name,d=!0;const u=y(a,o),l=()=>i.type?Oe(u._f):qt(t),b=g=>{d=Number.isNaN(g)||re(g)&&isNaN(g.getTime())||ee(g,y(n,o,g))};if(u){let g,C;const E=l(),G=t.type===tt.BLUR||t.type===tt.FOCUS_OUT,Pt=!ar(u._f)&&!r.resolver&&!y(s.errors,o)&&!u._f.deps||or(G,y(s.touchedFields,o),s.isSubmitted,ge,be),Te=st(o,h,G);p(n,o,E),G?(u._f.onBlur&&u._f.onBlur(t),L&&L(0)):u._f.onChange&&u._f.onChange(t);const Le=se(o,E,G,!1),Ut=!I(Le)||Te;if(!G&&x.values.next({name:o,type:t.type,values:{...n}}),Pt)return _.isValid&&(r.mode==="onBlur"&&G?Y():G||Y()),Ut&&x.state.next({name:o,...Te?{}:Le});if(!G&&Te&&x.state.next({...s}),r.resolver){const{errors:Ze}=await te([o]);if(b(E),d){const Mt=ut(s.errors,a,o),Ge=ut(Ze,a,Mt.name||o);g=Ge.error,o=Ge.name,C=I(Ze)}}else Z([o],!0),g=(await ct(u,h.disabled,n,K,r.shouldUseNativeValidation))[o],Z([o]),b(E),d&&(g?C=!1:_.isValid&&(C=await O(a,!0)));d&&(u._f.deps&&ue(u._f.deps),ve(o,C,g,Le))}},le=(t,i)=>{if(y(s.errors,i)&&t.focus)return t.focus(),1},ue=async(t,i={})=>{let o,d;const u=Fe(t);if(r.resolver){const l=await ie(A(t)?t:u);o=I(l),d=t?!u.some(b=>y(l,b)):o}else t?(d=(await Promise.all(u.map(async l=>{const b=y(a,l);return await O(b&&b._f?{[l]:b}:b)}))).every(Boolean),!(!d&&!s.isValid)&&Y()):d=o=await O(a);return x.state.next({...!$(t)||_.isValid&&o!==s.isValid?{}:{name:t},...r.resolver||!t?{isValid:o}:{},errors:s.errors}),i.shouldFocus&&!d&&ye(a,le,t?u:h.mount),d},qe=t=>{const i={...f.mount?n:c};return A(t)?i:$(t)?y(i,t):t.map(o=>y(i,o))},ze=(t,i)=>({invalid:!!y((i||s).errors,t),isDirty:!!y((i||s).dirtyFields,t),error:y((i||s).errors,t),isValidating:!!y(s.validatingFields,t),isTouched:!!y((i||s).touchedFields,t)}),Rt=t=>{t&&Fe(t).forEach(i=>D(s.errors,i)),x.state.next({errors:t?s.errors:{}})},$e=(t,i,o)=>{const d=(y(a,t,{_f:{}})._f||{}).ref,u=y(s.errors,t)||{},{ref:l,message:b,type:g,...C}=u;p(s.errors,t,{...C,...i,ref:d}),x.state.next({name:t,errors:s.errors,isValid:!1}),o&&o.shouldFocus&&d&&d.focus&&d.focus()},Ot=(t,i)=>z(t)?x.values.subscribe({next:o=>t(k(void 0,i),o)}):k(t,i,!0),Ee=(t,i={})=>{for(const o of t?Fe(t):h.mount)h.mount.delete(o),h.array.delete(o),i.keepValue||(D(a,o),D(n,o)),!i.keepError&&D(s.errors,o),!i.keepDirty&&D(s.dirtyFields,o),!i.keepTouched&&D(s.touchedFields,o),!i.keepIsValidating&&D(s.validatingFields,o),!r.shouldUnregister&&!i.keepDefaultValue&&D(c,o);x.values.next({values:{...n}}),x.state.next({...s,...i.keepDirty?{isDirty:v()}:{}}),!i.keepIsValid&&Y()},Ke=({disabled:t,name:i,field:o,fields:d})=>{(j(t)&&f.mount||t||h.disabled.has(i))&&(t?h.disabled.add(i):h.disabled.delete(i),se(i,Oe(o?o._f:y(d,i)._f),!1,!1,!0))},Be=(t,i={})=>{let o=y(a,t);const d=j(i.disabled)||j(r.disabled);return p(a,t,{...o||{},_f:{...o&&o._f?o._f:{ref:{name:t}},name:t,mount:!0,...i}}),h.mount.add(t),o?Ke({field:o,disabled:j(i.disabled)?i.disabled:r.disabled,name:t}):V(t,!0,i.value),{...d?{disabled:i.disabled||r.disabled}:{},...r.progressive?{required:!!i.required,min:fe(i.min),max:fe(i.max),minLength:fe(i.minLength),maxLength:fe(i.maxLength),pattern:fe(i.pattern)}:{},name:t,onChange:ce,onBlur:ce,ref:u=>{if(u){Be(t,i),o=y(a,t);const l=A(u.value)&&u.querySelectorAll&&u.querySelectorAll("input,select,textarea")[0]||u,b=rr(l),g=o._f.refs||[];if(b?g.find(C=>C===l):l===o._f.ref)return;p(a,t,{_f:{...o._f,...b?{refs:[...g.filter(Re),l,...Array.isArray(y(c,t))?[{}]:[]],ref:{type:l.type,name:t}}:{ref:l}}}),V(t,!1,void 0,l)}else o=y(a,t,{}),o._f&&(o._f.mount=!1),(r.shouldUnregister||i.shouldUnregister)&&!($t(h.array,t)&&f.action)&&h.unMount.add(t)}}},Ye=()=>r.shouldFocusError&&ye(a,le,h.mount),Ht=t=>{j(t)&&(x.state.next({disabled:t}),ye(a,(i,o)=>{const d=y(a,o);d&&(i.disabled=d._f.disabled||t,Array.isArray(d._f.refs)&&d._f.refs.forEach(u=>{u.disabled=d._f.disabled||t}))},0,!1))},Je=(t,i)=>async o=>{let d;o&&(o.preventDefault&&o.preventDefault(),o.persist&&o.persist());let u=N(n);if(h.disabled.size)for(const l of h.disabled)p(u,l,void 0);if(x.state.next({isSubmitting:!0}),r.resolver){const{errors:l,values:b}=await te();s.errors=l,u=b}else await O(a);if(D(s.errors,"root"),I(s.errors)){x.state.next({errors:{}});try{await t(u,o)}catch(l){d=l}}else i&&await i({...s.errors},o),Ye(),setTimeout(Ye);if(x.state.next({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:I(s.errors)&&!d,submitCount:s.submitCount+1,errors:s.errors}),d)throw d},Nt=(t,i={})=>{y(a,t)&&(A(i.defaultValue)?H(t,N(y(c,t))):(H(t,i.defaultValue),p(c,t,N(i.defaultValue))),i.keepTouched||D(s.touchedFields,t),i.keepDirty||(D(s.dirtyFields,t),s.isDirty=i.defaultValue?v(t,N(y(c,t))):v()),i.keepError||(D(s.errors,t),_.isValid&&Y()),x.state.next({...s}))},Qe=(t,i={})=>{const o=t?N(t):c,d=N(o),u=I(t),l=u?c:d;if(i.keepDefaultValues||(c=o),!i.keepValues){if(i.keepDirtyValues){const b=new Set([...h.mount,...Object.keys(de(c,n))]);for(const g of Array.from(b))y(s.dirtyFields,g)?p(l,g,y(n,g)):H(g,y(l,g))}else{if(Ue&&A(t))for(const b of h.mount){const g=y(a,b);if(g&&g._f){const C=Array.isArray(g._f.refs)?g._f.refs[0]:g._f.ref;if(Ve(C)){const E=C.closest("form");if(E){E.reset();break}}}}a={}}n=r.shouldUnregister?i.keepDefaultValues?N(c):{}:N(l),x.array.next({values:{...l}}),x.values.next({values:{...l}})}h={mount:i.keepDirtyValues?h.mount:new Set,unMount:new Set,array:new Set,disabled:new Set,watch:new Set,watchAll:!1,focus:""},f.mount=!_.isValid||!!i.keepIsValid||!!i.keepDirtyValues,f.watch=!!r.shouldUnregister,x.state.next({submitCount:i.keepSubmitCount?s.submitCount:0,isDirty:u?!1:i.keepDirty?s.isDirty:!!(i.keepDefaultValues&&!ee(t,c)),isSubmitted:i.keepIsSubmitted?s.isSubmitted:!1,dirtyFields:u?{}:i.keepDirtyValues?i.keepDefaultValues&&n?de(c,n):s.dirtyFields:i.keepDefaultValues&&t?de(c,t):i.keepDirty?s.dirtyFields:{},touchedFields:i.keepTouched?s.touchedFields:{},errors:i.keepErrors?s.errors:{},isSubmitSuccessful:i.keepIsSubmitSuccessful?s.isSubmitSuccessful:!1,isSubmitting:!1})},Xe=(t,i)=>Qe(z(t)?t(n):t,i);return{control:{register:Be,unregister:Ee,getFieldState:ze,handleSubmit:Je,setError:$e,_executeSchema:te,_getWatch:k,_getDirty:v,_updateValid:Y,_removeUnmounted:xe,_updateFieldArray:m,_updateDisabledField:Ke,_getFieldArray:S,_reset:Qe,_resetDefaultValues:()=>z(r.defaultValues)&&r.defaultValues().then(t=>{Xe(t,r.resetOptions),x.state.next({isLoading:!1})}),_updateFormState:t=>{s={...s,...t}},_disableForm:Ht,_subjects:x,_proxyFormState:_,_setErrors:Q,get _fields(){return a},get _formValues(){return n},get _state(){return f},set _state(t){f=t},get _defaultValues(){return c},get _names(){return h},set _names(t){h=t},get _formState(){return s},set _formState(t){s=t},get _options(){return r},set _options(t){r={...r,...t}}},trigger:ue,register:Be,handleSubmit:Je,watch:Ot,setValue:H,getValues:qe,reset:Xe,resetField:Nt,clearErrors:Rt,unregister:Ee,setError:$e,setFocus:(t,i={})=>{const o=y(a,t),d=o&&o._f;if(d){const u=d.refs?d.refs[0]:d.ref;u.focus&&(u.focus(),i.shouldSelect&&z(u.select)&&u.select())}},getFieldState:ze}}function ur(e={}){const r=P.useRef(void 0),s=P.useRef(void 0),[a,c]=P.useState({isDirty:!1,isValidating:!1,isLoading:z(e.defaultValues),isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,submitCount:0,dirtyFields:{},touchedFields:{},validatingFields:{},errors:e.errors||{},disabled:e.disabled||!1,defaultValues:z(e.defaultValues)?void 0:e.defaultValues});r.current||(r.current={...lr(e),formState:a});const n=r.current.control;return n._options=e,Qt({subject:n._subjects.state,next:f=>{Jt(f,n._proxyFormState,n._updateFormState)&&c({...n._formState})}}),P.useEffect(()=>n._disableForm(e.disabled),[n,e.disabled]),P.useEffect(()=>{if(n._proxyFormState.isDirty){const f=n._getDirty();f!==a.isDirty&&n._subjects.state.next({isDirty:f})}},[n,a.isDirty]),P.useEffect(()=>{e.values&&!ee(e.values,s.current)?(n._reset(e.values,n._options.resetOptions),s.current=e.values,c(f=>({...f}))):n._resetDefaultValues()},[e.values,n]),P.useEffect(()=>{e.errors&&n._setErrors(e.errors)},[e.errors,n]),P.useEffect(()=>{n._state.mount||(n._updateValid(),n._state.mount=!0),n._state.watch&&(n._state.watch=!1,n._subjects.state.next({...n._formState})),n._removeUnmounted()}),P.useEffect(()=>{e.shouldUnregister&&n._subjects.values.next({values:n._getWatch()})},[e.shouldUnregister,n]),r.current.formState=Yt(a,n),r.current}const Ur={title:"Components/Checkbox/Tests",component:ne,parameters:{controls:{disable:!0},chromatic:{disableSnapshot:!0}},tags:["!autodocs","!a11y-test","test"]},me={render:function(){return q.jsx(ne,{"aria-label":"checkboxLabel","aria-labelledby":"checkboxLabelledby","aria-describedby":"checkboxDescribedby",hasError:!0})},play:async({canvasElement:e})=>{const s=Vt(e).getByRole("checkbox");w(s).toHaveAttribute("aria-label","checkboxLabel"),w(s).toHaveAttribute("aria-labelledby","checkboxLabelledby"),w(s).toHaveAttribute("aria-describedby","checkboxDescribedby"),w(s).toHaveAttribute("aria-invalid","true")}},ke={args:{onCheckedChange:He()},render:function({onCheckedChange:r}){return q.jsx(ne,{"aria-label":"checkbox",indeterminate:!0,onCheckedChange:r})},play:async({canvas:e,step:r,args:s})=>{const a=e.getByLabelText("checkbox");if(!(a instanceof HTMLInputElement))throw new Error("Expected Consent all cookies to be an HTMLInputElement");await r('Initial state"',async()=>{w(a).not.toBeChecked(),w(a).toHaveAttribute("aria-checked","mixed"),w(a.indeterminate,"Indeterminate check").toBe(!0)}),await r('Click the checkbox"',async()=>{await oe.click(a),w(a).toBeChecked(),w(a).toHaveAttribute("aria-checked","mixed"),w(a.indeterminate,"Indeterminate check").toBe(!0),w(s.onCheckedChange).toBeCalledWith(!0)}),await r('Click the checkbox"',async()=>{await oe.click(a),w(a).not.toBeChecked(),w(a).toHaveAttribute("aria-checked","mixed"),w(a.indeterminate,"Indeterminate check").toBe(!0),w(s.onCheckedChange).toBeCalledWith(!1)})}},pe={render:function(){return q.jsx(ne,{dataset:{foo:1,bar:"2",baz:!1},"aria-label":"checkbox"})},play:async({canvas:e})=>{const r=e.getByRole("checkbox");w(r).toHaveAttribute("data-foo","1"),w(r).toHaveAttribute("data-bar","2"),w(r).toHaveAttribute("data-baz","false")}},_e={render:function(){return q.jsx(Wt,{content:"This is a tooltip",trigger:"hover-and-touch",dataset:{testid:"tooltip"},children:q.jsx(ne,{"aria-label":"checkbox"})})},play:async({canvasElement:e,step:r})=>{const s=Vt(e),a=s.getByRole("checkbox");await r("hover trigger element",async()=>{await oe.hover(a)}),await r("tooltip should be shown",async()=>{await Ne(()=>{const c=s.getByTestId("tooltip");return w(c).toBeVisible()})}),await r("unhover trigger element",async()=>{await oe.unhover(a)}),await r("tooltip should be hidden",async()=>{await Ne(()=>{const c=s.queryByTestId("tooltip");return w(c).toBeNull()})})}},we={args:{onSubmit:He(),onSubmitFormData:He()},render:function(r){const s=ur(),a=(c,n)=>{var f,h;(f=r.onSubmit)==null||f.call(r,n),(h=r.onSubmitFormData)==null||h.call(r,c),s.reset()};return q.jsxs(et,{gap:"32",children:[q.jsx(et,{gap:"16",children:q.jsxs("label",{htmlFor:"privacy-checkbox",children:[q.jsx(ne,{id:"privacy-checkbox",...s.register("privacy")}),"I accept the Privacy Policy"]})}),q.jsx(jt,{onClick:s.handleSubmit(a),children:"Register"})]})},play:async({canvas:e,args:r})=>{await oe.click(e.getByLabelText("I accept the Privacy Policy")),await oe.click(e.getByRole("button",{name:"Register"})),await Ne(()=>w(r.onSubmitFormData).toBeCalledWith({privacy:!0}))}};var dt,ft,yt;me.parameters={...me.parameters,docs:{...(dt=me.parameters)==null?void 0:dt.docs,source:{originalSource:`{
1
+ import{j as q}from"./jsx-runtime-BTJTZTIL.js";import{f as He,w as Vt,e as w,u as oe,a as Ne}from"./index-DDyIDR-R.js";import{e as P}from"./index-Cb9e4tly.js";import{L as et}from"./LayoutFlex-BNA1xrCR.js";import{T as Wt}from"./Tooltip-Cb2NoIFe.js";import{B as jt}from"./Button-roOK6CbC.js";import{C as ne}from"./Checkbox-CbY9W0xm.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./layout-relative.module-ed9bC4H4.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./index-DdzHuZ-Y.js";import"./componentNames-s6s-Nnrd.js";import"./index-D2bCaIQ8.js";import"./PortalElementProvider-Db7d5OlT.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-vHvQSpLZ.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-BAooW9wV.js";import"./Spinner-B2C3RkCF.js";import"./useMergeRefs-SFH7Mw4x.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";var he=e=>e.type==="checkbox",re=e=>e instanceof Date,T=e=>e==null;const St=e=>typeof e=="object";var F=e=>!T(e)&&!Array.isArray(e)&&St(e)&&!re(e),qt=e=>F(e)&&e.target?he(e.target)?e.target.checked:e.target.value:e,zt=e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e,$t=(e,r)=>e.has(zt(r)),Kt=e=>{const r=e.constructor&&e.constructor.prototype;return F(r)&&r.hasOwnProperty("isPrototypeOf")},Ue=typeof window<"u"&&typeof window.HTMLElement<"u"&&typeof document<"u";function N(e){let r;const s=Array.isArray(e),a=typeof FileList<"u"?e instanceof FileList:!1;if(e instanceof Date)r=new Date(e);else if(e instanceof Set)r=new Set(e);else if(!(Ue&&(e instanceof Blob||a))&&(s||F(e)))if(r=s?[]:{},!s&&!Kt(e))r=e;else for(const c in e)e.hasOwnProperty(c)&&(r[c]=N(e[c]));else return e;return r}var Ce=e=>Array.isArray(e)?e.filter(Boolean):[],A=e=>e===void 0,y=(e,r,s)=>{if(!r||!F(e))return s;const a=Ce(r.split(/[,[\].]+?/)).reduce((c,n)=>T(c)?c:c[n],e);return A(a)||a===e?A(e[r])?s:e[r]:a},j=e=>typeof e=="boolean",Me=e=>/^\w*$/.test(e),Dt=e=>Ce(e.replace(/["|']|\]/g,"").split(/\.|\[/)),p=(e,r,s)=>{let a=-1;const c=Me(r)?[r]:Dt(r),n=c.length,f=n-1;for(;++a<n;){const h=c[a];let L=s;if(a!==f){const W=e[h];L=F(W)||Array.isArray(W)?W:isNaN(+c[a+1])?{}:[]}if(h==="__proto__"||h==="constructor"||h==="prototype")return;e[h]=L,e=e[h]}return e};const tt={BLUR:"blur",FOCUS_OUT:"focusout"},M={onBlur:"onBlur",onChange:"onChange",onSubmit:"onSubmit",onTouched:"onTouched",all:"all"},X={max:"max",min:"min",maxLength:"maxLength",minLength:"minLength",pattern:"pattern",required:"required",validate:"validate"};P.createContext(null);var Yt=(e,r,s,a=!0)=>{const c={defaultValues:r._defaultValues};for(const n in e)Object.defineProperty(c,n,{get:()=>{const f=n;return r._proxyFormState[f]!==M.all&&(r._proxyFormState[f]=!a||M.all),e[f]}});return c},I=e=>F(e)&&!Object.keys(e).length,Jt=(e,r,s,a)=>{s(e);const{name:c,...n}=e;return I(n)||Object.keys(n).length>=Object.keys(r).length||Object.keys(n).find(f=>r[f]===M.all)},Fe=e=>Array.isArray(e)?e:[e];function Qt(e){const r=P.useRef(e);r.current=e,P.useEffect(()=>{const s=!e.disabled&&r.current.subject&&r.current.subject.subscribe({next:r.current.next});return()=>{s&&s.unsubscribe()}},[e.disabled])}var $=e=>typeof e=="string",Xt=(e,r,s,a,c)=>$(e)?(a&&r.watch.add(e),y(s,e,c)):Array.isArray(e)?e.map(n=>(a&&r.watch.add(n),y(s,n))):(a&&(r.watchAll=!0),s),Zt=(e,r,s,a,c)=>r?{...s[e],types:{...s[e]&&s[e].types?s[e].types:{},[a]:c||!0}}:{},rt=e=>({isOnSubmit:!e||e===M.onSubmit,isOnBlur:e===M.onBlur,isOnChange:e===M.onChange,isOnAll:e===M.all,isOnTouch:e===M.onTouched}),st=(e,r,s)=>!s&&(r.watchAll||r.watch.has(e)||[...r.watch].some(a=>e.startsWith(a)&&/^\.\w+/.test(e.slice(a.length))));const ye=(e,r,s,a)=>{for(const c of s||Object.keys(e)){const n=y(e,c);if(n){const{_f:f,...h}=n;if(f){if(f.refs&&f.refs[0]&&r(f.refs[0],c)&&!a)return!0;if(f.ref&&r(f.ref,f.name)&&!a)return!0;if(ye(h,r))break}else if(F(h)&&ye(h,r))break}}};var Gt=(e,r,s)=>{const a=Fe(y(e,s));return p(a,"root",r[s]),p(e,s,a),e},We=e=>e.type==="file",z=e=>typeof e=="function",Ve=e=>{if(!Ue)return!1;const r=e?e.ownerDocument:0;return e instanceof(r&&r.defaultView?r.defaultView.HTMLElement:HTMLElement)},Ae=e=>$(e),je=e=>e.type==="radio",Se=e=>e instanceof RegExp;const it={value:!1,isValid:!1},at={value:!0,isValid:!0};var Ct=e=>{if(Array.isArray(e)){if(e.length>1){const r=e.filter(s=>s&&s.checked&&!s.disabled).map(s=>s.value);return{value:r,isValid:!!r.length}}return e[0].checked&&!e[0].disabled?e[0].attributes&&!A(e[0].attributes.value)?A(e[0].value)||e[0].value===""?at:{value:e[0].value,isValid:!0}:at:it}return it};const ot={isValid:!1,value:null};var Et=e=>Array.isArray(e)?e.reduce((r,s)=>s&&s.checked&&!s.disabled?{isValid:!0,value:s.value}:r,ot):ot;function nt(e,r,s="validate"){if(Ae(e)||Array.isArray(e)&&e.every(Ae)||j(e)&&!e)return{type:s,message:Ae(e)?e:"",ref:r}}var ae=e=>F(e)&&!Se(e)?e:{value:e,message:""},ct=async(e,r,s,a,c,n)=>{const{ref:f,refs:h,required:L,maxLength:W,minLength:_,min:x,max:be,pattern:ge,validate:K,name:R,valueAsNumber:Y,mount:Z}=e._f,m=y(s,R);if(!Z||r.has(R))return{};const J=h?h[0]:f,Q=v=>{c&&J.reportValidity&&(J.setCustomValidity(j(v)?"":v||""),J.reportValidity())},V={},se=je(f),ve=he(f),te=se||ve,ie=(Y||We(f))&&A(f.value)&&A(m)||Ve(f)&&f.value===""||m===""||Array.isArray(m)&&!m.length,O=Zt.bind(null,R,a,V),xe=(v,k,S,B=X.maxLength,U=X.minLength)=>{const H=v?k:S;V[R]={type:v?B:U,message:H,ref:f,...O(v?B:U,H)}};if(n?!Array.isArray(m)||!m.length:L&&(!te&&(ie||T(m))||j(m)&&!m||ve&&!Ct(h).isValid||se&&!Et(h).isValid)){const{value:v,message:k}=Ae(L)?{value:!!L,message:L}:ae(L);if(v&&(V[R]={type:X.required,message:k,ref:J,...O(X.required,k)},!a))return Q(k),V}if(!ie&&(!T(x)||!T(be))){let v,k;const S=ae(be),B=ae(x);if(!T(m)&&!isNaN(m)){const U=f.valueAsNumber||m&&+m;T(S.value)||(v=U>S.value),T(B.value)||(k=U<B.value)}else{const U=f.valueAsDate||new Date(m),H=ue=>new Date(new Date().toDateString()+" "+ue),ce=f.type=="time",le=f.type=="week";$(S.value)&&m&&(v=ce?H(m)>H(S.value):le?m>S.value:U>new Date(S.value)),$(B.value)&&m&&(k=ce?H(m)<H(B.value):le?m<B.value:U<new Date(B.value))}if((v||k)&&(xe(!!v,S.message,B.message,X.max,X.min),!a))return Q(V[R].message),V}if((W||_)&&!ie&&($(m)||n&&Array.isArray(m))){const v=ae(W),k=ae(_),S=!T(v.value)&&m.length>+v.value,B=!T(k.value)&&m.length<+k.value;if((S||B)&&(xe(S,v.message,k.message),!a))return Q(V[R].message),V}if(ge&&!ie&&$(m)){const{value:v,message:k}=ae(ge);if(Se(v)&&!m.match(v)&&(V[R]={type:X.pattern,message:k,ref:f,...O(X.pattern,k)},!a))return Q(k),V}if(K){if(z(K)){const v=await K(m,s),k=nt(v,J);if(k&&(V[R]={...k,...O(X.validate,k.message)},!a))return Q(k.message),V}else if(F(K)){let v={};for(const k in K){if(!I(v)&&!a)break;const S=nt(await K[k](m,s),J,k);S&&(v={...S,...O(k,S.message)},Q(S.message),a&&(V[R]=v))}if(!I(v)&&(V[R]={ref:J,...v},!a))return V}}return Q(!0),V};function er(e,r){const s=r.slice(0,-1).length;let a=0;for(;a<s;)e=A(e)?a++:e[r[a++]];return e}function tr(e){for(const r in e)if(e.hasOwnProperty(r)&&!A(e[r]))return!1;return!0}function D(e,r){const s=Array.isArray(r)?r:Me(r)?[r]:Dt(r),a=s.length===1?e:er(e,s),c=s.length-1,n=s[c];return a&&delete a[n],c!==0&&(F(a)&&I(a)||Array.isArray(a)&&tr(a))&&D(e,s.slice(0,-1)),e}var Ie=()=>{let e=[];return{get observers(){return e},next:c=>{for(const n of e)n.next&&n.next(c)},subscribe:c=>(e.push(c),{unsubscribe:()=>{e=e.filter(n=>n!==c)}}),unsubscribe:()=>{e=[]}}},Pe=e=>T(e)||!St(e);function ee(e,r){if(Pe(e)||Pe(r))return e===r;if(re(e)&&re(r))return e.getTime()===r.getTime();const s=Object.keys(e),a=Object.keys(r);if(s.length!==a.length)return!1;for(const c of s){const n=e[c];if(!a.includes(c))return!1;if(c!=="ref"){const f=r[c];if(re(n)&&re(f)||F(n)&&F(f)||Array.isArray(n)&&Array.isArray(f)?!ee(n,f):n!==f)return!1}}return!0}var Bt=e=>e.type==="select-multiple",rr=e=>je(e)||he(e),Re=e=>Ve(e)&&e.isConnected,Tt=e=>{for(const r in e)if(z(e[r]))return!0;return!1};function De(e,r={}){const s=Array.isArray(e);if(F(e)||s)for(const a in e)Array.isArray(e[a])||F(e[a])&&!Tt(e[a])?(r[a]=Array.isArray(e[a])?[]:{},De(e[a],r[a])):T(e[a])||(r[a]=!0);return r}function Lt(e,r,s){const a=Array.isArray(e);if(F(e)||a)for(const c in e)Array.isArray(e[c])||F(e[c])&&!Tt(e[c])?A(r)||Pe(s[c])?s[c]=Array.isArray(e[c])?De(e[c],[]):{...De(e[c])}:Lt(e[c],T(r)?{}:r[c],s[c]):s[c]=!ee(e[c],r[c]);return s}var de=(e,r)=>Lt(e,r,De(r)),It=(e,{valueAsNumber:r,valueAsDate:s,setValueAs:a})=>A(e)?e:r?e===""?NaN:e&&+e:s&&$(e)?new Date(e):a?a(e):e;function Oe(e){const r=e.ref;return We(r)?r.files:je(r)?Et(e.refs).value:Bt(r)?[...r.selectedOptions].map(({value:s})=>s):he(r)?Ct(e.refs).value:It(A(r.value)?e.ref.value:r.value,e)}var sr=(e,r,s,a)=>{const c={};for(const n of e){const f=y(r,n);f&&p(c,n,f._f)}return{criteriaMode:s,names:[...e],fields:c,shouldUseNativeValidation:a}},fe=e=>A(e)?e:Se(e)?e.source:F(e)?Se(e.value)?e.value.source:e.value:e;const lt="AsyncFunction";var ir=e=>!!e&&!!e.validate&&!!(z(e.validate)&&e.validate.constructor.name===lt||F(e.validate)&&Object.values(e.validate).find(r=>r.constructor.name===lt)),ar=e=>e.mount&&(e.required||e.min||e.max||e.maxLength||e.minLength||e.pattern||e.validate);function ut(e,r,s){const a=y(e,s);if(a||Me(s))return{error:a,name:s};const c=s.split(".");for(;c.length;){const n=c.join("."),f=y(r,n),h=y(e,n);if(f&&!Array.isArray(f)&&s!==n)return{name:s};if(h&&h.type)return{name:n,error:h};c.pop()}return{name:s}}var or=(e,r,s,a,c)=>c.isOnAll?!1:!s&&c.isOnTouch?!(r||e):(s?a.isOnBlur:c.isOnBlur)?!e:(s?a.isOnChange:c.isOnChange)?e:!0,nr=(e,r)=>!Ce(y(e,r)).length&&D(e,r);const cr={mode:M.onSubmit,reValidateMode:M.onChange,shouldFocusError:!0};function lr(e={}){let r={...cr,...e},s={submitCount:0,isDirty:!1,isLoading:z(r.defaultValues),isValidating:!1,isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,touchedFields:{},dirtyFields:{},validatingFields:{},errors:r.errors||{},disabled:r.disabled||!1},a={},c=F(r.defaultValues)||F(r.values)?N(r.defaultValues||r.values)||{}:{},n=r.shouldUnregister?{}:N(c),f={action:!1,mount:!1,watch:!1},h={mount:new Set,disabled:new Set,unMount:new Set,array:new Set,watch:new Set},L,W=0;const _={isDirty:!1,dirtyFields:!1,validatingFields:!1,touchedFields:!1,isValidating:!1,isValid:!1,errors:!1},x={values:Ie(),array:Ie(),state:Ie()},be=rt(r.mode),ge=rt(r.reValidateMode),K=r.criteriaMode===M.all,R=t=>i=>{clearTimeout(W),W=setTimeout(t,i)},Y=async t=>{if(!r.disabled&&(_.isValid||t)){const i=r.resolver?I((await te()).errors):await O(a,!0);i!==s.isValid&&x.state.next({isValid:i})}},Z=(t,i)=>{!r.disabled&&(_.isValidating||_.validatingFields)&&((t||Array.from(h.mount)).forEach(o=>{o&&(i?p(s.validatingFields,o,i):D(s.validatingFields,o))}),x.state.next({validatingFields:s.validatingFields,isValidating:!I(s.validatingFields)}))},m=(t,i=[],o,d,u=!0,l=!0)=>{if(d&&o&&!r.disabled){if(f.action=!0,l&&Array.isArray(y(a,t))){const b=o(y(a,t),d.argA,d.argB);u&&p(a,t,b)}if(l&&Array.isArray(y(s.errors,t))){const b=o(y(s.errors,t),d.argA,d.argB);u&&p(s.errors,t,b),nr(s.errors,t)}if(_.touchedFields&&l&&Array.isArray(y(s.touchedFields,t))){const b=o(y(s.touchedFields,t),d.argA,d.argB);u&&p(s.touchedFields,t,b)}_.dirtyFields&&(s.dirtyFields=de(c,n)),x.state.next({name:t,isDirty:v(t,i),dirtyFields:s.dirtyFields,errors:s.errors,isValid:s.isValid})}else p(n,t,i)},J=(t,i)=>{p(s.errors,t,i),x.state.next({errors:s.errors})},Q=t=>{s.errors=t,x.state.next({errors:s.errors,isValid:!1})},V=(t,i,o,d)=>{const u=y(a,t);if(u){const l=y(n,t,A(o)?y(c,t):o);A(l)||d&&d.defaultChecked||i?p(n,t,i?l:Oe(u._f)):B(t,l),f.mount&&Y()}},se=(t,i,o,d,u)=>{let l=!1,b=!1;const g={name:t};if(!r.disabled){const C=!!(y(a,t)&&y(a,t)._f&&y(a,t)._f.disabled);if(!o||d){_.isDirty&&(b=s.isDirty,s.isDirty=g.isDirty=v(),l=b!==g.isDirty);const E=C||ee(y(c,t),i);b=!!(!C&&y(s.dirtyFields,t)),E||C?D(s.dirtyFields,t):p(s.dirtyFields,t,!0),g.dirtyFields=s.dirtyFields,l=l||_.dirtyFields&&b!==!E}if(o){const E=y(s.touchedFields,t);E||(p(s.touchedFields,t,o),g.touchedFields=s.touchedFields,l=l||_.touchedFields&&E!==o)}l&&u&&x.state.next(g)}return l?g:{}},ve=(t,i,o,d)=>{const u=y(s.errors,t),l=_.isValid&&j(i)&&s.isValid!==i;if(r.delayError&&o?(L=R(()=>J(t,o)),L(r.delayError)):(clearTimeout(W),L=null,o?p(s.errors,t,o):D(s.errors,t)),(o?!ee(u,o):u)||!I(d)||l){const b={...d,...l&&j(i)?{isValid:i}:{},errors:s.errors,name:t};s={...s,...b},x.state.next(b)}},te=async t=>{Z(t,!0);const i=await r.resolver(n,r.context,sr(t||h.mount,a,r.criteriaMode,r.shouldUseNativeValidation));return Z(t),i},ie=async t=>{const{errors:i}=await te(t);if(t)for(const o of t){const d=y(i,o);d?p(s.errors,o,d):D(s.errors,o)}else s.errors=i;return i},O=async(t,i,o={valid:!0})=>{for(const d in t){const u=t[d];if(u){const{_f:l,...b}=u;if(l){const g=h.array.has(l.name),C=u._f&&ir(u._f);C&&_.validatingFields&&Z([d],!0);const E=await ct(u,h.disabled,n,K,r.shouldUseNativeValidation&&!i,g);if(C&&_.validatingFields&&Z([d]),E[l.name]&&(o.valid=!1,i))break;!i&&(y(E,l.name)?g?Gt(s.errors,E,l.name):p(s.errors,l.name,E[l.name]):D(s.errors,l.name))}!I(b)&&await O(b,i,o)}}return o.valid},xe=()=>{for(const t of h.unMount){const i=y(a,t);i&&(i._f.refs?i._f.refs.every(o=>!Re(o)):!Re(i._f.ref))&&Ee(t)}h.unMount=new Set},v=(t,i)=>!r.disabled&&(t&&i&&p(n,t,i),!ee(qe(),c)),k=(t,i,o)=>Xt(t,h,{...f.mount?n:A(i)?c:$(t)?{[t]:i}:i},o,i),S=t=>Ce(y(f.mount?n:c,t,r.shouldUnregister?y(c,t,[]):[])),B=(t,i,o={})=>{const d=y(a,t);let u=i;if(d){const l=d._f;l&&(!l.disabled&&p(n,t,It(i,l)),u=Ve(l.ref)&&T(i)?"":i,Bt(l.ref)?[...l.ref.options].forEach(b=>b.selected=u.includes(b.value)):l.refs?he(l.ref)?l.refs.length>1?l.refs.forEach(b=>(!b.defaultChecked||!b.disabled)&&(b.checked=Array.isArray(u)?!!u.find(g=>g===b.value):u===b.value)):l.refs[0]&&(l.refs[0].checked=!!u):l.refs.forEach(b=>b.checked=b.value===u):We(l.ref)?l.ref.value="":(l.ref.value=u,l.ref.type||x.values.next({name:t,values:{...n}})))}(o.shouldDirty||o.shouldTouch)&&se(t,u,o.shouldTouch,o.shouldDirty,!0),o.shouldValidate&&ue(t)},U=(t,i,o)=>{for(const d in i){const u=i[d],l=`${t}.${d}`,b=y(a,l);(h.array.has(t)||F(u)||b&&!b._f)&&!re(u)?U(l,u,o):B(l,u,o)}},H=(t,i,o={})=>{const d=y(a,t),u=h.array.has(t),l=N(i);p(n,t,l),u?(x.array.next({name:t,values:{...n}}),(_.isDirty||_.dirtyFields)&&o.shouldDirty&&x.state.next({name:t,dirtyFields:de(c,n),isDirty:v(t,l)})):d&&!d._f&&!T(l)?U(t,l,o):B(t,l,o),st(t,h)&&x.state.next({...s}),x.values.next({name:f.mount?t:void 0,values:{...n}})},ce=async t=>{f.mount=!0;const i=t.target;let o=i.name,d=!0;const u=y(a,o),l=()=>i.type?Oe(u._f):qt(t),b=g=>{d=Number.isNaN(g)||re(g)&&isNaN(g.getTime())||ee(g,y(n,o,g))};if(u){let g,C;const E=l(),G=t.type===tt.BLUR||t.type===tt.FOCUS_OUT,Pt=!ar(u._f)&&!r.resolver&&!y(s.errors,o)&&!u._f.deps||or(G,y(s.touchedFields,o),s.isSubmitted,ge,be),Te=st(o,h,G);p(n,o,E),G?(u._f.onBlur&&u._f.onBlur(t),L&&L(0)):u._f.onChange&&u._f.onChange(t);const Le=se(o,E,G,!1),Ut=!I(Le)||Te;if(!G&&x.values.next({name:o,type:t.type,values:{...n}}),Pt)return _.isValid&&(r.mode==="onBlur"&&G?Y():G||Y()),Ut&&x.state.next({name:o,...Te?{}:Le});if(!G&&Te&&x.state.next({...s}),r.resolver){const{errors:Ze}=await te([o]);if(b(E),d){const Mt=ut(s.errors,a,o),Ge=ut(Ze,a,Mt.name||o);g=Ge.error,o=Ge.name,C=I(Ze)}}else Z([o],!0),g=(await ct(u,h.disabled,n,K,r.shouldUseNativeValidation))[o],Z([o]),b(E),d&&(g?C=!1:_.isValid&&(C=await O(a,!0)));d&&(u._f.deps&&ue(u._f.deps),ve(o,C,g,Le))}},le=(t,i)=>{if(y(s.errors,i)&&t.focus)return t.focus(),1},ue=async(t,i={})=>{let o,d;const u=Fe(t);if(r.resolver){const l=await ie(A(t)?t:u);o=I(l),d=t?!u.some(b=>y(l,b)):o}else t?(d=(await Promise.all(u.map(async l=>{const b=y(a,l);return await O(b&&b._f?{[l]:b}:b)}))).every(Boolean),!(!d&&!s.isValid)&&Y()):d=o=await O(a);return x.state.next({...!$(t)||_.isValid&&o!==s.isValid?{}:{name:t},...r.resolver||!t?{isValid:o}:{},errors:s.errors}),i.shouldFocus&&!d&&ye(a,le,t?u:h.mount),d},qe=t=>{const i={...f.mount?n:c};return A(t)?i:$(t)?y(i,t):t.map(o=>y(i,o))},ze=(t,i)=>({invalid:!!y((i||s).errors,t),isDirty:!!y((i||s).dirtyFields,t),error:y((i||s).errors,t),isValidating:!!y(s.validatingFields,t),isTouched:!!y((i||s).touchedFields,t)}),Rt=t=>{t&&Fe(t).forEach(i=>D(s.errors,i)),x.state.next({errors:t?s.errors:{}})},$e=(t,i,o)=>{const d=(y(a,t,{_f:{}})._f||{}).ref,u=y(s.errors,t)||{},{ref:l,message:b,type:g,...C}=u;p(s.errors,t,{...C,...i,ref:d}),x.state.next({name:t,errors:s.errors,isValid:!1}),o&&o.shouldFocus&&d&&d.focus&&d.focus()},Ot=(t,i)=>z(t)?x.values.subscribe({next:o=>t(k(void 0,i),o)}):k(t,i,!0),Ee=(t,i={})=>{for(const o of t?Fe(t):h.mount)h.mount.delete(o),h.array.delete(o),i.keepValue||(D(a,o),D(n,o)),!i.keepError&&D(s.errors,o),!i.keepDirty&&D(s.dirtyFields,o),!i.keepTouched&&D(s.touchedFields,o),!i.keepIsValidating&&D(s.validatingFields,o),!r.shouldUnregister&&!i.keepDefaultValue&&D(c,o);x.values.next({values:{...n}}),x.state.next({...s,...i.keepDirty?{isDirty:v()}:{}}),!i.keepIsValid&&Y()},Ke=({disabled:t,name:i,field:o,fields:d})=>{(j(t)&&f.mount||t||h.disabled.has(i))&&(t?h.disabled.add(i):h.disabled.delete(i),se(i,Oe(o?o._f:y(d,i)._f),!1,!1,!0))},Be=(t,i={})=>{let o=y(a,t);const d=j(i.disabled)||j(r.disabled);return p(a,t,{...o||{},_f:{...o&&o._f?o._f:{ref:{name:t}},name:t,mount:!0,...i}}),h.mount.add(t),o?Ke({field:o,disabled:j(i.disabled)?i.disabled:r.disabled,name:t}):V(t,!0,i.value),{...d?{disabled:i.disabled||r.disabled}:{},...r.progressive?{required:!!i.required,min:fe(i.min),max:fe(i.max),minLength:fe(i.minLength),maxLength:fe(i.maxLength),pattern:fe(i.pattern)}:{},name:t,onChange:ce,onBlur:ce,ref:u=>{if(u){Be(t,i),o=y(a,t);const l=A(u.value)&&u.querySelectorAll&&u.querySelectorAll("input,select,textarea")[0]||u,b=rr(l),g=o._f.refs||[];if(b?g.find(C=>C===l):l===o._f.ref)return;p(a,t,{_f:{...o._f,...b?{refs:[...g.filter(Re),l,...Array.isArray(y(c,t))?[{}]:[]],ref:{type:l.type,name:t}}:{ref:l}}}),V(t,!1,void 0,l)}else o=y(a,t,{}),o._f&&(o._f.mount=!1),(r.shouldUnregister||i.shouldUnregister)&&!($t(h.array,t)&&f.action)&&h.unMount.add(t)}}},Ye=()=>r.shouldFocusError&&ye(a,le,h.mount),Ht=t=>{j(t)&&(x.state.next({disabled:t}),ye(a,(i,o)=>{const d=y(a,o);d&&(i.disabled=d._f.disabled||t,Array.isArray(d._f.refs)&&d._f.refs.forEach(u=>{u.disabled=d._f.disabled||t}))},0,!1))},Je=(t,i)=>async o=>{let d;o&&(o.preventDefault&&o.preventDefault(),o.persist&&o.persist());let u=N(n);if(h.disabled.size)for(const l of h.disabled)p(u,l,void 0);if(x.state.next({isSubmitting:!0}),r.resolver){const{errors:l,values:b}=await te();s.errors=l,u=b}else await O(a);if(D(s.errors,"root"),I(s.errors)){x.state.next({errors:{}});try{await t(u,o)}catch(l){d=l}}else i&&await i({...s.errors},o),Ye(),setTimeout(Ye);if(x.state.next({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:I(s.errors)&&!d,submitCount:s.submitCount+1,errors:s.errors}),d)throw d},Nt=(t,i={})=>{y(a,t)&&(A(i.defaultValue)?H(t,N(y(c,t))):(H(t,i.defaultValue),p(c,t,N(i.defaultValue))),i.keepTouched||D(s.touchedFields,t),i.keepDirty||(D(s.dirtyFields,t),s.isDirty=i.defaultValue?v(t,N(y(c,t))):v()),i.keepError||(D(s.errors,t),_.isValid&&Y()),x.state.next({...s}))},Qe=(t,i={})=>{const o=t?N(t):c,d=N(o),u=I(t),l=u?c:d;if(i.keepDefaultValues||(c=o),!i.keepValues){if(i.keepDirtyValues){const b=new Set([...h.mount,...Object.keys(de(c,n))]);for(const g of Array.from(b))y(s.dirtyFields,g)?p(l,g,y(n,g)):H(g,y(l,g))}else{if(Ue&&A(t))for(const b of h.mount){const g=y(a,b);if(g&&g._f){const C=Array.isArray(g._f.refs)?g._f.refs[0]:g._f.ref;if(Ve(C)){const E=C.closest("form");if(E){E.reset();break}}}}a={}}n=r.shouldUnregister?i.keepDefaultValues?N(c):{}:N(l),x.array.next({values:{...l}}),x.values.next({values:{...l}})}h={mount:i.keepDirtyValues?h.mount:new Set,unMount:new Set,array:new Set,disabled:new Set,watch:new Set,watchAll:!1,focus:""},f.mount=!_.isValid||!!i.keepIsValid||!!i.keepDirtyValues,f.watch=!!r.shouldUnregister,x.state.next({submitCount:i.keepSubmitCount?s.submitCount:0,isDirty:u?!1:i.keepDirty?s.isDirty:!!(i.keepDefaultValues&&!ee(t,c)),isSubmitted:i.keepIsSubmitted?s.isSubmitted:!1,dirtyFields:u?{}:i.keepDirtyValues?i.keepDefaultValues&&n?de(c,n):s.dirtyFields:i.keepDefaultValues&&t?de(c,t):i.keepDirty?s.dirtyFields:{},touchedFields:i.keepTouched?s.touchedFields:{},errors:i.keepErrors?s.errors:{},isSubmitSuccessful:i.keepIsSubmitSuccessful?s.isSubmitSuccessful:!1,isSubmitting:!1})},Xe=(t,i)=>Qe(z(t)?t(n):t,i);return{control:{register:Be,unregister:Ee,getFieldState:ze,handleSubmit:Je,setError:$e,_executeSchema:te,_getWatch:k,_getDirty:v,_updateValid:Y,_removeUnmounted:xe,_updateFieldArray:m,_updateDisabledField:Ke,_getFieldArray:S,_reset:Qe,_resetDefaultValues:()=>z(r.defaultValues)&&r.defaultValues().then(t=>{Xe(t,r.resetOptions),x.state.next({isLoading:!1})}),_updateFormState:t=>{s={...s,...t}},_disableForm:Ht,_subjects:x,_proxyFormState:_,_setErrors:Q,get _fields(){return a},get _formValues(){return n},get _state(){return f},set _state(t){f=t},get _defaultValues(){return c},get _names(){return h},set _names(t){h=t},get _formState(){return s},set _formState(t){s=t},get _options(){return r},set _options(t){r={...r,...t}}},trigger:ue,register:Be,handleSubmit:Je,watch:Ot,setValue:H,getValues:qe,reset:Xe,resetField:Nt,clearErrors:Rt,unregister:Ee,setError:$e,setFocus:(t,i={})=>{const o=y(a,t),d=o&&o._f;if(d){const u=d.refs?d.refs[0]:d.ref;u.focus&&(u.focus(),i.shouldSelect&&z(u.select)&&u.select())}},getFieldState:ze}}function ur(e={}){const r=P.useRef(void 0),s=P.useRef(void 0),[a,c]=P.useState({isDirty:!1,isValidating:!1,isLoading:z(e.defaultValues),isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,submitCount:0,dirtyFields:{},touchedFields:{},validatingFields:{},errors:e.errors||{},disabled:e.disabled||!1,defaultValues:z(e.defaultValues)?void 0:e.defaultValues});r.current||(r.current={...lr(e),formState:a});const n=r.current.control;return n._options=e,Qt({subject:n._subjects.state,next:f=>{Jt(f,n._proxyFormState,n._updateFormState)&&c({...n._formState})}}),P.useEffect(()=>n._disableForm(e.disabled),[n,e.disabled]),P.useEffect(()=>{if(n._proxyFormState.isDirty){const f=n._getDirty();f!==a.isDirty&&n._subjects.state.next({isDirty:f})}},[n,a.isDirty]),P.useEffect(()=>{e.values&&!ee(e.values,s.current)?(n._reset(e.values,n._options.resetOptions),s.current=e.values,c(f=>({...f}))):n._resetDefaultValues()},[e.values,n]),P.useEffect(()=>{e.errors&&n._setErrors(e.errors)},[e.errors,n]),P.useEffect(()=>{n._state.mount||(n._updateValid(),n._state.mount=!0),n._state.watch&&(n._state.watch=!1,n._subjects.state.next({...n._formState})),n._removeUnmounted()}),P.useEffect(()=>{e.shouldUnregister&&n._subjects.values.next({values:n._getWatch()})},[e.shouldUnregister,n]),r.current.formState=Yt(a,n),r.current}const Ur={title:"Components/Checkbox/Tests",component:ne,parameters:{controls:{disable:!0},chromatic:{disableSnapshot:!0}},tags:["!autodocs","!a11y-test","test"]},me={render:function(){return q.jsx(ne,{"aria-label":"checkboxLabel","aria-labelledby":"checkboxLabelledby","aria-describedby":"checkboxDescribedby",hasError:!0})},play:async({canvasElement:e})=>{const s=Vt(e).getByRole("checkbox");w(s).toHaveAttribute("aria-label","checkboxLabel"),w(s).toHaveAttribute("aria-labelledby","checkboxLabelledby"),w(s).toHaveAttribute("aria-describedby","checkboxDescribedby"),w(s).toHaveAttribute("aria-invalid","true")}},ke={args:{onCheckedChange:He()},render:function({onCheckedChange:r}){return q.jsx(ne,{"aria-label":"checkbox",indeterminate:!0,onCheckedChange:r})},play:async({canvas:e,step:r,args:s})=>{const a=e.getByLabelText("checkbox");if(!(a instanceof HTMLInputElement))throw new Error("Expected Consent all cookies to be an HTMLInputElement");await r('Initial state"',async()=>{w(a).not.toBeChecked(),w(a).toHaveAttribute("aria-checked","mixed"),w(a.indeterminate,"Indeterminate check").toBe(!0)}),await r('Click the checkbox"',async()=>{await oe.click(a),w(a).toBeChecked(),w(a).toHaveAttribute("aria-checked","mixed"),w(a.indeterminate,"Indeterminate check").toBe(!0),w(s.onCheckedChange).toBeCalledWith(!0)}),await r('Click the checkbox"',async()=>{await oe.click(a),w(a).not.toBeChecked(),w(a).toHaveAttribute("aria-checked","mixed"),w(a.indeterminate,"Indeterminate check").toBe(!0),w(s.onCheckedChange).toBeCalledWith(!1)})}},pe={render:function(){return q.jsx(ne,{dataset:{foo:1,bar:"2",baz:!1},"aria-label":"checkbox"})},play:async({canvas:e})=>{const r=e.getByRole("checkbox");w(r).toHaveAttribute("data-foo","1"),w(r).toHaveAttribute("data-bar","2"),w(r).toHaveAttribute("data-baz","false")}},_e={render:function(){return q.jsx(Wt,{content:"This is a tooltip",trigger:"hover-and-touch",dataset:{testid:"tooltip"},children:q.jsx(ne,{"aria-label":"checkbox"})})},play:async({canvasElement:e,step:r})=>{const s=Vt(e),a=s.getByRole("checkbox");await r("hover trigger element",async()=>{await oe.hover(a)}),await r("tooltip should be shown",async()=>{await Ne(()=>{const c=s.getByTestId("tooltip");return w(c).toBeVisible()})}),await r("unhover trigger element",async()=>{await oe.unhover(a)}),await r("tooltip should be hidden",async()=>{await Ne(()=>{const c=s.queryByTestId("tooltip");return w(c).toBeNull()})})}},we={args:{onSubmit:He(),onSubmitFormData:He()},render:function(r){const s=ur(),a=(c,n)=>{var f,h;(f=r.onSubmit)==null||f.call(r,n),(h=r.onSubmitFormData)==null||h.call(r,c),s.reset()};return q.jsxs(et,{gap:"32",children:[q.jsx(et,{gap:"16",children:q.jsxs("label",{htmlFor:"privacy-checkbox",children:[q.jsx(ne,{id:"privacy-checkbox",...s.register("privacy")}),"I accept the Privacy Policy"]})}),q.jsx(jt,{onClick:s.handleSubmit(a),children:"Register"})]})},play:async({canvas:e,args:r})=>{await oe.click(e.getByLabelText("I accept the Privacy Policy")),await oe.click(e.getByRole("button",{name:"Register"})),await Ne(()=>w(r.onSubmitFormData).toBeCalledWith({privacy:!0}))}};var dt,ft,yt;me.parameters={...me.parameters,docs:{...(dt=me.parameters)==null?void 0:dt.docs,source:{originalSource:`{
2
2
  render: function Story() {
3
3
  return <Checkbox aria-label="checkboxLabel" aria-labelledby="checkboxLabelledby" aria-describedby="checkboxDescribedby" hasError />;
4
4
  },