@fluentui/react-toolbar 9.8.2 → 9.8.4

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 (188) hide show
  1. package/CHANGELOG.md +29 -2
  2. package/dist/index.d.cts +381 -0
  3. package/lib/Toolbar.js +1 -1
  4. package/lib/Toolbar.js.map +1 -1
  5. package/lib/ToolbarButton.js +1 -1
  6. package/lib/ToolbarButton.js.map +1 -1
  7. package/lib/ToolbarDivider.js +1 -1
  8. package/lib/ToolbarDivider.js.map +1 -1
  9. package/lib/ToolbarGroup.js +1 -1
  10. package/lib/ToolbarGroup.js.map +1 -1
  11. package/lib/ToolbarRadioButton.js +1 -1
  12. package/lib/ToolbarRadioButton.js.map +1 -1
  13. package/lib/ToolbarRadioGroup.js +1 -1
  14. package/lib/ToolbarRadioGroup.js.map +1 -1
  15. package/lib/ToolbarToggleButton.js +1 -1
  16. package/lib/ToolbarToggleButton.js.map +1 -1
  17. package/lib/components/Toolbar/Toolbar.js +6 -6
  18. package/lib/components/Toolbar/Toolbar.js.map +1 -1
  19. package/lib/components/Toolbar/ToolbarContext.js +1 -1
  20. package/lib/components/Toolbar/index.js +6 -6
  21. package/lib/components/Toolbar/index.js.map +1 -1
  22. package/lib/components/Toolbar/renderToolbar.js +2 -2
  23. package/lib/components/Toolbar/renderToolbar.js.map +1 -1
  24. package/lib/components/Toolbar/useToolbar.js +2 -2
  25. package/lib/components/Toolbar/useToolbarContextValues.js +1 -1
  26. package/lib/components/Toolbar/useToolbarStyles.styles.js +1 -1
  27. package/lib/components/Toolbar/useToolbarStyles.styles.js.map +1 -1
  28. package/lib/components/Toolbar/useToolbarStyles.styles.raw.js +1 -1
  29. package/lib/components/ToolbarButton/ToolbarButton.js +5 -5
  30. package/lib/components/ToolbarButton/ToolbarButton.js.map +1 -1
  31. package/lib/components/ToolbarButton/index.js +3 -3
  32. package/lib/components/ToolbarButton/index.js.map +1 -1
  33. package/lib/components/ToolbarButton/useToolbarButton.js +1 -1
  34. package/lib/components/ToolbarButton/useToolbarButtonStyles.styles.js +2 -2
  35. package/lib/components/ToolbarButton/useToolbarButtonStyles.styles.js.map +1 -1
  36. package/lib/components/ToolbarButton/useToolbarButtonStyles.styles.raw.js +2 -2
  37. package/lib/components/ToolbarDivider/ToolbarDivider.js +5 -5
  38. package/lib/components/ToolbarDivider/ToolbarDivider.js.map +1 -1
  39. package/lib/components/ToolbarDivider/index.js +3 -3
  40. package/lib/components/ToolbarDivider/index.js.map +1 -1
  41. package/lib/components/ToolbarDivider/useToolbarDivider.js +2 -2
  42. package/lib/components/ToolbarDivider/useToolbarDivider.js.map +1 -1
  43. package/lib/components/ToolbarDivider/useToolbarDividerStyles.styles.js +2 -2
  44. package/lib/components/ToolbarDivider/useToolbarDividerStyles.styles.js.map +1 -1
  45. package/lib/components/ToolbarDivider/useToolbarDividerStyles.styles.raw.js +2 -2
  46. package/lib/components/ToolbarGroup/ToolbarGroup.js +5 -5
  47. package/lib/components/ToolbarGroup/ToolbarGroup.js.map +1 -1
  48. package/lib/components/ToolbarGroup/index.js +4 -4
  49. package/lib/components/ToolbarGroup/index.js.map +1 -1
  50. package/lib/components/ToolbarGroup/renderToolbarGroup.js +1 -1
  51. package/lib/components/ToolbarGroup/useToolbarGroup.js +2 -2
  52. package/lib/components/ToolbarGroup/useToolbarGroup.js.map +1 -1
  53. package/lib/components/ToolbarGroup/useToolbarGroupStyles.styles.js +1 -1
  54. package/lib/components/ToolbarGroup/useToolbarGroupStyles.styles.js.map +1 -1
  55. package/lib/components/ToolbarGroup/useToolbarGroupStyles.styles.raw.js +1 -1
  56. package/lib/components/ToolbarRadioButton/ToolbarRadioButton.js +5 -5
  57. package/lib/components/ToolbarRadioButton/ToolbarRadioButton.js.map +1 -1
  58. package/lib/components/ToolbarRadioButton/index.js +3 -3
  59. package/lib/components/ToolbarRadioButton/index.js.map +1 -1
  60. package/lib/components/ToolbarRadioButton/useToolbarRadioButton.js +3 -3
  61. package/lib/components/ToolbarRadioButton/useToolbarRadioButton.js.map +1 -1
  62. package/lib/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.js +3 -3
  63. package/lib/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.js.map +1 -1
  64. package/lib/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.raw.js +3 -3
  65. package/lib/components/ToolbarRadioGroup/ToolbarRadioGroup.js +3 -3
  66. package/lib/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map +1 -1
  67. package/lib/components/ToolbarRadioGroup/index.js +1 -1
  68. package/lib/components/ToolbarRadioGroup/index.js.map +1 -1
  69. package/lib/components/ToolbarToggleButton/ToolbarToggleButton.js +5 -5
  70. package/lib/components/ToolbarToggleButton/ToolbarToggleButton.js.map +1 -1
  71. package/lib/components/ToolbarToggleButton/index.js +3 -3
  72. package/lib/components/ToolbarToggleButton/index.js.map +1 -1
  73. package/lib/components/ToolbarToggleButton/useToolbarToggleButton.js +2 -2
  74. package/lib/components/ToolbarToggleButton/useToolbarToggleButton.js.map +1 -1
  75. package/lib/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.js +3 -3
  76. package/lib/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.js.map +1 -1
  77. package/lib/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.raw.js +3 -3
  78. package/lib/index.js +7 -7
  79. package/lib/index.js.map +1 -1
  80. package/lib-commonjs/{Toolbar.js → Toolbar.cjs} +1 -1
  81. package/lib-commonjs/{Toolbar.js.map → Toolbar.cjs.map} +1 -1
  82. package/lib-commonjs/{ToolbarButton.js → ToolbarButton.cjs} +1 -1
  83. package/lib-commonjs/{ToolbarButton.js.map → ToolbarButton.cjs.map} +1 -1
  84. package/lib-commonjs/{ToolbarDivider.js → ToolbarDivider.cjs} +1 -1
  85. package/lib-commonjs/{ToolbarDivider.js.map → ToolbarDivider.cjs.map} +1 -1
  86. package/lib-commonjs/{ToolbarGroup.js → ToolbarGroup.cjs} +1 -1
  87. package/lib-commonjs/{ToolbarGroup.js.map → ToolbarGroup.cjs.map} +1 -1
  88. package/lib-commonjs/{ToolbarRadioButton.js → ToolbarRadioButton.cjs} +1 -1
  89. package/lib-commonjs/{ToolbarRadioButton.js.map → ToolbarRadioButton.cjs.map} +1 -1
  90. package/lib-commonjs/{ToolbarRadioGroup.js → ToolbarRadioGroup.cjs} +1 -1
  91. package/lib-commonjs/{ToolbarRadioGroup.js.map → ToolbarRadioGroup.cjs.map} +1 -1
  92. package/lib-commonjs/{ToolbarToggleButton.js → ToolbarToggleButton.cjs} +1 -1
  93. package/lib-commonjs/{ToolbarToggleButton.js.map → ToolbarToggleButton.cjs.map} +1 -1
  94. package/lib-commonjs/components/Toolbar/{Toolbar.js → Toolbar.cjs} +4 -4
  95. package/lib-commonjs/components/Toolbar/{Toolbar.js.map → Toolbar.cjs.map} +1 -1
  96. package/lib-commonjs/components/Toolbar/{index.js → index.cjs} +6 -6
  97. package/lib-commonjs/components/Toolbar/{index.js.map → index.cjs.map} +1 -1
  98. package/lib-commonjs/components/Toolbar/{renderToolbar.js → renderToolbar.cjs} +1 -1
  99. package/lib-commonjs/components/Toolbar/{renderToolbar.js.map → renderToolbar.cjs.map} +1 -1
  100. package/lib-commonjs/components/Toolbar/useToolbarStyles.styles.cjs.map +1 -0
  101. package/lib-commonjs/components/ToolbarButton/{ToolbarButton.js → ToolbarButton.cjs} +2 -2
  102. package/lib-commonjs/components/ToolbarButton/{ToolbarButton.js.map → ToolbarButton.cjs.map} +1 -1
  103. package/lib-commonjs/components/ToolbarButton/{index.js → index.cjs} +3 -3
  104. package/lib-commonjs/components/ToolbarButton/{index.js.map → index.cjs.map} +1 -1
  105. package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.styles.cjs.map +1 -0
  106. package/lib-commonjs/components/ToolbarDivider/{ToolbarDivider.js → ToolbarDivider.cjs} +2 -2
  107. package/lib-commonjs/components/ToolbarDivider/{ToolbarDivider.js.map → ToolbarDivider.cjs.map} +1 -1
  108. package/lib-commonjs/components/ToolbarDivider/{index.js → index.cjs} +3 -3
  109. package/lib-commonjs/components/ToolbarDivider/{index.js.map → index.cjs.map} +1 -1
  110. package/lib-commonjs/components/ToolbarDivider/{useToolbarDivider.js → useToolbarDivider.cjs} +1 -1
  111. package/lib-commonjs/components/ToolbarDivider/{useToolbarDivider.js.map → useToolbarDivider.cjs.map} +1 -1
  112. package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.styles.cjs.map +1 -0
  113. package/lib-commonjs/components/ToolbarGroup/{ToolbarGroup.js → ToolbarGroup.cjs} +3 -3
  114. package/lib-commonjs/components/ToolbarGroup/{ToolbarGroup.js.map → ToolbarGroup.cjs.map} +1 -1
  115. package/lib-commonjs/components/ToolbarGroup/{index.js → index.cjs} +4 -4
  116. package/lib-commonjs/components/ToolbarGroup/{index.js.map → index.cjs.map} +1 -1
  117. package/lib-commonjs/components/ToolbarGroup/{useToolbarGroup.js → useToolbarGroup.cjs} +1 -1
  118. package/lib-commonjs/components/ToolbarGroup/{useToolbarGroup.js.map → useToolbarGroup.cjs.map} +1 -1
  119. package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.styles.cjs.map +1 -0
  120. package/lib-commonjs/components/ToolbarRadioButton/{ToolbarRadioButton.js → ToolbarRadioButton.cjs} +2 -2
  121. package/lib-commonjs/components/ToolbarRadioButton/{ToolbarRadioButton.js.map → ToolbarRadioButton.cjs.map} +1 -1
  122. package/lib-commonjs/components/ToolbarRadioButton/{index.js → index.cjs} +3 -3
  123. package/lib-commonjs/components/ToolbarRadioButton/{index.js.map → index.cjs.map} +1 -1
  124. package/lib-commonjs/components/ToolbarRadioButton/{useToolbarRadioButton.js → useToolbarRadioButton.cjs} +1 -1
  125. package/lib-commonjs/components/ToolbarRadioButton/{useToolbarRadioButton.js.map → useToolbarRadioButton.cjs.map} +1 -1
  126. package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.cjs.map +1 -0
  127. package/lib-commonjs/components/ToolbarRadioGroup/{ToolbarRadioGroup.js → ToolbarRadioGroup.cjs} +1 -1
  128. package/lib-commonjs/components/ToolbarRadioGroup/{ToolbarRadioGroup.js.map → ToolbarRadioGroup.cjs.map} +1 -1
  129. package/lib-commonjs/components/ToolbarRadioGroup/{index.js → index.cjs} +1 -1
  130. package/lib-commonjs/components/ToolbarRadioGroup/{index.js.map → index.cjs.map} +1 -1
  131. package/lib-commonjs/components/ToolbarToggleButton/{ToolbarToggleButton.js → ToolbarToggleButton.cjs} +2 -2
  132. package/lib-commonjs/components/ToolbarToggleButton/{ToolbarToggleButton.js.map → ToolbarToggleButton.cjs.map} +1 -1
  133. package/lib-commonjs/components/ToolbarToggleButton/{index.js → index.cjs} +3 -3
  134. package/lib-commonjs/components/ToolbarToggleButton/{index.js.map → index.cjs.map} +1 -1
  135. package/lib-commonjs/components/ToolbarToggleButton/{useToolbarToggleButton.js → useToolbarToggleButton.cjs} +1 -1
  136. package/lib-commonjs/components/ToolbarToggleButton/{useToolbarToggleButton.js.map → useToolbarToggleButton.cjs.map} +1 -1
  137. package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.cjs.map +1 -0
  138. package/lib-commonjs/{index.js → index.cjs} +7 -7
  139. package/lib-commonjs/{index.js.map → index.cjs.map} +1 -1
  140. package/package.json +22 -16
  141. package/lib-commonjs/components/Toolbar/useToolbarStyles.styles.js.map +0 -1
  142. package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.styles.js.map +0 -1
  143. package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.styles.js.map +0 -1
  144. package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.styles.js.map +0 -1
  145. package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.js.map +0 -1
  146. package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.js.map +0 -1
  147. /package/lib-commonjs/components/Toolbar/{Toolbar.types.js → Toolbar.types.cjs} +0 -0
  148. /package/lib-commonjs/components/Toolbar/{Toolbar.types.js.map → Toolbar.types.cjs.map} +0 -0
  149. /package/lib-commonjs/components/Toolbar/{ToolbarContext.js → ToolbarContext.cjs} +0 -0
  150. /package/lib-commonjs/components/Toolbar/{ToolbarContext.js.map → ToolbarContext.cjs.map} +0 -0
  151. /package/lib-commonjs/components/Toolbar/{useToolbar.js → useToolbar.cjs} +0 -0
  152. /package/lib-commonjs/components/Toolbar/{useToolbar.js.map → useToolbar.cjs.map} +0 -0
  153. /package/lib-commonjs/components/Toolbar/{useToolbarContextValues.js → useToolbarContextValues.cjs} +0 -0
  154. /package/lib-commonjs/components/Toolbar/{useToolbarContextValues.js.map → useToolbarContextValues.cjs.map} +0 -0
  155. /package/lib-commonjs/components/Toolbar/{useToolbarStyles.styles.js → useToolbarStyles.styles.cjs} +0 -0
  156. /package/lib-commonjs/components/Toolbar/{useToolbarStyles.styles.raw.js → useToolbarStyles.styles.raw.cjs} +0 -0
  157. /package/lib-commonjs/components/Toolbar/{useToolbarStyles.styles.raw.js.map → useToolbarStyles.styles.raw.cjs.map} +0 -0
  158. /package/lib-commonjs/components/ToolbarButton/{ToolbarButton.types.js → ToolbarButton.types.cjs} +0 -0
  159. /package/lib-commonjs/components/ToolbarButton/{ToolbarButton.types.js.map → ToolbarButton.types.cjs.map} +0 -0
  160. /package/lib-commonjs/components/ToolbarButton/{useToolbarButton.js → useToolbarButton.cjs} +0 -0
  161. /package/lib-commonjs/components/ToolbarButton/{useToolbarButton.js.map → useToolbarButton.cjs.map} +0 -0
  162. /package/lib-commonjs/components/ToolbarButton/{useToolbarButtonStyles.styles.js → useToolbarButtonStyles.styles.cjs} +0 -0
  163. /package/lib-commonjs/components/ToolbarButton/{useToolbarButtonStyles.styles.raw.js → useToolbarButtonStyles.styles.raw.cjs} +0 -0
  164. /package/lib-commonjs/components/ToolbarButton/{useToolbarButtonStyles.styles.raw.js.map → useToolbarButtonStyles.styles.raw.cjs.map} +0 -0
  165. /package/lib-commonjs/components/ToolbarDivider/{ToolbarDivider.types.js → ToolbarDivider.types.cjs} +0 -0
  166. /package/lib-commonjs/components/ToolbarDivider/{ToolbarDivider.types.js.map → ToolbarDivider.types.cjs.map} +0 -0
  167. /package/lib-commonjs/components/ToolbarDivider/{useToolbarDividerStyles.styles.js → useToolbarDividerStyles.styles.cjs} +0 -0
  168. /package/lib-commonjs/components/ToolbarDivider/{useToolbarDividerStyles.styles.raw.js → useToolbarDividerStyles.styles.raw.cjs} +0 -0
  169. /package/lib-commonjs/components/ToolbarDivider/{useToolbarDividerStyles.styles.raw.js.map → useToolbarDividerStyles.styles.raw.cjs.map} +0 -0
  170. /package/lib-commonjs/components/ToolbarGroup/{ToolbarGroup.types.js → ToolbarGroup.types.cjs} +0 -0
  171. /package/lib-commonjs/components/ToolbarGroup/{ToolbarGroup.types.js.map → ToolbarGroup.types.cjs.map} +0 -0
  172. /package/lib-commonjs/components/ToolbarGroup/{renderToolbarGroup.js → renderToolbarGroup.cjs} +0 -0
  173. /package/lib-commonjs/components/ToolbarGroup/{renderToolbarGroup.js.map → renderToolbarGroup.cjs.map} +0 -0
  174. /package/lib-commonjs/components/ToolbarGroup/{useToolbarGroupStyles.styles.js → useToolbarGroupStyles.styles.cjs} +0 -0
  175. /package/lib-commonjs/components/ToolbarGroup/{useToolbarGroupStyles.styles.raw.js → useToolbarGroupStyles.styles.raw.cjs} +0 -0
  176. /package/lib-commonjs/components/ToolbarGroup/{useToolbarGroupStyles.styles.raw.js.map → useToolbarGroupStyles.styles.raw.cjs.map} +0 -0
  177. /package/lib-commonjs/components/ToolbarRadioButton/{ToolbarRadioButton.types.js → ToolbarRadioButton.types.cjs} +0 -0
  178. /package/lib-commonjs/components/ToolbarRadioButton/{ToolbarRadioButton.types.js.map → ToolbarRadioButton.types.cjs.map} +0 -0
  179. /package/lib-commonjs/components/ToolbarRadioButton/{useToolbarRadioButtonStyles.styles.js → useToolbarRadioButtonStyles.styles.cjs} +0 -0
  180. /package/lib-commonjs/components/ToolbarRadioButton/{useToolbarRadioButtonStyles.styles.raw.js → useToolbarRadioButtonStyles.styles.raw.cjs} +0 -0
  181. /package/lib-commonjs/components/ToolbarRadioButton/{useToolbarRadioButtonStyles.styles.raw.js.map → useToolbarRadioButtonStyles.styles.raw.cjs.map} +0 -0
  182. /package/lib-commonjs/components/ToolbarRadioGroup/{ToolbarRadioGroup.types.js → ToolbarRadioGroup.types.cjs} +0 -0
  183. /package/lib-commonjs/components/ToolbarRadioGroup/{ToolbarRadioGroup.types.js.map → ToolbarRadioGroup.types.cjs.map} +0 -0
  184. /package/lib-commonjs/components/ToolbarToggleButton/{ToolbarToggleButton.types.js → ToolbarToggleButton.types.cjs} +0 -0
  185. /package/lib-commonjs/components/ToolbarToggleButton/{ToolbarToggleButton.types.js.map → ToolbarToggleButton.types.cjs.map} +0 -0
  186. /package/lib-commonjs/components/ToolbarToggleButton/{useToolbarToggleButtonStyles.styles.js → useToolbarToggleButtonStyles.styles.cjs} +0 -0
  187. /package/lib-commonjs/components/ToolbarToggleButton/{useToolbarToggleButtonStyles.styles.raw.js → useToolbarToggleButtonStyles.styles.raw.cjs} +0 -0
  188. /package/lib-commonjs/components/ToolbarToggleButton/{useToolbarToggleButtonStyles.styles.raw.js.map → useToolbarToggleButtonStyles.styles.raw.cjs.map} +0 -0
