@fluentui/react-button 0.0.0-nightly-20230223-2115.1 → 0.0.0-nightly-20230227-0424.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (134) hide show
  1. package/CHANGELOG.json +15 -15
  2. package/CHANGELOG.md +10 -10
  3. package/lib/Button.js.map +1 -1
  4. package/lib/CompoundButton.js.map +1 -1
  5. package/lib/MenuButton.js.map +1 -1
  6. package/lib/SplitButton.js.map +1 -1
  7. package/lib/ToggleButton.js.map +1 -1
  8. package/lib/components/Button/Button.js.map +1 -1
  9. package/lib/components/Button/Button.types.js.map +1 -1
  10. package/lib/components/Button/index.js.map +1 -1
  11. package/lib/components/Button/renderButton.js +7 -2
  12. package/lib/components/Button/renderButton.js.map +1 -1
  13. package/lib/components/Button/useButton.js +1 -2
  14. package/lib/components/Button/useButton.js.map +1 -1
  15. package/lib/components/Button/useButtonStyles.js.map +1 -1
  16. package/lib/components/CompoundButton/CompoundButton.js.map +1 -1
  17. package/lib/components/CompoundButton/CompoundButton.types.js.map +1 -1
  18. package/lib/components/CompoundButton/index.js.map +1 -1
  19. package/lib/components/CompoundButton/renderCompoundButton.js +11 -2
  20. package/lib/components/CompoundButton/renderCompoundButton.js.map +1 -1
  21. package/lib/components/CompoundButton/useCompoundButton.js +7 -9
  22. package/lib/components/CompoundButton/useCompoundButton.js.map +1 -1
  23. package/lib/components/CompoundButton/useCompoundButtonStyles.js.map +1 -1
  24. package/lib/components/MenuButton/MenuButton.js.map +1 -1
  25. package/lib/components/MenuButton/MenuButton.types.js.map +1 -1
  26. package/lib/components/MenuButton/index.js.map +1 -1
  27. package/lib/components/MenuButton/renderMenuButton.js +7 -2
  28. package/lib/components/MenuButton/renderMenuButton.js.map +1 -1
  29. package/lib/components/MenuButton/useMenuButton.js +6 -6
  30. package/lib/components/MenuButton/useMenuButton.js.map +1 -1
  31. package/lib/components/MenuButton/useMenuButtonStyles.js.map +1 -1
  32. package/lib/components/SplitButton/SplitButton.js.map +1 -1
  33. package/lib/components/SplitButton/SplitButton.types.js.map +1 -1
  34. package/lib/components/SplitButton/index.js.map +1 -1
  35. package/lib/components/SplitButton/renderSplitButton.js +7 -2
  36. package/lib/components/SplitButton/renderSplitButton.js.map +1 -1
  37. package/lib/components/SplitButton/useSplitButton.js +0 -1
  38. package/lib/components/SplitButton/useSplitButton.js.map +1 -1
  39. package/lib/components/SplitButton/useSplitButtonStyles.js.map +1 -1
  40. package/lib/components/ToggleButton/ToggleButton.js.map +1 -1
  41. package/lib/components/ToggleButton/ToggleButton.types.js.map +1 -1
  42. package/lib/components/ToggleButton/index.js.map +1 -1
  43. package/lib/components/ToggleButton/renderToggleButton.js.map +1 -1
  44. package/lib/components/ToggleButton/useToggleButton.js +0 -1
  45. package/lib/components/ToggleButton/useToggleButton.js.map +1 -1
  46. package/lib/components/ToggleButton/useToggleButtonStyles.js.map +1 -1
  47. package/lib/contexts/ButtonContext.js +4 -1
  48. package/lib/contexts/ButtonContext.js.map +1 -1
  49. package/lib/contexts/index.js.map +1 -1
  50. package/lib/index.js.map +1 -1
  51. package/lib/utils/index.js.map +1 -1
  52. package/lib/utils/useToggleState.js.map +1 -1
  53. package/lib-commonjs/Button.js +4 -5
  54. package/lib-commonjs/Button.js.map +1 -1
  55. package/lib-commonjs/CompoundButton.js +4 -5
  56. package/lib-commonjs/CompoundButton.js.map +1 -1
  57. package/lib-commonjs/MenuButton.js +4 -5
  58. package/lib-commonjs/MenuButton.js.map +1 -1
  59. package/lib-commonjs/SplitButton.js +4 -5
  60. package/lib-commonjs/SplitButton.js.map +1 -1
  61. package/lib-commonjs/ToggleButton.js +4 -5
  62. package/lib-commonjs/ToggleButton.js.map +1 -1
  63. package/lib-commonjs/components/Button/Button.js +16 -16
  64. package/lib-commonjs/components/Button/Button.js.map +1 -1
  65. package/lib-commonjs/components/Button/Button.types.js +2 -3
  66. package/lib-commonjs/components/Button/Button.types.js.map +1 -1
  67. package/lib-commonjs/components/Button/index.js +19 -17
  68. package/lib-commonjs/components/Button/index.js.map +1 -1
  69. package/lib-commonjs/components/Button/renderButton.js +26 -16
  70. package/lib-commonjs/components/Button/renderButton.js.map +1 -1
  71. package/lib-commonjs/components/Button/useButton.js +52 -40
  72. package/lib-commonjs/components/Button/useButton.js.map +1 -1
  73. package/lib-commonjs/components/Button/useButtonStyles.js +471 -1129
  74. package/lib-commonjs/components/Button/useButtonStyles.js.map +1 -1
  75. package/lib-commonjs/components/CompoundButton/CompoundButton.js +16 -16
  76. package/lib-commonjs/components/CompoundButton/CompoundButton.js.map +1 -1
  77. package/lib-commonjs/components/CompoundButton/CompoundButton.types.js +2 -3
  78. package/lib-commonjs/components/CompoundButton/CompoundButton.types.js.map +1 -1
  79. package/lib-commonjs/components/CompoundButton/index.js +20 -18
  80. package/lib-commonjs/components/CompoundButton/index.js.map +1 -1
  81. package/lib-commonjs/components/CompoundButton/renderCompoundButton.js +30 -16
  82. package/lib-commonjs/components/CompoundButton/renderCompoundButton.js.map +1 -1
  83. package/lib-commonjs/components/CompoundButton/useCompoundButton.js +36 -32
  84. package/lib-commonjs/components/CompoundButton/useCompoundButton.js.map +1 -1
  85. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.js +184 -315
  86. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.js.map +1 -1
  87. package/lib-commonjs/components/MenuButton/MenuButton.js +17 -16
  88. package/lib-commonjs/components/MenuButton/MenuButton.js.map +1 -1
  89. package/lib-commonjs/components/MenuButton/MenuButton.types.js +2 -3
  90. package/lib-commonjs/components/MenuButton/MenuButton.types.js.map +1 -1
  91. package/lib-commonjs/components/MenuButton/index.js +20 -18
  92. package/lib-commonjs/components/MenuButton/index.js.map +1 -1
  93. package/lib-commonjs/components/MenuButton/renderMenuButton.js +26 -16
  94. package/lib-commonjs/components/MenuButton/renderMenuButton.js.map +1 -1
  95. package/lib-commonjs/components/MenuButton/useMenuButton.js +37 -34
  96. package/lib-commonjs/components/MenuButton/useMenuButton.js.map +1 -1
  97. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.js +106 -166
  98. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.js.map +1 -1
  99. package/lib-commonjs/components/SplitButton/SplitButton.js +17 -16
  100. package/lib-commonjs/components/SplitButton/SplitButton.js.map +1 -1
  101. package/lib-commonjs/components/SplitButton/SplitButton.types.js +2 -3
  102. package/lib-commonjs/components/SplitButton/SplitButton.types.js.map +1 -1
  103. package/lib-commonjs/components/SplitButton/index.js +20 -18
  104. package/lib-commonjs/components/SplitButton/index.js.map +1 -1
  105. package/lib-commonjs/components/SplitButton/renderSplitButton.js +22 -15
  106. package/lib-commonjs/components/SplitButton/renderSplitButton.js.map +1 -1
  107. package/lib-commonjs/components/SplitButton/useSplitButton.js +79 -66
  108. package/lib-commonjs/components/SplitButton/useSplitButton.js.map +1 -1
  109. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.js +106 -263
  110. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.js.map +1 -1
  111. package/lib-commonjs/components/ToggleButton/ToggleButton.js +16 -16
  112. package/lib-commonjs/components/ToggleButton/ToggleButton.js.map +1 -1
  113. package/lib-commonjs/components/ToggleButton/ToggleButton.types.js +2 -3
  114. package/lib-commonjs/components/ToggleButton/ToggleButton.types.js.map +1 -1
  115. package/lib-commonjs/components/ToggleButton/index.js +20 -18
  116. package/lib-commonjs/components/ToggleButton/index.js.map +1 -1
  117. package/lib-commonjs/components/ToggleButton/renderToggleButton.js +8 -6
  118. package/lib-commonjs/components/ToggleButton/renderToggleButton.js.map +1 -1
  119. package/lib-commonjs/components/ToggleButton/useToggleButton.js +16 -14
  120. package/lib-commonjs/components/ToggleButton/useToggleButton.js.map +1 -1
  121. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.js +380 -897
  122. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.js.map +1 -1
  123. package/lib-commonjs/contexts/ButtonContext.js +19 -17
  124. package/lib-commonjs/contexts/ButtonContext.js.map +1 -1
  125. package/lib-commonjs/contexts/index.js +4 -5
  126. package/lib-commonjs/contexts/index.js.map +1 -1
  127. package/lib-commonjs/index.js +179 -47
  128. package/lib-commonjs/index.js.map +1 -1
  129. package/lib-commonjs/utils/index.js +4 -5
  130. package/lib-commonjs/utils/index.js.map +1 -1
  131. package/lib-commonjs/utils/useToggleState.js +40 -40
  132. package/lib-commonjs/utils/useToggleState.js.map +1 -1
  133. package/package.json +9 -9
  134. package/.swcrc +0 -33
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Button/useButtonStyles.js"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { shorthands, __styles, __resetStyles, mergeClasses } from '@griffel/react';\nexport const buttonClassNames = {\n root: 'fui-Button',\n icon: 'fui-Button__icon'\n};\nconst iconSpacingVar = '--fui-Button__icon--spacing';\nconst buttonSpacingSmall = '3px';\nconst buttonSpacingSmallWithIcon = '1px';\nconst buttonSpacingMedium = '5px';\nconst buttonSpacingLarge = '8px';\nconst buttonSpacingLargeWithIcon = '7px';\nconst useRootBaseClassName = /*#__PURE__*/__resetStyles(\"rsawnvh\", \"r1eny37h\", [\".rsawnvh{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;text-decoration-line:none;vertical-align:middle;margin:0;overflow:hidden;background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);font-family:var(--fontFamilyBase);outline-style:none;padding:5px var(--spacingHorizontalM);min-width:96px;border-radius:var(--borderRadiusMedium);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase300);transition-duration:var(--durationFaster);transition-property:background,border,color;transition-timing-function:var(--curveEasyEase);}\", \".rsawnvh:hover{background-color:var(--colorNeutralBackground1Hover);border-color:var(--colorNeutralStroke1Hover);color:var(--colorNeutralForeground1Hover);cursor:pointer;}\", \".rsawnvh:hover .fui-Icon-filled{display:inline;}\", \".rsawnvh:hover .fui-Icon-regular{display:none;}\", \".rsawnvh:hover:active{background-color:var(--colorNeutralBackground1Pressed);border-color:var(--colorNeutralStroke1Pressed);color:var(--colorNeutralForeground1Pressed);outline-style:none;}\", \".rsawnvh:hover:active .fui-Icon-filled{display:inline;}\", \".rsawnvh:hover:active .fui-Icon-regular{display:none;}\", \"@media screen and (prefers-reduced-motion: reduce){.rsawnvh{transition-duration:0.01ms;}}\", \"@media (forced-colors: active){.rsawnvh:focus{border-color:ButtonText;}.rsawnvh:hover{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}.rsawnvh:hover:active{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}}\", \".rsawnvh:focus{outline-style:none;}\", \".rsawnvh:focus-visible{outline-style:none;}\", \".rsawnvh[data-fui-focus-visible]{border-color:var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);outline:var(--strokeWidthThick) solid var(--colorTransparentStroke);box-shadow:var(--shadow4),0 0 0 2px var(--colorStrokeFocus2);z-index:1;}\", \".r1eny37h{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;text-decoration-line:none;vertical-align:middle;margin:0;overflow:hidden;background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);font-family:var(--fontFamilyBase);outline-style:none;padding:5px var(--spacingHorizontalM);min-width:96px;border-radius:var(--borderRadiusMedium);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase300);transition-duration:var(--durationFaster);transition-property:background,border,color;transition-timing-function:var(--curveEasyEase);}\", \".r1eny37h:hover{background-color:var(--colorNeutralBackground1Hover);border-color:var(--colorNeutralStroke1Hover);color:var(--colorNeutralForeground1Hover);cursor:pointer;}\", \".r1eny37h:hover .fui-Icon-filled{display:inline;}\", \".r1eny37h:hover .fui-Icon-regular{display:none;}\", \".r1eny37h:hover:active{background-color:var(--colorNeutralBackground1Pressed);border-color:var(--colorNeutralStroke1Pressed);color:var(--colorNeutralForeground1Pressed);outline-style:none;}\", \".r1eny37h:hover:active .fui-Icon-filled{display:inline;}\", \".r1eny37h:hover:active .fui-Icon-regular{display:none;}\", \"@media screen and (prefers-reduced-motion: reduce){.r1eny37h{transition-duration:0.01ms;}}\", \"@media (forced-colors: active){.r1eny37h:focus{border-color:ButtonText;}.r1eny37h:hover{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}.r1eny37h:hover:active{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}}\", \".r1eny37h:focus{outline-style:none;}\", \".r1eny37h:focus-visible{outline-style:none;}\", \".r1eny37h[data-fui-focus-visible]{border-color:var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);outline:var(--strokeWidthThick) solid var(--colorTransparentStroke);box-shadow:var(--shadow4),0 0 0 2px var(--colorStrokeFocus2);z-index:1;}\"]);\nconst useIconBaseClassName = /*#__PURE__*/__resetStyles(\"rywnvv2\", null, [\".rywnvv2{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;font-size:20px;height:20px;width:20px;--fui-Button__icon--spacing:var(--spacingHorizontalSNudge);}\"]);\nconst useRootStyles = /*#__PURE__*/__styles({\n outline: {\n De3pzq: \"f1c21dwh\",\n Jwef8y: \"fjxutwb\",\n iro3zm: \"fwiml72\"\n },\n primary: {\n De3pzq: \"ffp7eso\",\n g2u3we: \"f1p3nwhy\",\n h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n B9xav0g: \"f1q5o8ev\",\n zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n sj55zd: \"f1phragk\",\n Jwef8y: \"f15wkkf3\",\n Bgoe8wy: \"f1s2uweq\",\n Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n oetu4i: \"f1ukrpxl\",\n gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n Bi91k9c: \"f1rq72xc\",\n iro3zm: \"fnp9lpt\",\n b661bw: \"f1h0usnq\",\n Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n B9zn80p: \"f16h9ulv\",\n Bpld233: [\"fx2bmrt\", \"fs4ktlq\"],\n B2d53fq: \"f1d6v5y2\",\n Bsw6fvg: \"f1rirnrt\",\n Bjwas2f: \"f1uu00uk\",\n Bn1d65q: [\"fkvaka8\", \"f9a0qzu\"],\n Bxeuatn: \"f1ux7til\",\n n51gp8: [\"f9a0qzu\", \"fkvaka8\"],\n Bbusuzp: \"f1lkg8j3\",\n ycbfsm: \"fkc42ay\",\n Bqrx1nm: \"fq7113v\",\n pgvf35: \"ff1wgvm\",\n Bh7lczh: [\"fiob0tu\", \"f1x4h75k\"],\n dpv3f4: \"f1j6scgf\",\n Bpnjhaq: [\"f1x4h75k\", \"fiob0tu\"],\n ze5xyy: \"f4xjyn1\",\n g2kj27: \"fbgcvur\",\n Bf756sw: \"f1ks1yx8\",\n Bow2dr7: [\"f1o6qegi\", \"fmxjhhp\"],\n Bvhedfk: \"fcnxywj\",\n Gye4lf: [\"fmxjhhp\", \"f1o6qegi\"],\n pc6evw: \"f9ddjv3\"\n },\n secondary: {},\n subtle: {\n De3pzq: \"fhovq9v\",\n g2u3we: \"f1p3nwhy\",\n h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n B9xav0g: \"f1q5o8ev\",\n zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n sj55zd: \"fkfq4zb\",\n Jwef8y: \"f1t94bn6\",\n Bgoe8wy: \"f1s2uweq\",\n Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n oetu4i: \"f1ukrpxl\",\n gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n Bi91k9c: \"fnwyq0v\",\n Bbdnnc7: \"fy5bs14\",\n iro3zm: \"fsv2rcd\",\n b661bw: \"f1h0usnq\",\n Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n B9zn80p: \"f16h9ulv\",\n Bpld233: [\"fx2bmrt\", \"fs4ktlq\"],\n B2d53fq: \"f1omzyqd\",\n x3br3k: \"fj8yq94\"\n },\n transparent: {\n De3pzq: \"f1c21dwh\",\n g2u3we: \"f1p3nwhy\",\n h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n B9xav0g: \"f1q5o8ev\",\n zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n sj55zd: \"fkfq4zb\",\n Jwef8y: \"fjxutwb\",\n Bgoe8wy: \"f1s2uweq\",\n Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n oetu4i: \"f1ukrpxl\",\n gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n Bi91k9c: \"f139oj5f\",\n iro3zm: \"fwiml72\",\n b661bw: \"f1h0usnq\",\n Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n B9zn80p: \"f16h9ulv\",\n Bpld233: [\"fx2bmrt\", \"fs4ktlq\"],\n B2d53fq: \"f1fg1p5m\"\n },\n circular: {\n Bbmb7ep: [\"f8fbkgy\", \"f1nfllo7\"],\n Beyfa6y: [\"f1nfllo7\", \"f8fbkgy\"],\n B7oj6ja: [\"f1djnp8u\", \"f1s8kh49\"],\n Btl43ni: [\"f1s8kh49\", \"f1djnp8u\"]\n },\n rounded: {},\n square: {\n Bbmb7ep: [\"fzi6hpg\", \"fyowgf4\"],\n Beyfa6y: [\"fyowgf4\", \"fzi6hpg\"],\n B7oj6ja: [\"f3fg2lr\", \"f13av6d4\"],\n Btl43ni: [\"f13av6d4\", \"f3fg2lr\"]\n },\n small: {\n Bf4jedk: \"fh7ncta\",\n z8tnut: \"f1khb0e9\",\n z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n Byoj8tv: \"f1jnq6q7\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"],\n Bbmb7ep: [\"fclariu\", \"fyjfh2l\"],\n Beyfa6y: [\"fyjfh2l\", \"fclariu\"],\n B7oj6ja: [\"f11xeu6h\", \"f1knf8zw\"],\n Btl43ni: [\"f1knf8zw\", \"f11xeu6h\"],\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\"\n },\n smallWithIcon: {\n Byoj8tv: \"f1brlhvm\",\n z8tnut: \"f1sl3k7w\"\n },\n medium: {},\n large: {\n Bf4jedk: \"f14es27b\",\n z8tnut: \"fp9bwmr\",\n z189sj: [\"fjodcmx\", \"fhx4nu\"],\n Byoj8tv: \"f150uoa4\",\n uwmqm3: [\"fhx4nu\", \"fjodcmx\"],\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n Be2twd7: \"fod5ikn\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"faaz57k\"\n },\n largeWithIcon: {\n Byoj8tv: \"fy7v416\",\n z8tnut: \"f1a1bwwz\"\n }\n}, {\n d: [\".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".ffp7eso{background-color:var(--colorBrandBackground);}\", \".f1p3nwhy{border-top-color:transparent;}\", \".f11589ue{border-right-color:transparent;}\", \".f1pdflbu{border-left-color:transparent;}\", \".f1q5o8ev{border-bottom-color:transparent;}\", \".f1phragk{color:var(--colorNeutralForegroundOnBrand);}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}\", \".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}\", \".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}\", \".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}\", \".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}\", \".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}\", \".fh7ncta{min-width:64px;}\", \".f1khb0e9{padding-top:3px;}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1jnq6q7{padding-bottom:3px;}\", \".fclariu{border-bottom-right-radius:3px;}\", \".fyjfh2l{border-bottom-left-radius:3px;}\", \".f11xeu6h{border-top-right-radius:3px;}\", \".f1knf8zw{border-top-left-radius:3px;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1brlhvm{padding-bottom:1px;}\", \".f1sl3k7w{padding-top:1px;}\", \".f14es27b{min-width:96px;}\", \".fp9bwmr{padding-top:8px;}\", \".fjodcmx{padding-right:var(--spacingHorizontalL);}\", \".fhx4nu{padding-left:var(--spacingHorizontalL);}\", \".f150uoa4{padding-bottom:8px;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".fy7v416{padding-bottom:7px;}\", \".f1a1bwwz{padding-top:7px;}\"],\n h: [\".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\", \".fwiml72:hover:active{background-color:var(--colorTransparentBackgroundPressed);}\", \".f15wkkf3:hover{background-color:var(--colorBrandBackgroundHover);}\", \".f1s2uweq:hover{border-top-color:transparent;}\", \".fr80ssc:hover{border-right-color:transparent;}\", \".fecsdlb:hover{border-left-color:transparent;}\", \".f1ukrpxl:hover{border-bottom-color:transparent;}\", \".f1rq72xc:hover{color:var(--colorNeutralForegroundOnBrand);}\", \".fnp9lpt:hover:active{background-color:var(--colorBrandBackgroundPressed);}\", \".f1h0usnq:hover:active{border-top-color:transparent;}\", \".fs4ktlq:hover:active{border-right-color:transparent;}\", \".fx2bmrt:hover:active{border-left-color:transparent;}\", \".f16h9ulv:hover:active{border-bottom-color:transparent;}\", \".f1d6v5y2:hover:active{color:var(--colorNeutralForegroundOnBrand);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}\", \".fy5bs14:hover .fui-Button__icon{color:var(--colorNeutralForeground2BrandHover);}\", \".fsv2rcd:hover:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f1omzyqd:hover:active{color:var(--colorNeutralForeground2Pressed);}\", \".fj8yq94:hover:active .fui-Button__icon{color:var(--colorNeutralForeground2BrandPressed);}\", \".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}\", \".f1fg1p5m:hover:active{color:var(--colorNeutralForeground2BrandPressed);}\"],\n m: [[\"@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1uu00uk{border-top-color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fkvaka8{border-right-color:HighlightText;}.f9a0qzu{border-left-color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1ux7til{border-bottom-color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f9a0qzu{border-left-color:HighlightText;}.fkvaka8{border-right-color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1lkg8j3{color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fq7113v:hover{background-color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.ff1wgvm:hover{border-top-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fiob0tu:hover{border-right-color:Highlight;}.f1x4h75k:hover{border-left-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1j6scgf:hover{border-bottom-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1x4h75k:hover{border-left-color:Highlight;}.fiob0tu:hover{border-right-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f4xjyn1:hover{color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fbgcvur:hover:active{background-color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1ks1yx8:hover:active{border-top-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1o6qegi:hover:active{border-right-color:Highlight;}.fmxjhhp:hover:active{border-left-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fcnxywj:hover:active{border-bottom-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fmxjhhp:hover:active{border-left-color:Highlight;}.f1o6qegi:hover:active{border-right-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f9ddjv3:hover:active{color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\nconst useRootDisabledStyles = /*#__PURE__*/__styles({\n base: {\n De3pzq: \"f1bg9a2p\",\n g2u3we: \"f1jj8ep1\",\n h3c5rm: [\"f15xbau\", \"fy0fskl\"],\n B9xav0g: \"f4ikngz\",\n zhjwy3: [\"fy0fskl\", \"f15xbau\"],\n sj55zd: \"f1s2aq7o\",\n Bceei9c: \"fdrzuqr\",\n Jwef8y: \"f1falr9n\",\n Bgoe8wy: \"f12mpcsy\",\n Bwzppfd: [\"f1gwvigk\", \"f18rmfxp\"],\n oetu4i: \"f1jnshp0\",\n gg5e9n: [\"f18rmfxp\", \"f1gwvigk\"],\n Bi91k9c: \"fvgxktp\",\n eoavqd: \"fphbwmw\",\n Bk3fhr4: \"f19vpps7\",\n Bmfj8id: \"fv5swzo\",\n iro3zm: \"f1t6o4dc\",\n b661bw: \"f10ztigi\",\n Bk6r4ia: [\"f1ft5sdu\", \"f1gzf82w\"],\n B9zn80p: \"f12zbtn2\",\n Bpld233: [\"f1gzf82w\", \"f1ft5sdu\"],\n B2d53fq: \"fcvwxyo\",\n c3iz72: \"f8w4c43\",\n em6i61: \"f1ol4fw6\",\n vm6p8p: \"f1q1lw4e\"\n },\n highContrast: {\n Bsw6fvg: \"f4lkoma\",\n Bjwas2f: \"fg455y9\",\n Bn1d65q: [\"f1rvyvqg\", \"f14g86mu\"],\n Bxeuatn: \"f1cwzwz\",\n n51gp8: [\"f14g86mu\", \"f1rvyvqg\"],\n Bbusuzp: \"f1dcs8yz\",\n G867l3: \"fjwq6ea\",\n gdbnj: [\"f1lr3nhc\", \"f1mbxvi6\"],\n mxns5l: \"fn5gmvv\",\n o3nasb: [\"f1mbxvi6\", \"f1lr3nhc\"],\n Bqrx1nm: \"f1vmkb5g\",\n pgvf35: \"f53ppgq\",\n Bh7lczh: [\"f1663y11\", \"f80fkiy\"],\n dpv3f4: \"f18v5270\",\n Bpnjhaq: [\"f80fkiy\", \"f1663y11\"],\n ze5xyy: \"f1kc2mi9\",\n g2kj27: \"f1y0svfh\",\n Bf756sw: \"fihuait\",\n Bow2dr7: [\"fnxhupq\", \"fyd6l6x\"],\n Bvhedfk: \"fx507ft\",\n Gye4lf: [\"fyd6l6x\", \"fnxhupq\"],\n pc6evw: \"fb3rf2x\"\n },\n outline: {\n De3pzq: \"f1c21dwh\",\n Jwef8y: \"f9ql6rf\",\n iro3zm: \"f3h1zc4\"\n },\n primary: {\n g2u3we: \"f1p3nwhy\",\n h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n B9xav0g: \"f1q5o8ev\",\n zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n Bgoe8wy: \"f1s2uweq\",\n Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n oetu4i: \"f1ukrpxl\",\n gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n b661bw: \"f1h0usnq\",\n Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n B9zn80p: \"f16h9ulv\",\n Bpld233: [\"fx2bmrt\", \"fs4ktlq\"]\n },\n secondary: {},\n subtle: {\n De3pzq: \"f1c21dwh\",\n g2u3we: \"f1p3nwhy\",\n h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n B9xav0g: \"f1q5o8ev\",\n zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n Jwef8y: \"f9ql6rf\",\n Bgoe8wy: \"f1s2uweq\",\n Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n oetu4i: \"f1ukrpxl\",\n gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n iro3zm: \"f3h1zc4\",\n b661bw: \"f1h0usnq\",\n Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n B9zn80p: \"f16h9ulv\",\n Bpld233: [\"fx2bmrt\", \"fs4ktlq\"]\n },\n transparent: {\n De3pzq: \"f1c21dwh\",\n g2u3we: \"f1p3nwhy\",\n h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n B9xav0g: \"f1q5o8ev\",\n zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n Jwef8y: \"f9ql6rf\",\n Bgoe8wy: \"f1s2uweq\",\n Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n oetu4i: \"f1ukrpxl\",\n gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n iro3zm: \"f3h1zc4\",\n b661bw: \"f1h0usnq\",\n Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n B9zn80p: \"f16h9ulv\",\n Bpld233: [\"fx2bmrt\", \"fs4ktlq\"]\n }\n}, {\n d: [\".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}\", \".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fdrzuqr{cursor:not-allowed;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1p3nwhy{border-top-color:transparent;}\", \".f11589ue{border-right-color:transparent;}\", \".f1pdflbu{border-left-color:transparent;}\", \".f1q5o8ev{border-bottom-color:transparent;}\"],\n h: [\".f1falr9n:hover{background-color:var(--colorNeutralBackgroundDisabled);}\", \".f12mpcsy:hover{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f1gwvigk:hover{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".f18rmfxp:hover{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f1jnshp0:hover{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}\", \".fphbwmw:hover{cursor:not-allowed;}\", \".f19vpps7:hover .fui-Icon-filled{display:none;}\", \".fv5swzo:hover .fui-Icon-regular{display:inline;}\", \".f1t6o4dc:hover:active{background-color:var(--colorNeutralBackgroundDisabled);}\", \".f10ztigi:hover:active{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f1ft5sdu:hover:active{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".f1gzf82w:hover:active{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f12zbtn2:hover:active{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".fcvwxyo:hover:active{color:var(--colorNeutralForegroundDisabled);}\", \".f8w4c43:hover:active{cursor:not-allowed;}\", \".f1ol4fw6:hover:active .fui-Icon-filled{display:none;}\", \".f1q1lw4e:hover:active .fui-Icon-regular{display:inline;}\", \".f9ql6rf:hover{background-color:var(--colorTransparentBackground);}\", \".f3h1zc4:hover:active{background-color:var(--colorTransparentBackground);}\", \".f1s2uweq:hover{border-top-color:transparent;}\", \".fr80ssc:hover{border-right-color:transparent;}\", \".fecsdlb:hover{border-left-color:transparent;}\", \".f1ukrpxl:hover{border-bottom-color:transparent;}\", \".f1h0usnq:hover:active{border-top-color:transparent;}\", \".fs4ktlq:hover:active{border-right-color:transparent;}\", \".fx2bmrt:hover:active{border-left-color:transparent;}\", \".f16h9ulv:hover:active{border-bottom-color:transparent;}\"],\n m: [[\"@media (forced-colors: active){.f4lkoma{background-color:ButtonFace;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1rvyvqg{border-right-color:GrayText;}.f14g86mu{border-left-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1cwzwz{border-bottom-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fjwq6ea:focus{border-top-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1lr3nhc:focus{border-right-color:GrayText;}.f1mbxvi6:focus{border-left-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fn5gmvv:focus{border-bottom-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1mbxvi6:focus{border-left-color:GrayText;}.f1lr3nhc:focus{border-right-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1vmkb5g:hover{background-color:ButtonFace;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f53ppgq:hover{border-top-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1663y11:hover{border-right-color:GrayText;}.f80fkiy:hover{border-left-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f18v5270:hover{border-bottom-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f80fkiy:hover{border-left-color:GrayText;}.f1663y11:hover{border-right-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1kc2mi9:hover{color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1y0svfh:hover:active{background-color:ButtonFace;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fihuait:hover:active{border-top-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fnxhupq:hover:active{border-right-color:GrayText;}.fyd6l6x:hover:active{border-left-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fx507ft:hover:active{border-bottom-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fyd6l6x:hover:active{border-left-color:GrayText;}.fnxhupq:hover:active{border-right-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fb3rf2x:hover:active{color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\nconst useRootFocusStyles = /*#__PURE__*/__styles({\n circular: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n kdpuga: [\"fanj13w\", \"f1gou5sz\"],\n Bw81rd7: [\"f1gou5sz\", \"fanj13w\"],\n B6xbmo0: [\"fulf6x3\", \"foeb2x\"],\n dm238s: [\"foeb2x\", \"fulf6x3\"]\n },\n rounded: {},\n square: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n kdpuga: [\"f1ndz5i7\", \"f1co4qro\"],\n Bw81rd7: [\"f1co4qro\", \"f1ndz5i7\"],\n B6xbmo0: [\"f146y5a9\", \"f1k2ftg\"],\n dm238s: [\"f1k2ftg\", \"f146y5a9\"]\n },\n primary: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n B8q5s1w: \"f15my96h\",\n Bci5o5g: [\"f8yq1e5\", \"f59w28j\"],\n n8qw10: \"f1mze7uc\",\n Bdrgwmp: [\"f59w28j\", \"f8yq1e5\"],\n j6ew2k: \"ftbnf46\"\n },\n small: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n kdpuga: [\"fg3gtdo\", \"fwii5mg\"],\n Bw81rd7: [\"fwii5mg\", \"fg3gtdo\"],\n B6xbmo0: [\"f1palphq\", \"f12nxie7\"],\n dm238s: [\"f12nxie7\", \"f1palphq\"]\n },\n medium: {},\n large: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n kdpuga: [\"ft3lys4\", \"f1la4x2g\"],\n Bw81rd7: [\"f1la4x2g\", \"ft3lys4\"],\n B6xbmo0: [\"f156y0zm\", \"fakimq4\"],\n dm238s: [\"fakimq4\", \"f156y0zm\"]\n }\n}, {\n f: [\".ftqa4ok:focus{outline-style:none;}\"],\n i: [\".f2hkw1w:focus-visible{outline-style:none;}\"],\n d: [\".fanj13w[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f1gou5sz[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".fulf6x3[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusCircular);}\", \".foeb2x[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusCircular);}\", \".f1ndz5i7[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusNone);}\", \".f1co4qro[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusNone);}\", \".f146y5a9[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusNone);}\", \".f1k2ftg[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusNone);}\", \".f15my96h[data-fui-focus-visible]{border-top-color:var(--colorNeutralForegroundOnBrand);}\", \".f8yq1e5[data-fui-focus-visible]{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".f59w28j[data-fui-focus-visible]{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".f1mze7uc[data-fui-focus-visible]{border-bottom-color:var(--colorNeutralForegroundOnBrand);}\", \".ftbnf46[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 2px var(--colorStrokeFocus2);}\", \".fg3gtdo[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusSmall);}\", \".fwii5mg[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusSmall);}\", \".f1palphq[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusSmall);}\", \".f12nxie7[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusSmall);}\", \".ft3lys4[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusLarge);}\", \".f1la4x2g[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusLarge);}\", \".f156y0zm[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusLarge);}\", \".fakimq4[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusLarge);}\"]\n});\nconst useRootIconOnlyStyles = /*#__PURE__*/__styles({\n small: {\n z8tnut: \"f1sl3k7w\",\n z189sj: [\"f136y8j8\", \"f10xn8zz\"],\n Byoj8tv: \"f1brlhvm\",\n uwmqm3: [\"f10xn8zz\", \"f136y8j8\"],\n Bf4jedk: \"f17fgpbq\",\n B2u0y6b: \"f1jt17bm\"\n },\n medium: {\n z8tnut: \"f1sbtcvk\",\n z189sj: [\"fwiuce9\", \"f15vdbe4\"],\n Byoj8tv: \"fdghr9\",\n uwmqm3: [\"f15vdbe4\", \"fwiuce9\"],\n Bf4jedk: \"fwbmr0d\",\n B2u0y6b: \"f44c6la\"\n },\n large: {\n z8tnut: \"f1a1bwwz\",\n z189sj: [\"f18k1jr3\", \"f1rtp3s9\"],\n Byoj8tv: \"fy7v416\",\n uwmqm3: [\"f1rtp3s9\", \"f18k1jr3\"],\n Bf4jedk: \"f12clzc2\",\n B2u0y6b: \"fjy1crr\"\n }\n}, {\n d: [\".f1sl3k7w{padding-top:1px;}\", \".f136y8j8{padding-right:1px;}\", \".f10xn8zz{padding-left:1px;}\", \".f1brlhvm{padding-bottom:1px;}\", \".f17fgpbq{min-width:24px;}\", \".f1jt17bm{max-width:24px;}\", \".f1sbtcvk{padding-top:5px;}\", \".fwiuce9{padding-right:5px;}\", \".f15vdbe4{padding-left:5px;}\", \".fdghr9{padding-bottom:5px;}\", \".fwbmr0d{min-width:32px;}\", \".f44c6la{max-width:32px;}\", \".f1a1bwwz{padding-top:7px;}\", \".f18k1jr3{padding-right:7px;}\", \".f1rtp3s9{padding-left:7px;}\", \".fy7v416{padding-bottom:7px;}\", \".f12clzc2{min-width:40px;}\", \".fjy1crr{max-width:40px;}\"]\n});\nconst useIconStyles = /*#__PURE__*/__styles({\n small: {\n Be2twd7: \"fe5j1ua\",\n Bqenvij: \"fjamq6b\",\n a9b677: \"f64fuq3\",\n Bqrlyyl: \"fbaiahx\"\n },\n medium: {},\n large: {\n Be2twd7: \"f1rt2boy\",\n Bqenvij: \"frvgh55\",\n a9b677: \"fq4mcun\",\n Bqrlyyl: \"f1exjqw5\"\n },\n before: {\n t21cq0: [\"f1nizpg2\", \"f1a695kz\"]\n },\n after: {\n Frg6f3: [\"f1a695kz\", \"f1nizpg2\"]\n }\n}, {\n d: [\".fe5j1ua{font-size:20px;}\", \".fjamq6b{height:20px;}\", \".f64fuq3{width:20px;}\", \".fbaiahx{--fui-Button__icon--spacing:var(--spacingHorizontalXS);}\", \".f1rt2boy{font-size:24px;}\", \".frvgh55{height:24px;}\", \".fq4mcun{width:24px;}\", \".f1exjqw5{--fui-Button__icon--spacing:var(--spacingHorizontalSNudge);}\", \".f1nizpg2{margin-right:var(--fui-Button__icon--spacing);}\", \".f1a695kz{margin-left:var(--fui-Button__icon--spacing);}\"]\n});\nexport const useButtonStyles_unstable = state => {\n const rootBaseClassName = useRootBaseClassName();\n const iconBaseClassName = useIconBaseClassName();\n const rootStyles = useRootStyles();\n const rootDisabledStyles = useRootDisabledStyles();\n const rootFocusStyles = useRootFocusStyles();\n const rootIconOnlyStyles = useRootIconOnlyStyles();\n const iconStyles = useIconStyles();\n const {\n appearance,\n disabled,\n disabledFocusable,\n icon,\n iconOnly,\n iconPosition,\n shape,\n size\n } = state;\n state.root.className = mergeClasses(buttonClassNames.root, rootBaseClassName, appearance && rootStyles[appearance], rootStyles[size], icon && size === 'small' && rootStyles.smallWithIcon, icon && size === 'large' && rootStyles.largeWithIcon, rootStyles[shape],\n // Disabled styles\n (disabled || disabledFocusable) && rootDisabledStyles.base, (disabled || disabledFocusable) && rootDisabledStyles.highContrast, appearance && (disabled || disabledFocusable) && rootDisabledStyles[appearance],\n // Focus styles\n appearance === 'primary' && rootFocusStyles.primary, rootFocusStyles[size], rootFocusStyles[shape],\n // Icon-only styles\n iconOnly && rootIconOnlyStyles[size],\n // User provided class name\n state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(buttonClassNames.icon, iconBaseClassName, state.root.children !== undefined && state.root.children !== null && iconStyles[iconPosition], iconStyles[size], state.icon.className);\n }\n return state;\n};\n//# sourceMappingURL=useButtonStyles.js.map"],"names":["buttonClassNames","useButtonStyles_unstable","root","icon","iconSpacingVar","buttonSpacingSmall","buttonSpacingSmallWithIcon","buttonSpacingMedium","buttonSpacingLarge","buttonSpacingLargeWithIcon","useRootBaseClassName","__resetStyles","useIconBaseClassName","useRootStyles","__styles","outline","De3pzq","Jwef8y","iro3zm","primary","g2u3we","h3c5rm","B9xav0g","zhjwy3","sj55zd","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","Bi91k9c","b661bw","Bk6r4ia","B9zn80p","Bpld233","B2d53fq","Bsw6fvg","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","Bbusuzp","ycbfsm","Bqrx1nm","pgvf35","Bh7lczh","dpv3f4","Bpnjhaq","ze5xyy","g2kj27","Bf756sw","Bow2dr7","Bvhedfk","Gye4lf","pc6evw","secondary","subtle","Bbdnnc7","x3br3k","transparent","circular","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","rounded","square","small","Bf4jedk","z8tnut","z189sj","Byoj8tv","uwmqm3","Be2twd7","Bhrd7zp","Bg96gwp","smallWithIcon","medium","large","largeWithIcon","d","h","m","useRootDisabledStyles","base","Bceei9c","eoavqd","Bk3fhr4","Bmfj8id","c3iz72","em6i61","vm6p8p","highContrast","G867l3","gdbnj","mxns5l","o3nasb","useRootFocusStyles","Brovlpu","B486eqv","kdpuga","Bw81rd7","B6xbmo0","dm238s","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","j6ew2k","f","i","useRootIconOnlyStyles","B2u0y6b","useIconStyles","Bqenvij","a9b677","Bqrlyyl","before","t21cq0","after","Frg6f3","state","rootBaseClassName","iconBaseClassName","rootStyles","rootDisabledStyles","rootFocusStyles","rootIconOnlyStyles","iconStyles","appearance","disabled","disabledFocusable","iconOnly","iconPosition","shape","size","className","mergeClasses","children","undefined"],"mappings":"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"}
1
+ {"version":3,"mappings":"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","names":["exports","root","icon","iconSpacingVar","buttonSpacingSmall","buttonSpacingSmallWithIcon","buttonSpacingMedium","buttonSpacingLarge","buttonSpacingLargeWithIcon","useRootBaseClassName","react_1","useIconBaseClassName","useRootStyles","useRootDisabledStyles","useRootFocusStyles","useRootIconOnlyStyles","useIconStyles","useButtonStyles_unstable","state","rootBaseClassName","iconBaseClassName","rootStyles","rootDisabledStyles","rootFocusStyles","rootIconOnlyStyles","iconStyles","appearance","disabled","disabledFocusable","iconOnly","iconPosition","shape","size","className","smallWithIcon","largeWithIcon","base","highContrast","primary","children","undefined"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-button/src/components/Button/useButtonStyles.ts"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { shorthands, makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { ButtonSlots, ButtonState } from './Button.types';\n\nexport const buttonClassNames: SlotClassNames<ButtonSlots> = {\n root: 'fui-Button',\n icon: 'fui-Button__icon',\n};\n\nconst iconSpacingVar = '--fui-Button__icon--spacing';\n\nconst buttonSpacingSmall = '3px';\nconst buttonSpacingSmallWithIcon = '1px';\nconst buttonSpacingMedium = '5px';\nconst buttonSpacingLarge = '8px';\nconst buttonSpacingLargeWithIcon = '7px';\n\nconst useRootBaseClassName = makeResetStyles({\n alignItems: 'center',\n boxSizing: 'border-box',\n display: 'inline-flex',\n justifyContent: 'center',\n textDecorationLine: 'none',\n verticalAlign: 'middle',\n\n margin: 0,\n overflow: 'hidden',\n\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n\n fontFamily: tokens.fontFamilyBase,\n outlineStyle: 'none',\n\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n borderColor: tokens.colorNeutralStroke1Hover,\n color: tokens.colorNeutralForeground1Hover,\n\n cursor: 'pointer',\n\n [`& .${iconFilledClassName}`]: {\n display: 'inline',\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none',\n },\n },\n\n ':hover:active': {\n backgroundColor: tokens.colorNeutralBackground1Pressed,\n borderColor: tokens.colorNeutralStroke1Pressed,\n color: tokens.colorNeutralForeground1Pressed,\n\n outlineStyle: 'none',\n\n [`& .${iconFilledClassName}`]: {\n display: 'inline',\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none',\n },\n },\n\n padding: `${buttonSpacingMedium} ${tokens.spacingHorizontalM}`,\n minWidth: '96px',\n borderRadius: tokens.borderRadiusMedium,\n\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase300,\n\n // Transition styles\n\n transitionDuration: tokens.durationFaster,\n transitionProperty: 'background, border, color',\n transitionTimingFunction: tokens.curveEasyEase,\n\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms',\n },\n\n // High contrast styles\n\n '@media (forced-colors: active)': {\n ':focus': {\n borderColor: 'ButtonText',\n },\n\n ':hover': {\n backgroundColor: 'HighlightText',\n borderColor: 'Highlight',\n color: 'Highlight',\n forcedColorAdjust: 'none',\n },\n\n ':hover:active': {\n backgroundColor: 'HighlightText',\n borderColor: 'Highlight',\n color: 'Highlight',\n forcedColorAdjust: 'none',\n },\n },\n\n // Focus styles\n\n ...createCustomFocusIndicatorStyle({\n borderColor: tokens.colorTransparentStroke,\n borderRadius: tokens.borderRadiusMedium,\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorTransparentStroke}`,\n boxShadow: `\n ${tokens.shadow4},\n 0 0 0 2px ${tokens.colorStrokeFocus2}\n `,\n zIndex: 1,\n }),\n});\n\nconst useIconBaseClassName = makeResetStyles({\n alignItems: 'center',\n display: 'inline-flex',\n justifyContent: 'center',\n\n fontSize: '20px',\n height: '20px',\n width: '20px',\n\n [iconSpacingVar]: tokens.spacingHorizontalSNudge,\n});\n\nconst useRootStyles = makeStyles({\n // Appearance variations\n outline: {\n backgroundColor: tokens.colorTransparentBackground,\n\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover,\n },\n\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed,\n },\n },\n primary: {\n backgroundColor: tokens.colorBrandBackground,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForegroundOnBrand,\n\n ':hover': {\n backgroundColor: tokens.colorBrandBackgroundHover,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForegroundOnBrand,\n },\n\n ':hover:active': {\n backgroundColor: tokens.colorBrandBackgroundPressed,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForegroundOnBrand,\n },\n\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n ...shorthands.borderColor('HighlightText'),\n color: 'HighlightText',\n forcedColorAdjust: 'none',\n\n ':hover': {\n backgroundColor: 'HighlightText',\n ...shorthands.borderColor('Highlight'),\n color: 'Highlight',\n },\n\n ':hover:active': {\n backgroundColor: 'HighlightText',\n ...shorthands.borderColor('Highlight'),\n color: 'Highlight',\n },\n },\n },\n secondary: {\n /* The secondary styles are exactly the same as the base styles. */\n },\n subtle: {\n backgroundColor: tokens.colorSubtleBackground,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2,\n\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundHover,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2Hover,\n\n [`& .${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForeground2BrandHover,\n },\n },\n\n ':hover:active': {\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2Pressed,\n\n [`& .${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForeground2BrandPressed,\n },\n },\n },\n transparent: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2,\n\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2BrandHover,\n },\n\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2BrandPressed,\n },\n },\n\n // Shape variations\n circular: {\n ...shorthands.borderRadius(tokens.borderRadiusCircular),\n },\n rounded: {\n /* The borderRadius rounded styles are handled in the size variations */\n },\n square: {\n ...shorthands.borderRadius(tokens.borderRadiusNone),\n },\n\n // Size variations\n small: {\n minWidth: '64px',\n ...shorthands.padding(buttonSpacingSmall, tokens.spacingHorizontalS),\n\n ...shorthands.borderRadius(buttonSpacingSmall),\n\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase200,\n },\n smallWithIcon: {\n paddingBottom: buttonSpacingSmallWithIcon,\n paddingTop: buttonSpacingSmallWithIcon,\n },\n medium: {\n /* defined in base styles */\n },\n large: {\n minWidth: '96px',\n ...shorthands.padding(buttonSpacingLarge, tokens.spacingHorizontalL),\n\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase400,\n },\n largeWithIcon: {\n paddingBottom: buttonSpacingLargeWithIcon,\n paddingTop: buttonSpacingLargeWithIcon,\n },\n});\n\nconst useRootDisabledStyles = makeStyles({\n // Base styles\n base: {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: tokens.colorNeutralForegroundDisabled,\n\n cursor: 'not-allowed',\n\n ':hover': {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: tokens.colorNeutralForegroundDisabled,\n\n cursor: 'not-allowed',\n\n [`& .${iconFilledClassName}`]: {\n display: 'none',\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline',\n },\n },\n\n ':hover:active': {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: tokens.colorNeutralForegroundDisabled,\n\n cursor: 'not-allowed',\n\n [`& .${iconFilledClassName}`]: {\n display: 'none',\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline',\n },\n },\n },\n\n // High contrast styles\n highContrast: {\n '@media (forced-colors: active)': {\n backgroundColor: 'ButtonFace',\n ...shorthands.borderColor('GrayText'),\n color: 'GrayText',\n\n ':focus': {\n ...shorthands.borderColor('GrayText'),\n },\n\n ':hover': {\n backgroundColor: 'ButtonFace',\n ...shorthands.borderColor('GrayText'),\n color: 'GrayText',\n },\n\n ':hover:active': {\n backgroundColor: 'ButtonFace',\n ...shorthands.borderColor('GrayText'),\n color: 'GrayText',\n },\n },\n },\n\n // Appearance variations\n outline: {\n backgroundColor: tokens.colorTransparentBackground,\n\n ':hover': {\n backgroundColor: tokens.colorTransparentBackground,\n },\n\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackground,\n },\n },\n primary: {\n ...shorthands.borderColor('transparent'),\n\n ':hover': {\n ...shorthands.borderColor('transparent'),\n },\n\n ':hover:active': {\n ...shorthands.borderColor('transparent'),\n },\n },\n secondary: {\n /* The secondary styles are exactly the same as the base styles. */\n },\n subtle: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent'),\n\n ':hover': {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent'),\n },\n\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent'),\n },\n },\n transparent: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent'),\n\n ':hover': {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent'),\n },\n\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent'),\n },\n },\n});\n\nconst useRootFocusStyles = makeStyles({\n // Shape variations\n circular: createCustomFocusIndicatorStyle({\n ...shorthands.borderRadius(tokens.borderRadiusCircular),\n }),\n rounded: {\n /* The rounded styles are exactly the same as the base styles. */\n },\n square: createCustomFocusIndicatorStyle({\n ...shorthands.borderRadius(tokens.borderRadiusNone),\n }),\n\n // Primary styles\n primary: createCustomFocusIndicatorStyle({\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n boxShadow: `${tokens.shadow2}, 0 0 0 2px ${tokens.colorStrokeFocus2}`,\n }),\n\n // Size variations\n small: createCustomFocusIndicatorStyle({\n ...shorthands.borderRadius(tokens.borderRadiusSmall),\n }),\n medium: {\n /* defined in base styles */\n },\n large: createCustomFocusIndicatorStyle({\n ...shorthands.borderRadius(tokens.borderRadiusLarge),\n }),\n});\n\nconst useRootIconOnlyStyles = makeStyles({\n // Size variations\n small: {\n ...shorthands.padding(buttonSpacingSmallWithIcon),\n\n minWidth: '24px',\n maxWidth: '24px',\n },\n medium: {\n ...shorthands.padding(buttonSpacingMedium),\n\n minWidth: '32px',\n maxWidth: '32px',\n },\n large: {\n ...shorthands.padding(buttonSpacingLargeWithIcon),\n\n minWidth: '40px',\n maxWidth: '40px',\n },\n});\n\nconst useIconStyles = makeStyles({\n // Size variations\n small: {\n fontSize: '20px',\n height: '20px',\n width: '20px',\n\n [iconSpacingVar]: tokens.spacingHorizontalXS,\n },\n medium: {\n /* defined in base styles */\n },\n large: {\n fontSize: '24px',\n height: '24px',\n width: '24px',\n\n [iconSpacingVar]: tokens.spacingHorizontalSNudge,\n },\n\n // Icon position variations\n before: {\n marginRight: `var(${iconSpacingVar})`,\n },\n after: {\n marginLeft: `var(${iconSpacingVar})`,\n },\n});\n\nexport const useButtonStyles_unstable = (state: ButtonState): ButtonState => {\n const rootBaseClassName = useRootBaseClassName();\n const iconBaseClassName = useIconBaseClassName();\n\n const rootStyles = useRootStyles();\n const rootDisabledStyles = useRootDisabledStyles();\n const rootFocusStyles = useRootFocusStyles();\n const rootIconOnlyStyles = useRootIconOnlyStyles();\n const iconStyles = useIconStyles();\n\n const { appearance, disabled, disabledFocusable, icon, iconOnly, iconPosition, shape, size } = state;\n\n state.root.className = mergeClasses(\n buttonClassNames.root,\n rootBaseClassName,\n\n appearance && rootStyles[appearance],\n\n rootStyles[size],\n icon && size === 'small' && rootStyles.smallWithIcon,\n icon && size === 'large' && rootStyles.largeWithIcon,\n rootStyles[shape],\n\n // Disabled styles\n (disabled || disabledFocusable) && rootDisabledStyles.base,\n (disabled || disabledFocusable) && rootDisabledStyles.highContrast,\n appearance && (disabled || disabledFocusable) && rootDisabledStyles[appearance],\n\n // Focus styles\n appearance === 'primary' && rootFocusStyles.primary,\n rootFocusStyles[size],\n rootFocusStyles[shape],\n\n // Icon-only styles\n iconOnly && rootIconOnlyStyles[size],\n\n // User provided class name\n state.root.className,\n );\n\n if (state.icon) {\n state.icon.className = mergeClasses(\n buttonClassNames.icon,\n iconBaseClassName,\n state.root.children !== undefined && state.root.children !== null && iconStyles[iconPosition],\n iconStyles[size],\n state.icon.className,\n );\n }\n\n return state;\n};\n"]}
@@ -1,22 +1,22 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "CompoundButton", {
6
- enumerable: true,
7
- get: ()=>CompoundButton
4
+ value: true
8
5
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
- const _renderCompoundButton = require("./renderCompoundButton");
12
- const _useCompoundButton = require("./useCompoundButton");
13
- const _useCompoundButtonStyles = require("./useCompoundButtonStyles");
14
- const CompoundButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
15
- const state = (0, _useCompoundButton.useCompoundButton_unstable)(props, ref);
16
- (0, _useCompoundButtonStyles.useCompoundButtonStyles_unstable)(state);
17
- return (0, _renderCompoundButton.renderCompoundButton_unstable)(state);
18
- // Casting is required due to lack of distributive union to support unions on @types/react
6
+ exports.CompoundButton = void 0;
7
+ const React = /*#__PURE__*/require("react");
8
+ const renderCompoundButton_1 = /*#__PURE__*/require("./renderCompoundButton");
9
+ const useCompoundButton_1 = /*#__PURE__*/require("./useCompoundButton");
10
+ const useCompoundButtonStyles_1 = /*#__PURE__*/require("./useCompoundButtonStyles");
11
+ /**
12
+ * CompoundButtons are buttons that can have secondary content that adds extra information to the user.
13
+ */
14
+ exports.CompoundButton = /*#__PURE__*/React.forwardRef((props, ref) => {
15
+ const state = useCompoundButton_1.useCompoundButton_unstable(props, ref);
16
+ useCompoundButtonStyles_1.useCompoundButtonStyles_unstable(state);
17
+ return renderCompoundButton_1.renderCompoundButton_unstable(state);
18
+ // Casting is required due to lack of distributive union to support unions on @types/react
19
19
  });
20
- CompoundButton.displayName = 'CompoundButton'; //# sourceMappingURL=CompoundButton.js.map
21
20
 
21
+ exports.CompoundButton.displayName = 'CompoundButton';
22
22
  //# sourceMappingURL=CompoundButton.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/CompoundButton/CompoundButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderCompoundButton_unstable } from './renderCompoundButton';\nimport { useCompoundButton_unstable } from './useCompoundButton';\nimport { useCompoundButtonStyles_unstable } from './useCompoundButtonStyles';\n/**\n * CompoundButtons are buttons that can have secondary content that adds extra information to the user.\n */\nexport const CompoundButton = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useCompoundButton_unstable(props, ref);\n useCompoundButtonStyles_unstable(state);\n return renderCompoundButton_unstable(state);\n // Casting is required due to lack of distributive union to support unions on @types/react\n});\n\nCompoundButton.displayName = 'CompoundButton';\n//# sourceMappingURL=CompoundButton.js.map"],"names":["CompoundButton","React","forwardRef","props","ref","state","useCompoundButton_unstable","useCompoundButtonStyles_unstable","renderCompoundButton_unstable","displayName"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;sCACuB;mCACH;yCACM;AAI1C,MAAMA,iBAAiB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC1E,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChDG,IAAAA,yDAAgC,EAACF;IACjC,OAAOG,IAAAA,mDAA6B,EAACH;AACrC,0FAA0F;AAC5F;AAEAL,eAAeS,WAAW,GAAG,kBAC7B,0CAA0C"}
1
+ {"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAIA;;;AAGaA,sBAAc,gBAA6CC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACtG,MAAMC,KAAK,GAAGC,8CAA0B,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEpDG,0DAAgC,CAACF,KAAK,CAAC;EAEvC,OAAOG,oDAA6B,CAACH,KAAK,CAAC;EAC3C;AACF,CAAC,CAA6C;;AAE9CL,sBAAc,CAACS,WAAW,GAAG,gBAAgB","names":["exports","React","forwardRef","props","ref","state","useCompoundButton_1","useCompoundButtonStyles_1","renderCompoundButton_1","displayName"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-button/src/components/CompoundButton/CompoundButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderCompoundButton_unstable } from './renderCompoundButton';\nimport { useCompoundButton_unstable } from './useCompoundButton';\nimport { useCompoundButtonStyles_unstable } from './useCompoundButtonStyles';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { CompoundButtonProps } from './CompoundButton.types';\n\n/**\n * CompoundButtons are buttons that can have secondary content that adds extra information to the user.\n */\nexport const CompoundButton: ForwardRefComponent<CompoundButtonProps> = React.forwardRef((props, ref) => {\n const state = useCompoundButton_unstable(props, ref);\n\n useCompoundButtonStyles_unstable(state);\n\n return renderCompoundButton_unstable(state);\n // Casting is required due to lack of distributive union to support unions on @types/react\n}) as ForwardRefComponent<CompoundButtonProps>;\n\nCompoundButton.displayName = 'CompoundButton';\n"]}
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
+ value: true
4
5
  });
5
- //# sourceMappingURL=CompoundButton.types.js.map
6
-
7
6
  //# sourceMappingURL=CompoundButton.types.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/CompoundButton/CompoundButton.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=CompoundButton.types.js.map"],"names":[],"mappings":";;;;CACA,gDAAgD"}
1
+ {"version":3,"mappings":"","names":[],"sourceRoot":"","sources":[],"sourcesContent":[]}
@@ -1,23 +1,25 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
+ value: true
4
5
  });
5
- function _export(target, all) {
6
- for(var name in all)Object.defineProperty(target, name, {
7
- enumerable: true,
8
- get: all[name]
9
- });
10
- }
11
- _export(exports, {
12
- compoundButtonClassNames: ()=>_useCompoundButtonStyles.compoundButtonClassNames,
13
- useCompoundButtonStyles_unstable: ()=>_useCompoundButtonStyles.useCompoundButtonStyles_unstable
6
+ exports.useCompoundButtonStyles_unstable = exports.compoundButtonClassNames = void 0;
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
+ tslib_1.__exportStar(require("./CompoundButton"), exports);
9
+ tslib_1.__exportStar(require("./CompoundButton.types"), exports);
10
+ tslib_1.__exportStar(require("./renderCompoundButton"), exports);
11
+ tslib_1.__exportStar(require("./useCompoundButton"), exports);
12
+ var useCompoundButtonStyles_1 = /*#__PURE__*/require("./useCompoundButtonStyles");
13
+ Object.defineProperty(exports, "compoundButtonClassNames", {
14
+ enumerable: true,
15
+ get: function () {
16
+ return useCompoundButtonStyles_1.compoundButtonClassNames;
17
+ }
18
+ });
19
+ Object.defineProperty(exports, "useCompoundButtonStyles_unstable", {
20
+ enumerable: true,
21
+ get: function () {
22
+ return useCompoundButtonStyles_1.useCompoundButtonStyles_unstable;
23
+ }
14
24
  });
15
- const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
16
- _exportStar(require("./CompoundButton"), exports);
17
- _exportStar(require("./CompoundButton.types"), exports);
18
- _exportStar(require("./renderCompoundButton"), exports);
19
- _exportStar(require("./useCompoundButton"), exports);
20
- const _useCompoundButtonStyles = require("./useCompoundButtonStyles");
21
- //# sourceMappingURL=index.js.map
22
-
23
25
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/CompoundButton/index.js"],"sourcesContent":["export * from './CompoundButton';\nexport * from './CompoundButton.types';\nexport * from './renderCompoundButton';\nexport * from './useCompoundButton';\nexport { compoundButtonClassNames, useCompoundButtonStyles_unstable } from './useCompoundButtonStyles';\n//# sourceMappingURL=index.js.map"],"names":["compoundButtonClassNames","useCompoundButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,wBAAwB,MAAxBA,iDAAwB;IAAEC,gCAAgC,MAAhCA,yDAAgC;;;oBAJrD;oBACA;oBACA;oBACA;yCAC6D;CAC3E,iCAAiC"}
1
+ {"version":3,"mappings":";;;;;;;AAAAA;AACAA;AACAA;AACAA;AACA;AAASC;EAAAC;EAAAC;IAAA,yDAAwB;EAAA;AAAA;AAAEF;EAAAC;EAAAC;IAAA,iEAAgC;EAAA;AAAA","names":["tslib_1","Object","enumerable","get"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-button/src/components/CompoundButton/index.ts"],"sourcesContent":["export * from './CompoundButton';\nexport * from './CompoundButton.types';\nexport * from './renderCompoundButton';\nexport * from './useCompoundButton';\nexport { compoundButtonClassNames, useCompoundButtonStyles_unstable } from './useCompoundButtonStyles';\n"]}
@@ -1,20 +1,34 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "renderCompoundButton_unstable", {
6
- enumerable: true,
7
- get: ()=>renderCompoundButton_unstable
4
+ value: true
8
5
  });
9
- const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
10
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
11
- const _extends = require("@swc/helpers/lib/_extends.js").default;
12
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
13
- const _reactUtilities = require("@fluentui/react-utilities");
14
- const renderCompoundButton_unstable = (state)=>{
15
- const { slots , slotProps } = (0, _reactUtilities.getSlots)(state);
16
- const { iconOnly , iconPosition } = state;
17
- return /*#__PURE__*/ _react.createElement(slots.root, _extends({}, slotProps.root), iconPosition !== 'after' && slots.icon && /*#__PURE__*/ _react.createElement(slots.icon, _extends({}, slotProps.icon)), !iconOnly && /*#__PURE__*/ _react.createElement(slots.contentContainer, _extends({}, slotProps.contentContainer), slotProps.root.children, slots.secondaryContent && /*#__PURE__*/ _react.createElement(slots.secondaryContent, _extends({}, slotProps.secondaryContent))), iconPosition === 'after' && slots.icon && /*#__PURE__*/ _react.createElement(slots.icon, _extends({}, slotProps.icon)));
18
- }; //# sourceMappingURL=renderCompoundButton.js.map
19
-
6
+ exports.renderCompoundButton_unstable = void 0;
7
+ const React = /*#__PURE__*/require("react");
8
+ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
9
+ /**
10
+ * Renders a CompoundButton component by passing the state defined props to the appropriate slots.
11
+ */
12
+ const renderCompoundButton_unstable = state => {
13
+ const {
14
+ slots,
15
+ slotProps
16
+ } = react_utilities_1.getSlots(state);
17
+ const {
18
+ iconOnly,
19
+ iconPosition
20
+ } = state;
21
+ return React.createElement(slots.root, {
22
+ ...slotProps.root
23
+ }, iconPosition !== 'after' && slots.icon && React.createElement(slots.icon, {
24
+ ...slotProps.icon
25
+ }), !iconOnly && React.createElement(slots.contentContainer, {
26
+ ...slotProps.contentContainer
27
+ }, slotProps.root.children, slots.secondaryContent && React.createElement(slots.secondaryContent, {
28
+ ...slotProps.secondaryContent
29
+ })), iconPosition === 'after' && slots.icon && React.createElement(slots.icon, {
30
+ ...slotProps.icon
31
+ }));
32
+ };
33
+ exports.renderCompoundButton_unstable = renderCompoundButton_unstable;
20
34
  //# sourceMappingURL=renderCompoundButton.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/CompoundButton/renderCompoundButton.js"],"sourcesContent":["import _extends from \"@swc/helpers/src/_extends.mjs\";\nimport * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\n/**\n * Renders a CompoundButton component by passing the state defined props to the appropriate slots.\n */\nexport const renderCompoundButton_unstable = state => {\n const {\n slots,\n slotProps\n } = getSlots(state);\n const {\n iconOnly,\n iconPosition\n } = state;\n return /*#__PURE__*/React.createElement(slots.root, _extends({}, slotProps.root), iconPosition !== 'after' && slots.icon && /*#__PURE__*/React.createElement(slots.icon, _extends({}, slotProps.icon)), !iconOnly && /*#__PURE__*/React.createElement(slots.contentContainer, _extends({}, slotProps.contentContainer), slotProps.root.children, slots.secondaryContent && /*#__PURE__*/React.createElement(slots.secondaryContent, _extends({}, slotProps.secondaryContent))), iconPosition === 'after' && slots.icon && /*#__PURE__*/React.createElement(slots.icon, _extends({}, slotProps.icon)));\n};\n//# sourceMappingURL=renderCompoundButton.js.map"],"names":["renderCompoundButton_unstable","state","slots","slotProps","getSlots","iconOnly","iconPosition","React","createElement","root","_extends","icon","contentContainer","children","secondaryContent"],"mappings":";;;;+BAMaA;;aAAAA;;;;yBANQ;6DACE;gCACE;AAIlB,MAAMA,gCAAgCC,CAAAA,QAAS;IACpD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,MAAM,EACJI,SAAQ,EACRC,aAAY,EACb,GAAGL;IACJ,OAAO,WAAW,GAAEM,OAAMC,aAAa,CAACN,MAAMO,IAAI,EAAEC,SAAS,CAAC,GAAGP,UAAUM,IAAI,GAAGH,iBAAiB,WAAWJ,MAAMS,IAAI,IAAI,WAAW,GAAEJ,OAAMC,aAAa,CAACN,MAAMS,IAAI,EAAED,SAAS,CAAC,GAAGP,UAAUQ,IAAI,IAAI,CAACN,YAAY,WAAW,GAAEE,OAAMC,aAAa,CAACN,MAAMU,gBAAgB,EAAEF,SAAS,CAAC,GAAGP,UAAUS,gBAAgB,GAAGT,UAAUM,IAAI,CAACI,QAAQ,EAAEX,MAAMY,gBAAgB,IAAI,WAAW,GAAEP,OAAMC,aAAa,CAACN,MAAMY,gBAAgB,EAAEJ,SAAS,CAAC,GAAGP,UAAUW,gBAAgB,KAAKR,iBAAiB,WAAWJ,MAAMS,IAAI,IAAI,WAAW,GAAEJ,OAAMC,aAAa,CAACN,MAAMS,IAAI,EAAED,SAAS,CAAC,GAAGP,UAAUQ,IAAI;AACpkB,GACA,gDAAgD"}
1
+ {"version":3,"mappings":";;;;;;AAAA;AACA;AAGA;;;AAGO,MAAMA,6BAA6B,GAAIC,KAA0B,IAAI;EAC1E,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGC,0BAAQ,CAAsBH,KAAK,CAAC;EACjE,MAAM;IAAEI,QAAQ;IAAEC;EAAY,CAAE,GAAGL,KAAK;EAExC,OACEM,oBAACL,KAAK,CAACM,IAAI;IAAA,GAAKL,SAAS,CAACK;EAAI,GAC3BF,YAAY,KAAK,OAAO,IAAIJ,KAAK,CAACO,IAAI,IAAIF,oBAACL,KAAK,CAACO,IAAI;IAAA,GAAKN,SAAS,CAACM;EAAI,EAAI,EAC5E,CAACJ,QAAQ,IACRE,oBAACL,KAAK,CAACQ,gBAAgB;IAAA,GAAKP,SAAS,CAACO;EAAgB,GACnDP,SAAS,CAACK,IAAI,CAACG,QAAQ,EACvBT,KAAK,CAACU,gBAAgB,IAAIL,oBAACL,KAAK,CAACU,gBAAgB;IAAA,GAAKT,SAAS,CAACS;EAAgB,EAAI,CAExF,EACAN,YAAY,KAAK,OAAO,IAAIJ,KAAK,CAACO,IAAI,IAAIF,oBAACL,KAAK,CAACO,IAAI;IAAA,GAAKN,SAAS,CAACM;EAAI,EAAI,CAClE;AAEjB,CAAC;AAhBYI,qCAA6B","names":["renderCompoundButton_unstable","state","slots","slotProps","react_utilities_1","iconOnly","iconPosition","React","root","icon","contentContainer","children","secondaryContent","exports"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-button/src/components/CompoundButton/renderCompoundButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { CompoundButtonSlots, CompoundButtonState } from './CompoundButton.types';\n\n/**\n * Renders a CompoundButton component by passing the state defined props to the appropriate slots.\n */\nexport const renderCompoundButton_unstable = (state: CompoundButtonState) => {\n const { slots, slotProps } = getSlots<CompoundButtonSlots>(state);\n const { iconOnly, iconPosition } = state;\n\n return (\n <slots.root {...slotProps.root}>\n {iconPosition !== 'after' && slots.icon && <slots.icon {...slotProps.icon} />}\n {!iconOnly && (\n <slots.contentContainer {...slotProps.contentContainer}>\n {slotProps.root.children}\n {slots.secondaryContent && <slots.secondaryContent {...slotProps.secondaryContent} />}\n </slots.contentContainer>\n )}\n {iconPosition === 'after' && slots.icon && <slots.icon {...slotProps.icon} />}\n </slots.root>\n );\n};\n"]}
@@ -1,36 +1,40 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "useCompoundButton_unstable", {
6
- enumerable: true,
7
- get: ()=>useCompoundButton_unstable
4
+ value: true
8
5
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
- const _reactUtilities = require("@fluentui/react-utilities");
12
- const _index = require("../Button/index");
13
- const useCompoundButton_unstable = (param, ref)=>{
14
- let { contentContainer , secondaryContent , ...props } = param;
15
- var _state_icon, _state_secondaryContent;
16
- const state = {
17
- // Button state
18
- ...(0, _index.useButton_unstable)(props, ref),
19
- // Slots definition
20
- components: {
21
- root: 'button',
22
- icon: 'span',
23
- contentContainer: 'span',
24
- secondaryContent: 'span'
25
- },
26
- contentContainer: (0, _reactUtilities.resolveShorthand)(contentContainer, {
27
- required: true
28
- }),
29
- secondaryContent: (0, _reactUtilities.resolveShorthand)(secondaryContent)
30
- };
31
- // Recalculate iconOnly to take into account secondaryContent.
32
- state.iconOnly = Boolean(((_state_icon = state.icon) === null || _state_icon === void 0 ? void 0 : _state_icon.children) && !props.children && !((_state_secondaryContent = state.secondaryContent) === null || _state_secondaryContent === void 0 ? void 0 : _state_secondaryContent.children));
33
- return state;
34
- }; //# sourceMappingURL=useCompoundButton.js.map
35
-
6
+ exports.useCompoundButton_unstable = void 0;
7
+ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
8
+ const index_1 = /*#__PURE__*/require("../Button/index");
9
+ /**
10
+ * Given user props, defines default props for the CompoundButton, calls useButtonState, and returns processed state.
11
+ * @param props - User provided props to the CompoundButton component.
12
+ * @param ref - User provided ref to be passed to the CompoundButton component.
13
+ */
14
+ const useCompoundButton_unstable = ({
15
+ contentContainer,
16
+ secondaryContent,
17
+ ...props
18
+ }, ref) => {
19
+ var _a, _b;
20
+ const state = {
21
+ // Button state
22
+ ...index_1.useButton_unstable(props, ref),
23
+ // Slots definition
24
+ components: {
25
+ root: 'button',
26
+ icon: 'span',
27
+ contentContainer: 'span',
28
+ secondaryContent: 'span'
29
+ },
30
+ contentContainer: react_utilities_1.resolveShorthand(contentContainer, {
31
+ required: true
32
+ }),
33
+ secondaryContent: react_utilities_1.resolveShorthand(secondaryContent)
34
+ };
35
+ // Recalculate iconOnly to take into account secondaryContent.
36
+ state.iconOnly = Boolean(((_a = state.icon) === null || _a === void 0 ? void 0 : _a.children) && !props.children && !((_b = state.secondaryContent) === null || _b === void 0 ? void 0 : _b.children));
37
+ return state;
38
+ };
39
+ exports.useCompoundButton_unstable = useCompoundButton_unstable;
36
40
  //# sourceMappingURL=useCompoundButton.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/CompoundButton/useCompoundButton.js"],"sourcesContent":["import * as React from 'react';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport { useButton_unstable } from '../Button/index';\n/**\n * Given user props, defines default props for the CompoundButton, calls useButtonState, and returns processed state.\n * @param props - User provided props to the CompoundButton component.\n * @param ref - User provided ref to be passed to the CompoundButton component.\n */\nexport const useCompoundButton_unstable = (param, ref) => {\n let {\n contentContainer,\n secondaryContent,\n ...props\n } = param;\n var _state_icon, _state_secondaryContent;\n const state = {\n // Button state\n ...useButton_unstable(props, ref),\n // Slots definition\n components: {\n root: 'button',\n icon: 'span',\n contentContainer: 'span',\n secondaryContent: 'span'\n },\n contentContainer: resolveShorthand(contentContainer, {\n required: true\n }),\n secondaryContent: resolveShorthand(secondaryContent)\n };\n // Recalculate iconOnly to take into account secondaryContent.\n state.iconOnly = Boolean(((_state_icon = state.icon) === null || _state_icon === void 0 ? void 0 : _state_icon.children) && !props.children && !((_state_secondaryContent = state.secondaryContent) === null || _state_secondaryContent === void 0 ? void 0 : _state_secondaryContent.children));\n return state;\n};\n//# sourceMappingURL=useCompoundButton.js.map"],"names":["useCompoundButton_unstable","param","ref","contentContainer","secondaryContent","props","_state_icon","_state_secondaryContent","state","useButton_unstable","components","root","icon","resolveShorthand","required","iconOnly","Boolean","children"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;gCACU;uBACE;AAM5B,MAAMA,6BAA6B,CAACC,OAAOC,MAAQ;IACxD,IAAI,EACFC,iBAAgB,EAChBC,iBAAgB,EAChB,GAAGC,OACJ,GAAGJ;IACJ,IAAIK,aAAaC;IACjB,MAAMC,QAAQ;QACZ,eAAe;QACf,GAAGC,IAAAA,yBAAkB,EAACJ,OAAOH,IAAI;QACjC,mBAAmB;QACnBQ,YAAY;YACVC,MAAM;YACNC,MAAM;YACNT,kBAAkB;YAClBC,kBAAkB;QACpB;QACAD,kBAAkBU,IAAAA,gCAAgB,EAACV,kBAAkB;YACnDW,UAAU,IAAI;QAChB;QACAV,kBAAkBS,IAAAA,gCAAgB,EAACT;IACrC;IACA,8DAA8D;IAC9DI,MAAMO,QAAQ,GAAGC,QAAQ,AAAC,CAAA,AAACV,CAAAA,cAAcE,MAAMI,IAAI,AAAD,MAAO,IAAI,IAAIN,gBAAgB,KAAK,IAAI,KAAK,IAAIA,YAAYW,QAAQ,AAAD,KAAM,CAACZ,MAAMY,QAAQ,IAAI,CAAE,CAAA,AAACV,CAAAA,0BAA0BC,MAAMJ,gBAAgB,AAAD,MAAO,IAAI,IAAIG,4BAA4B,KAAK,IAAI,KAAK,IAAIA,wBAAwBU,QAAQ,AAAD;IAC7R,OAAOT;AACT,GACA,6CAA6C"}
1
+ {"version":3,"mappings":";;;;;;AACA;AACA;AAGA;;;;;AAKO,MAAMA,0BAA0B,GAAG,CACxC;EAAEC,gBAAgB;EAAEC,gBAAgB;EAAE,GAAGC;AAAK,CAAuB,EACrEC,GAAqD,KAC9B;;EACvB,MAAMC,KAAK,GAAwB;IACjC;IACA,GAAGC,0BAAkB,CAACH,KAAK,EAAEC,GAAG,CAAC;IAEjC;IACAG,UAAU,EAAE;MACVC,IAAI,EAAE,QAAQ;MACdC,IAAI,EAAE,MAAM;MACZR,gBAAgB,EAAE,MAAM;MACxBC,gBAAgB,EAAE;KACnB;IACDD,gBAAgB,EAAES,kCAAgB,CAACT,gBAAgB,EAAE;MAAEU,QAAQ,EAAE;IAAI,CAAE,CAAC;IACxET,gBAAgB,EAAEQ,kCAAgB,CAACR,gBAAgB;GACpD;EAED;EACAG,KAAK,CAACO,QAAQ,GAAGC,OAAO,CAAC,YAAK,CAACJ,IAAI,0CAAEK,QAAQ,KAAI,CAACX,KAAK,CAACW,QAAQ,IAAI,EAAC,WAAK,CAACZ,gBAAgB,0CAAEY,QAAQ,EAAC;EAEtG,OAAOT,KAAK;AACd,CAAC;AAvBYU,kCAA0B","names":["useCompoundButton_unstable","contentContainer","secondaryContent","props","ref","state","index_1","components","root","icon","react_utilities_1","required","iconOnly","Boolean","children","exports"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-button/src/components/CompoundButton/useCompoundButton.ts"],"sourcesContent":["import * as React from 'react';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport { useButton_unstable } from '../Button/index';\nimport type { CompoundButtonProps, CompoundButtonState } from './CompoundButton.types';\n\n/**\n * Given user props, defines default props for the CompoundButton, calls useButtonState, and returns processed state.\n * @param props - User provided props to the CompoundButton component.\n * @param ref - User provided ref to be passed to the CompoundButton component.\n */\nexport const useCompoundButton_unstable = (\n { contentContainer, secondaryContent, ...props }: CompoundButtonProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): CompoundButtonState => {\n const state: CompoundButtonState = {\n // Button state\n ...useButton_unstable(props, ref),\n\n // Slots definition\n components: {\n root: 'button',\n icon: 'span',\n contentContainer: 'span',\n secondaryContent: 'span',\n },\n contentContainer: resolveShorthand(contentContainer, { required: true }),\n secondaryContent: resolveShorthand(secondaryContent),\n };\n\n // Recalculate iconOnly to take into account secondaryContent.\n state.iconOnly = Boolean(state.icon?.children && !props.children && !state.secondaryContent?.children);\n\n return state;\n};\n"]}