@jenesei-software/jenesei-kit-react 1.3.15 → 1.3.17

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 (216) hide show
  1. package/build/area-Bopd6mWj.cjs +2 -0
  2. package/build/area-Bopd6mWj.cjs.map +1 -0
  3. package/build/{area-DEwj0-O3.js → area-Cvp3eBBo.js} +4 -4
  4. package/build/area-Cvp3eBBo.js.map +1 -0
  5. package/build/{area-DphBWq86.cjs → area-DqLK4RX5.cjs} +4 -4
  6. package/build/{area-DphBWq86.cjs.map → area-DqLK4RX5.cjs.map} +1 -1
  7. package/build/area-preview.cjs.js +1 -1
  8. package/build/area-preview.es.js +1 -1
  9. package/build/area-skeleton.cjs.js +1 -1
  10. package/build/build-info.txt +3 -3
  11. package/build/{component-DkEqMT7w.cjs → component-5o60aes-.cjs} +2 -2
  12. package/build/{component-DkEqMT7w.cjs.map → component-5o60aes-.cjs.map} +1 -1
  13. package/build/{component-CLqcB5mM.cjs → component-6hRanOkU.cjs} +2 -2
  14. package/build/{component-CLqcB5mM.cjs.map → component-6hRanOkU.cjs.map} +1 -1
  15. package/build/{component-CPzlyKwR.js → component-B80It4vM.js} +3 -3
  16. package/build/{component-CPzlyKwR.js.map → component-B80It4vM.js.map} +1 -1
  17. package/build/component-BfppCwz9.cjs +88 -0
  18. package/build/component-BfppCwz9.cjs.map +1 -0
  19. package/build/{component--jGdo2yq.cjs → component-Bj7sLW9s.cjs} +2 -2
  20. package/build/{component--jGdo2yq.cjs.map → component-Bj7sLW9s.cjs.map} +1 -1
  21. package/build/{component-BkYIZFlr.cjs → component-BxetIWe6.cjs} +6 -6
  22. package/build/{component-BkYIZFlr.cjs.map → component-BxetIWe6.cjs.map} +1 -1
  23. package/build/{component-DaXKDHnc.js → component-CKBpm4U4.js} +3 -3
  24. package/build/{component-DaXKDHnc.js.map → component-CKBpm4U4.js.map} +1 -1
  25. package/build/{component-CFKFLOAw.js → component-ClnOIQaN.js} +2 -2
  26. package/build/{component-CFKFLOAw.js.map → component-ClnOIQaN.js.map} +1 -1
  27. package/build/component-accordion.cjs.js +1 -1
  28. package/build/component-accordion.d.ts +5 -19
  29. package/build/component-accordion.es.js +1 -1
  30. package/build/{component-B9dFCQcm.cjs → component-b4tMFkpE.cjs} +2 -2
  31. package/build/{component-B9dFCQcm.cjs.map → component-b4tMFkpE.cjs.map} +1 -1
  32. package/build/component-button-group.cjs.js +1 -1
  33. package/build/component-button-group.d.ts +23 -186
  34. package/build/component-button-group.es.js +1 -1
  35. package/build/component-button.cjs.js +1 -1
  36. package/build/component-button.d.ts +26 -206
  37. package/build/component-button.es.js +4 -6
  38. package/build/component-checkbox-group.cjs.js +1 -1
  39. package/build/component-checkbox-group.d.ts +26 -170
  40. package/build/component-checkbox-group.es.js +1 -1
  41. package/build/component-checkbox.cjs.js +1 -1
  42. package/build/component-checkbox.d.ts +26 -193
  43. package/build/component-checkbox.es.js +2 -3
  44. package/build/component-date-picker.cjs.js +1 -1
  45. package/build/component-date-picker.d.ts +27 -190
  46. package/build/component-date-picker.es.js +1 -1
  47. package/build/{component-BFOHa1GY.js → component-eqTj4VVc.js} +2 -2
  48. package/build/{component-BFOHa1GY.js.map → component-eqTj4VVc.js.map} +1 -1
  49. package/build/component-icon.cjs.js +1 -1
  50. package/build/component-icon.d.ts +45 -166
  51. package/build/component-icon.es.js +5 -9
  52. package/build/component-icon.es.js.map +1 -1
  53. package/build/component-image-button.cjs.js +1 -1
  54. package/build/component-image-button.d.ts +23 -186
  55. package/build/component-image-button.es.js +1 -1
  56. package/build/component-image-select.cjs.js +1 -1
  57. package/build/component-image-select.d.ts +23 -186
  58. package/build/component-image-select.es.js +1 -1
  59. package/build/component-image-slider.cjs.js +1 -1
  60. package/build/component-image-slider.es.js +1 -1
  61. package/build/component-image.cjs.js +1 -1
  62. package/build/component-input-otp.cjs.js +1 -1
  63. package/build/component-input-otp.es.js +1 -1
  64. package/build/component-input.cjs.js +1 -1
  65. package/build/component-input.d.ts +1 -1
  66. package/build/component-input.es.js +2 -2
  67. package/build/{component-CeuA5Ry0.js → component-jPLOz52P.js} +51 -126
  68. package/build/component-jPLOz52P.js.map +1 -0
  69. package/build/component-map.cjs.js +1 -1
  70. package/build/component-map.es.js +1 -1
  71. package/build/component-pagination.cjs.js +1 -1
  72. package/build/component-pagination.d.ts +23 -186
  73. package/build/component-pagination.es.js +1 -1
  74. package/build/component-range.cjs.js +1 -1
  75. package/build/component-range.es.js +1 -1
  76. package/build/component-ripple.cjs.js +1 -1
  77. package/build/component-select.cjs.js +1 -1
  78. package/build/component-select.d.ts +2 -17
  79. package/build/component-select.es.js +1 -1
  80. package/build/component-textarea.cjs.js +1 -1
  81. package/build/component-textarea.es.js +1 -1
  82. package/build/component-toggle.cjs.js +1 -1
  83. package/build/component-toggle.es.js +1 -1
  84. package/build/component-tooltip.cjs.js +1 -1
  85. package/build/component-tooltip.es.js +1 -1
  86. package/build/component-typography.cjs.js +1 -1
  87. package/build/component-typography.es.js +1 -1
  88. package/build/{component.components-JtwTIPAB.cjs → component.components-BZX00SGG.cjs} +2 -2
  89. package/build/{component.components-JtwTIPAB.cjs.map → component.components-BZX00SGG.cjs.map} +1 -1
  90. package/build/{component.components-B2-Gqe0K.js → component.components-C9TkSqTp.js} +5 -5
  91. package/build/{component.components-B2-Gqe0K.js.map → component.components-C9TkSqTp.js.map} +1 -1
  92. package/build/{component.constants-DxcsPL8D.cjs → component.constants-B-ZMDpFv.cjs} +2 -2
  93. package/build/{component.constants-DxcsPL8D.cjs.map → component.constants-B-ZMDpFv.cjs.map} +1 -1
  94. package/build/{component.constants-CpnBclql.js → component.constants-C8li5_tq.js} +2 -2
  95. package/build/{component.constants-CpnBclql.js.map → component.constants-C8li5_tq.js.map} +1 -1
  96. package/build/{component.constants-Cwl6tQFq.js → component.constants-CnMky3Ym.js} +8 -8
  97. package/build/component.constants-CnMky3Ym.js.map +1 -0
  98. package/build/component.constants-Dg6JcWmd.cjs +22 -0
  99. package/build/component.constants-Dg6JcWmd.cjs.map +1 -0
  100. package/build/{component.styles-Dz33wmri.js → component.styles-0apMzB81.js} +9 -31
  101. package/build/component.styles-0apMzB81.js.map +1 -0
  102. package/build/{component.styles-BDKsgd6y.js → component.styles-AEJ_tw7Y.js} +5 -5
  103. package/build/{component.styles-BDKsgd6y.js.map → component.styles-AEJ_tw7Y.js.map} +1 -1
  104. package/build/{component.styles-BELwxHxh.cjs → component.styles-BO8xaSCQ.cjs} +2 -2
  105. package/build/{component.styles-BELwxHxh.cjs.map → component.styles-BO8xaSCQ.cjs.map} +1 -1
  106. package/build/component.styles-BVQQkX5c.cjs +57 -0
  107. package/build/component.styles-BVQQkX5c.cjs.map +1 -0
  108. package/build/component.styles-BYG4iVCR.cjs +10 -0
  109. package/build/{component.styles-CUCjXD3k.cjs.map → component.styles-BYG4iVCR.cjs.map} +1 -1
  110. package/build/{component.styles-B4ZjkzIF.cjs → component.styles-BZ9QLlOU.cjs} +2 -2
  111. package/build/{component.styles-B4ZjkzIF.cjs.map → component.styles-BZ9QLlOU.cjs.map} +1 -1
  112. package/build/component.styles-BviHtzJH.cjs +22 -0
  113. package/build/component.styles-BviHtzJH.cjs.map +1 -0
  114. package/build/{component.styles-ZU_GyVub.cjs → component.styles-C8ONgWei.cjs} +2 -2
  115. package/build/{component.styles-ZU_GyVub.cjs.map → component.styles-C8ONgWei.cjs.map} +1 -1
  116. package/build/{component.styles-CJC0h3Ed.js → component.styles-CHqowxsZ.js} +5 -5
  117. package/build/component.styles-CHqowxsZ.js.map +1 -0
  118. package/build/component.styles-CXyyc0xg.cjs +32 -0
  119. package/build/{component.styles-Py-IeQ2q.cjs.map → component.styles-CXyyc0xg.cjs.map} +1 -1
  120. package/build/component.styles-CtZeOnGH.js +120 -0
  121. package/build/component.styles-CtZeOnGH.js.map +1 -0
  122. package/build/{component.styles-B9jJFDUk.js → component.styles-CwTYpBx_.js} +6 -6
  123. package/build/{component.styles-B9jJFDUk.js.map → component.styles-CwTYpBx_.js.map} +1 -1
  124. package/build/{component.styles-CEDSDKXy.cjs → component.styles-CxlbZwr4.cjs} +2 -2
  125. package/build/{component.styles-CEDSDKXy.cjs.map → component.styles-CxlbZwr4.cjs.map} +1 -1
  126. package/build/{component.styles-COwP0J6t.cjs → component.styles-CyCy2ymw.cjs} +2 -2
  127. package/build/{component.styles-COwP0J6t.cjs.map → component.styles-CyCy2ymw.cjs.map} +1 -1
  128. package/build/{component.styles-B0FFHGeN.js → component.styles-DWDGLfbF.js} +3 -3
  129. package/build/{component.styles-B0FFHGeN.js.map → component.styles-DWDGLfbF.js.map} +1 -1
  130. package/build/{component.styles-BbwS_Ekx.js → component.styles-DqJURuJl.js} +3 -3
  131. package/build/{component.styles-BbwS_Ekx.js.map → component.styles-DqJURuJl.js.map} +1 -1
  132. package/build/{component.styles-CsB9986a.cjs → component.styles-FMHm5NHm.cjs} +2 -2
  133. package/build/{component.styles-CsB9986a.cjs.map → component.styles-FMHm5NHm.cjs.map} +1 -1
  134. package/build/{component.styles-BeRVOt5T.cjs → component.styles-Hx-MJSWX.cjs} +2 -2
  135. package/build/{component.styles-BeRVOt5T.cjs.map → component.styles-Hx-MJSWX.cjs.map} +1 -1
  136. package/build/{component.styles-BGYbrzvh.js → component.styles-KBaixm0o.js} +2 -2
  137. package/build/{component.styles-BGYbrzvh.js.map → component.styles-KBaixm0o.js.map} +1 -1
  138. package/build/{component.styles-Czdj4SAF.js → component.styles-SZTM0cRW.js} +7 -7
  139. package/build/{component.styles-Czdj4SAF.js.map → component.styles-SZTM0cRW.js.map} +1 -1
  140. package/build/{component.styles-gZHy-64x.cjs → component.styles-_keFf_Qj.cjs} +2 -2
  141. package/build/{component.styles-gZHy-64x.cjs.map → component.styles-_keFf_Qj.cjs.map} +1 -1
  142. package/build/{component.styles-VrNFgg1_.js → component.styles-cMafDDpP.js} +3 -3
  143. package/build/{component.styles-VrNFgg1_.js.map → component.styles-cMafDDpP.js.map} +1 -1
  144. package/build/{component.styles-CxPmtiIy.js → component.styles-euSUJAiA.js} +3 -3
  145. package/build/{component.styles-CxPmtiIy.js.map → component.styles-euSUJAiA.js.map} +1 -1
  146. package/build/{component.types-DaiIANRt.cjs → component.types-B7jDbV2B.cjs} +18 -11
  147. package/build/component.types-B7jDbV2B.cjs.map +1 -0
  148. package/build/{component.types-B2YOqKzt.js → component.types-p7CYQCe5.js} +20 -10
  149. package/build/component.types-p7CYQCe5.js.map +1 -0
  150. package/build/context-app.cjs.js +1 -1
  151. package/build/context-app.es.js +1 -1
  152. package/build/context-sonner.cjs.js +1 -1
  153. package/build/context-sonner.d.ts +71 -100
  154. package/build/context-sonner.es.js +1 -1
  155. package/build/{context.constants-C4xdihsb.js → context.constants-Cio0nsYA.js} +7 -6
  156. package/build/context.constants-Cio0nsYA.js.map +1 -0
  157. package/build/{context.constants-D0P7bVk9.cjs → context.constants-y9s5VGN2.cjs} +4 -3
  158. package/build/context.constants-y9s5VGN2.cjs.map +1 -0
  159. package/build/{context.hooks-Cmgo0uqV.js → context.hooks-BIIK-2HN.js} +3 -3
  160. package/build/{context.hooks-Cmgo0uqV.js.map → context.hooks-BIIK-2HN.js.map} +1 -1
  161. package/build/{context.hooks-XBiTuVyt.cjs → context.hooks-DNnrgKb0.cjs} +3 -3
  162. package/build/{context.hooks-XBiTuVyt.cjs.map → context.hooks-DNnrgKb0.cjs.map} +1 -1
  163. package/build/{floating-ui.react--v70Xky9.cjs → floating-ui.react-DZzvtpim.cjs} +2 -2
  164. package/build/{floating-ui.react--v70Xky9.cjs.map → floating-ui.react-DZzvtpim.cjs.map} +1 -1
  165. package/build/index.cjs.js +1 -1
  166. package/build/index.d.ts +97 -256
  167. package/build/index.es.js +140 -141
  168. package/build/index.es.js.map +1 -1
  169. package/build/{style-uVTmdhsH.js → style-BzxSHZDV.js} +2 -2
  170. package/build/{style-uVTmdhsH.js.map → style-BzxSHZDV.js.map} +1 -1
  171. package/build/{style-D3Lbn1EL.cjs → style-D8DUzG0C.cjs} +2 -2
  172. package/build/{style-D3Lbn1EL.cjs.map → style-D8DUzG0C.cjs.map} +1 -1
  173. package/build/style-error.cjs.js +1 -1
  174. package/build/style-error.es.js +1 -1
  175. package/build/style-theme.cjs.js +1 -1
  176. package/build/style-theme.d.ts +29 -0
  177. package/build/style-theme.es.js +8 -2
  178. package/build/{theme.global-BgERDJ4e.js → theme.global-BzunMIsv.js} +132 -2
  179. package/build/theme.global-BzunMIsv.js.map +1 -0
  180. package/build/theme.global-D67h5YeA.cjs +173 -0
  181. package/build/theme.global-D67h5YeA.cjs.map +1 -0
  182. package/build/{use-DWNgOa9w.cjs → use-BLwltPMc.cjs} +2 -2
  183. package/build/{use-DWNgOa9w.cjs.map → use-BLwltPMc.cjs.map} +1 -1
  184. package/build/{use-CuHzkWqv.js → use-CnGHh8iL.js} +5 -5
  185. package/build/{use-CuHzkWqv.js.map → use-CnGHh8iL.js.map} +1 -1
  186. package/package.json +1 -1
  187. package/build/area-CZkDIeGx.cjs +0 -2
  188. package/build/area-CZkDIeGx.cjs.map +0 -1
  189. package/build/area-DEwj0-O3.js.map +0 -1
  190. package/build/component-BLWcOf3A.cjs +0 -90
  191. package/build/component-BLWcOf3A.cjs.map +0 -1
  192. package/build/component-CeuA5Ry0.js.map +0 -1
  193. package/build/component.constants-Cwl6tQFq.js.map +0 -1
  194. package/build/component.constants-D15Kt1bW.cjs +0 -22
  195. package/build/component.constants-D15Kt1bW.cjs.map +0 -1
  196. package/build/component.styles-BKnUDWqO.cjs +0 -22
  197. package/build/component.styles-BKnUDWqO.cjs.map +0 -1
  198. package/build/component.styles-CJC0h3Ed.js.map +0 -1
  199. package/build/component.styles-CUCjXD3k.cjs +0 -10
  200. package/build/component.styles-DS0ofW1Y.js +0 -2193
  201. package/build/component.styles-DS0ofW1Y.js.map +0 -1
  202. package/build/component.styles-DhXp_cmE.cjs +0 -73
  203. package/build/component.styles-DhXp_cmE.cjs.map +0 -1
  204. package/build/component.styles-Dz33wmri.js.map +0 -1
  205. package/build/component.styles-Py-IeQ2q.cjs +0 -32
  206. package/build/component.types-B2YOqKzt.js.map +0 -1
  207. package/build/component.types-BBQ18Npa.js +0 -143
  208. package/build/component.types-BBQ18Npa.js.map +0 -1
  209. package/build/component.types-DaiIANRt.cjs.map +0 -1
  210. package/build/component.types-DraGq1j_.cjs +0 -2
  211. package/build/component.types-DraGq1j_.cjs.map +0 -1
  212. package/build/context.constants-C4xdihsb.js.map +0 -1
  213. package/build/context.constants-D0P7bVk9.cjs.map +0 -1
  214. package/build/theme.global-BgERDJ4e.js.map +0 -1
  215. package/build/theme.global-CcoD5bPP.cjs +0 -173
  216. package/build/theme.global-CcoD5bPP.cjs.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"component-BkYIZFlr.cjs","sources":["../src/components/typography/component.styles.ts","../src/components/popover/component.tsx","../src/components/popover/component.styles.ts","../src/components/popover/component.constants.tsx","../src/components/tooltip/component.styles.ts","../src/components/tooltip/component.tsx","../src/components/tooltip/component.constants.ts","../src/components/typography/component.tsx","../src/hooks/use-overflowing/use.ts"],"sourcesContent":["import { addOutline } from '@local/styles/add';\nimport { addSX as addSXStandard } from '@local/styles/sx';\nimport { JeneseiPalette } from '@local/theme/theme';\n\nimport styled, { css, keyframes } from 'styled-components';\n\nimport { addSXTypographyStyleProps, TypographyAllProps, TypographyCSSProps } from '.';\n\nconst shadowPulse = keyframes`\n 0% {\n text-shadow: 0 0 0 rgba(0, 0, 0, 0);\n }\n 50% {\n text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);\n }\n 100% {\n text-shadow: 0 0 0 rgba(0, 0, 0, 0);\n }\n`;\n\nfunction toStyledCSS(value: TypographyAllProps) {\n return css`\n ${\n value.shadow &&\n value.shadow === 'shadowPulse' &&\n css`\n animation: ${shadowPulse} 2s infinite;\n `\n };\n ${\n value.letterSpacing &&\n css`\n letter-spacing: ${value.letterSpacing};\n `\n };\n ${\n value.flex &&\n css`\n flex: ${value.flex};\n `\n };\n ${\n value.cursor &&\n css`\n cursor: ${value.cursor};\n `\n };\n ${\n value.overflow &&\n css`\n overflow: ${value.overflow};\n `\n };\n ${\n value.line !== undefined\n ? value.line === 1\n ? css`\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n width: -webkit-fill-available;\n max-width: fit-content;\n `\n : css`\n word-break: break-word;\n white-space: normal;\n text-overflow: ellipsis;\n display: -webkit-box;\n overflow: hidden;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: ${value.line};\n width: fit-content;\n overflow-wrap: anywhere;\n `\n : css``\n };\n ${\n value.family &&\n css`\n font-family: ${value.family};\n `\n };\n ${\n value.weight &&\n css`\n font-weight: ${value.weight};\n `\n };\n ${\n value.height &&\n css`\n line-height: ${value.height}px;\n `\n };\n ${\n value.color &&\n css`\n color: ${JeneseiPalette[value.color]};\n `\n };\n ${\n value.align &&\n css`\n text-align: ${value.align};\n `\n };\n ${\n value.wrap &&\n css`\n text-wrap: ${value.wrap};\n `\n };\n ${\n value.decoration &&\n css`\n text-decoration: ${value.decoration};\n `\n };\n ${\n value.transform &&\n css`\n text-transform: ${value.transform};\n `\n };\n ${\n value.isHoverUnderlining &&\n css`\n &:hover {\n text-decoration: underline;\n }\n `\n };\n ${\n value.isNoUserSelect &&\n css`\n user-select: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n `\n };\n ${\n 'size' in value &&\n value.size &&\n css`\n font-size: ${value.size}px;\n `\n };\n ${\n 'variant' in value && value.variant\n ? value.variant === 'h1'\n ? css`\n font-size: ${(props) => props.theme.font.sizeHeading.h1 * props.theme.font.sizeDefault.default}px;\n line-height: ${(props) => props.theme.font.lineHeight};\n margin: 0;\n @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n font-size: ${(props) => props.theme.font.sizeHeading.h1 * props.theme.font.sizeDefault.tablet}px;\n }\n\n @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n font-size: ${(props) => props.theme.font.sizeHeading.h1 * props.theme.font.sizeDefault.mobile}px;\n }\n `\n : value.variant === 'h2'\n ? css`\n font-size: ${(props) => props.theme.font.sizeHeading.h2 * props.theme.font.sizeDefault.default}px;\n line-height: ${(props) => props.theme.font.lineHeight};\n margin: 0;\n @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n font-size: ${(props) => props.theme.font.sizeHeading.h2 * props.theme.font.sizeDefault.tablet}px;\n }\n\n @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n font-size: ${(props) => props.theme.font.sizeHeading.h2 * props.theme.font.sizeDefault.mobile}px;\n }\n `\n : value.variant === 'h3'\n ? css`\n font-size: ${(props) => props.theme.font.sizeHeading.h3 * props.theme.font.sizeDefault.default}px;\n line-height: ${(props) => props.theme.font.lineHeight};\n margin: 0;\n @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n font-size: ${(props) => props.theme.font.sizeHeading.h3 * props.theme.font.sizeDefault.tablet}px;\n }\n\n @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n font-size: ${(props) => props.theme.font.sizeHeading.h3 * props.theme.font.sizeDefault.mobile}px;\n }\n `\n : value.variant === 'h4'\n ? css`\n font-size: ${(props) => props.theme.font.sizeHeading.h4 * props.theme.font.sizeDefault.default}px;\n line-height: ${(props) => props.theme.font.lineHeight};\n margin: 0;\n @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n font-size: ${(props) => props.theme.font.sizeHeading.h4 * props.theme.font.sizeDefault.tablet}px;\n }\n\n @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n font-size: ${(props) => props.theme.font.sizeHeading.h4 * props.theme.font.sizeDefault.mobile}px;\n }\n `\n : value.variant === 'h5'\n ? css`\n font-size: ${(props) => props.theme.font.sizeHeading.h5 * props.theme.font.sizeDefault.default}px;\n line-height: ${(props) => props.theme.font.lineHeight};\n margin: 0;\n @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n font-size: ${(props) => props.theme.font.sizeHeading.h5 * props.theme.font.sizeDefault.tablet}px;\n }\n\n @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n font-size: ${(props) => props.theme.font.sizeHeading.h5 * props.theme.font.sizeDefault.mobile}px;\n }\n `\n : value.variant === 'h6'\n ? css`\n font-size: ${(props) => props.theme.font.sizeHeading.h6 * props.theme.font.sizeDefault.default}px;\n line-height: ${(props) => props.theme.font.lineHeight};\n margin: 0;\n @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n font-size: ${(props) => props.theme.font.sizeHeading.h6 * props.theme.font.sizeDefault.tablet}px;\n }\n\n @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n font-size: ${(props) => props.theme.font.sizeHeading.h6 * props.theme.font.sizeDefault.mobile}px;\n }\n `\n : value.variant === 'h7'\n ? css`\n font-size: ${(props) => props.theme.font.sizeHeading.h7 * props.theme.font.sizeDefault.default}px;\n line-height: ${(props) => props.theme.font.lineHeight};\n margin: 0;\n @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n font-size: ${(props) =>\n props.theme.font.sizeHeading.h7 * props.theme.font.sizeDefault.tablet}px;\n }\n\n @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n font-size: ${(props) =>\n props.theme.font.sizeHeading.h7 * props.theme.font.sizeDefault.mobile}px;\n }\n `\n : value.variant === 'h8'\n ? css`\n font-size: ${(props) =>\n props.theme.font.sizeHeading.h8 * props.theme.font.sizeDefault.default}px;\n line-height: ${(props) => props.theme.font.lineHeight};\n margin: 0;\n @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n font-size: ${(props) =>\n props.theme.font.sizeHeading.h8 * props.theme.font.sizeDefault.tablet}px;\n }\n\n @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n font-size: ${(props) =>\n props.theme.font.sizeHeading.h8 * props.theme.font.sizeDefault.mobile}px;\n }\n `\n : value.variant === 'h9'\n ? css`\n font-size: ${(props) =>\n props.theme.font.sizeHeading.h9 * props.theme.font.sizeDefault.default}px;\n line-height: ${(props) => props.theme.font.lineHeight};\n margin: 0;\n @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n font-size: ${(props) =>\n props.theme.font.sizeHeading.h9 * props.theme.font.sizeDefault.tablet}px;\n }\n\n @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n font-size: ${(props) =>\n props.theme.font.sizeHeading.h9 * props.theme.font.sizeDefault.mobile}px;\n }\n `\n : null\n : null\n };\n `;\n}\n\nexport const addSXTypography = css<addSXTypographyStyleProps>`\n ${(props) => {\n const rawSX = props.$sxTypography;\n if (!rawSX) return null;\n return toStyledCSS(rawSX.default);\n }}\n\n ${(props) => {\n const rawSX = props.$sxTypography;\n if (!rawSX) return null;\n\n return Object.entries(rawSX)\n .filter(([key]) => key !== 'default')\n .map(([deviceKey, value]) => {\n const screenWidth = props.theme.screens[deviceKey as keyof typeof props.theme.screens]?.width;\n if (!screenWidth) return null;\n return css`\n @media (max-width: ${screenWidth}px) {\n ${toStyledCSS(value)}\n }\n `;\n });\n }}\n`;\n\nconst TypographyCSS = css<TypographyCSSProps>`\n font-style: normal;\n position: relative;\n overflow: visible;\n text-overflow: ellipsis;\n overflow-wrap: anywhere;\n line-height: ${(props) => props.theme.font.lineHeight};\n ${addSXTypography};\n ${addSXStandard}\n`;\n\nexport const Title = styled.span<TypographyCSSProps>`\n ${TypographyCSS}\n ${addOutline}\n`;\n","import { KEY_SIZE_DATA } from '@local/theme';\n\nimport { autoUpdate, flip, offset, shift, useFloating } from '@floating-ui/react';\nimport { AnimatePresence } from 'framer-motion';\nimport { FC, Ref, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport ReactDOM from 'react-dom';\nimport { useTheme } from 'styled-components';\n\nimport { DEFAULT_POPOVER_CLOSE_DELAY, DEFAULT_POPOVER_OFFSET, PopoverProps, PopoverWrapper, UsePopoverProps } from '.';\n\nexport const Popover: FC<PopoverProps> = (props) => {\n const theme = useTheme();\n return ReactDOM.createPortal(\n <AnimatePresence>\n {props.isOpen && (\n <div\n tabIndex={-1}\n ref={props.ref as Ref<HTMLDivElement | null>}\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n ...props.floatingStyles,\n transform: props.floatingStyles.transform,\n zIndex: 9999,\n }}\n >\n <PopoverWrapper\n tabIndex={-1}\n $isShowAlwaysOutline={props.isShowAlwaysOutline}\n $genre={props.genre ?? 'black'}\n $font={{\n size: props.font?.size ?? KEY_SIZE_DATA[props.size ?? 'medium'].font,\n weight: props.font?.weight ?? 700,\n family: props.font?.family ?? theme.font.family,\n height: props.font?.height,\n }}\n className={props.className}\n initial={{ opacity: 0, scale: 0.95 }}\n animate={{ opacity: 1, scale: 1 }}\n exit={{ opacity: 0, scale: 0.95 }}\n transition={{ duration: 0.2 }}\n $sx={props.sx}\n $size={props.size}\n $sxTypography={props.sxTypography}\n $maxHeight={props.maxHeight}\n $maxWidth={props.maxWidth}\n >\n {props.children}\n </PopoverWrapper>\n </div>\n )}\n </AnimatePresence>,\n document.body,\n );\n};\n\nexport const usePopover = (props: UsePopoverProps) => {\n const { onFocus, onBlur, onBlurReference } = props;\n\n // Состояние открытия поповера\n const [isOpen, setIsOpen] = useState(false);\n // Минимальная ширина поповера (нужна, если хотим, чтобы ширина совпадала с референсом)\n const [minWidth, setMinWidth] = useState<number | undefined>(undefined);\n // Флаг, был ли поповер когда-либо открыт (чтобы onBlur не вызывался при первом рендере)\n const [wasEverOpen, setWasEverOpen] = useState(false);\n\n // Позиционирование через floating-ui\n const {\n refs,\n floatingStyles,\n update,\n placement: actualPlacement,\n } = useFloating({\n open: isOpen,\n placement: props.placement,\n middleware: [offset(props.offset ?? 8), flip(), shift()],\n whileElementsMounted: autoUpdate,\n });\n\n // Сохраняем обработчик клика вне поповера (чтобы можно было удалить при cleanup)\n const clickOutsideHandler = useRef<((e: MouseEvent) => void) | null>(null);\n // Таймаут для закрытия при hover-режиме\n const hoverCloseTimeout = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n // Отступ для hover-зоны (чтобы не закрывался мгновенно при небольших движениях мыши)\n const hoverOffset = useMemo(\n () => props.hoverOffset ?? props.offset ?? DEFAULT_POPOVER_OFFSET,\n [props.hoverOffset, props.offset],\n );\n // Задержка перед закрытием при hover\n const hoverCloseDelay = useMemo(() => props.hoverCloseDelay ?? DEFAULT_POPOVER_CLOSE_DELAY, [props.hoverCloseDelay]);\n\n /**\n * Навешиваем обработчики на reference-элемент в зависимости от режима:\n * - click / clickOpen → открытие/переключение по клику\n * - hover → открытие/закрытие при наведении\n */\n useEffect(() => {\n if (props.isDisabled) return;\n const refEl = refs.reference.current;\n if (!refEl) return;\n\n // Режим клика\n if ((props.mode === 'click' || props.mode === 'clickOpen') && refEl instanceof HTMLElement) {\n const handleClick = () => {\n if (props.mode === 'click') {\n setIsOpen((prev) => !prev);\n } else if (props.mode === 'clickOpen') {\n setIsOpen(true);\n }\n };\n\n refEl.addEventListener('click', handleClick);\n return () => {\n refEl.removeEventListener('click', handleClick);\n };\n\n // Режим ховера\n } else if (props.mode === 'hover' && refEl instanceof HTMLElement) {\n const handleMouseEnter = () => {\n setIsOpen(true);\n };\n const handleMouseLeave = () => {\n if (hoverCloseTimeout.current) clearTimeout(hoverCloseTimeout.current);\n hoverCloseTimeout.current = setTimeout(() => setIsOpen(false), hoverCloseDelay);\n };\n\n refEl.addEventListener('mouseenter', handleMouseEnter);\n refEl.addEventListener('mouseleave', handleMouseLeave);\n return () => {\n refEl.removeEventListener('mouseenter', handleMouseEnter);\n refEl.removeEventListener('mouseleave', handleMouseLeave);\n if (hoverCloseTimeout.current) clearTimeout(hoverCloseTimeout.current);\n };\n }\n }, [props.mode, refs.reference, hoverCloseDelay, props.isDisabled]);\n\n // Автоматическое обновление позиции, пока поповер открыт\n useEffect(() => {\n if (!isOpen || !refs.reference.current || !refs.floating.current || props.isDisabled) return;\n\n const cleanup = autoUpdate(refs.reference.current, refs.floating.current, update);\n\n return () => cleanup();\n }, [isOpen, refs.reference, refs.floating, update, props.isDisabled]);\n\n /**\n * Логика закрытия поповера при клике вне него\n */\n useEffect(() => {\n if (!isOpen || !refs.reference.current || !refs.floating.current || props.isDisabled) return;\n\n if (props.isClickOutside) {\n clickOutsideHandler.current = (e: MouseEvent) => {\n const refEl = refs.reference.current;\n const floatingEl = refs.floating.current;\n const otherRefs = props.refsExcludeClickOutside || [];\n\n // Проверяем, что клик не по поповеру, не по reference и не по исключенным ref'ам\n if (\n refEl instanceof HTMLElement &&\n floatingEl instanceof HTMLElement &&\n !refEl.contains(e.target as Node) &&\n !floatingEl.contains(e.target as Node) &&\n !otherRefs.some((ref) => {\n if (typeof ref === 'object' && ref !== null && 'current' in ref) {\n return (ref.current as HTMLElement | null)?.contains(e.target as Node);\n }\n return false;\n })\n ) {\n setIsOpen(false);\n }\n };\n\n document.addEventListener('mousedown', clickOutsideHandler.current);\n }\n\n return () => {\n if (clickOutsideHandler.current) {\n document.removeEventListener('mousedown', clickOutsideHandler.current);\n clickOutsideHandler.current = null;\n }\n if (hoverCloseTimeout.current) {\n clearTimeout(hoverCloseTimeout.current);\n }\n };\n }, [isOpen, refs.reference, refs.floating, props.isClickOutside, props.isDisabled, props.refsExcludeClickOutside]);\n\n /**\n * Поддержка режима \"плавающего hover\"\n * Закрывает поповер, если мышь ушла за пределы reference+floating с отступом\n */\n useEffect(() => {\n if (!isOpen || !props.isFloatingHover || !refs.reference.current || !refs.floating.current || props.isDisabled)\n return;\n\n const refEl = refs.reference.current;\n const floatingEl = refs.floating.current;\n\n const handleMouseMove = (e: MouseEvent) => {\n const mouseX = e.clientX;\n const mouseY = e.clientY;\n\n const refRect = refEl.getBoundingClientRect();\n const floatingRect = floatingEl.getBoundingClientRect();\n\n // Находим, внутри ли курсор reference или floating с учётом отступа\n const isInsideRef =\n mouseX >= refRect.left - hoverOffset &&\n mouseX <= refRect.right + hoverOffset &&\n mouseY >= refRect.top - hoverOffset &&\n mouseY <= refRect.bottom + hoverOffset;\n\n const isInsideFloating =\n mouseX >= floatingRect.left - hoverOffset &&\n mouseX <= floatingRect.right + hoverOffset &&\n mouseY >= floatingRect.top - hoverOffset &&\n mouseY <= floatingRect.bottom + hoverOffset;\n\n if (isInsideRef || isInsideFloating) {\n // Если вернулись внутрь — отменяем закрытие\n if (hoverCloseTimeout.current) {\n clearTimeout(hoverCloseTimeout.current);\n hoverCloseTimeout.current = null;\n }\n } else {\n // Если вышли — запускаем таймер на закрытие\n if (hoverCloseTimeout.current) clearTimeout(hoverCloseTimeout.current);\n hoverCloseTimeout.current = setTimeout(() => setIsOpen(false), hoverCloseDelay);\n }\n };\n\n document.addEventListener('mousemove', handleMouseMove);\n\n return () => {\n document.removeEventListener('mousemove', handleMouseMove);\n if (hoverCloseTimeout.current) {\n clearTimeout(hoverCloseTimeout.current);\n }\n };\n }, [isOpen, props.isFloatingHover, refs.reference, refs.floating, hoverOffset, hoverCloseDelay, props.isDisabled]);\n\n /**\n * Устанавливаем минимальную ширину поповера, равную reference (если включено isWidthAsContent)\n */\n useLayoutEffect(() => {\n if (!props.isWidthAsContent || !refs.reference.current) return;\n const rect = refs.reference.current.getBoundingClientRect();\n setMinWidth(rect.width);\n }, [props.isWidthAsContent, refs.reference]);\n\n // Методы управления открытием\n const open = useCallback(() => {\n if (props.isDisabled) return;\n setIsOpen(true);\n }, [props.isDisabled]);\n const close = useCallback(() => {\n if (props.isDisabled) return;\n setIsOpen(false);\n }, [props.isDisabled]);\n const toggle = useCallback(() => {\n if (props.isDisabled) return;\n setIsOpen((prev) => !prev);\n }, [props.isDisabled]);\n\n // Объединяем стили floating-ui с дополнительными ограничениями по ширине\n const combinedStyles = useMemo(() => {\n return {\n ...floatingStyles,\n minWidth: props.isWidthAsContent && minWidth ? `${minWidth}px` : undefined,\n maxWidth: props.isWidthAsContent && minWidth ? `${minWidth}px` : undefined,\n };\n }, [floatingStyles, props.isWidthAsContent, minWidth]);\n\n /**\n * Вызываем onFocus при открытии\n * и запоминаем, что поповер хоть раз был открыт\n */\n useEffect(() => {\n if (isOpen) {\n onFocus?.();\n setWasEverOpen(true);\n }\n }, [isOpen, onFocus]);\n\n /**\n * Вызываем onBlur при первом закрытии после открытия\n */\n useEffect(() => {\n if (!isOpen && wasEverOpen) {\n onBlur?.();\n }\n }, [isOpen, wasEverOpen, onBlur]);\n\n /**\n * Закрытие при потере фокуса (focusin вне поповера + reference)\n * (но не на исключённые элементы)\n */\n useEffect(() => {\n if (!isOpen || props.isDisabled) return;\n\n const handleFocusIn = (e: FocusEvent) => {\n const refEl = refs.reference.current;\n const floatingEl = refs.floating.current;\n const otherRefs = props.refsExcludeClickOutside || [];\n\n const isInside =\n (refEl instanceof HTMLElement && refEl.contains(e.target as Node)) ||\n (floatingEl instanceof HTMLElement && floatingEl.contains(e.target as Node)) ||\n otherRefs.some((ref) => {\n if (ref && 'current' in ref && ref.current && ref.current instanceof HTMLElement) {\n return ref.current.contains(e.target as Node);\n }\n return false;\n });\n\n if (!isInside) {\n setIsOpen(false);\n }\n };\n\n document.addEventListener('focusin', handleFocusIn);\n\n return () => {\n document.removeEventListener('focusin', handleFocusIn);\n };\n }, [isOpen, refs.reference, refs.floating, props.refsExcludeClickOutside, props.isDisabled]);\n\n /**\n * Вызываем onBlurReference, если фокус ушёл с reference-элемента\n * (но не на исключённые элементы)\n */\n useEffect(() => {\n if (!refs.reference.current || props.isDisabled || !onBlurReference) return;\n\n const refEl = refs.reference.current;\n const otherRefs = props.refsExcludeBlur || [];\n\n const handleBlur = (e: FocusEvent) => {\n if (\n refEl instanceof HTMLElement &&\n !refEl.contains(e.relatedTarget as Node) &&\n !otherRefs.some((ref) => {\n if (ref && 'current' in ref && ref.current && ref.current instanceof HTMLElement)\n return ref.current.contains(e.relatedTarget as Node);\n })\n ) {\n onBlurReference();\n }\n };\n\n if (refEl instanceof HTMLElement) refEl.addEventListener('blur', handleBlur, true);\n\n return () => {\n if (refEl instanceof HTMLElement) refEl.removeEventListener('blur', handleBlur, true);\n };\n }, [refs.reference, props.isDisabled, onBlurReference, props.refsExcludeBlur]);\n\n /**\n * Функция возвращает true или false в зависимости от состояния от FocusEvent который находится внутри или снаружи\n */\n const getIsInside = useCallback(\n (target: Node | null) => {\n if (!target) return false; // если relatedTarget null, значит фокус ушёл вне окна — закрываем\n\n const refEl = refs.reference.current;\n const floatingEl = refs.floating.current;\n const otherRefs = props.refsExcludeBlur || [];\n\n return (\n (refEl instanceof HTMLElement && refEl.contains(target)) ||\n (floatingEl instanceof HTMLElement && floatingEl.contains(target)) ||\n otherRefs.some((ref) => {\n if (ref && 'current' in ref && ref.current && ref.current instanceof HTMLElement) {\n return ref.current.contains(target);\n }\n return false;\n })\n );\n },\n [refs.reference, refs.floating, props.refsExcludeBlur],\n );\n // Возвращаем наружу API для использования поповера\n return {\n getIsInside,\n isOpen,\n setIsOpen,\n open,\n close,\n toggle,\n refReference: refs.setReference as Ref<HTMLElement | null>,\n refFloating: refs.setFloating as Ref<HTMLElement | null>,\n floatingStyles: combinedStyles,\n placement: actualPlacement,\n };\n};\n","import { addSXTypography } from '@local/components/typography';\nimport { addAlwaysOutline, addFont } from '@local/styles/add';\nimport { addSX } from '@local/styles/sx';\nimport { IThemeSizePropertyDefault, KEY_SIZE_DATA } from '@local/theme';\n\nimport { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\n\nimport { StyledPopoverProps } from '.';\n\n/****************************************** Popover Genre *************************************************/\nconst addPopoverGenre = css<StyledPopoverProps>`\n ${(props) => css`\n background: ${props.theme.colors.button[props.$genre].background.rest};\n border-color: ${props.theme.colors.button[props.$genre].border.rest};\n color: ${props.theme.colors.button[props.$genre].color.rest};\n /* box-shadow: ${props.theme.effects.button}; */\n `};\n`;\n\n/****************************************** Popover Size *************************************************/\nexport const addPopoverSize = css<StyledPopoverProps>`\n ${(props) =>\n addPopoverSizeConstructor({\n ...KEY_SIZE_DATA[props.$size ?? 'medium'],\n })};\n`;\nexport const addPopoverSizeConstructor = (props: IThemeSizePropertyDefault) => css`\n display: flex;\n border-radius: ${props.radius}px;\n padding: ${props.padding}px;\n gap: ${props.padding - 2}px;\n`;\n\n/****************************************** Default *************************************************/\nexport const PopoverWrapper = styled(motion.div)<StyledPopoverProps>`\n max-width: ${(props) => props.$maxWidth || '100%'};\n max-height: ${(props) => props.$maxHeight || '100%'};\n overflow: auto;\n flex-direction: column;\n ${addFont};\n ${addPopoverSize};\n ${addAlwaysOutline};\n ${addSXTypography};\n ${addPopoverGenre};\n ${addSX};\n`;\n","export const DEFAULT_POPOVER_OFFSET = 8;\nexport const DEFAULT_POPOVER_CLOSE_DELAY = 100;\n","import { IThemeSizePropertyDefault, KEY_SIZE_DATA } from '@local/theme';\n\nimport styled, { css } from 'styled-components';\n\nimport { Popover, PopoverProps } from '../popover';\nimport { Stack } from '../stack';\n\nexport const TooltipContainer = styled(Stack)`\n display: flex;\n width: fit-content;\n height: fit-content;\n`;\n\nexport const addTooltipBoxSize = css<PopoverProps>`\n ${(props) =>\n addTooltipBoxSizeConstructor({\n ...KEY_SIZE_DATA[props.size ?? 'medium'],\n })};\n`;\nexport const addTooltipBoxSizeConstructor = (props: IThemeSizePropertyDefault) => css`\n gap: 0px;\n padding: ${props.padding}px ${props.padding}px 0px ${props.padding}px;\n :after {\n content: '';\n display: block;\n height: ${props.padding}px;\n width: 100%;\n }\n`;\n\n/****************************************** TooltipBox *************************************************/\nexport const TooltipBox = styled(Popover)`\n ${addTooltipBoxSize};\n`;\n","import { Typography } from '@local/components/typography';\n\nimport { FC, memo, Ref } from 'react';\n\nimport { usePopover } from '../popover';\nimport {\n DEFAULT_TOOLTIP_OFFSET_FALLBACK,\n DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,\n TooltipBox,\n TooltipContainer,\n TooltipProps,\n} from '.';\n\nexport const Tooltip: FC<TooltipProps> = memo((props) => {\n if (props.isDisabled) return <TooltipContainer sx={props.sx}>{props.children}</TooltipContainer>;\n\n return <TooltipContent {...props} />;\n});\n\nexport const TooltipContent: FC<TooltipProps> = (props) => {\n const { isOpen, refReference, refFloating, floatingStyles } = usePopover({\n placement: props.placement ?? DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,\n offset: props.offset ?? DEFAULT_TOOLTIP_OFFSET_FALLBACK,\n mode: props.mode ?? 'hover',\n isClickOutside: props.isClickOutside ?? true,\n isFloatingHover: props.isFloatingHover ?? true,\n isWidthAsContent: props.isWidthAsContent ?? false,\n hoverCloseDelay: props.hoverCloseDelay ?? undefined,\n hoverOffset: props.hoverOffset ?? undefined,\n });\n return (\n <>\n <TooltipContainer sx={props.sx} ref={refReference as Ref<HTMLDivElement | null>}>\n {props.children}\n </TooltipContainer>\n <TooltipBox\n size={props.size}\n isOpen={isOpen}\n genre={props.genre}\n floatingStyles={floatingStyles}\n ref={refFloating}\n maxHeight={props.maxHeight}\n maxWidth={props.maxWidth}\n >\n <Typography\n sx={\n props.sxTypography ?? {\n default: {\n size: 14,\n },\n }\n }\n >\n {props.content}\n </Typography>\n </TooltipBox>\n </>\n );\n};\n\nTooltip.displayName = 'Tooltip';\n","import { Placement } from '@floating-ui/react';\n\nexport const DEFAULT_TOOLTIP_PLACEMENT_FALLBACK: Placement = 'bottom-start';\nexport const DEFAULT_TOOLTIP_OFFSET_FALLBACK: number = 8;\n","import { useScreenWidth } from '@local/contexts/context-screen-width';\nimport { useOverflowing } from '@local/hooks/use-overflowing';\n\nimport { createLink, LinkProps } from '@tanstack/react-router';\nimport { memo, useMemo } from 'react';\n\nimport { Tooltip } from '../tooltip';\nimport { Title, TypographyCSSProps, TypographyProps, TypographyTooltipProps } from '.';\n\nconst TypographyWithRef = (props: TypographyProps) => {\n const { screenActual } = useScreenWidth();\n const cssProps: TypographyCSSProps & Pick<TypographyProps, 'onClick' | 'className' | 'style'> = useMemo(\n () => ({\n $sxTypography: props.sx,\n style: props.style,\n className: props.className,\n $sx: props.sxStandard,\n $isDisabledOutline: props.isDisabledOutline,\n $isOutlineBoxShadow: props.isOutlineBoxShadow,\n $isReadOnly: props.isReadOnly,\n onClick: props.onClick ? props.onClick : () => {},\n }),\n [\n props.sx,\n props.style,\n props.className,\n props.sxStandard,\n props.onClick,\n props.isDisabledOutline,\n props.isOutlineBoxShadow,\n props.isReadOnly,\n ],\n );\n\n const screenSX = useMemo(() => props.sx?.[screenActual] ?? props.sx?.default, [props.sx, screenActual]);\n\n if (screenSX && 'variant' in screenSX) {\n if (screenSX.variant === 'h7' || screenSX.variant === 'h8' || screenSX.variant === 'h9') {\n return (\n <Title\n // biome-ignore lint/suspicious/noExplicitAny: <explanation>\n ref={props.ref as any}\n as={props.isAnchor ? 'a' : props.isParagraph ? 'p' : props.isSpan ? 'span' : 'span'}\n href={props.href}\n {...cssProps}\n >\n {props.children}\n </Title>\n );\n } else {\n return (\n <Title\n // biome-ignore lint/suspicious/noExplicitAny: <explanation>\n ref={props.ref as any}\n as={props.isAnchor ? 'a' : props.isParagraph ? 'p' : props.isSpan ? 'span' : screenSX.variant}\n href={props.href}\n {...cssProps}\n >\n {props.children}\n </Title>\n );\n }\n }\n\n return (\n <Title\n // biome-ignore lint/suspicious/noExplicitAny: <explanation>\n ref={props.ref as any}\n as={props.isAnchor ? 'a' : props.isParagraph ? 'p' : props.isSpan ? 'span' : 'span'}\n href={props.href}\n {...cssProps}\n >\n {props.children}\n </Title>\n );\n};\n\nexport const Typography = (props: TypographyProps) => {\n return <TypographyWithRef {...props} />;\n};\n\nconst TypographySizeIsAnchor = (props: TypographyProps & LinkProps) => {\n return <TypographyWithRef isAnchor {...props} ref={props.ref} href={props.href} />;\n};\n\nexport const TypographyLink = createLink(TypographySizeIsAnchor);\n\nexport const TypographyTooltip = memo((props: TypographyTooltipProps) => {\n const { isDisabled, ref } = useOverflowing<HTMLDivElement>({\n isCheckSize: props.tooltip.isDisabled !== undefined ? !props.tooltip.isDisabled : true,\n dependencies: [props.children],\n });\n return (\n <Tooltip isDisabled={isDisabled} content={props.children} {...props.tooltip}>\n <TypographyWithRef ref={ref} {...props.typography} style={{ position: 'relative' }}>\n {props.children}\n </TypographyWithRef>\n </Tooltip>\n );\n});\n\nTypographyTooltip.displayName = 'TypographyTooltip';\nTypographyWithRef.displayName = 'TypographyWithRef';\nTypographySizeIsAnchor.displayName = 'TypographySizeIsAnchor';\n","\n\nimport { RefObject, useEffect, useMemo, useRef, useState } from 'react';\n\n\nimport { useDeepCompareMemoize } from '../use-deep-compare-memoize';\nimport { useTooltipProps } from '.';\n\n/**\n * Хук для отслеживания переполнения содержимого в элементе (или его родителе).\n * Возвращает ref для привязки к DOM-элементу, флаг переполнения и флаг isDisabled.\n * @param props - опциональные параметры для управления поведением проверки переполнения\n */\nexport function useOverflowing<T extends HTMLElement>(\n props?: useTooltipProps,\n): {\n isDisabled: boolean; // true, если нет переполнения\n isOverflowing: boolean; // true, если содержимое выходит за пределы контейнера\n ref: RefObject<HTMLElement | null>; // ref для отслеживания DOM-элемента\n} {\n // Нужно ли проверять размеры (по умолчанию true)\n const isCheckSize = useMemo(() => props?.isCheckSize ?? true, [props?.isCheckSize]);\n // Проверять ли переполнение относительно родителя (mode === 'parent')\n const isParentMode = useMemo(() => props?.mode === 'parent', [props?.mode]);\n\n // Состояние переполнения (может быть принудительно задано через props)\n const [isOverflowing, setIsOverflowing] = useState(\n props?.isOverflowing !== undefined ? props?.isOverflowing : false\n );\n // ref для отслеживания элемента\n const ref = useRef<T | null>(null);\n // Мемоизированные зависимости для эффекта (глубокое сравнение)\n const dependencies = useDeepCompareMemoize(props?.dependencies);\n\n useEffect(() => {\n // Если не нужно проверять размеры — выходим\n if (!isCheckSize) return;\n\n // Функция проверки переполнения\n const checkOverflow = () => {\n const el = ref.current;\n if (!el) return;\n\n // Получаем размеры содержимого и контейнера\n const scrollWidth = el.scrollWidth;\n const scrollHeight = el.scrollHeight;\n\n // Если parentMode — сравниваем с родителем, иначе с самим элементом\n const clientWidth = isParentMode && el.parentElement ? el.parentElement.clientWidth : el.clientWidth;\n const clientHeight = isParentMode && el.parentElement ? el.parentElement.clientHeight : el.clientHeight;\n\n // Считаем переполнение по ширине или высоте\n setIsOverflowing(scrollWidth > clientWidth || scrollHeight > clientHeight);\n };\n\n // Проверяем при монтировании и при изменении зависимостей\n checkOverflow();\n // Проверяем при изменении размера окна\n window.addEventListener('resize', checkOverflow);\n // Очищаем обработчик при размонтировании\n return () => window.removeEventListener('resize', checkOverflow);\n }, [dependencies, isCheckSize, isParentMode]);\n\n // isDisabled: true, если нет переполнения (можно использовать для отключения тултипа)\n return { isDisabled: !isOverflowing, ref: ref, isOverflowing };\n}\n"],"names":["shadowPulse","keyframes","toStyledCSS","value","css","shadow","letterSpacing","flex","cursor","overflow","line","family","weight","height","color","JeneseiPalette","align","wrap","decoration","transform","isHoverUnderlining","isNoUserSelect","size","variant","props","theme","font","sizeHeading","h1","sizeDefault","default","lineHeight","screens","tablet","width","mobile","h2","h3","h4","h5","h6","h7","h8","h9","addSXTypography","rawSX","$sxTypography","Object","entries","filter","key","map","deviceKey","screenWidth","_a","TypographyCSS","addSXStandard","Title","styled","span","addOutline","Popover","useTheme","ReactDOM","createPortal","jsx","AnimatePresence","children","isOpen","tabIndex","ref","style","position","top","left","floatingStyles","zIndex","PopoverWrapper","$isShowAlwaysOutline","isShowAlwaysOutline","$genre","genre","$font","KEY_SIZE_DATA","_b","_c","_d","className","initial","opacity","scale","animate","exit","transition","duration","$sx","sx","$size","sxTypography","$maxHeight","maxHeight","$maxWidth","maxWidth","document","body","usePopover","onFocus","onBlur","onBlurReference","setIsOpen","useState","minWidth","setMinWidth","wasEverOpen","setWasEverOpen","refs","update","placement","actualPlacement","useFloating","open","middleware","offset","flip","shift","whileElementsMounted","autoUpdate","clickOutsideHandler","useRef","hoverCloseTimeout","hoverOffset","useMemo","DEFAULT_POPOVER_OFFSET","hoverCloseDelay","DEFAULT_POPOVER_CLOSE_DELAY","useEffect","isDisabled","refEl","reference","current","mode","HTMLElement","handleClick","prev","addEventListener","removeEventListener","handleMouseEnter","handleMouseLeave","clearTimeout","setTimeout","floating","cleanup","isClickOutside","e","floatingEl","otherRefs","refsExcludeClickOutside","contains","target","some","isFloatingHover","handleMouseMove","mouseX","clientX","mouseY","clientY","refRect","getBoundingClientRect","floatingRect","isInsideRef","right","bottom","isInsideFloating","useLayoutEffect","isWidthAsContent","rect","useCallback","close","toggle","combinedStyles","handleFocusIn","refsExcludeBlur","handleBlur","relatedTarget","getIsInside","refReference","setReference","refFloating","setFloating","addPopoverGenre","colors","button","background","rest","border","effects","addPopoverSize","addPopoverSizeConstructor","radius","padding","motion","div","addFont","addAlwaysOutline","addSX","TooltipContainer","Stack","addTooltipBoxSize","addTooltipBoxSizeConstructor","TooltipBox","Tooltip","memo","TooltipContent","DEFAULT_TOOLTIP_PLACEMENT_FALLBACK","DEFAULT_TOOLTIP_OFFSET_FALLBACK","jsxs","Fragment","Typography","content","displayName","TypographyWithRef","screenActual","useScreenWidth","cssProps","sxStandard","$isDisabledOutline","isDisabledOutline","$isOutlineBoxShadow","isOutlineBoxShadow","$isReadOnly","isReadOnly","onClick","screenSX","as","isAnchor","isParagraph","isSpan","href","TypographySizeIsAnchor","TypographyLink","createLink","TypographyTooltip","isCheckSize","isParentMode","isOverflowing","setIsOverflowing","dependencies","useDeepCompareMemoize","checkOverflow","el","scrollWidth","scrollHeight","clientWidth","parentElement","clientHeight","window","useOverflowing","tooltip","typography"],"mappings":"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"}