@@ -1 +1 @@
1
- {"version":3,"names":["tokens","__styles","mergeClasses","useToggleButtonStyles_unstable","useBaseStyles","selected","De3pzq","sj55zd","iconSelected","d","useToolbarToggleButtonStyles_unstable","state","toggleButtonStyles","root","className","checked","icon"],"sources":["useToolbarToggleButtonStyles.styles.js"],"sourcesContent":["'use client';\nimport { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = makeStyles({\n /* use subtle ToggleButton selected styles for Toolbar Radio selected state */ selected: {\n backgroundColor: tokens.colorSubtleBackgroundSelected,\n color: tokens.colorNeutralForeground2Selected\n },\n iconSelected: {\n color: tokens.colorNeutralForeground2BrandSelected\n }\n});\n/**\n * Apply styling to the ToolbarToggleButton slots based on the state\n */ export const useToolbarToggleButtonStyles_unstable = (state)=>{\n const toggleButtonStyles = useBaseStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(state.checked && toggleButtonStyles.selected, state.root.className);\n if (state.icon) {\n // eslint-disable-next-line react-hooks/immutability\n state.icon.className = mergeClasses(state.checked && toggleButtonStyles.iconSelected, state.icon.className);\n }\n useToggleButtonStyles_unstable(state);\n return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAAAC,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,8BAA8B,QAAQ,wBAAwB;AACvE,MAAMC,aAAa,gBAAGH,QAAA;EAAAI,QAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAD,MAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,CAQrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,qCAAqC,GAAIC,KAAK,IAAG;EAC9D,MAAMC,kBAAkB,GAAGR,aAAa,CAAC,CAAC;EAC1C;EACAO,KAAK,CAACE,IAAI,CAACC,SAAS,GAAGZ,YAAY,CAACS,KAAK,CAACI,OAAO,IAAIH,kBAAkB,CAACP,QAAQ,EAAEM,KAAK,CAACE,IAAI,CAACC,SAAS,CAAC;EACvG,IAAIH,KAAK,CAACK,IAAI,EAAE;IACZ;IACAL,KAAK,CAACK,IAAI,CAACF,SAAS,GAAGZ,YAAY,CAACS,KAAK,CAACI,OAAO,IAAIH,kBAAkB,CAACJ,YAAY,EAAEG,KAAK,CAACK,IAAI,CAACF,SAAS,CAAC;EAC/G;EACAX,8BAA8B,CAACQ,KAAK,CAAC;EACrC,OAAOA,KAAK;AAChB,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["tokens","__styles","mergeClasses","useToggleButtonStyles_unstable","useBaseStyles","selected","De3pzq","sj55zd","iconSelected","d","useToolbarToggleButtonStyles_unstable","state","toggleButtonStyles","root","className","checked","icon"],"sources":["useToolbarToggleButtonStyles.styles.js"],"sourcesContent":["'use client';\nimport { tokens } from \"@fluentui/react-theme\";\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { useToggleButtonStyles_unstable } from \"@fluentui/react-button\";\nconst useBaseStyles = makeStyles({\n /* use subtle ToggleButton selected styles for Toolbar Radio selected state */ selected: {\n backgroundColor: tokens.colorSubtleBackgroundSelected,\n color: tokens.colorNeutralForeground2Selected\n },\n iconSelected: {\n color: tokens.colorNeutralForeground2BrandSelected\n }\n});\n/**\n * Apply styling to the ToolbarToggleButton slots based on the state\n */ export const useToolbarToggleButtonStyles_unstable = (state)=>{\n const toggleButtonStyles = useBaseStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(state.checked && toggleButtonStyles.selected, state.root.className);\n if (state.icon) {\n // eslint-disable-next-line react-hooks/immutability\n state.icon.className = mergeClasses(state.checked && toggleButtonStyles.iconSelected, state.icon.className);\n }\n useToggleButtonStyles_unstable(state);\n return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAAAC,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,8BAA8B,QAAQ,wBAAwB;AACvE,MAAMC,aAAa,gBAAGH,QAAA;EAAAI,QAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAD,MAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,CAQrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,qCAAqC,GAAIC,KAAK,IAAG;EAC9D,MAAMC,kBAAkB,GAAGR,aAAa,CAAC,CAAC;EAC1C;EACAO,KAAK,CAACE,IAAI,CAACC,SAAS,GAAGZ,YAAY,CAACS,KAAK,CAACI,OAAO,IAAIH,kBAAkB,CAACP,QAAQ,EAAEM,KAAK,CAACE,IAAI,CAACC,SAAS,CAAC;EACvG,IAAIH,KAAK,CAACK,IAAI,EAAE;IACZ;IACAL,KAAK,CAACK,IAAI,CAACF,SAAS,GAAGZ,YAAY,CAACS,KAAK,CAACI,OAAO,IAAIH,kBAAkB,CAACJ,YAAY,EAAEG,KAAK,CAACK,IAAI,CAACF,SAAS,CAAC;EAC/G;EACAX,8BAA8B,CAACQ,KAAK,CAAC;EACrC,OAAOA,KAAK;AAChB,CAAC","ignoreList":[]}
@@ -1,7 +1,7 @@
1
1
  'use client';
2
- import { tokens } from '@fluentui/react-theme';
3
- import { makeStyles, mergeClasses } from '@griffel/react';
4
- import { useToggleButtonStyles_unstable } from '@fluentui/react-button';
2
+ import { tokens } from "@fluentui/react-theme";
3
+ import { makeStyles, mergeClasses } from "@griffel/react";
4
+ import { useToggleButtonStyles_unstable } from "@fluentui/react-button";
5
5
  const useBaseStyles = makeStyles({
6
6
  /* use subtle ToggleButton selected styles for Toolbar Radio selected state */ selected: {
7
7
  backgroundColor: tokens.colorSubtleBackgroundSelected,
package/lib/index.js CHANGED
@@ -1,7 +1,7 @@
1
- export { Toolbar, renderToolbar_unstable, toolbarClassNames, useToolbarStyles_unstable, useToolbar_unstable, useToolbarContextValues_unstable, useToolbarContext_unstable, useToolbarBase_unstable } from './Toolbar';
2
- export { ToolbarButton, useToolbarButtonStyles_unstable, useToolbarButton_unstable, useToolbarButtonBase_unstable } from './ToolbarButton';
3
- export { ToolbarDivider, useToolbarDividerStyles_unstable, useToolbarDivider_unstable, useToolbarDividerBase_unstable } from './ToolbarDivider';
4
- export { ToolbarToggleButton, useToolbarToggleButtonStyles_unstable, useToolbarToggleButton_unstable, useToolbarToggleButtonBase_unstable } from './ToolbarToggleButton';
5
- export { ToolbarRadioButton, useToolbarRadioButtonStyles_unstable, useToolbarRadioButton_unstable, useToolbarRadioButtonBase_unstable } from './ToolbarRadioButton';
6
- export { ToolbarGroup, useToolbarGroupStyles_unstable, useToolbarGroup_unstable, renderToolbarGroup_unstable, toolbarGroupClassNames } from './ToolbarGroup';
7
- export { ToolbarRadioGroup } from './ToolbarRadioGroup';
1
+ export { Toolbar, renderToolbar_unstable, toolbarClassNames, useToolbarStyles_unstable, useToolbar_unstable, useToolbarContextValues_unstable, useToolbarContext_unstable, useToolbarBase_unstable } from "./Toolbar.js";
2
+ export { ToolbarButton, useToolbarButtonStyles_unstable, useToolbarButton_unstable, useToolbarButtonBase_unstable } from "./ToolbarButton.js";
3
+ export { ToolbarDivider, useToolbarDividerStyles_unstable, useToolbarDivider_unstable, useToolbarDividerBase_unstable } from "./ToolbarDivider.js";
4
+ export { ToolbarToggleButton, useToolbarToggleButtonStyles_unstable, useToolbarToggleButton_unstable, useToolbarToggleButtonBase_unstable } from "./ToolbarToggleButton.js";
5
+ export { ToolbarRadioButton, useToolbarRadioButtonStyles_unstable, useToolbarRadioButton_unstable, useToolbarRadioButtonBase_unstable } from "./ToolbarRadioButton.js";
6
+ export { ToolbarGroup, useToolbarGroupStyles_unstable, useToolbarGroup_unstable, renderToolbarGroup_unstable, toolbarGroupClassNames } from "./ToolbarGroup.js";
7
+ export { ToolbarRadioGroup } from "./ToolbarRadioGroup.js";
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n Toolbar,\n renderToolbar_unstable,\n toolbarClassNames,\n useToolbarStyles_unstable,\n useToolbar_unstable,\n useToolbarContextValues_unstable,\n useToolbarContext_unstable,\n useToolbarBase_unstable,\n} from './Toolbar';\nexport type {\n ToolbarContextValue,\n ToolbarContextValues,\n ToolbarProps,\n ToolbarSlots,\n ToolbarState,\n ToolbarBaseState,\n ToolbarBaseProps,\n} from './Toolbar';\nexport {\n ToolbarButton,\n useToolbarButtonStyles_unstable,\n useToolbarButton_unstable,\n useToolbarButtonBase_unstable,\n} from './ToolbarButton';\nexport type {\n ToolbarButtonProps,\n ToolbarButtonState,\n ToolbarButtonBaseState,\n ToolbarButtonBaseProps,\n} from './ToolbarButton';\nexport {\n ToolbarDivider,\n useToolbarDividerStyles_unstable,\n useToolbarDivider_unstable,\n useToolbarDividerBase_unstable,\n} from './ToolbarDivider';\nexport type {\n ToolbarDividerProps,\n ToolbarDividerState,\n ToolbarDividerBaseState,\n ToolbarDividerBaseProps,\n} from './ToolbarDivider';\nexport {\n ToolbarToggleButton,\n useToolbarToggleButtonStyles_unstable,\n useToolbarToggleButton_unstable,\n useToolbarToggleButtonBase_unstable,\n} from './ToolbarToggleButton';\nexport type {\n ToolbarToggleButtonProps,\n ToolbarToggleButtonState,\n ToolbarToggleButtonBaseState,\n ToolbarToggleButtonBaseProps,\n} from './ToolbarToggleButton';\nexport {\n ToolbarRadioButton,\n useToolbarRadioButtonStyles_unstable,\n useToolbarRadioButton_unstable,\n useToolbarRadioButtonBase_unstable,\n} from './ToolbarRadioButton';\nexport type {\n ToolbarRadioButtonProps,\n ToolbarRadioButtonState,\n ToolbarRadioButtonBaseState,\n ToolbarRadioButtonBaseProps,\n} from './ToolbarRadioButton';\nexport {\n ToolbarGroup,\n useToolbarGroupStyles_unstable,\n useToolbarGroup_unstable,\n renderToolbarGroup_unstable,\n toolbarGroupClassNames,\n} from './ToolbarGroup';\nexport type { ToolbarGroupProps, ToolbarGroupState } from './ToolbarGroup';\nexport { ToolbarRadioGroup } from './ToolbarRadioGroup';\nexport type { ToolbarRadioGroupProps, ToolbarRadioGroupState } from './ToolbarRadioGroup';\n"],"names":["Toolbar","renderToolbar_unstable","toolbarClassNames","useToolbarStyles_unstable","useToolbar_unstable","useToolbarContextValues_unstable","useToolbarContext_unstable","useToolbarBase_unstable","ToolbarButton","useToolbarButtonStyles_unstable","useToolbarButton_unstable","useToolbarButtonBase_unstable","ToolbarDivider","useToolbarDividerStyles_unstable","useToolbarDivider_unstable","useToolbarDividerBase_unstable","ToolbarToggleButton","useToolbarToggleButtonStyles_unstable","useToolbarToggleButton_unstable","useToolbarToggleButtonBase_unstable","ToolbarRadioButton","useToolbarRadioButtonStyles_unstable","useToolbarRadioButton_unstable","useToolbarRadioButtonBase_unstable","ToolbarGroup","useToolbarGroupStyles_unstable","useToolbarGroup_unstable","renderToolbarGroup_unstable","toolbarGroupClassNames","ToolbarRadioGroup"],"mappings":"AAAA,SACEA,OAAO,EACPC,sBAAsB,EACtBC,iBAAiB,EACjBC,yBAAyB,EACzBC,mBAAmB,EACnBC,gCAAgC,EAChCC,0BAA0B,EAC1BC,uBAAuB,QAClB,YAAY;AAUnB,SACEC,aAAa,EACbC,+BAA+B,EAC/BC,yBAAyB,EACzBC,6BAA6B,QACxB,kBAAkB;AAOzB,SACEC,cAAc,EACdC,gCAAgC,EAChCC,0BAA0B,EAC1BC,8BAA8B,QACzB,mBAAmB;AAO1B,SACEC,mBAAmB,EACnBC,qCAAqC,EACrCC,+BAA+B,EAC/BC,mCAAmC,QAC9B,wBAAwB;AAO/B,SACEC,kBAAkB,EAClBC,oCAAoC,EACpCC,8BAA8B,EAC9BC,kCAAkC,QAC7B,uBAAuB;AAO9B,SACEC,YAAY,EACZC,8BAA8B,EAC9BC,wBAAwB,EACxBC,2BAA2B,EAC3BC,sBAAsB,QACjB,iBAAiB;AAExB,SAASC,iBAAiB,QAAQ,sBAAsB"}
1
+ {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n Toolbar,\n renderToolbar_unstable,\n toolbarClassNames,\n useToolbarStyles_unstable,\n useToolbar_unstable,\n useToolbarContextValues_unstable,\n useToolbarContext_unstable,\n useToolbarBase_unstable,\n} from './Toolbar';\nexport type {\n ToolbarContextValue,\n ToolbarContextValues,\n ToolbarProps,\n ToolbarSlots,\n ToolbarState,\n ToolbarBaseState,\n ToolbarBaseProps,\n} from './Toolbar';\nexport {\n ToolbarButton,\n useToolbarButtonStyles_unstable,\n useToolbarButton_unstable,\n useToolbarButtonBase_unstable,\n} from './ToolbarButton';\nexport type {\n ToolbarButtonProps,\n ToolbarButtonState,\n ToolbarButtonBaseState,\n ToolbarButtonBaseProps,\n} from './ToolbarButton';\nexport {\n ToolbarDivider,\n useToolbarDividerStyles_unstable,\n useToolbarDivider_unstable,\n useToolbarDividerBase_unstable,\n} from './ToolbarDivider';\nexport type {\n ToolbarDividerProps,\n ToolbarDividerState,\n ToolbarDividerBaseState,\n ToolbarDividerBaseProps,\n} from './ToolbarDivider';\nexport {\n ToolbarToggleButton,\n useToolbarToggleButtonStyles_unstable,\n useToolbarToggleButton_unstable,\n useToolbarToggleButtonBase_unstable,\n} from './ToolbarToggleButton';\nexport type {\n ToolbarToggleButtonProps,\n ToolbarToggleButtonState,\n ToolbarToggleButtonBaseState,\n ToolbarToggleButtonBaseProps,\n} from './ToolbarToggleButton';\nexport {\n ToolbarRadioButton,\n useToolbarRadioButtonStyles_unstable,\n useToolbarRadioButton_unstable,\n useToolbarRadioButtonBase_unstable,\n} from './ToolbarRadioButton';\nexport type {\n ToolbarRadioButtonProps,\n ToolbarRadioButtonState,\n ToolbarRadioButtonBaseState,\n ToolbarRadioButtonBaseProps,\n} from './ToolbarRadioButton';\nexport {\n ToolbarGroup,\n useToolbarGroupStyles_unstable,\n useToolbarGroup_unstable,\n renderToolbarGroup_unstable,\n toolbarGroupClassNames,\n} from './ToolbarGroup';\nexport type { ToolbarGroupProps, ToolbarGroupState } from './ToolbarGroup';\nexport { ToolbarRadioGroup } from './ToolbarRadioGroup';\nexport type { ToolbarRadioGroupProps, ToolbarRadioGroupState } from './ToolbarRadioGroup';\n"],"names":["Toolbar","renderToolbar_unstable","toolbarClassNames","useToolbarStyles_unstable","useToolbar_unstable","useToolbarContextValues_unstable","useToolbarContext_unstable","useToolbarBase_unstable","ToolbarButton","useToolbarButtonStyles_unstable","useToolbarButton_unstable","useToolbarButtonBase_unstable","ToolbarDivider","useToolbarDividerStyles_unstable","useToolbarDivider_unstable","useToolbarDividerBase_unstable","ToolbarToggleButton","useToolbarToggleButtonStyles_unstable","useToolbarToggleButton_unstable","useToolbarToggleButtonBase_unstable","ToolbarRadioButton","useToolbarRadioButtonStyles_unstable","useToolbarRadioButton_unstable","useToolbarRadioButtonBase_unstable","ToolbarGroup","useToolbarGroupStyles_unstable","useToolbarGroup_unstable","renderToolbarGroup_unstable","toolbarGroupClassNames","ToolbarRadioGroup"],"mappings":"AAAA,SACEA,OAAO,EACPC,sBAAsB,EACtBC,iBAAiB,EACjBC,yBAAyB,EACzBC,mBAAmB,EACnBC,gCAAgC,EAChCC,0BAA0B,EAC1BC,uBAAuB,QAClB,eAAY;AAUnB,SACEC,aAAa,EACbC,+BAA+B,EAC/BC,yBAAyB,EACzBC,6BAA6B,QACxB,qBAAkB;AAOzB,SACEC,cAAc,EACdC,gCAAgC,EAChCC,0BAA0B,EAC1BC,8BAA8B,QACzB,sBAAmB;AAO1B,SACEC,mBAAmB,EACnBC,qCAAqC,EACrCC,+BAA+B,EAC/BC,mCAAmC,QAC9B,2BAAwB;AAO/B,SACEC,kBAAkB,EAClBC,oCAAoC,EACpCC,8BAA8B,EAC9BC,kCAAkC,QAC7B,0BAAuB;AAO9B,SACEC,YAAY,EACZC,8BAA8B,EAC9BC,wBAAwB,EACxBC,2BAA2B,EAC3BC,sBAAsB,QACjB,oBAAiB;AAExB,SAASC,iBAAiB,QAAQ,yBAAsB"}
@@ -34,4 +34,4 @@ _export(exports, {
34
34
  return _index.useToolbar_unstable;
35
35
  }
36
36
  });
37
- const _index = require("./components/Toolbar/index");
37
+ const _index = require("./components/Toolbar/index.cjs");
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Toolbar.ts"],"sourcesContent":["export type {\n ToggableHandler,\n ToolbarCheckedValueChangeData,\n ToolbarCheckedValueChangeEvent,\n ToolbarContextValue,\n ToolbarContextValues,\n ToolbarBaseProps,\n ToolbarProps,\n ToolbarSlots,\n ToolbarBaseState,\n ToolbarState,\n UninitializedToolbarState,\n} from './components/Toolbar/index';\nexport {\n Toolbar,\n renderToolbar_unstable,\n toolbarClassNames,\n useToolbarStyles_unstable,\n useToolbar_unstable,\n useToolbarBase_unstable,\n useToolbarContext_unstable,\n useToolbarContextValues_unstable,\n} from './components/Toolbar/index';\n"],"names":["Toolbar","renderToolbar_unstable","toolbarClassNames","useToolbarStyles_unstable","useToolbar_unstable","useToolbarBase_unstable","useToolbarContext_unstable","useToolbarContextValues_unstable"],"mappings":";;;;;;;;;;;IAcEA;6BAAO;;;eACPC,6BAAsB;;;eACtBC,wBAAiB;;;eAGjBG,8BAAuB;;IAEvBE;sDAAgC;;;eADhCD,iCAA0B;;;eAH1BH,gCAAyB;;;eACzBC,0BAAmB;;;uBAId,6BAA6B"}
1
+ {"version":3,"sources":["../src/Toolbar.ts"],"sourcesContent":["export type {\n ToggableHandler,\n ToolbarCheckedValueChangeData,\n ToolbarCheckedValueChangeEvent,\n ToolbarContextValue,\n ToolbarContextValues,\n ToolbarBaseProps,\n ToolbarProps,\n ToolbarSlots,\n ToolbarBaseState,\n ToolbarState,\n UninitializedToolbarState,\n} from './components/Toolbar/index';\nexport {\n Toolbar,\n renderToolbar_unstable,\n toolbarClassNames,\n useToolbarStyles_unstable,\n useToolbar_unstable,\n useToolbarBase_unstable,\n useToolbarContext_unstable,\n useToolbarContextValues_unstable,\n} from './components/Toolbar/index';\n"],"names":["Toolbar","renderToolbar_unstable","toolbarClassNames","useToolbarStyles_unstable","useToolbar_unstable","useToolbarBase_unstable","useToolbarContext_unstable","useToolbarContextValues_unstable"],"mappings":";;;;;;;;;;;IAcEA;6BAAO;;;eACPC,6BAAsB;;;eACtBC,wBAAiB;;;eAGjBG,8BAAuB;;IAEvBE;sDAAgC;;;eADhCD,iCAA0B;;;eAH1BH,gCAAyB;;;eACzBC,0BAAmB;;;uBAId,gCAA6B"}
@@ -22,4 +22,4 @@ _export(exports, {
22
22
  return _index.useToolbarButton_unstable;
23
23
  }
24
24
  });
25
- const _index = require("./components/ToolbarButton/index");
25
+ const _index = require("./components/ToolbarButton/index.cjs");
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/ToolbarButton.ts"],"sourcesContent":["export type {\n ToolbarButtonBaseState,\n ToolbarButtonProps,\n ToolbarButtonBaseProps,\n ToolbarButtonState,\n} from './components/ToolbarButton/index';\nexport {\n ToolbarButton,\n useToolbarButtonStyles_unstable,\n useToolbarButton_unstable,\n useToolbarButtonBase_unstable,\n} from './components/ToolbarButton/index';\n"],"names":["ToolbarButton","useToolbarButtonStyles_unstable","useToolbarButton_unstable","useToolbarButtonBase_unstable"],"mappings":";;;;;;;;;;;;eAOEA,oBAAa;;;eAGbG,oCAA6B;;;eAF7BF,sCAA+B;;;eAC/BC,gCAAyB;;;uBAEpB,mCAAmC"}
1
+ {"version":3,"sources":["../src/ToolbarButton.ts"],"sourcesContent":["export type {\n ToolbarButtonBaseState,\n ToolbarButtonProps,\n ToolbarButtonBaseProps,\n ToolbarButtonState,\n} from './components/ToolbarButton/index';\nexport {\n ToolbarButton,\n useToolbarButtonStyles_unstable,\n useToolbarButton_unstable,\n useToolbarButtonBase_unstable,\n} from './components/ToolbarButton/index';\n"],"names":["ToolbarButton","useToolbarButtonStyles_unstable","useToolbarButton_unstable","useToolbarButtonBase_unstable"],"mappings":";;;;;;;;;;;;eAOEA,oBAAa;;;eAGbG,oCAA6B;;;eAF7BF,sCAA+B;;;eAC/BC,gCAAyB;;;uBAEpB,sCAAmC"}
@@ -22,4 +22,4 @@ _export(exports, {
22
22
  return _index.useToolbarDivider_unstable;
23
23
  }
24
24
  });
