@xanui/ui 1.1.16 → 1.1.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 (266) hide show
  1. package/Accordion/index.js +3 -18
  2. package/Accordion/index.js.map +1 -1
  3. package/Accordion/index.mjs +2 -15
  4. package/Accordion/index.mjs.map +1 -1
  5. package/Alert/index.js +5 -24
  6. package/Alert/index.js.map +1 -1
  7. package/Alert/index.mjs +2 -19
  8. package/Alert/index.mjs.map +1 -1
  9. package/Avatar/index.js +2 -13
  10. package/Avatar/index.js.map +1 -1
  11. package/Avatar/index.mjs +2 -11
  12. package/Avatar/index.mjs.map +1 -1
  13. package/Badge/index.js +2 -12
  14. package/Badge/index.js.map +1 -1
  15. package/Badge/index.mjs +2 -10
  16. package/Badge/index.mjs.map +1 -1
  17. package/Box/index.js +2 -12
  18. package/Box/index.js.map +1 -1
  19. package/Box/index.mjs +2 -10
  20. package/Box/index.mjs.map +1 -1
  21. package/Button/index.js +4 -17
  22. package/Button/index.js.map +1 -1
  23. package/Button/index.mjs +2 -13
  24. package/Button/index.mjs.map +1 -1
  25. package/ButtonGroup/index.js +2 -12
  26. package/ButtonGroup/index.js.map +1 -1
  27. package/ButtonGroup/index.mjs +2 -10
  28. package/ButtonGroup/index.mjs.map +1 -1
  29. package/Calendar/index.js +16 -35
  30. package/Calendar/index.js.map +1 -1
  31. package/Calendar/index.mjs +2 -19
  32. package/Calendar/index.mjs.map +1 -1
  33. package/CalendarInput/index.js +4 -23
  34. package/CalendarInput/index.js.map +1 -1
  35. package/CalendarInput/index.mjs +2 -19
  36. package/CalendarInput/index.mjs.map +1 -1
  37. package/Checkbox/index.js +2 -16
  38. package/Checkbox/index.js.map +1 -1
  39. package/Checkbox/index.mjs +2 -14
  40. package/Checkbox/index.mjs.map +1 -1
  41. package/Chip/index.js +3 -14
  42. package/Chip/index.js.map +1 -1
  43. package/Chip/index.mjs +2 -11
  44. package/Chip/index.mjs.map +1 -1
  45. package/CircleProgress/index.js +2 -13
  46. package/CircleProgress/index.js.map +1 -1
  47. package/CircleProgress/index.mjs +2 -11
  48. package/CircleProgress/index.mjs.map +1 -1
  49. package/ClickOutside/index.js +2 -13
  50. package/ClickOutside/index.js.map +1 -1
  51. package/ClickOutside/index.mjs +2 -11
  52. package/ClickOutside/index.mjs.map +1 -1
  53. package/Collaps/index.js +2 -12
  54. package/Collaps/index.js.map +1 -1
  55. package/Collaps/index.mjs +2 -10
  56. package/Collaps/index.mjs.map +1 -1
  57. package/Container/index.js +2 -12
  58. package/Container/index.js.map +1 -1
  59. package/Container/index.mjs +2 -10
  60. package/Container/index.mjs.map +1 -1
  61. package/Datatable/FilterBox.js +10 -28
  62. package/Datatable/FilterBox.js.map +1 -1
  63. package/Datatable/FilterBox.mjs +7 -23
  64. package/Datatable/FilterBox.mjs.map +1 -1
  65. package/Datatable/Row.js +11 -30
  66. package/Datatable/Row.js.map +1 -1
  67. package/Datatable/Row.mjs +7 -24
  68. package/Datatable/Row.mjs.map +1 -1
  69. package/Datatable/SelectedBox.js +5 -17
  70. package/Datatable/SelectedBox.js.map +1 -1
  71. package/Datatable/SelectedBox.mjs +4 -14
  72. package/Datatable/SelectedBox.mjs.map +1 -1
  73. package/Datatable/Table.js +4 -16
  74. package/Datatable/Table.js.map +1 -1
  75. package/Datatable/Table.mjs +2 -12
  76. package/Datatable/Table.mjs.map +1 -1
  77. package/Datatable/TableHead.js +18 -25
  78. package/Datatable/TableHead.js.map +1 -1
  79. package/Datatable/TableHead.mjs +18 -23
  80. package/Datatable/TableHead.mjs.map +1 -1
  81. package/Datatable/index.d.ts +2 -67
  82. package/Datatable/index.js +21 -36
  83. package/Datatable/index.js.map +1 -1
  84. package/Datatable/index.mjs +20 -33
  85. package/Datatable/index.mjs.map +1 -1
  86. package/Datatable/types.d.ts +69 -0
  87. package/Divider/index.js +2 -12
  88. package/Divider/index.js.map +1 -1
  89. package/Divider/index.mjs +2 -10
  90. package/Divider/index.mjs.map +1 -1
  91. package/Drawer/index.js +4 -16
  92. package/Drawer/index.js.map +1 -1
  93. package/Drawer/index.mjs +2 -12
  94. package/Drawer/index.mjs.map +1 -1
  95. package/Form/index.js +2 -13
  96. package/Form/index.js.map +1 -1
  97. package/Form/index.mjs +2 -11
  98. package/Form/index.mjs.map +1 -1
  99. package/GridContainer/index.js +2 -12
  100. package/GridContainer/index.js.map +1 -1
  101. package/GridContainer/index.mjs +2 -10
  102. package/GridContainer/index.mjs.map +1 -1
  103. package/GridItem/index.js +2 -12
  104. package/GridItem/index.js.map +1 -1
  105. package/GridItem/index.mjs +2 -10
  106. package/GridItem/index.mjs.map +1 -1
  107. package/IconButton/index.js +3 -15
  108. package/IconButton/index.js.map +1 -1
  109. package/IconButton/index.mjs +2 -12
  110. package/IconButton/index.mjs.map +1 -1
  111. package/Image/index.js +2 -13
  112. package/Image/index.js.map +1 -1
  113. package/Image/index.mjs +2 -11
  114. package/Image/index.mjs.map +1 -1
  115. package/Input/index.js +3 -15
  116. package/Input/index.js.map +1 -1
  117. package/Input/index.mjs +2 -12
  118. package/Input/index.mjs.map +1 -1
  119. package/Label/index.js +2 -12
  120. package/Label/index.js.map +1 -1
  121. package/Label/index.mjs +2 -10
  122. package/Label/index.mjs.map +1 -1
  123. package/Layer/index.js +4 -17
  124. package/Layer/index.js.map +1 -1
  125. package/Layer/index.mjs +2 -13
  126. package/Layer/index.mjs.map +1 -1
  127. package/LineProgress/index.js +2 -13
  128. package/LineProgress/index.js.map +1 -1
  129. package/LineProgress/index.mjs +2 -11
  130. package/LineProgress/index.mjs.map +1 -1
  131. package/List/index.js +2 -12
  132. package/List/index.js.map +1 -1
  133. package/List/index.mjs +2 -10
  134. package/List/index.mjs.map +1 -1
  135. package/ListItem/index.js +3 -14
  136. package/ListItem/index.js.map +1 -1
  137. package/ListItem/index.mjs +2 -11
  138. package/ListItem/index.mjs.map +1 -1
  139. package/LoadingBox/index.js +3 -14
  140. package/LoadingBox/index.js.map +1 -1
  141. package/LoadingBox/index.mjs +2 -11
  142. package/LoadingBox/index.mjs.map +1 -1
  143. package/Menu/index.js +3 -16
  144. package/Menu/index.js.map +1 -1
  145. package/Menu/index.mjs +2 -13
  146. package/Menu/index.mjs.map +1 -1
  147. package/Modal/index.d.ts +1 -1
  148. package/Modal/index.js +3 -15
  149. package/Modal/index.js.map +1 -1
  150. package/Modal/index.mjs +2 -12
  151. package/Modal/index.mjs.map +1 -1
  152. package/NoSSR/index.js +2 -10
  153. package/NoSSR/index.js.map +1 -1
  154. package/NoSSR/index.mjs +2 -8
  155. package/NoSSR/index.mjs.map +1 -1
  156. package/Option/index.js +3 -13
  157. package/Option/index.js.map +1 -1
  158. package/Option/index.mjs +2 -10
  159. package/Option/index.mjs.map +1 -1
  160. package/Paper/index.js +2 -12
  161. package/Paper/index.js.map +1 -1
  162. package/Paper/index.mjs +2 -10
  163. package/Paper/index.mjs.map +1 -1
  164. package/Portal/index.js +2 -13
  165. package/Portal/index.js.map +1 -1
  166. package/Portal/index.mjs +2 -11
  167. package/Portal/index.mjs.map +1 -1
  168. package/Radio/index.js +3 -15
  169. package/Radio/index.js.map +1 -1
  170. package/Radio/index.mjs +2 -12
  171. package/Radio/index.mjs.map +1 -1
  172. package/Scrollbar/index.js +2 -13
  173. package/Scrollbar/index.js.map +1 -1
  174. package/Scrollbar/index.mjs +2 -11
  175. package/Scrollbar/index.mjs.map +1 -1
  176. package/Select/index.js +5 -22
  177. package/Select/index.js.map +1 -1
  178. package/Select/index.mjs +2 -17
  179. package/Select/index.mjs.map +1 -1
  180. package/Stack/index.js +2 -12
  181. package/Stack/index.js.map +1 -1
  182. package/Stack/index.mjs +2 -10
  183. package/Stack/index.mjs.map +1 -1
  184. package/Switch/index.js +2 -13
  185. package/Switch/index.js.map +1 -1
  186. package/Switch/index.mjs +2 -11
  187. package/Switch/index.mjs.map +1 -1
  188. package/Tab/index.js +3 -15
  189. package/Tab/index.js.map +1 -1
  190. package/Tab/index.mjs +2 -12
  191. package/Tab/index.mjs.map +1 -1
  192. package/Table/index.js +3 -14
  193. package/Table/index.js.map +1 -1
  194. package/Table/index.mjs +2 -11
  195. package/Table/index.mjs.map +1 -1
  196. package/TableBody/index.js +2 -12
  197. package/TableBody/index.js.map +1 -1
  198. package/TableBody/index.mjs +2 -10
  199. package/TableBody/index.mjs.map +1 -1
  200. package/TableCell/index.js +2 -12
  201. package/TableCell/index.js.map +1 -1
  202. package/TableCell/index.mjs +2 -10
  203. package/TableCell/index.mjs.map +1 -1
  204. package/TableFooter/index.js +2 -12
  205. package/TableFooter/index.js.map +1 -1
  206. package/TableFooter/index.mjs +2 -10
  207. package/TableFooter/index.mjs.map +1 -1
  208. package/TableHead/index.js +2 -12
  209. package/TableHead/index.js.map +1 -1
  210. package/TableHead/index.mjs +2 -10
  211. package/TableHead/index.mjs.map +1 -1
  212. package/TablePagination/index.d.ts +1 -0
  213. package/TablePagination/index.js +14 -35
  214. package/TablePagination/index.js.map +1 -1
  215. package/TablePagination/index.mjs +12 -31
  216. package/TablePagination/index.mjs.map +1 -1
  217. package/TableRow/index.js +2 -12
  218. package/TableRow/index.js.map +1 -1
  219. package/TableRow/index.mjs +2 -10
  220. package/TableRow/index.mjs.map +1 -1
  221. package/Tabs/index.js +3 -14
  222. package/Tabs/index.js.map +1 -1
  223. package/Tabs/index.mjs +3 -12
  224. package/Tabs/index.mjs.map +1 -1
  225. package/Text/index.js +2 -12
  226. package/Text/index.js.map +1 -1
  227. package/Text/index.mjs +2 -10
  228. package/Text/index.mjs.map +1 -1
  229. package/Toast/index.js +4 -18
  230. package/Toast/index.js.map +1 -1
  231. package/Toast/index.mjs +2 -14
  232. package/Toast/index.mjs.map +1 -1
  233. package/Tooltip/index.js +3 -14
  234. package/Tooltip/index.js.map +1 -1
  235. package/Tooltip/index.mjs +2 -11
  236. package/Tooltip/index.mjs.map +1 -1
  237. package/ViewBox/index.js +3 -14
  238. package/ViewBox/index.js.map +1 -1
  239. package/ViewBox/index.mjs +2 -11
  240. package/ViewBox/index.mjs.map +1 -1
  241. package/index.js +1 -116
  242. package/index.js.map +1 -1
  243. package/index.mjs +1 -56
  244. package/index.mjs.map +1 -1
  245. package/package.json +11 -2
  246. package/readme.md +104 -104
  247. package/useAlert/index.js +5 -19
  248. package/useAlert/index.js.map +1 -1
  249. package/useAlert/index.mjs +2 -14
  250. package/useAlert/index.mjs.map +1 -1
  251. package/useBlurCss/index.js +2 -10
  252. package/useBlurCss/index.js.map +1 -1
  253. package/useBlurCss/index.mjs +2 -8
  254. package/useBlurCss/index.mjs.map +1 -1
  255. package/useCorner/index.js +2 -7
  256. package/useCorner/index.js.map +1 -1
  257. package/useCorner/index.mjs +1 -4
  258. package/useCorner/index.mjs.map +1 -1
  259. package/useLayer/index.js +3 -14
  260. package/useLayer/index.js.map +1 -1
  261. package/useLayer/index.mjs +2 -11
  262. package/useLayer/index.mjs.map +1 -1
  263. package/useModal/index.js +3 -14
  264. package/useModal/index.js.map +1 -1
  265. package/useModal/index.mjs +2 -11
  266. package/useModal/index.mjs.map +1 -1