1
+ {"version":3,"file":"component-BxetIWe6.cjs","sources":["../src/components/typography/component.styles.ts","../src/components/popover/component.tsx","../src/components/popover/component.styles.ts","../src/components/popover/component.constants.tsx","../src/components/tooltip/component.styles.ts","../src/components/tooltip/component.tsx","../src/components/tooltip/component.constants.ts","../src/components/typography/component.tsx","../src/hooks/use-overflowing/use.ts"],"sourcesContent":["import { addOutline } from '@local/styles/add';\nimport { addSX as addSXStandard } from '@local/styles/sx';\nimport { JeneseiPalette } from '@local/theme/theme';\n\nimport styled, { css, keyframes } from 'styled-components';\n\nimport { addSXTypographyStyleProps, TypographyAllProps, TypographyCSSProps } from '.';\n\nconst shadowPulse = keyframes`\n 0% {\n text-shadow: 0 0 0 rgba(0, 0, 0, 0);\n }\n 50% {\n text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);\n }\n 100% {\n text-shadow: 0 0 0 rgba(0, 0, 0, 0);\n }\n`;\n\nfunction toStyledCSS(value: TypographyAllProps) {\n return css`\n ${\n value.shadow &&\n value.shadow === 'shadowPulse' &&\n css`\n animation: ${shadowPulse} 2s infinite;\n `\n };\n ${\n value.letterSpacing &&\n css`\n letter-spacing: ${value.letterSpacing};\n `\n };\n ${\n value.flex &&\n css`\n flex: ${value.flex};\n `\n };\n ${\n value.cursor &&\n css`\n cursor: ${value.cursor};\n `\n };\n ${\n value.overflow &&\n css`\n overflow: ${value.overflow};\n `\n };\n ${\n value.line !== undefined\n ? value.line === 1\n ? css`\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n width: -webkit-fill-available;\n max-width: fit-content;\n `\n : css`\n word-break: break-word;\n white-space: normal;\n text-overflow: ellipsis;\n display: -webkit-box;\n overflow: hidden;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: ${value.line};\n width: fit-content;\n overflow-wrap: anywhere;\n `\n : css``\n };\n ${\n value.family &&\n css`\n font-family: ${value.family};\n `\n };\n ${\n value.weight &&\n css`\n font-weight: ${value.weight};\n `\n };\n ${\n value.height &&\n css`\n line-height: ${value.height}px;\n `\n };\n ${\n value.color &&\n css`\n color: ${JeneseiPalette[value.color]};\n `\n };\n ${\n value.align &&\n css`\n text-align: ${value.align};\n `\n };\n ${\n value.wrap &&\n css`\n text-wrap: ${value.wrap};\n `\n };\n ${\n value.decoration &&\n css`\n text-decoration: ${value.decoration};\n `\n };\n ${\n value.transform &&\n css`\n text-transform: ${value.transform};\n `\n };\n ${\n value.isHoverUnderlining &&\n css`\n &:hover {\n text-decoration: underline;\n }\n `\n };\n ${\n value.isNoUserSelect &&\n css`\n user-select: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n `\n };\n ${\n 'size' in value &&\n value.size &&\n css`\n font-size: ${value.size}px;\n `\n };\n ${\n 'variant' in value && value.variant\n ? value.variant === 'h1'\n ? css`\n font-size: ${(props) => props.theme.font.sizeHeading.h1 * props.theme.font.sizeDefault.default}px;\n line-height: ${(props) => props.theme.font.lineHeight};\n margin: 0;\n @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n font-size: ${(props) => props.theme.font.sizeHeading.h1 * props.theme.font.sizeDefault.tablet}px;\n }\n\n @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n font-size: ${(props) => props.theme.font.sizeHeading.h1 * props.theme.font.sizeDefault.mobile}px;\n }\n `\n : value.variant === 'h2'\n ? css`\n font-size: ${(props) => props.theme.font.sizeHeading.h2 * props.theme.font.sizeDefault.default}px;\n line-height: ${(props) => props.theme.font.lineHeight};\n margin: 0;\n @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n font-size: ${(props) => props.theme.font.sizeHeading.h2 * props.theme.font.sizeDefault.tablet}px;\n }\n\n @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n font-size: ${(props) => props.theme.font.sizeHeading.h2 * props.theme.font.sizeDefault.mobile}px;\n }\n `\n : value.variant === 'h3'\n ? css`\n font-size: ${(props) => props.theme.font.sizeHeading.h3 * props.theme.font.sizeDefault.default}px;\n line-height: ${(props) => props.theme.font.lineHeight};\n margin: 0;\n @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n font-size: ${(props) => props.theme.font.sizeHeading.h3 * props.theme.font.sizeDefault.tablet}px;\n }\n\n @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n font-size: ${(props) => props.theme.font.sizeHeading.h3 * props.theme.font.sizeDefault.mobile}px;\n }\n `\n : value.variant === 'h4'\n ? css`\n font-size: ${(props) => props.theme.font.sizeHeading.h4 * props.theme.font.sizeDefault.default}px;\n line-height: ${(props) => props.theme.font.lineHeight};\n margin: 0;\n @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n font-size: ${(props) => props.theme.font.sizeHeading.h4 * props.theme.font.sizeDefault.tablet}px;\n }\n\n @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n font-size: ${(props) => props.theme.font.sizeHeading.h4 * props.theme.font.sizeDefault.mobile}px;\n }\n `\n : value.variant === 'h5'\n ? css`\n font-size: ${(props) => props.theme.font.sizeHeading.h5 * props.theme.font.sizeDefault.default}px;\n line-height: ${(props) => props.theme.font.lineHeight};\n margin: 0;\n @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n font-size: ${(props) => props.theme.font.sizeHeading.h5 * props.theme.font.sizeDefault.tablet}px;\n }\n\n @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n font-size: ${(props) => props.theme.font.sizeHeading.h5 * props.theme.font.sizeDefault.mobile}px;\n }\n `\n : value.variant === 'h6'\n ? css`\n font-size: ${(props) => props.theme.font.sizeHeading.h6 * props.theme.font.sizeDefault.default}px;\n line-height: ${(props) => props.theme.font.lineHeight};\n margin: 0;\n @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n font-size: ${(props) => props.theme.font.sizeHeading.h6 * props.theme.font.sizeDefault.tablet}px;\n }\n\n @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n font-size: ${(props) => props.theme.font.sizeHeading.h6 * props.theme.font.sizeDefault.mobile}px;\n }\n `\n : value.variant === 'h7'\n ? css`\n font-size: ${(props) => props.theme.font.sizeHeading.h7 * props.theme.font.sizeDefault.default}px;\n line-height: ${(props) => props.theme.font.lineHeight};\n margin: 0;\n @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n font-size: ${(props) =>\n props.theme.font.sizeHeading.h7 * props.theme.font.sizeDefault.tablet}px;\n }\n\n @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n font-size: ${(props) =>\n props.theme.font.sizeHeading.h7 * props.theme.font.sizeDefault.mobile}px;\n }\n `\n : value.variant === 'h8'\n ? css`\n font-size: ${(props) =>\n props.theme.font.sizeHeading.h8 * props.theme.font.sizeDefault.default}px;\n line-height: ${(props) => props.theme.font.lineHeight};\n margin: 0;\n @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n font-size: ${(props) =>\n props.theme.font.sizeHeading.h8 * props.theme.font.sizeDefault.tablet}px;\n }\n\n @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n font-size: ${(props) =>\n props.theme.font.sizeHeading.h8 * props.theme.font.sizeDefault.mobile}px;\n }\n `\n : value.variant === 'h9'\n ? css`\n font-size: ${(props) =>\n props.theme.font.sizeHeading.h9 * props.theme.font.sizeDefault.default}px;\n line-height: ${(props) => props.theme.font.lineHeight};\n margin: 0;\n @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n font-size: ${(props) =>\n props.theme.font.sizeHeading.h9 * props.theme.font.sizeDefault.tablet}px;\n }\n\n @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n font-size: ${(props) =>\n props.theme.font.sizeHeading.h9 * props.theme.font.sizeDefault.mobile}px;\n }\n `\n : null\n : null\n };\n `;\n}\n\nexport const addSXTypography = css<addSXTypographyStyleProps>`\n ${(props) => {\n const rawSX = props.$sxTypography;\n if (!rawSX) return null;\n return toStyledCSS(rawSX.default);\n }}\n\n ${(props) => {\n const rawSX = props.$sxTypography;\n if (!rawSX) return null;\n\n return Object.entries(rawSX)\n .filter(([key]) => key !== 'default')\n .map(([deviceKey, value]) => {\n const screenWidth = props.theme.screens[deviceKey as keyof typeof props.theme.screens]?.width;\n if (!screenWidth) return null;\n return css`\n @media (max-width: ${screenWidth}px) {\n ${toStyledCSS(value)}\n }\n `;\n });\n }}\n`;\n\nconst TypographyCSS = css<TypographyCSSProps>`\n font-style: normal;\n position: relative;\n overflow: visible;\n text-overflow: ellipsis;\n overflow-wrap: anywhere;\n line-height: ${(props) => props.theme.font.lineHeight};\n ${addSXTypography};\n ${addSXStandard}\n`;\n\nexport const Title = styled.span<TypographyCSSProps>`\n ${TypographyCSS}\n ${addOutline}\n`;\n","import { KEY_SIZE_DATA } from '@local/theme';\n\nimport { autoUpdate, flip, offset, shift, useFloating } from '@floating-ui/react';\nimport { AnimatePresence } from 'framer-motion';\nimport { FC, Ref, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport ReactDOM from 'react-dom';\nimport { useTheme } from 'styled-components';\n\nimport { DEFAULT_POPOVER_CLOSE_DELAY, DEFAULT_POPOVER_OFFSET, PopoverProps, PopoverWrapper, UsePopoverProps } from '.';\n\nexport const Popover: FC<PopoverProps> = (props) => {\n const theme = useTheme();\n return ReactDOM.createPortal(\n <AnimatePresence>\n {props.isOpen && (\n <div\n tabIndex={-1}\n ref={props.ref as Ref<HTMLDivElement | null>}\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n ...props.floatingStyles,\n transform: props.floatingStyles.transform,\n zIndex: 9999,\n }}\n >\n <PopoverWrapper\n tabIndex={-1}\n $isShowAlwaysOutline={props.isShowAlwaysOutline}\n $genre={props.genre ?? 'black'}\n $font={{\n size: props.font?.size ?? KEY_SIZE_DATA[props.size ?? 'medium'].font,\n weight: props.font?.weight ?? 700,\n family: props.font?.family ?? theme.font.family,\n height: props.font?.height,\n }}\n className={props.className}\n initial={{ opacity: 0, scale: 0.95 }}\n animate={{ opacity: 1, scale: 1 }}\n exit={{ opacity: 0, scale: 0.95 }}\n transition={{ duration: 0.2 }}\n $sx={props.sx}\n $size={props.size}\n $sxTypography={props.sxTypography}\n $maxHeight={props.maxHeight}\n $maxWidth={props.maxWidth}\n >\n {props.children}\n </PopoverWrapper>\n </div>\n )}\n </AnimatePresence>,\n document.body,\n );\n};\n\nexport const usePopover = (props: UsePopoverProps) => {\n const { onFocus, onBlur, onBlurReference } = props;\n\n // Состояние открытия поповера\n const [isOpen, setIsOpen] = useState(false);\n // Минимальная ширина поповера (нужна, если хотим, чтобы ширина совпадала с референсом)\n const [minWidth, setMinWidth] = useState<number | undefined>(undefined);\n // Флаг, был ли поповер когда-либо открыт (чтобы onBlur не вызывался при первом рендере)\n const [wasEverOpen, setWasEverOpen] = useState(false);\n\n // Позиционирование через floating-ui\n const {\n refs,\n floatingStyles,\n update,\n placement: actualPlacement,\n } = useFloating({\n open: isOpen,\n placement: props.placement,\n middleware: [offset(props.offset ?? 8), flip(), shift()],\n whileElementsMounted: autoUpdate,\n });\n\n // Сохраняем обработчик клика вне поповера (чтобы можно было удалить при cleanup)\n const clickOutsideHandler = useRef<((e: MouseEvent) => void) | null>(null);\n // Таймаут для закрытия при hover-режиме\n const hoverCloseTimeout = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n // Отступ для hover-зоны (чтобы не закрывался мгновенно при небольших движениях мыши)\n const hoverOffset = useMemo(\n () => props.hoverOffset ?? props.offset ?? DEFAULT_POPOVER_OFFSET,\n [props.hoverOffset, props.offset],\n );\n // Задержка перед закрытием при hover\n const hoverCloseDelay = useMemo(() => props.hoverCloseDelay ?? DEFAULT_POPOVER_CLOSE_DELAY, [props.hoverCloseDelay]);\n\n /**\n * Навешиваем обработчики на reference-элемент в зависимости от режима:\n * - click / clickOpen → открытие/переключение по клику\n * - hover → открытие/закрытие при наведении\n */\n useEffect(() => {\n if (props.isDisabled) return;\n const refEl = refs.reference.current;\n if (!refEl) return;\n\n // Режим клика\n if ((props.mode === 'click' || props.mode === 'clickOpen') && refEl instanceof HTMLElement) {\n const handleClick = () => {\n if (props.mode === 'click') {\n setIsOpen((prev) => !prev);\n } else if (props.mode === 'clickOpen') {\n setIsOpen(true);\n }\n };\n\n refEl.addEventListener('click', handleClick);\n return () => {\n refEl.removeEventListener('click', handleClick);\n };\n\n // Режим ховера\n } else if (props.mode === 'hover' && refEl instanceof HTMLElement) {\n const handleMouseEnter = () => {\n setIsOpen(true);\n };\n const handleMouseLeave = () => {\n if (hoverCloseTimeout.current) clearTimeout(hoverCloseTimeout.current);\n hoverCloseTimeout.current = setTimeout(() => setIsOpen(false), hoverCloseDelay);\n };\n\n refEl.addEventListener('mouseenter', handleMouseEnter);\n refEl.addEventListener('mouseleave', handleMouseLeave);\n return () => {\n refEl.removeEventListener('mouseenter', handleMouseEnter);\n refEl.removeEventListener('mouseleave', handleMouseLeave);\n if (hoverCloseTimeout.current) clearTimeout(hoverCloseTimeout.current);\n };\n }\n }, [props.mode, refs.reference, hoverCloseDelay, props.isDisabled]);\n\n // Автоматическое обновление позиции, пока поповер открыт\n useEffect(() => {\n if (!isOpen || !refs.reference.current || !refs.floating.current || props.isDisabled) return;\n\n const cleanup = autoUpdate(refs.reference.current, refs.floating.current, update);\n\n return () => cleanup();\n }, [isOpen, refs.reference, refs.floating, update, props.isDisabled]);\n\n /**\n * Логика закрытия поповера при клике вне него\n */\n useEffect(() => {\n if (!isOpen || !refs.reference.current || !refs.floating.current || props.isDisabled) return;\n\n if (props.isClickOutside) {\n clickOutsideHandler.current = (e: MouseEvent) => {\n const refEl = refs.reference.current;\n const floatingEl = refs.floating.current;\n const otherRefs = props.refsExcludeClickOutside || [];\n\n // Проверяем, что клик не по поповеру, не по reference и не по исключенным ref'ам\n if (\n refEl instanceof HTMLElement &&\n floatingEl instanceof HTMLElement &&\n !refEl.contains(e.target as Node) &&\n !floatingEl.contains(e.target as Node) &&\n !otherRefs.some((ref) => {\n if (typeof ref === 'object' && ref !== null && 'current' in ref) {\n return (ref.current as HTMLElement | null)?.contains(e.target as Node);\n }\n return false;\n })\n ) {\n setIsOpen(false);\n }\n };\n\n document.addEventListener('mousedown', clickOutsideHandler.current);\n }\n\n return () => {\n if (clickOutsideHandler.current) {\n document.removeEventListener('mousedown', clickOutsideHandler.current);\n clickOutsideHandler.current = null;\n }\n if (hoverCloseTimeout.current) {\n clearTimeout(hoverCloseTimeout.current);\n }\n };\n }, [isOpen, refs.reference, refs.floating, props.isClickOutside, props.isDisabled, props.refsExcludeClickOutside]);\n\n /**\n * Поддержка режима \"плавающего hover\"\n * Закрывает поповер, если мышь ушла за пределы reference+floating с отступом\n */\n useEffect(() => {\n if (!isOpen || !props.isFloatingHover || !refs.reference.current || !refs.floating.current || props.isDisabled)\n return;\n\n const refEl = refs.reference.current;\n const floatingEl = refs.floating.current;\n\n const handleMouseMove = (e: MouseEvent) => {\n const mouseX = e.clientX;\n const mouseY = e.clientY;\n\n const refRect = refEl.getBoundingClientRect();\n const floatingRect = floatingEl.getBoundingClientRect();\n\n // Находим, внутри ли курсор reference или floating с учётом отступа\n const isInsideRef =\n mouseX >= refRect.left - hoverOffset &&\n mouseX <= refRect.right + hoverOffset &&\n mouseY >= refRect.top - hoverOffset &&\n mouseY <= refRect.bottom + hoverOffset;\n\n const isInsideFloating =\n mouseX >= floatingRect.left - hoverOffset &&\n mouseX <= floatingRect.right + hoverOffset &&\n mouseY >= floatingRect.top - hoverOffset &&\n mouseY <= floatingRect.bottom + hoverOffset;\n\n if (isInsideRef || isInsideFloating) {\n // Если вернулись внутрь — отменяем закрытие\n if (hoverCloseTimeout.current) {\n clearTimeout(hoverCloseTimeout.current);\n hoverCloseTimeout.current = null;\n }\n } else {\n // Если вышли — запускаем таймер на закрытие\n if (hoverCloseTimeout.current) clearTimeout(hoverCloseTimeout.current);\n hoverCloseTimeout.current = setTimeout(() => setIsOpen(false), hoverCloseDelay);\n }\n };\n\n document.addEventListener('mousemove', handleMouseMove);\n\n return () => {\n document.removeEventListener('mousemove', handleMouseMove);\n if (hoverCloseTimeout.current) {\n clearTimeout(hoverCloseTimeout.current);\n }\n };\n }, [isOpen, props.isFloatingHover, refs.reference, refs.floating, hoverOffset, hoverCloseDelay, props.isDisabled]);\n\n /**\n * Устанавливаем минимальную ширину поповера, равную reference (если включено isWidthAsContent)\n */\n useLayoutEffect(() => {\n if (!props.isWidthAsContent || !refs.reference.current) return;\n const rect = refs.reference.current.getBoundingClientRect();\n setMinWidth(rect.width);\n }, [props.isWidthAsContent, refs.reference]);\n\n // Методы управления открытием\n const open = useCallback(() => {\n if (props.isDisabled) return;\n setIsOpen(true);\n }, [props.isDisabled]);\n const close = useCallback(() => {\n if (props.isDisabled) return;\n setIsOpen(false);\n }, [props.isDisabled]);\n const toggle = useCallback(() => {\n if (props.isDisabled) return;\n setIsOpen((prev) => !prev);\n }, [props.isDisabled]);\n\n // Объединяем стили floating-ui с дополнительными ограничениями по ширине\n const combinedStyles = useMemo(() => {\n return {\n ...floatingStyles,\n minWidth: props.isWidthAsContent && minWidth ? `${minWidth}px` : undefined,\n maxWidth: props.isWidthAsContent && minWidth ? `${minWidth}px` : undefined,\n };\n }, [floatingStyles, props.isWidthAsContent, minWidth]);\n\n /**\n * Вызываем onFocus при открытии\n * и запоминаем, что поповер хоть раз был открыт\n */\n useEffect(() => {\n if (isOpen) {\n onFocus?.();\n setWasEverOpen(true);\n }\n }, [isOpen, onFocus]);\n\n /**\n * Вызываем onBlur при первом закрытии после открытия\n */\n useEffect(() => {\n if (!isOpen && wasEverOpen) {\n onBlur?.();\n }\n }, [isOpen, wasEverOpen, onBlur]);\n\n /**\n * Закрытие при потере фокуса (focusin вне поповера + reference)\n * (но не на исключённые элементы)\n */\n useEffect(() => {\n if (!isOpen || props.isDisabled) return;\n\n const handleFocusIn = (e: FocusEvent) => {\n const refEl = refs.reference.current;\n const floatingEl = refs.floating.current;\n const otherRefs = props.refsExcludeClickOutside || [];\n\n const isInside =\n (refEl instanceof HTMLElement && refEl.contains(e.target as Node)) ||\n (floatingEl instanceof HTMLElement && floatingEl.contains(e.target as Node)) ||\n otherRefs.some((ref) => {\n if (ref && 'current' in ref && ref.current && ref.current instanceof HTMLElement) {\n return ref.current.contains(e.target as Node);\n }\n return false;\n });\n\n if (!isInside) {\n setIsOpen(false);\n }\n };\n\n document.addEventListener('focusin', handleFocusIn);\n\n return () => {\n document.removeEventListener('focusin', handleFocusIn);\n };\n }, [isOpen, refs.reference, refs.floating, props.refsExcludeClickOutside, props.isDisabled]);\n\n /**\n * Вызываем onBlurReference, если фокус ушёл с reference-элемента\n * (но не на исключённые элементы)\n */\n useEffect(() => {\n if (!refs.reference.current || props.isDisabled || !onBlurReference) return;\n\n const refEl = refs.reference.current;\n const otherRefs = props.refsExcludeBlur || [];\n\n const handleBlur = (e: FocusEvent) => {\n if (\n refEl instanceof HTMLElement &&\n !refEl.contains(e.relatedTarget as Node) &&\n !otherRefs.some((ref) => {\n if (ref && 'current' in ref && ref.current && ref.current instanceof HTMLElement)\n return ref.current.contains(e.relatedTarget as Node);\n })\n ) {\n onBlurReference();\n }\n };\n\n if (refEl instanceof HTMLElement) refEl.addEventListener('blur', handleBlur, true);\n\n return () => {\n if (refEl instanceof HTMLElement) refEl.removeEventListener('blur', handleBlur, true);\n };\n }, [refs.reference, props.isDisabled, onBlurReference, props.refsExcludeBlur]);\n\n /**\n * Функция возвращает true или false в зависимости от состояния от FocusEvent который находится внутри или снаружи\n */\n const getIsInside = useCallback(\n (target: Node | null) => {\n if (!target) return false; // если relatedTarget null, значит фокус ушёл вне окна — закрываем\n\n const refEl = refs.reference.current;\n const floatingEl = refs.floating.current;\n const otherRefs = props.refsExcludeBlur || [];\n\n return (\n (refEl instanceof HTMLElement && refEl.contains(target)) ||\n (floatingEl instanceof HTMLElement && floatingEl.contains(target)) ||\n otherRefs.some((ref) => {\n if (ref && 'current' in ref && ref.current && ref.current instanceof HTMLElement) {\n return ref.current.contains(target);\n }\n return false;\n })\n );\n },\n [refs.reference, refs.floating, props.refsExcludeBlur],\n );\n // Возвращаем наружу API для использования поповера\n return {\n getIsInside,\n isOpen,\n setIsOpen,\n open,\n close,\n toggle,\n refReference: refs.setReference as Ref<HTMLElement | null>,\n refFloating: refs.setFloating as Ref<HTMLElement | null>,\n floatingStyles: combinedStyles,\n placement: actualPlacement,\n };\n};\n","import { addSXTypography } from '@local/components/typography';\nimport { addAlwaysOutline, addFont } from '@local/styles/add';\nimport { addSX } from '@local/styles/sx';\nimport { IThemeSizePropertyDefault, KEY_SIZE_DATA } from '@local/theme';\n\nimport { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\n\nimport { StyledPopoverProps } from '.';\n\n/****************************************** Popover Genre *************************************************/\nconst addPopoverGenre = css<StyledPopoverProps>`\n ${(props) => css`\n background: ${props.theme.colors.button[props.$genre].background.rest};\n border-color: ${props.theme.colors.button[props.$genre].border.rest};\n color: ${props.theme.colors.button[props.$genre].color.rest};\n /* box-shadow: ${props.theme.effects.button}; */\n `};\n`;\n\n/****************************************** Popover Size *************************************************/\nexport const addPopoverSize = css<StyledPopoverProps>`\n ${(props) =>\n addPopoverSizeConstructor({\n ...KEY_SIZE_DATA[props.$size ?? 'medium'],\n })};\n`;\nexport const addPopoverSizeConstructor = (props: IThemeSizePropertyDefault) => css`\n display: flex;\n border-radius: ${props.radius}px;\n padding: ${props.padding}px;\n gap: ${props.padding - 2}px;\n`;\n\n/****************************************** Default *************************************************/\nexport const PopoverWrapper = styled(motion.div)<StyledPopoverProps>`\n max-width: ${(props) => props.$maxWidth || '100%'};\n max-height: ${(props) => props.$maxHeight || '100%'};\n overflow: auto;\n flex-direction: column;\n ${addFont};\n ${addPopoverSize};\n ${addAlwaysOutline};\n ${addSXTypography};\n ${addPopoverGenre};\n ${addSX};\n`;\n","export const DEFAULT_POPOVER_OFFSET = 8;\nexport const DEFAULT_POPOVER_CLOSE_DELAY = 100;\n","import { IThemeSizePropertyDefault, KEY_SIZE_DATA } from '@local/theme';\n\nimport styled, { css } from 'styled-components';\n\nimport { Popover, PopoverProps } from '../popover';\nimport { Stack } from '../stack';\n\nexport const TooltipContainer = styled(Stack)`\n display: flex;\n width: fit-content;\n height: fit-content;\n`;\n\nexport const addTooltipBoxSize = css<PopoverProps>`\n ${(props) =>\n addTooltipBoxSizeConstructor({\n ...KEY_SIZE_DATA[props.size ?? 'medium'],\n })};\n`;\nexport const addTooltipBoxSizeConstructor = (props: IThemeSizePropertyDefault) => css`\n gap: 0px;\n padding: ${props.padding}px ${props.padding}px 0px ${props.padding}px;\n :after {\n content: '';\n display: block;\n height: ${props.padding}px;\n width: 100%;\n }\n`;\n\n/****************************************** TooltipBox *************************************************/\nexport const TooltipBox = styled(Popover)`\n ${addTooltipBoxSize};\n`;\n","import { Typography } from '@local/components/typography';\n\nimport { FC, memo, Ref } from 'react';\n\nimport { usePopover } from '../popover';\nimport {\n DEFAULT_TOOLTIP_OFFSET_FALLBACK,\n DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,\n TooltipBox,\n TooltipContainer,\n TooltipProps,\n} from '.';\n\nexport const Tooltip: FC<TooltipProps> = memo((props) => {\n if (props.isDisabled) return <TooltipContainer sx={props.sx}>{props.children}</TooltipContainer>;\n\n return <TooltipContent {...props} />;\n});\n\nexport const TooltipContent: FC<TooltipProps> = (props) => {\n const { isOpen, refReference, refFloating, floatingStyles } = usePopover({\n placement: props.placement ?? DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,\n offset: props.offset ?? DEFAULT_TOOLTIP_OFFSET_FALLBACK,\n mode: props.mode ?? 'hover',\n isClickOutside: props.isClickOutside ?? true,\n isFloatingHover: props.isFloatingHover ?? true,\n isWidthAsContent: props.isWidthAsContent ?? false,\n hoverCloseDelay: props.hoverCloseDelay ?? undefined,\n hoverOffset: props.hoverOffset ?? undefined,\n });\n return (\n <>\n <TooltipContainer sx={props.sx} ref={refReference as Ref<HTMLDivElement | null>}>\n {props.children}\n </TooltipContainer>\n <TooltipBox\n size={props.size}\n isOpen={isOpen}\n genre={props.genre}\n floatingStyles={floatingStyles}\n ref={refFloating}\n maxHeight={props.maxHeight}\n maxWidth={props.maxWidth}\n >\n <Typography\n sx={\n props.sxTypography ?? {\n default: {\n size: 14,\n },\n }\n }\n >\n {props.content}\n </Typography>\n </TooltipBox>\n </>\n );\n};\n\nTooltip.displayName = 'Tooltip';\n","import { Placement } from '@floating-ui/react';\n\nexport const DEFAULT_TOOLTIP_PLACEMENT_FALLBACK: Placement = 'bottom-start';\nexport const DEFAULT_TOOLTIP_OFFSET_FALLBACK: number = 8;\n","import { useScreenWidth } from '@local/contexts/context-screen-width';\nimport { useOverflowing } from '@local/hooks/use-overflowing';\n\nimport { createLink, LinkProps } from '@tanstack/react-router';\nimport { memo, useMemo } from 'react';\n\nimport { Tooltip } from '../tooltip';\nimport { Title, TypographyCSSProps, TypographyProps, TypographyTooltipProps } from '.';\n\nconst TypographyWithRef = (props: TypographyProps) => {\n const { screenActual } = useScreenWidth();\n const cssProps: TypographyCSSProps & Pick<TypographyProps, 'onClick' | 'className' | 'style'> = useMemo(\n () => ({\n $sxTypography: props.sx,\n style: props.style,\n className: props.className,\n $sx: props.sxStandard,\n $isDisabledOutline: props.isDisabledOutline,\n $isOutlineBoxShadow: props.isOutlineBoxShadow,\n $isReadOnly: props.isReadOnly,\n onClick: props.onClick ? props.onClick : () => {},\n }),\n [\n props.sx,\n props.style,\n props.className,\n props.sxStandard,\n props.onClick,\n props.isDisabledOutline,\n props.isOutlineBoxShadow,\n props.isReadOnly,\n ],\n );\n\n const screenSX = useMemo(() => props.sx?.[screenActual] ?? props.sx?.default, [props.sx, screenActual]);\n\n if (screenSX && 'variant' in screenSX) {\n if (screenSX.variant === 'h7' || screenSX.variant === 'h8' || screenSX.variant === 'h9') {\n return (\n <Title\n // biome-ignore lint/suspicious/noExplicitAny: <explanation>\n ref={props.ref as any}\n as={props.isAnchor ? 'a' : props.isParagraph ? 'p' : props.isSpan ? 'span' : 'span'}\n href={props.href}\n {...cssProps}\n >\n {props.children}\n </Title>\n );\n } else {\n return (\n <Title\n // biome-ignore lint/suspicious/noExplicitAny: <explanation>\n ref={props.ref as any}\n as={props.isAnchor ? 'a' : props.isParagraph ? 'p' : props.isSpan ? 'span' : screenSX.variant}\n href={props.href}\n {...cssProps}\n >\n {props.children}\n </Title>\n );\n }\n }\n\n return (\n <Title\n // biome-ignore lint/suspicious/noExplicitAny: <explanation>\n ref={props.ref as any}\n as={props.isAnchor ? 'a' : props.isParagraph ? 'p' : props.isSpan ? 'span' : 'span'}\n href={props.href}\n {...cssProps}\n >\n {props.children}\n </Title>\n );\n};\n\nexport const Typography = (props: TypographyProps) => {\n return <TypographyWithRef {...props} />;\n};\n\nconst TypographySizeIsAnchor = (props: TypographyProps & LinkProps) => {\n return <TypographyWithRef isAnchor {...props} ref={props.ref} href={props.href} />;\n};\n\nexport const TypographyLink = createLink(TypographySizeIsAnchor);\n\nexport const TypographyTooltip = memo((props: TypographyTooltipProps) => {\n const { isDisabled, ref } = useOverflowing<HTMLDivElement>({\n isCheckSize: props.tooltip.isDisabled !== undefined ? !props.tooltip.isDisabled : true,\n dependencies: [props.children],\n });\n return (\n <Tooltip isDisabled={isDisabled} content={props.children} {...props.tooltip}>\n <TypographyWithRef ref={ref} {...props.typography} style={{ position: 'relative' }}>\n {props.children}\n </TypographyWithRef>\n </Tooltip>\n );\n});\n\nTypographyTooltip.displayName = 'TypographyTooltip';\nTypographyWithRef.displayName = 'TypographyWithRef';\nTypographySizeIsAnchor.displayName = 'TypographySizeIsAnchor';\n","\n\nimport { RefObject, useEffect, useMemo, useRef, useState } from 'react';\n\n\nimport { useDeepCompareMemoize } from '../use-deep-compare-memoize';\nimport { useTooltipProps } from '.';\n\n/**\n * Хук для отслеживания переполнения содержимого в элементе (или его родителе).\n * Возвращает ref для привязки к DOM-элементу, флаг переполнения и флаг isDisabled.\n * @param props - опциональные параметры для управления поведением проверки переполнения\n */\nexport function useOverflowing<T extends HTMLElement>(\n props?: useTooltipProps,\n): {\n isDisabled: boolean; // true, если нет переполнения\n isOverflowing: boolean; // true, если содержимое выходит за пределы контейнера\n ref: RefObject<HTMLElement | null>; // ref для отслеживания DOM-элемента\n} {\n // Нужно ли проверять размеры (по умолчанию true)\n const isCheckSize = useMemo(() => props?.isCheckSize ?? true, [props?.isCheckSize]);\n // Проверять ли переполнение относительно родителя (mode === 'parent')\n const isParentMode = useMemo(() => props?.mode === 'parent', [props?.mode]);\n\n // Состояние переполнения (может быть принудительно задано через props)\n const [isOverflowing, setIsOverflowing] = useState(\n props?.isOverflowing !== undefined ? props?.isOverflowing : false\n );\n // ref для отслеживания элемента\n const ref = useRef<T | null>(null);\n // Мемоизированные зависимости для эффекта (глубокое сравнение)\n const dependencies = useDeepCompareMemoize(props?.dependencies);\n\n useEffect(() => {\n // Если не нужно проверять размеры — выходим\n if (!isCheckSize) return;\n\n // Функция проверки переполнения\n const checkOverflow = () => {\n const el = ref.current;\n if (!el) return;\n\n // Получаем размеры содержимого и контейнера\n const scrollWidth = el.scrollWidth;\n const scrollHeight = el.scrollHeight;\n\n // Если parentMode — сравниваем с родителем, иначе с самим элементом\n const clientWidth = isParentMode && el.parentElement ? el.parentElement.clientWidth : el.clientWidth;\n const clientHeight = isParentMode && el.parentElement ? el.parentElement.clientHeight : el.clientHeight;\n\n // Считаем переполнение по ширине или высоте\n setIsOverflowing(scrollWidth > clientWidth || scrollHeight > clientHeight);\n };\n\n // Проверяем при монтировании и при изменении зависимостей\n checkOverflow();\n // Проверяем при изменении размера окна\n window.addEventListener('resize', checkOverflow);\n // Очищаем обработчик при размонтировании\n return () => window.removeEventListener('resize', checkOverflow);\n }, [dependencies, isCheckSize, isParentMode]);\n\n // isDisabled: true, если нет переполнения (можно использовать для отключения тултипа)\n return { isDisabled: !isOverflowing, ref: ref, isOverflowing };\n}\n"],"names":["shadowPulse","keyframes","toStyledCSS","value","css","shadow","letterSpacing","flex","cursor","overflow","line","family","weight","height","color","JeneseiPalette","align","wrap","decoration","transform","isHoverUnderlining","isNoUserSelect","size","variant","props","theme","font","sizeHeading","h1","sizeDefault","default","lineHeight","screens","tablet","width","mobile","h2","h3","h4","h5","h6","h7","h8","h9","addSXTypography","rawSX","$sxTypography","Object","entries","filter","key","map","deviceKey","screenWidth","_a","TypographyCSS","addSXStandard","Title","styled","span","addOutline","Popover","useTheme","ReactDOM","createPortal","jsx","AnimatePresence","children","isOpen","tabIndex","ref","style","position","top","left","floatingStyles","zIndex","PopoverWrapper","$isShowAlwaysOutline","isShowAlwaysOutline","$genre","genre","$font","KEY_SIZE_DATA","_b","_c","_d","className","initial","opacity","scale","animate","exit","transition","duration","$sx","sx","$size","sxTypography","$maxHeight","maxHeight","$maxWidth","maxWidth","document","body","usePopover","onFocus","onBlur","onBlurReference","setIsOpen","useState","minWidth","setMinWidth","wasEverOpen","setWasEverOpen","refs","update","placement","actualPlacement","useFloating","open","middleware","offset","flip","shift","whileElementsMounted","autoUpdate","clickOutsideHandler","useRef","hoverCloseTimeout","hoverOffset","useMemo","DEFAULT_POPOVER_OFFSET","hoverCloseDelay","DEFAULT_POPOVER_CLOSE_DELAY","useEffect","isDisabled","refEl","reference","current","mode","HTMLElement","handleClick","prev","addEventListener","removeEventListener","handleMouseEnter","handleMouseLeave","clearTimeout","setTimeout","floating","cleanup","isClickOutside","e","floatingEl","otherRefs","refsExcludeClickOutside","contains","target","some","isFloatingHover","handleMouseMove","mouseX","clientX","mouseY","clientY","refRect","getBoundingClientRect","floatingRect","isInsideRef","right","bottom","isInsideFloating","useLayoutEffect","isWidthAsContent","rect","useCallback","close","toggle","combinedStyles","handleFocusIn","refsExcludeBlur","handleBlur","relatedTarget","getIsInside","refReference","setReference","refFloating","setFloating","addPopoverGenre","colors","button","background","rest","border","effects","addPopoverSize","addPopoverSizeConstructor","radius","padding","motion","div","addFont","addAlwaysOutline","addSX","TooltipContainer","Stack","addTooltipBoxSize","addTooltipBoxSizeConstructor","TooltipBox","Tooltip","memo","TooltipContent","DEFAULT_TOOLTIP_PLACEMENT_FALLBACK","DEFAULT_TOOLTIP_OFFSET_FALLBACK","jsxs","Fragment","Typography","content","displayName","TypographyWithRef","screenActual","useScreenWidth","cssProps","sxStandard","$isDisabledOutline","isDisabledOutline","$isOutlineBoxShadow","isOutlineBoxShadow","$isReadOnly","isReadOnly","onClick","screenSX","as","isAnchor","isParagraph","isSpan","href","TypographySizeIsAnchor","TypographyLink","createLink","TypographyTooltip","isCheckSize","isParentMode","isOverflowing","setIsOverflowing","dependencies","useDeepCompareMemoize","checkOverflow","el","scrollWidth","scrollHeight","clientWidth","parentElement","clientHeight","window","useOverflowing","tooltip","typography"],"mappings":"8cAQMA,EAAcC,EAAAA,SAAAA;;;;;;;;;;EAYpB,SAASC,EAAYC,GACnB,OAAOC,EAAAA,GAAAA;MAEHD,EAAME,QACW,gBAAjBF,EAAME,QACND,EAAAA,GAAAA;mBACaJ;;MAIbG,EAAMG,eACNF,EAAAA,GAAAA;wBACkBD,EAAMG;;MAIxBH,EAAMI,MACNH,EAAAA,GAAAA;cACQD,EAAMI;;MAIdJ,EAAMK,QACNJ,EAAAA,GAAAA;gBACUD,EAAMK;;MAIhBL,EAAMM,UACNL,EAAAA,GAAAA;kBACYD,EAAMM;;WAIH,IAAfN,EAAMO,KACa,IAAfP,EAAMO,KACJN,EAAAA,GAAAA;;;;;;YAOAA,EAAAA,GAAAA;;;;;;;kCAOsBD,EAAMO;;;YAI9BN,EAAAA,GAAAA;MAGJD,EAAMQ,QACNP,EAAAA,GAAAA;qBACeD,EAAMQ;;MAIrBR,EAAMS,QACNR,EAAAA,GAAAA;qBACeD,EAAMS;;MAIrBT,EAAMU,QACNT,EAAAA,GAAAA;qBACeD,EAAMU;;MAIrBV,EAAMW,OACNV,EAAAA,GAAAA;eACSW,EAAAA,eAAeZ,EAAMW;;MAI9BX,EAAMa,OACNZ,EAAAA,GAAAA;oBACcD,EAAMa;;MAIpBb,EAAMc,MACNb,EAAAA,GAAAA;mBACaD,EAAMc;;MAInBd,EAAMe,YACNd,EAAAA,GAAAA;yBACmBD,EAAMe;;MAIzBf,EAAMgB,WACNf,EAAAA,GAAAA;wBACkBD,EAAMgB;;MAIxBhB,EAAMiB,oBACNhB,EAAAA,GAAAA;;;;;MAOAD,EAAMkB,gBACNjB,EAAAA,GAAAA;;;;;;MAQA,SAAUD,GACVA,EAAMmB,MACNlB,EAAAA,GAAAA;mBACaD,EAAMmB;;MAInB,YAAanB,GAASA,EAAMoB,QACN,OAAlBpB,EAAMoB,QACJnB,EAAAA,GAAAA;yBACcoB,GAAUA,EAAMC,MAAMC,KAAKC,YAAYC,GAAKJ,EAAMC,MAAMC,KAAKG,YAAYC;2BACvEN,GAAUA,EAAMC,MAAMC,KAAKK;;iCAErBP,GAAUA,EAAMC,MAAMO,QAAQC,OAAOC;2BAC3CV,GAAUA,EAAMC,MAAMC,KAAKC,YAAYC,GAAKJ,EAAMC,MAAMC,KAAKG,YAAYI;;;iCAGnET,GAAUA,EAAMC,MAAMO,QAAQG,OAAOD;2BAC3CV,GAAUA,EAAMC,MAAMC,KAAKC,YAAYC,GAAKJ,EAAMC,MAAMC,KAAKG,YAAYM;;YAGvE,OAAlBhC,EAAMoB,QACJnB,EAAAA,GAAAA;2BACcoB,GAAUA,EAAMC,MAAMC,KAAKC,YAAYS,GAAKZ,EAAMC,MAAMC,KAAKG,YAAYC;6BACvEN,GAAUA,EAAMC,MAAMC,KAAKK;;mCAErBP,GAAUA,EAAMC,MAAMO,QAAQC,OAAOC;6BAC3CV,GAAUA,EAAMC,MAAMC,KAAKC,YAAYS,GAAKZ,EAAMC,MAAMC,KAAKG,YAAYI;;;mCAGnET,GAAUA,EAAMC,MAAMO,QAAQG,OAAOD;6BAC3CV,GAAUA,EAAMC,MAAMC,KAAKC,YAAYS,GAAKZ,EAAMC,MAAMC,KAAKG,YAAYM;;cAGvE,OAAlBhC,EAAMoB,QACJnB,EAAAA,GAAAA;6BACcoB,GAAUA,EAAMC,MAAMC,KAAKC,YAAYU,GAAKb,EAAMC,MAAMC,KAAKG,YAAYC;+BACvEN,GAAUA,EAAMC,MAAMC,KAAKK;;qCAErBP,GAAUA,EAAMC,MAAMO,QAAQC,OAAOC;+BAC3CV,GAAUA,EAAMC,MAAMC,KAAKC,YAAYU,GAAKb,EAAMC,MAAMC,KAAKG,YAAYI;;;qCAGnET,GAAUA,EAAMC,MAAMO,QAAQG,OAAOD;+BAC3CV,GAAUA,EAAMC,MAAMC,KAAKC,YAAYU,GAAKb,EAAMC,MAAMC,KAAKG,YAAYM;;gBAGvE,OAAlBhC,EAAMoB,QACJnB,EAAAA,GAAAA;+BACcoB,GAAUA,EAAMC,MAAMC,KAAKC,YAAYW,GAAKd,EAAMC,MAAMC,KAAKG,YAAYC;iCACvEN,GAAUA,EAAMC,MAAMC,KAAKK;;uCAErBP,GAAUA,EAAMC,MAAMO,QAAQC,OAAOC;iCAC3CV,GAAUA,EAAMC,MAAMC,KAAKC,YAAYW,GAAKd,EAAMC,MAAMC,KAAKG,YAAYI;;;uCAGnET,GAAUA,EAAMC,MAAMO,QAAQG,OAAOD;iCAC3CV,GAAUA,EAAMC,MAAMC,KAAKC,YAAYW,GAAKd,EAAMC,MAAMC,KAAKG,YAAYM;;kBAGvE,OAAlBhC,EAAMoB,QACJnB,EAAAA,GAAAA;iCACcoB,GAAUA,EAAMC,MAAMC,KAAKC,YAAYY,GAAKf,EAAMC,MAAMC,KAAKG,YAAYC;mCACvEN,GAAUA,EAAMC,MAAMC,KAAKK;;yCAErBP,GAAUA,EAAMC,MAAMO,QAAQC,OAAOC;mCAC3CV,GAAUA,EAAMC,MAAMC,KAAKC,YAAYY,GAAKf,EAAMC,MAAMC,KAAKG,YAAYI;;;yCAGnET,GAAUA,EAAMC,MAAMO,QAAQG,OAAOD;mCAC3CV,GAAUA,EAAMC,MAAMC,KAAKC,YAAYY,GAAKf,EAAMC,MAAMC,KAAKG,YAAYM;;oBAGvE,OAAlBhC,EAAMoB,QACJnB,EAAAA,GAAAA;mCACcoB,GAAUA,EAAMC,MAAMC,KAAKC,YAAYa,GAAKhB,EAAMC,MAAMC,KAAKG,YAAYC;qCACvEN,GAAUA,EAAMC,MAAMC,KAAKK;;2CAErBP,GAAUA,EAAMC,MAAMO,QAAQC,OAAOC;qCAC3CV,GAAUA,EAAMC,MAAMC,KAAKC,YAAYa,GAAKhB,EAAMC,MAAMC,KAAKG,YAAYI;;;2CAGnET,GAAUA,EAAMC,MAAMO,QAAQG,OAAOD;qCAC3CV,GAAUA,EAAMC,MAAMC,KAAKC,YAAYa,GAAKhB,EAAMC,MAAMC,KAAKG,YAAYM;;sBAGvE,OAAlBhC,EAAMoB,QACJnB,EAAAA,GAAAA;qCACcoB,GAAUA,EAAMC,MAAMC,KAAKC,YAAYc,GAAKjB,EAAMC,MAAMC,KAAKG,YAAYC;uCACvEN,GAAUA,EAAMC,MAAMC,KAAKK;;6CAErBP,GAAUA,EAAMC,MAAMO,QAAQC,OAAOC;uCAC3CV,GACZA,EAAMC,MAAMC,KAAKC,YAAYc,GAAKjB,EAAMC,MAAMC,KAAKG,YAAYI;;;6CAG7CT,GAAUA,EAAMC,MAAMO,QAAQG,OAAOD;uCAC3CV,GACZA,EAAMC,MAAMC,KAAKC,YAAYc,GAAKjB,EAAMC,MAAMC,KAAKG,YAAYM;;wBAGjD,OAAlBhC,EAAMoB,QACJnB,EAAAA,GAAAA;uCACcoB,GACZA,EAAMC,MAAMC,KAAKC,YAAYe,GAAKlB,EAAMC,MAAMC,KAAKG,YAAYC;yCACjDN,GAAUA,EAAMC,MAAMC,KAAKK;;+CAErBP,GAAUA,EAAMC,MAAMO,QAAQC,OAAOC;yCAC3CV,GACZA,EAAMC,MAAMC,KAAKC,YAAYe,GAAKlB,EAAMC,MAAMC,KAAKG,YAAYI;;;+CAG7CT,GAAUA,EAAMC,MAAMO,QAAQG,OAAOD;yCAC3CV,GACZA,EAAMC,MAAMC,KAAKC,YAAYe,GAAKlB,EAAMC,MAAMC,KAAKG,YAAYM;;0BAGjD,OAAlBhC,EAAMoB,QACJnB,EAAAA,GAAAA;yCACcoB,GACZA,EAAMC,MAAMC,KAAKC,YAAYgB,GAAKnB,EAAMC,MAAMC,KAAKG,YAAYC;2CACjDN,GAAUA,EAAMC,MAAMC,KAAKK;;iDAErBP,GAAUA,EAAMC,MAAMO,QAAQC,OAAOC;2CAC3CV,GACZA,EAAMC,MAAMC,KAAKC,YAAYgB,GAAKnB,EAAMC,MAAMC,KAAKG,YAAYI;;;iDAG7CT,GAAUA,EAAMC,MAAMO,QAAQG,OAAOD;2CAC3CV,GACZA,EAAMC,MAAMC,KAAKC,YAAYgB,GAAKnB,EAAMC,MAAMC,KAAKG,YAAYM;;4BAGnE,KAClB;GAGV,CAEO,MAAMS,EAAkBxC,EAAAA,GAAAA;IAC1BoB,IACD,MAAMqB,EAAQrB,EAAMsB,cACpB,OAAKD,EACE3C,EAAY2C,EAAMf,SADN;;IAIlBN,IACD,MAAMqB,EAAQrB,EAAMsB,cACpB,OAAKD,EAEEE,OAAOC,QAAQH,GACnBI,OAAO,EAAEC,KAAiB,YAARA,GAClBC,IAAI,EAAEC,EAAWjD,YAChB,MAAMkD,EAAc,OAAAC,EAAA9B,EAAMC,MAAMO,QAAQoB,SAApB,EAAAE,EAAoEpB,MACxF,OAAKmB,EACEjD,EAAAA,GAAAA;+BACgBiD;cACjBnD,EAAYC;;UAHO,OANV;EAgBjBoD,EAAgBnD,EAAAA,GAAAA;;;;;;iBAMJoB,GAAUA,EAAMC,MAAMC,KAAKK;IACzCa;IACAY,EAAAA;EAGSC,EAAQC,EAAOC,IAAA;IACxBJ;IACAK,EAAAA;ECrTG,MAAMC,EAA6BrC,gBACxC,MAAMC,EAAQqC,EAAAA,WACd,OAAOC,EAASC,aACdC,EAAAA,kBAAAA,IAACC,EAAAA,gBAAA,CACEC,SAAA3C,EAAM4C,QACLH,EAAAA,kBAAAA,IAAC,MAAA,CACCI,UAAU,EACVC,IAAK9C,EAAM8C,IACXC,MAAO,CACLC,SAAU,WACVC,IAAK,EACLC,KAAM,KACHlD,EAAMmD,eACTxD,UAAWK,EAAMmD,eAAexD,UAChCyD,OAAQ,MAGVT,WAAAF,kBAAAA,IAACY,EAAA,CACCR,UAAU,EACVS,qBAAsBtD,EAAMuD,oBAC5BC,OAAQxD,EAAMyD,OAAS,QACvBC,MAAO,CACL5D,MAAM,OAAAgC,EAAA9B,EAAME,WAAN,EAAA4B,EAAYhC,OAAQ6D,EAAAA,cAAc3D,EAAMF,MAAQ,UAAUI,KAChEd,QAAQ,OAAAwE,EAAA5D,EAAME,WAAN,EAAA0D,EAAYxE,SAAU,IAC9BD,QAAQ,OAAA0E,EAAA7D,EAAME,WAAN,EAAA2D,EAAY1E,SAAUc,EAAMC,KAAKf,OACzCE,OAAQ,OAAAyE,EAAA9D,EAAME,WAAN,EAAA4D,EAAYzE,QAEtB0E,UAAW/D,EAAM+D,UACjBC,QAAS,CAAEC,QAAS,EAAGC,MAAO,KAC9BC,QAAS,CAAEF,QAAS,EAAGC,MAAO,GAC9BE,KAAM,CAAEH,QAAS,EAAGC,MAAO,KAC3BG,WAAY,CAAEC,SAAU,IACxBC,IAAKvE,EAAMwE,GACXC,MAAOzE,EAAMF,KACbwB,cAAetB,EAAM0E,aACrBC,WAAY3E,EAAM4E,UAClBC,UAAW7E,EAAM8E,SAEhBnC,SAAA3C,EAAM2C,eAKfoC,SAASC,OAIAC,EAAcjF,IACzB,MAAMkF,QAAEA,EAAAC,OAASA,EAAAC,gBAAQA,GAAoBpF,GAGtC4C,EAAQyC,GAAaC,EAAAA,UAAS,IAE9BC,EAAUC,GAAeF,EAAAA,cAA6B,IAEtDG,EAAaC,GAAkBJ,EAAAA,UAAS,IAGzCK,KACJA,EAAAxC,eACAA,EAAAyC,OACAA,EACAC,UAAWC,GACTC,cAAY,CACdC,KAAMpD,EACNiD,UAAW7F,EAAM6F,UACjBI,WAAY,CAACC,EAAAA,OAAOlG,EAAMkG,QAAU,GAAIC,EAAAA,OAAQC,EAAAA,SAChDC,qBAAsBC,EAAAA,aAIlBC,EAAsBC,EAAAA,OAAyC,MAE/DC,EAAoBD,EAAAA,OAA6C,MAGjEE,EAAcC,EAAAA,QAClB,IAAM3G,EAAM0G,aAAe1G,EAAMkG,QAAUU,EAC3C,CAAC5G,EAAM0G,YAAa1G,EAAMkG,SAGtBW,EAAkBF,EAAAA,QAAQ,IAAM3G,EAAM6G,iBAAmBC,EAA6B,CAAC9G,EAAM6G,kBAOnGE,EAAAA,UAAU,KACR,GAAI/G,EAAMgH,WAAY,OACtB,MAAMC,EAAQtB,EAAKuB,UAAUC,QAC7B,GAAKF,EAAL,CAGA,IAAoB,UAAfjH,EAAMoH,MAAmC,cAAfpH,EAAMoH,OAAyBH,aAAiBI,YAAa,CAC1F,MAAMC,EAAc,KACC,UAAftH,EAAMoH,KACR/B,EAAWkC,IAAUA,GACG,cAAfvH,EAAMoH,MACf/B,GAAU,IAKd,OADA4B,EAAMO,iBAAiB,QAASF,GACzB,KACLL,EAAMQ,oBAAoB,QAASH,GACrC,CAAA,GAGwB,UAAftH,EAAMoH,MAAoBH,aAAiBI,YAAa,CACjE,MAAMK,EAAmB,KACvBrC,GAAU,IAENsC,EAAmB,KACnBlB,EAAkBU,SAASS,aAAanB,EAAkBU,SAC9DV,EAAkBU,QAAUU,WAAW,IAAMxC,GAAU,GAAQwB,IAKjE,OAFAI,EAAMO,iBAAiB,aAAcE,GACrCT,EAAMO,iBAAiB,aAAcG,GAC9B,KACLV,EAAMQ,oBAAoB,aAAcC,GACxCT,EAAMQ,oBAAoB,aAAcE,GACpClB,EAAkBU,SAASS,aAAanB,EAAkBU,SAChE,CAjCU,GAmCX,CAACnH,EAAMoH,KAAMzB,EAAKuB,UAAWL,EAAiB7G,EAAMgH,aAGvDD,EAAAA,UAAU,KACR,IAAKnE,IAAW+C,EAAKuB,UAAUC,UAAYxB,EAAKmC,SAASX,SAAWnH,EAAMgH,WAAY,OAEtF,MAAMe,EAAUzB,aAAWX,EAAKuB,UAAUC,QAASxB,EAAKmC,SAASX,QAASvB,GAE1E,MAAO,IAAMmC,KACZ,CAACnF,EAAQ+C,EAAKuB,UAAWvB,EAAKmC,SAAUlC,EAAQ5F,EAAMgH,aAKzDD,EAAAA,UAAU,KACR,GAAKnE,GAAW+C,EAAKuB,UAAUC,SAAYxB,EAAKmC,SAASX,UAAWnH,EAAMgH,WA4B1E,OA1BIhH,EAAMgI,iBACRzB,EAAoBY,QAAWc,IAC7B,MAAMhB,EAAQtB,EAAKuB,UAAUC,QACvBe,EAAavC,EAAKmC,SAASX,QAC3BgB,EAAYnI,EAAMoI,yBAA2B,GAIjDnB,aAAiBI,aACjBa,aAAsBb,cACrBJ,EAAMoB,SAASJ,EAAEK,UACjBJ,EAAWG,SAASJ,EAAEK,UACtBH,EAAUI,KAAMzF,UACf,MAAmB,iBAARA,GAA4B,OAARA,GAAgB,YAAaA,IAClD,OAAAhB,EAAAgB,EAAIqE,cAAJ,EAAArF,EAAoCuG,SAASJ,EAAEK,YAK3DjD,GAAU,IAIdN,SAASyC,iBAAiB,YAAajB,EAAoBY,UAGtD,KACDZ,EAAoBY,UACtBpC,SAAS0C,oBAAoB,YAAalB,EAAoBY,SAC9DZ,EAAoBY,QAAU,MAE5BV,EAAkBU,SACpBS,aAAanB,EAAkBU,WAGlC,CAACvE,EAAQ+C,EAAKuB,UAAWvB,EAAKmC,SAAU9H,EAAMgI,eAAgBhI,EAAMgH,WAAYhH,EAAMoI,0BAMzFrB,EAAAA,UAAU,KACR,IAAKnE,IAAW5C,EAAMwI,kBAAoB7C,EAAKuB,UAAUC,UAAYxB,EAAKmC,SAASX,SAAWnH,EAAMgH,WAClG,OAEF,MAAMC,EAAQtB,EAAKuB,UAAUC,QACvBe,EAAavC,EAAKmC,SAASX,QAE3BsB,EAAmBR,IACvB,MAAMS,EAAST,EAAEU,QACXC,EAASX,EAAEY,QAEXC,EAAU7B,EAAM8B,wBAChBC,EAAed,EAAWa,wBAG1BE,EACJP,GAAUI,EAAQ5F,KAAOwD,GACzBgC,GAAUI,EAAQI,MAAQxC,GAC1BkC,GAAUE,EAAQ7F,IAAMyD,GACxBkC,GAAUE,EAAQK,OAASzC,EAEvB0C,EACJV,GAAUM,EAAa9F,KAAOwD,GAC9BgC,GAAUM,EAAaE,MAAQxC,GAC/BkC,GAAUI,EAAa/F,IAAMyD,GAC7BkC,GAAUI,EAAaG,OAASzC,EAE9BuC,GAAeG,EAEb3C,EAAkBU,UACpBS,aAAanB,EAAkBU,SAC/BV,EAAkBU,QAAU,OAI1BV,EAAkBU,SAASS,aAAanB,EAAkBU,SAC9DV,EAAkBU,QAAUU,WAAW,IAAMxC,GAAU,GAAQwB,KAMnE,OAFA9B,SAASyC,iBAAiB,YAAaiB,GAEhC,KACL1D,SAAS0C,oBAAoB,YAAagB,GACtChC,EAAkBU,SACpBS,aAAanB,EAAkBU,WAGlC,CAACvE,EAAQ5C,EAAMwI,gBAAiB7C,EAAKuB,UAAWvB,EAAKmC,SAAUpB,EAAaG,EAAiB7G,EAAMgH,aAKtGqC,EAAAA,gBAAgB,KACd,IAAKrJ,EAAMsJ,mBAAqB3D,EAAKuB,UAAUC,QAAS,OACxD,MAAMoC,EAAO5D,EAAKuB,UAAUC,QAAQ4B,wBACpCvD,EAAY+D,EAAK7I,QAChB,CAACV,EAAMsJ,iBAAkB3D,EAAKuB,YAGjC,MAAMlB,EAAOwD,EAAAA,YAAY,KACnBxJ,EAAMgH,YACV3B,GAAU,IACT,CAACrF,EAAMgH,aACJyC,EAAQD,EAAAA,YAAY,KACpBxJ,EAAMgH,YACV3B,GAAU,IACT,CAACrF,EAAMgH,aACJ0C,EAASF,EAAAA,YAAY,KACrBxJ,EAAMgH,YACV3B,EAAWkC,IAAUA,IACpB,CAACvH,EAAMgH,aAGJ2C,EAAiBhD,EAAAA,QAAQ,KACtB,IACFxD,EACHoC,SAAUvF,EAAMsJ,kBAAoB/D,EAAW,GAAGA,WAAe,EACjET,SAAU9E,EAAMsJ,kBAAoB/D,EAAW,GAAGA,WAAe,IAElE,CAACpC,EAAgBnD,EAAMsJ,iBAAkB/D,IAM5CwB,EAAAA,UAAU,KACJnE,IACF,MAAAsC,GAAAA,IACAQ,GAAe,KAEhB,CAAC9C,EAAQsC,IAKZ6B,EAAAA,UAAU,MACHnE,GAAU6C,IACb,MAAAN,GAAAA,MAED,CAACvC,EAAQ6C,EAAaN,IAMzB4B,EAAAA,UAAU,KACR,IAAKnE,GAAU5C,EAAMgH,WAAY,OAEjC,MAAM4C,EAAiB3B,IACrB,MAAMhB,EAAQtB,EAAKuB,UAAUC,QACvBe,EAAavC,EAAKmC,SAASX,QAC3BgB,EAAYnI,EAAMoI,yBAA2B,GAGhDnB,aAAiBI,aAAeJ,EAAMoB,SAASJ,EAAEK,SACjDJ,aAAsBb,aAAea,EAAWG,SAASJ,EAAEK,SAC5DH,EAAUI,KAAMzF,MACVA,GAAO,YAAaA,GAAOA,EAAIqE,SAAWrE,EAAIqE,mBAAmBE,cAC5DvE,EAAIqE,QAAQkB,SAASJ,EAAEK,UAMlCjD,GAAU,IAMd,OAFAN,SAASyC,iBAAiB,UAAWoC,GAE9B,KACL7E,SAAS0C,oBAAoB,UAAWmC,KAEzC,CAAChH,EAAQ+C,EAAKuB,UAAWvB,EAAKmC,SAAU9H,EAAMoI,wBAAyBpI,EAAMgH,aAMhFD,EAAAA,UAAU,KACR,IAAKpB,EAAKuB,UAAUC,SAAWnH,EAAMgH,aAAe5B,EAAiB,OAErE,MAAM6B,EAAQtB,EAAKuB,UAAUC,QACvBgB,EAAYnI,EAAM6J,iBAAmB,GAErCC,EAAc7B,IAEhBhB,aAAiBI,cAChBJ,EAAMoB,SAASJ,EAAE8B,iBACjB5B,EAAUI,KAAMzF,IACf,GAAIA,GAAO,YAAaA,GAAOA,EAAIqE,SAAWrE,EAAIqE,mBAAmBE,YACnE,OAAOvE,EAAIqE,QAAQkB,SAASJ,EAAE8B,kBAGlC3E,KAMJ,OAFI6B,aAAiBI,aAAaJ,EAAMO,iBAAiB,OAAQsC,GAAY,GAEtE,KACD7C,aAAiBI,aAAaJ,EAAMQ,oBAAoB,OAAQqC,GAAY,KAEjF,CAACnE,EAAKuB,UAAWlH,EAAMgH,WAAY5B,EAAiBpF,EAAM6J,kBA2B7D,MAAO,CACLG,YAvBkBR,EAAAA,YACjBlB,IACC,IAAKA,EAAQ,OAAO,EAEpB,MAAMrB,EAAQtB,EAAKuB,UAAUC,QACvBe,EAAavC,EAAKmC,SAASX,QAC3BgB,EAAYnI,EAAM6J,iBAAmB,GAE3C,OACG5C,aAAiBI,aAAeJ,EAAMoB,SAASC,IAC/CJ,aAAsBb,aAAea,EAAWG,SAASC,IAC1DH,EAAUI,KAAMzF,MACVA,GAAO,YAAaA,GAAOA,EAAIqE,SAAWrE,EAAIqE,mBAAmBE,cAC5DvE,EAAIqE,QAAQkB,SAASC,KAMpC,CAAC3C,EAAKuB,UAAWvB,EAAKmC,SAAU9H,EAAM6J,kBAKtCjH,SACAyC,YACAW,OACAyD,QACAC,SACAO,aAActE,EAAKuE,aACnBC,YAAaxE,EAAKyE,YAClBjH,eAAgBwG,EAChB9D,UAAWC,IChYTuE,EAAkBzL,EAAAA,GAAAA;IACnBoB,GAAUpB,EAAAA,GAAAA;kBACGoB,EAAMC,MAAMqK,OAAOC,OAAOvK,EAAMwD,QAAQgH,WAAWC;oBACjDzK,EAAMC,MAAMqK,OAAOC,OAAOvK,EAAMwD,QAAQkH,OAAOD;aACtDzK,EAAMC,MAAMqK,OAAOC,OAAOvK,EAAMwD,QAAQlE,MAAMmL;qBACtCzK,EAAMC,MAAM0K,QAAQJ;;EAK5BK,EAAiBhM,EAAAA,GAAAA;IACzBoB,GACD6K,EAA0B,IACrBlH,EAAAA,cAAc3D,EAAMyE,OAAS;EAGzBoG,EAA6B7K,GAAqCpB,EAAAA,GAAAA;;mBAE5DoB,EAAM8K;aACZ9K,EAAM+K;SACV/K,EAAM+K,QAAU;EAIZ1H,EAAiBnB,EAAO8I,EAAAA,OAAOC,IAAG;eAC/BjL,GAAUA,EAAM6E,WAAa;gBAC5B7E,GAAUA,EAAM2E,YAAc;;;IAG3CuG;IACAN;IACAO;IACA/J;IACAiJ;IACAe;EC7CSxE,EAAyB,EACzBE,EAA8B,ICM9BuE,EAAmBnJ,EAAOoJ,QAAK;;;;EAM/BC,EAAoB3M,EAAAA,GAAAA;IAC5BoB,GACDwL,EAA6B,IACxB7H,EAAAA,cAAc3D,EAAMF,MAAQ;EAGxB0L,EAAgCxL,GAAqCpB,EAAAA,GAAAA;;aAErEoB,EAAM+K,aAAa/K,EAAM+K,iBAAiB/K,EAAM+K;;;;cAI/C/K,EAAM+K;;;EAMPU,EAAavJ,EAAOG,EAAO;IACpCkJ;ECnBSG,EAA4BC,EAAAA,KAAM3L,GACzCA,EAAMgH,WAAmBvE,EAAAA,kBAAAA,IAAC4I,GAAiB7G,GAAIxE,EAAMwE,GAAK7B,SAAA3C,EAAM2C,mCAE5DiJ,EAAA,IAAmB5L,KAGhB4L,EAAoC5L,IAC/C,MAAM4C,OAAEA,EAAAqH,aAAQA,EAAAE,YAAcA,EAAAhH,eAAaA,GAAmB8B,EAAW,CACvEY,UAAW7F,EAAM6F,WAAagG,EAC9B3F,OAAQlG,EAAMkG,QAAU4F,EACxB1E,KAAMpH,EAAMoH,MAAQ,QACpBY,eAAgBhI,EAAMgI,iBAAkB,EACxCQ,gBAAiBxI,EAAMwI,kBAAmB,EAC1Cc,iBAAkBtJ,EAAMsJ,mBAAoB,EAC5CzC,gBAAiB7G,EAAM6G,sBAAmB,EAC1CH,YAAa1G,EAAM0G,kBAAe,IAEpC,SACEqF,kBAAAA,KAAAC,6BAAA,CACErJ,SAAA,CAAAF,EAAAA,kBAAAA,IAAC4I,GAAiB7G,GAAIxE,EAAMwE,GAAI1B,IAAKmH,EAClCtH,WAAMA,aAETF,kBAAAA,IAACgJ,EAAA,CACC3L,KAAME,EAAMF,KACZ8C,SACAa,MAAOzD,EAAMyD,MACbN,iBACAL,IAAKqH,EACLvF,UAAW5E,EAAM4E,UACjBE,SAAU9E,EAAM8E,SAEhBnC,WAAAF,kBAAAA,IAACwJ,EAAA,CACCzH,GACExE,EAAM0E,cAAgB,CACpBpE,QAAS,CACPR,KAAM,KAKX6C,SAAA3C,EAAMkM,gBAOjBR,EAAQS,YAAc,UC1Df,MAAMN,EAAgD,eAChDC,EAA0C,ECMjDM,EAAqBpM,IACzB,MAAMqM,aAAEA,GAAiBC,mBACnBC,EAA0F5F,EAAAA,QAC9F,KAAA,CACErF,cAAetB,EAAMwE,GACrBzB,MAAO/C,EAAM+C,MACbgB,UAAW/D,EAAM+D,UACjBQ,IAAKvE,EAAMwM,WACXC,mBAAoBzM,EAAM0M,kBAC1BC,oBAAqB3M,EAAM4M,mBAC3BC,YAAa7M,EAAM8M,WACnBC,QAAS/M,EAAM+M,QAAU/M,EAAM+M,QAAU,SAE3C,CACE/M,EAAMwE,GACNxE,EAAM+C,MACN/C,EAAM+D,UACN/D,EAAMwM,WACNxM,EAAM+M,QACN/M,EAAM0M,kBACN1M,EAAM4M,mBACN5M,EAAM8M,aAIJE,EAAWrG,EAAAA,QAAQ,aAAM,OAAA,OAAA7E,EAAA9B,EAAMwE,SAAN,EAAA1C,EAAWuK,MAAiB,OAAAzI,EAAA5D,EAAMwE,SAAN,EAAAZ,EAAUtD,UAAS,CAACN,EAAMwE,GAAI6H,IAEzF,OAAIW,GAAY,YAAaA,EACF,OAArBA,EAASjN,SAAyC,OAArBiN,EAASjN,SAAyC,OAArBiN,EAASjN,UAEnE0C,kBAAAA,IAACR,EAAA,CAECa,IAAK9C,EAAM8C,IACXmK,GAAIjN,EAAMkN,SAAW,IAAMlN,EAAMmN,YAAc,KAAMnN,EAAMoN,OAAS,QACpEC,KAAMrN,EAAMqN,QACRd,EAEH5J,SAAA3C,EAAM2C,aAKTF,kBAAAA,IAACR,EAAA,CAECa,IAAK9C,EAAM8C,IACXmK,GAAIjN,EAAMkN,SAAW,IAAMlN,EAAMmN,YAAc,IAAMnN,EAAMoN,OAAS,OAASJ,EAASjN,QACtFsN,KAAMrN,EAAMqN,QACRd,EAEH5J,SAAA3C,EAAM2C,aAObF,kBAAAA,IAACR,EAAA,CAECa,IAAK9C,EAAM8C,IACXmK,GAAIjN,EAAMkN,SAAW,IAAMlN,EAAMmN,YAAc,KAAMnN,EAAMoN,OAAS,QACpEC,KAAMrN,EAAMqN,QACRd,EAEH5J,SAAA3C,EAAM2C,YAKAsJ,EAAcjM,2BACjBoM,EAAA,IAAsBpM,IAG1BsN,EAA0BtN,GACvByC,EAAAA,kBAAAA,IAAC2J,EAAA,CAAkBc,UAAQ,KAAKlN,EAAO8C,IAAK9C,EAAM8C,IAAKuK,KAAMrN,EAAMqN,OAG/DE,EAAiBC,EAAAA,WAAWF,GAE5BG,EAAoB9B,EAAAA,KAAM3L,IACrC,MAAMgH,WAAEA,EAAAlE,IAAYA,GC3Ef,SACL9C,GAOA,MAAM0N,EAAc/G,EAAAA,QAAQ,KAAM,MAAA3G,OAAA,EAAAA,EAAO0N,eAAe,EAAM,CAAC,MAAA1N,OAAA,EAAAA,EAAO0N,cAEhEC,EAAehH,EAAAA,QAAQ,IAAsB,YAAhB,MAAA3G,OAAA,EAAAA,EAAOoH,MAAmB,CAAC,MAAApH,OAAA,EAAAA,EAAOoH,QAG9DwG,EAAeC,GAAoBvI,EAAAA,cACf,KAAzB,MAAAtF,OAAA,EAAAA,EAAO4N,iBAA8B,MAAA5N,OAAA,EAAAA,EAAO4N,gBAGxC9K,EAAM0D,EAAAA,OAAiB,MAEvBsH,EAAeC,EAAAA,sBAAsB,MAAA/N,OAAA,EAAAA,EAAO8N,cAgClD,OA9BA/G,EAAAA,UAAU,KAER,IAAK2G,EAAa,OAGlB,MAAMM,EAAgB,KACpB,MAAMC,EAAKnL,EAAIqE,QACf,IAAK8G,EAAI,OAGT,MAAMC,EAAcD,EAAGC,YACjBC,EAAeF,EAAGE,aAGlBC,EAAcT,GAAgBM,EAAGI,cAAgBJ,EAAGI,cAAcD,YAAcH,EAAGG,YACnFE,EAAeX,GAAgBM,EAAGI,cAAgBJ,EAAGI,cAAcC,aAAeL,EAAGK,aAG3FT,EAAiBK,EAAcE,GAAeD,EAAeG,IAQ/D,OAJAN,IAEAO,OAAO/G,iBAAiB,SAAUwG,GAE3B,IAAMO,OAAO9G,oBAAoB,SAAUuG,IACjD,CAACF,EAAcJ,EAAaC,IAGxB,CAAE3G,YAAa4G,EAAe9K,MAAU8K,gBACjD,CDuB8BY,CAA+B,CACzDd,iBAA0C,IAA7B1N,EAAMyO,QAAQzH,aAA4BhH,EAAMyO,QAAQzH,WACrE8G,aAAc,CAAC9N,EAAM2C,YAEvB,OACEF,wBAACiJ,GAAQ1E,aAAwBkF,QAASlM,EAAM2C,YAAc3C,EAAMyO,QAClE9L,WAAAF,kBAAAA,IAAC2J,EAAA,CAAkBtJ,SAAc9C,EAAM0O,WAAY3L,MAAO,CAAEC,SAAU,YACnEL,SAAA3C,EAAM2C,eAMf8K,EAAkBtB,YAAc,oBAChCC,EAAkBD,YAAc,oBAChCmB,EAAuBnB,YAAc"}
@@ -1,8 +1,8 @@
1
1
  import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