25
- const _index = require("./components/ToolbarDivider/index");
25
+ const _index = require("./components/ToolbarDivider/index.cjs");
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/ToolbarDivider.ts"],"sourcesContent":["export type {\n ToolbarDividerBaseState,\n ToolbarDividerProps,\n ToolbarDividerBaseProps,\n ToolbarDividerState,\n} from './components/ToolbarDivider/index';\nexport {\n ToolbarDivider,\n useToolbarDividerStyles_unstable,\n useToolbarDivider_unstable,\n useToolbarDividerBase_unstable,\n} from './components/ToolbarDivider/index';\n"],"names":["ToolbarDivider","useToolbarDividerStyles_unstable","useToolbarDivider_unstable","useToolbarDividerBase_unstable"],"mappings":";;;;;;;;;;;;eAOEA,qBAAc;;;eAGdG,qCAA8B;;;eAF9BF,uCAAgC;;;eAChCC,iCAA0B;;;uBAErB,oCAAoC"}
1
+ {"version":3,"sources":["../src/ToolbarDivider.ts"],"sourcesContent":["export type {\n ToolbarDividerBaseState,\n ToolbarDividerProps,\n ToolbarDividerBaseProps,\n ToolbarDividerState,\n} from './components/ToolbarDivider/index';\nexport {\n ToolbarDivider,\n useToolbarDividerStyles_unstable,\n useToolbarDivider_unstable,\n useToolbarDividerBase_unstable,\n} from './components/ToolbarDivider/index';\n"],"names":["ToolbarDivider","useToolbarDividerStyles_unstable","useToolbarDivider_unstable","useToolbarDividerBase_unstable"],"mappings":";;;;;;;;;;;;eAOEA,qBAAc;;;eAGdG,qCAA8B;;;eAF9BF,uCAAgC;;;eAChCC,iCAA0B;;;uBAErB,uCAAoC"}
@@ -25,4 +25,4 @@ _export(exports, {
25
25
  return _index.useToolbarGroup_unstable;
26
26
  }
27
27
  });
28
- const _index = require("./components/ToolbarGroup/index");
28
+ const _index = require("./components/ToolbarGroup/index.cjs");
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/ToolbarGroup.ts"],"sourcesContent":["export type { ToolbarGroupProps, ToolbarGroupSlots, ToolbarGroupState } from './components/ToolbarGroup/index';\nexport {\n ToolbarGroup,\n renderToolbarGroup_unstable,\n toolbarGroupClassNames,\n useToolbarGroupStyles_unstable,\n useToolbarGroup_unstable,\n} from './components/ToolbarGroup/index';\n"],"names":["ToolbarGroup","renderToolbarGroup_unstable","toolbarGroupClassNames","useToolbarGroupStyles_unstable","useToolbarGroup_unstable"],"mappings":";;;;;;;;;;;;eAEEA,mBAAY;;;eACZC,kCAA2B;;;eAC3BC,6BAAsB;;;eACtBC,qCAA8B;;;eAC9BC,+BAAwB;;;uBACnB,kCAAkC"}
1
+ {"version":3,"sources":["../src/ToolbarGroup.ts"],"sourcesContent":["export type { ToolbarGroupProps, ToolbarGroupSlots, ToolbarGroupState } from './components/ToolbarGroup/index';\nexport {\n ToolbarGroup,\n renderToolbarGroup_unstable,\n toolbarGroupClassNames,\n useToolbarGroupStyles_unstable,\n useToolbarGroup_unstable,\n} from './components/ToolbarGroup/index';\n"],"names":["ToolbarGroup","renderToolbarGroup_unstable","toolbarGroupClassNames","useToolbarGroupStyles_unstable","useToolbarGroup_unstable"],"mappings":";;;;;;;;;;;;eAEEA,mBAAY;;;eACZC,kCAA2B;;;eAC3BC,6BAAsB;;;eACtBC,qCAA8B;;;eAC9BC,+BAAwB;;;uBACnB,qCAAkC"}
@@ -22,4 +22,4 @@ _export(exports, {
22
22
  return _index.useToolbarRadioButton_unstable;
23
23
  }
24
24
  });