@@ -1,9 +1,4 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var core = require('@xanui/core');
5
-
6
- let _d;
1
+ 'use strict';Object.defineProperty(exports,'__esModule',{value:true});var React=require('react'),core=require('@xanui/core');let _d;
7
2
  const useBlurCss = (blur, mode) => {
8
3
  return React.useMemo(() => {
9
4
  let transparent = { bgcolor: core.alpha("#000000", blur / 100) };
@@ -13,7 +8,4 @@ const useBlurCss = (blur, mode) => {
13
8
  const d = _d || (_d = window.document.createElement("div").style);
14
9
  return d['backdropFilter'] !== undefined ? { backdropFilter: `blur(${(blur / 100) * 10}px)` } : transparent;
15
10
  }, [blur]);
16
- };
17
-
18
- module.exports = useBlurCss;
19
- //# sourceMappingURL=index.js.map
11
+ };exports.default=useBlurCss;//# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/useBlurCss/index.tsx"],"sourcesContent":["import { useMemo } from \"react\"\r\nimport { alpha } from \"@xanui/core\";\r\n\r\nlet _d: CSSStyleDeclaration;\r\n\r\nconst useBlurCss = (blur: number, mode?: \"transparent\" | \"blur\") => {\r\n return useMemo(() => {\r\n let transparent = { bgcolor: alpha(\"#000000\", blur / 100) }\r\n if (typeof window === 'undefined' || mode === 'transparent') {\r\n return transparent\r\n }\r\n const d = _d || (_d = window.document.createElement(\"div\").style)\r\n return d['backdropFilter'] !== undefined ? { backdropFilter: `blur(${(blur / 100) * 10}px)` } : transparent\r\n }, [blur])\r\n}\r\n\r\n\r\nexport default useBlurCss"],"names":["useMemo","alpha"],"mappings":";;;;;AAGA,IAAI,EAAuB;AAE3B,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,IAA6B,KAAI;IAChE,OAAOA,aAAO,CAAC,MAAK;AACjB,QAAA,IAAI,WAAW,GAAG,EAAE,OAAO,EAAEC,UAAK,CAAC,SAAS,EAAE,IAAI,GAAG,GAAG,CAAC,EAAE;QAC3D,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,IAAI,KAAK,aAAa,EAAE;AAC1D,YAAA,OAAO,WAAW;QACrB;AACA,QAAA,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;QACjE,OAAO,CAAC,CAAC,gBAAgB,CAAC,KAAK,SAAS,GAAG,EAAE,cAAc,EAAE,CAAA,KAAA,EAAQ,CAAC,IAAI,GAAG,GAAG,IAAI,EAAE,CAAA,GAAA,CAAK,EAAE,GAAG,WAAW;AAC9G,IAAA,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;AACb;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../src/useBlurCss/index.tsx"],"sourcesContent":["import { useMemo } from \"react\"\nimport { alpha } from \"@xanui/core\";\n\nlet _d: CSSStyleDeclaration;\n\nconst useBlurCss = (blur: number, mode?: \"transparent\" | \"blur\") => {\n return useMemo(() => {\n let transparent = { bgcolor: alpha(\"#000000\", blur / 100) }\n if (typeof window === 'undefined' || mode === 'transparent') {\n return transparent\n }\n const d = _d || (_d = window.document.createElement(\"div\").style)\n return d['backdropFilter'] !== undefined ? { backdropFilter: `blur(${(blur / 100) * 10}px)` } : transparent\n }, [blur])\n}\n\n\nexport default useBlurCss"],"names":["useMemo","alpha"],"mappings":"6HAGA,IAAI,EAAuB;AAE3B,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,IAA6B,KAAI;IAChE,OAAOA,aAAO,CAAC,MAAK;AACjB,QAAA,IAAI,WAAW,GAAG,EAAE,OAAO,EAAEC,UAAK,CAAC,SAAS,EAAE,IAAI,GAAG,GAAG,CAAC,EAAE;QAC3D,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,IAAI,KAAK,aAAa,EAAE;AAC1D,YAAA,OAAO,WAAW;QACrB;AACA,QAAA,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;QACjE,OAAO,CAAC,CAAC,gBAAgB,CAAC,KAAK,SAAS,GAAG,EAAE,cAAc,EAAE,CAAA,KAAA,EAAQ,CAAC,IAAI,GAAG,GAAG,IAAI,EAAE,CAAA,GAAA,CAAK,EAAE,GAAG,WAAW;AAC9G,IAAA,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;AACb"}
@@ -1,7 +1,4 @@
1
- import { useMemo } from 'react';
2
- import { alpha } from '@xanui/core';
3
-
4
- let _d;
1
+ import {useMemo}from'react';import {alpha}from'@xanui/core';let _d;
5
2
  const useBlurCss = (blur, mode) => {
6
3
  return useMemo(() => {
7
4
  let transparent = { bgcolor: alpha("#000000", blur / 100) };
@@ -11,7 +8,4 @@ const useBlurCss = (blur, mode) => {
11
8
  const d = _d || (_d = window.document.createElement("div").style);
12
9
  return d['backdropFilter'] !== undefined ? { backdropFilter: `blur(${(blur / 100) * 10}px)` } : transparent;
13
10
  }, [blur]);
14
- };
15
-
16
- export { useBlurCss as default };
17
- //# sourceMappingURL=index.mjs.map
11
+ };export{useBlurCss as default};//# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../src/useBlurCss/index.tsx"],"sourcesContent":["import { useMemo } from \"react\"\r\nimport { alpha } from \"@xanui/core\";\r\n\r\nlet _d: CSSStyleDeclaration;\r\n\r\nconst useBlurCss = (blur: number, mode?: \"transparent\" | \"blur\") => {\r\n return useMemo(() => {\r\n let transparent = { bgcolor: alpha(\"#000000\", blur / 100) }\r\n if (typeof window === 'undefined' || mode === 'transparent') {\r\n return transparent\r\n }\r\n const d = _d || (_d = window.document.createElement(\"div\").style)\r\n return d['backdropFilter'] !== undefined ? { backdropFilter: `blur(${(blur / 100) * 10}px)` } : transparent\r\n }, [blur])\r\n}\r\n\r\n\r\nexport default useBlurCss"],"names":[],"mappings":";;;AAGA,IAAI,EAAuB;AAE3B,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,IAA6B,KAAI;IAChE,OAAO,OAAO,CAAC,MAAK;AACjB,QAAA,IAAI,WAAW,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,GAAG,GAAG,CAAC,EAAE;QAC3D,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,IAAI,KAAK,aAAa,EAAE;AAC1D,YAAA,OAAO,WAAW;QACrB;AACA,QAAA,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;QACjE,OAAO,CAAC,CAAC,gBAAgB,CAAC,KAAK,SAAS,GAAG,EAAE,cAAc,EAAE,CAAA,KAAA,EAAQ,CAAC,IAAI,GAAG,GAAG,IAAI,EAAE,CAAA,GAAA,CAAK,EAAE,GAAG,WAAW;AAC9G,IAAA,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;AACb;;;;"}
1
+ {"version":3,"file":"index.mjs","sources":["../../src/useBlurCss/index.tsx"],"sourcesContent":["import { useMemo } from \"react\"\nimport { alpha } from \"@xanui/core\";\n\nlet _d: CSSStyleDeclaration;\n\nconst useBlurCss = (blur: number, mode?: \"transparent\" | \"blur\") => {\n return useMemo(() => {\n let transparent = { bgcolor: alpha(\"#000000\", blur / 100) }\n if (typeof window === 'undefined' || mode === 'transparent') {\n return transparent\n }\n const d = _d || (_d = window.document.createElement(\"div\").style)\n return d['backdropFilter'] !== undefined ? { backdropFilter: `blur(${(blur / 100) * 10}px)` } : transparent\n }, [blur])\n}\n\n\nexport default useBlurCss"],"names":[],"mappings":"4DAGA,IAAI,EAAuB;AAE3B,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,IAA6B,KAAI;IAChE,OAAO,OAAO,CAAC,MAAK;AACjB,QAAA,IAAI,WAAW,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,GAAG,GAAG,CAAC,EAAE;QAC3D,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,IAAI,KAAK,aAAa,EAAE;AAC1D,YAAA,OAAO,WAAW;QACrB;AACA,QAAA,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;QACjE,OAAO,CAAC,CAAC,gBAAgB,CAAC,KAAK,SAAS,GAAG,EAAE,cAAc,EAAE,CAAA,KAAA,EAAQ,CAAC,IAAI,GAAG,GAAG,IAAI,EAAE,CAAA,GAAA,CAAK,EAAE,GAAG,WAAW;AAC9G,IAAA,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;AACb"}
@@ -1,6 +1,4 @@
1
- 'use strict';
2
-
3
- const useCorner = (type) => {
1
+ 'use strict';Object.defineProperty(exports,'__esModule',{value:true});const useCorner = (type) => {
4
2
  switch (type) {
5
3
  case 'square':
6
4
  return {
@@ -16,7 +14,4 @@ const useCorner = (type) => {
16
14
  };
17
15
  }
18
16
  return {};
19
- };
20
-
21
- module.exports = useCorner;
22
- //# sourceMappingURL=index.js.map
17
+ };exports.default=useCorner;//# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/useCorner/index.ts"],"sourcesContent":["\r\nexport type UseCornerTypes = \"square\" | \"rounded\" | \"circle\"\r\nconst useCorner = (type?: UseCornerTypes): object => {\r\n switch (type) {\r\n case 'square':\r\n return {\r\n radius: 0\r\n }\r\n case 'rounded':\r\n return {\r\n radius: 1\r\n }\r\n case 'circle':\r\n return {\r\n radius: 100\r\n }\r\n }\r\n return {}\r\n}\r\n\r\nexport default useCorner"],"names":[],"mappings":";;AAEA,MAAM,SAAS,GAAG,CAAC,IAAqB,KAAY;IAChD,QAAQ,IAAI;AACR,QAAA,KAAK,QAAQ;YACT,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;AACL,QAAA,KAAK,SAAS;YACV,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;AACL,QAAA,KAAK,QAAQ;YACT,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;;AAET,IAAA,OAAO,EAAE;AACb;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../src/useCorner/index.ts"],"sourcesContent":["\nexport type UseCornerTypes = \"square\" | \"rounded\" | \"circle\"\nconst useCorner = (type?: UseCornerTypes): object => {\n switch (type) {\n case 'square':\n return {\n radius: 0\n }\n case 'rounded':\n return {\n radius: 1\n }\n case 'circle':\n return {\n radius: 100\n }\n }\n return {}\n}\n\nexport default useCorner"],"names":[],"mappings":"sEAEA,MAAM,SAAS,GAAG,CAAC,IAAqB,KAAY;IAChD,QAAQ,IAAI;AACR,QAAA,KAAK,QAAQ;YACT,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;AACL,QAAA,KAAK,SAAS;YACV,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;AACL,QAAA,KAAK,QAAQ;YACT,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;;AAET,IAAA,OAAO,EAAE;AACb"}
@@ -14,7 +14,4 @@ const useCorner = (type) => {
14
14
  };
15
15
  }
