@kubit-ui-web/react-components 2.0.0-beta.2 → 2.0.0-beta.21

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 (293) hide show
  1. package/README.md +17 -28
  2. package/dist/cjs/_virtual/jsx-runtime.js +1 -1
  3. package/dist/cjs/components/accordion/accordionStandAlone.js +1 -1
  4. package/dist/cjs/components/alert/alertControlled.js +1 -0
  5. package/dist/cjs/components/alert/alertStandAlone.js +1 -0
  6. package/dist/cjs/components/alert/index.js +2 -0
  7. package/dist/cjs/components/avatar/fragments/drawContent.js +1 -1
  8. package/dist/cjs/components/badge/badgeStandAlone.js +1 -1
  9. package/dist/cjs/components/breadcrumbs/components/crumbStandAlone/crumbStandAlone.js +1 -1
  10. package/dist/cjs/components/button/button.js +1 -1
  11. package/dist/cjs/components/button/buttonStandAlone.js +1 -1
  12. package/dist/cjs/components/calendar/list/list.js +1 -1
  13. package/dist/cjs/components/calendar/selector/monthSelector/monthSelector.js +1 -1
  14. package/dist/cjs/components/calendar/selector/selector.js +1 -1
  15. package/dist/cjs/components/cardImage/cardImageStandAlone.js +1 -1
  16. package/dist/cjs/components/carousel/hooks/useCarousel.js +1 -1
  17. package/dist/cjs/components/carousel/hooks/useCarouselKeyNavigation.js +1 -1
  18. package/dist/cjs/components/carousel/hooks/useCarouselSwipe.js +1 -1
  19. package/dist/cjs/components/carousel/hooks/utils/calc.utils.js +1 -1
  20. package/dist/cjs/components/carousel/hooks/utils/dom.utils.js +1 -1
  21. package/dist/cjs/components/checkbox/checkboxStandAlone.js +1 -1
  22. package/dist/cjs/components/checkboxBase/checkboxBaseStandAlone.js +1 -1
  23. package/dist/cjs/components/chip/chipStandAlone.js +1 -1
  24. package/dist/cjs/components/container/containerStandAlone.js +1 -1
  25. package/dist/cjs/components/dataTable/dataTableStandAlone.js +1 -1
  26. package/dist/cjs/components/dataTable/hooks/useDataTableHasScroll.js +1 -1
  27. package/dist/cjs/components/dataTable/hooks/useDataTableShadow.js +1 -1
  28. package/dist/cjs/components/dataTable/hooks/useDataTableStickyDividers.js +1 -1
  29. package/dist/cjs/components/dataTable/hooks/useDataTableStickyLeftColumns.js +1 -1
  30. package/dist/cjs/components/dataTable/hooks/useDataTableStickyRightColumns.js +1 -1
  31. package/dist/cjs/components/dropdownSelected/dropdownSelectedControlled.js +1 -1
  32. package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js +1 -1
  33. package/dist/cjs/components/image/image.css +1 -38
  34. package/dist/cjs/components/input/input.js +1 -1
  35. package/dist/cjs/components/input/inputStandAlone.js +1 -1
  36. package/dist/cjs/components/inputBase/inputBase.js +1 -1
  37. package/dist/cjs/components/inputDecoration/inputDecorationStandAlone.js +1 -1
  38. package/dist/cjs/components/inputSignature/inputSignatureStandAlone.js +1 -1
  39. package/dist/cjs/components/label/labelStandAlone.js +1 -1
  40. package/dist/cjs/components/link/linkStandAlone.js +1 -1
  41. package/dist/cjs/components/listOptions/listOptionsStandAlone.js +1 -1
  42. package/dist/cjs/components/modal/fragments/modalHeader.js +1 -1
  43. package/dist/cjs/components/modal/modalControlled.js +1 -1
  44. package/dist/cjs/components/modal/modalStandAlone.js +1 -1
  45. package/dist/cjs/components/modal/modalUnControlled.js +1 -1
  46. package/dist/cjs/components/option/optionStandAlone.js +1 -1
  47. package/dist/cjs/components/pageControl/components/arrowControlStandAlone.js +1 -1
  48. package/dist/cjs/components/pageControl/components/controls.js +1 -1
  49. package/dist/cjs/components/pageControl/pageControlStandAlone.js +1 -1
  50. package/dist/cjs/components/pagination/fragments/paginationButtonControl.js +1 -1
  51. package/dist/cjs/components/popover/hooks/positioning/middlewareUtils.js +1 -1
  52. package/dist/cjs/components/popover/hooks/usePopoverInteractions.js +1 -1
  53. package/dist/cjs/components/popover/hooks/usePopoverLifecycle.js +1 -1
  54. package/dist/cjs/components/popover/hooks/usePopoverPositioning.js +1 -1
  55. package/dist/cjs/components/popover/popover.js +1 -1
  56. package/dist/cjs/components/popover/styles/index.css +1 -10
  57. package/dist/cjs/components/popover/styles/keyframes.css +1 -421
  58. package/dist/cjs/components/popover/styles/popover-arrow.css +1 -42
  59. package/dist/cjs/components/popover/styles/popover.css +1 -189
  60. package/dist/cjs/components/progressBar/progressBarStandAlone.js +1 -1
  61. package/dist/cjs/components/radioButton/radioButtonStandAlone.js +1 -1
  62. package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileAnimation.js +1 -1
  63. package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileContainerBox.js +1 -1
  64. package/dist/cjs/components/selectorBoxFile/selectorBoxFile.js +1 -1
  65. package/dist/cjs/components/selectorBoxFile/selectorBoxFileStandAlone.js +1 -1
  66. package/dist/cjs/components/skeleton/skeleton.css +1 -20
  67. package/dist/cjs/components/slider/components/sliderHelperTextStandAlone.js +1 -1
  68. package/dist/cjs/components/slider/components/sliderScaleStandAlone.js +1 -1
  69. package/dist/cjs/components/slider/components/sliderThumbStandAlone.js +1 -1
  70. package/dist/cjs/components/slider/sliderStandAlone.js +1 -1
  71. package/dist/cjs/components/stepperNumber/stepperNumberStandAlone.js +1 -1
  72. package/dist/cjs/components/table/hooks/useTableHasScroll.js +1 -1
  73. package/dist/cjs/components/table/hooks/useTableShadow.js +1 -1
  74. package/dist/cjs/components/table/hooks/useTableStickyLeftColumns.js +1 -1
  75. package/dist/cjs/components/table/hooks/useTableStickyRightColumns.js +1 -1
  76. package/dist/cjs/components/tabs/tabsStandAlone.js +1 -1
  77. package/dist/cjs/components/tag/tagStandAlone.js +1 -1
  78. package/dist/cjs/components/text/text.css +1 -14
  79. package/dist/cjs/components/text/textStandAlone.js +1 -1
  80. package/dist/cjs/components/textArea/components/errorStandAlone.js +1 -1
  81. package/dist/cjs/components/textArea/components/helpMessageStandAlone.js +1 -1
  82. package/dist/cjs/components/textArea/components/titleStandAlone.js +1 -1
  83. package/dist/cjs/components/textArea/textAreaStandAlone.js +1 -1
  84. package/dist/cjs/components/toggle/toggleStandAlone.js +1 -1
  85. package/dist/cjs/components/tooltip/hooks/useTooltip.js +1 -1
  86. package/dist/cjs/components/tooltip/tooltip.css +1 -69
  87. package/dist/cjs/components/tooltip/tooltipControlled.js +1 -1
  88. package/dist/cjs/components/tooltip/tooltipStandAlone.js +1 -1
  89. package/dist/cjs/components/tooltip/tooltipUnControlled.js +1 -1
  90. package/dist/cjs/components/tooltip/utils/tooltip.utils.js +1 -1
  91. package/dist/cjs/components/virtualKeyboard/virtualKeyboardStandAlone.js +1 -1
  92. package/dist/cjs/index.js +1 -1
  93. package/dist/cjs/lib/components/customComponent/customComponent.js +1 -1
  94. package/dist/cjs/lib/components/elementOrIcon/elementOrIcon.js +1 -0
  95. package/dist/cjs/lib/components/errorMessage/errorMessageStandAlone.js +1 -1
  96. package/dist/cjs/lib/components/itemRove/itemRove.js +1 -0
  97. package/dist/cjs/lib/components/overlay/overlay.js +1 -0
  98. package/dist/cjs/lib/components/overlay/overlayStandAlone.js +1 -0
  99. package/dist/cjs/lib/designSystem/kubit/css/kubit.css +1 -0
  100. package/dist/cjs/lib/designSystem/kubit/css/kubit.min.css +1 -0
  101. package/dist/cjs/lib/hooks/useClickOutside/useClickOutside.js +1 -1
  102. package/dist/cjs/lib/hooks/useContentVisibility/useContentVisibility.js +1 -1
  103. package/dist/cjs/lib/hooks/useManageState/useManageState.js +1 -1
  104. package/dist/cjs/lib/hooks/useScrollDetection/useScrollDetection.js +1 -0
  105. package/dist/cjs/lib/hooks/useScrollEffect/useScrollEffect.js +1 -1
  106. package/dist/cjs/lib/hooks/useSwipeDown/useSwipeDown.js +1 -1
  107. package/dist/cjs/lib/provider/cssProvider/provider.js +1 -1
  108. package/dist/cjs/lib/provider/cssProvider/stats/stats.js +1 -1641
  109. package/dist/cjs/lib/provider/stylesProvider/stylesProvider.js +1 -1
  110. package/dist/cjs/lib/storybook/components/divider/divider.css +1 -0
  111. package/dist/cjs/lib/storybook/components/note/styles.css +1 -0
  112. package/dist/cjs/lib/utils/keyboard/keyboard.js +1 -1
  113. package/dist/cjs/lib/utils/process/processCommonProp.js +1 -0
  114. package/dist/cjs/react-components.css +1 -1
  115. package/dist/esm/_virtual/jsx-runtime.js +1 -1
  116. package/dist/esm/components/accordion/accordionStandAlone.js +4 -4
  117. package/dist/esm/components/alert/alertControlled.js +2 -0
  118. package/dist/esm/components/alert/alertStandAlone.js +2 -0
  119. package/dist/esm/components/alert/index.js +1 -0
  120. package/dist/esm/components/avatar/fragments/drawContent.js +1 -4
  121. package/dist/esm/components/badge/badgeStandAlone.js +7 -9
  122. package/dist/esm/components/breadcrumbs/components/crumbStandAlone/crumbStandAlone.js +3 -6
  123. package/dist/esm/components/button/button.js +1 -1
  124. package/dist/esm/components/button/buttonStandAlone.js +3 -5
  125. package/dist/esm/components/calendar/list/list.js +1 -1
  126. package/dist/esm/components/calendar/selector/monthSelector/monthSelector.js +1 -1
  127. package/dist/esm/components/calendar/selector/selector.js +7 -9
  128. package/dist/esm/components/cardImage/cardImageStandAlone.js +7 -7
  129. package/dist/esm/components/carousel/hooks/useCarousel.js +1 -1
  130. package/dist/esm/components/carousel/hooks/useCarouselKeyNavigation.js +1 -1
  131. package/dist/esm/components/carousel/hooks/useCarouselSwipe.js +1 -1
  132. package/dist/esm/components/carousel/hooks/utils/calc.utils.js +1 -1
  133. package/dist/esm/components/carousel/hooks/utils/dom.utils.js +1 -1
  134. package/dist/esm/components/checkbox/checkboxStandAlone.js +5 -7
  135. package/dist/esm/components/checkboxBase/checkboxBaseStandAlone.js +4 -4
  136. package/dist/esm/components/chip/chipStandAlone.js +8 -9
  137. package/dist/esm/components/container/containerStandAlone.js +4 -4
  138. package/dist/esm/components/dataTable/dataTableStandAlone.js +10 -14
  139. package/dist/esm/components/dataTable/hooks/useDataTableHasScroll.js +1 -1
  140. package/dist/esm/components/dataTable/hooks/useDataTableShadow.js +1 -1
  141. package/dist/esm/components/dataTable/hooks/useDataTableStickyDividers.js +1 -1
  142. package/dist/esm/components/dataTable/hooks/useDataTableStickyLeftColumns.js +1 -1
  143. package/dist/esm/components/dataTable/hooks/useDataTableStickyRightColumns.js +1 -1
  144. package/dist/esm/components/dropdownSelected/dropdownSelectedControlled.js +1 -1
  145. package/dist/esm/components/dropdownSelected/dropdownSelectedStandAlone.js +5 -6
  146. package/dist/esm/components/image/image.css +1 -38
  147. package/dist/esm/components/input/input.js +2 -2
  148. package/dist/esm/components/input/inputStandAlone.js +3 -5
  149. package/dist/esm/components/inputBase/inputBase.js +2 -2
  150. package/dist/esm/components/inputDecoration/inputDecorationStandAlone.js +2 -2
  151. package/dist/esm/components/inputSignature/inputSignatureStandAlone.js +3 -4
  152. package/dist/esm/components/label/labelStandAlone.js +2 -3
  153. package/dist/esm/components/link/linkStandAlone.js +3 -3
  154. package/dist/esm/components/listOptions/listOptionsStandAlone.js +2 -4
  155. package/dist/esm/components/modal/fragments/modalHeader.js +3 -9
  156. package/dist/esm/components/modal/modalControlled.js +1 -1
  157. package/dist/esm/components/modal/modalStandAlone.js +4 -5
  158. package/dist/esm/components/modal/modalUnControlled.js +2 -2
  159. package/dist/esm/components/option/optionStandAlone.js +8 -11
  160. package/dist/esm/components/pageControl/components/arrowControlStandAlone.js +2 -2
  161. package/dist/esm/components/pageControl/components/controls.js +2 -4
  162. package/dist/esm/components/pageControl/pageControlStandAlone.js +6 -8
  163. package/dist/esm/components/pagination/fragments/paginationButtonControl.js +2 -2
  164. package/dist/esm/components/popover/hooks/positioning/middlewareUtils.js +1 -1
  165. package/dist/esm/components/popover/hooks/usePopoverInteractions.js +1 -1
  166. package/dist/esm/components/popover/hooks/usePopoverLifecycle.js +1 -1
  167. package/dist/esm/components/popover/hooks/usePopoverPositioning.js +1 -1
  168. package/dist/esm/components/popover/popover.js +1 -1
  169. package/dist/esm/components/popover/styles/index.css +1 -10
  170. package/dist/esm/components/popover/styles/keyframes.css +1 -421
  171. package/dist/esm/components/popover/styles/popover-arrow.css +1 -42
  172. package/dist/esm/components/popover/styles/popover.css +1 -189
  173. package/dist/esm/components/progressBar/progressBarStandAlone.js +4 -4
  174. package/dist/esm/components/radioButton/radioButtonStandAlone.js +4 -8
  175. package/dist/esm/components/selectorBoxFile/components/selectorBoxFileAnimation.js +3 -7
  176. package/dist/esm/components/selectorBoxFile/components/selectorBoxFileContainerBox.js +8 -13
  177. package/dist/esm/components/selectorBoxFile/selectorBoxFile.js +2 -2
  178. package/dist/esm/components/selectorBoxFile/selectorBoxFileStandAlone.js +4 -8
  179. package/dist/esm/components/skeleton/skeleton.css +1 -20
  180. package/dist/esm/components/slider/components/sliderHelperTextStandAlone.js +1 -3
  181. package/dist/esm/components/slider/components/sliderScaleStandAlone.js +2 -2
  182. package/dist/esm/components/slider/components/sliderThumbStandAlone.js +1 -1
  183. package/dist/esm/components/slider/sliderStandAlone.js +17 -19
  184. package/dist/esm/components/stepperNumber/stepperNumberStandAlone.js +8 -8
  185. package/dist/esm/components/table/hooks/useTableHasScroll.js +1 -1
  186. package/dist/esm/components/table/hooks/useTableShadow.js +1 -1
  187. package/dist/esm/components/table/hooks/useTableStickyLeftColumns.js +1 -1
  188. package/dist/esm/components/table/hooks/useTableStickyRightColumns.js +1 -1
  189. package/dist/esm/components/tabs/tabsStandAlone.js +5 -6
  190. package/dist/esm/components/tag/tagStandAlone.js +4 -4
  191. package/dist/esm/components/text/text.css +1 -14
  192. package/dist/esm/components/text/textStandAlone.js +1 -1
  193. package/dist/esm/components/textArea/components/errorStandAlone.js +3 -3
  194. package/dist/esm/components/textArea/components/helpMessageStandAlone.js +1 -1
  195. package/dist/esm/components/textArea/components/titleStandAlone.js +1 -1
  196. package/dist/esm/components/textArea/textAreaStandAlone.js +10 -11
  197. package/dist/esm/components/toggle/toggleStandAlone.js +4 -4
  198. package/dist/esm/components/tooltip/hooks/useTooltip.js +1 -1
  199. package/dist/esm/components/tooltip/tooltip.css +1 -69
  200. package/dist/esm/components/tooltip/tooltipControlled.js +1 -1
  201. package/dist/esm/components/tooltip/tooltipStandAlone.js +6 -10
  202. package/dist/esm/components/tooltip/tooltipUnControlled.js +1 -1
  203. package/dist/esm/components/tooltip/utils/tooltip.utils.js +1 -1
  204. package/dist/esm/components/virtualKeyboard/virtualKeyboardStandAlone.js +4 -4
  205. package/dist/esm/index.js +1 -1
  206. package/dist/esm/lib/components/customComponent/customComponent.js +2 -2
  207. package/dist/esm/lib/components/elementOrIcon/elementOrIcon.js +1 -0
  208. package/dist/esm/lib/components/errorMessage/errorMessageStandAlone.js +4 -4
  209. package/dist/esm/lib/components/itemRove/itemRove.js +2 -0
  210. package/dist/esm/lib/components/overlay/overlay.js +2 -0
  211. package/dist/esm/lib/components/overlay/overlayStandAlone.js +2 -0
  212. package/dist/esm/lib/designSystem/kubit/css/kubit.css +1 -0
  213. package/dist/esm/lib/designSystem/kubit/css/kubit.min.css +1 -0
  214. package/dist/esm/lib/hooks/useClickOutside/useClickOutside.js +1 -1
  215. package/dist/esm/lib/hooks/useContentVisibility/useContentVisibility.js +1 -1
  216. package/dist/esm/lib/hooks/useManageState/useManageState.js +1 -1
  217. package/dist/esm/lib/hooks/useScrollDetection/useScrollDetection.js +1 -0
  218. package/dist/esm/lib/hooks/useScrollEffect/useScrollEffect.js +1 -1
  219. package/dist/esm/lib/hooks/useSwipeDown/useSwipeDown.js +1 -1
  220. package/dist/esm/lib/provider/cssProvider/provider.js +1 -1
  221. package/dist/esm/lib/provider/cssProvider/stats/stats.js +1 -1641
  222. package/dist/esm/lib/provider/stylesProvider/stylesProvider.js +2 -2
  223. package/dist/esm/lib/storybook/components/divider/divider.css +1 -0
  224. package/dist/esm/lib/storybook/components/note/styles.css +1 -0
  225. package/dist/esm/lib/utils/keyboard/keyboard.js +1 -1
  226. package/dist/esm/lib/utils/process/processCommonProp.js +1 -0
  227. package/dist/esm/react-components.css +1 -1
  228. package/dist/styles/kubit/css/kubit.css +10 -76
  229. package/dist/styles/kubit/css/kubit.min.css +1 -1
  230. package/dist/types/index.d.ts +1058 -465
  231. package/package.json +69 -46
  232. package/dist/cjs/components/elementOrIcon/elementOrIcon.js +0 -1
  233. package/dist/cjs/components/elementOrIcon/index.js +0 -2
  234. package/dist/cjs/components/itemRove/index.js +0 -2
  235. package/dist/cjs/components/itemRove/itemRove.js +0 -1
  236. package/dist/cjs/components/message/index.js +0 -4
  237. package/dist/cjs/components/message/messageControlled.js +0 -1
  238. package/dist/cjs/components/message/messageStandAlone.js +0 -1
  239. package/dist/cjs/components/message/messageUnControlled.js +0 -1
  240. package/dist/cjs/components/navBar/index.js +0 -2
  241. package/dist/cjs/components/navBar/navBar.js +0 -1
  242. package/dist/cjs/components/navBar/navBarStandAlone.js +0 -1
  243. package/dist/cjs/components/overlay/index.js +0 -1
  244. package/dist/cjs/components/overlay/overlay.js +0 -1
  245. package/dist/cjs/components/overlay/overlayStandAlone.js +0 -1
  246. package/dist/cjs/components/renderIf/renderIf.js +0 -1
  247. package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js +0 -1
  248. package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileHeader.js +0 -1
  249. package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileTooltip.js +0 -1
  250. package/dist/cjs/components/table/__stories__/css/table.css +0 -7
  251. package/dist/cjs/lib/hooks/useContentVisibilityDetection/useContentVisibilityDetection.js +0 -1
  252. package/dist/cjs/lib/hooks/useId/useId.js +0 -1
  253. package/dist/cjs/lib/hooks/useInputFocus/useInputFocus.js +0 -1
  254. package/dist/cjs/lib/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.js +0 -1
  255. package/dist/cjs/lib/utils/changeCssProperty/changeCssProperty.js +0 -1
  256. package/dist/cjs/lib/utils/is/isReactNode.js +0 -1
  257. package/dist/cjs/lib/utils/is/isString.js +0 -1
  258. package/dist/cjs/lib/utils/process/processIcon/processIcon.js +0 -1
  259. package/dist/cjs/lib/utils/process/processText/processText.js +0 -1
  260. package/dist/cjs/lib/utils/resizeObserver/resizeObserver.js +0 -1
  261. package/dist/esm/components/elementOrIcon/elementOrIcon.js +0 -1
  262. package/dist/esm/components/elementOrIcon/index.js +0 -1
  263. package/dist/esm/components/itemRove/index.js +0 -1
  264. package/dist/esm/components/itemRove/itemRove.js +0 -2
  265. package/dist/esm/components/message/index.js +0 -2
  266. package/dist/esm/components/message/messageControlled.js +0 -2
  267. package/dist/esm/components/message/messageStandAlone.js +0 -10
  268. package/dist/esm/components/message/messageUnControlled.js +0 -2
  269. package/dist/esm/components/navBar/index.js +0 -1
  270. package/dist/esm/components/navBar/navBar.js +0 -2
  271. package/dist/esm/components/navBar/navBarStandAlone.js +0 -2
  272. package/dist/esm/components/overlay/index.js +0 -1
  273. package/dist/esm/components/overlay/overlay.js +0 -2
  274. package/dist/esm/components/overlay/overlayStandAlone.js +0 -2
  275. package/dist/esm/components/renderIf/renderIf.js +0 -1
  276. package/dist/esm/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js +0 -3
  277. package/dist/esm/components/selectorBoxFile/components/selectorBoxFileHeader.js +0 -9
  278. package/dist/esm/components/selectorBoxFile/components/selectorBoxFileTooltip.js +0 -1
  279. package/dist/esm/components/table/__stories__/css/table.css +0 -7
  280. package/dist/esm/lib/hooks/useContentVisibilityDetection/useContentVisibilityDetection.js +0 -1
  281. package/dist/esm/lib/hooks/useId/useId.js +0 -1
  282. package/dist/esm/lib/hooks/useInputFocus/useInputFocus.js +0 -1
  283. package/dist/esm/lib/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.js +0 -1
  284. package/dist/esm/lib/utils/changeCssProperty/changeCssProperty.js +0 -1
  285. package/dist/esm/lib/utils/is/isReactNode.js +0 -1
  286. package/dist/esm/lib/utils/is/isString.js +0 -1
  287. package/dist/esm/lib/utils/process/processIcon/processIcon.js +0 -1
  288. package/dist/esm/lib/utils/process/processText/processText.js +0 -1
  289. package/dist/esm/lib/utils/resizeObserver/resizeObserver.js +0 -1
  290. /package/dist/cjs/lib/hooks/{useContentVisibilityDetection → useContentVisibility}/utils/contentVisibility.js +0 -0
  291. /package/dist/cjs/lib/{hooks/syncRefs → utils/refs}/syncRefs.js +0 -0
  292. /package/dist/esm/lib/hooks/{useContentVisibilityDetection → useContentVisibility}/utils/contentVisibility.js +0 -0
  293. /package/dist/esm/lib/{hooks/syncRefs → utils/refs}/syncRefs.js +0 -0
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../cssProvider/provider.js"),r=t.createContext(void 0),n={lg:992,md:768,sm:576,xl:1200};exports.StylesContext=r,exports.StylesProvider=({breakpoints:o=n,children:i,icons:l={},illustrations:a={},themeSelected:d,bernovaProvider:m,linkId:c="kb-styled-provider",jsInCss:u=!0})=>{const x=o,h=(e=>({onlyDesktop:`(max-width: ${e.xl}px)`,onlyLargeDesktop:`(min-width: ${e.xl}px)`,onlyMobile:`(max-width: ${e.md-1}px)`,onlyTablet:`(min-width: ${e.md}px) and (max-width: ${e.lg-1}px)`}))(o),p=l,v=a,y=t.useMemo(()=>new(m||s.Provider)({jsInCss:u,linkId:c}),[]),[S,C]=t.useState(d||y.themeSelected);y.themeSelected=S||"";return e.jsxRuntimeExports.jsx(r.Provider,{value:{breakpoints:x,changeTheme:e=>{try{y.themeSelected=e,C(e)}catch(t){}},classes:[],currentTheme:S,getComponentStyles:({additionalClassNames:e,component:t,variant:s})=>{try{return y.getComponentStyles({additionalClassNames:e,component:t,variant:s||""})}catch(r){return{}}},icons:p,illustrations:v,mediaQueries:h,themeClassNames:y.classNames,themes:y.allThemes,themeVariables:y.variables},children:i})},exports.useStylesContext=()=>{const e=t.useContext(r);if(!e)throw new Error("useStylesContext must be used within a StylesProvider");return e};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../cssProvider/provider.js"),r=t.createContext(void 0),n={lg:992,md:768,sm:576,xl:1200};exports.StylesContext=r,exports.StylesProvider=({bernovaProvider:o,breakpoints:i=n,children:l,icons:a={},illustrations:d={},jsInCss:m=!0,linkId:c="kb-styled-provider",themeSelected:u})=>{const x=i,h=(e=>({onlyDesktop:`(max-width: ${e.xl}px)`,onlyLargeDesktop:`(min-width: ${e.xl}px)`,onlyMobile:`(max-width: ${e.md-1}px)`,onlyTablet:`(min-width: ${e.md}px) and (max-width: ${e.lg-1}px)`}))(i),p=a,v=d,y=t.useMemo(()=>new(o||s.Provider)({jsInCss:m,linkId:c}),[]),[S,C]=t.useState(u||y.themeSelected);y.themeSelected=S||"";return e.jsxRuntimeExports.jsx(r.Provider,{value:{breakpoints:x,changeTheme:e=>{try{y.themeSelected=e,C(e)}catch(t){}},classes:[],currentTheme:S,getComponentStyles:({additionalClassNames:e,component:t,variant:s})=>{try{return y.getComponentStyles({additionalClassNames:e,component:t,variant:s||""})}catch(r){return{}}},icons:p,illustrations:v,mediaQueries:h,themeClassNames:y.classNames,themes:y.allThemes,themeVariables:y.variables},children:l})},exports.useStylesContext=()=>{const e=t.useContext(r);if(!e)throw new Error("useStylesContext must be used within a StylesProvider");return e};
@@ -0,0 +1 @@
1
+ .storybook-divider{background-color:#000;color:#fff;padding:1rem}
@@ -0,0 +1 @@
1
+ .note-container{border-left:4px solid;border-radius:6px;margin-bottom:16px;padding:12px}.note-heading{display:block;font-size:14px;margin-bottom:6px}.note-text{color:#333;font-size:13px;line-height:1.5;margin-top:8px}.note-theme-blue{background-color:#f1f8ff;border-left-color:#0366d6}.note-theme-blue .note-heading{color:#0366d6}.note-theme-lightBlue{background-color:#e6f6ff;border-left-color:#2188ff}.note-theme-lightBlue .note-heading{color:#0366d6}.note-theme-purple{background-color:#f5f0ff;border-left-color:#7b61ff}.note-theme-purple .note-heading{color:#7b61ff}.note-theme-orange{background-color:#fff8f0;border-left-color:#ff9940}.note-theme-orange .note-heading{color:#ff9940}.note-theme-green{background-color:#f0fff4;border-left-color:#22863a}.note-theme-green .note-heading{color:#22863a}.note-theme-red{background-color:#fff0f0;border-left-color:#d73a49}.note-theme-red .note-heading{color:#d73a49}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../constants/keyboardKeys/keyboardKeys.js");exports.isArrowLeftPressed=s=>s===e.ARROW_LEFT.key,exports.isArrowRightPressed=s=>s===e.ARROW_RIGHT.key,exports.isKeyEnterPressed=s=>s===e.ENTER.key,exports.isKeyEscapePressed=s=>e.ESCAPE.key.some(e=>e===s),exports.isKeySpacePressed=s=>s===e.SPACE.key,exports.isKeyTabPressed=s=>s===e.TAB.key;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.isKeyPressed=(e,...r)=>r.some(r=>Array.isArray(r)?r.includes(e):e===r);
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=(t,r={})=>{const{allowReactElements:n=!0,extractContent:o=!0,maxLength:l,propertyName:c="children"}=r;if(null==t)return"children"===c?{children:null}:{};if("string"==typeof t){const e=l&&t.length>l?t.substring(0,l):t;return{[c]:e}}if(n&&e.isValidElement(t))return{children:t};if("object"==typeof t&&null!==t){if(o&&"content"in t){const e=t.content,r=l&&"string"==typeof e?e.substring(0,l):e;return{...t,children:r}}return t}return"children"===c?{children:null}:{}};exports.processCommonProp=t,exports.processIconProp=e=>t(e,{allowReactElements:!1,extractContent:!1,propertyName:"icon"}),exports.processTextProp=(e,r)=>t(e,{allowReactElements:!0,extractContent:!0,maxLength:r,propertyName:"children"});
@@ -1 +1 @@
1
- .kbt-text{-webkit-text-size-adjust:100%;text-size-adjust:100%}.kbt-text--disabled{pointer-events:none}.kbt-text--truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes popover-enter-center{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes popover-exit-center{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@keyframes popover-enter-top{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes popover-exit-top{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}@keyframes popover-enter-top-start{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-top-start{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes popover-enter-top-end{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-top-end{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes popover-enter-bottom{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes popover-exit-bottom{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}@keyframes popover-enter-bottom-start{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-bottom-start{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes popover-enter-bottom-end{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-bottom-end{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes popover-enter-left{0%{opacity:0;transform:translateY(-50%) translate(-20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes popover-exit-left{0%{opacity:1;transform:translateY(-50%) translate(0)}to{opacity:0;transform:translateY(-50%) translate(-20px)}}@keyframes popover-enter-left-start{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-left-start{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes popover-enter-left-end{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-left-end{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes popover-enter-right{0%{opacity:0;transform:translateY(-50%) translate(20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes popover-exit-right{0%{opacity:1;transform:translateY(-50%) translate(0)}to{opacity:0;transform:translateY(-50%) translate(20px)}}@keyframes popover-enter-right-start{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-right-start{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes popover-enter-right-end{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-right-end{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.popover-animate{animation-duration:.2s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}.popover-enter-center{animation-name:popover-enter-center}.popover-enter-top{animation-name:popover-enter-top}.popover-enter-top-start{animation-name:popover-enter-top-start}.popover-enter-top-end{animation-name:popover-enter-top-end}.popover-enter-bottom{animation-name:popover-enter-bottom}.popover-enter-bottom-start{animation-name:popover-enter-bottom-start}.popover-enter-bottom-end{animation-name:popover-enter-bottom-end}.popover-enter-left{animation-name:popover-enter-left}.popover-enter-left-start{animation-name:popover-enter-left-start}.popover-enter-left-end{animation-name:popover-enter-left-end}.popover-enter-right{animation-name:popover-enter-right}.popover-enter-right-start{animation-name:popover-enter-right-start}.popover-enter-right-end{animation-name:popover-enter-right-end}.popover-exit-center{animation-name:popover-exit-center}.popover-exit-top{animation-name:popover-exit-top}.popover-exit-top-start{animation-name:popover-exit-top-start}.popover-exit-top-end{animation-name:popover-exit-top-end}.popover-exit-bottom{animation-name:popover-exit-bottom}.popover-exit-bottom-start{animation-name:popover-exit-bottom-start}.popover-exit-bottom-end{animation-name:popover-exit-bottom-end}.popover-exit-left{animation-name:popover-exit-left}.popover-exit-left-start{animation-name:popover-exit-left-start}.popover-exit-left-end{animation-name:popover-exit-left-end}.popover-exit-right{animation-name:popover-exit-right}.popover-exit-right-start{animation-name:popover-exit-right-start}.popover-exit-right-end{animation-name:popover-exit-right-end}[data-kbt-id=popover][data-kbt-placement]{animation-duration:.5s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards;animation-iteration-count:1}[data-kbt-id=popover][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){--animation-prefix: "popover-enter-"}[data-kbt-id=popover][data-kbt-placement=center][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-center}[data-kbt-id=popover][data-kbt-placement^=top][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-top)}[data-kbt-id=popover][data-kbt-placement=top-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-top-start}[data-kbt-id=popover][data-kbt-placement=top-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-top-end}[data-kbt-id=popover][data-kbt-placement^=bottom][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-bottom)}[data-kbt-id=popover][data-kbt-placement=bottom-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-bottom-start}[data-kbt-id=popover][data-kbt-placement=bottom-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-bottom-end}[data-kbt-id=popover][data-kbt-placement^=left][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-left)}[data-kbt-id=popover][data-kbt-placement=left-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-left-start}[data-kbt-id=popover][data-kbt-placement=left-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-left-end}[data-kbt-id=popover][data-kbt-placement^=right][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-right)}[data-kbt-id=popover][data-kbt-placement=right-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-right-start}[data-kbt-id=popover][data-kbt-placement=right-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-right-end}[data-kbt-id=popover][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){--animation-prefix: "popover-exit-"}[data-kbt-id=popover][data-kbt-placement=center][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-center}[data-kbt-id=popover][data-kbt-placement^=top][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-top)}[data-kbt-id=popover][data-kbt-placement=top-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-top-start}[data-kbt-id=popover][data-kbt-placement=top-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-top-end}[data-kbt-id=popover][data-kbt-placement^=bottom][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-bottom)}[data-kbt-id=popover][data-kbt-placement=bottom-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-bottom-start}[data-kbt-id=popover][data-kbt-placement=bottom-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-bottom-end}[data-kbt-id=popover][data-kbt-placement^=left][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-left)}[data-kbt-id=popover][data-kbt-placement=left-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-left-start}[data-kbt-id=popover][data-kbt-placement=left-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-left-end}[data-kbt-id=popover][data-kbt-placement^=right][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-right)}[data-kbt-id=popover][data-kbt-placement=right-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-right-start}[data-kbt-id=popover][data-kbt-placement=right-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-right-end}[data-kbt-id=popover-arrow]{position:absolute;transform:rotate(45deg);z-index:-1}[data-kbt-id=popover-arrow][data-kbt-placement^=top]{bottom:calc(-1 * var(--arrow-size, 8px) / 2);left:50%;transform:translate(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=bottom]{top:calc(-1 * var(--arrow-size, 8px) / 2);left:50%;transform:translate(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=left]{right:calc(-1 * var(--arrow-size, 8px) / 2);top:50%;transform:translateY(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=right]{left:calc(-1 * var(--arrow-size, 8px) / 2);top:50%;transform:translateY(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement=center]{top:calc(-1 * var(--arrow-size, 8px) / 2);left:50%;transform:translate(-50%) rotate(45deg)}:root{--border-radius: 0;--fallback-ratio: 1;--object-fit: cover;--ratio: 1;--width: 100%}.kbt-picture{position:relative;display:inline-block;overflow:hidden;max-width:100%;max-height:100%;width:var(--width);aspect-ratio:var(--ratio)}@supports not (aspect-ratio: 16 / 9){.kbt-picture{padding-top:var(--fallback-ratio)}.kbt-picture img{position:absolute;top:0;left:0;width:100%;height:auto}}.kbt-picture img{max-width:100%;border-radius:var(--border-radius);object-fit:var(--object-fit);aspect-ratio:var(--ratio)}.kbt-tooltip{display:inline-block}.kbt-tooltip__trigger-wrapper{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:none;min-height:1.5rem;min-width:1.5rem}.kbt-tooltip__external-container{display:flex}.kbt-tooltip__header-content{display:flex;align-items:flex-start}.kbt-tooltip__close-icon{display:flex;justify-content:flex-end;align-self:flex-end}.kbt-tooltip__title,.kbt-tooltip__paragraph{word-break:break-word}.kbt-tooltip__inner-content{overflow-y:auto}.kbt-tooltip__arrow{position:absolute}.kbt-tooltip__arrow--top{bottom:100%;left:50%;transform:translate(-50%)}.kbt-tooltip__arrow--right{top:50%;left:100%;transform:translateY(-50%)}.kbt-tooltip__arrow--bottom{top:100%;left:50%;transform:translate(-50%)}.kbt-tooltip__arrow--left{top:50%;right:100%;transform:translateY(-50%)}@keyframes breatheAnimation{0%{background-position-x:0%}to{background-position-x:-200%}}.kbt-skeleton{width:var(--skeleton-width, 100%);height:var(--skeleton-height, 20px);animation-name:breatheAnimation;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--skeleton-duration, 2s);animation-delay:1ms;background-size:200% 100%}
1
+ .kbt-text{-webkit-text-size-adjust:100%;text-size-adjust:100%}.kbt-text--disabled{pointer-events:none}.kbt-text--truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes popover-enter-center{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes popover-exit-center{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@keyframes popover-enter-top{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes popover-exit-top{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}@keyframes popover-enter-top-start{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-top-start{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes popover-enter-top-end{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-top-end{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes popover-enter-bottom{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes popover-exit-bottom{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}@keyframes popover-enter-bottom-start{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-bottom-start{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes popover-enter-bottom-end{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-bottom-end{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes popover-enter-left{0%{opacity:0;transform:translateY(-50%) translate(-20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes popover-exit-left{0%{opacity:1;transform:translateY(-50%) translate(0)}to{opacity:0;transform:translateY(-50%) translate(-20px)}}@keyframes popover-enter-left-start{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-left-start{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes popover-enter-left-end{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-left-end{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes popover-enter-right{0%{opacity:0;transform:translateY(-50%) translate(20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes popover-exit-right{0%{opacity:1;transform:translateY(-50%) translate(0)}to{opacity:0;transform:translateY(-50%) translate(20px)}}@keyframes popover-enter-right-start{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-right-start{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes popover-enter-right-end{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-right-end{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.popover-animate{animation-duration:.2s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}.popover-enter-center{animation-name:popover-enter-center}.popover-enter-top{animation-name:popover-enter-top}.popover-enter-top-start{animation-name:popover-enter-top-start}.popover-enter-top-end{animation-name:popover-enter-top-end}.popover-enter-bottom{animation-name:popover-enter-bottom}.popover-enter-bottom-start{animation-name:popover-enter-bottom-start}.popover-enter-bottom-end{animation-name:popover-enter-bottom-end}.popover-enter-left{animation-name:popover-enter-left}.popover-enter-left-start{animation-name:popover-enter-left-start}.popover-enter-left-end{animation-name:popover-enter-left-end}.popover-enter-right{animation-name:popover-enter-right}.popover-enter-right-start{animation-name:popover-enter-right-start}.popover-enter-right-end{animation-name:popover-enter-right-end}.popover-exit-center{animation-name:popover-exit-center}.popover-exit-top{animation-name:popover-exit-top}.popover-exit-top-start{animation-name:popover-exit-top-start}.popover-exit-top-end{animation-name:popover-exit-top-end}.popover-exit-bottom{animation-name:popover-exit-bottom}.popover-exit-bottom-start{animation-name:popover-exit-bottom-start}.popover-exit-bottom-end{animation-name:popover-exit-bottom-end}.popover-exit-left{animation-name:popover-exit-left}.popover-exit-left-start{animation-name:popover-exit-left-start}.popover-exit-left-end{animation-name:popover-exit-left-end}.popover-exit-right{animation-name:popover-exit-right}.popover-exit-right-start{animation-name:popover-exit-right-start}.popover-exit-right-end{animation-name:popover-exit-right-end}[data-kbt-id=popover][data-kbt-placement]{animation-duration:.5s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards;animation-iteration-count:1}[data-kbt-id=popover][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){--animation-prefix: "popover-enter-"}[data-kbt-id=popover][data-kbt-placement=center][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-center}[data-kbt-id=popover][data-kbt-placement^=top][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-top)}[data-kbt-id=popover][data-kbt-placement=top-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-top-start}[data-kbt-id=popover][data-kbt-placement=top-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-top-end}[data-kbt-id=popover][data-kbt-placement^=bottom][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-bottom)}[data-kbt-id=popover][data-kbt-placement=bottom-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-bottom-start}[data-kbt-id=popover][data-kbt-placement=bottom-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-bottom-end}[data-kbt-id=popover][data-kbt-placement^=left][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-left)}[data-kbt-id=popover][data-kbt-placement=left-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-left-start}[data-kbt-id=popover][data-kbt-placement=left-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-left-end}[data-kbt-id=popover][data-kbt-placement^=right][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-right)}[data-kbt-id=popover][data-kbt-placement=right-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-right-start}[data-kbt-id=popover][data-kbt-placement=right-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-right-end}[data-kbt-id=popover][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){--animation-prefix: "popover-exit-"}[data-kbt-id=popover][data-kbt-placement=center][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-center}[data-kbt-id=popover][data-kbt-placement^=top][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-top)}[data-kbt-id=popover][data-kbt-placement=top-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-top-start}[data-kbt-id=popover][data-kbt-placement=top-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-top-end}[data-kbt-id=popover][data-kbt-placement^=bottom][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-bottom)}[data-kbt-id=popover][data-kbt-placement=bottom-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-bottom-start}[data-kbt-id=popover][data-kbt-placement=bottom-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-bottom-end}[data-kbt-id=popover][data-kbt-placement^=left][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-left)}[data-kbt-id=popover][data-kbt-placement=left-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-left-start}[data-kbt-id=popover][data-kbt-placement=left-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-left-end}[data-kbt-id=popover][data-kbt-placement^=right][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-right)}[data-kbt-id=popover][data-kbt-placement=right-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-right-start}[data-kbt-id=popover][data-kbt-placement=right-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-right-end}[data-kbt-id=popover-arrow]{position:absolute;transform:rotate(45deg);z-index:-1}[data-kbt-id=popover-arrow][data-kbt-placement^=top]{bottom:calc(-1 * var(--arrow-size, 8px) / 2);left:50%;transform:translate(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=bottom]{top:calc(-1 * var(--arrow-size, 8px) / 2);left:50%;transform:translate(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=left]{right:calc(-1 * var(--arrow-size, 8px) / 2);top:50%;transform:translateY(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=right]{left:calc(-1 * var(--arrow-size, 8px) / 2);top:50%;transform:translateY(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement=center]{top:calc(-1 * var(--arrow-size, 8px) / 2);left:50%;transform:translate(-50%) rotate(45deg)}:root{--border-radius: 0;--fallback-ratio: 1;--object-fit: cover;--ratio: 1;--width: 100%}.kbt-picture{position:relative;display:inline-block;overflow:hidden;max-width:100%;max-height:100%;width:var(--width);aspect-ratio:var(--ratio)}@supports not (aspect-ratio: 16 / 9){.kbt-picture{padding-top:var(--fallback-ratio)}.kbt-picture img{position:absolute;top:0;left:0;width:100%;height:auto}}.kbt-picture img{max-width:100%;border-radius:var(--border-radius);object-fit:var(--object-fit);aspect-ratio:var(--ratio)}@keyframes breatheAnimation{0%{background-position-x:0%}to{background-position-x:-200%}}.kbt-skeleton{width:var(--skeleton-width, 100%);height:var(--skeleton-height, 20px);animation-name:breatheAnimation;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--skeleton-duration, 2s);animation-delay:1ms;background-size:200% 100%}.kbt-tooltip{display:inline-block}.kbt-tooltip__trigger-wrapper{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:none;min-height:1.5rem;min-width:1.5rem}.kbt-tooltip__external-container{display:flex}.kbt-tooltip__paragraph{word-break:break-word}.kbt-tooltip__inner-content{overflow-y:auto}.kbt-tooltip__arrow{position:absolute}.kbt-tooltip__arrow--top{bottom:100%;left:50%;transform:translate(-50%)}.kbt-tooltip__arrow--right{top:50%;left:100%;transform:translateY(-50%)}.kbt-tooltip__arrow--bottom{top:100%;left:50%;transform:translate(-50%)}.kbt-tooltip__arrow--left{top:50%;right:100%;transform:translateY(-50%)}
@@ -1 +1 @@
1
- import{__require as r}from"../node_modules/react/jsx-runtime.js";var e=r();export{e as j};
1
+ import{__require as e}from"../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";var r=e();export{r as j};
@@ -1,4 +1,4 @@
1
- import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{CustomComponent as o}from"../../lib/components/customComponent/customComponent.js";import{useId as n}from"../../lib/hooks/useId/useId.js";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{STATE as a}from"./types/state.js";const r=e(({children:e,component:r="div",cssClasses:c,dataTestId:i="accordion",expanded:d,header:m,headerComponent:l="h3",onHeaderClick:p},u)=>{const h=`${n("accordion")}-content`,j={"data-state":d?a.EXPANDED:a.COLLAPSED},b=s(j);/* @__PURE__ */
2
- return t.jsx(o,{ref:u,className:c?.accordion,component:r,"data-testid":i,...b,children:/* @__PURE__ */t.jsxs("div",{children:[
3
- /* @__PURE__ */t.jsx(o,{className:c?.header,component:l,...b,children:/* @__PURE__ */t.jsx("button",{"aria-controls":h,"aria-expanded":d,className:c?.headerbutton,"data-testid":`${i}-header`,type:"button",onClick:p,...b,children:m})}),
4
- /* @__PURE__ */t.jsx("div",{className:c?.content,"data-kbt-accordion-content":!0,"data-testid":`${i}-content`,id:h,...b,children:/* @__PURE__ */t.jsx("div",{className:c?.innercontent,"data-kbt-accordion-content-inner":!0,...b,children:e})})]})})});export{r as AccordionStandAlone};
1
+ import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useId as n}from"react";import{CustomComponent as o}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as a}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{STATE as s}from"./types/state.js";const c=e(({children:e,component:c="div",cssClasses:r,dataTestId:i="accordion",expanded:d,header:m,headerComponent:l="h3",onHeaderClick:p},h)=>{const u=`${`accordion-${n().replace(/:/g,"")}`}-content`,j={"data-state":d?s.EXPANDED:s.COLLAPSED},x=a(j);/* @__PURE__ */
2
+ return t.jsx(o,{ref:h,className:r?.accordion,component:c,"data-testid":i,...x,children:/* @__PURE__ */t.jsxs("div",{children:[
3
+ /* @__PURE__ */t.jsx(o,{className:r?.header,component:l,...x,children:/* @__PURE__ */t.jsx("button",{"aria-controls":u,"aria-expanded":d,className:r?.headerbutton,"data-testid":`${i}-header`,type:"button",onClick:p,...x,children:m})}),
4
+ /* @__PURE__ */t.jsx("div",{className:r?.content,"data-kbt-accordion-content":!0,"data-testid":`${i}-content`,id:u,...x,children:/* @__PURE__ */t.jsx("div",{className:r?.innercontent,"data-kbt-accordion-content-inner":!0,...x,children:e})})]})})});export{c as AccordionStandAlone};
@@ -0,0 +1,2 @@
1
+ import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as o}from"../../lib/hooks/useClassName/useClassName.js";import{AlertStandAlone as r}from"./alertStandAlone.js";const t=a(({additionalClasses:a,variant:t,...e},i)=>{const m=o({additionalClassNames:a,component:"ALERT",variant:t});/* @__PURE__ */
2
+ return s.jsx(r,{ref:i,cssClasses:m,...e})});export{t as Alert};
@@ -0,0 +1,2 @@
1
+ import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{Text as i}from"../text/text.js";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processTextProp as r}from"../../lib/utils/process/processCommonProp.js";const o=s(({ariaLive:s="off",content:o,cssClasses:a,id:n,role:c,...m},l)=>{const d=m["data-testid"]||"alert",{"data-testid":p,...f}=m,j=e(f),u=r(o);/* @__PURE__ */
2
+ return t.jsx("div",{...j,ref:l,"aria-live":s,className:a?.container,"data-testid":d,id:n,role:c,children:/* @__PURE__ */t.jsx("div",{className:a?.contentcontainer,children:"string"==typeof o?/* @__PURE__ */t.jsx(i,{additionalClasses:{text:a?.description},component:"p",...u}):u.children})})});export{o as AlertStandAlone};
@@ -0,0 +1 @@
1
+ export { Alert } from './alertControlled.js';
@@ -1,4 +1 @@
1
- import{j as s}from"../../../_virtual/jsx-runtime.js";import{Dot as t}from"../../dot/dot.js";import{ElementOrIcon as o}from"../../elementOrIcon/elementOrIcon.js";import{RenderIf as i}from"../../renderIf/renderIf.js";import{Text as e}from"../../text/text.js";import{processIcon as r}from"../../../lib/utils/process/processIcon/processIcon.js";import{processText as n}from"../../../lib/utils/process/processText/processText.js";const c=({contentType:c,cssClasses:m,customAttributes:l,dot:a,icon:d,initials:p,maxLengthInitials:j})=>/* @__PURE__ */s.jsxs(s.Fragment,{children:[
2
- /* @__PURE__ */s.jsx(i,{condition:!!a?.number,children:/* @__PURE__ */s.jsx("span",{className:m?.dot,children:/* @__PURE__ */s.jsx(t,{...a})})}),
3
- /* @__PURE__ */s.jsx(i,{condition:"with-icon"===c,children:/* @__PURE__ */s.jsx(o,{className:m?.icon,customAttributes:l,...r(d)})}),
4
- /* @__PURE__ */s.jsx(i,{condition:"with-initials"===c,children:/* @__PURE__ */s.jsx(e,{additionalClasses:{},"aria-hidden":!0,component:"span",customAttributes:l,...n(p,j)})})]});export{c as DrawContent};
1
+ import{j as t}from"../../../_virtual/jsx-runtime.js";import{Dot as s}from"../../dot/dot.js";import{Text as o}from"../../text/text.js";import{ElementOrIcon as i}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{processIconProp as e,processTextProp as n}from"../../../lib/utils/process/processCommonProp.js";const r=({contentType:r,cssClasses:m,customAttributes:a,dot:c,icon:l,initials:p,maxLengthInitials:j})=>/* @__PURE__ */t.jsxs(t.Fragment,{children:[!!c?.number&&/* @__PURE__ */t.jsx("span",{className:m?.dot,children:/* @__PURE__ */t.jsx(s,{...c})}),"with-icon"===r&&/* @__PURE__ */t.jsx(i,{className:m?.icon,customAttributes:a,...e(l)}),"with-initials"===r&&/* @__PURE__ */t.jsx(o,{additionalClasses:{},"aria-hidden":!0,component:"span",customAttributes:a,...n(p,j)})]});export{r as DrawContent};
@@ -1,9 +1,7 @@
1
- import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useRef as e,useImperativeHandle as o,useCallback as r}from"react";import{Dot as i}from"../dot/dot.js";import{RenderIf as a}from"../renderIf/renderIf.js";import{Text as n}from"../text/text.js";import{pickCustomAttributes as c}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as l}from"../../lib/utils/process/processIcon/processIcon.js";import{processText as d}from"../../lib/utils/process/processText/processText.js";import{ElementOrIcon as m}from"../elementOrIcon/elementOrIcon.js";const u=s(({active:s,ariaLiveText:u,cssSizeClasses:p,cssVariantClasses:j,dot:b,hasDot:x,icon:f,label:h,labelIcon:C,onBadgeBlur:I,onClick:N,role:$,...g},v)=>{const A=e(null),k=e(null),B={"data-active":!!s},T=c({...g,customAttributes:B}),y=c(B),D=T["data-testid"]||"badge";o(v,()=>k.current,[]);const O=r(t=>{I?.(t)},[I]),z=r(t=>{N?.(t)},[N]);/* @__PURE__ */
2
- return t.jsx("div",{ref:k,className:`${j?.badge} ${p?.badge}`,"data-testid":`${D}-container`,...y,children:/* @__PURE__ */t.jsxs("button",{ref:A,className:j?.button,"data-testid":D,role:$,type:"button",onBlur:O,onClick:z,...T,children:[
3
- /* @__PURE__ */t.jsxs("span",{className:j?.dotcontainer,children:[
4
- /* @__PURE__ */t.jsx(a,{condition:!!b&&!!x,children:/* @__PURE__ */t.jsx("span",{"aria-hidden":!0,className:j?.dot,children:/* @__PURE__ */t.jsx(i,{...b})})}),
5
- /* @__PURE__ */t.jsx(m,{className:`${j?.icon} ${p?.icon}`,...l(f),customAttributes:B})]}),
6
- /* @__PURE__ */t.jsx(a,{condition:!!h,children:/* @__PURE__ */t.jsxs("span",{"aria-hidden":!0,className:j?.labelcontainer,children:[
7
- /* @__PURE__ */t.jsx(n,{additionalClasses:{text:`${p?.label} ${j?.label}`},component:"span",...d(h),customAttributes:B}),
8
- /* @__PURE__ */t.jsx(m,{className:j?.labelicon,rotate:s?"180deg":"0deg",transitionDuration:"0.2s",...l(C),customAttributes:B})]})}),
9
- /* @__PURE__ */t.jsx("screen-reader-only",{"aria-live":"polite",children:u})]})})});export{u as BadgeStandAlone};
1
+ import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useRef as e,useImperativeHandle as a,useCallback as o}from"react";import{Dot as i}from"../dot/dot.js";import{Text as r}from"../text/text.js";import{ElementOrIcon as n}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIconProp as c,processTextProp as m}from"../../lib/utils/process/processCommonProp.js";const d=s(({active:s,ariaLiveText:d,cssSizeClasses:u,cssVariantClasses:b,dot:p,hasDot:j,icon:x,label:f,labelIcon:h,onBadgeBlur:C,onClick:N,role:$,...g},v)=>{const A=e(null),k=e(null),B={"data-active":!!s},I=l({...g,customAttributes:B}),y=l(B),D=I["data-testid"]||"badge";a(v,()=>k.current,[]);const O=o(t=>{C?.(t)},[C]),z=o(t=>{N?.(t)},[N]);/* @__PURE__ */
2
+ return t.jsx("div",{ref:k,className:`${b?.badge} ${u?.badge}`,"data-testid":`${D}-container`,...y,children:/* @__PURE__ */t.jsxs("button",{ref:A,className:b?.button,"data-testid":D,role:$,type:"button",onBlur:O,onClick:z,...I,children:[
3
+ /* @__PURE__ */t.jsxs("span",{className:b?.dotcontainer,children:[!!p&&!!j&&/* @__PURE__ */t.jsx("span",{"aria-hidden":!0,className:b?.dot,children:/* @__PURE__ */t.jsx(i,{...p})}),
4
+ /* @__PURE__ */t.jsx(n,{className:`${b?.icon} ${u?.icon}`,...c(x),customAttributes:B})]}),!!f&&/* @__PURE__ */t.jsxs("span",{"aria-hidden":!0,className:b?.labelcontainer,children:[
5
+ /* @__PURE__ */t.jsx(r,{additionalClasses:{text:`${u?.label} ${b?.label}`},component:"span",...m(f),customAttributes:B}),
6
+ /* @__PURE__ */t.jsx(n,{className:b?.labelicon,rotate:s?"180deg":"0deg",transitionDuration:"0.2s",...c(h),customAttributes:B})]}),
7
+ /* @__PURE__ */t.jsx("screen-reader-only",{"aria-live":"polite",children:d})]})})});export{d as BadgeStandAlone};
@@ -1,6 +1,3 @@
1
- import{j as t}from"../../../../_virtual/jsx-runtime.js";import{ElementOrIcon as e}from"../../../elementOrIcon/elementOrIcon.js";import{Link as i}from"../../../link/link.js";import{RenderIf as s}from"../../../renderIf/renderIf.js";import{Text as r}from"../../../text/text.js";import{useManageState as a}from"../../../../lib/hooks/useManageState/useManageState.js";import{STATES as n}from"../../../../lib/types/states/states.js";import{pickCustomAttributes as o}from"../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const l=({crumb:l,cssClasses:d,dividerIcon:c,lastCrumb:m,lastOneCrumbComponent:u="span",link:j,...b})=>{const{setRef:x}=a({active:m,states:Object.values(n)}),p=o(b);/* @__PURE__ */
2
- return t.jsxs("li",{ref:x,"aria-current":m?"page":void 0,className:d?.crumb,"data-testid":b["data-testid"],children:[
3
- /* @__PURE__ */t.jsx(s,{condition:!!m,children:/* @__PURE__ */t.jsx(r,{additionalClasses:{text:d?.lastonecrumb},component:u,"data-testid":"last-breadcrumb",id:l.id,children:l.name})}),
4
- /* @__PURE__ */t.jsx(s,{condition:!m,children:/* @__PURE__ */t.jsxs(t.Fragment,{children:[
5
- /* @__PURE__ */t.jsx(s,{condition:!!j,children:/* @__PURE__ */t.jsx("div",{className:d?.linkcontainer,children:/* @__PURE__ */t.jsx(i,{...p,action:"navigation",additionalTextClasses:{text:d?.link},"aria-label":l.ariaLabel,"data-testid":"breadcrumb-link",disabled:m,id:l.id,url:l.url,...j,onClick:t=>l.onClick?.(l.url,t),children:l.name})})}),
6
- /* @__PURE__ */t.jsx("div",{className:d?.icondividercontainer,children:/* @__PURE__ */t.jsx(e,{className:d?.icondivider,...c})})]})})]})};export{l as CrumbStandAlone};
1
+ import{j as t}from"../../../../_virtual/jsx-runtime.js";import{Link as e}from"../../../link/link.js";import{Text as s}from"../../../text/text.js";import{ElementOrIcon as i}from"../../../../lib/components/elementOrIcon/elementOrIcon.js";import{useManageState as a}from"../../../../lib/hooks/useManageState/useManageState.js";import{STATES as r}from"../../../../lib/types/states/states.js";import{pickCustomAttributes as n}from"../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const l=({crumb:l,cssClasses:o,dividerIcon:m,lastCrumb:c,lastOneCrumbComponent:d="span",link:u,...b})=>{const{setRef:j}=a({active:c,states:Object.values(r)}),p=n(b);/* @__PURE__ */
2
+ return t.jsxs("li",{ref:j,"aria-current":c?"page":void 0,className:o?.crumb,"data-testid":b["data-testid"],children:[!!c&&/* @__PURE__ */t.jsx(s,{additionalClasses:{text:o?.lastonecrumb},component:d,"data-testid":"last-breadcrumb",id:l.id,children:l.name}),!c&&/* @__PURE__ */t.jsxs(t.Fragment,{children:[!!u&&/* @__PURE__ */t.jsx("div",{className:o?.linkcontainer,children:/* @__PURE__ */t.jsx(e,{...p,action:"navigation",additionalTextClasses:{text:o?.link},"aria-label":l.ariaLabel,"data-testid":"breadcrumb-link",disabled:c,id:l.id,url:l.url,...u,onClick:t=>l.onClick?.(l.url,t),children:l.name})}),
3
+ /* @__PURE__ */t.jsx("div",{className:o?.icondividercontainer,children:/* @__PURE__ */t.jsx(i,{className:o?.icondivider,...m})})]})]})};export{l as CrumbStandAlone};
@@ -1 +1 @@
1
- import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{useManageState as t}from"../../lib/hooks/useManageState/useManageState.js";import{STATES as o}from"../../lib/types/states/states.js";import{processIcon as i}from"../../lib/utils/process/processIcon/processIcon.js";import{ButtonStandAlone as n}from"./buttonStandAlone.js";const r=a(({additionalSizeClasses:a,additionalVariantClasses:r,children:l,disabled:m=!1,icon:d,loading:c=!1,size:p,type:u="button",variant:b,...f},j)=>{const C=e({additionalClassNames:r,component:"BUTTON",variant:b}),N=e({additionalClassNames:a,component:"BUTTON",variant:p}),{setRef:g}=t({disabled:m,loading:c,ref:j,states:Object.values(o)});return l||i(d).icon?/* @__PURE__ */s.jsx(n,{...f,ref:g,cssSizeClasses:N,cssVariantClasses:C,disabled:m,icon:d,loading:c,type:u,children:l}):null});export{r as Button};
1
+ import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.js";import{useManageState as e}from"../../lib/hooks/useManageState/useManageState.js";import{STATES as o}from"../../lib/types/states/states.js";import{processIconProp as i}from"../../lib/utils/process/processCommonProp.js";import{ButtonStandAlone as n}from"./buttonStandAlone.js";const r=a(({additionalSizeClasses:a,additionalVariantClasses:r,children:l,disabled:m=!1,icon:d,loading:p=!1,size:c,type:u="button",variant:b,...f},j)=>{const C=t({additionalClassNames:r,component:"BUTTON",variant:b}),N=t({additionalClassNames:a,component:"BUTTON",variant:c}),{setRef:g}=e({disabled:m,loading:p,ref:j,states:Object.values(o)});return l||i(d).icon?/* @__PURE__ */s.jsx(n,{...f,ref:g,cssSizeClasses:N,cssVariantClasses:C,disabled:m,icon:d,loading:p,type:u,children:l}):null});export{r as Button};
@@ -1,5 +1,3 @@
1
- import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useMemo as i,Children as o}from"react";import{RenderIf as e}from"../renderIf/renderIf.js";import{POSITIONS as r}from"../../lib/types/positions/positions.js";import{classNames as n}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as a}from"../../lib/utils/process/processIcon/processIcon.js";import{ElementOrIcon as c}from"../elementOrIcon/elementOrIcon.js";const d=s(({alignText:s,children:d,cssSizeClasses:m,cssVariantClasses:p,disabled:u,form:b,fullWidth:f,icon:j,iconPosition:x,id:h,loader:I,loading:y,minWidth:C,onClick:g,role:N,tabIndex:k,title:A,type:T,...v},F)=>{const O=i(()=>m?.dynamic_values({$alignText:s||"left"}).object,[s]),W={"data-content":o.toArray(d)[0],"data-full-width":f,"data-loading":y,"data-position":x||r.LEFT},_=l({...v,customAttributes:W});/* @__PURE__ */
2
- return t.jsxs("button",{ref:F,className:n(m?.button,p?.button),"data-testid":"button",disabled:u,form:b,id:h,role:N,style:O,tabIndex:k,title:A,type:T,onClick:g,..._,...W,children:[
3
- /* @__PURE__ */t.jsx(e,{condition:!!I&&!!y,children:/* @__PURE__ */t.jsx("span",{className:n(m?.loader,p?.loader),children:I})}),
4
- /* @__PURE__ */t.jsx(e,{condition:!y,children:/* @__PURE__ */t.jsxs(t.Fragment,{children:[
5
- /* @__PURE__ */t.jsx(c,{...a(j),className:n(m?.icon,p?.icon)}),d]})})]})});export{d as ButtonStandAlone};
1
+ import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useMemo as o,Children as i}from"react";import{ElementOrIcon as e}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{POSITIONS as l}from"../../lib/types/positions/positions.js";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as a}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIconProp as n}from"../../lib/utils/process/processCommonProp.js";const m=s(({alignText:s,children:m,cssSizeClasses:c,cssVariantClasses:d,disabled:p,form:u,fullWidth:b,icon:f,iconPosition:j,id:x,loader:h,loading:C,minWidth:y,onClick:g,role:N,tabIndex:k,title:A,type:I,...T},v)=>{const F=o(()=>c?.dynamic_values({$alignText:s||"left"}).object,[s]),O={"data-content":i.toArray(m)[0],"data-full-width":b,"data-loading":C,"data-position":j||l.LEFT},P=a({...T,customAttributes:O});/* @__PURE__ */
2
+ return t.jsxs("button",{ref:v,className:r(c?.button,d?.button),"data-testid":"button",disabled:p,form:u,id:x,role:N,style:F,tabIndex:k,title:A,type:I,onClick:g,...P,...O,children:[!!h&&!!C&&/* @__PURE__ */t.jsx("span",{className:r(c?.loader,d?.loader),children:h}),!C&&/* @__PURE__ */t.jsxs(t.Fragment,{children:[
3
+ /* @__PURE__ */t.jsx(e,{...n(f),className:r(c?.icon,d?.icon)}),m]})]})});export{m as ButtonStandAlone};
@@ -1,2 +1,2 @@
1
1
  import{j as t}from"../../../_virtual/jsx-runtime.js";import{useState as e,useMemo as s}from"react";import{CustomComponent as a}from"../../../lib/components/customComponent/customComponent.js";import{useRoveFocus as o}from"../../../lib/hooks/useRoveFocus/useRoveFocus.js";import{useUtilsProvider as r}from"../../../lib/provider/utilsProvider/utilsProvider.js";import{STATES as i}from"../../../lib/types/states/states.js";import{pickCustomAttributes as n}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{WEEK_DAYS as l}from"../constants/constants.js";import{getAllDaysInMonth as d}from"../utils/getAllDaysInMonth.js";import{getFirstDayOfMonth as m}from"../utils/getFirstDayOfMonth.js";import{getStateDay as c}from"../utils/getState.js";import{groupDaysByWeeks as u}from"../utils/groupDaysByWeeks.js";import{getFirstEmptyAndDisabledDays as y,getDaysAndEmptyDaysUntilMaxDate as D,handleKeyUpMove as f,handleKeyTabMove as g,handleKeyRightMove as p,handleKeyPageUpMove as h,handleKeyPageDownMove as b,handleKeyLeftMove as j,handleKeyDownMove as v}from"../utils/handleKeysmoves.js";const k="ddMMyyyy",M=({cssClasses:M,currentDate:S,disabledDates:x=[],hasRange:w,maxDate:$,minDate:A,onDayClick:C,selectedDate:E,setSelectedDate:F,sundayFirst:R,...I})=>{const{dateHelpers:L,formatDate:N,transformDate:B}=r(),P=S.getMonth()+1,T=S.getFullYear(),U=N(/* @__PURE__ */new Date,k),z=d(P,T),O=m(T,P-1)-(R?0:1),q=[...new Array(O>=0?O:6),...z],G=q.filter(t=>void 0===t),[H,K]=e(0),[W,Y]=e(0),_=I["data-testid"]||"calendar",J={currentDate:S,dayList:q,daysAndEmptyDaysUntilMaxDate:D(G,$,S),firstEmptyAndDisabledDays:y(G,A,S),maxDate:$,minDate:A},Q=s(()=>({calendarBlankDaysSize:G.length,currentFocusSelected:(E[0]?E[0].getDate():/* @__PURE__ */(new Date).getDate())+G.length-1,keyDownMove:v(J),keyLeftMove:j(J),keyPageDownMove:b(J),keyPageUpMove:h(J),keyRightMove:p(J),keyTabMove:g,keyUpMove:f(J),size:q.length}),[G.length,q.length,S,A,$]),[V,X,Z]=o(Q),tt=t=>(t&&(V<G.length&&X(G.length),V>q.length&&X(q.length-1)),V===t),et=t=>{if(W){if(W<E[0])return t>W&&t<E[0];if(W>E[0])return t<W&&t>E[0]}else{if(t>E[0])return t<E[1];if(t<E[0])return t>E[1]}return!1},st=t=>{if(!w)return!1;const e=E?.findIndex(e=>e&&t&&N(e,k)===N(t,k));return 0===e&&W?W<t:0===e?t>E[1]:1===e&&t>E[0]},at=t=>{if(!w)return!1;const e=E?.findIndex(e=>e&&t&&N(e,k)===N(t,k));return 0===e&&W?W>t:0===e?t<E[1]:1===e&&t<E[0]};/* @__PURE__ */
2
- return t.jsx("tbody",{ref:Z,className:M?.tbody,"data-testid":"tbody-days-list",children:u(q).map((e,s)=>/* @__PURE__ */t.jsx("tr",{className:M?.tablerow,children:e.map((e,o)=>{const r=e||0;let d=!e||L.isBefore(e,A)||L.isAfter(e,B(N($,k),k));d||(d=x.some(t=>e&&L.isDatesEqual(e,t,!1)));const m=c({dayFormatted:r,formatDate:N,hasRange:w,isGhostSelected:et,isSelectedToLeft:st,isSelectedToRight:at,selectedDate:E,today:U}),u={"data-state":d?i.DISABLED:m};return e?/* @__PURE__ */t.jsx("td",{"aria-selected":m===i.SELECTED||void 0,className:M?.listelementrove,style:{width:`calc(100% / ${l})`},...n(u),children:/* @__PURE__ */t.jsx(a,{"aria-label":N(e,{day:"numeric",month:"long",weekday:"long",year:"numeric"}),ariaDisabled:d,className:M?.dayslist,component:"button","data-testid":`${_}-${o+l*s}`,focus:tt(o+l*s),index:o+l*s,type:"button",onMouseOver:()=>{1===H&&Y(r)},onSelectItem:()=>{d||(t=>{const[e,s]=E;w?e&&s||!e&&!s?(F([t,0]),K(1),t instanceof Date&&C?.(t.getDate().toString())):(F([e,t]),K(0),t instanceof Date&&C?.(t.getDate().toString())):(F([t]),t instanceof Date&&C?.(t.getDate().toString()))})(r)},...n(u),children:e.getDate()})},`day${o+l*s}${r}`):/* @__PURE__ */t.jsx("td",{"aria-hidden":!0,"aria-label":"empty day",className:M?.listelementempty,style:{width:`calc(100% / ${l})`}},`day${o+l*s}${r}`)})},`table-row-${s.toString()}`))})};export{M as List};
2
+ return t.jsx("tbody",{ref:Z,className:M?.tbody,"data-testid":"tbody-days-list",children:u(q).map((e,s)=>/* @__PURE__ */t.jsx("tr",{className:M?.tablerow,children:e.map((e,o)=>{const r=e||0;let d=!e||L.isBefore(e,A)||L.isAfter(e,B(N($,k),k));d||(d=x.some(t=>e&&L.isDatesEqual(e,t,!1)));const m=c({dayFormatted:r,formatDate:N,hasRange:w,isGhostSelected:et,isSelectedToLeft:st,isSelectedToRight:at,selectedDate:E,today:U}),u={"data-state":d?i.DISABLED:m};return e?/* @__PURE__ */t.jsx("td",{"aria-selected":m===i.SELECTED||void 0,className:M?.listelementrove,style:{width:`calc(100% / ${l})`},...n(u),children:/* @__PURE__ */t.jsx(a,{"aria-disabled":d,"aria-label":N(e,{day:"numeric",month:"long",weekday:"long",year:"numeric"}),className:M?.dayslist,component:"button","data-testid":`${_}-${o+l*s}`,focus:tt(o+l*s),index:o+l*s,type:"button",onMouseOver:()=>{1===H&&Y(r)},onSelectItem:()=>{d||(t=>{const[e,s]=E;w?e&&s||!e&&!s?(F([t,0]),K(1),t instanceof Date&&C?.(t.getDate().toString())):(F([e,t]),K(0),t instanceof Date&&C?.(t.getDate().toString())):(F([t]),t instanceof Date&&C?.(t.getDate().toString()))})(r)},...n(u),children:e.getDate()})},`day${o+l*s}${r}`):/* @__PURE__ */t.jsx("td",{"aria-hidden":!0,"aria-label":"empty day",className:M?.listelementempty,style:{width:`calc(100% / ${l})`}},`day${o+l*s}${r}`)})},`table-row-${s.toString()}`))})};export{M as List};
@@ -1,3 +1,3 @@
1
1
  import{j as t}from"../../../../_virtual/jsx-runtime.js";import{useMemo as e}from"react";import{Text as o}from"../../../text/text.js";import{CustomComponent as s}from"../../../../lib/components/customComponent/customComponent.js";import{useRoveFocus as r}from"../../../../lib/hooks/useRoveFocus/useRoveFocus.js";import{useUtilsProvider as a}from"../../../../lib/provider/utilsProvider/utilsProvider.js";import{STATES as n}from"../../../../lib/types/states/states.js";import{pickCustomAttributes as l}from"../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{setMonth as i}from"../../utils/setMonth.js";import{keyUpMove as m,keyTabMove as c,keyRightMove as u,keyLeftMove as p,keyDownMove as h}from"./utils/monthSelector.utils.js";const d=({configAccesibility:d,cssClasses:g,currentDate:D,maxDate:b,minDate:M,onMonthClick:f,setCurrentDate:j,today:v,...A})=>{const{dateHelpers:C,transformDate:x}=a(),y=A["data-testid"]||"calendar",E={currentDate:D,maxDate:b,minDate:M},k=e(()=>({currentFocusSelected:D?D.getMonth():/* @__PURE__ */(new Date).getMonth(),keyDownMove:h(E),keyLeftMove:p(E),keyRightMove:u(E),keyTabMove:c,keyUpMove:m(E),size:C.getAllMonthName("long").length}),[C.getAllMonthName("long").length,D]),[S,,F]=r(k),L=t=>{const e=D?.getFullYear();return M?.getFullYear()===e&&M?.getMonth()>t||b?.getFullYear()===e&&b?.getMonth()<t};/* @__PURE__ */
2
2
  return t.jsx("ul",{ref:F,"aria-label":d?.monthSelectorAriaLabel,className:g?.monthslist,"data-testid":"tbody-months-list",children:C.getAllMonthName("long",A.locale).map((e,r)=>{const a=((t,e,o)=>{let s;return s=t.getMonth()===e?n.SELECTED:e===v.getMonth()?n.CURRENT:o?n.DISABLED:n.DEFAULT,s})(D,r,L(r)),m={"data-state":L(r)?n.DISABLED:a};/* @__PURE__ */
3
- return t.jsx("li",{"aria-selected":a===n.SELECTED||void 0,className:g?.monthlistitem,...l(m),children:/* @__PURE__ */t.jsx(s,{"aria-label":e.charAt(0).toUpperCase()+e.slice(1),ariaDisabled:L(r),className:g?.monthelement,component:"button",focus:S===r,index:r,type:"button",...l(m),onSelectItem:()=>{const t=new Date(D);j(x(i(t,r))),f?.(e)},children:/* @__PURE__ */t.jsx(o,{component:"span","data-testid":y,children:e.charAt(0).toUpperCase()+e.slice(1)})})},e)})})};export{d as MonthSelector};
3
+ return t.jsx("li",{"aria-selected":a===n.SELECTED||void 0,className:g?.monthlistitem,...l(m),children:/* @__PURE__ */t.jsx(s,{"aria-disabled":L(r),"aria-label":e.charAt(0).toUpperCase()+e.slice(1),className:g?.monthelement,component:"button",focus:S===r,index:r,type:"button",...l(m),onSelectItem:()=>{const t=new Date(D);j(x(i(t,r))),f?.(e)},children:/* @__PURE__ */t.jsx(o,{component:"span","data-testid":y,children:e.charAt(0).toUpperCase()+e.slice(1)})})},e)})})};export{d as MonthSelector};
@@ -1,9 +1,7 @@
1
- import{j as e}from"../../../_virtual/jsx-runtime.js";import{Button as t}from"../../button/button.js";import{RenderIf as o}from"../../renderIf/renderIf.js";import{Text as r}from"../../text/text.js";import{useUtilsProvider as a}from"../../../lib/provider/utilsProvider/utilsProvider.js";import{ElementOrIcon as n}from"../../elementOrIcon/elementOrIcon.js";const s=({configAccesibility:s,configCalendar:i,cssClasses:l,currentDate:c,customBackText:d,maxDate:u,minDate:h,onDaySelectorClick:m,onLeftIconClick:b,onMonthSelectorClick:S,onRightIconClick:x,onYearSelectorClick:y,setCurrentDate:j,setShowDaySelector:p,setShowMonthSelector:C,setShowYearSelector:g,showDaySelector:f,showMonthSelector:v,showYearSelector:w,useDaySelector:k=!1})=>{const{dateHelpers:D,formatDate:A}=a(),{leftArrowIcon:I,rightArrowIcon:M,sizeSelectorButton:Y,variantSelectorButton:N}=i,z=e=>{j(e)},L=k,R=(v||w)&&!L,B=e=>!R&&e.getMonth()===c.getMonth()&&e.getFullYear()===c.getFullYear(),F=(o,a,n,s)=>{const i=()=>{switch(o){case"day":return c.getDate();case"month":return(e=A(c,{month:"long"})).charAt(0).toUpperCase()+e.slice(1);case"year":return c.getFullYear();default:return null}var e};/* @__PURE__ */
2
- return e.jsx(t,{additionalSizeClasses:Y?void 0:l?.button_size,additionalVariantClasses:N?void 0:l?.button_variant,"aria-label":n,disabled:a,role:s,size:Y,variant:N,onClick:e=>{p("day"===o),C("month"===o),g("year"===o),"day"===o?m?.(i()?.toString(),e):"month"===o?S?.(i()?.toString(),e):y?.(i()?.toString(),e)},children:/* @__PURE__ */e.jsx(r,{component:"span",children:i()})})},_={"data-state":B(h)};/* @__PURE__ */
3
- return e.jsxs("div",{className:l?.selectorcontainer,style:{justifyContent:L?"center":"space-between"},children:[
4
- /* @__PURE__ */e.jsxs("button",{"aria-label":R?"":I["aria-label"],className:l?.selectoriconandbacktextcontainer,"data-testid":"previous-button",type:"button",onClick:e=>{(()=>{const e=new Date(c);R?g(!1):z(D.getSubMonths(e,1)),C(!1),p(!0)})(),I.onClick?.(e),b?.(e)},children:[
5
- /* @__PURE__ */e.jsx(n,{className:l?.leftarrow,customAttributes:_,disabled:B(h),...I,"aria-label":void 0}),
6
- /* @__PURE__ */e.jsx(o,{condition:R,children:/* @__PURE__ */e.jsx(r,{additionalClasses:{text:l?.backtext},component:"span",children:d})})]}),
7
- /* @__PURE__ */e.jsxs("div",{className:l?.selectoroptionscontainer,children:[
8
- /* @__PURE__ */e.jsx(o,{condition:L,children:F("day",f,s?.daySelectorAriaLabel,s?.daySelectorRole)}),F("month",v,s?.monthSelectorAriaLabel,s?.monthSelectorRole),F("year",w,s?.yearSelectorAriaLabel,s?.yearSelectorRole)]}),
9
- /* @__PURE__ */e.jsx("span",{style:{visibility:R?"hidden":"visible"},children:/* @__PURE__ */e.jsx(n,{className:l?.rightarrow,customAttributes:_,"data-testid":"next-button",disabled:B(u),onClick:e=>{(()=>{const e=new Date(c);z(D.getAddMonths(e,1))})(),M.onClick?.(e),x?.(e)},...M})})]})};export{s as Selector};
1
+ import{j as e}from"../../../_virtual/jsx-runtime.js";import{Button as t}from"../../button/button.js";import{Text as o}from"../../text/text.js";import{ElementOrIcon as r}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{useUtilsProvider as a}from"../../../lib/provider/utilsProvider/utilsProvider.js";const n=({configAccesibility:n,configCalendar:s,cssClasses:l,currentDate:i,customBackText:c,maxDate:d,minDate:u,onDaySelectorClick:m,onLeftIconClick:h,onMonthSelectorClick:b,onRightIconClick:S,onYearSelectorClick:y,setCurrentDate:p,setShowDaySelector:x,setShowMonthSelector:C,setShowYearSelector:g,showDaySelector:j,showMonthSelector:v,showYearSelector:w,useDaySelector:f=!1})=>{const{dateHelpers:k,formatDate:D}=a(),{leftArrowIcon:A,rightArrowIcon:M,sizeSelectorButton:I,variantSelectorButton:Y}=s,N=e=>{p(e)},z=f,L=(v||w)&&!z,R=e=>!L&&e.getMonth()===i.getMonth()&&e.getFullYear()===i.getFullYear(),B=(r,a,n,s)=>{const c=()=>{switch(r){case"day":return i.getDate();case"month":return(e=D(i,{month:"long"})).charAt(0).toUpperCase()+e.slice(1);case"year":return i.getFullYear();default:return null}var e};/* @__PURE__ */
2
+ return e.jsx(t,{additionalSizeClasses:I?void 0:l?.button_size,additionalVariantClasses:Y?void 0:l?.button_variant,"aria-label":n,disabled:a,role:s,size:I,variant:Y,onClick:e=>{x("day"===r),C("month"===r),g("year"===r),"day"===r?m?.(c()?.toString(),e):"month"===r?b?.(c()?.toString(),e):y?.(c()?.toString(),e)},children:/* @__PURE__ */e.jsx(o,{component:"span",children:c()})})},F={"data-state":R(u)};/* @__PURE__ */
3
+ return e.jsxs("div",{className:l?.selectorcontainer,style:{justifyContent:z?"center":"space-between"},children:[
4
+ /* @__PURE__ */e.jsxs("button",{"aria-label":L?"":A["aria-label"],className:l?.selectoriconandbacktextcontainer,"data-testid":"previous-button",type:"button",onClick:e=>{(()=>{const e=new Date(i);L?g(!1):N(k.getSubMonths(e,1)),C(!1),x(!0)})(),A.onClick?.(e),h?.(e)},children:[
5
+ /* @__PURE__ */e.jsx(r,{className:l?.leftarrow,customAttributes:F,disabled:R(u),...A,"aria-label":void 0}),L&&/* @__PURE__ */e.jsx(o,{additionalClasses:{text:l?.backtext},component:"span",children:c})]}),
6
+ /* @__PURE__ */e.jsxs("div",{className:l?.selectoroptionscontainer,children:[z&&B("day",j,n?.daySelectorAriaLabel,n?.daySelectorRole),B("month",v,n?.monthSelectorAriaLabel,n?.monthSelectorRole),B("year",w,n?.yearSelectorAriaLabel,n?.yearSelectorRole)]}),
7
+ /* @__PURE__ */e.jsx("span",{style:{visibility:L?"hidden":"visible"},children:/* @__PURE__ */e.jsx(r,{className:l?.rightarrow,customAttributes:F,"data-testid":"next-button",disabled:R(d),onClick:e=>{(()=>{const e=new Date(i);N(k.getAddMonths(e,1))})(),M.onClick?.(e),S?.(e)},...M})})]})};export{n as Selector};
@@ -1,7 +1,7 @@
1
- import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as i}from"react";import{Link as s}from"../link/link.js";import{Text as e}from"../text/text.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as n}from"../../lib/utils/process/processText/processText.js";import{CustomComponent as r}from"../../lib/components/customComponent/customComponent.js";const c=i(({component:i="div",cssClasses:c,description:l,device:m,image:a,imageAltText:d,link:p,onClick:x,title:j,...u},v)=>{const k=o(u);/* @__PURE__ */
2
- return t.jsxs(r,{ref:v,className:c?.card_image,component:i,tabIndex:0,onClick:x,...k,children:[
3
- /* @__PURE__ */t.jsx("div",{"aria-label":d||void 0,className:c?.imagecontainer,role:d?"img":void 0,style:a?.[m]?{backgroundImage:`url(${a[m]})`}:void 0}),
4
- /* @__PURE__ */t.jsxs("div",{className:c?.content,children:[
5
- /* @__PURE__ */t.jsxs("div",{className:c?.textcontainer,children:[
6
- /* @__PURE__ */t.jsx(e,{additionalClasses:{text:c?.title},component:"h3",...n(j)}),
7
- /* @__PURE__ */t.jsx(e,{additionalClasses:{text:c?.description},...n(l)})]}),p?.url&&/* @__PURE__ */t.jsx("div",{className:c?.linkcontainer,children:/* @__PURE__ */t.jsx(s,{iconPosition:"right",...p,children:p.content||""})})]})]})});export{c as CardImageStandAlone};
1
+ import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as i}from"react";import{Link as s}from"../link/link.js";import{Text as o}from"../text/text.js";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processTextProp as n}from"../../lib/utils/process/processCommonProp.js";import{CustomComponent as r}from"../../lib/components/customComponent/customComponent.js";const m=i(({component:i="div",cssClasses:m,description:c,device:l,image:a,imageAltText:d,link:p,onClick:x,title:j,...u},v)=>{const C=e(u);/* @__PURE__ */
2
+ return t.jsxs(r,{ref:v,className:m?.card_image,component:i,tabIndex:0,onClick:x,...C,children:[
3
+ /* @__PURE__ */t.jsx("div",{"aria-label":d||void 0,className:m?.imagecontainer,role:d?"img":void 0,style:a?.[l]?{backgroundImage:`url(${a[l]})`}:void 0}),
4
+ /* @__PURE__ */t.jsxs("div",{className:m?.content,children:[
5
+ /* @__PURE__ */t.jsxs("div",{className:m?.textcontainer,children:[
6
+ /* @__PURE__ */t.jsx(o,{additionalClasses:{text:m?.title},component:"h3",...n(j)}),
7
+ /* @__PURE__ */t.jsx(o,{additionalClasses:{text:m?.description},...n(c)})]}),p?.url&&/* @__PURE__ */t.jsx("div",{className:m?.linkcontainer,children:/* @__PURE__ */t.jsx(s,{iconPosition:"right",...p,children:p.content||""})})]})]})});export{m as CardImageStandAlone};
@@ -1 +1 @@
1
- import{useRef as e,useCallback as n,useEffect as t}from"react";import{ResizeObserver as r}from"../../../lib/utils/resizeObserver/resizeObserver.js";import{useCarouselKeyNavigation as a}from"./useCarouselKeyNavigation.js";import{useCarouselSwipe as i}from"./useCarouselSwipe.js";import c from"./utils/calc.utils.js";import o from"./utils/constants.js";import s from"./utils/dom.utils.js";const u=({rootContainerRef:u,viewerContainerRef:l,contentContainerRef:d,circular:m=!0,centerMode:g=!1,extraPadding:P=0,elements:f,numElementsPerPage:C,numElementsToSlide:h,defaultPage:w=0,onePageAlign:E="center",allowModifySliceWidth:I=!1,centerExtremesWhenExtraPadding:x=!1,autoFitContainer:R=!1,disabled:p=!1,onNumPagesChange:v,onNumElementsPerPageChange:L,onPageChange:N})=>{const V=e(!0),S=e(w),y=e(w),T=e(C),A=e(0),b=n(e=>{const n=d.current;if(!n||!T.current||e.propertyName!==o.PROPERTY_TO_HANDLE_TRANSITION_END||A.current<1)return;n.setAttribute("data-shifting","false");const{newPage:t}=s.udpateCarouselPositionOnEdge({contentContainer:n,currentPage:y.current,numPages:A.current,numElementsPerPage:T.current,elementsLength:f.length,extraPadding:P});y.current=t,S.current!==y.current&&(S.current=y.current,N?.(y.current));const{firstIndexInView:r,lastIndexInView:a}=c.calcFirstAndLastIndexInCarouselView({elementsLength:f.length,numElementsPerPage:T.current,numElementsToSlide:h,currentPage:y.current,isCircular:m});s.updateContentElementsAriaVisibility({contentContainer:n,firstIndexInView:r,lastIndexInView:a}),g&&s.applyCenterMode({contentContainer:n,firstIndexInView:r,lastIndexInView:a,numElementsPerPage:T.current}),V.current=!0},[f,P,h,m,g,N]),O=n(({newPage:e,animated:n=!0})=>{const t=l.current,r=d.current;if(!t||!r||!V.current||!T.current||!f.length||A.current<1||(m?e<-1:e<0)||(m?e>A.current:e>A.current-1))return;n&&r.setAttribute("data-shifting","true"),s.deleteCenterMode({contentContainer:r}),y.current=e;const{firstIndexInView:a,lastIndexInView:i}=c.calcFirstAndLastIndexInCarouselView({elementsLength:f.length,numElementsPerPage:T.current,numElementsToSlide:h,currentPage:y.current,isCircular:m});I||s.updateViewerWidth({viewerContainer:t,contentContainer:r,firstIndexInView:a,lastIndexInView:i,extraPadding:P});const u=r.style.left,g=c.calcContentContainerLeftPosition({contentContainer:r,numPages:A.current,currentPage:y.current,firstIndexInView:a,extraPadding:P,centerExtremesWhenExtraPadding:x,circular:m});r.style.left=g,n&&u!==g?V.current=!1:b({propertyName:o.PROPERTY_TO_HANDLE_TRANSITION_END})},[f,h,m,I,P,x,b]),M=n(()=>{const e=l.current,n=d.current;e&&n&&T.current&&(I&&(e.style.width="100%",s.updateSlicesWidth({viewerContainer:e,contentContainer:n,centerMode:g,numElementsPerPage:T.current,extraPadding:P})),s.manageCircularClones({contentContainer:n,elementsLength:f.length,numElementsPerPage:T.current,circular:m}),O({newPage:y.current,animated:!1}))},[I,g,m,f,P,O]),_=n(()=>{const e=u.current,n=l.current,t=d.current;if(!e||!n||!t)return;e.style.width="100%";const r=C||c.calcNumElementsPerPage({rootContainer:e,viewerContainer:n,contentContainer:t,elementsLength:f.length,extraPadding:P})||1;R&&(e.style.width="fit-content"),r!==T.current&&(T.current=r,L?.(r));const a=c.calcNumPages({elementsLength:f.length,numElementsPerPage:r,numElementsToSlide:h});A.current!==a&&(A.current=a,v?.(a),y.current=Math.min(Math.max(0,w),a-1)),a<=1&&s.alignOnePageCarousel({rootContainer:e,contentContainer:t,onePageAlign:E,allowModifySliceWidth:I})},[I,f,P,C,h,E,R,L,v,N]),W=n(()=>{_(),M()},[_,M]);return t(()=>{const e=d.current;if(!e)return;W(),window.addEventListener("resize",W);const n=new r(W);return n.observe(e),()=>{window.removeEventListener("resize",W),n.disconnect()}},[W]),t(()=>{const e=d.current;return e?.addEventListener("transitionend",b),()=>{e?.removeEventListener("transitionend",b)}},[b]),i({viewerContainerRef:l,contentContainerRef:d,allowShiftRef:V,circular:m,extraPadding:P,elements:f,numElementsPerPageRef:T,numPagesRef:A,currentPageRef:y,centerExtremesWhenExtraPadding:x,disabled:p,changePage:O}),a({rootContainerRef:u,allowShiftRef:V,circular:m,currentPageRef:y,numPagesRef:A,disabled:p,changePage:O}),{changePage:O,allowShiftRef:V,currentPageRef:y,numElementsPerPageRef:T,numPagesRef:A}};export{u as useCarousel};
1
+ import{useRef as e,useCallback as n,useEffect as t}from"react";import{useCarouselKeyNavigation as r}from"./useCarouselKeyNavigation.js";import{useCarouselSwipe as a}from"./useCarouselSwipe.js";import i from"./utils/calc.utils.js";import c from"./utils/constants.js";import o from"./utils/dom.utils.js";const s=({allowModifySliceWidth:s=!1,autoFitContainer:u=!1,centerExtremesWhenExtraPadding:l=!1,centerMode:d=!1,circular:g=!0,contentContainerRef:m,defaultPage:P=0,disabled:f=!1,elements:C,extraPadding:h=0,numElementsPerPage:w,numElementsToSlide:E,onePageAlign:I="center",onNumElementsPerPageChange:x,onNumPagesChange:R,onPageChange:p,rootContainerRef:L,viewerContainerRef:N})=>{const V=e(!0),v=e(P),S=e(P),y=e(w),T=e(0),A=n(e=>{const n=m.current;if(!n||!y.current||e.propertyName!==c.PROPERTY_TO_HANDLE_TRANSITION_END||T.current<1)return;n.setAttribute("data-shifting","false");const{newPage:t}=o.udpateCarouselPositionOnEdge({contentContainer:n,currentPage:S.current,elementsLength:C.length,extraPadding:h,numElementsPerPage:y.current,numPages:T.current});S.current=t,v.current!==S.current&&(v.current=S.current,p?.(S.current));const{firstIndexInView:r,lastIndexInView:a}=i.calcFirstAndLastIndexInCarouselView({currentPage:S.current,elementsLength:C.length,isCircular:g,numElementsPerPage:y.current,numElementsToSlide:E});o.updateContentElementsAriaVisibility({contentContainer:n,firstIndexInView:r,lastIndexInView:a}),d&&o.applyCenterMode({contentContainer:n,firstIndexInView:r,lastIndexInView:a,numElementsPerPage:y.current}),V.current=!0},[C,h,E,g,d,p]),O=n(({animated:e=!0,newPage:n})=>{const t=N.current,r=m.current;if(!t||!r||!V.current||!y.current||!C.length||T.current<1||(g?n<-1:n<0)||(g?n>T.current:n>T.current-1))return;e&&r.setAttribute("data-shifting","true"),o.deleteCenterMode({contentContainer:r}),S.current=n;const{firstIndexInView:a,lastIndexInView:u}=i.calcFirstAndLastIndexInCarouselView({currentPage:S.current,elementsLength:C.length,isCircular:g,numElementsPerPage:y.current,numElementsToSlide:E});s||o.updateViewerWidth({contentContainer:r,extraPadding:h,firstIndexInView:a,lastIndexInView:u,viewerContainer:t});const d=r.style.left,P=i.calcContentContainerLeftPosition({centerExtremesWhenExtraPadding:l,circular:g,contentContainer:r,currentPage:S.current,extraPadding:h,firstIndexInView:a,numPages:T.current});r.style.left=P,e&&d!==P?V.current=!1:A({propertyName:c.PROPERTY_TO_HANDLE_TRANSITION_END})},[C,E,g,s,h,l,A]),b=n(()=>{const e=N.current,n=m.current;e&&n&&y.current&&(s&&(e.style.width="100%",o.updateSlicesWidth({centerMode:d,contentContainer:n,extraPadding:h,numElementsPerPage:y.current,viewerContainer:e})),o.manageCircularClones({circular:g,contentContainer:n,elementsLength:C.length,numElementsPerPage:y.current}),O({animated:!1,newPage:S.current}))},[s,d,g,C,h,O]),M=n(()=>{const e=L.current,n=N.current,t=m.current;if(!e||!n||!t)return;e.style.width="100%";const r=w||i.calcNumElementsPerPage({contentContainer:t,elementsLength:C.length,extraPadding:h,rootContainer:e,viewerContainer:n})||1;u&&(e.style.width="fit-content"),r!==y.current&&(y.current=r,x?.(r));const a=i.calcNumPages({elementsLength:C.length,numElementsPerPage:r,numElementsToSlide:E});T.current!==a&&(T.current=a,R?.(a),S.current=Math.min(Math.max(0,P),a-1)),a<=1&&o.alignOnePageCarousel({allowModifySliceWidth:s,contentContainer:t,onePageAlign:I,rootContainer:e})},[s,C,h,w,E,I,u,x,R,p]),_=n(()=>{M(),b()},[M,b]);return t(()=>{const e=m.current;if(!e)return;_(),window.addEventListener("resize",_);const n=new ResizeObserver(_);return n.observe(e),()=>{window.removeEventListener("resize",_),n.disconnect()}},[_]),t(()=>{const e=m.current;return e?.addEventListener("transitionend",A),()=>{e?.removeEventListener("transitionend",A)}},[A]),a({allowShiftRef:V,centerExtremesWhenExtraPadding:l,changePage:O,circular:g,contentContainerRef:m,currentPageRef:S,disabled:f,elements:C,extraPadding:h,numElementsPerPageRef:y,numPagesRef:T,viewerContainerRef:N}),r({allowShiftRef:V,changePage:O,circular:g,currentPageRef:S,disabled:f,numPagesRef:T,rootContainerRef:L}),{allowShiftRef:V,changePage:O,currentPageRef:S,numElementsPerPageRef:y,numPagesRef:T}};export{s as useCarousel};
@@ -1 +1 @@
1
- import{useEffect as e}from"react";import{isArrowLeftPressed as r,isArrowRightPressed as n}from"../../../lib/utils/keyboard/keyboard.js";const t=({rootContainerRef:t,allowShiftRef:c,circular:o,currentPageRef:u,numPagesRef:a,disabled:i=!1,changePage:d})=>{e(()=>{if(i)return;const e=e=>{!c.current||a.current<=1||(r(e.key)?c.current&&(o||0!==u.current)&&d({newPage:u.current-1}):n(e.key)&&c.current&&(o||u.current!==a.current-1)&&d({newPage:u.current+1}))},f=t.current;return f?.addEventListener("keydown",e),()=>{f?.removeEventListener("keydown",e)}},[o,d,i])};export{t as useCarouselKeyNavigation};
1
+ import{useEffect as e}from"react";import{ARROW_LEFT as r,ARROW_RIGHT as t}from"../../../lib/constants/keyboardKeys/keyboardKeys.js";import{isKeyPressed as n}from"../../../lib/utils/keyboard/keyboard.js";const o=({allowShiftRef:o,changePage:c,circular:a,currentPageRef:u,disabled:i=!1,numPagesRef:s,rootContainerRef:y})=>{e(()=>{if(i)return;const e=e=>{!o.current||s.current<=1||(n(e.key,r.key)?o.current&&(a||0!==u.current)&&c({newPage:u.current-1}):n(e.key,t.key)&&o.current&&(a||u.current!==s.current-1)&&c({newPage:u.current+1}))},d=y.current;return d?.addEventListener("keydown",e),()=>{d?.removeEventListener("keydown",e)}},[a,c,i])};export{o as useCarouselKeyNavigation};
@@ -1 +1 @@
1
- import{useRef as e,useCallback as t,useEffect as r}from"react";import{useScrollBlock as n}from"../../../lib/hooks/useScrollBlock/useScrollBlock.js";import c from"./utils/calc.utils.js";import u from"./utils/constants.js";const s=({contentContainerRef:s,viewerContainerRef:o,allowShiftRef:l,circular:i,extraPadding:a,elements:m,numElementsPerPageRef:v,numPagesRef:E,currentPageRef:d,centerExtremesWhenExtraPadding:h,disabled:f=!1,changePage:L})=>{const p=e(!1),_=e(!1),D=e(!1),R=e(),g=e(0),X=e(0),P=e(0),S=e(0),y=t(()=>{l.current&&(i||d.current!==E.current-1)&&L({newPage:d.current+1})},[i,L]),I=t(()=>{l.current&&(i||0!==d.current)&&L({newPage:d.current-1})},[i,L]),{allowScroll:O,blockScroll:w}=n(),x=t(e=>{const t=s.current;!t||E.current<=1||(R.current=parseFloat(t.style.left||"0"),"touchstart"===e.type?(g.current=e.touches[0].clientX,P.current=e.touches[0].clientX,S.current=e.touches[0].clientY):(g.current=e.clientX,P.current=e.clientX,S.current=e.clientY),p.current=!0)},[]),G=t(e=>{const t=s.current;if(!t||!p.current||!v?.current||E.current<=1)return;let r,n;"touchmove"===e.type?(X.current=g.current-e.touches[0].clientX,g.current=e.touches[0].clientX,r=e.touches[0].clientX-P.current,n=e.touches[0].clientY-S.current):(X.current=g.current-e.clientX,g.current=e.clientX,r=e.clientX-P.current,n=e.clientY-S.current);const o=parseFloat(t.style.left||"0")-X.current;if(_.current||D.current||(Math.abs(r)>u.THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING?(_.current=!0,w()):Math.abs(n)>u.THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING&&(D.current=!0)),_.current)if(i&&m.length>v.current)t.style.left=`${o}px`;else{const e=c.calcXDistanceBetween2Elements(t.firstChild,t.children[t.children.length-v.current]);if(h)o-a<0&&-o<e-a&&(t.style.left=`${o}px`);else{let r=i?a:0;!i&&a&&d.current===E.current-1&&(r=2*a),o-r<0&&-o<e-r&&(t.style.left=`${o}px`)}}},[w,h,i,m,a]),C=t(()=>{const e=s.current;if(D.current=!1,_.current&&O(),_.current=!1,!e||!p.current||void 0===R.current||E.current<=1)return;p.current=!1;const t=parseFloat(e.style.left||"0");t-R.current<-0?y():t-R.current>u.THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS?I():e.style.left=`${R.current}px`},[O,y,I]);r(()=>{if(f)return;const e=o.current,t={passive:!0};return e?.addEventListener("touchstart",x,t),e?.addEventListener("touchend",C,t),e?.addEventListener("touchmove",G,t),e?.addEventListener("mousedown",x,t),e?.addEventListener("mouseup",C,t),e?.addEventListener("mousemove",G,t),e?.addEventListener("mouseleave",C,t),()=>{e?.removeEventListener("touchstart",x,t),e?.removeEventListener("touchend",C,t),e?.removeEventListener("touchmove",G,t),e?.removeEventListener("mousedown",x,t),e?.removeEventListener("mouseup",C,t),e?.removeEventListener("mousemove",G,t),e?.removeEventListener("mouseleave",C,t)}},[x,C,G,f])};export{s as useCarouselSwipe};
1
+ import{useRef as e,useCallback as t,useEffect as r}from"react";import{useScrollBlock as n}from"../../../lib/hooks/useScrollBlock/useScrollBlock.js";import c from"./utils/calc.utils.js";import u from"./utils/constants.js";const s=({allowShiftRef:s,centerExtremesWhenExtraPadding:o,changePage:l,circular:i,contentContainerRef:a,currentPageRef:m,disabled:v=!1,elements:E,extraPadding:d,numElementsPerPageRef:h,numPagesRef:f,viewerContainerRef:L})=>{const p=e(!1),_=e(!1),D=e(!1),R=e(),g=e(0),X=e(0),P=e(0),S=e(0),y=t(()=>{s.current&&(i||m.current!==f.current-1)&&l({newPage:m.current+1})},[i,l]),I=t(()=>{s.current&&(i||0!==m.current)&&l({newPage:m.current-1})},[i,l]),{allowScroll:O,blockScroll:w}=n(),x=t(e=>{const t=a.current;!t||f.current<=1||(R.current=parseFloat(t.style.left||"0"),"touchstart"===e.type?(g.current=e.touches[0].clientX,P.current=e.touches[0].clientX,S.current=e.touches[0].clientY):(g.current=e.clientX,P.current=e.clientX,S.current=e.clientY),p.current=!0)},[]),G=t(e=>{const t=a.current;if(!t||!p.current||!h?.current||f.current<=1)return;let r,n;"touchmove"===e.type?(X.current=g.current-e.touches[0].clientX,g.current=e.touches[0].clientX,r=e.touches[0].clientX-P.current,n=e.touches[0].clientY-S.current):(X.current=g.current-e.clientX,g.current=e.clientX,r=e.clientX-P.current,n=e.clientY-S.current);const s=parseFloat(t.style.left||"0")-X.current;if(_.current||D.current||(Math.abs(r)>u.THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING?(_.current=!0,w()):Math.abs(n)>u.THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING&&(D.current=!0)),_.current)if(i&&E.length>h.current)t.style.left=`${s}px`;else{const e=c.calcXDistanceBetween2Elements(t.firstChild,t.children[t.children.length-h.current]);if(o)s-d<0&&-s<e-d&&(t.style.left=`${s}px`);else{let r=i?d:0;!i&&d&&m.current===f.current-1&&(r=2*d),s-r<0&&-s<e-r&&(t.style.left=`${s}px`)}}},[w,o,i,E,d]),C=t(()=>{const e=a.current;if(D.current=!1,_.current&&O(),_.current=!1,!e||!p.current||void 0===R.current||f.current<=1)return;p.current=!1;const t=parseFloat(e.style.left||"0");t-R.current<-0?y():t-R.current>u.THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS?I():e.style.left=`${R.current}px`},[O,y,I]);r(()=>{if(v)return;const e=L.current,t={passive:!0};return e?.addEventListener("touchstart",x,t),e?.addEventListener("touchend",C,t),e?.addEventListener("touchmove",G,t),e?.addEventListener("mousedown",x,t),e?.addEventListener("mouseup",C,t),e?.addEventListener("mousemove",G,t),e?.addEventListener("mouseleave",C,t),()=>{e?.removeEventListener("touchstart",x,t),e?.removeEventListener("touchend",C,t),e?.removeEventListener("touchmove",G,t),e?.removeEventListener("mousedown",x,t),e?.removeEventListener("mouseup",C,t),e?.removeEventListener("mousemove",G,t),e?.removeEventListener("mouseleave",C,t)}},[x,C,G,v])};export{s as useCarouselSwipe};
@@ -1 +1 @@
1
- const e=({element:e})=>{const t=window.getComputedStyle(e);return parseFloat(t.getPropertyValue("padding-left")||"0")+parseFloat(t.getPropertyValue("padding-right")||"0")},t=(e,t)=>{if(!e||!t)return 0;const n=e.offsetLeft,r=t.offsetLeft;return Math.abs(r-n)},n=({numElementsPerPage:e,numElementsToSlide:t})=>t?Math.max(1,Math.min(t,e)):e,r=({elementsLength:e,numElementsPerPage:t,numElementsToSlide:r})=>{if(e<=t)return 1;const i=n({numElementsToSlide:r,numElementsPerPage:t});return Math.ceil((e-t+i)/i)},i=({elementsLength:e,numElementsPerPage:t,numElementsToSlide:i,currentPage:l,isCircular:s})=>{if(e<=t)return{firstIndexInView:0,lastIndexInView:e-1};const o=n({numElementsToSlide:i,numElementsPerPage:t});let a=l*o+t-1;let d=0;s&&e>t&&(d=t+1,a+=d),l===r({elementsLength:e,numElementsPerPage:t,numElementsToSlide:o})?a=d+e+t-1:l<0?a=d-1:a-d>e-1&&(a=d+e-1);return{firstIndexInView:a-t+1,lastIndexInView:a}},l=({rootContainer:t,viewerContainer:n,contentContainer:r,elementsLength:i,extraPadding:l})=>{const s=r.firstElementChild;if(!s)return;let o=t.offsetWidth;o-=2*l;o-=e({element:n});let a=0;const d=s.offsetLeft;for(let e=0;e<r.children.length;e++){const t=r.children[e];if(d+t.offsetLeft+t.offsetWidth>o)break;a++}return Math.max(Math.min(i,a),1)},s=({contentContainer:e,centerMode:t})=>{let n=0;if(e.childNodes.length<2)return n;const r=e.childNodes[0],i=e.childNodes[1];t&&r.style&&i.style&&(r.style.transition="none",i.style.transition="none",r.style.transform="scale(1)",i.style.transform="scale(1)");const l=r?.getBoundingClientRect()?.right,s=i?.getBoundingClientRect()?.left;return t&&r.style&&i.style&&(r.style.removeProperty("transform"),i.style.removeProperty("transform"),r.offsetHeight,i.offsetHeight,r.style.removeProperty("transition"),i.style.removeProperty("transition")),void 0!==l&&void 0!==s&&(n=Math.abs(l-s)),n},o=({viewerContainer:t,contentContainer:n,centerMode:r,numElementsPerPage:i,extraPadding:l})=>{const o=(i-1)*s({contentContainer:n,centerMode:r}),a=e({element:t});return(t.getBoundingClientRect().width-o-2*l-a)/i},a=({viewerContainer:n,contentContainer:r,firstIndexInView:i,lastIndexInView:l,extraPadding:s})=>{const o=r.children[i],a=r.children[l],d=t(o,a),c=e({element:n});return`${d+a.offsetWidth+2*s+c}px`},d=({contentContainer:e,numPages:n,currentPage:r,firstIndexInView:i,extraPadding:l,centerExtremesWhenExtraPadding:s,circular:o})=>{let a=t(e.firstChild,e.children[i]);return l&&(s||o||0!==r&&r!==n-1?a-=l:o||r!==n-1||(a-=2*l)),-a+"px"},c={calcXDistanceBetween2Elements:t,calcAdjustedNumElementsToSlide:n,calcNumPages:r,calcFirstAndLastIndexInCarouselView:i,calcNumElementsPerPage:l,calcGapBetweenContentContainerElements:s,calcSliceWidth:o,calcViewerWidth:a,calcContentContainerLeftPosition:d};export{n as calcAdjustedNumElementsToSlide,d as calcContentContainerLeftPosition,i as calcFirstAndLastIndexInCarouselView,s as calcGapBetweenContentContainerElements,e as calcHorizontalElementPadding,l as calcNumElementsPerPage,r as calcNumPages,o as calcSliceWidth,a as calcViewerWidth,t as calcXDistanceBetween2Elements,c as default};
1
+ const e=({element:e})=>{const t=window.getComputedStyle(e);return parseFloat(t.getPropertyValue("padding-left")||"0")+parseFloat(t.getPropertyValue("padding-right")||"0")},t=(e,t)=>{if(!e||!t)return 0;const n=e.offsetLeft,r=t.offsetLeft;return Math.abs(r-n)},n=({numElementsPerPage:e,numElementsToSlide:t})=>t?Math.max(1,Math.min(t,e)):e,r=({elementsLength:e,numElementsPerPage:t,numElementsToSlide:r})=>{if(e<=t)return 1;const i=n({numElementsPerPage:t,numElementsToSlide:r});return Math.ceil((e-t+i)/i)},i=({currentPage:e,elementsLength:t,isCircular:i,numElementsPerPage:l,numElementsToSlide:s})=>{if(t<=l)return{firstIndexInView:0,lastIndexInView:t-1};const o=n({numElementsPerPage:l,numElementsToSlide:s});let a=e*o+l-1;let d=0;i&&t>l&&(d=l+1,a+=d),e===r({elementsLength:t,numElementsPerPage:l,numElementsToSlide:o})?a=d+t+l-1:e<0?a=d-1:a-d>t-1&&(a=d+t-1);return{firstIndexInView:a-l+1,lastIndexInView:a}},l=({contentContainer:t,elementsLength:n,extraPadding:r,rootContainer:i,viewerContainer:l})=>{const s=t.firstElementChild;if(!s)return;let o=i.offsetWidth;o-=2*r;o-=e({element:l});let a=0;const d=s.offsetLeft;for(let e=0;e<t.children.length;e++){const n=t.children[e];if(d+n.offsetLeft+n.offsetWidth>o)break;a++}return Math.max(Math.min(n,a),1)},s=({centerMode:e,contentContainer:t})=>{let n=0;if(t.childNodes.length<2)return n;const r=t.childNodes[0],i=t.childNodes[1];e&&r.style&&i.style&&(r.style.transition="none",i.style.transition="none",r.style.transform="scale(1)",i.style.transform="scale(1)");const l=r?.getBoundingClientRect()?.right,s=i?.getBoundingClientRect()?.left;return e&&r.style&&i.style&&(r.style.removeProperty("transform"),i.style.removeProperty("transform"),r.offsetHeight,i.offsetHeight,r.style.removeProperty("transition"),i.style.removeProperty("transition")),void 0!==l&&void 0!==s&&(n=Math.abs(l-s)),n},o=({centerMode:t,contentContainer:n,extraPadding:r,numElementsPerPage:i,viewerContainer:l})=>{const o=(i-1)*s({centerMode:t,contentContainer:n}),a=e({element:l});return(l.getBoundingClientRect().width-o-2*r-a)/i},a=({contentContainer:n,extraPadding:r,firstIndexInView:i,lastIndexInView:l,viewerContainer:s})=>{const o=n.children[i],a=n.children[l],d=t(o,a),c=e({element:s});return`${d+a.offsetWidth+2*r+c}px`},d=({centerExtremesWhenExtraPadding:e,circular:n,contentContainer:r,currentPage:i,extraPadding:l,firstIndexInView:s,numPages:o})=>{let a=t(r.firstChild,r.children[s]);return l&&(e||n||0!==i&&i!==o-1?a-=l:n||i!==o-1||(a-=2*l)),-a+"px"},c={calcAdjustedNumElementsToSlide:n,calcContentContainerLeftPosition:d,calcFirstAndLastIndexInCarouselView:i,calcGapBetweenContentContainerElements:s,calcNumElementsPerPage:l,calcNumPages:r,calcSliceWidth:o,calcViewerWidth:a,calcXDistanceBetween2Elements:t};export{n as calcAdjustedNumElementsToSlide,d as calcContentContainerLeftPosition,i as calcFirstAndLastIndexInCarouselView,s as calcGapBetweenContentContainerElements,e as calcHorizontalElementPadding,l as calcNumElementsPerPage,r as calcNumPages,o as calcSliceWidth,a as calcViewerWidth,t as calcXDistanceBetween2Elements,c as default};
@@ -1 +1 @@
1
- import e from"./calc.utils.js";const t=({viewerContainer:t,contentContainer:n,centerMode:i,numElementsPerPage:r,extraPadding:l})=>{const o=e.calcSliceWidth({viewerContainer:t,contentContainer:n,centerMode:i,numElementsPerPage:r,extraPadding:l});for(let e=0;e<n.childNodes.length;e++){const t=n.childNodes[e];t instanceof HTMLElement&&(t.style.width=`${o}px`)}},n=({contentContainer:e,firstIndexInView:t,lastIndexInView:n})=>{for(let i=0;i<e.children.length;i++)i<t||i>n?e.children[i].setAttribute("inert",""):e.children[i].removeAttribute("inert")},i=({viewerContainer:t,contentContainer:n,firstIndexInView:i,lastIndexInView:r,extraPadding:l})=>{const o=e.calcViewerWidth({viewerContainer:t,contentContainer:n,firstIndexInView:i,lastIndexInView:r,extraPadding:l});t.style.width=o},r=({contentContainer:e,firstIndexInView:t,lastIndexInView:n,numElementsPerPage:i})=>{if(i%2!=0){const i=t+(n-t)/2;e.children[i].setAttribute("data-highlighted","true")}},l=({contentContainer:e})=>{for(let t=0;t<e.children.length;t++)e.children[t].removeAttribute("data-highlighted")},o=({contentContainer:e,elementsLength:t,numElementsPerPage:n,circular:i})=>{if(e.children.length>t){const n=(e.children.length-t)/2;for(let t=0;t<n;t++)e.firstElementChild&&e.removeChild(e.firstElementChild),e.lastElementChild&&e.removeChild(e.lastElementChild)}if(i&&t>n){const t=[],i=[],r=e.children.length,l=n+1;for(let n=0;n<l;n++){const l=e.children[n];l&&t.push(l.cloneNode(!0));const o=e.children[r-1-n];o&&i.push(o.cloneNode(!0))}t.forEach(t=>e.appendChild(t)),i.forEach(t=>e.insertBefore(t,e.firstChild))}},a={center:"center",left:"flex-start",right:"flex-end"},d=({rootContainer:e,contentContainer:t,onePageAlign:n,allowModifySliceWidth:i})=>{i?t.style.justifyContent=a[n]:e.style.justifyContent=a[n]},s=({contentContainer:t,currentPage:n,numPages:i,numElementsPerPage:r,elementsLength:l,extraPadding:o})=>{const a=n===i;if(a||-1===n){const n=a?r+1:l+1;let d=e.calcXDistanceBetween2Elements(t.firstChild,t.children[n]);return d-=o,t.style.left=-d+"px",{newPage:a?0:i-1}}return{newPage:n}},c={updateSlicesWidth:t,updateContentElementsAriaVisibility:n,updateViewerWidth:i,applyCenterMode:r,deleteCenterMode:l,manageCircularClones:o,alignOnePageCarousel:d,udpateCarouselPositionOnEdge:s};export{d as alignOnePageCarousel,r as applyCenterMode,c as default,l as deleteCenterMode,o as manageCircularClones,s as udpateCarouselPositionOnEdge,n as updateContentElementsAriaVisibility,t as updateSlicesWidth,i as updateViewerWidth};
1
+ import e from"./calc.utils.js";const t=({centerMode:t,contentContainer:n,extraPadding:i,numElementsPerPage:r,viewerContainer:l})=>{const o=e.calcSliceWidth({centerMode:t,contentContainer:n,extraPadding:i,numElementsPerPage:r,viewerContainer:l});for(let e=0;e<n.childNodes.length;e++){const t=n.childNodes[e];t instanceof HTMLElement&&(t.style.width=`${o}px`)}},n=({contentContainer:e,firstIndexInView:t,lastIndexInView:n})=>{for(let i=0;i<e.children.length;i++)i<t||i>n?e.children[i].setAttribute("inert",""):e.children[i].removeAttribute("inert")},i=({contentContainer:t,extraPadding:n,firstIndexInView:i,lastIndexInView:r,viewerContainer:l})=>{const o=e.calcViewerWidth({contentContainer:t,extraPadding:n,firstIndexInView:i,lastIndexInView:r,viewerContainer:l});l.style.width=o},r=({contentContainer:e,firstIndexInView:t,lastIndexInView:n,numElementsPerPage:i})=>{if(i%2!=0){const i=t+(n-t)/2;e.children[i].setAttribute("data-highlighted","true")}},l=({contentContainer:e})=>{for(let t=0;t<e.children.length;t++)e.children[t].removeAttribute("data-highlighted")},o=({circular:e,contentContainer:t,elementsLength:n,numElementsPerPage:i})=>{if(t.children.length>n){const e=(t.children.length-n)/2;for(let n=0;n<e;n++)t.firstElementChild&&t.removeChild(t.firstElementChild),t.lastElementChild&&t.removeChild(t.lastElementChild)}if(e&&n>i){const e=[],n=[],r=t.children.length,l=i+1;for(let i=0;i<l;i++){const l=t.children[i];l&&e.push(l.cloneNode(!0));const o=t.children[r-1-i];o&&n.push(o.cloneNode(!0))}e.forEach(e=>t.appendChild(e)),n.forEach(e=>t.insertBefore(e,t.firstChild))}},a={center:"center",left:"flex-start",right:"flex-end"},d=({allowModifySliceWidth:e,contentContainer:t,onePageAlign:n,rootContainer:i})=>{e?t.style.justifyContent=a[n]:i.style.justifyContent=a[n]},s=({contentContainer:t,currentPage:n,elementsLength:i,extraPadding:r,numElementsPerPage:l,numPages:o})=>{const a=n===o;if(a||-1===n){const n=a?l+1:i+1;let d=e.calcXDistanceBetween2Elements(t.firstChild,t.children[n]);return d-=r,t.style.left=-d+"px",{newPage:a?0:o-1}}return{newPage:n}},c={alignOnePageCarousel:d,applyCenterMode:r,deleteCenterMode:l,manageCircularClones:o,udpateCarouselPositionOnEdge:s,updateContentElementsAriaVisibility:n,updateSlicesWidth:t,updateViewerWidth:i};export{d as alignOnePageCarousel,r as applyCenterMode,c as default,l as deleteCenterMode,o as manageCircularClones,s as udpateCarouselPositionOnEdge,n as updateContentElementsAriaVisibility,t as updateSlicesWidth,i as updateViewerWidth};
@@ -1,7 +1,5 @@
1
- import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{RenderIf as s}from"../renderIf/renderIf.js";import{useId as a}from"../../lib/hooks/useId/useId.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CheckboxBaseControlled as o}from"../checkboxBase/checkboxBaseControlled.js";import{ErrorMessage as d}from"./components/errorMessage.js";import{Label as t}from"./components/label.js";import{buildAriaDescribedBy as l}from"./utils/aria.utils.js";const c=r(({checkboxBase:r,cssClasses:c,errorMessage:n,id:b,label:m,screenReaderText:j,...h},x)=>{const p=i(h),{"aria-describedby":u,"aria-hidden":f,"aria-label":k,"aria-labelledby":y,...I}=p,v=a("checkbox"),C=b??v,g=`${C}-label`,B=`${C}-error`,$=`${C}-screen-reader`,M=r?.variant,R=l({ariaDescribedBy:h["aria-describedby"],error:h.error&&!!n?.message,errorMessageId:B,screenReader:!!j,screenReaderId:$});/* @__PURE__ */
2
- return e.jsxs("div",{ref:x,...I,className:c?.checkbox,children:[
3
- /* @__PURE__ */e.jsxs("div",{className:c?.checkboxwithlabelcontainer,children:[
4
- /* @__PURE__ */e.jsx(s,{condition:!!M,children:/* @__PURE__ */e.jsx(o,{...h,"aria-describedby":R,"aria-hidden":h["aria-hidden"],"aria-label":h["aria-label"],"aria-labelledby":h["aria-labelledby"],id:C,variant:M})}),
5
- /* @__PURE__ */e.jsx("screen-reader-only",{id:$,children:j}),
6
- /* @__PURE__ */e.jsx(t,{...m,cssClasses:c,id:g,inputId:C})]}),
7
- /* @__PURE__ */e.jsx(s,{condition:!!h.error,children:/* @__PURE__ */e.jsx(d,{"aria-live":"assertive",cssClasses:c,"data-testid":`${h["data-testid"]}-error-message`,...n,id:B,inputId:C,show:h.error&&!h.disabled})})]})});export{c as CheckboxStandAlone};
1
+ import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as r,useId as a}from"react";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CheckboxBaseControlled as i}from"../checkboxBase/checkboxBaseControlled.js";import{ErrorMessage as o}from"./components/errorMessage.js";import{Label as d}from"./components/label.js";import{buildAriaDescribedBy as l}from"./utils/aria.utils.js";const t=r(({checkboxBase:r,cssClasses:t,errorMessage:c,id:b,label:n,screenReaderText:m,...p},x)=>{const h=s(p),{"aria-describedby":j,"aria-hidden":u,"aria-label":f,"aria-labelledby":k,...y}=h,v=`checkbox-${a().replace(/:/g,"")}`,g=b??v,C=`${g}-label`,$=`${g}-error`,B=`${g}-screen-reader`,I=r?.variant,M=l({ariaDescribedBy:p["aria-describedby"],error:p.error&&!!c?.message,errorMessageId:$,screenReader:!!m,screenReaderId:B});/* @__PURE__ */
2
+ return e.jsxs("div",{ref:x,...y,className:t?.checkbox,children:[
3
+ /* @__PURE__ */e.jsxs("div",{className:t?.checkboxwithlabelcontainer,children:[!!I&&/* @__PURE__ */e.jsx(i,{...p,"aria-describedby":M,"aria-hidden":p["aria-hidden"],"aria-label":p["aria-label"],"aria-labelledby":p["aria-labelledby"],id:g,variant:I}),
4
+ /* @__PURE__ */e.jsx("screen-reader-only",{id:B,children:m}),
5
+ /* @__PURE__ */e.jsx(d,{...n,cssClasses:t,id:C,inputId:g})]}),!!p.error&&/* @__PURE__ */e.jsx(o,{"aria-live":"assertive",cssClasses:t,"data-testid":`${p["data-testid"]}-error-message`,...c,id:$,inputId:g,show:p.error&&!p.disabled})]})});export{t as CheckboxStandAlone};
@@ -1,4 +1,4 @@
1
- import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{processIcon as e}from"../../lib/utils/process/processIcon/processIcon.js";import{ElementOrIcon as a}from"../elementOrIcon/elementOrIcon.js";const c=t(({checkedIcon:t,cssClasses:c,inputRef:o,...r},n)=>{const i=r["data-testid"]??"checkbox-base";/* @__PURE__ */
2
- return s.jsxs("div",{ref:n,className:c?.checkbox_base,"data-testid":i,children:[
3
- /* @__PURE__ */s.jsx("input",{ref:o,className:c?.input,type:"checkbox",...r,"data-testid":`${i}-input`}),
4
- /* @__PURE__ */s.jsx("span",{className:c?.iconcontainer,"data-state":r["data-state"],children:/* @__PURE__ */s.jsx(a,{className:c?.icon,complex:!0,"data-state":r["data-state"],...e(t)})})]})});export{c as CheckboxBaseStandAlone};
1
+ import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{ElementOrIcon as e}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{processIconProp as a}from"../../lib/utils/process/processCommonProp.js";const c=s(({checkedIcon:s,cssClasses:c,inputRef:o,...r},n)=>{const i=r["data-testid"]??"checkbox-base";/* @__PURE__ */
2
+ return t.jsxs("div",{ref:n,className:c?.checkbox_base,"data-testid":i,children:[
3
+ /* @__PURE__ */t.jsx("input",{ref:o,className:c?.input,type:"checkbox",...r,"data-testid":`${i}-input`}),
4
+ /* @__PURE__ */t.jsx("span",{className:c?.iconcontainer,"data-state":r["data-state"],children:/* @__PURE__ */t.jsx(e,{className:c?.icon,complex:!0,"data-state":r["data-state"],...a(s)})})]})});export{c as CheckboxBaseStandAlone};
@@ -1,9 +1,8 @@
1
- import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{RenderIf as e}from"../renderIf/renderIf.js";import{Text as r}from"../text/text.js";import{STATES as o}from"../../lib/types/states/states.js";import{isReactNode as a}from"../../lib/utils/is/isReactNode.js";import{isString as i}from"../../lib/utils/is/isString.js";import{pickCustomAttributes as n}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as l}from"../../lib/utils/process/processIcon/processIcon.js";import{processText as c}from"../../lib/utils/process/processText/processText.js";import{ElementOrIcon as m}from"../elementOrIcon/elementOrIcon.js";const p=t(({closeIcon:t,cssClasses:p,deleteText:d="Delete",errorIcon:x,errorMessage:j={content:"Error message"},label:u,leftIcon:b,range:f,rangeIcon:g,rangeSeparator:I={content:"to"},state:h,...A},N)=>{const C={"data-state":h},D=n(A);/* @__PURE__ */
2
- return s.jsxs(s.Fragment,{children:[
3
- /* @__PURE__ */s.jsxs("span",{ref:N,"aria-disabled":h===o.DISABLED,"aria-hidden":h===o.DISABLED,className:p?.chip,"data-testid":"chip",...D,...C,children:[!f&&b&&/* @__PURE__ */s.jsx(m,{className:p?.lefticon,...l(b)}),f?/* @__PURE__ */s.jsx("span",{children:f.map((t,e)=>{const o=e!==f.length-1;/* @__PURE__ */
4
- return s.jsxs("span",{className:p?.rangeitemwrapper,children:[
5
- /* @__PURE__ */s.jsx(r,{additionalClasses:{text:p?.rangeitemtext},component:"span",customAttributes:C,children:t.label}),o&&(g?.icon?/* @__PURE__ */s.jsx(m,{altText:(i(u)||a(u),c(I).children||""),className:p?.rangeicon,...l(g),customAttributes:C}):/* @__PURE__ */s.jsx(r,{additionalClasses:{text:p?.rangeitemseparator},component:"span",customAttributes:C,...c(I)}))]},`option-${t.key??t.label}`)})}):/* @__PURE__ */s.jsx(r,{additionalClasses:{text:p?.label},component:"span",...c(u),customAttributes:C}),
6
- /* @__PURE__ */s.jsx(m,{className:p?.closeicon,disabled:h===o.DISABLED,...l(t),altText:!i(t)&&t?.altText?t.altText:d,customAttributes:C})]}),
7
- /* @__PURE__ */s.jsx(e,{condition:h===o.ERROR,children:/* @__PURE__ */s.jsxs("span",{"aria-live":"polite",className:p?.errorcontainer,children:[
8
- /* @__PURE__ */s.jsx(m,{className:p?.erroricon,...l(x)}),
9
- /* @__PURE__ */s.jsx(r,{additionalClasses:{text:p?.errormessage},component:"span",customAttributes:C,...c(j)})]})})]})});export{p as ChipStandAlone};
1
+ import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,isValidElement as e}from"react";import{Text as r}from"../text/text.js";import{ElementOrIcon as a}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as o}from"../../lib/types/states/states.js";import{pickCustomAttributes as n}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIconProp as i,processTextProp as l}from"../../lib/utils/process/processCommonProp.js";const c=s(({closeIcon:s,cssClasses:c,errorIcon:m,errorMessage:p={content:"Error message"},label:x,leftIcon:d,range:u,rangeIcon:j,rangeSeparator:b={content:"to"},state:g,...f},h)=>{const A={"data-state":g},C=n(f);/* @__PURE__ */
2
+ return t.jsxs(t.Fragment,{children:[
3
+ /* @__PURE__ */t.jsxs("span",{ref:h,"aria-disabled":g===o.DISABLED,"aria-hidden":g===o.DISABLED,className:c?.chip,"data-testid":"chip",...C,...A,children:[!u&&d&&/* @__PURE__ */t.jsx(a,{className:c?.lefticon,...i(d)}),u?/* @__PURE__ */t.jsx("span",{children:u.map((s,o)=>{const n=o!==u.length-1;/* @__PURE__ */
4
+ return t.jsxs("span",{className:c?.rangeitemwrapper,children:[
5
+ /* @__PURE__ */t.jsx(r,{additionalClasses:{text:c?.rangeitemtext},component:"span",customAttributes:A,children:s.label}),n&&(j?.icon?/* @__PURE__ */t.jsx(a,{altText:("string"==typeof x||e(x),l(b).children||""),className:c?.rangeicon,...i(j),customAttributes:A}):/* @__PURE__ */t.jsx(r,{additionalClasses:{text:c?.rangeitemseparator},component:"span",customAttributes:A,...l(b)}))]},`option-${s.key??s.label}`)})}):/* @__PURE__ */t.jsx(r,{additionalClasses:{text:c?.label},component:"span",...l(x),customAttributes:A}),
6
+ /* @__PURE__ */t.jsx(a,{className:c?.closeicon,disabled:g===o.DISABLED,...i(s),altText:"string"!=typeof s&&s?.altText?s.altText:"Close",customAttributes:A})]}),g===o.ERROR&&/* @__PURE__ */t.jsxs("span",{"aria-live":"polite",className:c?.errorcontainer,children:[
7
+ /* @__PURE__ */t.jsx(a,{className:c?.erroricon,...i(m)}),
8
+ /* @__PURE__ */t.jsx(r,{additionalClasses:{text:c?.errormessage},component:"span",customAttributes:A,...l(p)})]})]})});export{c as ChipStandAlone};
@@ -1,4 +1,4 @@
1
- import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{Text as e}from"../text/text.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as r}from"../../lib/utils/process/processText/processText.js";const o=s(({children:s,cssClasses:o,title:c,...a},l)=>{const m=i(a);/* @__PURE__ */
2
- return t.jsxs("div",{className:o?.container,"data-testid":"container",...m,children:[
3
- /* @__PURE__ */t.jsx("div",{className:o?.header,children:/* @__PURE__ */t.jsx(e,{additionalClasses:{text:o?.title},...r(c)})}),
4
- /* @__PURE__ */t.jsx("div",{ref:l,className:o?.content,children:s})]})});export{o as ContainerStandAlone};
1
+ import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{Text as e}from"../text/text.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processTextProp as r}from"../../lib/utils/process/processCommonProp.js";const o=s(({children:s,cssClasses:o,title:a,...c},m)=>{const l=i(c);/* @__PURE__ */
2
+ return t.jsxs("div",{className:o?.container,"data-testid":"container",...l,children:[
3
+ /* @__PURE__ */t.jsx("div",{className:o?.header,children:/* @__PURE__ */t.jsx(e,{additionalClasses:{text:o?.title},...r(a)})}),
4
+ /* @__PURE__ */t.jsx("div",{ref:m,className:o?.content,children:s})]})});export{o as ContainerStandAlone};
@@ -1,14 +1,10 @@
1
- import{j as a}from"../../_virtual/jsx-runtime.js";import{forwardRef as o,Fragment as s}from"react";import{RenderIf as e}from"../renderIf/renderIf.js";import{pickCustomAttributes as t}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Table as i}from"../table/table.js";import{TableBody as l}from"../tableBody/tableBody.js";import{TableCaption as n}from"../tableCaption/tableCaption.js";import{TableDivider as r}from"../tableDivider/tableDivider.js";import{DataTableHead as d}from"./components/dataTableHead.js";import{DataTableRows as c}from"./components/dataTableRows.js";import{HiddenDataTableHead as b}from"./components/hiddenDataTableHead.js";import{applyZIndexToWrapper as m,applyPositionToWrapper as p}from"./utils/tableConfig.js";const h=o(({activeRows:o,caption:h,columns:j,config:f,cssClasses:v,hasScroll:w,hoverable:u,hoverableRows:x,nonHoverableRows:C,rowGroups:g,rows:R,stickyHead:y,styles:_,...H},S)=>{const k=g&&g.length>0,D=t(H);/* @__PURE__ */
2
- return a.jsxs("div",{ref:S,className:v?.data_table,"data-testid":"data-table",...D,children:[
3
- /* @__PURE__ */a.jsxs("div",{"aria-label":w?H["aria-label"]:void 0,"aria-labelledby":w?H["aria-labelledby"]:void 0,className:v?.scrollablecontainer,"data-datatable-scrollable-container":!0,role:w?"region":void 0,...w?{tabIndex:0}:{},children:[
4
- /* @__PURE__ */a.jsxs(i,{additionalClasses:v?.table,"aria-hidden":!!k||void 0,autoLeftStickyCalc:!1,autoRightStickyCalc:!1,component:k?"div":void 0,disableShadowEffects:!0,hasScrollDisabled:!0,sticky:y,...m({tableConfig:f?.table}),children:[
5
- /* @__PURE__ */a.jsx(e,{condition:!!h?.content,children:/* @__PURE__ */a.jsx(n,{additionalClasses:v?.table_caption,component:k?"div":void 0,...h,children:h?.content})}),
6
- /* @__PURE__ */a.jsx(d,{columns:j,cssClasses:v,sticky:y,tableHeadConfig:f?.tableHead,tableHeadRowConfig:f?.tableHeadRow,usingRowGroups:k}),
7
- /* @__PURE__ */a.jsx(e,{condition:!k&&R&&R.length>0,children:/* @__PURE__ */a.jsx(l,{additionalClasses:v?.table_body,...f?.tableBody,children:/* @__PURE__ */a.jsx(c,{activeRows:o,columns:j,cssClasses:v,hoverable:u,hoverableRows:x,nonHoverableRows:C,rows:R,usingRowGroups:k})})})]}),g?.map((t,d)=>/* @__PURE__ */a.jsxs(s,{children:[
8
- /* @__PURE__ */a.jsx(e,{condition:!!t.divider,children:/* @__PURE__ */a.jsx(r,{variant:"DEFAULT",...t.divider,children:t.divider?.content})}),
9
- /* @__PURE__ */a.jsxs(i,{additionalClasses:v?.row_group_table,autoLeftStickyCalc:!1,autoRightStickyCalc:!1,disableShadowEffects:!0,hasScrollDisabled:!0,...p({tableConfig:t.config?.table}),children:[
10
- /* @__PURE__ */a.jsx(e,{condition:!!t.caption?.content,children:/* @__PURE__ */a.jsx(n,{additionalClasses:v?.row_group_table_caption,...t.caption,children:t.caption?.content})}),
11
- /* @__PURE__ */a.jsx(b,{columns:j,cssClasses:v}),
12
- /* @__PURE__ */a.jsx(l,{additionalClasses:v?.row_group_table_body,...t.config?.tableBody,children:/* @__PURE__ */a.jsx(c,{activeRows:o,columns:j,cssClasses:v,hoverable:u,hoverableRows:x,isRowGroup:!0,nonHoverableRows:C,rows:t.rows,usingRowGroups:k})})]})]},`${t.caption?.["data-testid"]}-${d.toString()}`))]}),
13
- /* @__PURE__ */a.jsx("div",{className:v?.leftboxshadowcontainer,"data-datatable-left-shadow":!0}),
14
- /* @__PURE__ */a.jsx("div",{className:v?.rightboxshadowcontainer,"data-datatable-right-shadow":!0})]})});export{h as DataTableStandAlone};
1
+ import{j as a}from"../../_virtual/jsx-runtime.js";import{forwardRef as o,Fragment as s}from"react";import{TableBody as e}from"../tableBody/tableBody.js";import{pickCustomAttributes as t}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Table as i}from"../table/table.js";import{TableCaption as l}from"../tableCaption/tableCaption.js";import{TableDivider as r}from"../tableDivider/tableDivider.js";import{DataTableHead as n}from"./components/dataTableHead.js";import{DataTableRows as d}from"./components/dataTableRows.js";import{HiddenDataTableHead as c}from"./components/hiddenDataTableHead.js";import{applyZIndexToWrapper as b,applyPositionToWrapper as m}from"./utils/tableConfig.js";const p=o(({activeRows:o,caption:p,columns:h,config:v,cssClasses:w,hasScroll:u,hoverable:f,hoverableRows:j,nonHoverableRows:C,rowGroups:g,rows:x,stickyHead:R,styles:y,..._},H)=>{const S=g&&g.length>0,k=t(_);/* @__PURE__ */
2
+ return a.jsxs("div",{ref:H,className:w?.data_table,"data-testid":"data-table",...k,children:[
3
+ /* @__PURE__ */a.jsxs("div",{"aria-label":u?_["aria-label"]:void 0,"aria-labelledby":u?_["aria-labelledby"]:void 0,className:w?.scrollablecontainer,"data-datatable-scrollable-container":!0,role:u?"region":void 0,...u?{tabIndex:0}:{},children:[
4
+ /* @__PURE__ */a.jsxs(i,{additionalClasses:w?.table,"aria-hidden":!!S||void 0,autoLeftStickyCalc:!1,autoRightStickyCalc:!1,component:S?"div":void 0,disableShadowEffects:!0,hasScrollDisabled:!0,sticky:R,...b({tableConfig:v?.table}),children:[!!p?.content&&/* @__PURE__ */a.jsx(l,{additionalClasses:w?.table_caption,component:S?"div":void 0,...p,children:p?.content}),
5
+ /* @__PURE__ */a.jsx(n,{columns:h,cssClasses:w,sticky:R,tableHeadConfig:v?.tableHead,tableHeadRowConfig:v?.tableHeadRow,usingRowGroups:S}),!S&&x&&x.length>0&&/* @__PURE__ */a.jsx(e,{additionalClasses:w?.table_body,...v?.tableBody,children:/* @__PURE__ */a.jsx(d,{activeRows:o,columns:h,cssClasses:w,hoverable:f,hoverableRows:j,nonHoverableRows:C,rows:x,usingRowGroups:S})})]}),g?.map((t,n)=>/* @__PURE__ */a.jsxs(s,{children:[!!t.divider&&/* @__PURE__ */a.jsx(r,{variant:"DEFAULT",...t.divider,children:t.divider?.content}),
6
+ /* @__PURE__ */a.jsxs(i,{additionalClasses:w?.row_group_table,autoLeftStickyCalc:!1,autoRightStickyCalc:!1,disableShadowEffects:!0,hasScrollDisabled:!0,...m({tableConfig:t.config?.table}),children:[!!t.caption?.content&&/* @__PURE__ */a.jsx(l,{additionalClasses:w?.row_group_table_caption,...t.caption,children:t.caption?.content}),
7
+ /* @__PURE__ */a.jsx(c,{columns:h,cssClasses:w}),
8
+ /* @__PURE__ */a.jsx(e,{additionalClasses:w?.row_group_table_body,...t.config?.tableBody,children:/* @__PURE__ */a.jsx(d,{activeRows:o,columns:h,cssClasses:w,hoverable:f,hoverableRows:j,isRowGroup:!0,nonHoverableRows:C,rows:t.rows,usingRowGroups:S})})]})]},`${t.caption?.["data-testid"]}-${n.toString()}`))]}),
9
+ /* @__PURE__ */a.jsx("div",{className:w?.leftboxshadowcontainer,"data-datatable-left-shadow":!0}),
10
+ /* @__PURE__ */a.jsx("div",{className:w?.rightboxshadowcontainer,"data-datatable-right-shadow":!0})]})});export{p as DataTableStandAlone};
@@ -1 +1 @@
1
- import{useState as r,useEffect as e}from"react";import{ResizeObserver as t}from"../../../lib/utils/resizeObserver/resizeObserver.js";import{hasScroll as o}from"../../../lib/utils/scroll/hasScroll.js";const s=({ref:s})=>{const[l,c]=r(!1);return e(()=>{const r=s.current?.querySelector?.("[data-datatable-scrollable-container]");let e;if(r instanceof HTMLElement){const s=r=>{c(o(r))};s(r),e=new t(()=>{s(r)}),e.observe(r)}return()=>{e?.disconnect()}},[]),{hasScroll:l}};export{s as useDataTableHasScroll};
1
+ import{useState as e,useEffect as r}from"react";import{hasScroll as t}from"../../../lib/utils/scroll/hasScroll.js";const o=({ref:o})=>{const[c,l]=e(!1);return r(()=>{const e=o.current?.querySelector?.("[data-datatable-scrollable-container]");let r;if(e instanceof HTMLElement){const o=e=>{l(t(e))};o(e),r=new ResizeObserver(()=>{o(e)}),r.observe(e)}return()=>{r?.disconnect()}},[]),{hasScroll:c}};export{o as useDataTableHasScroll};
@@ -1 +1 @@
1
- import{useEffect as e}from"react";import{ResizeObserver as t}from"../../../lib/utils/resizeObserver/resizeObserver.js";const s=({headBoxShadow:s,leftBoxShadow:a,ref:r,rightBoxShadow:l})=>(e(()=>{const e=r.current,o=e?.querySelector("[data-datatable-scrollable-container]");let c;const i=()=>{if(!o)return;const t=o.querySelector("[data-table-head]");if(t instanceof HTMLElement&&t.hasAttribute("data-sticky")&&s&&(o.scrollTop?t.classList.add(s):t.classList.remove(s)),a){const t=e?.querySelector("[data-datatable-left-shadow]");t instanceof HTMLElement&&(o.scrollLeft?(t.style.boxShadow=a,t.classList.add(a),t.style.height=`${o.clientHeight}px`):t.classList.remove(a))}if(l){const t=e?.querySelector("[data-datatable-right-shadow]");t instanceof HTMLElement&&(o.scrollLeft+o.clientWidth<o.scrollWidth?(t.classList.add(l),t.style.height=`${o.clientHeight}px`):t.classList.remove(l))}};return o instanceof HTMLElement&&(i(),o?.addEventListener("scroll",i),c=new t(()=>{i()}),c.observe(o)),()=>{o?.removeEventListener("scroll",i),c?.disconnect()}},[]),{});export{s as useDataTableShadow};
1
+ import{useEffect as e}from"react";const t=({headBoxShadow:t,leftBoxShadow:s,ref:a,rightBoxShadow:l})=>(e(()=>{const e=a.current,o=e?.querySelector("[data-datatable-scrollable-container]");let r;const c=()=>{if(!o)return;const a=o.querySelector("[data-table-head]");if(a instanceof HTMLElement&&a.hasAttribute("data-sticky")&&t&&(o.scrollTop?a.classList.add(t):a.classList.remove(t)),s){const t=e?.querySelector("[data-datatable-left-shadow]");t instanceof HTMLElement&&(o.scrollLeft?(t.style.boxShadow=s,t.classList.add(s),t.style.height=`${o.clientHeight}px`):t.classList.remove(s))}if(l){const t=e?.querySelector("[data-datatable-right-shadow]");t instanceof HTMLElement&&(o.scrollLeft+o.clientWidth<o.scrollWidth?(t.classList.add(l),t.style.height=`${o.clientHeight}px`):t.classList.remove(l))}};return o instanceof HTMLElement&&(c(),o?.addEventListener("scroll",c),r=new ResizeObserver(()=>{c()}),r.observe(o)),()=>{o?.removeEventListener("scroll",c),r?.disconnect()}},[]),{});export{t as useDataTableShadow};
@@ -1 +1 @@
1
- import{useEffect as e}from"react";import{ResizeObserver as t}from"../../../lib/utils/resizeObserver/resizeObserver.js";import{hasHorizontalScroll as r}from"../../../lib/utils/scroll/hasScroll.js";const l=({ref:l})=>(e(()=>{const e=l.current?.querySelector("[data-datatable-scrollable-container]");let o;if(e instanceof HTMLElement){const s=e=>{const t=r(e),o=e.querySelectorAll("[data-table-divider]"),s=e.querySelectorAll('[data-sticky="left"]').length>0;let a=0,n=0;if(s){const e=l.current?.querySelector("[data-datatable-left-shadow]");if(e){const t=window.getComputedStyle(e).getPropertyValue("z-index");t&&(a=parseInt(t,10))}}else{e.querySelectorAll("[data-table-row]").forEach(e=>{e instanceof HTMLElement&&(n=Math.max(n,e.offsetWidth))})}o.forEach(e=>{e instanceof HTMLElement&&(s?(e.style.position=t?"sticky":"",e.style.left=t?"0":"",e.style.zIndex=t?`${a+1}`:""):e.style.width=t?`${n}px`:"")})};s(e),o=new t(()=>{s(e)}),o.observe(e)}return()=>{o?.disconnect()}},[]),{});export{l as useDataTableStickyDividers};
1
+ import{useEffect as e}from"react";import{hasHorizontalScroll as t}from"../../../lib/utils/scroll/hasScroll.js";const l=({ref:l})=>(e(()=>{const e=l.current?.querySelector("[data-datatable-scrollable-container]");let r;if(e instanceof HTMLElement){const o=e=>{const r=t(e),o=e.querySelectorAll("[data-table-divider]"),a=e.querySelectorAll('[data-sticky="left"]').length>0;let n=0,s=0;if(a){const e=l.current?.querySelector("[data-datatable-left-shadow]");if(e){const t=window.getComputedStyle(e).getPropertyValue("z-index");t&&(n=parseInt(t,10))}}else{e.querySelectorAll("[data-table-row]").forEach(e=>{e instanceof HTMLElement&&(s=Math.max(s,e.offsetWidth))})}o.forEach(e=>{e instanceof HTMLElement&&(a?(e.style.position=r?"sticky":"",e.style.left=r?"0":"",e.style.zIndex=r?`${n+1}`:""):e.style.width=r?`${s}px`:"")})};o(e),r=new ResizeObserver(()=>{o(e)}),r.observe(e)}return()=>{r?.disconnect()}},[]),{});export{l as useDataTableStickyDividers};