25
- const _index = require("./components/ToolbarRadioButton/index");
25
+ const _index = require("./components/ToolbarRadioButton/index.cjs");
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/ToolbarRadioButton.ts"],"sourcesContent":["export type {\n ToolbarRadioButtonBaseProps,\n ToolbarRadioButtonProps,\n ToolbarRadioButtonBaseState,\n ToolbarRadioButtonState,\n} from './components/ToolbarRadioButton/index';\nexport {\n ToolbarRadioButton,\n useToolbarRadioButtonStyles_unstable,\n useToolbarRadioButton_unstable,\n useToolbarRadioButtonBase_unstable,\n} from './components/ToolbarRadioButton/index';\n"],"names":["ToolbarRadioButton","useToolbarRadioButtonStyles_unstable","useToolbarRadioButton_unstable","useToolbarRadioButtonBase_unstable"],"mappings":";;;;;;;;;;;;eAOEA,yBAAkB;;;eAGlBG,yCAAkC;;;eAFlCF,2CAAoC;;;eACpCC,qCAA8B;;;uBAEzB,wCAAwC"}
1
+ {"version":3,"sources":["../src/ToolbarRadioButton.ts"],"sourcesContent":["export type {\n ToolbarRadioButtonBaseProps,\n ToolbarRadioButtonProps,\n ToolbarRadioButtonBaseState,\n ToolbarRadioButtonState,\n} from './components/ToolbarRadioButton/index';\nexport {\n ToolbarRadioButton,\n useToolbarRadioButtonStyles_unstable,\n useToolbarRadioButton_unstable,\n useToolbarRadioButtonBase_unstable,\n} from './components/ToolbarRadioButton/index';\n"],"names":["ToolbarRadioButton","useToolbarRadioButtonStyles_unstable","useToolbarRadioButton_unstable","useToolbarRadioButtonBase_unstable"],"mappings":";;;;;;;;;;;;eAOEA,yBAAkB;;;eAGlBG,yCAAkC;;;eAFlCF,2CAAoC;;;eACpCC,qCAA8B;;;uBAEzB,2CAAwC"}
@@ -8,4 +8,4 @@ Object.defineProperty(exports, "ToolbarRadioGroup", {
8
8
  return _index.ToolbarRadioGroup;
9
9
  }
10
10
  });
11
- const _index = require("./components/ToolbarRadioGroup/index");
11
+ const _index = require("./components/ToolbarRadioGroup/index.cjs");
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/ToolbarRadioGroup.ts"],"sourcesContent":["export type {\n ToolbarRadioGroupProps,\n ToolbarRadioGroupSlots,\n ToolbarRadioGroupState,\n} from './components/ToolbarRadioGroup/index';\nexport { ToolbarRadioGroup } from './components/ToolbarRadioGroup/index';\n"],"names":["ToolbarRadioGroup"],"mappings":";;;;;;;eAKSA,wBAAiB;;;uBAAQ,uCAAuC"}
1
+ {"version":3,"sources":["../src/ToolbarRadioGroup.ts"],"sourcesContent":["export type {\n ToolbarRadioGroupProps,\n ToolbarRadioGroupSlots,\n ToolbarRadioGroupState,\n} from './components/ToolbarRadioGroup/index';\nexport { ToolbarRadioGroup } from './components/ToolbarRadioGroup/index';\n"],"names":["ToolbarRadioGroup"],"mappings":";;;;;;;eAKSA,wBAAiB;;;uBAAQ,0CAAuC"}
@@ -22,4 +22,4 @@ _export(exports, {
22
22
  return _index.useToolbarToggleButton_unstable;
23
23
  }
24
24
  });
25
- const _index = require("./components/ToolbarToggleButton/index");
25
+ const _index = require("./components/ToolbarToggleButton/index.cjs");
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/ToolbarToggleButton.ts"],"sourcesContent":["export type {\n ToolbarToggleButtonBaseProps,\n ToolbarToggleButtonProps,\n ToolbarToggleButtonBaseState,\n ToolbarToggleButtonState,\n} from './components/ToolbarToggleButton/index';\nexport {\n ToolbarToggleButton,\n useToolbarToggleButtonStyles_unstable,\n useToolbarToggleButton_unstable,\n useToolbarToggleButtonBase_unstable,\n} from './components/ToolbarToggleButton/index';\n"],"names":["ToolbarToggleButton","useToolbarToggleButtonStyles_unstable","useToolbarToggleButton_unstable","useToolbarToggleButtonBase_unstable"],"mappings":";;;;;;;;;;;;eAOEA,0BAAmB;;;eAGnBG,0CAAmC;;;eAFnCF,4CAAqC;;;eACrCC,sCAA+B;;;uBAE1B,yCAAyC"}
1
+ {"version":3,"sources":["../src/ToolbarToggleButton.ts"],"sourcesContent":["export type {\n ToolbarToggleButtonBaseProps,\n ToolbarToggleButtonProps,\n ToolbarToggleButtonBaseState,\n ToolbarToggleButtonState,\n} from './components/ToolbarToggleButton/index';\nexport {\n ToolbarToggleButton,\n useToolbarToggleButtonStyles_unstable,\n useToolbarToggleButton_unstable,\n useToolbarToggleButtonBase_unstable,\n} from './components/ToolbarToggleButton/index';\n"],"names":["ToolbarToggleButton","useToolbarToggleButtonStyles_unstable","useToolbarToggleButton_unstable","useToolbarToggleButtonBase_unstable"],"mappings":";;;;;;;;;;;;eAOEA,0BAAmB;;;eAGnBG,0CAAmC;;;eAFnCF,4CAAqC;;;eACrCC,sCAA+B;;;uBAE1B,4CAAyC"}
@@ -11,10 +11,10 @@ Object.defineProperty(exports, "Toolbar", {
11
11
  });
12
12
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
13
13
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
14
- const _useToolbar = require("./useToolbar");
15
- const _renderToolbar = require("./renderToolbar");
16
- const _useToolbarStylesstyles = require("./useToolbarStyles.styles");
17
- const _useToolbarContextValues = require("./useToolbarContextValues");
14
+ const _useToolbar = require("./useToolbar.cjs");
15
+ const _renderToolbar = require("./renderToolbar.cjs");
16
+ const _useToolbarStylesstyles = require("./useToolbarStyles.styles.cjs");
17
+ const _useToolbarContextValues = require("./useToolbarContextValues.cjs");
18
18
  const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
19
19
  const Toolbar = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
20
20
  const state = (0, _useToolbar.useToolbar_unstable)(props, ref);
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/Toolbar/Toolbar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useToolbar_unstable } from './useToolbar';\nimport { renderToolbar_unstable } from './renderToolbar';\nimport { useToolbarStyles_unstable } from './useToolbarStyles.styles';\nimport type { ToolbarProps } from './Toolbar.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useToolbarContextValues_unstable } from './useToolbarContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Toolbar component\n */\nexport const Toolbar: ForwardRefComponent<ToolbarProps> = React.forwardRef((props, ref) => {\n const state = useToolbar_unstable(props, ref);\n const contextValues = useToolbarContextValues_unstable(state);\n\n useToolbarStyles_unstable(state);\n\n useCustomStyleHook_unstable('useToolbarStyles_unstable')(state);\n\n return renderToolbar_unstable(state, contextValues);\n});\n\nToolbar.displayName = 'Toolbar';\n"],"names":["React","useToolbar_unstable","renderToolbar_unstable","useToolbarStyles_unstable","useToolbarContextValues_unstable","useCustomStyleHook_unstable","Toolbar","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;4BACK,eAAe;+BACZ,kBAAkB;wCACf,4BAA4B;yCAGrB,4BAA4B;qCACjC,kCAAkC;AAKvE,MAAMM,UAAAA,WAAAA,GAA6CN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IACjF,MAAMC,YAAQT,+BAAAA,EAAoBO,OAAOC;IACzC,MAAME,oBAAgBP,yDAAAA,EAAiCM;QAEvDP,iDAAAA,EAA0BO;QAE1BL,gDAAAA,EAA4B,6BAA6BK;IAEzD,WAAOR,qCAAAA,EAAuBQ,OAAOC;AACvC,GAAG;AAEHL,QAAQM,WAAW,GAAG"}
1
+ {"version":3,"sources":["../src/components/Toolbar/Toolbar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useToolbar_unstable } from './useToolbar';\nimport { renderToolbar_unstable } from './renderToolbar';\nimport { useToolbarStyles_unstable } from './useToolbarStyles.styles';\nimport type { ToolbarProps } from './Toolbar.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useToolbarContextValues_unstable } from './useToolbarContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Toolbar component\n */\nexport const Toolbar: ForwardRefComponent<ToolbarProps> = React.forwardRef((props, ref) => {\n const state = useToolbar_unstable(props, ref);\n const contextValues = useToolbarContextValues_unstable(state);\n\n useToolbarStyles_unstable(state);\n\n useCustomStyleHook_unstable('useToolbarStyles_unstable')(state);\n\n return renderToolbar_unstable(state, contextValues);\n});\n\nToolbar.displayName = 'Toolbar';\n"],"names":["React","useToolbar_unstable","renderToolbar_unstable","useToolbarStyles_unstable","useToolbarContextValues_unstable","useCustomStyleHook_unstable","Toolbar","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;4BACK,kBAAe;+BACZ,qBAAkB;wCACf,+BAA4B;yCAGrB,+BAA4B;qCACjC,kCAAkC;AAKvE,MAAMM,UAAAA,WAAAA,GAA6CN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IACjF,MAAMC,YAAQT,+BAAAA,EAAoBO,OAAOC;IACzC,MAAME,oBAAgBP,yDAAAA,EAAiCM;QAEvDP,iDAAAA,EAA0BO;QAE1BL,gDAAAA,EAA4B,6BAA6BK;IAEzD,WAAOR,qCAAAA,EAAuBQ,OAAOC;AACvC,GAAG;AAEHL,QAAQM,WAAW,GAAG"}
@@ -34,9 +34,9 @@ _export(exports, {
34
34
  return _useToolbar.useToolbar_unstable;
35
35
  }
36
36
  });
37
- const _ToolbarContext = require("./ToolbarContext");
38
- const _Toolbar = require("./Toolbar");
39
- const _renderToolbar = require("./renderToolbar");
40
- const _useToolbar = require("./useToolbar");
41
- const _useToolbarContextValues = require("./useToolbarContextValues");
42
- const _useToolbarStylesstyles = require("./useToolbarStyles.styles");
37
+ const _ToolbarContext = require("./ToolbarContext.cjs");
38
+ const _Toolbar = require("./Toolbar.cjs");
39
+ const _renderToolbar = require("./renderToolbar.cjs");
40
+ const _useToolbar = require("./useToolbar.cjs");
41
+ const _useToolbarContextValues = require("./useToolbarContextValues.cjs");
42
+ const _useToolbarStylesstyles = require("./useToolbarStyles.styles.cjs");
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/Toolbar/index.ts"],"sourcesContent":["export { useToolbarContext_unstable } from './ToolbarContext';\nexport { Toolbar } from './Toolbar';\nexport type {\n ToggableHandler,\n ToolbarCheckedValueChangeData,\n ToolbarCheckedValueChangeEvent,\n ToolbarContextValue,\n ToolbarContextValues,\n ToolbarBaseProps,\n ToolbarProps,\n ToolbarSlots,\n ToolbarBaseState,\n ToolbarState,\n UninitializedToolbarState,\n} from './Toolbar.types';\nexport { renderToolbar_unstable } from './renderToolbar';\nexport { useToolbar_unstable, useToolbarBase_unstable } from './useToolbar';\nexport { useToolbarContextValues_unstable } from './useToolbarContextValues';\nexport { toolbarClassNames, useToolbarStyles_unstable } from './useToolbarStyles.styles';\n"],"names":["useToolbarContext_unstable","Toolbar","renderToolbar_unstable","useToolbar_unstable","useToolbarBase_unstable","useToolbarContextValues_unstable","toolbarClassNames","useToolbarStyles_unstable"],"mappings":";;;;;;;;;;;IACSC;+BAAO;;;eAcPC,qCAAsB;;;eAGtBI,yCAAiB;;;eAFIF,mCAAuB;;;eAC5CC,yDAAgC;;;eAjBhCL,0CAA0B;;;eAkBPO,iDAAyB;;;eAF5CJ,+BAAmB;;;gCAhBe,mBAAmB;yBACtC,YAAY;+BAcG,kBAAkB;4BACI,eAAe;yCAC3B,4BAA4B;wCAChB,4BAA4B"}
1
+ {"version":3,"sources":["../src/components/Toolbar/index.ts"],"sourcesContent":["export { useToolbarContext_unstable } from './ToolbarContext';\nexport { Toolbar } from './Toolbar';\nexport type {\n ToggableHandler,\n ToolbarCheckedValueChangeData,\n ToolbarCheckedValueChangeEvent,\n ToolbarContextValue,\n ToolbarContextValues,\n ToolbarBaseProps,\n ToolbarProps,\n ToolbarSlots,\n ToolbarBaseState,\n ToolbarState,\n UninitializedToolbarState,\n} from './Toolbar.types';\nexport { renderToolbar_unstable } from './renderToolbar';\nexport { useToolbar_unstable, useToolbarBase_unstable } from './useToolbar';\nexport { useToolbarContextValues_unstable } from './useToolbarContextValues';\nexport { toolbarClassNames, useToolbarStyles_unstable } from './useToolbarStyles.styles';\n"],"names":["useToolbarContext_unstable","Toolbar","renderToolbar_unstable","useToolbar_unstable","useToolbarBase_unstable","useToolbarContextValues_unstable","toolbarClassNames","useToolbarStyles_unstable"],"mappings":";;;;;;;;;;;IACSC;+BAAO;;;eAcPC,qCAAsB;;;eAGtBI,yCAAiB;;;eAFIF,mCAAuB;;;eAC5CC,yDAAgC;;;eAjBhCL,0CAA0B;;;eAkBPO,iDAAyB;;;eAF5CJ,+BAAmB;;;gCAhBe,sBAAmB;yBACtC,eAAY;+BAcG,qBAAkB;4BACI,kBAAe;yCAC3B,+BAA4B;wCAChB,+BAA4B"}
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "renderToolbar_unstable", {
10
10
  });
11
11
  const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
12
12
  const _reactutilities = require("@fluentui/react-utilities");