16
16
  return {};
17
- };
18
-
19
- export { useCorner as default };
20
- //# sourceMappingURL=index.mjs.map
17
+ };export{useCorner as default};//# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../src/useCorner/index.ts"],"sourcesContent":["\r\nexport type UseCornerTypes = \"square\" | \"rounded\" | \"circle\"\r\nconst useCorner = (type?: UseCornerTypes): object => {\r\n switch (type) {\r\n case 'square':\r\n return {\r\n radius: 0\r\n }\r\n case 'rounded':\r\n return {\r\n radius: 1\r\n }\r\n case 'circle':\r\n return {\r\n radius: 100\r\n }\r\n }\r\n return {}\r\n}\r\n\r\nexport default useCorner"],"names":[],"mappings":"AAEA,MAAM,SAAS,GAAG,CAAC,IAAqB,KAAY;IAChD,QAAQ,IAAI;AACR,QAAA,KAAK,QAAQ;YACT,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;AACL,QAAA,KAAK,SAAS;YACV,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;AACL,QAAA,KAAK,QAAQ;YACT,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;;AAET,IAAA,OAAO,EAAE;AACb;;;;"}
1
+ {"version":3,"file":"index.mjs","sources":["../../src/useCorner/index.ts"],"sourcesContent":["\nexport type UseCornerTypes = \"square\" | \"rounded\" | \"circle\"\nconst useCorner = (type?: UseCornerTypes): object => {\n switch (type) {\n case 'square':\n return {\n radius: 0\n }\n case 'rounded':\n return {\n radius: 1\n }\n case 'circle':\n return {\n radius: 100\n }\n }\n return {}\n}\n\nexport default useCorner"],"names":[],"mappings":"AAEA,MAAM,SAAS,GAAG,CAAC,IAAqB,KAAY;IAChD,QAAQ,IAAI;AACR,QAAA,KAAK,QAAQ;YACT,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;AACL,QAAA,KAAK,SAAS;YACV,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;AACL,QAAA,KAAK,QAAQ;YACT,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;;AAET,IAAA,OAAO,EAAE;AACb"}
package/useLayer/index.js CHANGED
@@ -1,16 +1,8 @@
1
- "use client";
2
- 'use strict';
3
-
4
- var jsxRuntime = require('react/jsx-runtime');
5
- var core = require('@xanui/core');
6
- var React = require('react');
7
- var index = require('../Layer/index.js');
8
-
9
- const useLayer = (children, props) => {
1
+ 'use strict';Object.defineProperty(exports,'__esModule',{value:true});var jsxRuntime=require('react/jsx-runtime'),core=require('@xanui/core'),React=require('react'),index=require('../Layer/index.js');const useLayer = (children, props) => {
10
2
  var _a;
11
3
  const [open, setOpen] = React.useState(false);
12
4
  const portalProps = ((_a = props === null || props === void 0 ? void 0 : props.slotProps) === null || _a === void 0 ? void 0 : _a.portal) || {};
13
- const portal = core.usePortal(jsxRuntime.jsx(index, Object.assign({ blur: 20 }, props, { open: open, onClosed: () => {
5
+ const portal = core.usePortal(jsxRuntime.jsx(index.default, Object.assign({ blur: 20 }, props, { open: open, onClosed: () => {
14
6
  portal.unmount();
15
7
  if (props === null || props === void 0 ? void 0 : props.onClosed) {
16
8
  props.onClosed();
@@ -32,7 +24,4 @@ const useLayer = (children, props) => {
32
24
  setOpen(false);
33
25
  },
34
26
  };
35
- };
36
-
37
- module.exports = useLayer;
38
- //# sourceMappingURL=index.js.map
27
+ };exports.default=useLayer;//# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/useLayer/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { usePortal } from \"@xanui/core\"\r\nimport { useState } from \"react\"\r\nimport Layer, { LayerProps } from \"../Layer\"\r\nimport { UsePortalOptions } from \"@xanui/core/hooks/usePortal\"\r\n\r\nexport type UseLayerProps = Omit<LayerProps, \"open\" | \"children\" | \"slotProps\"> & {\r\n slotProps?: LayerProps[\"slotProps\"] & {\r\n portal?: UsePortalOptions\r\n }\r\n}\r\n\r\nexport type UseLayerReturn = {\r\n open: () => void;\r\n close: () => void;\r\n}\r\n\r\nexport type UseLayerChildren = React.ReactElement | ((props: UseLayerReturn) => React.ReactElement)\r\n\r\nconst useLayer = (children: UseLayerChildren, props?: UseLayerProps): UseLayerReturn => {\r\n const [open, setOpen] = useState(false)\r\n const portalProps = props?.slotProps?.portal || {}\r\n const portal = usePortal(<Layer\r\n blur={20}\r\n {...props}\r\n open={open}\r\n onClosed={() => {\r\n portal.unmount()\r\n if (props?.onClosed) {\r\n props.onClosed()\r\n }\r\n }}\r\n onClickOutside={() => {\r\n if (props?.onClickOutside) {\r\n props.onClickOutside()\r\n } else {\r\n setOpen(false)\r\n }\r\n }}\r\n >\r\n {typeof children === \"function\" ? children({ open: () => setOpen(true), close: () => setOpen(false) }) : children}\r\n </Layer>, portalProps)\r\n\r\n return {\r\n open: () => {\r\n portal.mount()\r\n setOpen(true)\r\n },\r\n close: () => {\r\n setOpen(false)\r\n },\r\n }\r\n}\r\n\r\nexport default useLayer"],"names":[],"mappings":";;;;;;;;AAoBA;;;AAEG;;;;;;AAUG;;;;;;;AAOA;;;;;;;;;;AAcN;;"}
1
+ {"version":3,"file":"index.js","sources":["../../src/useLayer/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { usePortal } from \"@xanui/core\"\nimport { useState } from \"react\"\nimport Layer, { LayerProps } from \"../Layer\"\nimport { UsePortalOptions } from \"@xanui/core/hooks/usePortal\"\n\nexport type UseLayerProps = Omit<LayerProps, \"open\" | \"children\" | \"slotProps\"> & {\n slotProps?: LayerProps[\"slotProps\"] & {\n portal?: UsePortalOptions\n }\n}\n\nexport type UseLayerReturn = {\n open: () => void;\n close: () => void;\n}\n\nexport type UseLayerChildren = React.ReactElement | ((props: UseLayerReturn) => React.ReactElement)\n\nconst useLayer = (children: UseLayerChildren, props?: UseLayerProps): UseLayerReturn => {\n const [open, setOpen] = useState(false)\n const portalProps = props?.slotProps?.portal || {}\n const portal = usePortal(<Layer\n blur={20}\n {...props}\n open={open}\n onClosed={() => {\n portal.unmount()\n if (props?.onClosed) {\n props.onClosed()\n }\n }}\n onClickOutside={() => {\n if (props?.onClickOutside) {\n props.onClickOutside()\n } else {\n setOpen(false)\n }\n }}\n >\n {typeof children === \"function\" ? children({ open: () => setOpen(true), close: () => setOpen(false) }) : children}\n </Layer>, portalProps)\n\n return {\n open: () => {\n portal.mount()\n setOpen(true)\n },\n close: () => {\n setOpen(false)\n },\n }\n}\n\nexport default useLayer"],"names":["useState","usePortal","_jsx","Layer"],"mappings":"wMAoBA,MAAM,QAAQ,GAAG,CAAC,QAA0B,EAAE,KAAqB,KAAoB;;IACpF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AACvC,IAAA,MAAM,WAAW,GAAG,CAAA,CAAA,EAAA,GAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,KAAI,EAAE;IAClD,MAAM,MAAM,GAAGC,cAAS,CAACC,eAACC,aAAK,EAAA,MAAA,CAAA,MAAA,CAAA,EAC5B,IAAI,EAAE,EAAE,IACJ,KAAK,EAAA,EACT,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,MAAK;YACZ,MAAM,CAAC,OAAO,EAAE;YAChB,IAAI,KAAK,aAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,QAAQ,EAAE;gBAClB,KAAK,CAAC,QAAQ,EAAE;YACnB;AACH,QAAA,CAAC,EACD,cAAc,EAAE,MAAK;YAClB,IAAI,KAAK,aAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,cAAc,EAAE;gBACxB,KAAK,CAAC,cAAc,EAAE;YACzB;iBAAO;gBACJ,OAAO,CAAC,KAAK,CAAC;YACjB;AACH,QAAA,CAAC,YAEA,OAAO,QAAQ,KAAK,UAAU,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,QAAQ,IAC5G,EAAE,WAAW,CAAC;IAEtB,OAAO;QACJ,IAAI,EAAE,MAAK;YACR,MAAM,CAAC,KAAK,EAAE;YACd,OAAO,CAAC,IAAI,CAAC;QAChB,CAAC;QACD,KAAK,EAAE,MAAK;YACT,OAAO,CAAC,KAAK,CAAC;QACjB,CAAC;KACH;AACJ"}
@@ -1,10 +1,4 @@
1
- "use client";
2
- import { jsx } from 'react/jsx-runtime';
3
- import { usePortal } from '@xanui/core';
4
- import { useState } from 'react';
5
- import Layer from '../Layer/index.mjs';
6
-
7
- const useLayer = (children, props) => {
1
+ import {jsx}from'react/jsx-runtime';import {usePortal}from'@xanui/core';import {useState}from'react';import Layer from'../Layer/index.mjs';const useLayer = (children, props) => {
8
2
  var _a;
9
3
  const [open, setOpen] = useState(false);
10
4
  const portalProps = ((_a = props === null || props === void 0 ? void 0 : props.slotProps) === null || _a === void 0 ? void 0 : _a.portal) || {};
@@ -30,7 +24,4 @@ const useLayer = (children, props) => {
30
24
  setOpen(false);
31
25
  },
32
26
  };
33
- };
34
-
35
- export { useLayer as default };
36
- //# sourceMappingURL=index.mjs.map
27
+ };export{useLayer as default};//# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../src/useLayer/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { usePortal } from \"@xanui/core\"\r\nimport { useState } from \"react\"\r\nimport Layer, { LayerProps } from \"../Layer\"\r\nimport { UsePortalOptions } from \"@xanui/core/hooks/usePortal\"\r\n\r\nexport type UseLayerProps = Omit<LayerProps, \"open\" | \"children\" | \"slotProps\"> & {\r\n slotProps?: LayerProps[\"slotProps\"] & {\r\n portal?: UsePortalOptions\r\n }\r\n}\r\n\r\nexport type UseLayerReturn = {\r\n open: () => void;\r\n close: () => void;\r\n}\r\n\r\nexport type UseLayerChildren = React.ReactElement | ((props: UseLayerReturn) => React.ReactElement)\r\n\r\nconst useLayer = (children: UseLayerChildren, props?: UseLayerProps): UseLayerReturn => {\r\n const [open, setOpen] = useState(false)\r\n const portalProps = props?.slotProps?.portal || {}\r\n const portal = usePortal(<Layer\r\n blur={20}\r\n {...props}\r\n open={open}\r\n onClosed={() => {\r\n portal.unmount()\r\n if (props?.onClosed) {\r\n props.onClosed()\r\n }\r\n }}\r\n onClickOutside={() => {\r\n if (props?.onClickOutside) {\r\n props.onClickOutside()\r\n } else {\r\n setOpen(false)\r\n }\r\n }}\r\n >\r\n {typeof children === \"function\" ? children({ open: () => setOpen(true), close: () => setOpen(false) }) : children}\r\n </Layer>, portalProps)\r\n\r\n return {\r\n open: () => {\r\n portal.mount()\r\n setOpen(true)\r\n },\r\n close: () => {\r\n setOpen(false)\r\n },\r\n }\r\n}\r\n\r\nexport default useLayer"],"names":[],"mappings":";;;;;;AAoBA;;;AAEG;;;;;;AAUG;;;;;;;AAOA;;;;;;;;;;AAcN;;"}
1
+ {"version":3,"file":"index.mjs","sources":["../../src/useLayer/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { usePortal } from \"@xanui/core\"\nimport { useState } from \"react\"\nimport Layer, { LayerProps } from \"../Layer\"\nimport { UsePortalOptions } from \"@xanui/core/hooks/usePortal\"\n\nexport type UseLayerProps = Omit<LayerProps, \"open\" | \"children\" | \"slotProps\"> & {\n slotProps?: LayerProps[\"slotProps\"] & {\n portal?: UsePortalOptions\n }\n}\n\nexport type UseLayerReturn = {\n open: () => void;\n close: () => void;\n}\n\nexport type UseLayerChildren = React.ReactElement | ((props: UseLayerReturn) => React.ReactElement)\n\nconst useLayer = (children: UseLayerChildren, props?: UseLayerProps): UseLayerReturn => {\n const [open, setOpen] = useState(false)\n const portalProps = props?.slotProps?.portal || {}\n const portal = usePortal(<Layer\n blur={20}\n {...props}\n open={open}\n onClosed={() => {\n portal.unmount()\n if (props?.onClosed) {\n props.onClosed()\n }\n }}\n onClickOutside={() => {\n if (props?.onClickOutside) {\n props.onClickOutside()\n } else {\n setOpen(false)\n }\n }}\n >\n {typeof children === \"function\" ? children({ open: () => setOpen(true), close: () => setOpen(false) }) : children}\n </Layer>, portalProps)\n\n return {\n open: () => {\n portal.mount()\n setOpen(true)\n },\n close: () => {\n setOpen(false)\n },\n }\n}\n\nexport default useLayer"],"names":["_jsx"],"mappings":"2IAoBA,MAAM,QAAQ,GAAG,CAAC,QAA0B,EAAE,KAAqB,KAAoB;;IACpF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACvC,IAAA,MAAM,WAAW,GAAG,CAAA,CAAA,EAAA,GAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,KAAI,EAAE;IAClD,MAAM,MAAM,GAAG,SAAS,CAACA,IAAC,KAAK,EAAA,MAAA,CAAA,MAAA,CAAA,EAC5B,IAAI,EAAE,EAAE,IACJ,KAAK,EAAA,EACT,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,MAAK;YACZ,MAAM,CAAC,OAAO,EAAE;YAChB,IAAI,KAAK,aAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,QAAQ,EAAE;gBAClB,KAAK,CAAC,QAAQ,EAAE;YACnB;AACH,QAAA,CAAC,EACD,cAAc,EAAE,MAAK;YAClB,IAAI,KAAK,aAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,cAAc,EAAE;gBACxB,KAAK,CAAC,cAAc,EAAE;YACzB;iBAAO;gBACJ,OAAO,CAAC,KAAK,CAAC;YACjB;AACH,QAAA,CAAC,YAEA,OAAO,QAAQ,KAAK,UAAU,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,QAAQ,IAC5G,EAAE,WAAW,CAAC;IAEtB,OAAO;QACJ,IAAI,EAAE,MAAK;YACR,MAAM,CAAC,KAAK,EAAE;YACd,OAAO,CAAC,IAAI,CAAC;QAChB,CAAC;QACD,KAAK,EAAE,MAAK;YACT,OAAO,CAAC,KAAK,CAAC;QACjB,CAAC;KACH;AACJ"}
package/useModal/index.js CHANGED
@@ -1,12 +1,4 @@
1
- "use client";
2
- 'use strict';
3
-
4
- var tslib = require('tslib');
5
- var jsxRuntime = require('react/jsx-runtime');
6
- var index = require('../useLayer/index.js');
7
- var core = require('@xanui/core');
8
-
9
- const useModal = (children, props) => {
1
+ 'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),index=require('../useLayer/index.js'),core=require('@xanui/core');const useModal = (children, props) => {
10
2
  var _a;
11
3
  let sizes = {
12
4
  xs: 420,
@@ -20,7 +12,7 @@ const useModal = (children, props) => {
20
12
  size = size !== null && size !== void 0 ? size : "xs";
21
13
  slotProps = slotProps || {};
22
14
  const root = (slotProps === null || slotProps === void 0 ? void 0 : slotProps.root) || {};
23
- const layer = index(() => {
15
+ const layer = index.default(() => {
24
16
  return (jsxRuntime.jsx(core.Tag, Object.assign({}, root, { sxr: Object.assign({ maxWidth: sizes[size] || size, width: "100%", radius: 2, bgcolor: "background.primary", shadow: 15 }, root === null || root === void 0 ? void 0 : root.sx), baseClass: 'modal', children: typeof children === "function" ? children({ open: layer.open, close: layer.close }) : children })));
25
17
  }, Object.assign(Object.assign({}, useLayerProps), { onClickOutside: () => {
26
18
  if (props === null || props === void 0 ? void 0 : props.onClickOutside) {
@@ -31,7 +23,4 @@ const useModal = (children, props) => {
31
23
  }
32
24
  }, slotProps: Object.assign(Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.layer), { root: Object.assign({ display: "flex", alignItems: 'center', justifyContent: "center" }, (_a = slotProps === null || slotProps === void 0 ? void 0 : slotProps.layer) === null || _a === void 0 ? void 0 : _a.root) }) }));
33
25
  return layer;
34
- };
35
-
36
- module.exports = useModal;
37
- //# sourceMappingURL=index.js.map
26
+ };exports.default=useModal;//# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/useModal/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport useLayer, { UseLayerProps } from \"../useLayer\";\r\nimport { Tag, TagProps } from '@xanui/core'\r\n\r\nexport type UseModalProps = Omit<UseLayerProps, \"slotProps\"> & {\r\n size?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"fullWidth\" | number;\r\n slotProps?: {\r\n layer?: UseLayerProps['slotProps'];\r\n root?: Omit<TagProps<'div'>, \"children\">\r\n }\r\n}\r\n\r\nexport type UseModalChildren = React.ReactElement | ((props: UseModalReturn) => React.ReactElement)\r\n\r\nexport type UseModalReturn = {\r\n open: () => void;\r\n close: () => void;\r\n}\r\n\r\nconst useModal = (children: UseModalChildren, props?: UseModalProps) => {\r\n\r\n let sizes: any = {\r\n xs: 420,\r\n sm: 760,\r\n md: 990,\r\n lg: 1120,\r\n xl: 1300,\r\n fullWidth: \"100%\"\r\n }\r\n let { size, slotProps, ...useLayerProps } = props || {}\r\n size = size ?? \"xs\"\r\n slotProps = slotProps || {} as any\r\n const root: any = slotProps?.root || {}\r\n\r\n const layer = useLayer(() => {\r\n return (\r\n <Tag\r\n {...root}\r\n sxr={{\r\n maxWidth: sizes[size as any] || size,\r\n width: \"100%\",\r\n radius: 2,\r\n bgcolor: \"background.primary\",\r\n shadow: 15,\r\n ...root?.sx\r\n }}\r\n baseClass='modal'\r\n >\r\n {typeof children === \"function\" ? children({ open: layer.open, close: layer.close }) : children}\r\n </Tag>\r\n )\r\n }, {\r\n ...useLayerProps,\r\n onClickOutside: () => {\r\n if (props?.onClickOutside) {\r\n props.onClickOutside()\r\n } else {\r\n layer.close()\r\n }\r\n },\r\n slotProps: {\r\n ...slotProps?.layer,\r\n root: {\r\n display: \"flex\",\r\n alignItems: 'center',\r\n justifyContent: \"center\",\r\n ...slotProps?.layer?.root,\r\n }\r\n }\r\n })\r\n\r\n return layer\r\n}\r\n\r\nexport default useModal;"],"names":[],"mappings":";;;;;;;;AAoBA;;AAEG;AACG;AACA;AACA;AACA;AACA;AACA;;AAEH;;AAEA;AACA;AAEA;AACG;AAgBH;;;;;;;AAQG;AAYH;AACH;;"}
1
+ {"version":3,"file":"index.js","sources":["../../src/useModal/index.tsx"],"sourcesContent":["\"use client\";\n\nimport useLayer, { UseLayerProps } from \"../useLayer\";\nimport { Tag, TagProps } from '@xanui/core'\n\nexport type UseModalProps = Omit<UseLayerProps, \"slotProps\"> & {\n size?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"fullWidth\" | number;\n slotProps?: {\n layer?: UseLayerProps['slotProps'];\n root?: Omit<TagProps<'div'>, \"children\">\n }\n}\n\nexport type UseModalChildren = React.ReactElement | ((props: UseModalReturn) => React.ReactElement)\n\nexport type UseModalReturn = {\n open: () => void;\n close: () => void;\n}\n\nconst useModal = (children: UseModalChildren, props?: UseModalProps) => {\n\n let sizes: any = {\n xs: 420,\n sm: 760,\n md: 990,\n lg: 1120,\n xl: 1300,\n fullWidth: \"100%\"\n }\n let { size, slotProps, ...useLayerProps } = props || {}\n size = size ?? \"xs\"\n slotProps = slotProps || {} as any\n const root: any = slotProps?.root || {}\n\n const layer = useLayer(() => {\n return (\n <Tag\n {...root}\n sxr={{\n maxWidth: sizes[size as any] || size,\n width: \"100%\",\n radius: 2,\n bgcolor: \"background.primary\",\n shadow: 15,\n ...root?.sx\n }}\n baseClass='modal'\n >\n {typeof children === \"function\" ? children({ open: layer.open, close: layer.close }) : children}\n </Tag>\n )\n }, {\n ...useLayerProps,\n onClickOutside: () => {\n if (props?.onClickOutside) {\n props.onClickOutside()\n } else {\n layer.close()\n }\n },\n slotProps: {\n ...slotProps?.layer,\n root: {\n display: \"flex\",\n alignItems: 'center',\n justifyContent: \"center\",\n ...slotProps?.layer?.root,\n }\n }\n })\n\n return layer\n}\n\nexport default useModal;"],"names":["__rest","useLayer","_jsx","Tag"],"mappings":"2MAoBA,MAAM,QAAQ,GAAG,CAAC,QAA0B,EAAE,KAAqB,KAAI;;AAEpE,IAAA,IAAI,KAAK,GAAQ;AACd,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,EAAE,EAAE,IAAI;AACR,QAAA,EAAE,EAAE,IAAI;AACR,QAAA,SAAS,EAAE;KACb;AACD,IAAA,IAAI,EAAA,GAAwC,KAAK,IAAI,EAAE,EAAnD,EAAE,IAAI,EAAE,SAAS,OAAkC,EAA7B,aAAa,GAAAA,YAAA,CAAA,EAAA,EAAnC,CAAA,MAAA,EAAA,WAAA,CAAqC,CAAc;IACvD,IAAI,GAAG,IAAI,KAAA,IAAA,IAAJ,IAAI,cAAJ,IAAI,GAAI,IAAI;AACnB,IAAA,SAAS,GAAG,SAAS,IAAI,EAAS;AAClC,IAAA,MAAM,IAAI,GAAQ,CAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,IAAI,KAAI,EAAE;AAEvC,IAAA,MAAM,KAAK,GAAGC,aAAQ,CAAC,MAAK;AACzB,QAAA,QACGC,cAAA,CAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACG,IAAI,EAAA,EACR,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACA,QAAQ,EAAE,KAAK,CAAC,IAAW,CAAC,IAAI,IAAI,EACpC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAE,EAAE,EAAA,EACP,IAAI,aAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,EAAE,CAAA,EAEd,SAAS,EAAC,OAAO,EAAA,QAAA,EAEhB,OAAO,QAAQ,KAAK,UAAU,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,GAAG,QAAQ,EAAA,CAAA,CAC5F;AAEZ,IAAA,CAAC,kCACK,aAAa,CAAA,EAAA,EAChB,cAAc,EAAE,MAAK;YAClB,IAAI,KAAK,aAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,cAAc,EAAE;gBACxB,KAAK,CAAC,cAAc,EAAE;YACzB;iBAAO;gBACJ,KAAK,CAAC,KAAK,EAAE;YAChB;AACH,QAAA,CAAC,EACD,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACH,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,KAAK,KACnB,IAAI,EAAA,MAAA,CAAA,MAAA,CAAA,EACD,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,QAAQ,EACpB,cAAc,EAAE,QAAQ,EAAA,EACrB,MAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,QAGhC;AAEF,IAAA,OAAO,KAAK;AACf"}
@@ -1,10 +1,4 @@
1
- "use client";
2
- import { __rest } from 'tslib';
3
- import { jsx } from 'react/jsx-runtime';
4
- import useLayer from '../useLayer/index.mjs';
5
- import { Tag } from '@xanui/core';
6
-
7
- const useModal = (children, props) => {
1
+ import {__rest}from'tslib';import {jsx}from'react/jsx-runtime';import useLayer from'../useLayer/index.mjs';import {Tag}from'@xanui/core';const useModal = (children, props) => {
8
2
  var _a;
9
3
  let sizes = {
10
4
  xs: 420,
@@ -29,7 +23,4 @@ const useModal = (children, props) => {
29
23
  }
30
24
  }, slotProps: Object.assign(Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.layer), { root: Object.assign({ display: "flex", alignItems: 'center', justifyContent: "center" }, (_a = slotProps === null || slotProps === void 0 ? void 0 : slotProps.layer) === null || _a === void 0 ? void 0 : _a.root) }) }));
31
25
  return layer;
32
- };
33
-
34
- export { useModal as default };
35
- //# sourceMappingURL=index.mjs.map
26
+ };export{useModal as default};//# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../src/useModal/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport useLayer, { UseLayerProps } from \"../useLayer\";\r\nimport { Tag, TagProps } from '@xanui/core'\r\n\r\nexport type UseModalProps = Omit<UseLayerProps, \"slotProps\"> & {\r\n size?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"fullWidth\" | number;\r\n slotProps?: {\r\n layer?: UseLayerProps['slotProps'];\r\n root?: Omit<TagProps<'div'>, \"children\">\r\n }\r\n}\r\n\r\nexport type UseModalChildren = React.ReactElement | ((props: UseModalReturn) => React.ReactElement)\r\n\r\nexport type UseModalReturn = {\r\n open: () => void;\r\n close: () => void;\r\n}\r\n\r\nconst useModal = (children: UseModalChildren, props?: UseModalProps) => {\r\n\r\n let sizes: any = {\r\n xs: 420,\r\n sm: 760,\r\n md: 990,\r\n lg: 1120,\r\n xl: 1300,\r\n fullWidth: \"100%\"\r\n }\r\n let { size, slotProps, ...useLayerProps } = props || {}\r\n size = size ?? \"xs\"\r\n slotProps = slotProps || {} as any\r\n const root: any = slotProps?.root || {}\r\n\r\n const layer = useLayer(() => {\r\n return (\r\n <Tag\r\n {...root}\r\n sxr={{\r\n maxWidth: sizes[size as any] || size,\r\n width: \"100%\",\r\n radius: 2,\r\n bgcolor: \"background.primary\",\r\n shadow: 15,\r\n ...root?.sx\r\n }}\r\n baseClass='modal'\r\n >\r\n {typeof children === \"function\" ? children({ open: layer.open, close: layer.close }) : children}\r\n </Tag>\r\n )\r\n }, {\r\n ...useLayerProps,\r\n onClickOutside: () => {\r\n if (props?.onClickOutside) {\r\n props.onClickOutside()\r\n } else {\r\n layer.close()\r\n }\r\n },\r\n slotProps: {\r\n ...slotProps?.layer,\r\n root: {\r\n display: \"flex\",\r\n alignItems: 'center',\r\n justifyContent: \"center\",\r\n ...slotProps?.layer?.root,\r\n }\r\n }\r\n })\r\n\r\n return layer\r\n}\r\n\r\nexport default useModal;"],"names":[],"mappings":";;;;;;AAoBA;;AAEG;AACG;AACA;AACA;AACA;AACA;AACA;;AAEH;;AAEA;AACA;AAEA;AACG;AAgBH;;;;;;;AAQG;AAYH;AACH;;"}
1
+ {"version":3,"file":"index.mjs","sources":["../../src/useModal/index.tsx"],"sourcesContent":["\"use client\";\n\nimport useLayer, { UseLayerProps } from \"../useLayer\";\nimport { Tag, TagProps } from '@xanui/core'\n\nexport type UseModalProps = Omit<UseLayerProps, \"slotProps\"> & {\n size?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"fullWidth\" | number;\n slotProps?: {\n layer?: UseLayerProps['slotProps'];\n root?: Omit<TagProps<'div'>, \"children\">\n }\n}\n\nexport type UseModalChildren = React.ReactElement | ((props: UseModalReturn) => React.ReactElement)\n\nexport type UseModalReturn = {\n open: () => void;\n close: () => void;\n}\n\nconst useModal = (children: UseModalChildren, props?: UseModalProps) => {\n\n let sizes: any = {\n xs: 420,\n sm: 760,\n md: 990,\n lg: 1120,\n xl: 1300,\n fullWidth: \"100%\"\n }\n let { size, slotProps, ...useLayerProps } = props || {}\n size = size ?? \"xs\"\n slotProps = slotProps || {} as any\n const root: any = slotProps?.root || {}\n\n const layer = useLayer(() => {\n return (\n <Tag\n {...root}\n sxr={{\n maxWidth: sizes[size as any] || size,\n width: \"100%\",\n radius: 2,\n bgcolor: \"background.primary\",\n shadow: 15,\n ...root?.sx\n }}\n baseClass='modal'\n >\n {typeof children === \"function\" ? children({ open: layer.open, close: layer.close }) : children}\n </Tag>\n )\n }, {\n ...useLayerProps,\n onClickOutside: () => {\n if (props?.onClickOutside) {\n props.onClickOutside()\n } else {\n layer.close()\n }\n },\n slotProps: {\n ...slotProps?.layer,\n root: {\n display: \"flex\",\n alignItems: 'center',\n justifyContent: \"center\",\n ...slotProps?.layer?.root,\n }\n }\n })\n\n return layer\n}\n\nexport default useModal;"],"names":["_jsx"],"mappings":"yIAoBA,MAAM,QAAQ,GAAG,CAAC,QAA0B,EAAE,KAAqB,KAAI;;AAEpE,IAAA,IAAI,KAAK,GAAQ;AACd,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,EAAE,EAAE,IAAI;AACR,QAAA,EAAE,EAAE,IAAI;AACR,QAAA,SAAS,EAAE;KACb;AACD,IAAA,IAAI,EAAA,GAAwC,KAAK,IAAI,EAAE,EAAnD,EAAE,IAAI,EAAE,SAAS,OAAkC,EAA7B,aAAa,GAAA,MAAA,CAAA,EAAA,EAAnC,CAAA,MAAA,EAAA,WAAA,CAAqC,CAAc;IACvD,IAAI,GAAG,IAAI,KAAA,IAAA,IAAJ,IAAI,cAAJ,IAAI,GAAI,IAAI;AACnB,IAAA,SAAS,GAAG,SAAS,IAAI,EAAS;AAClC,IAAA,MAAM,IAAI,GAAQ,CAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,IAAI,KAAI,EAAE;AAEvC,IAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAK;AACzB,QAAA,QACGA,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACG,IAAI,EAAA,EACR,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACA,QAAQ,EAAE,KAAK,CAAC,IAAW,CAAC,IAAI,IAAI,EACpC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAE,EAAE,EAAA,EACP,IAAI,aAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,EAAE,CAAA,EAEd,SAAS,EAAC,OAAO,EAAA,QAAA,EAEhB,OAAO,QAAQ,KAAK,UAAU,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,GAAG,QAAQ,EAAA,CAAA,CAC5F;AAEZ,IAAA,CAAC,kCACK,aAAa,CAAA,EAAA,EAChB,cAAc,EAAE,MAAK;YAClB,IAAI,KAAK,aAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,cAAc,EAAE;gBACxB,KAAK,CAAC,cAAc,EAAE;YACzB;iBAAO;gBACJ,KAAK,CAAC,KAAK,EAAE;YAChB;AACH,QAAA,CAAC,EACD,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACH,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,KAAK,KACnB,IAAI,EAAA,MAAA,CAAA,MAAA,CAAA,EACD,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,QAAQ,EACpB,cAAc,EAAE,QAAQ,EAAA,EACrB,MAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,QAGhC;AAEF,IAAA,OAAO,KAAK;AACf"}