2
- import { b as ErrorMessage } from "./style-uVTmdhsH.js";
2
+ import { b as ErrorMessage } from "./style-BzxSHZDV.js";
3
3
  import { useCallback } from "react";
4
4
  import { useTheme } from "styled-components";
5
- import { S as StyledInputWrapper, j as InputPrefixChildren, h as StyledInputPattern, i as StyledInputNumeric, f as StyledInput, k as InputPostfixChildren } from "./component.styles-BbwS_Ekx.js";
5
+ import { S as StyledInputWrapper, j as InputPrefixChildren, h as StyledInputPattern, i as StyledInputNumeric, f as StyledInput, k as InputPostfixChildren } from "./component.styles-DqJURuJl.js";
6
6
  const Input = (props) => {
7
7
  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
8
8
  const handleOnChange = useCallback(
@@ -245,4 +245,4 @@ export {
245
245
  Input as I,
246
246
  formatPhoneNumber as f
247
247
  };
248
- //# sourceMappingURL=component-DaXKDHnc.js.map
248
+ //# sourceMappingURL=component-CKBpm4U4.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"component-DaXKDHnc.js","sources":["../src/components/input/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/styles/error';\n\nimport { useCallback } from 'react';\nimport { NumberFormatValues } from 'react-number-format';\nimport { useTheme } from 'styled-components';\n\nimport {\n InputPostfixChildren,\n InputPrefixChildren,\n InputProps,\n StyledInput,\n StyledInputNumeric,\n StyledInputPattern,\n StyledInputWrapper,\n} from '.';\n\nexport const Input = (props: InputProps) => {\n const handleOnChange = useCallback(\n (input: string | NumberFormatValues) => {\n if (props.variety === 'standard') {\n const value = typeof input === 'string' ? input : input.value;\n const cleaned = props.isNoSpaces ? value.replace(/\\s+/g, '') : value;\n props.onChange?.(cleaned);\n }\n\n if (props.variety === 'pattern' || props.variety === 'numeric') {\n if (typeof input !== 'string') {\n props.onChange?.(input);\n }\n }\n },\n [props],\n );\n const theme = useTheme();\n return (\n <>\n <StyledInputWrapper\n $isInputEffect={props.isInputEffect}\n className={props.className}\n $isDisabled={props.isDisabled}\n $sx={props.sx}\n $size={props.size}\n $isWidthAsHeight={props.isWidthAsHeight}\n >\n {props.prefixChildren && (\n <InputPrefixChildren\n $left={props.prefixChildren.left}\n $right={props.prefixChildren.right}\n $isDisabled={props.isDisabled}\n $width={props.prefixChildren.width}\n >\n {props.prefixChildren.children}\n </InputPrefixChildren>\n )}\n {props.variety === 'pattern' ? (\n <StyledInputPattern\n $isNiceNumber={props.isNiceNumber}\n $isInputEffect={props.isInputEffect}\n $error={props?.error}\n $isLoading={props.isLoading}\n $postfixChildren={props?.postfixChildren}\n $prefixChildren={props?.prefixChildren}\n $genre={props.genre}\n $size={props.size}\n $font={{\n size: props.font?.size ?? 16,\n weight: props.font?.weight ?? (props.isBold ? 500 : 400),\n family: props.font?.family ?? theme.font.family,\n height: props.font?.height ?? theme.font.lineHeight,\n }}\n $isBold={props.isBold}\n $isDisabled={props.isDisabled}\n $isDisabledOutline={props.isDisabled ?? props.isDisabledOutline}\n $isOutlineBoxShadow={props.isOutlineBoxShadow}\n $isCenter={props.isCenter}\n $isReadOnly={props.isReadOnly}\n disabled={props.isDisabled}\n readOnly={props.isReadOnly}\n required={props.isRequired}\n defaultValue={props.defaultValue === null ? '' : props.defaultValue}\n value={props.value === null ? '' : props.value}\n placeholder={props.placeholder}\n onValueChange={(props) => handleOnChange(props)}\n onBlur={props.onBlur}\n onFocus={props.onFocus}\n onPaste={props.onPaste}\n name={props.name}\n id={props.id}\n onKeyDown={props.onKeyDown}\n inputMode={props.inputMode}\n maxLength={props.maxLength}\n minLength={props.minLength}\n tabIndex={props.tabIndex}\n {...props.propsPattern}\n />\n ) : props.variety === 'numeric' ? (\n <StyledInputNumeric\n $isNiceNumber={props.isNiceNumber}\n $isInputEffect={props.isInputEffect}\n $error={props?.error}\n $isLoading={props.isLoading}\n $postfixChildren={props?.postfixChildren}\n $prefixChildren={props?.prefixChildren}\n $genre={props.genre}\n $size={props.size}\n $font={{\n size: props.font?.size ?? 16,\n weight: props.font?.weight ?? (props.isBold ? 500 : 400),\n family: props.font?.family ?? 'Roboto Mono',\n height: props.font?.height ?? theme.font.lineHeight,\n }}\n $isBold={props.isBold}\n $isDisabled={props.isDisabled}\n $isDisabledOutline={props.isDisabled ?? props.isDisabledOutline}\n $isOutlineBoxShadow={props.isOutlineBoxShadow}\n $isReadOnly={props.isReadOnly}\n $isCenter={props.isCenter}\n disabled={props.isDisabled}\n readOnly={props.isReadOnly}\n required={props.isRequired}\n defaultValue={props.defaultValue === null ? '' : props.defaultValue}\n value={props.value === null ? '' : props.value}\n placeholder={props.placeholder}\n onValueChange={(props) => handleOnChange(props)}\n onBlur={props.onBlur}\n onFocus={props.onFocus}\n onPaste={props.onPaste}\n name={props.name}\n id={props.id}\n onKeyDown={props.onKeyDown}\n inputMode={props.inputMode}\n maxLength={props.maxLength}\n minLength={props.minLength}\n tabIndex={props.tabIndex}\n {...props.propsNumeric}\n />\n ) : (\n <StyledInput\n $isNiceNumber={props.isNiceNumber}\n inputMode={props.inputMode}\n maxLength={props.maxLength}\n minLength={props.minLength}\n ref={props.ref}\n $error={props.error}\n $isInputEffect={props.isInputEffect}\n $isLoading={props.isLoading}\n $postfixChildren={props?.postfixChildren}\n $prefixChildren={props?.prefixChildren}\n $genre={props.genre}\n $size={props.size}\n $font={{\n size: props.font?.size ?? 16,\n weight: props.font?.weight ?? (props.isBold ? 500 : 400),\n family: props.font?.family ?? theme.font.family,\n height: props.font?.height ?? theme.font.lineHeight,\n }}\n $isBold={props.isBold}\n $isDisabled={props.isDisabled}\n $isDisabledOutline={props.isDisabled ?? props.isDisabledOutline}\n $isOutlineBoxShadow={props.isOutlineBoxShadow}\n $isReadOnly={props.isReadOnly}\n $isCenter={props.isCenter}\n disabled={props.isDisabled}\n readOnly={props.isReadOnly}\n required={props.isRequired}\n defaultValue={props.defaultValue === null ? '' : props.defaultValue}\n value={props.value === null ? '' : props.value}\n placeholder={props.placeholder}\n type={props.type}\n autoComplete={props.autoComplete}\n onInput={(event) => {\n const input = event.target as HTMLInputElement;\n handleOnChange(input.value);\n }}\n onBlur={props.onBlur}\n onFocus={props.onFocus}\n onPaste={props.onPaste}\n name={props.name}\n id={props.id}\n tabIndex={props.tabIndex}\n onKeyDown={props.onKeyDown}\n min={props.min}\n max={props.max}\n step={props.step}\n />\n )}\n\n {props.postfixChildren && (\n <InputPostfixChildren\n $left={props.postfixChildren.left}\n $right={props.postfixChildren.right}\n $isDisabled={props.isDisabled}\n $width={props.postfixChildren.width}\n >\n {props.postfixChildren.children}\n </InputPostfixChildren>\n )}\n </StyledInputWrapper>\n {props?.error ? (\n <ErrorMessage\n {...props.error}\n size={props?.error.size ?? props.size}\n font={{\n size: 12,\n weight: 400,\n family: props.font?.family ?? theme.font.family,\n }}\n />\n ) : null}\n </>\n );\n};\n\nexport function formatPhoneNumber(dialCode: string, international: string) {\n function isDigit(char: string): boolean {\n return /\\d/.test(char);\n }\n\n let formattedNumber = '';\n let placeholderNumber = '';\n let dialCodeIndex = 0;\n\n if (dialCode.length === 0) {\n return { format: '', placeholder: '' };\n }\n\n for (let i = 0; i < international.length; i++) {\n const char = international.charAt(i);\n\n if (char === dialCode.charAt(dialCodeIndex)) {\n formattedNumber += char;\n placeholderNumber += isDigit(char) ? '#' : char;\n dialCodeIndex++;\n } else {\n if (isDigit(char)) {\n formattedNumber += '#';\n placeholderNumber += '-';\n } else {\n formattedNumber += char;\n placeholderNumber += char;\n }\n }\n }\n\n while (dialCodeIndex < dialCode.length) {\n formattedNumber += dialCode.charAt(dialCodeIndex);\n placeholderNumber += dialCode.charAt(dialCodeIndex);\n dialCodeIndex++;\n }\n\n return {\n format: formattedNumber,\n placeholder: placeholderNumber,\n };\n}\n"],"names":["_a","_b","jsxs","Fragment","jsx","props"],"mappings":"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"}
1
+ {"version":3,"file":"component-CKBpm4U4.js","sources":["../src/components/input/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/styles/error';\n\nimport { useCallback } from 'react';\nimport { NumberFormatValues } from 'react-number-format';\nimport { useTheme } from 'styled-components';\n\nimport {\n InputPostfixChildren,\n InputPrefixChildren,\n InputProps,\n StyledInput,\n StyledInputNumeric,\n StyledInputPattern,\n StyledInputWrapper,\n} from '.';\n\nexport const Input = (props: InputProps) => {\n const handleOnChange = useCallback(\n (input: string | NumberFormatValues) => {\n if (props.variety === 'standard') {\n const value = typeof input === 'string' ? input : input.value;\n const cleaned = props.isNoSpaces ? value.replace(/\\s+/g, '') : value;\n props.onChange?.(cleaned);\n }\n\n if (props.variety === 'pattern' || props.variety === 'numeric') {\n if (typeof input !== 'string') {\n props.onChange?.(input);\n }\n }\n },\n [props],\n );\n const theme = useTheme();\n return (\n <>\n <StyledInputWrapper\n $isInputEffect={props.isInputEffect}\n className={props.className}\n $isDisabled={props.isDisabled}\n $sx={props.sx}\n $size={props.size}\n $isWidthAsHeight={props.isWidthAsHeight}\n >\n {props.prefixChildren && (\n <InputPrefixChildren\n $left={props.prefixChildren.left}\n $right={props.prefixChildren.right}\n $isDisabled={props.isDisabled}\n $width={props.prefixChildren.width}\n >\n {props.prefixChildren.children}\n </InputPrefixChildren>\n )}\n {props.variety === 'pattern' ? (\n <StyledInputPattern\n $isNiceNumber={props.isNiceNumber}\n $isInputEffect={props.isInputEffect}\n $error={props?.error}\n $isLoading={props.isLoading}\n $postfixChildren={props?.postfixChildren}\n $prefixChildren={props?.prefixChildren}\n $genre={props.genre}\n $size={props.size}\n $font={{\n size: props.font?.size ?? 16,\n weight: props.font?.weight ?? (props.isBold ? 500 : 400),\n family: props.font?.family ?? theme.font.family,\n height: props.font?.height ?? theme.font.lineHeight,\n }}\n $isBold={props.isBold}\n $isDisabled={props.isDisabled}\n $isDisabledOutline={props.isDisabled ?? props.isDisabledOutline}\n $isOutlineBoxShadow={props.isOutlineBoxShadow}\n $isCenter={props.isCenter}\n $isReadOnly={props.isReadOnly}\n disabled={props.isDisabled}\n readOnly={props.isReadOnly}\n required={props.isRequired}\n defaultValue={props.defaultValue === null ? '' : props.defaultValue}\n value={props.value === null ? '' : props.value}\n placeholder={props.placeholder}\n onValueChange={(props) => handleOnChange(props)}\n onBlur={props.onBlur}\n onFocus={props.onFocus}\n onPaste={props.onPaste}\n name={props.name}\n id={props.id}\n onKeyDown={props.onKeyDown}\n inputMode={props.inputMode}\n maxLength={props.maxLength}\n minLength={props.minLength}\n tabIndex={props.tabIndex}\n {...props.propsPattern}\n />\n ) : props.variety === 'numeric' ? (\n <StyledInputNumeric\n $isNiceNumber={props.isNiceNumber}\n $isInputEffect={props.isInputEffect}\n $error={props?.error}\n $isLoading={props.isLoading}\n $postfixChildren={props?.postfixChildren}\n $prefixChildren={props?.prefixChildren}\n $genre={props.genre}\n $size={props.size}\n $font={{\n size: props.font?.size ?? 16,\n weight: props.font?.weight ?? (props.isBold ? 500 : 400),\n family: props.font?.family ?? 'Roboto Mono',\n height: props.font?.height ?? theme.font.lineHeight,\n }}\n $isBold={props.isBold}\n $isDisabled={props.isDisabled}\n $isDisabledOutline={props.isDisabled ?? props.isDisabledOutline}\n $isOutlineBoxShadow={props.isOutlineBoxShadow}\n $isReadOnly={props.isReadOnly}\n $isCenter={props.isCenter}\n disabled={props.isDisabled}\n readOnly={props.isReadOnly}\n required={props.isRequired}\n defaultValue={props.defaultValue === null ? '' : props.defaultValue}\n value={props.value === null ? '' : props.value}\n placeholder={props.placeholder}\n onValueChange={(props) => handleOnChange(props)}\n onBlur={props.onBlur}\n onFocus={props.onFocus}\n onPaste={props.onPaste}\n name={props.name}\n id={props.id}\n onKeyDown={props.onKeyDown}\n inputMode={props.inputMode}\n maxLength={props.maxLength}\n minLength={props.minLength}\n tabIndex={props.tabIndex}\n {...props.propsNumeric}\n />\n ) : (\n <StyledInput\n $isNiceNumber={props.isNiceNumber}\n inputMode={props.inputMode}\n maxLength={props.maxLength}\n minLength={props.minLength}\n ref={props.ref}\n $error={props.error}\n $isInputEffect={props.isInputEffect}\n $isLoading={props.isLoading}\n $postfixChildren={props?.postfixChildren}\n $prefixChildren={props?.prefixChildren}\n $genre={props.genre}\n $size={props.size}\n $font={{\n size: props.font?.size ?? 16,\n weight: props.font?.weight ?? (props.isBold ? 500 : 400),\n family: props.font?.family ?? theme.font.family,\n height: props.font?.height ?? theme.font.lineHeight,\n }}\n $isBold={props.isBold}\n $isDisabled={props.isDisabled}\n $isDisabledOutline={props.isDisabled ?? props.isDisabledOutline}\n $isOutlineBoxShadow={props.isOutlineBoxShadow}\n $isReadOnly={props.isReadOnly}\n $isCenter={props.isCenter}\n disabled={props.isDisabled}\n readOnly={props.isReadOnly}\n required={props.isRequired}\n defaultValue={props.defaultValue === null ? '' : props.defaultValue}\n value={props.value === null ? '' : props.value}\n placeholder={props.placeholder}\n type={props.type}\n autoComplete={props.autoComplete}\n onInput={(event) => {\n const input = event.target as HTMLInputElement;\n handleOnChange(input.value);\n }}\n onBlur={props.onBlur}\n onFocus={props.onFocus}\n onPaste={props.onPaste}\n name={props.name}\n id={props.id}\n tabIndex={props.tabIndex}\n onKeyDown={props.onKeyDown}\n min={props.min}\n max={props.max}\n step={props.step}\n />\n )}\n\n {props.postfixChildren && (\n <InputPostfixChildren\n $left={props.postfixChildren.left}\n $right={props.postfixChildren.right}\n $isDisabled={props.isDisabled}\n $width={props.postfixChildren.width}\n >\n {props.postfixChildren.children}\n </InputPostfixChildren>\n )}\n </StyledInputWrapper>\n {props?.error ? (\n <ErrorMessage\n {...props.error}\n size={props?.error.size ?? props.size}\n font={{\n size: 12,\n weight: 400,\n family: props.font?.family ?? theme.font.family,\n }}\n />\n ) : null}\n </>\n );\n};\n\nexport function formatPhoneNumber(dialCode: string, international: string) {\n function isDigit(char: string): boolean {\n return /\\d/.test(char);\n }\n\n let formattedNumber = '';\n let placeholderNumber = '';\n let dialCodeIndex = 0;\n\n if (dialCode.length === 0) {\n return { format: '', placeholder: '' };\n }\n\n for (let i = 0; i < international.length; i++) {\n const char = international.charAt(i);\n\n if (char === dialCode.charAt(dialCodeIndex)) {\n formattedNumber += char;\n placeholderNumber += isDigit(char) ? '#' : char;\n dialCodeIndex++;\n } else {\n if (isDigit(char)) {\n formattedNumber += '#';\n placeholderNumber += '-';\n } else {\n formattedNumber += char;\n placeholderNumber += char;\n }\n }\n }\n\n while (dialCodeIndex < dialCode.length) {\n formattedNumber += dialCode.charAt(dialCodeIndex);\n placeholderNumber += dialCode.charAt(dialCodeIndex);\n dialCodeIndex++;\n }\n\n return {\n format: formattedNumber,\n placeholder: placeholderNumber,\n };\n}\n"],"names":["_a","_b","jsxs","Fragment","jsx","props"],"mappings":"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"}
@@ -1,5 +1,5 @@
1
1
  import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
2
- import { c as Button } from "./component-CeuA5Ry0.js";
2
+ import { B as Button } from "./component-jPLOz52P.js";
3
3
  import { css, styled } from "styled-components";
4
4
  import { a as addSX } from "./style-plT9Ah7t.js";
5
5
  const ButtonGroupWrapperPositionHorizontal = css`
@@ -63,4 +63,4 @@ export {
63
63
  ButtonGroupWrapper as B,
64
64
  ButtonGroup as a
65
65
  };
66
- //# sourceMappingURL=component-CFKFLOAw.js.map
66
+ //# sourceMappingURL=component-ClnOIQaN.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"component-CFKFLOAw.js","sources":["../src/components/button-group/component.styles.ts","../src/components/button-group/component.tsx"],"sourcesContent":["import { css, styled } from 'styled-components';\n\nimport { addSX } from '@local/styles/sx';\n\nimport { StyledButtonGroupProps } from '.';\n\n/****************************************** Position *************************************************/\nconst ButtonGroupWrapperPositionHorizontal = css`\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n align-content: flex-start;\n justify-content: space-between;\n & #jenesei-button {\n &:not(:only-child) {\n flex-grow: 1;\n &:first-child {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n }\n &:last-child {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n }\n &:not(:first-child):not(:last-child) {\n border-radius: 0;\n }\n }\n }\n`;\n\nconst ButtonGroupWrapperPositionVertical = css`\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n\n & #jenesei-button {\n &:not(:only-child) {\n &:first-child {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n &:last-child {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n &:not(:first-child):not(:last-child) {\n border-radius: 0;\n }\n }\n }\n`;\n\nexport const ButtonGroupWrapper = styled.div<StyledButtonGroupProps>`\n & #jenesei-button {\n &:focus-visible {\n z-index: 1;\n }\n }\n ${(props) =>\n props.$position === 'horizontal' ? ButtonGroupWrapperPositionHorizontal : ButtonGroupWrapperPositionVertical};\n ${addSX};\n`;\n","import { FC } from 'react';\n\nimport { Button } from '@local/components/button';\n\nimport { ButtonGroupProps, ButtonGroupWrapper } from '.';\n\nexport const ButtonGroup: FC<ButtonGroupProps> = (props) => {\n return (\n <ButtonGroupWrapper $sx={props.sx} $position={props.position} className={props.className} id='jenesei-button-group'>\n {props.value?.map((button, id) => (\n <Button id='jenesei-button' key={id} {...button} />\n ))}\n </ButtonGroupWrapper>\n );\n};\n"],"names":["jsx"],"mappings":";;;;AAOA,MAAM,uCAAuC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwB7C,MAAM,qCAAqC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBpC,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMrC,CAAC,UACD,MAAM,cAAc,eAAe,uCAAuC,kCAAkC;AAAA,IAC5G,KAAK;AAAA;ACvDF,MAAM,cAAoC,CAAC,UAAU;;AAC1D,SACEA,kCAAAA,IAAC,oBAAA,EAAmB,KAAK,MAAM,IAAI,WAAW,MAAM,UAAU,WAAW,MAAM,WAAW,IAAG,wBAC1F,WAAA,WAAM,UAAN,mBAAa,IAAI,CAAC,QAAQ,OACzBA,kCAAAA,IAAC,QAAA,EAAO,IAAG,kBAA2B,GAAG,OAAA,GAAR,EAAgB,GAClD,CACH;AAEJ;"}
1
+ {"version":3,"file":"component-ClnOIQaN.js","sources":["../src/components/button-group/component.styles.ts","../src/components/button-group/component.tsx"],"sourcesContent":["import { css, styled } from 'styled-components';\n\nimport { addSX } from '@local/styles/sx';\n\nimport { StyledButtonGroupProps } from '.';\n\n/****************************************** Position *************************************************/\nconst ButtonGroupWrapperPositionHorizontal = css`\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n align-content: flex-start;\n justify-content: space-between;\n & #jenesei-button {\n &:not(:only-child) {\n flex-grow: 1;\n &:first-child {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n }\n &:last-child {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n }\n &:not(:first-child):not(:last-child) {\n border-radius: 0;\n }\n }\n }\n`;\n\nconst ButtonGroupWrapperPositionVertical = css`\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n\n & #jenesei-button {\n &:not(:only-child) {\n &:first-child {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n &:last-child {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n &:not(:first-child):not(:last-child) {\n border-radius: 0;\n }\n }\n }\n`;\n\nexport const ButtonGroupWrapper = styled.div<StyledButtonGroupProps>`\n & #jenesei-button {\n &:focus-visible {\n z-index: 1;\n }\n }\n ${(props) =>\n props.$position === 'horizontal' ? ButtonGroupWrapperPositionHorizontal : ButtonGroupWrapperPositionVertical};\n ${addSX};\n`;\n","import { FC } from 'react';\n\nimport { Button } from '@local/components/button';\n\nimport { ButtonGroupProps, ButtonGroupWrapper } from '.';\n\nexport const ButtonGroup: FC<ButtonGroupProps> = (props) => {\n return (\n <ButtonGroupWrapper $sx={props.sx} $position={props.position} className={props.className} id='jenesei-button-group'>\n {props.value?.map((button, id) => (\n <Button id='jenesei-button' key={id} {...button} />\n ))}\n </ButtonGroupWrapper>\n );\n};\n"],"names":["jsx"],"mappings":";;;;AAOA,MAAM,uCAAuC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwB7C,MAAM,qCAAqC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBpC,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMrC,CAAC,UACD,MAAM,cAAc,eAAe,uCAAuC,kCAAkC;AAAA,IAC5G,KAAK;AAAA;ACvDF,MAAM,cAAoC,CAAC,UAAU;;AAC1D,SACEA,kCAAAA,IAAC,oBAAA,EAAmB,KAAK,MAAM,IAAI,WAAW,MAAM,UAAU,WAAW,MAAM,WAAW,IAAG,wBAC1F,WAAA,WAAM,UAAN,mBAAa,IAAI,CAAC,QAAQ,OACzBA,kCAAAA,IAAC,QAAA,EAAO,IAAG,kBAA2B,GAAG,OAAA,GAAR,EAAgB,GAClD,CACH;AAEJ;"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component.styles-Py-IeQ2q.cjs");exports.Accordion=o.Accordion,exports.AccordionDetails=o.AccordionDetails,exports.AccordionStyledIcon=o.AccordionStyledIcon,exports.AccordionSummary=o.AccordionSummary,exports.AccordionSummaryContent=o.AccordionSummaryContent,exports.AccordionWrapper=o.AccordionWrapper;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component.styles-CXyyc0xg.cjs");exports.Accordion=o.Accordion,exports.AccordionDetails=o.AccordionDetails,exports.AccordionStyledIcon=o.AccordionStyledIcon,exports.AccordionSummary=o.AccordionSummary,exports.AccordionSummaryContent=o.AccordionSummaryContent,exports.AccordionWrapper=o.AccordionWrapper;
2
2
  //# sourceMappingURL=component-accordion.cjs.js.map
@@ -1,6 +1,6 @@
1
1
  import { AccordionProps as AccordionProps_2 } from './component.types';
2
2
  import { AddDollarSign } from '../..';
3
- import { addSXProps as addSXProps_2 } from '../..';
3
+ import { BaseObject } from 'styled-components/dist/types';
4
4
  import { Component } from 'react';
5
5
  import { CSSObject } from 'styled-components';
6
6
  import { DefaultTheme } from 'styled-components';
@@ -11,10 +11,7 @@ import { FastOmit } from 'styled-components';
11
11
  import { FC } from 'react';
12
12
  import { HTMLAttributes } from 'react';
13
13
  import { IconItemProps } from '../icon';
14
- import { IconTypeMap } from '../icon';
15
14
  import { IStyledComponentBase } from 'styled-components/dist/types';
16
- import { IThemePaletteKeys } from '../..';
17
- import { IThemeSize } from '../..';
18
15
  import { JSX } from 'react/jsx-runtime';
19
16
  import { PropsWithChildren } from 'react';
20
17
  import { ReactNode } from 'react';
@@ -28,28 +25,17 @@ export declare const AccordionDetails: IStyledComponentBase<"web", Substitute<De
28
25
  export declare type AccordionDetailsProps = AddDollarSign_2<Pick<AccordionProps, 'expanded'>>;
29
26
 
30
27
  export declare interface AccordionProps {
31
- wrapperProps: StackProps;
32
- accordionSummary: ReactNode;
33
28
  accordionDetails: ReactNode;
29
+ accordionSummary: ReactNode;
34
30
  expanded: boolean;
31
+ wrapperProps: StackProps;
35
32
  isAccordionIcon?: boolean;
36
- onClickSummary?: () => void;
37
33
  onClickIcon?: () => void;
34
+ onClickSummary?: () => void;
38
35
  triggerUpdate?: unknown[];
39
36
  }
40
37
 
41
- export declare const AccordionStyledIcon: IStyledComponentBase<"web", Substitute< {
42
- type: keyof IconTypeMap;
43
- name: "Menu" | "Radio" | "Square" | "Arrow" | "Heart" | "Close" | "Biometry" | "QR" | "Search" | "Folder" | "Wallet" | "Graph" | "Bookmark" | "Category" | "Home" | "Notification" | "Chat" | "Paper" | "Plus" | "Minus" | "PaperPlus" | "PaperNegative" | "PaperFail" | "PaperDownload" | "PaperUpload" | "Send" | "PasswordMini" | "Swap" | "Work" | "Arrow1" | "Arrow2" | "Arrow3" | "Arrow4" | "ArrowMini1" | "ArrowMini2" | "Scan" | "Activity" | "Calendar" | "Message" | "PlusMini" | "ChartMini" | "Game" | "Bag1" | "Bag2" | "TicketStar" | "MoreCircle" | "MoreSquare" | "Discount" | "Buy" | "Web" | "InfoMini" | "DangerMini" | "DangerTriangle" | "CloseMini" | "TickMini" | "Video" | "Discovery" | "Location" | "Document" | "Setting" | "TimeSquare" | "TimeCircle" | "VolumeUp" | "VolumeDown" | "VolumeOff" | "Star" | "Select" | "Ticket" | "Camera" | "Profile" | "AddUser" | "TwoUser" | "ThreeUser" | "Login" | "Logout" | "Download" | "Upload" | "Voice" | "Voice2" | "Delete" | "Edit" | "EditSquare" | "PlayMini" | "ShieldDone" | "ShieldFail" | "Show" | "Hide" | "Filter" | "Filter2" | "Image" | "Image2" | "Call" | "Calling" | "CallMissed" | "CallSilent" | "Lock" | "Unlock" | "Resources" | "Language" | "Line" | "Circle" | "Blocks" | "Balls" | "MapCluster" | "HomeLikes" | "HomeManagement" | "UserSettings" | "User" | "Jenesei" | "BustMarket" | "Card" | "Delivery" | "Reviews";
44
- className?: string;
45
- onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
46
- size: IThemeSize | "100%";
47
- primaryColor?: IThemePaletteKeys;
48
- secondColor?: IThemePaletteKeys;
49
- turn?: number;
50
- order?: number;
51
- tabIndex?: number;
52
- } & addSXProps_2, AddDollarSign<Pick<AccordionProps_2, "expanded">>>> & string & Omit<(<T extends keyof IconTypeMap>(props: IconItemProps<T>) => JSX.Element | null), keyof Component<any, {}, any>>;
38
+ export declare const AccordionStyledIcon: IStyledComponentBase<"web", Substitute<IconItemProps & BaseObject, AddDollarSign<Pick<AccordionProps_2, "expanded">>>> & string & Omit<(props: IconItemProps) => JSX.Element | null, keyof Component<any, {}, any>>;
53
39
 
54
40
  export declare type AccordionStyledIconProps = AddDollarSign_2<Pick<AccordionProps, 'expanded'>>;
55
41
 
@@ -1,4 +1,4 @@
1
- import { A, d, e, b, c, a } from "./component.styles-CJC0h3Ed.js";
1
+ import { A, d, e, b, c, a } from "./component.styles-CHqowxsZ.js";
2
2
  export {
3
3
  A as Accordion,
4
4
  d as AccordionDetails,
@@ -1,2 +1,2 @@
1
- "use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("react"),n=require("./consts.cjs.js"),s=require("./use-DWNgOa9w.cjs"),r=require("./component-BLWcOf3A.cjs");exports.ImageButton=l=>{const o=t.useRef(null),u=t.useCallback(()=>{var e;null==(e=o.current)||e.click()},[]),{handleAddFiles:i}=s.useImageCrop({onSave:l.onSave,locale:l.locale,dialog:l.dialog,imageSettings:l.imageSettings,refInput:o});return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(r.Button,{...l.button,onClick:e=>{var t,n;null==(n=(t=l.button).onClick)||n.call(t,e),u()},children:l.button.children||l.locale.buttonAdd}),e.jsxRuntimeExports.jsx("input",{ref:o,type:"file",accept:n.ImageSupportedFormatsForInput,multiple:!0,style:{display:"none"},onChange:e=>{e.target.files&&i(e.target.files)}})]})};
2
- //# sourceMappingURL=component-B9dFCQcm.cjs.map
1
+ "use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("react"),n=require("./consts.cjs.js"),s=require("./use-BLwltPMc.cjs"),r=require("./component-BfppCwz9.cjs");exports.ImageButton=l=>{const o=t.useRef(null),u=t.useCallback(()=>{var e;null==(e=o.current)||e.click()},[]),{handleAddFiles:i}=s.useImageCrop({onSave:l.onSave,locale:l.locale,dialog:l.dialog,imageSettings:l.imageSettings,refInput:o});return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(r.Button,{...l.button,onClick:e=>{var t,n;null==(n=(t=l.button).onClick)||n.call(t,e),u()},children:l.button.children||l.locale.buttonAdd}),e.jsxRuntimeExports.jsx("input",{ref:o,type:"file",accept:n.ImageSupportedFormatsForInput,multiple:!0,style:{display:"none"},onChange:e=>{e.target.files&&i(e.target.files)}})]})};
2
+ //# sourceMappingURL=component-b4tMFkpE.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"component-B9dFCQcm.cjs","sources":["../src/components/image-button/component.tsx"],"sourcesContent":["import { FC, useCallback, useRef } from 'react';\n\nimport { ImageSupportedFormatsForInput } from '@local/consts';\nimport { useImageCrop } from '@local/hooks/use-image-crop';\n\nimport { ImageButtonProps } from '.';\nimport { Button } from '../button';\n\nexport const ImageButton: FC<ImageButtonProps> = (props) => {\n const refInput = useRef<HTMLInputElement | null>(null);\n\n const handleOpenFileDialog = useCallback(() => {\n refInput.current?.click();\n }, []);\n\n const { handleAddFiles } = useImageCrop({\n onSave: props.onSave,\n locale: props.locale,\n dialog: props.dialog,\n imageSettings: props.imageSettings,\n refInput: refInput,\n });\n\n return (\n <>\n <Button\n {...props.button}\n onClick={(e) => {\n props.button.onClick?.(e);\n handleOpenFileDialog();\n }}\n >\n {props.button.children || props.locale.buttonAdd}\n </Button>\n <input\n ref={refInput}\n type='file'\n accept={ImageSupportedFormatsForInput}\n multiple\n style={{ display: 'none' }}\n onChange={(e) => {\n if (e.target.files) handleAddFiles(e.target.files);\n }}\n />\n </>\n );\n};\n"],"names":["props","refInput","useRef","handleOpenFileDialog","useCallback","_a","current","click","handleAddFiles","useImageCrop","onSave","locale","dialog","imageSettings","jsxs","Fragment","children","jsx","Button","button","onClick","e","_b","call","buttonAdd","ref","type","accept","ImageSupportedFormatsForInput","multiple","style","display","onChange","target","files"],"mappings":"qMAQkDA,IAChD,MAAMC,EAAWC,EAAAA,OAAgC,MAE3CC,EAAuBC,EAAAA,YAAY,WACvC,OAAAC,EAAAJ,EAASK,UAATD,EAAkBE,SACjB,KAEGC,eAAEA,GAAmBC,eAAa,CACtCC,OAAQV,EAAMU,OACdC,OAAQX,EAAMW,OACdC,OAAQZ,EAAMY,OACdC,cAAeb,EAAMa,cACrBZ,aAGF,SACEa,kBAAAA,KAAAC,6BAAA,CACEC,SAAA,GAAAC,kBAAAA,IAACC,EAAAA,OAAA,IACKlB,EAAMmB,OACVC,QAAUC,YACR,OAAAC,GAAAjB,EAAAL,EAAMmB,QAAOC,UAAbE,EAAAC,KAAAlB,EAAuBgB,GACvBlB,KAGDa,SAAAhB,EAAMmB,OAAOH,UAAYhB,EAAMW,OAAOa,cAEzCP,kBAAAA,IAAC,QAAA,CACCQ,IAAKxB,EACLyB,KAAK,OACLC,OAAQC,EAAAA,8BACRC,UAAQ,EACRC,MAAO,CAAEC,QAAS,QAClBC,SAAWX,IACLA,EAAEY,OAAOC,OAAO1B,EAAea,EAAEY,OAAOC"}
1
+ {"version":3,"file":"component-b4tMFkpE.cjs","sources":["../src/components/image-button/component.tsx"],"sourcesContent":["import { FC, useCallback, useRef } from 'react';\n\nimport { ImageSupportedFormatsForInput } from '@local/consts';\nimport { useImageCrop } from '@local/hooks/use-image-crop';\n\nimport { ImageButtonProps } from '.';\nimport { Button } from '../button';\n\nexport const ImageButton: FC<ImageButtonProps> = (props) => {\n const refInput = useRef<HTMLInputElement | null>(null);\n\n const handleOpenFileDialog = useCallback(() => {\n refInput.current?.click();\n }, []);\n\n const { handleAddFiles } = useImageCrop({\n onSave: props.onSave,\n locale: props.locale,\n dialog: props.dialog,\n imageSettings: props.imageSettings,\n refInput: refInput,\n });\n\n return (\n <>\n <Button\n {...props.button}\n onClick={(e) => {\n props.button.onClick?.(e);\n handleOpenFileDialog();\n }}\n >\n {props.button.children || props.locale.buttonAdd}\n </Button>\n <input\n ref={refInput}\n type='file'\n accept={ImageSupportedFormatsForInput}\n multiple\n style={{ display: 'none' }}\n onChange={(e) => {\n if (e.target.files) handleAddFiles(e.target.files);\n }}\n />\n </>\n );\n};\n"],"names":["props","refInput","useRef","handleOpenFileDialog","useCallback","_a","current","click","handleAddFiles","useImageCrop","onSave","locale","dialog","imageSettings","jsxs","Fragment","children","jsx","Button","button","onClick","e","_b","call","buttonAdd","ref","type","accept","ImageSupportedFormatsForInput","multiple","style","display","onChange","target","files"],"mappings":"qMAQkDA,IAChD,MAAMC,EAAWC,EAAAA,OAAgC,MAE3CC,EAAuBC,EAAAA,YAAY,WACvC,OAAAC,EAAAJ,EAASK,UAATD,EAAkBE,SACjB,KAEGC,eAAEA,GAAmBC,eAAa,CACtCC,OAAQV,EAAMU,OACdC,OAAQX,EAAMW,OACdC,OAAQZ,EAAMY,OACdC,cAAeb,EAAMa,cACrBZ,aAGF,SACEa,kBAAAA,KAAAC,6BAAA,CACEC,SAAA,GAAAC,kBAAAA,IAACC,EAAAA,OAAA,IACKlB,EAAMmB,OACVC,QAAUC,YACR,OAAAC,GAAAjB,EAAAL,EAAMmB,QAAOC,UAAbE,EAAAC,KAAAlB,EAAuBgB,GACvBlB,KAGDa,SAAAhB,EAAMmB,OAAOH,UAAYhB,EAAMW,OAAOa,cAEzCP,kBAAAA,IAAC,QAAA,CACCQ,IAAKxB,EACLyB,KAAK,OACLC,OAAQC,EAAAA,8BACRC,UAAQ,EACRC,MAAO,CAAEC,QAAS,QAClBC,SAAWX,IACLA,EAAEY,OAAOC,OAAO1B,EAAea,EAAEY,OAAOC"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-DkEqMT7w.cjs");exports.ButtonGroup=t.ButtonGroup,exports.ButtonGroupWrapper=t.ButtonGroupWrapper;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-5o60aes-.cjs");exports.ButtonGroup=t.ButtonGroup,exports.ButtonGroupWrapper=t.ButtonGroupWrapper;
2
2
  //# sourceMappingURL=component-button-group.cjs.js.map