13
- const _ToolbarContext = require("./ToolbarContext");
13
+ const _ToolbarContext = require("./ToolbarContext.cjs");
14
14
  const renderToolbar_unstable = (state, contextValues)=>{
15
15
  (0, _reactutilities.assertSlots)(state);
16
16
  return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ToolbarContext.ToolbarContext.Provider, {
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/Toolbar/renderToolbar.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { ToolbarBaseState, ToolbarSlots, ToolbarContextValues } from './Toolbar.types';\nimport { ToolbarContext } from './ToolbarContext';\n\n/**\n * Render the final JSX of Toolbar\n */\nexport const renderToolbar_unstable = (state: ToolbarBaseState, contextValues: ToolbarContextValues): JSXElement => {\n assertSlots<ToolbarSlots>(state);\n\n return (\n <ToolbarContext.Provider value={contextValues.toolbar}>\n <state.root>{state.root.children}</state.root>\n </ToolbarContext.Provider>\n );\n};\n"],"names":["assertSlots","ToolbarContext","renderToolbar_unstable","state","contextValues","Provider","value","toolbar","root","children"],"mappings":";;;;+BAUaE;;;;;;4BATb,gDAAiD;gCACrB,4BAA4B;gCAGzB,mBAAmB;AAK3C,+BAA+B,CAACC,OAAyBC;QAC9DJ,2BAAAA,EAA0BG;IAE1B,OAAA,WAAA,OACE,eAAA,EAACF,8BAAAA,CAAeI,QAAQ,EAAA;QAACC,OAAOF,cAAcG,OAAO;kBACnD,WAAA,OAAA,eAAA,EAACJ,MAAMK,IAAI,EAAA;sBAAEL,MAAMK,IAAI,CAACC,QAAQ;;;AAGtC,EAAE"}
1
+ {"version":3,"sources":["../src/components/Toolbar/renderToolbar.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { ToolbarBaseState, ToolbarSlots, ToolbarContextValues } from './Toolbar.types';\nimport { ToolbarContext } from './ToolbarContext';\n\n/**\n * Render the final JSX of Toolbar\n */\nexport const renderToolbar_unstable = (state: ToolbarBaseState, contextValues: ToolbarContextValues): JSXElement => {\n assertSlots<ToolbarSlots>(state);\n\n return (\n <ToolbarContext.Provider value={contextValues.toolbar}>\n <state.root>{state.root.children}</state.root>\n </ToolbarContext.Provider>\n );\n};\n"],"names":["assertSlots","ToolbarContext","renderToolbar_unstable","state","contextValues","Provider","value","toolbar","root","children"],"mappings":";;;;+BAUaE;;;;;;4BATb,gDAAiD;gCACrB,4BAA4B;gCAGzB,sBAAmB;AAK3C,+BAA+B,CAACC,OAAyBC;QAC9DJ,2BAAAA,EAA0BG;IAE1B,OAAA,WAAA,OACE,eAAA,EAACF,8BAAAA,CAAeI,QAAQ,EAAA;QAACC,OAAOF,cAAcG,OAAO;kBACnD,WAAA,OAAA,eAAA,EAACJ,MAAMK,IAAI,EAAA;sBAAEL,MAAMK,IAAI,CAACC,QAAQ;;;AAGtC,EAAE"}
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useToolbarStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nexport const toolbarClassNames = {\n root: 'fui-Toolbar'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n display: 'flex',\n alignItems: 'center',\n padding: '4px 8px'\n },\n vertical: {\n flexDirection: 'column',\n width: 'fit-content'\n },\n small: {\n padding: '0px 4px'\n },\n medium: {\n padding: '4px 8px'\n },\n large: {\n padding: '4px 20px'\n }\n});\n/**\n * Apply styling to the Toolbar slots based on the state\n */ export const useToolbarStyles_unstable = (state)=>{\n const styles = useStyles();\n const { vertical, size } = state;\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(toolbarClassNames.root, styles.root, vertical && styles.vertical, size === 'small' && !vertical && styles.small, size === 'medium' && !vertical && styles.medium, size === 'large' && !vertical && styles.large, state.root.className);\n return state;\n};\n"],"names":["__styles","mergeClasses","toolbarClassNames","root","useStyles","mc9l5x","Bt984gj","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","vertical","Beiy3e4","a9b677","small","medium","large","d","p","useToolbarStyles_unstable","state","styles","size","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECE,iBAAiB;;;IA2BbkB,yBAAyB;;;;uBA5BD,gBAAgB;AAClD,0BAA0B;IAC7BjB,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,QAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,KAAA,EAAA;QAAAR,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAK,MAAA,EAAA;QAAAT,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAM,KAAA,EAAA;QAAAV,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAO,CAAA,EAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;AAAA,CAmBrB,CAAC;AAGS,kCAAmCE,KAAK,IAAG;IAClD,MAAMC,MAAM,GAAGlB,SAAS,CAAC,CAAC;IAC1B,MAAM,EAAEQ,QAAQ,EAAEW,IAAAA,EAAM,GAAGF,KAAK;IAChC,oDAAA;IACAA,KAAK,CAAClB,IAAI,CAACqB,SAAS,GAAGvB,uBAAY,EAACC,iBAAiB,CAACC,IAAI,EAAEmB,MAAM,CAACnB,IAAI,EAAES,QAAQ,IAAIU,MAAM,CAACV,QAAQ,EAAEW,IAAI,KAAK,OAAO,IAAI,CAACX,QAAQ,IAAIU,MAAM,CAACP,KAAK,EAAEQ,IAAI,KAAK,QAAQ,IAAI,CAACX,QAAQ,IAAIU,MAAM,CAACN,MAAM,EAAEO,IAAI,KAAK,OAAO,IAAI,CAACX,QAAQ,IAAIU,MAAM,CAACL,KAAK,EAAEI,KAAK,CAAClB,IAAI,CAACqB,SAAS,CAAC;IAC1Q,OAAOH,KAAK;AAChB,CAAC"}
@@ -12,8 +12,8 @@ Object.defineProperty(exports, "ToolbarButton", {
12
12
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
13
13
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
14
14
  const _reactbutton = require("@fluentui/react-button");
15
- const _useToolbarButtonStylesstyles = require("./useToolbarButtonStyles.styles");
16
- const _useToolbarButton = require("./useToolbarButton");
15
+ const _useToolbarButtonStylesstyles = require("./useToolbarButtonStyles.styles.cjs");
16
+ const _useToolbarButton = require("./useToolbarButton.cjs");
17
17
  const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
18
18
  const ToolbarButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
19
19
  const state = (0, _useToolbarButton.useToolbarButton_unstable)(props, ref);
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/ToolbarButton/ToolbarButton.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ToolbarButtonProps } from './ToolbarButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { renderButton_unstable } from '@fluentui/react-button';\nimport { useToolbarButtonStyles_unstable } from './useToolbarButtonStyles.styles';\nimport { useToolbarButton_unstable } from './useToolbarButton';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarButton component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */\nexport const ToolbarButton: ForwardRefComponent<ToolbarButtonProps> = React.forwardRef((props, ref) => {\n const state = useToolbarButton_unstable(props, ref);\n\n useToolbarButtonStyles_unstable(state);\n\n useCustomStyleHook_unstable('useToolbarButtonStyles_unstable')(state);\n\n return renderButton_unstable(state);\n // Casting is required due to lack of distributive union to support unions on @types/react\n}) as ForwardRefComponent<ToolbarButtonProps>;\n\nToolbarButton.displayName = 'ToolbarButton';\n"],"names":["React","renderButton_unstable","useToolbarButtonStyles_unstable","useToolbarButton_unstable","useCustomStyleHook_unstable","ToolbarButton","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;6BAGO,yBAAyB;8CACf,kCAAkC;kCACxC,qBAAqB;qCACnB,kCAAkC;AAMvE,MAAMK,gBAAAA,WAAAA,GAAyDL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,YAAQN,2CAAAA,EAA0BI,OAAOC;QAE/CN,6DAAAA,EAAgCO;QAEhCL,gDAAAA,EAA4B,mCAAmCK;IAE/D,WAAOR,kCAAAA,EAAsBQ;AAC7B,0FAA0F;AAC5F,GAA8C;AAE9CJ,cAAcK,WAAW,GAAG"}
1
+ {"version":3,"sources":["../src/components/ToolbarButton/ToolbarButton.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ToolbarButtonProps } from './ToolbarButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { renderButton_unstable } from '@fluentui/react-button';\nimport { useToolbarButtonStyles_unstable } from './useToolbarButtonStyles.styles';\nimport { useToolbarButton_unstable } from './useToolbarButton';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarButton component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */\nexport const ToolbarButton: ForwardRefComponent<ToolbarButtonProps> = React.forwardRef((props, ref) => {\n const state = useToolbarButton_unstable(props, ref);\n\n useToolbarButtonStyles_unstable(state);\n\n useCustomStyleHook_unstable('useToolbarButtonStyles_unstable')(state);\n\n return renderButton_unstable(state);\n // Casting is required due to lack of distributive union to support unions on @types/react\n}) as ForwardRefComponent<ToolbarButtonProps>;\n\nToolbarButton.displayName = 'ToolbarButton';\n"],"names":["React","renderButton_unstable","useToolbarButtonStyles_unstable","useToolbarButton_unstable","useCustomStyleHook_unstable","ToolbarButton","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;6BAGO,yBAAyB;8CACf,qCAAkC;kCACxC,wBAAqB;qCACnB,kCAAkC;AAMvE,MAAMK,gBAAAA,WAAAA,GAAyDL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,YAAQN,2CAAAA,EAA0BI,OAAOC;QAE/CN,6DAAAA,EAAgCO;QAEhCL,gDAAAA,EAA4B,mCAAmCK;IAE/D,WAAOR,kCAAAA,EAAsBQ;AAC7B,0FAA0F;AAC5F,GAA8C;AAE9CJ,cAAcK,WAAW,GAAG"}
@@ -22,6 +22,6 @@ _export(exports, {
22
22
  return _useToolbarButton.useToolbarButton_unstable;
23
23
  }
24
24
  });
25
- const _ToolbarButton = require("./ToolbarButton");
26
- const _useToolbarButton = require("./useToolbarButton");
27
- const _useToolbarButtonStylesstyles = require("./useToolbarButtonStyles.styles");
25
+ const _ToolbarButton = require("./ToolbarButton.cjs");
26
+ const _useToolbarButton = require("./useToolbarButton.cjs");
27
+ const _useToolbarButtonStylesstyles = require("./useToolbarButtonStyles.styles.cjs");
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/ToolbarButton/index.ts"],"sourcesContent":["export { ToolbarButton } from './ToolbarButton';\nexport type {\n ToolbarButtonBaseProps,\n ToolbarButtonProps,\n ToolbarButtonBaseState,\n ToolbarButtonState,\n} from './ToolbarButton.types';\nexport { useToolbarButton_unstable, useToolbarButtonBase_unstable } from './useToolbarButton';\nexport { useToolbarButtonStyles_unstable } from './useToolbarButtonStyles.styles';\n"],"names":["ToolbarButton","useToolbarButton_unstable","useToolbarButtonBase_unstable","useToolbarButtonStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,4BAAa;;;eAOcE,+CAA6B;;;eACxDC,6DAA+B;;;eAD/BF,2CAAyB;;;+BAPJ,kBAAkB;kCAOyB,qBAAqB;8CAC9C,kCAAkC"}
1
+ {"version":3,"sources":["../src/components/ToolbarButton/index.ts"],"sourcesContent":["export { ToolbarButton } from './ToolbarButton';\nexport type {\n ToolbarButtonBaseProps,\n ToolbarButtonProps,\n ToolbarButtonBaseState,\n ToolbarButtonState,\n} from './ToolbarButton.types';\nexport { useToolbarButton_unstable, useToolbarButtonBase_unstable } from './useToolbarButton';\nexport { useToolbarButtonStyles_unstable } from './useToolbarButtonStyles.styles';\n"],"names":["ToolbarButton","useToolbarButton_unstable","useToolbarButtonBase_unstable","useToolbarButtonStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,4BAAa;;;eAOcE,+CAA6B;;;eACxDC,6DAA+B;;;eAD/BF,2CAAyB;;;+BAPJ,qBAAkB;kCAOyB,wBAAqB;8CAC9C,qCAAkC"}
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useToolbarButtonStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { useButtonStyles_unstable } from \"@fluentui/react-button\";\nconst useBaseStyles = makeStyles({\n vertical: {\n flexDirection: 'column'\n },\n verticalIcon: {\n fontSize: '24px',\n margin: '0'\n }\n});\n/**\n * Apply styling to the ToolbarButton slots based on the state\n */ export const useToolbarButtonStyles_unstable = (state)=>{\n const buttonStyles = useBaseStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(state.vertical && buttonStyles.vertical, state.root.className);\n if (state.icon) {\n // eslint-disable-next-line react-hooks/immutability\n state.icon.className = mergeClasses(state.vertical && buttonStyles.verticalIcon, state.icon.className);\n }\n useButtonStyles_unstable(state);\n};\n"],"names":["__styles","mergeClasses","useButtonStyles_unstable","useBaseStyles","vertical","Beiy3e4","verticalIcon","Be2twd7","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","d","p","useToolbarButtonStyles_unstable","state","buttonStyles","root","className","icon"],"mappings":"AAAA,YAAY;;;;;+BAcKe,+BAA+B;;;;;;uBAbP,gBAAgB;6BAChB,wBAAwB;AACjE,MAAMZ,aAAa,GAAA,WAAA,OAAGH,eAAA,EAAA;IAAAI,QAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,YAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;AAAA,CAQrB,CAAC;AAGS,yCAAyCE,KAAK,IAAG;IACxD,MAAMC,YAAY,GAAGd,aAAa,CAAC,CAAC;IACpC,oDAAA;IACAa,KAAK,CAACE,IAAI,CAACC,SAAS,OAAGlB,mBAAY,EAACe,KAAK,CAACZ,QAAQ,IAAIa,YAAY,CAACb,QAAQ,EAAEY,KAAK,CAACE,IAAI,CAACC,SAAS,CAAC;IAClG,IAAIH,KAAK,CAACI,IAAI,EAAE;QACZ,oDAAA;QACAJ,KAAK,CAACI,IAAI,CAACD,SAAS,OAAGlB,mBAAY,EAACe,KAAK,CAACZ,QAAQ,IAAIa,YAAY,CAACX,YAAY,EAAEU,KAAK,CAACI,IAAI,CAACD,SAAS,CAAC;IAC1G;QACAjB,qCAAwB,EAACc,KAAK,CAAC;AACnC,CAAC"}
@@ -11,9 +11,9 @@ Object.defineProperty(exports, "ToolbarDivider", {
11
11
  });
12
12
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
13
13
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
14
- const _useToolbarDividerStylesstyles = require("./useToolbarDividerStyles.styles");
14
+ const _useToolbarDividerStylesstyles = require("./useToolbarDividerStyles.styles.cjs");
15
15
  const _reactdivider = require("@fluentui/react-divider");
16
- const _useToolbarDivider = require("./useToolbarDivider");
16
+ const _useToolbarDivider = require("./useToolbarDivider.cjs");
17
17
  const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
18
18
  const ToolbarDivider = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
19
19
  const state = (0, _useToolbarDivider.useToolbarDivider_unstable)(props, ref);
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/ToolbarDivider/ToolbarDivider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useToolbarDividerStyles_unstable } from './useToolbarDividerStyles.styles';\nimport type { ToolbarDividerProps } from './ToolbarDivider.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { renderDivider_unstable } from '@fluentui/react-divider';\nimport { useToolbarDivider_unstable } from './useToolbarDivider';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarDivider component\n */\nexport const ToolbarDivider: ForwardRefComponent<ToolbarDividerProps> = React.forwardRef((props, ref) => {\n const state = useToolbarDivider_unstable(props, ref);\n\n useToolbarDividerStyles_unstable(state);\n\n useCustomStyleHook_unstable('useToolbarDividerStyles_unstable')(state);\n\n return renderDivider_unstable(state);\n});\n\nToolbarDivider.displayName = 'ToolbarDivider';\n"],"names":["React","useToolbarDividerStyles_unstable","renderDivider_unstable","useToolbarDivider_unstable","useCustomStyleHook_unstable","ToolbarDivider","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;+CACkB,mCAAmC;8BAG7C,0BAA0B;mCACtB,sBAAsB;qCACrB,kCAAkC;AAKvE,MAAMK,iBAAAA,WAAAA,GAA2DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,YAAQN,6CAAAA,EAA2BI,OAAOC;QAEhDP,+DAAAA,EAAiCQ;QAEjCL,gDAAAA,EAA4B,oCAAoCK;IAEhE,WAAOP,oCAAAA,EAAuBO;AAChC,GAAG;AAEHJ,eAAeK,WAAW,GAAG"}
1
+ {"version":3,"sources":["../src/components/ToolbarDivider/ToolbarDivider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useToolbarDividerStyles_unstable } from './useToolbarDividerStyles.styles';\nimport type { ToolbarDividerProps } from './ToolbarDivider.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { renderDivider_unstable } from '@fluentui/react-divider';\nimport { useToolbarDivider_unstable } from './useToolbarDivider';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarDivider component\n */\nexport const ToolbarDivider: ForwardRefComponent<ToolbarDividerProps> = React.forwardRef((props, ref) => {\n const state = useToolbarDivider_unstable(props, ref);\n\n useToolbarDividerStyles_unstable(state);\n\n useCustomStyleHook_unstable('useToolbarDividerStyles_unstable')(state);\n\n return renderDivider_unstable(state);\n});\n\nToolbarDivider.displayName = 'ToolbarDivider';\n"],"names":["React","useToolbarDividerStyles_unstable","renderDivider_unstable","useToolbarDivider_unstable","useCustomStyleHook_unstable","ToolbarDivider","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;+CACkB,sCAAmC;8BAG7C,0BAA0B;mCACtB,yBAAsB;qCACrB,kCAAkC;AAKvE,MAAMK,iBAAAA,WAAAA,GAA2DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,YAAQN,6CAAAA,EAA2BI,OAAOC;QAEhDP,+DAAAA,EAAiCQ;QAEjCL,gDAAAA,EAA4B,oCAAoCK;IAEhE,WAAOP,oCAAAA,EAAuBO;AAChC,GAAG;AAEHJ,eAAeK,WAAW,GAAG"}
@@ -22,6 +22,6 @@ _export(exports, {
22
22
  return _useToolbarDivider.useToolbarDivider_unstable;
23
23
  }
24
24
  });
