@intlayer/design-system 3.5.6 → 3.5.8

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 (258) hide show
  1. package/dist/.vite/manifest.json +92 -168
  2. package/dist/Form-0D7KBafQ.cjs +311 -0
  3. package/dist/Form-0D7KBafQ.cjs.map +1 -0
  4. package/dist/Form-7BqwvjVI.cjs +320 -0
  5. package/dist/Form-7BqwvjVI.cjs.map +1 -0
  6. package/dist/Form-B2UufQRJ.cjs +319 -0
  7. package/dist/Form-B2UufQRJ.cjs.map +1 -0
  8. package/dist/Form-BDcoNTLV.cjs.map +1 -1
  9. package/dist/Form-BTogr-fp.js +312 -0
  10. package/dist/Form-BTogr-fp.js.map +1 -0
  11. package/dist/Form-BVkkvSKP.js +312 -0
  12. package/dist/Form-BVkkvSKP.js.map +1 -0
  13. package/dist/Form-Be6Uhb5-.js +312 -0
  14. package/dist/Form-Be6Uhb5-.js.map +1 -0
  15. package/dist/Form-BmQQnl-6.js +312 -0
  16. package/dist/Form-BmQQnl-6.js.map +1 -0
  17. package/dist/Form-Bp_ubH9I.cjs +311 -0
  18. package/dist/Form-Bp_ubH9I.cjs.map +1 -0
  19. package/dist/Form-BtqRbgLu.cjs +311 -0
  20. package/dist/Form-BtqRbgLu.cjs.map +1 -0
  21. package/dist/Form-COVZyto7.cjs +311 -0
  22. package/dist/Form-COVZyto7.cjs.map +1 -0
  23. package/dist/Form-CVD_3nCD.js +312 -0
  24. package/dist/Form-CVD_3nCD.js.map +1 -0
  25. package/dist/Form-Cfklj1_H.js +320 -0
  26. package/dist/Form-Cfklj1_H.js.map +1 -0
  27. package/dist/Form-ClAAiVNm.cjs +311 -0
  28. package/dist/Form-ClAAiVNm.cjs.map +1 -0
  29. package/dist/Form-DhsgC7kB.js.map +1 -1
  30. package/dist/Form-OK9zfg6E.js +321 -0
  31. package/dist/Form-OK9zfg6E.js.map +1 -0
  32. package/dist/components/Accordion/Accordion.cjs +7 -15
  33. package/dist/components/Accordion/Accordion.cjs.map +1 -1
  34. package/dist/components/Accordion/Accordion.d.ts +0 -1
  35. package/dist/components/Accordion/Accordion.d.ts.map +1 -1
  36. package/dist/components/Accordion/Accordion.mjs +8 -16
  37. package/dist/components/Accordion/Accordion.mjs.map +1 -1
  38. package/dist/components/Auth/ChangePasswordForm/ChangePasswordForm.cjs +1 -1
  39. package/dist/components/Auth/ChangePasswordForm/ChangePasswordForm.mjs +1 -1
  40. package/dist/components/Auth/ChangePasswordForm/useChangePasswordSchema.d.ts +4 -4
  41. package/dist/components/Auth/ExternalsLoginButtons/ExternalsLoginButtons.cjs +3 -3
  42. package/dist/components/Auth/ExternalsLoginButtons/ExternalsLoginButtons.cjs.map +1 -1
  43. package/dist/components/Auth/ExternalsLoginButtons/ExternalsLoginButtons.mjs +1 -1
  44. package/dist/components/Auth/ExternalsLoginButtons/ExternalsLoginButtons.mjs.map +1 -1
  45. package/dist/components/Auth/ResetPasswordForm/ResetPasswordForm.cjs +1 -1
  46. package/dist/components/Auth/ResetPasswordForm/ResetPasswordForm.mjs +1 -1
  47. package/dist/components/Auth/SignInForm/SignInForm.cjs +1 -1
  48. package/dist/components/Auth/SignInForm/SignInForm.mjs +1 -1
  49. package/dist/components/Auth/SignUpForm/SignUpForm.cjs +1 -1
  50. package/dist/components/Auth/SignUpForm/SignUpForm.mjs +1 -1
  51. package/dist/components/Auth/useAuth/useCSRF.cjs +2 -2
  52. package/dist/components/Auth/useAuth/useCSRF.cjs.map +1 -1
  53. package/dist/components/Auth/useAuth/useCSRF.d.ts +1 -1
  54. package/dist/components/Auth/useAuth/useCSRF.mjs +1 -1
  55. package/dist/components/Auth/useAuth/useCSRF.mjs.map +1 -1
  56. package/dist/components/Auth/useAuth/useOAuth2.cjs +2 -2
  57. package/dist/components/Auth/useAuth/useOAuth2.cjs.map +1 -1
  58. package/dist/components/Auth/useAuth/useOAuth2.d.ts +1 -1
  59. package/dist/components/Auth/useAuth/useOAuth2.mjs +1 -1
  60. package/dist/components/Auth/useAuth/useOAuth2.mjs.map +1 -1
  61. package/dist/components/Auth/useAuth/useSession.cjs +2 -2
  62. package/dist/components/Auth/useAuth/useSession.cjs.map +1 -1
  63. package/dist/components/Auth/useAuth/useSession.mjs +1 -1
  64. package/dist/components/Auth/useAuth/useSession.mjs.map +1 -1
  65. package/dist/components/Button/Button.cjs +47 -25
  66. package/dist/components/Button/Button.cjs.map +1 -1
  67. package/dist/components/Button/Button.d.ts +2 -0
  68. package/dist/components/Button/Button.d.ts.map +1 -1
  69. package/dist/components/Button/Button.mjs +47 -25
  70. package/dist/components/Button/Button.mjs.map +1 -1
  71. package/dist/components/Container/index.cjs +1 -1
  72. package/dist/components/Container/index.cjs.map +1 -1
  73. package/dist/components/Container/index.mjs +1 -1
  74. package/dist/components/Container/index.mjs.map +1 -1
  75. package/dist/components/CopyToClipboard/index.cjs +1 -1
  76. package/dist/components/CopyToClipboard/index.cjs.map +1 -1
  77. package/dist/components/CopyToClipboard/index.d.ts.map +1 -1
  78. package/dist/components/CopyToClipboard/index.mjs +1 -1
  79. package/dist/components/CopyToClipboard/index.mjs.map +1 -1
  80. package/dist/components/DictionaryEditor/ItemLayout.cjs +0 -1
  81. package/dist/components/DictionaryEditor/ItemLayout.cjs.map +1 -1
  82. package/dist/components/DictionaryEditor/ItemLayout.d.ts.map +1 -1
  83. package/dist/components/DictionaryEditor/ItemLayout.mjs +0 -1
  84. package/dist/components/DictionaryEditor/ItemLayout.mjs.map +1 -1
  85. package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.cjs +1 -1
  86. package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.mjs +1 -1
  87. package/dist/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.cjs +2 -2
  88. package/dist/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.mjs +2 -2
  89. package/dist/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.cjs +2 -2
  90. package/dist/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.mjs +2 -2
  91. package/dist/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.cjs +2 -2
  92. package/dist/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.mjs +2 -2
  93. package/dist/components/DictionaryFieldEditor/DictionaryFieldEditor.cjs +2 -2
  94. package/dist/components/DictionaryFieldEditor/DictionaryFieldEditor.cjs.map +1 -1
  95. package/dist/components/DictionaryFieldEditor/DictionaryFieldEditor.d.ts.map +1 -1
  96. package/dist/components/DictionaryFieldEditor/DictionaryFieldEditor.mjs +2 -2
  97. package/dist/components/DictionaryFieldEditor/DictionaryFieldEditor.mjs.map +1 -1
  98. package/dist/components/DictionaryFieldEditor/EditorView/EditorView.cjs +2 -2
  99. package/dist/components/DictionaryFieldEditor/EditorView/EditorView.mjs +2 -2
  100. package/dist/components/DictionaryFieldEditor/EditorView/TextEditor.cjs +14 -13
  101. package/dist/components/DictionaryFieldEditor/EditorView/TextEditor.cjs.map +1 -1
  102. package/dist/components/DictionaryFieldEditor/EditorView/TextEditor.d.ts.map +1 -1
  103. package/dist/components/DictionaryFieldEditor/EditorView/TextEditor.mjs +15 -14
  104. package/dist/components/DictionaryFieldEditor/EditorView/TextEditor.mjs.map +1 -1
  105. package/dist/components/DictionaryFieldEditor/JSONEditor.cjs +2 -2
  106. package/dist/components/DictionaryFieldEditor/JSONEditor.mjs +2 -2
  107. package/dist/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.cjs +6 -10
  108. package/dist/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.cjs.map +1 -1
  109. package/dist/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.d.ts.map +1 -1
  110. package/dist/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.mjs +6 -10
  111. package/dist/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.mjs.map +1 -1
  112. package/dist/components/DictionaryFieldEditor/NodeEditor.cjs +2 -2
  113. package/dist/components/DictionaryFieldEditor/NodeEditor.mjs +2 -2
  114. package/dist/components/DictionaryFieldEditor/NodeTypeSelector.cjs +2 -2
  115. package/dist/components/DictionaryFieldEditor/NodeTypeSelector.mjs +2 -2
  116. package/dist/components/DictionaryFieldEditor/SaveForm/SaveForm.cjs +2 -2
  117. package/dist/components/DictionaryFieldEditor/SaveForm/SaveForm.mjs +2 -2
  118. package/dist/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcherContext.cjs +1 -1
  119. package/dist/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcherContext.mjs +1 -1
  120. package/dist/components/Form/Form.cjs +1 -1
  121. package/dist/components/Form/Form.d.ts +2 -0
  122. package/dist/components/Form/Form.d.ts.map +1 -1
  123. package/dist/components/Form/Form.mjs +1 -1
  124. package/dist/components/Form/elements/AutoSizeTextAreaElement.cjs +7 -0
  125. package/dist/components/Form/elements/AutoSizeTextAreaElement.cjs.map +1 -0
  126. package/dist/components/Form/elements/AutoSizeTextAreaElement.d.ts +9 -0
  127. package/dist/components/Form/elements/AutoSizeTextAreaElement.d.ts.map +1 -0
  128. package/dist/components/Form/elements/AutoSizeTextAreaElement.mjs +7 -0
  129. package/dist/components/Form/elements/AutoSizeTextAreaElement.mjs.map +1 -0
  130. package/dist/components/Form/elements/CheckboxElement.cjs +1 -1
  131. package/dist/components/Form/elements/CheckboxElement.mjs +1 -1
  132. package/dist/components/Form/elements/EditableFieldInputElement.cjs +1 -1
  133. package/dist/components/Form/elements/EditableFieldInputElement.mjs +1 -1
  134. package/dist/components/Form/elements/EditableFieldTextAreaElement.cjs +1 -1
  135. package/dist/components/Form/elements/EditableFieldTextAreaElement.mjs +1 -1
  136. package/dist/components/Form/elements/FormElement.cjs +1 -1
  137. package/dist/components/Form/elements/FormElement.mjs +1 -1
  138. package/dist/components/Form/elements/InputElement.cjs +1 -1
  139. package/dist/components/Form/elements/InputElement.mjs +1 -1
  140. package/dist/components/Form/elements/InputPasswordElement.cjs +1 -1
  141. package/dist/components/Form/elements/InputPasswordElement.mjs +1 -1
  142. package/dist/components/Form/elements/MultiselectElement.cjs +1 -1
  143. package/dist/components/Form/elements/MultiselectElement.mjs +1 -1
  144. package/dist/components/Form/elements/SelectElement.cjs +1 -1
  145. package/dist/components/Form/elements/SelectElement.mjs +1 -1
  146. package/dist/components/Form/elements/SwitchSelectorElement.cjs +1 -1
  147. package/dist/components/Form/elements/SwitchSelectorElement.mjs +1 -1
  148. package/dist/components/Form/elements/TextAreaElement.cjs +1 -1
  149. package/dist/components/Form/elements/TextAreaElement.mjs +1 -1
  150. package/dist/components/Form/elements/index.cjs +1 -1
  151. package/dist/components/Form/elements/index.mjs +1 -1
  152. package/dist/components/Form/index.cjs +1 -1
  153. package/dist/components/Form/index.mjs +1 -1
  154. package/dist/components/Form/layout/FormItemLayout.cjs +1 -1
  155. package/dist/components/Form/layout/FormItemLayout.d.ts.map +1 -1
  156. package/dist/components/Form/layout/FormItemLayout.mjs +1 -1
  157. package/dist/components/Form/layout/index.cjs +1 -1
  158. package/dist/components/Form/layout/index.mjs +1 -1
  159. package/dist/components/IDE/Code.cjs +1 -1
  160. package/dist/components/IDE/Code.cjs.map +1 -1
  161. package/dist/components/IDE/Code.mjs +1 -1
  162. package/dist/components/IDE/Code.mjs.map +1 -1
  163. package/dist/components/IDE/CodeContext.cjs +1 -1
  164. package/dist/components/IDE/CodeContext.mjs +1 -1
  165. package/dist/components/Link/Link.cjs +3 -4
  166. package/dist/components/Link/Link.cjs.map +1 -1
  167. package/dist/components/Link/Link.d.ts +1 -1
  168. package/dist/components/Link/Link.d.ts.map +1 -1
  169. package/dist/components/Link/Link.mjs +3 -4
  170. package/dist/components/Link/Link.mjs.map +1 -1
  171. package/dist/components/Loader/index.cjs +6 -1
  172. package/dist/components/Loader/index.cjs.map +1 -1
  173. package/dist/components/Loader/index.content.cjs +23 -0
  174. package/dist/components/Loader/index.content.cjs.map +1 -0
  175. package/dist/components/Loader/index.content.d.ts +8 -0
  176. package/dist/components/Loader/index.content.d.ts.map +1 -0
  177. package/dist/components/Loader/index.content.mjs +23 -0
  178. package/dist/components/Loader/index.content.mjs.map +1 -0
  179. package/dist/components/Loader/index.d.ts +2 -2
  180. package/dist/components/Loader/index.d.ts.map +1 -1
  181. package/dist/components/Loader/index.mjs +6 -1
  182. package/dist/components/Loader/index.mjs.map +1 -1
  183. package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContent.cjs +1 -1
  184. package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContent.mjs +1 -1
  185. package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.cjs +1 -1
  186. package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.mjs +1 -1
  187. package/dist/components/MarkDownRender/index.cjs +39 -4
  188. package/dist/components/MarkDownRender/index.cjs.map +1 -1
  189. package/dist/components/MarkDownRender/index.d.ts.map +1 -1
  190. package/dist/components/MarkDownRender/index.mjs +40 -5
  191. package/dist/components/MarkDownRender/index.mjs.map +1 -1
  192. package/dist/components/Modal/Modal.cjs +19 -11
  193. package/dist/components/Modal/Modal.cjs.map +1 -1
  194. package/dist/components/Modal/Modal.d.ts +1 -1
  195. package/dist/components/Modal/Modal.d.ts.map +1 -1
  196. package/dist/components/Modal/Modal.mjs +20 -12
  197. package/dist/components/Modal/Modal.mjs.map +1 -1
  198. package/dist/components/Navbar/MobileNavbar.cjs +1 -1
  199. package/dist/components/Navbar/MobileNavbar.mjs +1 -1
  200. package/dist/components/Navbar/index.cjs +1 -1
  201. package/dist/components/Navbar/index.mjs +1 -1
  202. package/dist/components/SwitchSelector/index.cjs +1 -1
  203. package/dist/components/SwitchSelector/index.mjs +1 -1
  204. package/dist/components/TabSelector/TabSelector.cjs +1 -1
  205. package/dist/components/TabSelector/TabSelector.mjs +1 -1
  206. package/dist/components/index.cjs +1 -1
  207. package/dist/components/index.mjs +1 -1
  208. package/dist/hooks/index.cjs +1 -0
  209. package/dist/hooks/index.cjs.map +1 -1
  210. package/dist/hooks/index.mjs +2 -1
  211. package/dist/hooks/intlayerAPIHooks.cjs +2 -0
  212. package/dist/hooks/intlayerAPIHooks.cjs.map +1 -1
  213. package/dist/hooks/intlayerAPIHooks.d.ts +50 -49
  214. package/dist/hooks/intlayerAPIHooks.d.ts.map +1 -1
  215. package/dist/hooks/intlayerAPIHooks.mjs +2 -0
  216. package/dist/hooks/intlayerAPIHooks.mjs.map +1 -1
  217. package/dist/hooks/useAsync/useAsync.cjs +81 -78
  218. package/dist/hooks/useAsync/useAsync.cjs.map +1 -1
  219. package/dist/hooks/useAsync/useAsync.d.ts +5 -25
  220. package/dist/hooks/useAsync/useAsync.d.ts.map +1 -1
  221. package/dist/hooks/useAsync/useAsync.mjs +81 -78
  222. package/dist/hooks/useAsync/useAsync.mjs.map +1 -1
  223. package/dist/hooks/useAsync/useAsyncStateStore.cjs +2 -2
  224. package/dist/hooks/useAsync/useAsyncStateStore.cjs.map +1 -1
  225. package/dist/hooks/useAsync/useAsyncStateStore.d.ts +1 -1
  226. package/dist/hooks/useAsync/useAsyncStateStore.mjs +2 -2
  227. package/dist/hooks/useAsync/useAsyncStateStore.mjs.map +1 -1
  228. package/dist/hooks/useGetAllDictionaries.cjs +2 -2
  229. package/dist/hooks/useGetAllDictionaries.cjs.map +1 -1
  230. package/dist/hooks/useGetAllDictionaries.d.ts +1 -1
  231. package/dist/hooks/useGetAllDictionaries.d.ts.map +1 -1
  232. package/dist/hooks/useGetAllDictionaries.mjs +2 -2
  233. package/dist/hooks/useGetAllDictionaries.mjs.map +1 -1
  234. package/dist/hooks/useIntlayerAPI.cjs +2 -2
  235. package/dist/hooks/useIntlayerAPI.cjs.map +1 -1
  236. package/dist/hooks/useIntlayerAPI.d.ts +59 -58
  237. package/dist/hooks/useIntlayerAPI.d.ts.map +1 -1
  238. package/dist/hooks/useIntlayerAPI.mjs +1 -1
  239. package/dist/hooks/useIntlayerAPI.mjs.map +1 -1
  240. package/dist/hooks/usePersistedStore.cjs +7 -5
  241. package/dist/hooks/usePersistedStore.cjs.map +1 -1
  242. package/dist/hooks/usePersistedStore.d.ts.map +1 -1
  243. package/dist/hooks/usePersistedStore.mjs +7 -5
  244. package/dist/hooks/usePersistedStore.mjs.map +1 -1
  245. package/dist/index-DFc7og1d.cjs +671 -0
  246. package/dist/index-DFc7og1d.cjs.map +1 -0
  247. package/dist/index-DcWYZrJW.js +672 -0
  248. package/dist/index-DcWYZrJW.js.map +1 -0
  249. package/dist/libs/intlayer-api/ai.cjs +11 -1
  250. package/dist/libs/intlayer-api/ai.cjs.map +1 -1
  251. package/dist/libs/intlayer-api/ai.d.ts +3 -1
  252. package/dist/libs/intlayer-api/ai.d.ts.map +1 -1
  253. package/dist/libs/intlayer-api/ai.mjs +11 -1
  254. package/dist/libs/intlayer-api/ai.mjs.map +1 -1
  255. package/dist/libs/intlayer-api/index.d.ts +2 -0
  256. package/dist/libs/intlayer-api/index.d.ts.map +1 -1
  257. package/dist/tailwind.css +1 -1
  258. package/package.json +18 -16