25
- const _ToolbarDivider = require("./ToolbarDivider");
26
- const _useToolbarDividerStylesstyles = require("./useToolbarDividerStyles.styles");
27
- const _useToolbarDivider = require("./useToolbarDivider");
25
+ const _ToolbarDivider = require("./ToolbarDivider.cjs");
26
+ const _useToolbarDividerStylesstyles = require("./useToolbarDividerStyles.styles.cjs");
27
+ const _useToolbarDivider = require("./useToolbarDivider.cjs");
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/ToolbarDivider/index.ts"],"sourcesContent":["export { ToolbarDivider } from './ToolbarDivider';\nexport type {\n ToolbarDividerBaseProps,\n ToolbarDividerProps,\n ToolbarDividerBaseState,\n ToolbarDividerState,\n} from './ToolbarDivider.types';\nexport { useToolbarDividerStyles_unstable } from './useToolbarDividerStyles.styles';\nexport { useToolbarDivider_unstable, useToolbarDividerBase_unstable } from './useToolbarDivider';\n"],"names":["ToolbarDivider","useToolbarDividerStyles_unstable","useToolbarDivider_unstable","useToolbarDividerBase_unstable"],"mappings":";;;;;;;;;;;;eAASA,8BAAc;;;eAQcG,iDAA8B;;;eAD1DF,+DAAgC;;;eAChCC,6CAA0B;;;gCARJ,mBAAmB;+CAOD,mCAAmC;mCACT,sBAAsB"}
1
+ {"version":3,"sources":["../src/components/ToolbarDivider/index.ts"],"sourcesContent":["export { ToolbarDivider } from './ToolbarDivider';\nexport type {\n ToolbarDividerBaseProps,\n ToolbarDividerProps,\n ToolbarDividerBaseState,\n ToolbarDividerState,\n} from './ToolbarDivider.types';\nexport { useToolbarDividerStyles_unstable } from './useToolbarDividerStyles.styles';\nexport { useToolbarDivider_unstable, useToolbarDividerBase_unstable } from './useToolbarDivider';\n"],"names":["ToolbarDivider","useToolbarDividerStyles_unstable","useToolbarDivider_unstable","useToolbarDividerBase_unstable"],"mappings":";;;;;;;;;;;;eAASA,8BAAc;;;eAQcG,iDAA8B;;;eAD1DF,+DAAgC;;;eAChCC,6CAA0B;;;gCARJ,sBAAmB;+CAOD,sCAAmC;mCACT,yBAAsB"}
@@ -18,7 +18,7 @@ _export(exports, {
18
18
  }
19
19
  });
20
20
  const _reactdivider = require("@fluentui/react-divider");
21
- const _ToolbarContext = require("../Toolbar/ToolbarContext");
21
+ const _ToolbarContext = require("../Toolbar/ToolbarContext.cjs");
22
22
  const useToolbarDivider_unstable = (props, ref)=>{
23
23
  const state = useToolbarDividerBase_unstable(props, ref);
24
24
  return {
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/ToolbarDivider/useToolbarDivider.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport type {\n ToolbarDividerBaseProps,\n ToolbarDividerBaseState,\n ToolbarDividerProps,\n ToolbarDividerState,\n} from './ToolbarDivider.types';\nimport { useDividerBase_unstable } from '@fluentui/react-divider';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\n\n/**\n * Create the state required to render ToolbarDivider.\n *\n * The returned state can be modified with hooks such as useToolbarDividerStyles_unstable,\n * before being passed to renderToolbar_unstable.\n *\n * @param props - props from this instance of ToolbarDivider\n * @param ref - reference to root HTMLElement of ToolbarDivider\n */\nexport const useToolbarDivider_unstable = (\n props: ToolbarDividerProps,\n ref: React.Ref<HTMLElement>,\n): ToolbarDividerState => {\n const state = useToolbarDividerBase_unstable(props, ref);\n return {\n alignContent: 'center',\n appearance: 'default',\n inset: false,\n ...state,\n };\n};\n\n/**\n * Base hook that builds ToolbarDivider state for behavior and structure only.\n * It does not provide any design-related defaults.\n *\n * @internal\n * @param props - props from this instance of ToolbarDivider\n * @param ref - reference to root HTMLElement of ToolbarDivider\n */\nexport const useToolbarDividerBase_unstable = (\n props: ToolbarDividerBaseProps,\n ref: React.Ref<HTMLElement>,\n): ToolbarDividerBaseState => {\n const vertical = useToolbarContext_unstable(ctx => ctx.vertical);\n return useDividerBase_unstable({ vertical: !vertical, ...props }, ref);\n};\n"],"names":["useDividerBase_unstable","useToolbarContext_unstable","useToolbarDivider_unstable","props","ref","state","useToolbarDividerBase_unstable","alignContent","appearance","inset","vertical","ctx"],"mappings":"AAAA;;;;;;;;;;;;IA0CaM,8BAAAA;;;8BArBAJ;;;;8BAZ2B,0BAA0B;gCACvB,4BAA4B;AAWhE,MAAMA,6BAA6B,CACxCC,OACAC;IAEA,MAAMC,QAAQC,+BAA+BH,OAAOC;IACpD,OAAO;QACLG,cAAc;QACdC,YAAY;QACZC,OAAO;QACP,GAAGJ,KAAK;IACV;AACF,EAAE;AAUK,uCAAuC,CAC5CF,OACAC;IAEA,MAAMM,eAAWT,0CAAAA,EAA2BU,CAAAA,MAAOA,IAAID,QAAQ;IAC/D,WAAOV,qCAAAA,EAAwB;QAAEU,UAAU,CAACA;QAAU,GAAGP,KAAK;IAAC,GAAGC;AACpE,EAAE"}
1
+ {"version":3,"sources":["../src/components/ToolbarDivider/useToolbarDivider.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport type {\n ToolbarDividerBaseProps,\n ToolbarDividerBaseState,\n ToolbarDividerProps,\n ToolbarDividerState,\n} from './ToolbarDivider.types';\nimport { useDividerBase_unstable } from '@fluentui/react-divider';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\n\n/**\n * Create the state required to render ToolbarDivider.\n *\n * The returned state can be modified with hooks such as useToolbarDividerStyles_unstable,\n * before being passed to renderToolbar_unstable.\n *\n * @param props - props from this instance of ToolbarDivider\n * @param ref - reference to root HTMLElement of ToolbarDivider\n */\nexport const useToolbarDivider_unstable = (\n props: ToolbarDividerProps,\n ref: React.Ref<HTMLElement>,\n): ToolbarDividerState => {\n const state = useToolbarDividerBase_unstable(props, ref);\n return {\n alignContent: 'center',\n appearance: 'default',\n inset: false,\n ...state,\n };\n};\n\n/**\n * Base hook that builds ToolbarDivider state for behavior and structure only.\n * It does not provide any design-related defaults.\n *\n * @internal\n * @param props - props from this instance of ToolbarDivider\n * @param ref - reference to root HTMLElement of ToolbarDivider\n */\nexport const useToolbarDividerBase_unstable = (\n props: ToolbarDividerBaseProps,\n ref: React.Ref<HTMLElement>,\n): ToolbarDividerBaseState => {\n const vertical = useToolbarContext_unstable(ctx => ctx.vertical);\n return useDividerBase_unstable({ vertical: !vertical, ...props }, ref);\n};\n"],"names":["useDividerBase_unstable","useToolbarContext_unstable","useToolbarDivider_unstable","props","ref","state","useToolbarDividerBase_unstable","alignContent","appearance","inset","vertical","ctx"],"mappings":"AAAA;;;;;;;;;;;;IA0CaM,8BAAAA;;;8BArBAJ;;;;8BAZ2B,0BAA0B;gCACvB,+BAA4B;AAWhE,MAAMA,6BAA6B,CACxCC,OACAC;IAEA,MAAMC,QAAQC,+BAA+BH,OAAOC;IACpD,OAAO;QACLG,cAAc;QACdC,YAAY;QACZC,OAAO;QACP,GAAGJ,KAAK;IACV;AACF,EAAE;AAUK,uCAAuC,CAC5CF,OACAC;IAEA,MAAMM,eAAWT,0CAAAA,EAA2BU,CAAAA,MAAOA,IAAID,QAAQ;IAC/D,WAAOV,qCAAAA,EAAwB;QAAEU,UAAU,CAACA;QAAU,GAAGP,KAAK;IAAC,GAAGC;AACpE,EAAE"}
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useToolbarDividerStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { useDividerStyles_unstable } from \"@fluentui/react-divider\";\nconst useBaseStyles = makeStyles({\n // Base styles\n root: {\n display: 'inline-flex',\n maxWidth: '1px',\n padding: '0 12px'\n },\n vertical: {\n maxWidth: 'initial'\n }\n});\n/**\n * Apply styling to the ToolbarDivider slots based on the state\n */ export const useToolbarDividerStyles_unstable = (state)=>{\n useDividerStyles_unstable(state);\n const { vertical } = state;\n const toolbarDividerStyles = useBaseStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(toolbarDividerStyles.root, !vertical && toolbarDividerStyles.vertical, state.root.className);\n return state;\n};\n"],"names":["__styles","mergeClasses","useDividerStyles_unstable","useBaseStyles","root","mc9l5x","B2u0y6b","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","vertical","d","p","useToolbarDividerStyles_unstable","state","toolbarDividerStyles","className"],"mappings":"AAAA,YAAY;;;;;+BAgBKe,gCAAgC;;;;;;uBAfR,gBAAgB;8BACf,yBAAyB;AACnE,MAAMZ,aAAa,GAAA,WAAA,OAAGH,eAAA,EAAA;IAAAI,IAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,QAAA,EAAA;QAAAN,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAO,CAAA,EAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;KAAA;AAAA,CAUrB,CAAC;AAGS,0CAA0CE,KAAK,IAAG;QACzDd,uCAAyB,EAACc,KAAK,CAAC;IAChC,MAAM,EAAEJ,QAAAA,EAAU,GAAGI,KAAK;IAC1B,MAAMC,oBAAoB,GAAGd,aAAa,CAAC,CAAC;IAC5C,oDAAA;IACAa,KAAK,CAACZ,IAAI,CAACc,SAAS,OAAGjB,mBAAY,EAACgB,oBAAoB,CAACb,IAAI,EAAE,CAACQ,QAAQ,IAAIK,oBAAoB,CAACL,QAAQ,EAAEI,KAAK,CAACZ,IAAI,CAACc,SAAS,CAAC;IAChI,OAAOF,KAAK;AAChB,CAAC"}
@@ -11,9 +11,9 @@ Object.defineProperty(exports, "ToolbarGroup", {
11
11
  });
12
12
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
13
13
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
14
- const _useToolbarGroup = require("./useToolbarGroup");
15
- const _useToolbarGroupStylesstyles = require("./useToolbarGroupStyles.styles");
16
- const _renderToolbarGroup = require("./renderToolbarGroup");
14
+ const _useToolbarGroup = require("./useToolbarGroup.cjs");
15
+ const _useToolbarGroupStylesstyles = require("./useToolbarGroupStyles.styles.cjs");
16
+ const _renderToolbarGroup = require("./renderToolbarGroup.cjs");
17
17
  const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
18
18
  const ToolbarGroup = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
19
19
  const state = (0, _useToolbarGroup.useToolbarGroup_unstable)(props, ref);
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/ToolbarGroup/ToolbarGroup.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ToolbarGroupProps } from './ToolbarGroup.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useToolbarGroup_unstable } from './useToolbarGroup';\nimport { useToolbarGroupStyles_unstable } from './useToolbarGroupStyles.styles';\nimport { renderToolbarGroup_unstable } from './renderToolbarGroup';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarGroup component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */\nexport const ToolbarGroup: ForwardRefComponent<ToolbarGroupProps> = React.forwardRef((props, ref) => {\n const state = useToolbarGroup_unstable(props, ref);\n\n useToolbarGroupStyles_unstable(state);\n\n useCustomStyleHook_unstable('useToolbarGroupStyles_unstable')(state);\n\n return renderToolbarGroup_unstable(state);\n // Casting is required due to lack of distributive union to support unions on @types/react\n}) as ForwardRefComponent<ToolbarGroupProps>;\n\nToolbarGroup.displayName = 'ToolbarGroup';\n"],"names":["React","useToolbarGroup_unstable","useToolbarGroupStyles_unstable","renderToolbarGroup_unstable","useCustomStyleHook_unstable","ToolbarGroup","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;iCAGU,oBAAoB;6CACd,iCAAiC;oCACpC,uBAAuB;qCACvB,kCAAkC;AAMvE,MAAMK,eAAAA,WAAAA,GAAuDL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,YAAQR,yCAAAA,EAAyBM,OAAOC;QAE9CN,2DAAAA,EAA+BO;QAE/BL,gDAAAA,EAA4B,kCAAkCK;IAE9D,WAAON,+CAAAA,EAA4BM;AACnC,0FAA0F;AAC5F,GAA6C;AAE7CJ,aAAaK,WAAW,GAAG"}
1
+ {"version":3,"sources":["../src/components/ToolbarGroup/ToolbarGroup.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ToolbarGroupProps } from './ToolbarGroup.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useToolbarGroup_unstable } from './useToolbarGroup';\nimport { useToolbarGroupStyles_unstable } from './useToolbarGroupStyles.styles';\nimport { renderToolbarGroup_unstable } from './renderToolbarGroup';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarGroup component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */\nexport const ToolbarGroup: ForwardRefComponent<ToolbarGroupProps> = React.forwardRef((props, ref) => {\n const state = useToolbarGroup_unstable(props, ref);\n\n useToolbarGroupStyles_unstable(state);\n\n useCustomStyleHook_unstable('useToolbarGroupStyles_unstable')(state);\n\n return renderToolbarGroup_unstable(state);\n // Casting is required due to lack of distributive union to support unions on @types/react\n}) as ForwardRefComponent<ToolbarGroupProps>;\n\nToolbarGroup.displayName = 'ToolbarGroup';\n"],"names":["React","useToolbarGroup_unstable","useToolbarGroupStyles_unstable","renderToolbarGroup_unstable","useCustomStyleHook_unstable","ToolbarGroup","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;iCAGU,uBAAoB;6CACd,oCAAiC;oCACpC,0BAAuB;qCACvB,kCAAkC;AAMvE,MAAMK,eAAAA,WAAAA,GAAuDL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,YAAQR,yCAAAA,EAAyBM,OAAOC;QAE9CN,2DAAAA,EAA+BO;QAE/BL,gDAAAA,EAA4B,kCAAkCK;IAE9D,WAAON,+CAAAA,EAA4BM;AACnC,0FAA0F;AAC5F,GAA6C;AAE7CJ,aAAaK,WAAW,GAAG"}
@@ -28,7 +28,7 @@ _export(exports, {
28
28
  return _useToolbarGroup.useToolbarGroup_unstable;
29
29
  }
30
30
  });
31
- const _ToolbarGroup = require("./ToolbarGroup");
32
- const _useToolbarGroup = require("./useToolbarGroup");
33
- const _useToolbarGroupStylesstyles = require("./useToolbarGroupStyles.styles");
34
- const _renderToolbarGroup = require("./renderToolbarGroup");
31
+ const _ToolbarGroup = require("./ToolbarGroup.cjs");
32
+ const _useToolbarGroup = require("./useToolbarGroup.cjs");
33
+ const _useToolbarGroupStylesstyles = require("./useToolbarGroupStyles.styles.cjs");
34
+ const _renderToolbarGroup = require("./renderToolbarGroup.cjs");
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/ToolbarGroup/index.ts"],"sourcesContent":["export { ToolbarGroup } from './ToolbarGroup';\nexport type { ToolbarGroupProps, ToolbarGroupSlots, ToolbarGroupState } from './ToolbarGroup.types';\nexport { useToolbarGroup_unstable, useToolbarGroupBase_unstable } from './useToolbarGroup';\nexport { toolbarGroupClassNames, useToolbarGroupStyles_unstable } from './useToolbarGroupStyles.styles';\nexport { renderToolbarGroup_unstable } from './renderToolbarGroup';\n"],"names":["ToolbarGroup","useToolbarGroup_unstable","useToolbarGroupBase_unstable","toolbarGroupClassNames","useToolbarGroupStyles_unstable","renderToolbarGroup_unstable"],"mappings":";;;;;;;;;;;;eAASA,0BAAY;;;eAIZK,+CAA2B;;;eAD3BF,mDAAsB;;;eADID,6CAA4B;;;eAC9BE,2DAA8B;;;eADtDH,yCAAwB;;;8BAFJ,iBAAiB;iCAEyB,oBAAoB;6CACpB,iCAAiC;oCAC5D,uBAAuB"}
1
+ {"version":3,"sources":["../src/components/ToolbarGroup/index.ts"],"sourcesContent":["export { ToolbarGroup } from './ToolbarGroup';\nexport type { ToolbarGroupProps, ToolbarGroupSlots, ToolbarGroupState } from './ToolbarGroup.types';\nexport { useToolbarGroup_unstable, useToolbarGroupBase_unstable } from './useToolbarGroup';\nexport { toolbarGroupClassNames, useToolbarGroupStyles_unstable } from './useToolbarGroupStyles.styles';\nexport { renderToolbarGroup_unstable } from './renderToolbarGroup';\n"],"names":["ToolbarGroup","useToolbarGroup_unstable","useToolbarGroupBase_unstable","toolbarGroupClassNames","useToolbarGroupStyles_unstable","renderToolbarGroup_unstable"],"mappings":";;;;;;;;;;;;eAASA,0BAAY;;;eAIZK,+CAA2B;;;eAD3BF,mDAAsB;;;eADID,6CAA4B;;;eAC9BE,2DAA8B;;;eADtDH,yCAAwB;;;8BAFJ,oBAAiB;iCAEyB,uBAAoB;6CACpB,oCAAiC;oCAC5D,0BAAuB"}
@@ -18,7 +18,7 @@ _export(exports, {
18
18
  }
19
19
  });
20
20
  const _reactutilities = require("@fluentui/react-utilities");