@@ -1,7 +1,7 @@
1
1
  import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
2
2
  import Markdown from "markdown-to-jsx";
3
3
  import { cn } from "../../utils/cn.mjs";
4
- import { H1, H2, H3 } from "../Headers/index.mjs";
4
+ import { H1, H2, H3, H4 } from "../Headers/index.mjs";
5
5
  import { SectionScroller } from "../Headers/SectionScroller.mjs";
6
6
  import { Code } from "../IDE/Code.mjs";
7
7
  import { CodeProvider } from "../IDE/CodeContext.mjs";
@@ -19,6 +19,7 @@ const MarkdownRenderer = ({
19
19
  h1: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(H1, { isClickable: true, ...props }),
20
20
  h2: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(H2, { isClickable: true, ...props }),
21
21
  h3: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(H3, { isClickable: true, ...props }),
22
+ h4: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(H4, { isClickable: true, ...props }),
22
23
  code: (props) => typeof props.className === "undefined" ? /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { className: "bg-card/60 dark:bg-card-dark/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur", children: props.children }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
23
24
  Code,
24
25
  {
@@ -75,6 +76,43 @@ const MarkdownRenderer = ({
75
76
  }
76
77
  ),
77
78
  pre: (props) => props.children,
79
+ table: ({ className, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid w-full max-w-full overflow-scroll rounded", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
80
+ "table",
81
+ {
82
+ className: cn(
83
+ "max-w-full table-auto overflow-hidden text-left",
84
+ className
85
+ ),
86
+ ...props
87
+ }
88
+ ) }),
89
+ th: ({ className, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
90
+ "th",
91
+ {
92
+ className: cn(
93
+ "border-neutral bg-neutral/10 border-b p-4",
94
+ className
95
+ ),
96
+ ...props
97
+ }
98
+ ),
99
+ tr: ({ className, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
100
+ "tr",
101
+ {
102
+ className: cn(
103
+ "hover:bg-neutral/10 hover:dark:bg-neutral-dark/10",
104
+ className
105
+ ),
106
+ ...props
107
+ }
108
+ ),
109
+ td: ({ className, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
110
+ "td",
111
+ {
112
+ className: cn("border-b border-neutral-500/50 p-4", className),
113
+ ...props
114
+ }
115
+ ),
78
116
  ...overrides
79
117
  },
80
118
  wrapper: ({ className, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -82,10 +120,7 @@ const MarkdownRenderer = ({
82
120
  /* @__PURE__ */ jsxRuntimeExports.jsx(
83
121
  "div",
84
122
  {
85
- className: cn(
86
- "text-text dark:text-text-dark flex flex-col gap-6 p-10",
87
- className
88
- ),
123
+ className: cn("flex flex-col gap-6 p-10", className),
89
124
  ...props
90
125
  }
91
126
  )
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../../src/components/MarkDownRender/index.tsx"],"sourcesContent":["import { Locales } from '@intlayer/core';\nimport Markdown, { type MarkdownToJSX } from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { H1, H2, H3 } from '../Headers';\nimport { SectionScroller } from '../Headers/SectionScroller';\nimport { Code } from '../IDE/Code';\nimport { CodeProvider } from '../IDE/CodeContext';\nimport { Link } from '../Link';\n\ntype MarkdownRendererProps = {\n children: string;\n isDarkMode?: boolean;\n locale?: Locales;\n overrides?: MarkdownToJSX.Overrides;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n children,\n isDarkMode,\n locale,\n overrides,\n}) => (\n <CodeProvider>\n <Markdown\n options={{\n overrides: {\n h1: (props) => <H1 isClickable={true} {...props} />,\n h2: (props) => <H2 isClickable={true} {...props} />,\n h3: (props) => <H3 isClickable={true} {...props} />,\n\n code: (props) =>\n typeof props.className === 'undefined' ? (\n <strong className=\"bg-card/60 dark:bg-card-dark/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur\">\n {props.children}\n </strong>\n ) : (\n <Code\n isDarkMode={isDarkMode}\n language={props.className.replace('lang-', '')}\n {...props}\n />\n ),\n\n blockquote: ({ className, ...props }) => (\n <blockquote\n className={cn(\n 'border-card dark:border-card-dark text-neutral dark:text-neutral-dark mt-5 flex flex-col gap-3 border-l-4 pl-5',\n className\n )}\n {...props}\n />\n ),\n ul: ({ className, ...props }) => (\n <ul\n className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n {...props}\n />\n ),\n ol: ({ className, ...props }) => (\n <ol\n className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n {...props}\n />\n ),\n li: ({ className, ...props }) => (\n <li className={cn('list-disc', className)} {...props} />\n ),\n img: ({ className, ...props }) => (\n // eslint-disable-next-line jsx-a11y/alt-text\n <img\n {...props}\n loading=\"lazy\"\n className={cn('max-w-full rounded-md', className)}\n src={`${props.src}?raw=true`}\n />\n ),\n a: (props) => (\n <Link\n color=\"neutral\"\n isExternalLink={props.href?.startsWith('http')}\n underlined={true}\n locale={locale}\n {...props}\n />\n ),\n pre: (props) => props.children,\n ...overrides,\n },\n wrapper: ({ className, ...props }) => (\n <>\n <SectionScroller />\n <div\n className={cn(\n 'text-text dark:text-text-dark flex flex-col gap-6 p-10',\n className\n )}\n {...props}\n />\n </>\n ),\n }}\n >\n {children ?? ''}\n </Markdown>\n </CodeProvider>\n);\n"],"names":["jsx","jsxs","Fragment"],"mappings":";;;;;;;;AAiBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,4CACG,cACC,EAAA,UAAAA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,IAAI,CAAC,UAAUA,sCAAC,MAAG,aAAa,MAAO,GAAG,OAAO;AAAA,QACjD,IAAI,CAAC,UAAUA,sCAAC,MAAG,aAAa,MAAO,GAAG,OAAO;AAAA,QACjD,IAAI,CAAC,UAAUA,sCAAC,MAAG,aAAa,MAAO,GAAG,OAAO;AAAA,QAEjD,MAAM,CAAC,UACL,OAAO,MAAM,cAAc,cACzBA,kCAAA,IAAC,UAAO,EAAA,WAAU,qGACf,UAAA,MAAM,SACT,CAAA,IAEAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,UAAU,MAAM,UAAU,QAAQ,SAAS,EAAE;AAAA,YAC5C,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAGJ,YAAY,CAAC,EAAE,WAAW,GAAG,MAC3B,MAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAG,iCAAiC,SAAS;AAAA,YACvD,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAG,iCAAiC,SAAS;AAAA,YACvD,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,MACxBA,kCAAAA,IAAA,MAAA,EAAG,WAAW,GAAG,aAAa,SAAS,GAAI,GAAG,MAAO,CAAA;AAAA,QAExD,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM;AAAA;AAAA,UAE1BA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,GAAG;AAAA,cACJ,SAAQ;AAAA,cACR,WAAW,GAAG,yBAAyB,SAAS;AAAA,cAChD,KAAK,GAAG,MAAM,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA;AAAA,QAGrB,GAAG,CAAC,UACFA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,gBAAgB,MAAM,MAAM,WAAW,MAAM;AAAA,YAC7C,YAAY;AAAA,YACZ;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,KAAK,CAAC,UAAU,MAAM;AAAA,QACtB,GAAG;AAAA,MACL;AAAA,MACA,SAAS,CAAC,EAAE,WAAW,GAAG,YAEtBC,uCAAAC,kBAAAA,UAAA,EAAA,UAAA;AAAA,QAAAF,kCAAA,IAAC,iBAAgB,EAAA;AAAA,QACjBA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QAAA;AAAA,MACN,EACF,CAAA;AAAA,IAEJ;AAAA,IAEC,UAAY,YAAA;AAAA,EAAA;AACf,EACF,CAAA;"}
1
+ {"version":3,"file":"index.mjs","sources":["../../../src/components/MarkDownRender/index.tsx"],"sourcesContent":["import { Locales } from '@intlayer/core';\nimport Markdown, { type MarkdownToJSX } from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { H1, H2, H3, H4 } from '../Headers';\nimport { SectionScroller } from '../Headers/SectionScroller';\nimport { Code } from '../IDE/Code';\nimport { CodeProvider } from '../IDE/CodeContext';\nimport { Link } from '../Link';\n\ntype MarkdownRendererProps = {\n children: string;\n isDarkMode?: boolean;\n locale?: Locales;\n overrides?: MarkdownToJSX.Overrides;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n children,\n isDarkMode,\n locale,\n overrides,\n}) => (\n <CodeProvider>\n <Markdown\n options={{\n overrides: {\n h1: (props) => <H1 isClickable={true} {...props} />,\n h2: (props) => <H2 isClickable={true} {...props} />,\n h3: (props) => <H3 isClickable={true} {...props} />,\n h4: (props) => <H4 isClickable={true} {...props} />,\n\n code: (props) =>\n typeof props.className === 'undefined' ? (\n <strong className=\"bg-card/60 dark:bg-card-dark/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur\">\n {props.children}\n </strong>\n ) : (\n <Code\n isDarkMode={isDarkMode}\n language={props.className.replace('lang-', '')}\n {...props}\n />\n ),\n\n blockquote: ({ className, ...props }) => (\n <blockquote\n className={cn(\n 'border-card dark:border-card-dark text-neutral dark:text-neutral-dark mt-5 flex flex-col gap-3 border-l-4 pl-5',\n className\n )}\n {...props}\n />\n ),\n ul: ({ className, ...props }) => (\n <ul\n className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n {...props}\n />\n ),\n ol: ({ className, ...props }) => (\n <ol\n className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n {...props}\n />\n ),\n li: ({ className, ...props }) => (\n <li className={cn('list-disc', className)} {...props} />\n ),\n img: ({ className, ...props }) => (\n // eslint-disable-next-line jsx-a11y/alt-text\n <img\n {...props}\n loading=\"lazy\"\n className={cn('max-w-full rounded-md', className)}\n src={`${props.src}?raw=true`}\n />\n ),\n a: (props) => (\n <Link\n color=\"neutral\"\n isExternalLink={props.href?.startsWith('http')}\n underlined={true}\n locale={locale}\n {...props}\n />\n ),\n pre: (props) => props.children,\n table: ({ className, ...props }) => (\n <div className=\"grid w-full max-w-full overflow-scroll rounded\">\n <table\n className={cn(\n 'max-w-full table-auto overflow-hidden text-left',\n className\n )}\n {...props}\n />\n </div>\n ),\n th: ({ className, ...props }) => (\n <th\n className={cn(\n 'border-neutral bg-neutral/10 border-b p-4',\n className\n )}\n {...props}\n />\n ),\n tr: ({ className, ...props }) => (\n <tr\n className={cn(\n 'hover:bg-neutral/10 hover:dark:bg-neutral-dark/10',\n className\n )}\n {...props}\n />\n ),\n td: ({ className, ...props }) => (\n <td\n className={cn('border-b border-neutral-500/50 p-4', className)}\n {...props}\n />\n ),\n ...overrides,\n },\n wrapper: ({ className, ...props }) => (\n <>\n <SectionScroller />\n <div\n className={cn('flex flex-col gap-6 p-10', className)}\n {...props}\n />\n </>\n ),\n }}\n >\n {children ?? ''}\n </Markdown>\n </CodeProvider>\n);\n"],"names":["jsx","jsxs","Fragment"],"mappings":";;;;;;;;AAiBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,4CACG,cACC,EAAA,UAAAA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,IAAI,CAAC,UAAUA,sCAAC,MAAG,aAAa,MAAO,GAAG,OAAO;AAAA,QACjD,IAAI,CAAC,UAAUA,sCAAC,MAAG,aAAa,MAAO,GAAG,OAAO;AAAA,QACjD,IAAI,CAAC,UAAUA,sCAAC,MAAG,aAAa,MAAO,GAAG,OAAO;AAAA,QACjD,IAAI,CAAC,UAAUA,sCAAC,MAAG,aAAa,MAAO,GAAG,OAAO;AAAA,QAEjD,MAAM,CAAC,UACL,OAAO,MAAM,cAAc,cACzBA,kCAAA,IAAC,UAAO,EAAA,WAAU,qGACf,UAAA,MAAM,SACT,CAAA,IAEAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,UAAU,MAAM,UAAU,QAAQ,SAAS,EAAE;AAAA,YAC5C,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAGJ,YAAY,CAAC,EAAE,WAAW,GAAG,MAC3B,MAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAG,iCAAiC,SAAS;AAAA,YACvD,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAG,iCAAiC,SAAS;AAAA,YACvD,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,MACxBA,kCAAAA,IAAA,MAAA,EAAG,WAAW,GAAG,aAAa,SAAS,GAAI,GAAG,MAAO,CAAA;AAAA,QAExD,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM;AAAA;AAAA,UAE1BA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,GAAG;AAAA,cACJ,SAAQ;AAAA,cACR,WAAW,GAAG,yBAAyB,SAAS;AAAA,cAChD,KAAK,GAAG,MAAM,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA;AAAA,QAGrB,GAAG,CAAC,UACFA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,gBAAgB,MAAM,MAAM,WAAW,MAAM;AAAA,YAC7C,YAAY;AAAA,YACZ;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,KAAK,CAAC,UAAU,MAAM;AAAA,QACtB,OAAO,CAAC,EAAE,WAAW,GAAG,MACtB,MAAAA,sCAAC,OAAI,EAAA,WAAU,kDACb,UAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QAAA,GAER;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAG,sCAAsC,SAAS;AAAA,YAC5D,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,GAAG;AAAA,MACL;AAAA,MACA,SAAS,CAAC,EAAE,WAAW,GAAG,YAEtBC,uCAAAC,kBAAAA,UAAA,EAAA,UAAA;AAAA,QAAAF,kCAAA,IAAC,iBAAgB,EAAA;AAAA,QACjBA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAG,4BAA4B,SAAS;AAAA,YAClD,GAAG;AAAA,UAAA;AAAA,QAAA;AAAA,MACN,EACF,CAAA;AAAA,IAEJ;AAAA,IAEC,UAAY,YAAA;AAAA,EAAA;AACf,EACF,CAAA;"}
@@ -10,7 +10,7 @@ require("react");
10
10
  const hooks_useGetElementOrWindow = require("../../hooks/useGetElementOrWindow.cjs");
11
11
  const hooks_useScrollBlockage_index = require("../../hooks/useScrollBlockage/index.cjs");
12
12
  require("../../hooks/useAsync/useAsyncStateStore.cjs");
13
- require("../../libs/intlayer-api/index.cjs");
13
+ require("../../index-DFc7og1d.cjs");
14
14
  require("@intlayer/config/client");
15
15
  require("../Toaster/Toast.cjs");
16
16
  require("@intlayer/dictionaries-entry");
@@ -35,7 +35,7 @@ const modalVariants = classVarianceAuthority.cva(
35
35
  }
36
36
  }
37
37
  );
38
- const MotionModal = framerMotion.motion.create(components_Container_index.Container);
38
+ const MotionModal = framerMotion.m.create(components_Container_index.Container);
39
39
  const Modal = ({
40
40
  children,
41
41
  isOpen,
@@ -53,15 +53,22 @@ const Modal = ({
53
53
  const hasTitle = typeof title === "string";
54
54
  return reactDom.createPortal(
55
55
  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
56
- framerMotion.motion.div,
56
+ framerMotion.m.div,
57
57
  {
58
- className: utils_cn.cn(
59
- "bg-background/40 dark:bg-background-dark/40 fixed left-0 top-0 z-50 flex size-full cursor-pointer items-center justify-center overflow-auto backdrop-blur",
60
- isOpen ? "visible" : "hidden"
61
- ),
62
- initial: { opacity: isOpen ? 0 : 1 },
63
- animate: { opacity: isOpen ? 1 : 0 },
64
- transition: { duration: 0.1 },
58
+ className: "bg-background/40 dark:bg-background-dark/40 invisible fixed left-0 top-0 z-50 flex size-full cursor-pointer items-center justify-center overflow-auto backdrop-blur",
59
+ animate: isOpen ? "visible" : "invisible",
60
+ variants: {
61
+ visible: {
62
+ opacity: 1,
63
+ visibility: "visible",
64
+ transition: { duration: 0.1, when: "beforeChildren" }
65
+ },
66
+ invisible: {
67
+ opacity: 0,
68
+ visibility: "hidden",
69
+ transition: { duration: 0.1, when: "afterChildren" }
70
+ }
71
+ },
65
72
  onClick: (e) => {
66
73
  e.stopPropagation();
67
74
  onClose?.();
@@ -86,6 +93,7 @@ const Modal = ({
86
93
  "div",
87
94
  {
88
95
  className: utils_cn.cn(
96
+ "cursor-default",
89
97
  hasCloseButton && hasTitle ? `flex items-center justify-center` : hasCloseButton ? `flex items-center justify-end` : hasTitle ? `items-center` : `hidden`
90
98
  ),
91
99
  children: [
@@ -105,7 +113,7 @@ const Modal = ({
105
113
  ]
106
114
  }
107
115
  ),
108
- /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "mx-2 my-4 flex flex-1 flex-col items-center overflow-auto", children })
116
+ /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "flex flex-1 flex-col items-center overflow-auto", children })
109
117
  ]
110
118
  }
111
119
  )
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.cjs","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { motion } from 'framer-motion';\nimport { X } from 'lucide-react';\nimport type { FC } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useGetElementOrWindow, useScrollBlockage } from '../../hooks/index';\nimport { cn } from '../../utils/cn';\nimport { Container, type ContainerProps } from '../Container';\nimport { H3 } from '../Headers';\n\ntype ModalProps = {\n children: React.ReactNode;\n isOpen: boolean;\n onClose?: () => void;\n container?: HTMLElement;\n disableScroll?: boolean;\n hasCloseButton?: boolean;\n title?: string;\n size?: Size;\n} & Pick<ContainerProps, 'transparency'>;\n\nconst modalVariants = cva(\n 'cursor-default overflow-auto p-3 shadow justify-center',\n {\n variants: {\n variant: {\n sm: 'max-h-[30vh] w-[95vw] max-w-xl',\n md: 'max-h-[50vh] w-[95vw] max-w-xl',\n lg: 'max-h-[70vh] w-[95vw] max-w-2xl',\n xl: 'max-h-[95vh] w-[95vw] max-w-3xl',\n unset: 'max-h-[95vh] w-[95vw]',\n },\n },\n defaultVariants: {\n variant: 'unset',\n },\n }\n);\n\ntype Size = 'sm' | 'md' | 'lg' | 'xl' | 'unset';\n\nconst MotionModal = motion.create(Container);\n\n/**\n * Usage example:\n * ```jsx\n * <Modal isOpen={isOpen} onClose={onClose}>\n * Modal content\n * </Modal>\n * ```\n */\nexport const Modal: FC<ModalProps> = ({\n children,\n isOpen,\n container,\n disableScroll = false,\n onClose,\n hasCloseButton = false,\n title,\n size = 'md',\n ...props\n}) => {\n const containerElement = useGetElementOrWindow(container);\n\n useScrollBlockage({ key: 'modal', disableScroll: isOpen && disableScroll });\n\n if (!containerElement) return <></>;\n\n const hasTitle = typeof title === 'string';\n\n return createPortal(\n <motion.div\n className={cn(\n 'bg-background/40 dark:bg-background-dark/40 fixed left-0 top-0 z-50 flex size-full cursor-pointer items-center justify-center overflow-auto backdrop-blur',\n isOpen ? 'visible' : 'hidden'\n )}\n initial={{ opacity: isOpen ? 0 : 1 }}\n animate={{ opacity: isOpen ? 1 : 0 }}\n transition={{ duration: 0.1 }}\n onClick={(e) => {\n e.stopPropagation();\n onClose?.();\n }}\n aria-hidden={!isOpen}\n >\n <MotionModal\n onClick={(e) => e.stopPropagation()}\n initial={{ scale: isOpen ? 0.5 : 1 }}\n animate={{ scale: isOpen ? 1 : 0.5 }}\n transition={{ duration: 0.3 }}\n className={modalVariants({\n variant: size,\n })}\n role=\"dialog\"\n aria-modal\n roundedSize=\"2xl\"\n {...props}\n >\n <div\n className={cn(\n hasCloseButton && hasTitle\n ? `flex items-center justify-center`\n : hasCloseButton\n ? `flex items-center justify-end`\n : hasTitle\n ? `items-center`\n : `hidden`\n )}\n >\n {hasTitle && (\n <H3 className=\"flex items-center justify-center text-lg font-bold\">\n {title}\n </H3>\n )}\n {hasCloseButton && (\n <X\n role=\"button\"\n aria-label=\"Close modal\"\n className=\"right-2 top-2 ml-auto cursor-pointer\"\n onClick={(e) => {\n e.stopPropagation();\n onClose?.();\n }}\n />\n )}\n </div>\n <div className=\"mx-2 my-4 flex flex-1 flex-col items-center overflow-auto\">\n {children}\n </div>\n </MotionModal>\n </motion.div>,\n containerElement\n );\n};\n"],"names":["cva","motion","Container","useGetElementOrWindow","useScrollBlockage","jsx","Fragment","createPortal","cn","jsxs","H3","X"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuBA,MAAM,gBAAgBA,uBAAA;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAIA,MAAM,cAAcC,aAAAA,OAAO,OAAOC,oCAAS;AAUpC,MAAM,QAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,MAAM;AACE,QAAA,mBAAmBC,kDAAsB,SAAS;AAExDC,gCAAA,kBAAkB,EAAE,KAAK,SAAS,eAAe,UAAU,eAAe;AAEtE,MAAA,CAAC,iBAAkB,QAASC,iDAAAC,WAAAA,kBAAAA,UAAA,CAAA,CAAA;AAE1B,QAAA,WAAW,OAAO,UAAU;AAE3B,SAAAC,SAAA;AAAA,IACLF,2BAAA,kBAAA;AAAA,MAACJ,aAAAA,OAAO;AAAA,MAAP;AAAA,QACC,WAAWO,SAAA;AAAA,UACT;AAAA,UACA,SAAS,YAAY;AAAA,QACvB;AAAA,QACA,SAAS,EAAE,SAAS,SAAS,IAAI,EAAE;AAAA,QACnC,SAAS,EAAE,SAAS,SAAS,IAAI,EAAE;AAAA,QACnC,YAAY,EAAE,UAAU,IAAI;AAAA,QAC5B,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AACR,oBAAA;AAAA,QACZ;AAAA,QACA,eAAa,CAAC;AAAA,QAEd,UAAAC,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,YAClC,SAAS,EAAE,OAAO,SAAS,MAAM,EAAE;AAAA,YACnC,SAAS,EAAE,OAAO,SAAS,IAAI,IAAI;AAAA,YACnC,YAAY,EAAE,UAAU,IAAI;AAAA,YAC5B,WAAW,cAAc;AAAA,cACvB,SAAS;AAAA,YAAA,CACV;AAAA,YACD,MAAK;AAAA,YACL,cAAU;AAAA,YACV,aAAY;AAAA,YACX,GAAG;AAAA,YAEJ,UAAA;AAAA,cAAAA,2BAAA,kBAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWD,SAAA;AAAA,oBACT,kBAAkB,WACd,qCACA,iBACE,kCACA,WACE,iBACA;AAAA,kBACV;AAAA,kBAEC,UAAA;AAAA,oBAAA,YACEH,2BAAA,kBAAA,IAAAK,6BAAA,EAAG,WAAU,sDACX,UACH,OAAA;AAAA,oBAED,kBACCL,2BAAA,kBAAA;AAAA,sBAACM,YAAA;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,cAAW;AAAA,wBACX,WAAU;AAAA,wBACV,SAAS,CAAC,MAAM;AACd,4BAAE,gBAAgB;AACR,oCAAA;AAAA,wBAAA;AAAA,sBACZ;AAAA,oBAAA;AAAA,kBACF;AAAA,gBAAA;AAAA,cAEJ;AAAA,cACCN,2BAAAA,kBAAAA,IAAA,OAAA,EAAI,WAAU,6DACZ,SACH,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF;;"}
1
+ {"version":3,"file":"Modal.cjs","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { m } from 'framer-motion';\nimport { X } from 'lucide-react';\nimport type { FC } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useGetElementOrWindow, useScrollBlockage } from '../../hooks/index';\nimport { cn } from '../../utils/cn';\nimport { Container, type ContainerProps } from '../Container';\nimport { H3 } from '../Headers';\n\ntype ModalProps = {\n children: React.ReactNode;\n isOpen: boolean;\n onClose?: () => void;\n container?: HTMLElement;\n disableScroll?: boolean;\n hasCloseButton?: boolean;\n title?: string;\n size?: Size;\n} & Pick<\n ContainerProps,\n | 'className'\n | 'transparency'\n | 'border'\n | 'background'\n | 'roundedSize'\n | 'borderColor'\n | 'padding'\n | 'separator'\n | 'gap'\n>;\n\nconst modalVariants = cva(\n 'cursor-default overflow-auto p-3 shadow justify-center',\n {\n variants: {\n variant: {\n sm: 'max-h-[30vh] w-[95vw] max-w-xl',\n md: 'max-h-[50vh] w-[95vw] max-w-xl',\n lg: 'max-h-[70vh] w-[95vw] max-w-2xl',\n xl: 'max-h-[95vh] w-[95vw] max-w-3xl',\n unset: 'max-h-[95vh] w-[95vw]',\n },\n },\n defaultVariants: {\n variant: 'unset',\n },\n }\n);\n\ntype Size = 'sm' | 'md' | 'lg' | 'xl' | 'unset';\n\nconst MotionModal = m.create(Container);\n\n/**\n * Usage example:\n * ```jsx\n * <Modal isOpen={isOpen} onClose={onClose}>\n * Modal content\n * </Modal>\n * ```\n */\nexport const Modal: FC<ModalProps> = ({\n children,\n isOpen,\n container,\n disableScroll = false,\n onClose,\n hasCloseButton = false,\n title,\n size = 'md',\n ...props\n}) => {\n const containerElement = useGetElementOrWindow(container);\n\n useScrollBlockage({ key: 'modal', disableScroll: isOpen && disableScroll });\n\n if (!containerElement) return <></>;\n\n const hasTitle = typeof title === 'string';\n\n return createPortal(\n <m.div\n className=\"bg-background/40 dark:bg-background-dark/40 invisible fixed left-0 top-0 z-50 flex size-full cursor-pointer items-center justify-center overflow-auto backdrop-blur\"\n animate={isOpen ? 'visible' : 'invisible'}\n variants={{\n visible: {\n opacity: 1,\n visibility: 'visible',\n transition: { duration: 0.1, when: 'beforeChildren' },\n },\n invisible: {\n opacity: 0,\n visibility: 'hidden',\n transition: { duration: 0.1, when: 'afterChildren' },\n },\n }}\n onClick={(e) => {\n e.stopPropagation();\n onClose?.();\n }}\n aria-hidden={!isOpen}\n >\n <MotionModal\n onClick={(e) => e.stopPropagation()}\n initial={{ scale: isOpen ? 0.5 : 1 }}\n animate={{ scale: isOpen ? 1 : 0.5 }}\n transition={{ duration: 0.3 }}\n className={modalVariants({\n variant: size,\n })}\n role=\"dialog\"\n aria-modal\n roundedSize=\"2xl\"\n {...props}\n >\n <div\n className={cn(\n 'cursor-default',\n hasCloseButton && hasTitle\n ? `flex items-center justify-center`\n : hasCloseButton\n ? `flex items-center justify-end`\n : hasTitle\n ? `items-center`\n : `hidden`\n )}\n >\n {hasTitle && (\n <H3 className=\"flex items-center justify-center text-lg font-bold\">\n {title}\n </H3>\n )}\n {hasCloseButton && (\n <X\n role=\"button\"\n aria-label=\"Close modal\"\n className=\"right-2 top-2 ml-auto cursor-pointer\"\n onClick={(e) => {\n e.stopPropagation();\n onClose?.();\n }}\n />\n )}\n </div>\n <div className=\"flex flex-1 flex-col items-center overflow-auto\">\n {children}\n </div>\n </MotionModal>\n </m.div>,\n containerElement\n );\n};\n"],"names":["cva","m","Container","useGetElementOrWindow","useScrollBlockage","jsx","Fragment","createPortal","jsxs","cn","H3","X"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkCA,MAAM,gBAAgBA,uBAAA;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAIA,MAAM,cAAcC,aAAAA,EAAE,OAAOC,oCAAS;AAU/B,MAAM,QAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,MAAM;AACE,QAAA,mBAAmBC,kDAAsB,SAAS;AAExDC,gCAAA,kBAAkB,EAAE,KAAK,SAAS,eAAe,UAAU,eAAe;AAEtE,MAAA,CAAC,iBAAkB,QAASC,iDAAAC,WAAAA,kBAAAA,UAAA,CAAA,CAAA;AAE1B,QAAA,WAAW,OAAO,UAAU;AAE3B,SAAAC,SAAA;AAAA,IACLF,2BAAA,kBAAA;AAAA,MAACJ,aAAAA,EAAE;AAAA,MAAF;AAAA,QACC,WAAU;AAAA,QACV,SAAS,SAAS,YAAY;AAAA,QAC9B,UAAU;AAAA,UACR,SAAS;AAAA,YACP,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,YAAY,EAAE,UAAU,KAAK,MAAM,iBAAiB;AAAA,UACtD;AAAA,UACA,WAAW;AAAA,YACT,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,YAAY,EAAE,UAAU,KAAK,MAAM,gBAAgB;AAAA,UAAA;AAAA,QAEvD;AAAA,QACA,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AACR,oBAAA;AAAA,QACZ;AAAA,QACA,eAAa,CAAC;AAAA,QAEd,UAAAO,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,YAClC,SAAS,EAAE,OAAO,SAAS,MAAM,EAAE;AAAA,YACnC,SAAS,EAAE,OAAO,SAAS,IAAI,IAAI;AAAA,YACnC,YAAY,EAAE,UAAU,IAAI;AAAA,YAC5B,WAAW,cAAc;AAAA,cACvB,SAAS;AAAA,YAAA,CACV;AAAA,YACD,MAAK;AAAA,YACL,cAAU;AAAA,YACV,aAAY;AAAA,YACX,GAAG;AAAA,YAEJ,UAAA;AAAA,cAAAA,2BAAA,kBAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWC,SAAA;AAAA,oBACT;AAAA,oBACA,kBAAkB,WACd,qCACA,iBACE,kCACA,WACE,iBACA;AAAA,kBACV;AAAA,kBAEC,UAAA;AAAA,oBAAA,YACEJ,2BAAA,kBAAA,IAAAK,6BAAA,EAAG,WAAU,sDACX,UACH,OAAA;AAAA,oBAED,kBACCL,2BAAA,kBAAA;AAAA,sBAACM,YAAA;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,cAAW;AAAA,wBACX,WAAU;AAAA,wBACV,SAAS,CAAC,MAAM;AACd,4BAAE,gBAAgB;AACR,oCAAA;AAAA,wBAAA;AAAA,sBACZ;AAAA,oBAAA;AAAA,kBACF;AAAA,gBAAA;AAAA,cAEJ;AAAA,cACCN,2BAAAA,kBAAAA,IAAA,OAAA,EAAI,WAAU,mDACZ,SACH,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF;;"}
@@ -9,7 +9,7 @@ type ModalProps = {
9
9
  hasCloseButton?: boolean;
10
10
  title?: string;
11
11
  size?: Size;
12
- } & Pick<ContainerProps, 'transparency'>;
12
+ } & Pick<ContainerProps, 'className' | 'transparency' | 'border' | 'background' | 'roundedSize' | 'borderColor' | 'padding' | 'separator' | 'gap'>;
13
13
  type Size = 'sm' | 'md' | 'lg' | 'xl' | 'unset';
14
14
  /**
15
15
  * Usage example:
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9D,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,GAAG,IAAI,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;AAoBzC,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,CAAC;AAIhD;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAkFhC,CAAC"}
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9D,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,GAAG,IAAI,CACN,cAAc,EACZ,WAAW,GACX,cAAc,GACd,QAAQ,GACR,YAAY,GACZ,aAAa,GACb,aAAa,GACb,SAAS,GACT,WAAW,GACX,KAAK,CACR,CAAC;AAoBF,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,CAAC;AAIhD;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CA0FhC,CAAC"}
@@ -1,14 +1,14 @@
1
1
  "use client";
2
2
  import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
3
3
  import { cva } from "class-variance-authority";
4
- import { motion } from "framer-motion";
4
+ import { m } from "framer-motion";
5
5
  import { X } from "lucide-react";
6
6
  import { createPortal } from "react-dom";
7
7
  import "react";
8
8
  import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
9
9
  import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
10
10
  import "../../hooks/useAsync/useAsyncStateStore.mjs";
11
- import "../../libs/intlayer-api/index.mjs";
11
+ import "../../index-DcWYZrJW.js";
12
12
  import "@intlayer/config/client";
13
13
  import "../Toaster/Toast.mjs";
14
14
  import "@intlayer/dictionaries-entry";
@@ -33,7 +33,7 @@ const modalVariants = cva(
33
33
  }
34
34
  }
35
35
  );
36
- const MotionModal = motion.create(Container);
36
+ const MotionModal = m.create(Container);
37
37
  const Modal = ({
38
38
  children,
39
39
  isOpen,
@@ -51,15 +51,22 @@ const Modal = ({
51
51
  const hasTitle = typeof title === "string";
52
52
  return createPortal(
53
53
  /* @__PURE__ */ jsxRuntimeExports.jsx(
54
- motion.div,
54
+ m.div,
55
55
  {
56
- className: cn(
57
- "bg-background/40 dark:bg-background-dark/40 fixed left-0 top-0 z-50 flex size-full cursor-pointer items-center justify-center overflow-auto backdrop-blur",
58
- isOpen ? "visible" : "hidden"
59
- ),
60
- initial: { opacity: isOpen ? 0 : 1 },
61
- animate: { opacity: isOpen ? 1 : 0 },
62
- transition: { duration: 0.1 },
56
+ className: "bg-background/40 dark:bg-background-dark/40 invisible fixed left-0 top-0 z-50 flex size-full cursor-pointer items-center justify-center overflow-auto backdrop-blur",
57
+ animate: isOpen ? "visible" : "invisible",
58
+ variants: {
59
+ visible: {
60
+ opacity: 1,
61
+ visibility: "visible",
62
+ transition: { duration: 0.1, when: "beforeChildren" }
63
+ },
64
+ invisible: {
65
+ opacity: 0,
66
+ visibility: "hidden",
67
+ transition: { duration: 0.1, when: "afterChildren" }
68
+ }
69
+ },
63
70
  onClick: (e) => {
64
71
  e.stopPropagation();
65
72
  onClose?.();
@@ -84,6 +91,7 @@ const Modal = ({
84
91
  "div",
85
92
  {
86
93
  className: cn(
94
+ "cursor-default",
87
95
  hasCloseButton && hasTitle ? `flex items-center justify-center` : hasCloseButton ? `flex items-center justify-end` : hasTitle ? `items-center` : `hidden`
88
96
  ),
89
97
  children: [
@@ -103,7 +111,7 @@ const Modal = ({
103
111
  ]
104
112
  }
105
113
  ),
106
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-2 my-4 flex flex-1 flex-col items-center overflow-auto", children })
114
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-1 flex-col items-center overflow-auto", children })
107
115
  ]
108
116
  }
109
117
  )
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.mjs","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { motion } from 'framer-motion';\nimport { X } from 'lucide-react';\nimport type { FC } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useGetElementOrWindow, useScrollBlockage } from '../../hooks/index';\nimport { cn } from '../../utils/cn';\nimport { Container, type ContainerProps } from '../Container';\nimport { H3 } from '../Headers';\n\ntype ModalProps = {\n children: React.ReactNode;\n isOpen: boolean;\n onClose?: () => void;\n container?: HTMLElement;\n disableScroll?: boolean;\n hasCloseButton?: boolean;\n title?: string;\n size?: Size;\n} & Pick<ContainerProps, 'transparency'>;\n\nconst modalVariants = cva(\n 'cursor-default overflow-auto p-3 shadow justify-center',\n {\n variants: {\n variant: {\n sm: 'max-h-[30vh] w-[95vw] max-w-xl',\n md: 'max-h-[50vh] w-[95vw] max-w-xl',\n lg: 'max-h-[70vh] w-[95vw] max-w-2xl',\n xl: 'max-h-[95vh] w-[95vw] max-w-3xl',\n unset: 'max-h-[95vh] w-[95vw]',\n },\n },\n defaultVariants: {\n variant: 'unset',\n },\n }\n);\n\ntype Size = 'sm' | 'md' | 'lg' | 'xl' | 'unset';\n\nconst MotionModal = motion.create(Container);\n\n/**\n * Usage example:\n * ```jsx\n * <Modal isOpen={isOpen} onClose={onClose}>\n * Modal content\n * </Modal>\n * ```\n */\nexport const Modal: FC<ModalProps> = ({\n children,\n isOpen,\n container,\n disableScroll = false,\n onClose,\n hasCloseButton = false,\n title,\n size = 'md',\n ...props\n}) => {\n const containerElement = useGetElementOrWindow(container);\n\n useScrollBlockage({ key: 'modal', disableScroll: isOpen && disableScroll });\n\n if (!containerElement) return <></>;\n\n const hasTitle = typeof title === 'string';\n\n return createPortal(\n <motion.div\n className={cn(\n 'bg-background/40 dark:bg-background-dark/40 fixed left-0 top-0 z-50 flex size-full cursor-pointer items-center justify-center overflow-auto backdrop-blur',\n isOpen ? 'visible' : 'hidden'\n )}\n initial={{ opacity: isOpen ? 0 : 1 }}\n animate={{ opacity: isOpen ? 1 : 0 }}\n transition={{ duration: 0.1 }}\n onClick={(e) => {\n e.stopPropagation();\n onClose?.();\n }}\n aria-hidden={!isOpen}\n >\n <MotionModal\n onClick={(e) => e.stopPropagation()}\n initial={{ scale: isOpen ? 0.5 : 1 }}\n animate={{ scale: isOpen ? 1 : 0.5 }}\n transition={{ duration: 0.3 }}\n className={modalVariants({\n variant: size,\n })}\n role=\"dialog\"\n aria-modal\n roundedSize=\"2xl\"\n {...props}\n >\n <div\n className={cn(\n hasCloseButton && hasTitle\n ? `flex items-center justify-center`\n : hasCloseButton\n ? `flex items-center justify-end`\n : hasTitle\n ? `items-center`\n : `hidden`\n )}\n >\n {hasTitle && (\n <H3 className=\"flex items-center justify-center text-lg font-bold\">\n {title}\n </H3>\n )}\n {hasCloseButton && (\n <X\n role=\"button\"\n aria-label=\"Close modal\"\n className=\"right-2 top-2 ml-auto cursor-pointer\"\n onClick={(e) => {\n e.stopPropagation();\n onClose?.();\n }}\n />\n )}\n </div>\n <div className=\"mx-2 my-4 flex flex-1 flex-col items-center overflow-auto\">\n {children}\n </div>\n </MotionModal>\n </motion.div>,\n containerElement\n );\n};\n"],"names":["jsx","Fragment","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;AAuBA,MAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAIA,MAAM,cAAc,OAAO,OAAO,SAAS;AAUpC,MAAM,QAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,MAAM;AACE,QAAA,mBAAmB,sBAAsB,SAAS;AAExD,oBAAkB,EAAE,KAAK,SAAS,eAAe,UAAU,eAAe;AAEtE,MAAA,CAAC,iBAAkB,QAASA,sCAAAC,kBAAAA,UAAA,CAAA,CAAA;AAE1B,QAAA,WAAW,OAAO,UAAU;AAE3B,SAAA;AAAA,IACLD,kCAAA;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,SAAS,YAAY;AAAA,QACvB;AAAA,QACA,SAAS,EAAE,SAAS,SAAS,IAAI,EAAE;AAAA,QACnC,SAAS,EAAE,SAAS,SAAS,IAAI,EAAE;AAAA,QACnC,YAAY,EAAE,UAAU,IAAI;AAAA,QAC5B,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AACR,oBAAA;AAAA,QACZ;AAAA,QACA,eAAa,CAAC;AAAA,QAEd,UAAAE,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,YAClC,SAAS,EAAE,OAAO,SAAS,MAAM,EAAE;AAAA,YACnC,SAAS,EAAE,OAAO,SAAS,IAAI,IAAI;AAAA,YACnC,YAAY,EAAE,UAAU,IAAI;AAAA,YAC5B,WAAW,cAAc;AAAA,cACvB,SAAS;AAAA,YAAA,CACV;AAAA,YACD,MAAK;AAAA,YACL,cAAU;AAAA,YACV,aAAY;AAAA,YACX,GAAG;AAAA,YAEJ,UAAA;AAAA,cAAAA,kCAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,oBACT,kBAAkB,WACd,qCACA,iBACE,kCACA,WACE,iBACA;AAAA,kBACV;AAAA,kBAEC,UAAA;AAAA,oBAAA,YACEF,kCAAA,IAAA,IAAA,EAAG,WAAU,sDACX,UACH,OAAA;AAAA,oBAED,kBACCA,kCAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,cAAW;AAAA,wBACX,WAAU;AAAA,wBACV,SAAS,CAAC,MAAM;AACd,4BAAE,gBAAgB;AACR,oCAAA;AAAA,wBAAA;AAAA,sBACZ;AAAA,oBAAA;AAAA,kBACF;AAAA,gBAAA;AAAA,cAEJ;AAAA,cACCA,kCAAAA,IAAA,OAAA,EAAI,WAAU,6DACZ,SACH,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF;"}
1
+ {"version":3,"file":"Modal.mjs","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { m } from 'framer-motion';\nimport { X } from 'lucide-react';\nimport type { FC } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useGetElementOrWindow, useScrollBlockage } from '../../hooks/index';\nimport { cn } from '../../utils/cn';\nimport { Container, type ContainerProps } from '../Container';\nimport { H3 } from '../Headers';\n\ntype ModalProps = {\n children: React.ReactNode;\n isOpen: boolean;\n onClose?: () => void;\n container?: HTMLElement;\n disableScroll?: boolean;\n hasCloseButton?: boolean;\n title?: string;\n size?: Size;\n} & Pick<\n ContainerProps,\n | 'className'\n | 'transparency'\n | 'border'\n | 'background'\n | 'roundedSize'\n | 'borderColor'\n | 'padding'\n | 'separator'\n | 'gap'\n>;\n\nconst modalVariants = cva(\n 'cursor-default overflow-auto p-3 shadow justify-center',\n {\n variants: {\n variant: {\n sm: 'max-h-[30vh] w-[95vw] max-w-xl',\n md: 'max-h-[50vh] w-[95vw] max-w-xl',\n lg: 'max-h-[70vh] w-[95vw] max-w-2xl',\n xl: 'max-h-[95vh] w-[95vw] max-w-3xl',\n unset: 'max-h-[95vh] w-[95vw]',\n },\n },\n defaultVariants: {\n variant: 'unset',\n },\n }\n);\n\ntype Size = 'sm' | 'md' | 'lg' | 'xl' | 'unset';\n\nconst MotionModal = m.create(Container);\n\n/**\n * Usage example:\n * ```jsx\n * <Modal isOpen={isOpen} onClose={onClose}>\n * Modal content\n * </Modal>\n * ```\n */\nexport const Modal: FC<ModalProps> = ({\n children,\n isOpen,\n container,\n disableScroll = false,\n onClose,\n hasCloseButton = false,\n title,\n size = 'md',\n ...props\n}) => {\n const containerElement = useGetElementOrWindow(container);\n\n useScrollBlockage({ key: 'modal', disableScroll: isOpen && disableScroll });\n\n if (!containerElement) return <></>;\n\n const hasTitle = typeof title === 'string';\n\n return createPortal(\n <m.div\n className=\"bg-background/40 dark:bg-background-dark/40 invisible fixed left-0 top-0 z-50 flex size-full cursor-pointer items-center justify-center overflow-auto backdrop-blur\"\n animate={isOpen ? 'visible' : 'invisible'}\n variants={{\n visible: {\n opacity: 1,\n visibility: 'visible',\n transition: { duration: 0.1, when: 'beforeChildren' },\n },\n invisible: {\n opacity: 0,\n visibility: 'hidden',\n transition: { duration: 0.1, when: 'afterChildren' },\n },\n }}\n onClick={(e) => {\n e.stopPropagation();\n onClose?.();\n }}\n aria-hidden={!isOpen}\n >\n <MotionModal\n onClick={(e) => e.stopPropagation()}\n initial={{ scale: isOpen ? 0.5 : 1 }}\n animate={{ scale: isOpen ? 1 : 0.5 }}\n transition={{ duration: 0.3 }}\n className={modalVariants({\n variant: size,\n })}\n role=\"dialog\"\n aria-modal\n roundedSize=\"2xl\"\n {...props}\n >\n <div\n className={cn(\n 'cursor-default',\n hasCloseButton && hasTitle\n ? `flex items-center justify-center`\n : hasCloseButton\n ? `flex items-center justify-end`\n : hasTitle\n ? `items-center`\n : `hidden`\n )}\n >\n {hasTitle && (\n <H3 className=\"flex items-center justify-center text-lg font-bold\">\n {title}\n </H3>\n )}\n {hasCloseButton && (\n <X\n role=\"button\"\n aria-label=\"Close modal\"\n className=\"right-2 top-2 ml-auto cursor-pointer\"\n onClick={(e) => {\n e.stopPropagation();\n onClose?.();\n }}\n />\n )}\n </div>\n <div className=\"flex flex-1 flex-col items-center overflow-auto\">\n {children}\n </div>\n </MotionModal>\n </m.div>,\n containerElement\n );\n};\n"],"names":["jsx","Fragment","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;AAkCA,MAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAIA,MAAM,cAAc,EAAE,OAAO,SAAS;AAU/B,MAAM,QAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,MAAM;AACE,QAAA,mBAAmB,sBAAsB,SAAS;AAExD,oBAAkB,EAAE,KAAK,SAAS,eAAe,UAAU,eAAe;AAEtE,MAAA,CAAC,iBAAkB,QAASA,sCAAAC,kBAAAA,UAAA,CAAA,CAAA;AAE1B,QAAA,WAAW,OAAO,UAAU;AAE3B,SAAA;AAAA,IACLD,kCAAA;AAAA,MAAC,EAAE;AAAA,MAAF;AAAA,QACC,WAAU;AAAA,QACV,SAAS,SAAS,YAAY;AAAA,QAC9B,UAAU;AAAA,UACR,SAAS;AAAA,YACP,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,YAAY,EAAE,UAAU,KAAK,MAAM,iBAAiB;AAAA,UACtD;AAAA,UACA,WAAW;AAAA,YACT,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,YAAY,EAAE,UAAU,KAAK,MAAM,gBAAgB;AAAA,UAAA;AAAA,QAEvD;AAAA,QACA,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AACR,oBAAA;AAAA,QACZ;AAAA,QACA,eAAa,CAAC;AAAA,QAEd,UAAAE,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,YAClC,SAAS,EAAE,OAAO,SAAS,MAAM,EAAE;AAAA,YACnC,SAAS,EAAE,OAAO,SAAS,IAAI,IAAI;AAAA,YACnC,YAAY,EAAE,UAAU,IAAI;AAAA,YAC5B,WAAW,cAAc;AAAA,cACvB,SAAS;AAAA,YAAA,CACV;AAAA,YACD,MAAK;AAAA,YACL,cAAU;AAAA,YACV,aAAY;AAAA,YACX,GAAG;AAAA,YAEJ,UAAA;AAAA,cAAAA,kCAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,oBACT;AAAA,oBACA,kBAAkB,WACd,qCACA,iBACE,kCACA,WACE,iBACA;AAAA,kBACV;AAAA,kBAEC,UAAA;AAAA,oBAAA,YACEF,kCAAA,IAAA,IAAA,EAAG,WAAU,sDACX,UACH,OAAA;AAAA,oBAED,kBACCA,kCAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,cAAW;AAAA,wBACX,WAAU;AAAA,wBACV,SAAS,CAAC,MAAM;AACd,4BAAE,gBAAgB;AACR,oCAAA;AAAA,wBAAA;AAAA,sBACZ;AAAA,oBAAA;AAAA,kBACF;AAAA,gBAAA;AAAA,cAEJ;AAAA,cACCA,kCAAAA,IAAA,OAAA,EAAI,WAAU,mDACZ,SACH,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF;"}
@@ -7,7 +7,7 @@ const require$$0 = require("react");
7
7
  const hooks_useScrollBlockage_index = require("../../hooks/useScrollBlockage/index.cjs");
8
8
  const hooks_useScrollDetection = require("../../hooks/useScrollDetection.cjs");
9
9
  require("../../hooks/useAsync/useAsyncStateStore.cjs");
10
- require("../../libs/intlayer-api/index.cjs");
10
+ require("../../index-DFc7og1d.cjs");
11
11
  require("@intlayer/config/client");
12
12
  require("../Toaster/Toast.cjs");
13
13
  require("@intlayer/dictionaries-entry");
@@ -5,7 +5,7 @@ import { useState, useRef } from "react";
5
5
  import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
6
6
  import { useScrollDetection } from "../../hooks/useScrollDetection.mjs";
7
7
  import "../../hooks/useAsync/useAsyncStateStore.mjs";
8
- import "../../libs/intlayer-api/index.mjs";
8
+ import "../../index-DcWYZrJW.js";
9
9
  import "@intlayer/config/client";
10
10
  import "../Toaster/Toast.mjs";
11
11
  import "@intlayer/dictionaries-entry";
@@ -7,7 +7,7 @@ require("react");
7
7
  require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
8
8
  const hooks_useIsMounted = require("../../hooks/useIsMounted.cjs");
9
9
  require("../../hooks/useAsync/useAsyncStateStore.cjs");
10
- require("../../libs/intlayer-api/index.cjs");
10
+ require("../../index-DFc7og1d.cjs");
11
11
  require("@intlayer/config/client");
12
12
  require("../Toaster/Toast.cjs");
13
13
  require("@intlayer/dictionaries-entry");
@@ -5,7 +5,7 @@ import "react";
5
5
  import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
6
6
  import { useIsMounted } from "../../hooks/useIsMounted.mjs";
7
7
  import "../../hooks/useAsync/useAsyncStateStore.mjs";
8
- import "../../libs/intlayer-api/index.mjs";
8
+ import "../../index-DcWYZrJW.js";
9
9
  import "@intlayer/config/client";
10
10
  import "../Toaster/Toast.mjs";
11
11
  import "@intlayer/dictionaries-entry";
@@ -6,7 +6,7 @@ const require$$0 = require("react");
6
6
  const classVarianceAuthority = require("class-variance-authority");
7
7
  require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
8
8
  require("../../hooks/useAsync/useAsyncStateStore.cjs");
9
- require("../../libs/intlayer-api/index.cjs");
9
+ require("../../index-DFc7og1d.cjs");
10
10
  require("@intlayer/config/client");
11
11
  require("../Toaster/Toast.cjs");
12
12
  const hooks_useItemSelector = require("../../hooks/useItemSelector.cjs");
@@ -4,7 +4,7 @@ import { useState, useRef, useEffect, createElement } from "react";
4
4
  import { cva } from "class-variance-authority";
5
5
  import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
6
6
  import "../../hooks/useAsync/useAsyncStateStore.mjs";
7
- import "../../libs/intlayer-api/index.mjs";
7
+ import "../../index-DcWYZrJW.js";
8
8
  import "@intlayer/config/client";
9
9
  import "../Toaster/Toast.mjs";
10
10
  import { useItemSelector } from "../../hooks/useItemSelector.mjs";
@@ -6,7 +6,7 @@ const classVarianceAuthority = require("class-variance-authority");
6
6
  const require$$0 = require("react");
7
7
  require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
8
8
  require("../../hooks/useAsync/useAsyncStateStore.cjs");
9
- require("../../libs/intlayer-api/index.cjs");
9
+ require("../../index-DFc7og1d.cjs");
10
10
  require("@intlayer/config/client");
11
11
  require("../Toaster/Toast.cjs");
12
12
  const hooks_useItemSelector = require("../../hooks/useItemSelector.cjs");
@@ -4,7 +4,7 @@ import { cva } from "class-variance-authority";
4
4
  import { useRef, cloneElement } from "react";
5
5
  import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
6
6
  import "../../hooks/useAsync/useAsyncStateStore.mjs";
7
- import "../../libs/intlayer-api/index.mjs";
7
+ import "../../index-DcWYZrJW.js";
8
8
  import "@intlayer/config/client";
9
9
  import "../Toaster/Toast.mjs";
10
10
  import { useItemSelector } from "../../hooks/useItemSelector.mjs";
@@ -40,7 +40,7 @@ const components_Flags_Flag = require("./Flags/Flag.cjs");
40
40
  const components_InformationTag_index = require("./InformationTag/index.cjs");
41
41
  const components_Form_FormBase = require("./Form/FormBase.cjs");
42
42
  const components_Form_FormField = require("./Form/FormField.cjs");
43
- const components_Form_layout_FormItemLayout = require("../Form-BDcoNTLV.cjs");
43
+ const components_Form_layout_FormItemLayout = require("../Form-7BqwvjVI.cjs");
44
44
  const components_Label_index = require("./Label/index.cjs");
45
45
  const components_Input_Input = require("./Input/Input.cjs");
46
46
  const components_Input_InputPassword = require("./Input/InputPassword.cjs");
@@ -38,7 +38,7 @@ import { Flag } from "./Flags/Flag.mjs";
38
38
  import { InformationTag } from "./InformationTag/index.mjs";
39
39
  import { useForm } from "./Form/FormBase.mjs";
40
40
  import { useFormField } from "./Form/FormField.mjs";
41
- import { F } from "../Form-DhsgC7kB.js";
41
+ import { F } from "../Form-OK9zfg6E.js";
42
42
  import { Label } from "./Label/index.mjs";
43
43
  import { Input, inputVariants } from "./Input/Input.mjs";
44
44
  import { InputPassword } from "./Input/InputPassword.mjs";
@@ -26,6 +26,7 @@ exports.useAddOrganization = hooks_intlayerAPIHooks.useAddOrganization;
26
26
  exports.useAddOrganizationMember = hooks_intlayerAPIHooks.useAddOrganizationMember;
27
27
  exports.useAddProject = hooks_intlayerAPIHooks.useAddProject;
28
28
  exports.useAddTag = hooks_intlayerAPIHooks.useAddTag;
29
+ exports.useAskDocQuestion = hooks_intlayerAPIHooks.useAskDocQuestion;
29
30
  exports.useAskResetPassword = hooks_intlayerAPIHooks.useAskResetPassword;
30
31
  exports.useAuditContentDeclaration = hooks_intlayerAPIHooks.useAuditContentDeclaration;
31
32
  exports.useAuditContentDeclarationField = hooks_intlayerAPIHooks.useAuditContentDeclarationField;
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -5,7 +5,7 @@ import { useIsMounted } from "./useIsMounted.mjs";
5
5
  import { useScrollDetection } from "./useScrollDetection.mjs";
6
6
  import { useAsync } from "./useAsync/useAsync.mjs";
7
7
  import { AsyncStateProvider, useAsyncState } from "./useAsync/useAsyncStateStore.mjs";
8
- import { useAddDictionary, useAddNewAccessKey, useAddOrganization, useAddOrganizationMember, useAddProject, useAddTag, useAskResetPassword, useAuditContentDeclaration, useAuditContentDeclarationField, useAuditContentDeclarationMetadata, useAuditTag, useCancelSubscription, useChangePassword, useCheckIfUserHasPassword, useCreateUser, useDeleteAccessKey, useDeleteDictionary, useDeleteOrganization, useDeleteProject, useDeleteTag, useDeleteUser, useGetDictionaries, useGetDictionariesKeys, useGetDictionary, useGetOrganizations, useGetProjects, useGetSubscription, useGetTags, useGetUserByAccount, useGetUsers, useLogin, useLogout, usePushDictionaries, useRefreshAccessKey, useRegister, useResetPassword, useSelectOrganization, useSelectProject, useUnselectOrganization, useUnselectProject, useUpdateDictionary, useUpdateOrganization, useUpdateOrganizationMembers, useUpdateProject, useUpdateProjectMembers, useUpdateTag, useUpdateUser, useVerifyEmail } from "./intlayerAPIHooks.mjs";
8
+ import { useAddDictionary, useAddNewAccessKey, useAddOrganization, useAddOrganizationMember, useAddProject, useAddTag, useAskDocQuestion, useAskResetPassword, useAuditContentDeclaration, useAuditContentDeclarationField, useAuditContentDeclarationMetadata, useAuditTag, useCancelSubscription, useChangePassword, useCheckIfUserHasPassword, useCreateUser, useDeleteAccessKey, useDeleteDictionary, useDeleteOrganization, useDeleteProject, useDeleteTag, useDeleteUser, useGetDictionaries, useGetDictionariesKeys, useGetDictionary, useGetOrganizations, useGetProjects, useGetSubscription, useGetTags, useGetUserByAccount, useGetUsers, useLogin, useLogout, usePushDictionaries, useRefreshAccessKey, useRegister, useResetPassword, useSelectOrganization, useSelectProject, useUnselectOrganization, useUnselectProject, useUpdateDictionary, useUpdateOrganization, useUpdateOrganizationMembers, useUpdateProject, useUpdateProjectMembers, useUpdateTag, useUpdateUser, useVerifyEmail } from "./intlayerAPIHooks.mjs";
9
9
  import { useItemSelector } from "./useItemSelector.mjs";
10
10
  import { useGetAllDictionaries } from "./useGetAllDictionaries.mjs";
11
11
  import { usePersistedStore } from "./usePersistedStore.mjs";
@@ -18,6 +18,7 @@ export {
18
18
  useAddOrganizationMember,
19
19
  useAddProject,
20
20
  useAddTag,
21
+ useAskDocQuestion,
21
22
  useAskResetPassword,
22
23
  useAsync,
23
24
  useAsyncState,
@@ -429,12 +429,14 @@ const useAuditTag = (args) => useAppAsync("auditTag", hooks_useIntlayerAPI.useIn
429
429
  requireOrganization: true,
430
430
  requireProject: true
431
431
  });
432
+ const useAskDocQuestion = (args) => useAppAsync("askDocQuestion", hooks_useIntlayerAPI.useIntlayerAuth().ai.askDocQuestion, args);
432
433
  exports.useAddDictionary = useAddDictionary;
433
434
  exports.useAddNewAccessKey = useAddNewAccessKey;
434
435
  exports.useAddOrganization = useAddOrganization;
435
436
  exports.useAddOrganizationMember = useAddOrganizationMember;
436
437
  exports.useAddProject = useAddProject;
437
438
  exports.useAddTag = useAddTag;
439
+ exports.useAskDocQuestion = useAskDocQuestion;
438
440
  exports.useAskResetPassword = useAskResetPassword;
439
441
  exports.useAuditContentDeclaration = useAuditContentDeclaration;
440
442
  exports.useAuditContentDeclarationField = useAuditContentDeclarationField;