21
- const _ToolbarContext = require("../Toolbar/ToolbarContext");
21
+ const _ToolbarContext = require("../Toolbar/ToolbarContext.cjs");
22
22
  const useToolbarGroup_unstable = (props, ref)=>{
23
23
  return useToolbarGroupBase_unstable(props, ref);
24
24
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/ToolbarGroup/useToolbarGroup.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\n\nimport type { ToolbarGroupProps, ToolbarGroupState } from './ToolbarGroup.types';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\n\n/**\n * Given user props, defines default props for the Group\n * @param props - User provided props to the Group component.\n * @param ref - User provided ref to be passed to the Group component.\n */\nexport const useToolbarGroup_unstable = (\n props: ToolbarGroupProps,\n ref: React.Ref<HTMLDivElement>,\n): ToolbarGroupState => {\n return useToolbarGroupBase_unstable(props, ref);\n};\n\n/**\n * Base hook that builds Toolbar Group state for behavior and structure only.\n * It does not provide any design-related defaults.\n *\n * @internal\n * @param props - User provided props to the Group component.\n * @param ref - User provided ref to be passed to the Group component.\n */\nexport const useToolbarGroupBase_unstable = (\n props: ToolbarGroupProps,\n ref: React.Ref<HTMLDivElement>,\n): ToolbarGroupState => {\n const vertical = useToolbarContext_unstable(ctx => ctx.vertical);\n\n return {\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps<React.HTMLAttributes<HTMLDivElement>>('div', {\n ref,\n role: 'presentation',\n ...props,\n }),\n { elementType: 'div' },\n ),\n vertical,\n };\n};\n"],"names":["getIntrinsicElementProps","slot","useToolbarContext_unstable","useToolbarGroup_unstable","props","ref","useToolbarGroupBase_unstable","vertical","ctx","components","root","always","role","elementType"],"mappings":"AAAA;;;;;;;;;;;;gCA4BaM;eAAAA;;4BAfAH;;;;gCARkC,4BAA4B;gCAChC,4BAA4B;AAOhE,MAAMA,2BAA2B,CACtCC,OACAC;IAEA,OAAOC,6BAA6BF,OAAOC;AAC7C,EAAE;AAUK,qCAAqC,CAC1CD,OACAC;IAEA,MAAME,eAAWL,0CAAAA,EAA2BM,CAAAA,MAAOA,IAAID,QAAQ;IAE/D,OAAO;QACLE,YAAY;YACVC,MAAM;QACR;QACAA,MAAMT,oBAAAA,CAAKU,MAAM,KACfX,wCAAAA,EAA+D,OAAO;YACpEK;YACAO,MAAM;YACN,GAAGR,KAAK;QACV,IACA;YAAES,aAAa;QAAM;QAEvBN;IACF;AACF,EAAE"}
1
+ {"version":3,"sources":["../src/components/ToolbarGroup/useToolbarGroup.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\n\nimport type { ToolbarGroupProps, ToolbarGroupState } from './ToolbarGroup.types';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\n\n/**\n * Given user props, defines default props for the Group\n * @param props - User provided props to the Group component.\n * @param ref - User provided ref to be passed to the Group component.\n */\nexport const useToolbarGroup_unstable = (\n props: ToolbarGroupProps,\n ref: React.Ref<HTMLDivElement>,\n): ToolbarGroupState => {\n return useToolbarGroupBase_unstable(props, ref);\n};\n\n/**\n * Base hook that builds Toolbar Group state for behavior and structure only.\n * It does not provide any design-related defaults.\n *\n * @internal\n * @param props - User provided props to the Group component.\n * @param ref - User provided ref to be passed to the Group component.\n */\nexport const useToolbarGroupBase_unstable = (\n props: ToolbarGroupProps,\n ref: React.Ref<HTMLDivElement>,\n): ToolbarGroupState => {\n const vertical = useToolbarContext_unstable(ctx => ctx.vertical);\n\n return {\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps<React.HTMLAttributes<HTMLDivElement>>('div', {\n ref,\n role: 'presentation',\n ...props,\n }),\n { elementType: 'div' },\n ),\n vertical,\n };\n};\n"],"names":["getIntrinsicElementProps","slot","useToolbarContext_unstable","useToolbarGroup_unstable","props","ref","useToolbarGroupBase_unstable","vertical","ctx","components","root","always","role","elementType"],"mappings":"AAAA;;;;;;;;;;;;gCA4BaM;eAAAA;;4BAfAH;;;;gCARkC,4BAA4B;gCAChC,+BAA4B;AAOhE,MAAMA,2BAA2B,CACtCC,OACAC;IAEA,OAAOC,6BAA6BF,OAAOC;AAC7C,EAAE;AAUK,qCAAqC,CAC1CD,OACAC;IAEA,MAAME,eAAWL,0CAAAA,EAA2BM,CAAAA,MAAOA,IAAID,QAAQ;IAE/D,OAAO;QACLE,YAAY;YACVC,MAAM;QACR;QACAA,MAAMT,oBAAAA,CAAKU,MAAM,KACfX,wCAAAA,EAA+D,OAAO;YACpEK;YACAO,MAAM;YACN,GAAGR,KAAK;QACV,IACA;YAAES,aAAa;QAAM;QAEvBN;IACF;AACF,EAAE"}
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useToolbarGroupStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nexport const toolbarGroupClassNames = {\n root: 'fui-ToolbarGroup'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n alignItems: 'center'\n },\n vertical: {\n flexDirection: 'column',\n width: 'fit-content'\n }\n});\n/**\n * Apply styling to the Toolbar slots based on the state\n */ export const useToolbarGroupStyles_unstable = (state)=>{\n const { vertical } = state;\n const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(toolbarGroupClassNames.root, styles.root, vertical && styles.vertical, state.root.className);\n return state;\n};\n"],"names":["__styles","mergeClasses","toolbarGroupClassNames","root","useStyles","mc9l5x","Bt984gj","vertical","Beiy3e4","a9b677","d","useToolbarGroupStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECE,sBAAsB;;;kCAeY;eAA9BS;;;uBAhBwB,gBAAgB;AAClD,+BAA+B;IAClCR,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,QAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CASjB,CAAC;AAGS,wCAAwCE,KAAK,IAAG;IACvD,MAAM,EAAEL,QAAAA,EAAU,GAAGK,KAAK;IAC1B,MAAMC,MAAM,GAAGT,SAAS,CAAC,CAAC;IAC1B,oDAAA;IACAQ,KAAK,CAACT,IAAI,CAACW,SAAS,OAAGb,mBAAY,EAACC,sBAAsB,CAACC,IAAI,EAAEU,MAAM,CAACV,IAAI,EAAEI,QAAQ,IAAIM,MAAM,CAACN,QAAQ,EAAEK,KAAK,CAACT,IAAI,CAACW,SAAS,CAAC;IAChI,OAAOF,KAAK;AAChB,CAAC"}
@@ -12,8 +12,8 @@ Object.defineProperty(exports, "ToolbarRadioButton", {
12
12
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
13
13
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
14
14
  const _reactbutton = require("@fluentui/react-button");
15
- const _useToolbarRadioButton = require("./useToolbarRadioButton");
16
- const _useToolbarRadioButtonStylesstyles = require("./useToolbarRadioButtonStyles.styles");
15
+ const _useToolbarRadioButton = require("./useToolbarRadioButton.cjs");
16
+ const _useToolbarRadioButtonStylesstyles = require("./useToolbarRadioButtonStyles.styles.cjs");
17
17
  const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
18
18
  const ToolbarRadioButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
19
19
  const state = (0, _useToolbarRadioButton.useToolbarRadioButton_unstable)(props, ref);
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/ToolbarRadioButton/ToolbarRadioButton.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ToolbarRadioButtonProps } from './ToolbarRadioButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { renderToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarRadioButton_unstable } from './useToolbarRadioButton';\nimport { useToolbarRadioButtonStyles_unstable } from './useToolbarRadioButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarRadioButton component\n */\nexport const ToolbarRadioButton: ForwardRefComponent<ToolbarRadioButtonProps> = React.forwardRef((props, ref) => {\n const state = useToolbarRadioButton_unstable(props, ref);\n\n useToolbarRadioButtonStyles_unstable(state);\n\n useCustomStyleHook_unstable('useToolbarRadioButtonStyles_unstable')(state);\n\n return renderToggleButton_unstable(state);\n}) as ForwardRefComponent<ToolbarRadioButtonProps>;\n\nToolbarRadioButton.displayName = 'ToolbarRadioButton';\n"],"names":["React","renderToggleButton_unstable","useToolbarRadioButton_unstable","useToolbarRadioButtonStyles_unstable","useCustomStyleHook_unstable","ToolbarRadioButton","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;6BAGa,yBAAyB;uCACtB,0BAA0B;mDACpB,uCAAuC;qCAChD,kCAAkC;AAKvE,MAAMK,qBAAAA,WAAAA,GAAmEL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACvG,MAAMC,YAAQP,qDAAAA,EAA+BK,OAAOC;QAEpDL,uEAAAA,EAAqCM;QAErCL,gDAAAA,EAA4B,wCAAwCK;IAEpE,WAAOR,wCAAAA,EAA4BQ;AACrC,GAAmD;AAEnDJ,mBAAmBK,WAAW,GAAG"}
1
+ {"version":3,"sources":["../src/components/ToolbarRadioButton/ToolbarRadioButton.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ToolbarRadioButtonProps } from './ToolbarRadioButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { renderToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarRadioButton_unstable } from './useToolbarRadioButton';\nimport { useToolbarRadioButtonStyles_unstable } from './useToolbarRadioButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarRadioButton component\n */\nexport const ToolbarRadioButton: ForwardRefComponent<ToolbarRadioButtonProps> = React.forwardRef((props, ref) => {\n const state = useToolbarRadioButton_unstable(props, ref);\n\n useToolbarRadioButtonStyles_unstable(state);\n\n useCustomStyleHook_unstable('useToolbarRadioButtonStyles_unstable')(state);\n\n return renderToggleButton_unstable(state);\n}) as ForwardRefComponent<ToolbarRadioButtonProps>;\n\nToolbarRadioButton.displayName = 'ToolbarRadioButton';\n"],"names":["React","renderToggleButton_unstable","useToolbarRadioButton_unstable","useToolbarRadioButtonStyles_unstable","useCustomStyleHook_unstable","ToolbarRadioButton","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;6BAGa,yBAAyB;uCACtB,6BAA0B;mDACpB,0CAAuC;qCAChD,kCAAkC;AAKvE,MAAMK,qBAAAA,WAAAA,GAAmEL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACvG,MAAMC,YAAQP,qDAAAA,EAA+BK,OAAOC;QAEpDL,uEAAAA,EAAqCM;QAErCL,gDAAAA,EAA4B,wCAAwCK;IAEpE,WAAOR,wCAAAA,EAA4BQ;AACrC,GAAmD;AAEnDJ,mBAAmBK,WAAW,GAAG"}
@@ -22,6 +22,6 @@ _export(exports, {
22
22
  return _useToolbarRadioButton.useToolbarRadioButton_unstable;
23
23
  }
24
24
  });
25
- const _ToolbarRadioButton = require("./ToolbarRadioButton");
26
- const _useToolbarRadioButton = require("./useToolbarRadioButton");
27
- const _useToolbarRadioButtonStylesstyles = require("./useToolbarRadioButtonStyles.styles");
25
+ const _ToolbarRadioButton = require("./ToolbarRadioButton.cjs");
26
+ const _useToolbarRadioButton = require("./useToolbarRadioButton.cjs");
27
+ const _useToolbarRadioButtonStylesstyles = require("./useToolbarRadioButtonStyles.styles.cjs");
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/ToolbarRadioButton/index.ts"],"sourcesContent":["export { ToolbarRadioButton } from './ToolbarRadioButton';\nexport type {\n ToolbarRadioButtonBaseProps,\n ToolbarRadioButtonProps,\n ToolbarRadioButtonBaseState,\n ToolbarRadioButtonState,\n} from './ToolbarRadioButton.types';\nexport { useToolbarRadioButton_unstable, useToolbarRadioButtonBase_unstable } from './useToolbarRadioButton';\nexport { useToolbarRadioButtonStyles_unstable } from './useToolbarRadioButtonStyles.styles';\n"],"names":["ToolbarRadioButton","useToolbarRadioButton_unstable","useToolbarRadioButtonBase_unstable","useToolbarRadioButtonStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,sCAAkB;;;eAOcE,yDAAkC;;;eAClEC,uEAAoC;;;eADpCF,qDAA8B;;;oCAPJ,uBAAuB;uCAOyB,0BAA0B;mDACxD,uCAAuC"}
1
+ {"version":3,"sources":["../src/components/ToolbarRadioButton/index.ts"],"sourcesContent":["export { ToolbarRadioButton } from './ToolbarRadioButton';\nexport type {\n ToolbarRadioButtonBaseProps,\n ToolbarRadioButtonProps,\n ToolbarRadioButtonBaseState,\n ToolbarRadioButtonState,\n} from './ToolbarRadioButton.types';\nexport { useToolbarRadioButton_unstable, useToolbarRadioButtonBase_unstable } from './useToolbarRadioButton';\nexport { useToolbarRadioButtonStyles_unstable } from './useToolbarRadioButtonStyles.styles';\n"],"names":["ToolbarRadioButton","useToolbarRadioButton_unstable","useToolbarRadioButtonBase_unstable","useToolbarRadioButtonStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,sCAAkB;;;eAOcE,yDAAkC;;;eAClEC,uEAAoC;;;eADpCF,qDAA8B;;;oCAPJ,0BAAuB;uCAOyB,6BAA0B;mDACxD,0CAAuC"}
@@ -19,7 +19,7 @@ _export(exports, {
19
19
  });
20
20
  const _reactutilities = require("@fluentui/react-utilities");
21
21
  const _reactbutton = require("@fluentui/react-button");
22
- const _ToolbarContext = require("../Toolbar/ToolbarContext");
22
+ const _ToolbarContext = require("../Toolbar/ToolbarContext.cjs");
23
23
  const useToolbarRadioButton_unstable = (props, ref)=>{
24
24
  const contextSize = (0, _ToolbarContext.useToolbarContext_unstable)((ctx)=>ctx.size);
25
25
  const { appearance = 'subtle', size = contextSize, ...baseProps } = props;
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/ToolbarRadioButton/useToolbarRadioButton.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useToggleButtonBase_unstable } from '@fluentui/react-button';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\nimport type {\n ToolbarRadioButtonProps,\n ToolbarRadioButtonState,\n ToolbarRadioButtonBaseProps,\n ToolbarRadioButtonBaseState,\n} from './ToolbarRadioButton.types';\n\n/**\n * Given user props, defines default props for the RadioButton, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the RadioButton component.\n * @param ref - User provided ref to be passed to the RadioButton component.\n */\nexport const useToolbarRadioButton_unstable = (\n props: ToolbarRadioButtonProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ToolbarRadioButtonState => {\n const contextSize = useToolbarContext_unstable(ctx => ctx.size);\n const { appearance = 'subtle', size = contextSize, ...baseProps } = props;\n const state = useToolbarRadioButtonBase_unstable(baseProps, ref);\n\n return {\n ...state,\n appearance,\n size,\n shape: 'rounded',\n };\n};\n\n/**\n * Base hook that builds Toolbar RadioButton state for behavior and structure only.\n * It does not provide any design-related defaults.\n *\n * @internal\n * @param props - User provided props to the RadioButton component.\n * @param ref - User provided ref to be passed to the RadioButton component.\n */\nexport const useToolbarRadioButtonBase_unstable = (\n props: ToolbarRadioButtonBaseProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ToolbarRadioButtonBaseState => {\n const handleRadio = useToolbarContext_unstable(ctx => ctx.handleRadio);\n const checked = useToolbarContext_unstable(ctx => !!ctx.checkedValues[props.name]?.includes(props.value));\n\n const { onClick: onClickOriginal } = props;\n const toggleButtonState = useToggleButtonBase_unstable(\n { checked, role: 'radio', 'aria-checked': checked, ...props },\n ref,\n );\n const state: ToolbarRadioButtonBaseState = {\n ...toggleButtonState,\n name: props.name,\n value: props.value,\n };\n\n const handleOnClick = useEventCallback(\n (e: React.MouseEvent<HTMLButtonElement, MouseEvent> & React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n handleRadio?.(e, state.name, state.value, state.checked);\n onClickOriginal?.(e);\n },\n );\n // eslint-disable-next-line react-hooks/immutability\n state.root['aria-pressed'] = undefined;\n // eslint-disable-next-line react-hooks/immutability\n state.root.onClick = handleOnClick;\n\n return state;\n};\n"],"names":["useEventCallback","useToggleButtonBase_unstable","useToolbarContext_unstable","useToolbarRadioButton_unstable","props","ref","contextSize","ctx","size","appearance","baseProps","state","useToolbarRadioButtonBase_unstable","shape","handleRadio","checked","checkedValues","name","includes","value","onClick","onClickOriginal","toggleButtonState","role","handleOnClick","e","root","undefined"],"mappings":"AAAA;;;;;;;;;;;;IA2CaY,kCAAAA;;;kCAxBAT;;;;gCAhBoB,4BAA4B;6BAChB,yBAAyB;gCAC3B,4BAA4B;AAchE,MAAMA,iCAAiC,CAC5CC,OACAC;IAEA,MAAMC,kBAAcJ,0CAAAA,EAA2BK,CAAAA,MAAOA,IAAIC,IAAI;IAC9D,MAAM,EAAEC,aAAa,QAAQ,EAAED,OAAOF,WAAW,EAAE,GAAGI,WAAW,GAAGN;IACpE,MAAMO,QAAQC,mCAAmCF,WAAWL;IAE5D,OAAO;QACL,GAAGM,KAAK;QACRF;QACAD;QACAK,OAAO;IACT;AACF,EAAE;AAUK,2CAA2C,CAChDT,OACAC;IAEA,MAAMS,kBAAcZ,0CAAAA,EAA2BK,CAAAA,MAAOA,IAAIO,WAAW;IACrE,MAAMC,cAAUb,0CAAAA,EAA2BK,CAAAA;YAASA;eAAF,CAAC,CAAA,CAACA,AAAD,iCAACA,IAAIS,aAAa,CAACZ,MAAMa,KAAI,AAAC,MAAA,QAA7BV,kCAAAA,KAAAA,IAAAA,KAAAA,IAAAA,8BAA+BW,QAAQ,CAACd,MAAMe,MAAK;;IAEvG,MAAM,EAAEC,SAASC,eAAe,EAAE,GAAGjB;IACrC,MAAMkB,wBAAoBrB,yCAAAA,EACxB;QAAEc;QAASQ,MAAM;QAAS,gBAAgBR;QAAS,GAAGX,KAAK;IAAC,GAC5DC;IAEF,MAAMM,QAAqC;QACzC,GAAGW,iBAAiB;QACpBL,MAAMb,MAAMa,IAAI;QAChBE,OAAOf,MAAMe,KAAK;IACpB;IAEA,MAAMK,oBAAgBxB,gCAAAA,EACpB,CAACyB;QACCX,gBAAAA,QAAAA,gBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,YAAcW,GAAGd,MAAMM,IAAI,EAAEN,MAAMQ,KAAK,EAAER,MAAMI,OAAO;QACvDM,oBAAAA,QAAAA,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAkBI;IACpB;IAEF,oDAAoD;IACpDd,MAAMe,IAAI,CAAC,eAAe,GAAGC;IAC7B,oDAAoD;IACpDhB,MAAMe,IAAI,CAACN,OAAO,GAAGI;IAErB,OAAOb;AACT,EAAE"}
1
+ {"version":3,"sources":["../src/components/ToolbarRadioButton/useToolbarRadioButton.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useToggleButtonBase_unstable } from '@fluentui/react-button';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\nimport type {\n ToolbarRadioButtonProps,\n ToolbarRadioButtonState,\n ToolbarRadioButtonBaseProps,\n ToolbarRadioButtonBaseState,\n} from './ToolbarRadioButton.types';\n\n/**\n * Given user props, defines default props for the RadioButton, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the RadioButton component.\n * @param ref - User provided ref to be passed to the RadioButton component.\n */\nexport const useToolbarRadioButton_unstable = (\n props: ToolbarRadioButtonProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ToolbarRadioButtonState => {\n const contextSize = useToolbarContext_unstable(ctx => ctx.size);\n const { appearance = 'subtle', size = contextSize, ...baseProps } = props;\n const state = useToolbarRadioButtonBase_unstable(baseProps, ref);\n\n return {\n ...state,\n appearance,\n size,\n shape: 'rounded',\n };\n};\n\n/**\n * Base hook that builds Toolbar RadioButton state for behavior and structure only.\n * It does not provide any design-related defaults.\n *\n * @internal\n * @param props - User provided props to the RadioButton component.\n * @param ref - User provided ref to be passed to the RadioButton component.\n */\nexport const useToolbarRadioButtonBase_unstable = (\n props: ToolbarRadioButtonBaseProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ToolbarRadioButtonBaseState => {\n const handleRadio = useToolbarContext_unstable(ctx => ctx.handleRadio);\n const checked = useToolbarContext_unstable(ctx => !!ctx.checkedValues[props.name]?.includes(props.value));\n\n const { onClick: onClickOriginal } = props;\n const toggleButtonState = useToggleButtonBase_unstable(\n { checked, role: 'radio', 'aria-checked': checked, ...props },\n ref,\n );\n const state: ToolbarRadioButtonBaseState = {\n ...toggleButtonState,\n name: props.name,\n value: props.value,\n };\n\n const handleOnClick = useEventCallback(\n (e: React.MouseEvent<HTMLButtonElement, MouseEvent> & React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n handleRadio?.(e, state.name, state.value, state.checked);\n onClickOriginal?.(e);\n },\n );\n // eslint-disable-next-line react-hooks/immutability\n state.root['aria-pressed'] = undefined;\n // eslint-disable-next-line react-hooks/immutability\n state.root.onClick = handleOnClick;\n\n return state;\n};\n"],"names":["useEventCallback","useToggleButtonBase_unstable","useToolbarContext_unstable","useToolbarRadioButton_unstable","props","ref","contextSize","ctx","size","appearance","baseProps","state","useToolbarRadioButtonBase_unstable","shape","handleRadio","checked","checkedValues","name","includes","value","onClick","onClickOriginal","toggleButtonState","role","handleOnClick","e","root","undefined"],"mappings":"AAAA;;;;;;;;;;;;IA2CaY,kCAAAA;;;kCAxBAT;;;;gCAhBoB,4BAA4B;6BAChB,yBAAyB;gCAC3B,+BAA4B;AAchE,MAAMA,iCAAiC,CAC5CC,OACAC;IAEA,MAAMC,kBAAcJ,0CAAAA,EAA2BK,CAAAA,MAAOA,IAAIC,IAAI;IAC9D,MAAM,EAAEC,aAAa,QAAQ,EAAED,OAAOF,WAAW,EAAE,GAAGI,WAAW,GAAGN;IACpE,MAAMO,QAAQC,mCAAmCF,WAAWL;IAE5D,OAAO;QACL,GAAGM,KAAK;QACRF;QACAD;QACAK,OAAO;IACT;AACF,EAAE;AAUK,2CAA2C,CAChDT,OACAC;IAEA,MAAMS,kBAAcZ,0CAAAA,EAA2BK,CAAAA,MAAOA,IAAIO,WAAW;IACrE,MAAMC,cAAUb,0CAAAA,EAA2BK,CAAAA;YAASA;eAAF,CAAC,CAAA,CAACA,AAAD,iCAACA,IAAIS,aAAa,CAACZ,MAAMa,KAAI,AAAC,MAAA,QAA7BV,kCAAAA,KAAAA,IAAAA,KAAAA,IAAAA,8BAA+BW,QAAQ,CAACd,MAAMe,MAAK;;IAEvG,MAAM,EAAEC,SAASC,eAAe,EAAE,GAAGjB;IACrC,MAAMkB,wBAAoBrB,yCAAAA,EACxB;QAAEc;QAASQ,MAAM;QAAS,gBAAgBR;QAAS,GAAGX,KAAK;IAAC,GAC5DC;IAEF,MAAMM,QAAqC;QACzC,GAAGW,iBAAiB;QACpBL,MAAMb,MAAMa,IAAI;QAChBE,OAAOf,MAAMe,KAAK;IACpB;IAEA,MAAMK,oBAAgBxB,gCAAAA,EACpB,CAACyB;QACCX,gBAAAA,QAAAA,gBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,YAAcW,GAAGd,MAAMM,IAAI,EAAEN,MAAMQ,KAAK,EAAER,MAAMI,OAAO;QACvDM,oBAAAA,QAAAA,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAkBI;IACpB;IAEF,oDAAoD;IACpDd,MAAMe,IAAI,CAAC,eAAe,GAAGC;IAC7B,oDAAoD;IACpDhB,MAAMe,IAAI,CAACN,OAAO,GAAGI;IAErB,OAAOb;AACT,EAAE"}
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useToolbarRadioButtonStyles.styles.js"],"sourcesContent":["'use client';\nimport { tokens } from \"@fluentui/react-theme\";\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { useToggleButtonStyles_unstable } from \"@fluentui/react-button\";\nconst useBaseStyles = makeStyles({\n /* use subtle ToggleButton selected styles for Toolbar Radio selected state */ selected: {\n backgroundColor: tokens.colorSubtleBackgroundSelected,\n color: tokens.colorNeutralForeground2Selected\n },\n iconSelected: {\n color: tokens.colorNeutralForeground2BrandSelected\n }\n});\n/**\n * Apply styling to the ToolbarRadioButton slots based on the state\n */ export const useToolbarRadioButtonStyles_unstable = (state)=>{\n const toggleButtonStyles = useBaseStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(state.checked && toggleButtonStyles.selected, state.root.className);\n if (state.icon) {\n // eslint-disable-next-line react-hooks/immutability\n state.icon.className = mergeClasses(state.checked && toggleButtonStyles.iconSelected, state.icon.className);\n }\n useToggleButtonStyles_unstable(state);\n return state;\n};\n"],"names":["tokens","__styles","mergeClasses","useToggleButtonStyles_unstable","useBaseStyles","selected","De3pzq","sj55zd","iconSelected","d","useToolbarRadioButtonStyles_unstable","state","toggleButtonStyles","root","className","checked","icon"],"mappings":"AAAA,YAAY;;;;;;;;;;;uBAE6B,gBAAgB;6BACV,wBAAwB;AACvE,MAAMI,aAAa,GAAA,WAAA,OAAGH,eAAA,EAAA;IAAAI,QAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,YAAA,EAAA;QAAAD,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAE,CAAA,EAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAQrB,CAAC;AAGS,MAAMC,oCAAoC,IAAIC,KAAK,IAAG;IAC7D,MAAMC,kBAAkB,GAAGR,aAAa,CAAC,CAAC;IAC1C,oDAAA;IACAO,KAAK,CAACE,IAAI,CAACC,SAAS,OAAGZ,mBAAY,EAACS,KAAK,CAACI,OAAO,IAAIH,kBAAkB,CAACP,QAAQ,EAAEM,KAAK,CAACE,IAAI,CAACC,SAAS,CAAC;IACvG,IAAIH,KAAK,CAACK,IAAI,EAAE;QACZ,oDAAA;QACAL,KAAK,CAACK,IAAI,CAACF,SAAS,OAAGZ,mBAAY,EAACS,KAAK,CAACI,OAAO,IAAIH,kBAAkB,CAACJ,YAAY,EAAEG,KAAK,CAACK,IAAI,CAACF,SAAS,CAAC;IAC/G;QACAX,2CAA8B,EAACQ,KAAK,CAAC;IACrC,OAAOA,KAAK;AAChB,CAAC"}