@mage-ui/components 0.0.16 → 0.0.18

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 (248) hide show
  1. package/dist/atoms/{avatar/Avatar.d.mts → avatars/Avatar.d.ts} +3 -4
  2. package/dist/atoms/avatars/Avatar.d.ts.map +1 -0
  3. package/dist/atoms/avatars/Avatar.js +2 -0
  4. package/dist/atoms/avatars/Avatar.js.map +1 -0
  5. package/dist/atoms/badges/{Badge.d.cts → Badge.d.ts} +3 -4
  6. package/dist/atoms/badges/Badge.d.ts.map +1 -0
  7. package/dist/atoms/badges/{Badge.mjs → Badge.js} +1 -1
  8. package/dist/atoms/badges/Badge.js.map +1 -0
  9. package/dist/atoms/breadcrumbs/{Breadcrumbs.d.mts → Breadcrumbs.d.ts} +3 -4
  10. package/dist/atoms/breadcrumbs/Breadcrumbs.d.ts.map +1 -0
  11. package/dist/atoms/breadcrumbs/{Breadcrumbs.mjs → Breadcrumbs.js} +1 -1
  12. package/dist/atoms/breadcrumbs/Breadcrumbs.js.map +1 -0
  13. package/dist/atoms/buttons/{Button.d.mts → Button.d.ts} +4 -5
  14. package/dist/atoms/buttons/Button.d.ts.map +1 -0
  15. package/dist/atoms/buttons/{Button.mjs → Button.js} +1 -1
  16. package/dist/atoms/buttons/Button.js.map +1 -0
  17. package/dist/atoms/buttons/{ButtonIcon.d.mts → ButtonIcon.d.ts} +5 -6
  18. package/dist/atoms/buttons/ButtonIcon.d.ts.map +1 -0
  19. package/dist/atoms/buttons/ButtonIcon.js +2 -0
  20. package/dist/atoms/buttons/ButtonIcon.js.map +1 -0
  21. package/dist/atoms/carousel/Carousel.d.ts +47 -0
  22. package/dist/atoms/carousel/Carousel.d.ts.map +1 -0
  23. package/dist/atoms/carousel/Carousel.js +2 -0
  24. package/dist/atoms/carousel/Carousel.js.map +1 -0
  25. package/dist/atoms/forms/{FormInputText.d.mts → FormInputText.d.ts} +5 -6
  26. package/dist/atoms/forms/FormInputText.d.ts.map +1 -0
  27. package/dist/atoms/forms/FormInputText.js +2 -0
  28. package/dist/atoms/forms/FormInputText.js.map +1 -0
  29. package/dist/atoms/{icon/Icon.d.mts → icons/Icon.d.ts} +3 -4
  30. package/dist/atoms/icons/Icon.d.ts.map +1 -0
  31. package/dist/atoms/icons/Icon.js +2 -0
  32. package/dist/atoms/icons/Icon.js.map +1 -0
  33. package/dist/atoms/{icon/IconRaw.d.mts → icons/IconRaw.d.ts} +3 -4
  34. package/dist/atoms/icons/IconRaw.d.ts.map +1 -0
  35. package/dist/atoms/{icon/IconRaw.mjs → icons/IconRaw.js} +1 -1
  36. package/dist/atoms/icons/IconRaw.js.map +1 -0
  37. package/dist/atoms/icons/IconWrapped.d.ts +19 -0
  38. package/dist/atoms/icons/IconWrapped.d.ts.map +1 -0
  39. package/dist/atoms/icons/IconWrapped.js +2 -0
  40. package/dist/atoms/icons/IconWrapped.js.map +1 -0
  41. package/dist/atoms/inputs/{Checkbox.d.mts → Checkbox.d.ts} +3 -3
  42. package/dist/atoms/inputs/Checkbox.d.ts.map +1 -0
  43. package/dist/atoms/inputs/{Checkbox.mjs → Checkbox.js} +1 -1
  44. package/dist/atoms/inputs/Checkbox.js.map +1 -0
  45. package/dist/atoms/inputs/DatePicker.d.ts +64 -0
  46. package/dist/atoms/inputs/DatePicker.d.ts.map +1 -0
  47. package/dist/atoms/inputs/DatePicker.js +2 -0
  48. package/dist/atoms/inputs/DatePicker.js.map +1 -0
  49. package/dist/atoms/inputs/{InputText.d.mts → InputText.d.ts} +6 -5
  50. package/dist/atoms/inputs/InputText.d.ts.map +1 -0
  51. package/dist/atoms/inputs/InputText.js +2 -0
  52. package/dist/atoms/inputs/InputText.js.map +1 -0
  53. package/dist/atoms/inputs/combobox/{Combobox.d.mts → Combobox.d.ts} +6 -4
  54. package/dist/atoms/inputs/combobox/Combobox.d.ts.map +1 -0
  55. package/dist/atoms/inputs/combobox/Combobox.js +2 -0
  56. package/dist/atoms/inputs/combobox/Combobox.js.map +1 -0
  57. package/dist/atoms/inputs/combobox/ComboboxBase.js +2 -0
  58. package/dist/atoms/inputs/combobox/ComboboxBase.js.map +1 -0
  59. package/dist/atoms/misc/{VisuallyHidden.mjs → VisuallyHidden.js} +1 -1
  60. package/dist/atoms/misc/VisuallyHidden.js.map +1 -0
  61. package/dist/atoms/tabs/{Tab.d.cts → Tab.d.ts} +3 -2
  62. package/dist/atoms/tabs/Tab.d.ts.map +1 -0
  63. package/dist/atoms/tabs/{Tab.mjs → Tab.js} +1 -1
  64. package/dist/atoms/tabs/Tab.js.map +1 -0
  65. package/dist/atoms/tabs/{TabList.d.mts → TabList.d.ts} +3 -2
  66. package/dist/atoms/tabs/TabList.d.ts.map +1 -0
  67. package/dist/atoms/tabs/{TabList.mjs → TabList.js} +1 -1
  68. package/dist/atoms/tabs/TabList.js.map +1 -0
  69. package/dist/atoms/tabs/{TabPanel.d.cts → TabPanel.d.ts} +3 -2
  70. package/dist/atoms/tabs/TabPanel.d.ts.map +1 -0
  71. package/dist/atoms/tabs/{TabPanel.mjs → TabPanel.js} +1 -1
  72. package/dist/atoms/tabs/TabPanel.js.map +1 -0
  73. package/dist/atoms/tabs/{Tabs.d.mts → Tabs.d.ts} +10 -11
  74. package/dist/atoms/tabs/Tabs.d.ts.map +1 -0
  75. package/dist/atoms/tabs/Tabs.js +2 -0
  76. package/dist/atoms/tabs/Tabs.js.map +1 -0
  77. package/dist/index.d.ts +17 -0
  78. package/dist/index.js +1 -0
  79. package/dist/panda.json +29 -17
  80. package/dist/providers/{MageUiProvider.d.mts → MageUiProvider.d.ts} +4 -5
  81. package/dist/providers/MageUiProvider.d.ts.map +1 -0
  82. package/dist/providers/{MageUiProvider.mjs → MageUiProvider.js} +1 -1
  83. package/dist/providers/MageUiProvider.js.map +1 -0
  84. package/package.json +18 -159
  85. package/dist/Avatar.cjs +0 -1
  86. package/dist/Avatar.d.cts +0 -2
  87. package/dist/Avatar.d.mts +0 -2
  88. package/dist/Avatar.mjs +0 -1
  89. package/dist/Badge.cjs +0 -1
  90. package/dist/Badge.d.cts +0 -2
  91. package/dist/Badge.d.mts +0 -2
  92. package/dist/Badge.mjs +0 -1
  93. package/dist/Breadcrumbs.cjs +0 -1
  94. package/dist/Breadcrumbs.d.cts +0 -2
  95. package/dist/Breadcrumbs.d.mts +0 -2
  96. package/dist/Breadcrumbs.mjs +0 -1
  97. package/dist/Button.cjs +0 -1
  98. package/dist/Button.d.cts +0 -2
  99. package/dist/Button.d.mts +0 -2
  100. package/dist/Button.mjs +0 -1
  101. package/dist/ButtonIcon.cjs +0 -1
  102. package/dist/ButtonIcon.d.cts +0 -2
  103. package/dist/ButtonIcon.d.mts +0 -2
  104. package/dist/ButtonIcon.mjs +0 -1
  105. package/dist/Checkbox.cjs +0 -1
  106. package/dist/Checkbox.d.cts +0 -2
  107. package/dist/Checkbox.d.mts +0 -2
  108. package/dist/Checkbox.mjs +0 -1
  109. package/dist/Combobox.cjs +0 -1
  110. package/dist/Combobox.d.cts +0 -2
  111. package/dist/Combobox.d.mts +0 -2
  112. package/dist/Combobox.mjs +0 -1
  113. package/dist/DatePicker.cjs +0 -1
  114. package/dist/DatePicker.d.cts +0 -2
  115. package/dist/DatePicker.d.mts +0 -2
  116. package/dist/DatePicker.mjs +0 -1
  117. package/dist/FormInputText.cjs +0 -1
  118. package/dist/FormInputText.d.cts +0 -2
  119. package/dist/FormInputText.d.mts +0 -2
  120. package/dist/FormInputText.mjs +0 -1
  121. package/dist/Icon.cjs +0 -1
  122. package/dist/Icon.d.cts +0 -2
  123. package/dist/Icon.d.mts +0 -2
  124. package/dist/Icon.mjs +0 -1
  125. package/dist/IconRaw.cjs +0 -1
  126. package/dist/IconRaw.d.cts +0 -2
  127. package/dist/IconRaw.d.mts +0 -2
  128. package/dist/IconRaw.mjs +0 -1
  129. package/dist/InputText.cjs +0 -1
  130. package/dist/InputText.d.cts +0 -2
  131. package/dist/InputText.d.mts +0 -2
  132. package/dist/InputText.mjs +0 -1
  133. package/dist/MageUiProvider.cjs +0 -1
  134. package/dist/MageUiProvider.d.cts +0 -2
  135. package/dist/MageUiProvider.d.mts +0 -2
  136. package/dist/MageUiProvider.mjs +0 -1
  137. package/dist/Tabs.cjs +0 -1
  138. package/dist/Tabs.d.cts +0 -2
  139. package/dist/Tabs.d.mts +0 -2
  140. package/dist/Tabs.mjs +0 -1
  141. package/dist/VisuallyHidden.cjs +0 -1
  142. package/dist/VisuallyHidden.d.cts +0 -2
  143. package/dist/VisuallyHidden.d.mts +0 -2
  144. package/dist/VisuallyHidden.mjs +0 -1
  145. package/dist/_virtual/rolldown_runtime.cjs +0 -1
  146. package/dist/atoms/avatar/Avatar.cjs +0 -1
  147. package/dist/atoms/avatar/Avatar.d.cts +0 -22
  148. package/dist/atoms/avatar/Avatar.d.cts.map +0 -1
  149. package/dist/atoms/avatar/Avatar.d.mts.map +0 -1
  150. package/dist/atoms/avatar/Avatar.mjs +0 -2
  151. package/dist/atoms/avatar/Avatar.mjs.map +0 -1
  152. package/dist/atoms/badges/Badge.cjs +0 -1
  153. package/dist/atoms/badges/Badge.d.cts.map +0 -1
  154. package/dist/atoms/badges/Badge.d.mts +0 -26
  155. package/dist/atoms/badges/Badge.d.mts.map +0 -1
  156. package/dist/atoms/badges/Badge.mjs.map +0 -1
  157. package/dist/atoms/breadcrumbs/Breadcrumbs.cjs +0 -1
  158. package/dist/atoms/breadcrumbs/Breadcrumbs.d.cts +0 -34
  159. package/dist/atoms/breadcrumbs/Breadcrumbs.d.cts.map +0 -1
  160. package/dist/atoms/breadcrumbs/Breadcrumbs.d.mts.map +0 -1
  161. package/dist/atoms/breadcrumbs/Breadcrumbs.mjs.map +0 -1
  162. package/dist/atoms/buttons/Button.cjs +0 -1
  163. package/dist/atoms/buttons/Button.d.cts +0 -27
  164. package/dist/atoms/buttons/Button.d.cts.map +0 -1
  165. package/dist/atoms/buttons/Button.d.mts.map +0 -1
  166. package/dist/atoms/buttons/Button.mjs.map +0 -1
  167. package/dist/atoms/buttons/ButtonIcon.cjs +0 -1
  168. package/dist/atoms/buttons/ButtonIcon.d.cts +0 -24
  169. package/dist/atoms/buttons/ButtonIcon.d.cts.map +0 -1
  170. package/dist/atoms/buttons/ButtonIcon.d.mts.map +0 -1
  171. package/dist/atoms/buttons/ButtonIcon.mjs +0 -2
  172. package/dist/atoms/buttons/ButtonIcon.mjs.map +0 -1
  173. package/dist/atoms/forms/FormInputText.cjs +0 -1
  174. package/dist/atoms/forms/FormInputText.d.cts +0 -20
  175. package/dist/atoms/forms/FormInputText.d.cts.map +0 -1
  176. package/dist/atoms/forms/FormInputText.d.mts.map +0 -1
  177. package/dist/atoms/forms/FormInputText.mjs +0 -2
  178. package/dist/atoms/forms/FormInputText.mjs.map +0 -1
  179. package/dist/atoms/icon/Icon.cjs +0 -1
  180. package/dist/atoms/icon/Icon.d.cts +0 -21
  181. package/dist/atoms/icon/Icon.d.cts.map +0 -1
  182. package/dist/atoms/icon/Icon.d.mts.map +0 -1
  183. package/dist/atoms/icon/Icon.mjs +0 -2
  184. package/dist/atoms/icon/Icon.mjs.map +0 -1
  185. package/dist/atoms/icon/IconRaw.cjs +0 -1
  186. package/dist/atoms/icon/IconRaw.d.cts +0 -20
  187. package/dist/atoms/icon/IconRaw.d.cts.map +0 -1
  188. package/dist/atoms/icon/IconRaw.d.mts.map +0 -1
  189. package/dist/atoms/icon/IconRaw.mjs.map +0 -1
  190. package/dist/atoms/inputs/Checkbox.cjs +0 -1
  191. package/dist/atoms/inputs/Checkbox.d.cts +0 -23
  192. package/dist/atoms/inputs/Checkbox.d.cts.map +0 -1
  193. package/dist/atoms/inputs/Checkbox.d.mts.map +0 -1
  194. package/dist/atoms/inputs/Checkbox.mjs.map +0 -1
  195. package/dist/atoms/inputs/DatePicker.cjs +0 -1
  196. package/dist/atoms/inputs/DatePicker.d.cts +0 -46
  197. package/dist/atoms/inputs/DatePicker.d.cts.map +0 -1
  198. package/dist/atoms/inputs/DatePicker.d.mts +0 -46
  199. package/dist/atoms/inputs/DatePicker.d.mts.map +0 -1
  200. package/dist/atoms/inputs/DatePicker.mjs +0 -2
  201. package/dist/atoms/inputs/DatePicker.mjs.map +0 -1
  202. package/dist/atoms/inputs/InputText.cjs +0 -1
  203. package/dist/atoms/inputs/InputText.d.cts +0 -32
  204. package/dist/atoms/inputs/InputText.d.cts.map +0 -1
  205. package/dist/atoms/inputs/InputText.d.mts.map +0 -1
  206. package/dist/atoms/inputs/InputText.mjs +0 -2
  207. package/dist/atoms/inputs/InputText.mjs.map +0 -1
  208. package/dist/atoms/inputs/combobox/Combobox.cjs +0 -1
  209. package/dist/atoms/inputs/combobox/Combobox.d.cts +0 -46
  210. package/dist/atoms/inputs/combobox/Combobox.d.cts.map +0 -1
  211. package/dist/atoms/inputs/combobox/Combobox.d.mts.map +0 -1
  212. package/dist/atoms/inputs/combobox/Combobox.mjs +0 -2
  213. package/dist/atoms/inputs/combobox/Combobox.mjs.map +0 -1
  214. package/dist/atoms/inputs/combobox/ComboboxBase.cjs +0 -1
  215. package/dist/atoms/inputs/combobox/ComboboxBase.mjs +0 -2
  216. package/dist/atoms/inputs/combobox/ComboboxBase.mjs.map +0 -1
  217. package/dist/atoms/misc/VisuallyHidden.cjs +0 -1
  218. package/dist/atoms/misc/VisuallyHidden.d.cts +0 -16
  219. package/dist/atoms/misc/VisuallyHidden.d.cts.map +0 -1
  220. package/dist/atoms/misc/VisuallyHidden.d.mts +0 -16
  221. package/dist/atoms/misc/VisuallyHidden.d.mts.map +0 -1
  222. package/dist/atoms/misc/VisuallyHidden.mjs.map +0 -1
  223. package/dist/atoms/tabs/Tab.cjs +0 -1
  224. package/dist/atoms/tabs/Tab.d.cts.map +0 -1
  225. package/dist/atoms/tabs/Tab.d.mts +0 -17
  226. package/dist/atoms/tabs/Tab.d.mts.map +0 -1
  227. package/dist/atoms/tabs/Tab.mjs.map +0 -1
  228. package/dist/atoms/tabs/TabList.cjs +0 -1
  229. package/dist/atoms/tabs/TabList.d.cts +0 -13
  230. package/dist/atoms/tabs/TabList.d.cts.map +0 -1
  231. package/dist/atoms/tabs/TabList.d.mts.map +0 -1
  232. package/dist/atoms/tabs/TabList.mjs.map +0 -1
  233. package/dist/atoms/tabs/TabPanel.cjs +0 -1
  234. package/dist/atoms/tabs/TabPanel.d.cts.map +0 -1
  235. package/dist/atoms/tabs/TabPanel.d.mts +0 -13
  236. package/dist/atoms/tabs/TabPanel.d.mts.map +0 -1
  237. package/dist/atoms/tabs/TabPanel.mjs.map +0 -1
  238. package/dist/atoms/tabs/Tabs.cjs +0 -1
  239. package/dist/atoms/tabs/Tabs.d.cts +0 -53
  240. package/dist/atoms/tabs/Tabs.d.cts.map +0 -1
  241. package/dist/atoms/tabs/Tabs.d.mts.map +0 -1
  242. package/dist/atoms/tabs/Tabs.mjs +0 -2
  243. package/dist/atoms/tabs/Tabs.mjs.map +0 -1
  244. package/dist/providers/MageUiProvider.cjs +0 -1
  245. package/dist/providers/MageUiProvider.d.cts +0 -16
  246. package/dist/providers/MageUiProvider.d.cts.map +0 -1
  247. package/dist/providers/MageUiProvider.d.mts.map +0 -1
  248. package/dist/providers/MageUiProvider.mjs.map +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Combobox.js","names":["value: string"],"sources":["../../../../src/atoms/inputs/combobox/Combobox.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport {\n comboboxEmpty,\n comboboxOption,\n icon,\n} from '@mage-ui/styled-system/recipes';\n\nimport { Icon } from '../../icons/Icon';\nimport { ComboboxBase } from './ComboboxBase';\n\nexport type ComboboxProps = {\n selectedOption: { id: string; value: string } | undefined;\n setSelectedOption: (value: { id: string; value: string } | undefined) => void;\n options: { id: string; value: string }[];\n creatable?: boolean;\n classNames?: {\n option?: string;\n empty?: string;\n create?: string;\n };\n texts: {\n input: {\n label: string;\n placeholder: string;\n description?: string;\n error?: string;\n };\n empty: string;\n create: string;\n };\n inputWrapperOrder?: Array<'label' | 'description' | 'input' | 'error'>;\n};\n\nexport const Combobox = ({\n selectedOption,\n setSelectedOption,\n options,\n creatable,\n classNames,\n texts,\n inputWrapperOrder = ['label', 'input', 'description', 'error'],\n ...props\n}: ComboboxProps) => {\n const [query, setQuery] = useState(selectedOption?.value || '');\n\n const shouldFilterOptions = options.every((item) => item.value !== query);\n const filteredOptions = shouldFilterOptions\n ? options.filter((item) =>\n item.value.toLowerCase().includes(query.toLowerCase().trim()),\n )\n : options;\n\n const comboBoxOptions = filteredOptions.map((option) => (\n <ComboboxBase.Option\n value={option.value}\n key={option.id}\n active={selectedOption?.id === option.id}\n classNames={{ option: classNames?.option ?? comboboxOption() }}\n >\n {option.value}\n </ComboboxBase.Option>\n ));\n\n const MissingOption = () => {\n if (creatable && query) {\n return (\n <ComboboxBase.Option\n value={query}\n key={query}\n classNames={{\n option: classNames?.create ?? comboboxOption({ type: 'create' }),\n }}\n >\n <Icon name='plus' classNames={icon({ size: 'm' })} />\n {`${texts.create} '${query}'`}\n </ComboboxBase.Option>\n );\n }\n return (\n <ComboboxBase.Empty\n classNames={{ empty: classNames?.empty ?? comboboxEmpty() }}\n >\n {texts.empty}\n </ComboboxBase.Empty>\n );\n };\n\n const onChange = (value: string) => {\n let selected = options.find((item) => item.value === value);\n if (!selected && creatable && value) {\n selected = { id: 'new', value };\n }\n setSelectedOption(selected);\n };\n\n return (\n <ComboboxBase\n query={query}\n setQuery={setQuery}\n selectedOption={selectedOption}\n setSelectedOption={(option) => onChange(option)}\n endSlot={<Icon name='chevron-down' classNames={icon({ size: 'l' })} />}\n texts={texts}\n inputWrapperOrder={inputWrapperOrder}\n {...props}\n >\n {comboBoxOptions.length > 0 ? comboBoxOptions : <MissingOption />}\n </ComboboxBase>\n );\n};\n"],"mappings":"4QAkCA,MAAa,EAAW,CAAC,CACvB,iBACA,oBACA,UACA,YACA,aACA,QACA,oBAAoB,CAAC,QAAS,QAAS,cAAe,OAAQ,EAC9D,GAAG,EACW,GAAK,CA6CnB,GA5CM,CAAC,EAAO,EAAS,CAAG,EAAS,GAAgB,OAAS,GAAG,CAEzD,EAAsB,EAAQ,MAAM,AAAC,GAAS,EAAK,QAAU,EAAM,CACnE,EAAkB,EACpB,EAAQ,OAAO,AAAC,GACd,EAAK,MAAM,aAAa,CAAC,SAAS,EAAM,aAAa,CAAC,MAAM,CAAC,CAC9D,CACD,EAEE,EAAkB,EAAgB,IAAI,AAAC,GAC3C,EAAC,EAAa,OAAA,CACZ,MAAO,EAAO,MAEd,OAAQ,GAAgB,KAAO,EAAO,GACtC,WAAY,CAAE,OAAQ,GAAY,QAAU,GAAgB,AAAE,WAE7D,EAAO,OAJH,EAAO,GAKQ,CACtB,CAEI,EAAgB,IAChB,GAAa,EAEb,EAAC,EAAa,OAAA,CACZ,MAAO,EAEP,WAAY,CACV,OAAQ,GAAY,QAAU,EAAe,CAAE,KAAM,QAAU,EAAC,AACjE,YAED,EAAC,EAAA,CAAK,KAAK,OAAO,WAAY,EAAK,CAAE,KAAM,GAAK,EAAC,EAAI,EACnD,EAAE,EAAM,OAAO,IAAI,EAAM,EAAA,GANtB,EAOe,CAIxB,EAAC,EAAa,MAAA,CACZ,WAAY,CAAE,MAAO,GAAY,OAAS,GAAe,AAAE,WAE1D,EAAM,OACY,CAInB,EAAW,AAACA,GAAkB,CAClC,IAAI,EAAW,EAAQ,KAAK,AAAC,GAAS,EAAK,QAAU,EAAM,CAI3D,CAHK,GAAY,GAAa,IAC5B,EAAW,CAAE,GAAI,MAAO,OAAO,GAEjC,EAAkB,EAAS,AAC5B,EAED,MACE,GAAC,EAAA,CACQ,QACG,WACM,iBAChB,kBAAmB,AAAC,GAAW,EAAS,EAAO,CAC/C,QAAS,EAAC,EAAA,CAAK,KAAK,eAAe,WAAY,EAAK,CAAE,KAAM,GAAK,EAAC,EAAI,CAC/D,QACY,oBACnB,GAAI,WAEH,EAAgB,OAAS,EAAI,EAAkB,EAAC,EAAA,CAAA,EAAgB,EACpD,AAElB"}
@@ -0,0 +1,2 @@
1
+ import{InputText as e}from"../InputText.js";import{comboboxOptions as t,dropdown as n,inputSection as r}from"@mage-ui/styled-system/recipes";import{Combobox as i,Portal as a,useCombobox as o}from"@mantine/core";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=({query:l,setQuery:u,selectedOption:d,setSelectedOption:f,children:p,startSlot:m,endSlot:h,classNames:g,texts:_,inputWrapperOrder:v=[`label`,`description`,`input`,`error`],...y})=>{let b=o({scrollBehavior:`smooth`,onDropdownClose:()=>{b.resetSelectedOption()}});return c(i,{onOptionSubmit:e=>{f(e),u(e),b.closeDropdown()},store:b,withinPortal:!1,...y,children:[s(i.Target,{children:s(e,{label:_.input.label,placeholder:_.input.placeholder,error:_.input.error,description:_.input.description,value:l,onChange:({currentTarget:e})=>{u(e.value),b.openDropdown(),b.updateSelectedOptionIndex()},onClick:()=>b.openDropdown(),onFocus:()=>b.openDropdown(),onBlur:()=>{b.closeDropdown(),u(d?.value||``)},startSlot:m,endSlot:h,classNames:{section:g?.section??r({pointerEvents:`none`})},inputWrapperOrder:v})}),s(a,{children:s(i.Dropdown,{classNames:{dropdown:g?.dropdown??n()},children:s(i.Options,{classNames:{options:g?.options??t()},children:p})})})]})};l.Option=i.Option,l.Empty=i.Empty;export{l as ComboboxBase};
2
+ //# sourceMappingURL=ComboboxBase.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ComboboxBase.js","names":["MantineCombobox"],"sources":["../../../../src/atoms/inputs/combobox/ComboboxBase.tsx"],"sourcesContent":["import type { ChangeEvent, ReactNode } from 'react';\n\nimport {\n comboboxOptions,\n dropdown,\n inputSection,\n} from '@mage-ui/styled-system/recipes';\nimport {\n Combobox as MantineCombobox,\n Portal,\n useCombobox,\n} from '@mantine/core';\n\nimport { InputText, type InputTextProps } from '../InputText';\n\nexport type ComboboxBaseProps = {\n query: string;\n setQuery: (value: string) => void;\n selectedOption: { id: string; value: string } | undefined;\n setSelectedOption: (value: string) => void;\n texts: {\n input: {\n label: string;\n placeholder: string;\n description?: string;\n error?: string;\n };\n empty: string;\n };\n children: ReactNode;\n startSlot?: ReactNode;\n endSlot?: ReactNode;\n classNames?: {\n dropdown?: string;\n section?: string;\n options?: string;\n };\n} & InputTextProps;\n\nexport const ComboboxBase = ({\n query,\n setQuery,\n selectedOption,\n setSelectedOption,\n children,\n startSlot,\n endSlot,\n classNames,\n texts,\n inputWrapperOrder = ['label', 'description', 'input', 'error'],\n ...props\n}: ComboboxBaseProps) => {\n const combobox = useCombobox({\n scrollBehavior: 'smooth',\n onDropdownClose: () => {\n combobox.resetSelectedOption();\n },\n });\n\n return (\n <MantineCombobox\n onOptionSubmit={(option) => {\n setSelectedOption(option);\n setQuery(option);\n combobox.closeDropdown();\n }}\n store={combobox}\n withinPortal={false}\n {...props}\n >\n <MantineCombobox.Target>\n <InputText\n label={texts.input.label}\n placeholder={texts.input.placeholder}\n error={texts.input.error}\n description={texts.input.description}\n value={query}\n onChange={({ currentTarget }: ChangeEvent<HTMLInputElement>) => {\n setQuery(currentTarget.value);\n combobox.openDropdown();\n combobox.updateSelectedOptionIndex();\n }}\n onClick={() => combobox.openDropdown()}\n onFocus={() => combobox.openDropdown()}\n onBlur={() => {\n combobox.closeDropdown();\n setQuery(selectedOption?.value || '');\n }}\n startSlot={startSlot}\n endSlot={endSlot}\n classNames={{\n section:\n classNames?.section ?? inputSection({ pointerEvents: 'none' }),\n }}\n inputWrapperOrder={inputWrapperOrder}\n />\n </MantineCombobox.Target>\n <Portal>\n <MantineCombobox.Dropdown\n classNames={{\n dropdown: classNames?.dropdown ?? dropdown(),\n }}\n >\n <MantineCombobox.Options\n classNames={{\n options: classNames?.options ?? comboboxOptions(),\n }}\n >\n {children}\n </MantineCombobox.Options>\n </MantineCombobox.Dropdown>\n </Portal>\n </MantineCombobox>\n );\n};\n\nComboboxBase.Option = MantineCombobox.Option;\nComboboxBase.Empty = MantineCombobox.Empty;\n"],"mappings":"qQAuCA,MAAa,EAAe,CAAC,CAC3B,QACA,WACA,iBACA,oBACA,WACA,YACA,UACA,aACA,QACA,oBAAoB,CAAC,QAAS,cAAe,QAAS,OAAQ,EAC9D,GAAG,EACe,GAAK,CACvB,IAAM,EAAW,EAAY,CAC3B,eAAgB,SAChB,gBAAiB,IAAM,CACrB,EAAS,qBAAqB,AAC/B,CACF,EAAC,CAEF,MACE,GAACA,EAAAA,CACC,eAAgB,AAAC,GAAW,CAG1B,AAFA,EAAkB,EAAO,CACzB,EAAS,EAAO,CAChB,EAAS,eAAe,AACzB,EACD,MAAO,EACP,cAAc,EACd,GAAI,YAEJ,EAACA,EAAgB,OAAA,CAAA,SACf,EAAC,EAAA,CACC,MAAO,EAAM,MAAM,MACnB,YAAa,EAAM,MAAM,YACzB,MAAO,EAAM,MAAM,MACnB,YAAa,EAAM,MAAM,YACzB,MAAO,EACP,SAAU,CAAC,CAAE,gBAA8C,GAAK,CAG9D,AAFA,EAAS,EAAc,MAAM,CAC7B,EAAS,cAAc,CACvB,EAAS,2BAA2B,AACrC,EACD,QAAS,IAAM,EAAS,cAAc,CACtC,QAAS,IAAM,EAAS,cAAc,CACtC,OAAQ,IAAM,CAEZ,AADA,EAAS,eAAe,CACxB,EAAS,GAAgB,OAAS,GAAG,AACtC,EACU,YACF,UACT,WAAY,CACV,QACE,GAAY,SAAW,EAAa,CAAE,cAAe,MAAQ,EAAC,AACjE,EACkB,qBACnB,EACqB,CACzB,EAAC,EAAA,CAAA,SACC,EAACA,EAAgB,SAAA,CACf,WAAY,CACV,SAAU,GAAY,UAAY,GAAU,AAC7C,WAED,EAACA,EAAgB,QAAA,CACf,WAAY,CACV,QAAS,GAAY,SAAW,GAAiB,AAClD,EAEA,YACuB,EACD,EACpB,GACO,AAErB,EAGD,AADA,EAAa,OAASA,EAAgB,OACtC,EAAa,MAAQA,EAAgB"}
@@ -1,2 +1,2 @@
1
1
  import{VisuallyHidden as e}from"@mantine/core";import{jsx as t}from"react/jsx-runtime";import{visuallyHidden as n}from"@mage-ui/styled-system/patterns";const r=({children:r})=>t(e,{classNames:{root:n()},children:r});export{r as VisuallyHidden};
2
- //# sourceMappingURL=VisuallyHidden.mjs.map
2
+ //# sourceMappingURL=VisuallyHidden.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VisuallyHidden.js","names":["VisuallyHidden","MantineVisuallyHidden"],"sources":["../../../src/atoms/misc/VisuallyHidden.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { visuallyHidden } from '@mage-ui/styled-system/patterns';\nimport { VisuallyHidden as MantineVisuallyHidden } from '@mantine/core';\n\nexport type VisuallyHiddenProps = {\n children: React.ReactNode;\n};\n\nexport const VisuallyHidden = ({ children }: VisuallyHiddenProps) => {\n return (\n <MantineVisuallyHidden\n classNames={{\n root: visuallyHidden(),\n }}\n >\n {children}\n </MantineVisuallyHidden>\n );\n};\n"],"mappings":"wJASA,MAAaA,EAAiB,CAAC,CAAE,WAA+B,GAE5D,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAgB,AACvB,EAEA,YACqB"}
@@ -12,6 +12,7 @@ type TabProps = {
12
12
  startSlot?: React.ReactNode;
13
13
  endSlot?: React.ReactNode;
14
14
  value: string;
15
- }; //#endregion
15
+ };
16
+ //#endregion
16
17
  export { TabProps };
17
- //# sourceMappingURL=Tab.d.cts.map
18
+ //# sourceMappingURL=Tab.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tab.d.ts","names":[],"sources":["../../../src/atoms/tabs/Tab.tsx"],"sourcesContent":[],"mappings":";;;;KAKY,QAAA;;;IAAA,QAAQ,CAAA,EAAA,MAAA;IAAA,UAAA,CAAA,EAAA,MAAA;EAAA,CAAA;EAMQ,QACd,CAAM,EADP,KAAA,CAAM,SACC;EAAS,SACX,CAAA,EADJ,KAAA,CAAM,SACF;EAAS,OAAA,CAAA,EAAf,KAAA,CAAM,SAAS"}
@@ -1,2 +1,2 @@
1
1
  import{tab as e,tabLabel as t,tabSection as n}from"@mage-ui/styled-system/recipes";import{Tabs as r}from"@mantine/core";import{jsx as i}from"react/jsx-runtime";const a=({classNames:a,startSlot:o,endSlot:s,children:c,...l})=>i(r.Tab,{classNames:{tab:a?.tab??e(),tabLabel:a?.tabLabel??t(),tabSection:a?.tabSection??n(),...a},leftSection:o,rightSection:s,...l,children:c});a.displayName=`Tabs.Tab`;export{a as Tab};
2
- //# sourceMappingURL=Tab.mjs.map
2
+ //# sourceMappingURL=Tab.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tab.js","names":["MantineTab"],"sources":["../../../src/atoms/tabs/Tab.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { tab, tabLabel, tabSection } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTab } from '@mantine/core';\n\nexport type TabProps = {\n classNames?: {\n tab?: string;\n tabLabel?: string;\n tabSection?: string;\n };\n children?: React.ReactNode;\n startSlot?: React.ReactNode;\n endSlot?: React.ReactNode;\n value: string;\n};\n\nexport const Tab = ({\n classNames,\n startSlot,\n endSlot,\n children,\n ...props\n}: TabProps) => {\n return (\n <MantineTab.Tab\n classNames={{\n tab: classNames?.tab ?? tab(),\n tabLabel: classNames?.tabLabel ?? tabLabel(),\n tabSection: classNames?.tabSection ?? tabSection(),\n ...classNames,\n }}\n leftSection={startSlot}\n rightSection={endSlot}\n {...props}\n >\n {children}\n </MantineTab.Tab>\n );\n};\n\nTab.displayName = 'Tabs.Tab';\n"],"mappings":"gKAiBA,MAAa,EAAM,CAAC,CAClB,aACA,YACA,UACA,WACA,GAAG,EACM,GAEP,EAACA,EAAW,IAAA,CACV,WAAY,CACV,IAAK,GAAY,KAAO,GAAK,CAC7B,SAAU,GAAY,UAAY,GAAU,CAC5C,WAAY,GAAY,YAAc,GAAY,CAClD,GAAG,CACJ,EACD,YAAa,EACb,aAAc,EACd,GAAI,EAEH,YACc,CAIrB,EAAI,YAAc"}
@@ -8,6 +8,7 @@ type TabListProps = {
8
8
  };
9
9
  children?: React.ReactNode;
10
10
  grow?: boolean;
11
- }; //#endregion
11
+ };
12
+ //#endregion
12
13
  export { TabListProps };
13
- //# sourceMappingURL=TabList.d.mts.map
14
+ //# sourceMappingURL=TabList.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TabList.d.ts","names":[],"sources":["../../../src/atoms/tabs/TabList.tsx"],"sourcesContent":[],"mappings":";;;;KAKY,YAAA;;;EAAA,CAAA;aAIC,KAAA,CAAM"}
@@ -1,2 +1,2 @@
1
1
  import{tabList as e}from"@mage-ui/styled-system/recipes";import{Tabs as t}from"@mantine/core";import{jsx as n}from"react/jsx-runtime";const r=({classNames:r,children:i,grow:a,...o})=>n(t.List,{classNames:{list:r?.list??e({grow:a}),...r},grow:a,...o,children:i});r.displayName=`Tabs.List`;export{r as TabList};
2
- //# sourceMappingURL=TabList.mjs.map
2
+ //# sourceMappingURL=TabList.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TabList.js","names":["MantineTabList"],"sources":["../../../src/atoms/tabs/TabList.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { tabList } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTabList } from '@mantine/core';\n\nexport type TabListProps = {\n classNames?: {\n list?: string;\n };\n children?: React.ReactNode;\n grow?: boolean;\n};\n\nexport const TabList = ({\n classNames,\n children,\n grow,\n ...props\n}: TabListProps) => {\n return (\n <MantineTabList.List\n classNames={{\n list: classNames?.list ?? tabList({ grow }),\n ...classNames,\n }}\n grow={grow}\n {...props}\n >\n {children}\n </MantineTabList.List>\n );\n};\n\nTabList.displayName = 'Tabs.List';\n"],"mappings":"sIAaA,MAAa,EAAU,CAAC,CACtB,aACA,WACA,OACA,GAAG,EACU,GAEX,EAACA,EAAe,KAAA,CACd,WAAY,CACV,KAAM,GAAY,MAAQ,EAAQ,CAAE,MAAM,EAAC,CAC3C,GAAG,CACJ,EACK,OACN,GAAI,EAEH,YACmB,CAI1B,EAAQ,YAAc"}
@@ -8,6 +8,7 @@ type TabProps = {
8
8
  };
9
9
  children?: React.ReactNode;
10
10
  value: string;
11
- }; //#endregion
11
+ };
12
+ //#endregion
12
13
  export { TabProps as TabProps$1 };
13
- //# sourceMappingURL=TabPanel.d.cts.map
14
+ //# sourceMappingURL=TabPanel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TabPanel.d.ts","names":[],"sources":["../../../src/atoms/tabs/TabPanel.tsx"],"sourcesContent":[],"mappings":";;;;KAKY,QAAA;;;EAAA,CAAA;aAIC,KAAA,CAAM"}
@@ -1,2 +1,2 @@
1
1
  import{tabPanel as e}from"@mage-ui/styled-system/recipes";import{Tabs as t}from"@mantine/core";import{jsx as n}from"react/jsx-runtime";const r=({classNames:r,children:i,...a})=>n(t.Panel,{classNames:{panel:r?.panel??e(),...r},...a,children:i});r.displayName=`Tabs.Panel`;export{r as TabPanel};
2
- //# sourceMappingURL=TabPanel.mjs.map
2
+ //# sourceMappingURL=TabPanel.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TabPanel.js","names":["MantineTab"],"sources":["../../../src/atoms/tabs/TabPanel.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { tabPanel } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTab } from '@mantine/core';\n\nexport type TabProps = {\n classNames?: {\n panel?: string;\n };\n children?: React.ReactNode;\n value: string;\n};\n\nexport const TabPanel = ({ classNames, children, ...props }: TabProps) => {\n return (\n <MantineTab.Panel\n classNames={{\n panel: classNames?.panel ?? tabPanel(),\n ...classNames,\n }}\n {...props}\n >\n {children}\n </MantineTab.Panel>\n );\n};\n\nTabPanel.displayName = 'Tabs.Panel';\n"],"mappings":"uIAaA,MAAa,EAAW,CAAC,CAAE,aAAY,WAAU,GAAG,EAAiB,GAEjE,EAACA,EAAW,MAAA,CACV,WAAY,CACV,MAAO,GAAY,OAAS,GAAU,CACtC,GAAG,CACJ,EACD,GAAI,EAEH,YACgB,CAIvB,EAAS,YAAc"}
@@ -1,7 +1,7 @@
1
- import { TabListProps } from "./TabList.mjs";
2
- import { TabProps } from "./Tab.mjs";
3
- import { TabProps$1 } from "./TabPanel.mjs";
4
- import * as react_jsx_runtime10 from "react/jsx-runtime";
1
+ import { TabListProps } from "./TabList.js";
2
+ import { TabProps } from "./Tab.js";
3
+ import { TabProps$1 } from "./TabPanel.js";
4
+ import * as react_jsx_runtime9 from "react/jsx-runtime";
5
5
  import React from "react";
6
6
 
7
7
  //#region src/atoms/tabs/Tabs.d.ts
@@ -16,14 +16,14 @@ declare const Tabs: {
16
16
  classNames,
17
17
  children,
18
18
  ...props
19
- }: TabsProps): react_jsx_runtime10.JSX.Element;
19
+ }: TabsProps): react_jsx_runtime9.JSX.Element;
20
20
  List: {
21
21
  ({
22
22
  classNames,
23
23
  children,
24
24
  grow,
25
25
  ...props
26
- }: TabListProps): react_jsx_runtime10.JSX.Element;
26
+ }: TabListProps): react_jsx_runtime9.JSX.Element;
27
27
  displayName: string;
28
28
  };
29
29
  Tab: {
@@ -33,7 +33,7 @@ declare const Tabs: {
33
33
  endSlot,
34
34
  children,
35
35
  ...props
36
- }: TabProps): react_jsx_runtime10.JSX.Element;
36
+ }: TabProps): react_jsx_runtime9.JSX.Element;
37
37
  displayName: string;
38
38
  };
39
39
  Panel: {
@@ -41,13 +41,12 @@ declare const Tabs: {
41
41
  classNames,
42
42
  children,
43
43
  ...props
44
- }: TabProps$1): react_jsx_runtime10.JSX.Element;
44
+ }: TabProps$1): react_jsx_runtime9.JSX.Element;
45
45
  displayName: string;
46
46
  };
47
47
  };
48
-
49
- //#endregion
50
48
  //# sourceMappingURL=Tabs.d.ts.map
51
49
 
50
+ //#endregion
52
51
  export { Tabs as Tabs$1, TabsProps };
53
- //# sourceMappingURL=Tabs.d.mts.map
52
+ //# sourceMappingURL=Tabs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tabs.d.ts","names":[],"sources":["../../../src/atoms/tabs/Tabs.tsx"],"sourcesContent":[],"mappings":";;;;;;;KASY,SAAA;;;;aAIC,KAAA,CAAM;;AAJP,cAOC,IAPQ,EAIR;EAGA,CAAA;IAAA,UAYZ;IAAA,QAAA;IAAA,GAAA;EAAA,CAAA,EAZwD,SAYxD,CAAA,EAZiE,kBAAA,CAAA,GAAA,CAAA,OAYjE;EAAA,IAAA,EAAA;IAAA,CAAA;MAAA,UAAA;MAAA,QAAA;MAAA,IAAA;MAAA,GAAA;IAAA,CAAA,cAAA,CAAA,gCAAA;;;EAZiE,GAAA,EAAA;IAAA,CAAA;MAAA,UAAA;MAAA,SAAA;MAAA,OAAA;MAAA,QAAA;MAAA,GAAA;IAAA,CAAA,UAAA,CAAA,gCAAA"}
@@ -0,0 +1,2 @@
1
+ import{Tab as e}from"./Tab.js";import{TabList as t}from"./TabList.js";import{TabPanel as n}from"./TabPanel.js";import{tabs as r}from"@mage-ui/styled-system/recipes";import{Tabs as i}from"@mantine/core";import{jsx as a}from"react/jsx-runtime";const o=({classNames:e,children:t,...n})=>a(i,{classNames:{root:e?.root??r(),...e},...n,children:t});o.List=t,o.Tab=e,o.Panel=n;export{o as Tabs};
2
+ //# sourceMappingURL=Tabs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tabs.js","names":["Tabs","MantineTabs"],"sources":["../../../src/atoms/tabs/Tabs.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { tabs } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTabs } from '@mantine/core';\n\nimport { Tab } from './Tab';\nimport { TabList } from './TabList';\nimport { TabPanel } from './TabPanel';\n\nexport type TabsProps = {\n classNames?: {\n root?: string;\n };\n children?: React.ReactNode;\n};\n\nexport const Tabs = ({ classNames, children, ...props }: TabsProps) => {\n return (\n <MantineTabs\n classNames={{\n root: classNames?.root ?? tabs(),\n ...classNames,\n }}\n {...props}\n >\n {children}\n </MantineTabs>\n );\n};\n\nTabs.List = TabList;\nTabs.Tab = Tab;\nTabs.Panel = TabPanel;\n"],"mappings":"kPAgBA,MAAaA,EAAO,CAAC,CAAE,aAAY,WAAU,GAAG,EAAkB,GAE9D,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAM,CAChC,GAAG,CACJ,EACD,GAAI,EAEH,YACW,CAMlB,AAFA,EAAK,KAAO,EACZ,EAAK,IAAM,EACX,EAAK,MAAQ"}
@@ -0,0 +1,17 @@
1
+ import { Avatar$1 as Avatar, AvatarProps } from "./atoms/avatars/Avatar.js";
2
+ import { Badge$1 as Badge, BadgeProps } from "./atoms/badges/Badge.js";
3
+ import { Breadcrumbs$1 as Breadcrumbs, BreadcrumbsProps } from "./atoms/breadcrumbs/Breadcrumbs.js";
4
+ import { Button$1 as Button, ButtonProps } from "./atoms/buttons/Button.js";
5
+ import { ButtonIcon$1 as ButtonIcon, ButtonIconProps } from "./atoms/buttons/ButtonIcon.js";
6
+ import { Carousel$1 as Carousel, CarouselProps } from "./atoms/carousel/Carousel.js";
7
+ import { InputText$1 as InputText, InputTextProps } from "./atoms/inputs/InputText.js";
8
+ import { FormInputText$1 as FormInputText, FormInputTextProps } from "./atoms/forms/FormInputText.js";
9
+ import { Icon$1 as Icon, IconProps } from "./atoms/icons/Icon.js";
10
+ import { IconRaw$1 as IconRaw, IconRawProps } from "./atoms/icons/IconRaw.js";
11
+ import { IconWrapped$1 as IconWrapped, IconWrappedProps } from "./atoms/icons/IconWrapped.js";
12
+ import { Checkbox$1 as Checkbox, CheckboxProps } from "./atoms/inputs/Checkbox.js";
13
+ import { Combobox$1 as Combobox, ComboboxProps } from "./atoms/inputs/combobox/Combobox.js";
14
+ import { DatePicker$1 as DatePicker, DatePickerProps } from "./atoms/inputs/DatePicker.js";
15
+ import { Tabs$1 as Tabs, TabsProps } from "./atoms/tabs/Tabs.js";
16
+ import { MageUiProvider$1 as MageUiProvider, MageUiProviderProps } from "./providers/MageUiProvider.js";
17
+ export { Avatar, AvatarProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, Carousel, CarouselProps, Checkbox, CheckboxProps, Combobox, ComboboxProps, DatePicker, DatePickerProps, FormInputText, FormInputTextProps, Icon, IconProps, IconRaw, IconRawProps, IconWrapped, IconWrappedProps, InputText, InputTextProps, MageUiProvider, MageUiProviderProps, Tabs, TabsProps };
package/dist/index.js ADDED
@@ -0,0 +1 @@
1
+ import{Avatar as e}from"./atoms/avatars/Avatar.js";import{Badge as t}from"./atoms/badges/Badge.js";import{Breadcrumbs as n}from"./atoms/breadcrumbs/Breadcrumbs.js";import{Button as r}from"./atoms/buttons/Button.js";import{ButtonIcon as i}from"./atoms/buttons/ButtonIcon.js";import{Carousel as a}from"./atoms/carousel/Carousel.js";import{InputText as o}from"./atoms/inputs/InputText.js";import{FormInputText as s}from"./atoms/forms/FormInputText.js";import{IconRaw as c}from"./atoms/icons/IconRaw.js";import{Icon as l}from"./atoms/icons/Icon.js";import{IconWrapped as u}from"./atoms/icons/IconWrapped.js";import{Checkbox as d}from"./atoms/inputs/Checkbox.js";import{Combobox as f}from"./atoms/inputs/combobox/Combobox.js";import{DatePicker as p}from"./atoms/inputs/DatePicker.js";import{Tabs as m}from"./atoms/tabs/Tabs.js";import{MageUiProvider as h}from"./providers/MageUiProvider.js";export{e as Avatar,t as Badge,n as Breadcrumbs,r as Button,i as ButtonIcon,a as Carousel,d as Checkbox,f as Combobox,p as DatePicker,s as FormInputText,l as Icon,c as IconRaw,u as IconWrapped,o as InputText,h as MageUiProvider,m as Tabs};
package/dist/panda.json CHANGED
@@ -33,6 +33,12 @@
33
33
  "color]___[value:danger.foreground.1.actived]___[cond:_active",
34
34
  "borderColor]___[value:danger.stroke.1.actived]___[cond:_active",
35
35
  "srOnly]___[value:true",
36
+ "color]___[value:neutral.foreground.2.onBrand.enabled",
37
+ "backgroundColor]___[value:neutral.background.2.enabled",
38
+ "color]___[value:primary.foreground.1.enabled",
39
+ "borderColor]___[value:primary.stroke.2.enabled",
40
+ "color]___[value:neutral.foreground.1.enabled",
41
+ "borderColor]___[value:neutral.stroke.2.enabled",
36
42
  "backgroundColor]___[value:neutral.background.1.enabled",
37
43
  "backgroundColor]___[value:primary.background.4.hovered]___[cond:_hover",
38
44
  "backgroundColor]___[value:primary.background.5.enabled]___[cond:_active",
@@ -51,21 +57,15 @@
51
57
  "borderColor]___[value:neutral.stroke.1.hovered]___[cond:_hover",
52
58
  "borderColor]___[value:neutral.stroke.2.enabled]___[cond:_active",
53
59
  "color]___[value:neutral.foreground.static.enabled]___[cond:_active<___>_hover",
54
- "borderColor]___[value:neutral.stroke.2.hovered]___[cond:_active<___>_hover",
55
- "color]___[value:neutral.foreground.2.onBrand.enabled",
56
- "backgroundColor]___[value:neutral.background.2.enabled",
57
- "color]___[value:primary.foreground.1.enabled",
58
- "borderColor]___[value:primary.stroke.2.enabled",
59
- "color]___[value:neutral.foreground.1.enabled",
60
- "borderColor]___[value:neutral.stroke.2.enabled"
60
+ "borderColor]___[value:neutral.stroke.2.hovered]___[cond:_active<___>_hover"
61
61
  ],
62
62
  "recipes": {
63
63
  "avatar": [
64
64
  "size]___[value:m]___[recipe:avatar"
65
65
  ],
66
- "avatarImg": [],
67
- "avatarText": [
68
- "size]___[value:m]___[recipe:avatarText"
66
+ "avatarImage": [],
67
+ "avatarPlaceholder": [
68
+ "size]___[value:m]___[recipe:avatarPlaceholder"
69
69
  ],
70
70
  "badge": [
71
71
  "status]___[value:neutral]___[recipe:badge"
@@ -87,10 +87,28 @@
87
87
  "buttonIconIcon": [
88
88
  "size]___[value:m]___[recipe:buttonIconIcon"
89
89
  ],
90
+ "carousel": [],
91
+ "carouselSlide": [],
92
+ "carouselContainer": [],
93
+ "carouselViewport": [],
94
+ "carouselControls": [
95
+ "variant]___[value:outlined]___[recipe:carouselControls",
96
+ "color]___[value:primary]___[recipe:carouselControls",
97
+ "size]___[value:xs]___[recipe:carouselControls"
98
+ ],
99
+ "carouselControl": [],
100
+ "carouselIndicators": [],
101
+ "carouselIndicator": [],
90
102
  "icon": [
91
103
  "size]___[value:m]___[recipe:icon",
92
104
  "size]___[value:l]___[recipe:icon"
93
105
  ],
106
+ "iconWrapped": [
107
+ "variant]___[value:filled]___[recipe:iconWrapped",
108
+ "shape]___[value:rounded]___[recipe:iconWrapped",
109
+ "color]___[value:neutral]___[recipe:iconWrapped",
110
+ "size]___[value:m]___[recipe:iconWrapped"
111
+ ],
94
112
  "checkboxBody": [],
95
113
  "checkboxLabelWrapper": [],
96
114
  "checkboxLabel": [
@@ -101,7 +119,6 @@
101
119
  "checkboxInput": [],
102
120
  "checkboxInner": [],
103
121
  "checkboxIcon": [],
104
- "datepickerDropdown": [],
105
122
  "inputRoot": [],
106
123
  "inputWrapper": [],
107
124
  "input": [
@@ -135,6 +152,7 @@
135
152
  "calendarYearsListRow": [],
136
153
  "calendarYearsListCell": [],
137
154
  "calendarYearsListControl": [],
155
+ "datepickerDropdown": [],
138
156
  "comboboxOption": [
139
157
  "colors]___[value:neutral]___[recipe:comboboxOption",
140
158
  "type]___[value:create]___[recipe:comboboxOption"
@@ -152,12 +170,6 @@
152
170
  "tabPanel": [],
153
171
  "tabs": [
154
172
  "orientation]___[value:horizontal]___[recipe:tabs"
155
- ],
156
- "wrappedIcon": [
157
- "variant]___[value:filled]___[recipe:wrappedIcon",
158
- "shape]___[value:rounded]___[recipe:wrappedIcon",
159
- "color]___[value:neutral]___[recipe:wrappedIcon",
160
- "size]___[value:m]___[recipe:wrappedIcon"
161
173
  ]
162
174
  }
163
175
  }
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime4 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime0 from "react/jsx-runtime";
2
2
  import { ReactNode } from "react";
3
3
 
4
4
  //#region src/providers/MageUiProvider.d.ts
@@ -7,10 +7,9 @@ type MageUiProviderProps = {
7
7
  };
8
8
  declare const MageUiProvider: ({
9
9
  children
10
- }: MageUiProviderProps) => react_jsx_runtime4.JSX.Element;
11
-
12
- //#endregion
10
+ }: MageUiProviderProps) => react_jsx_runtime0.JSX.Element;
13
11
  //# sourceMappingURL=MageUiProvider.d.ts.map
14
12
 
13
+ //#endregion
15
14
  export { MageUiProvider as MageUiProvider$1, MageUiProviderProps };
16
- //# sourceMappingURL=MageUiProvider.d.mts.map
15
+ //# sourceMappingURL=MageUiProvider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MageUiProvider.d.ts","names":[],"sources":["../../src/providers/MageUiProvider.tsx"],"sourcesContent":[],"mappings":";;;;KAIY,mBAAA;YACA;;AADA,cAIC,cAJkB,EACnB,CAAA;EAAA;AAAS,CAAA,EAGwB,mBAHxB,EAAA,GAG2C,kBAAA,CAAA,GAAA,CAAA,OAH3C;AAGrB"}
@@ -1,2 +1,2 @@
1
1
  import{HeadlessMantineProvider as e}from"@mantine/core";import{jsx as t}from"react/jsx-runtime";const n=({children:n})=>t(e,{children:n});export{n as MageUiProvider};
2
- //# sourceMappingURL=MageUiProvider.mjs.map
2
+ //# sourceMappingURL=MageUiProvider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MageUiProvider.js","names":[],"sources":["../../src/providers/MageUiProvider.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { HeadlessMantineProvider } from '@mantine/core';\n\nexport type MageUiProviderProps = {\n children: ReactNode;\n};\n\nexport const MageUiProvider = ({ children }: MageUiProviderProps) => {\n return <HeadlessMantineProvider>{children}</HeadlessMantineProvider>;\n};\n"],"mappings":"gGAQA,MAAa,EAAiB,CAAC,CAAE,WAA+B,GACvD,EAAC,EAAA,CAAyB,UAAA,EAAmC"}
package/package.json CHANGED
@@ -1,188 +1,47 @@
1
1
  {
2
2
  "name": "@mage-ui/components",
3
- "version": "0.0.16",
3
+ "version": "0.0.18",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [],
7
7
  "author": "",
8
8
  "sideEffects": false,
9
+ "type": "module",
9
10
  "exports": {
10
- "./Avatar": {
11
- "import": {
12
- "types": "./dist/Avatar.d.mts",
13
- "default": "./dist/Avatar.mjs"
14
- },
15
- "require": {
16
- "types": "./dist/Avatar.d.cts",
17
- "default": "./dist/Avatar.cjs"
18
- }
19
- },
20
- "./Badge": {
21
- "import": {
22
- "types": "./dist/Badge.d.mts",
23
- "default": "./dist/Badge.mjs"
24
- },
25
- "require": {
26
- "types": "./dist/Badge.d.cts",
27
- "default": "./dist/Badge.cjs"
28
- }
29
- },
30
- "./Breadcrumbs": {
31
- "import": {
32
- "types": "./dist/Breadcrumbs.d.mts",
33
- "default": "./dist/Breadcrumbs.mjs"
34
- },
35
- "require": {
36
- "types": "./dist/Breadcrumbs.d.cts",
37
- "default": "./dist/Breadcrumbs.cjs"
38
- }
39
- },
40
- "./Button": {
41
- "import": {
42
- "types": "./dist/Button.d.mts",
43
- "default": "./dist/Button.mjs"
44
- },
45
- "require": {
46
- "types": "./dist/Button.d.cts",
47
- "default": "./dist/Button.cjs"
48
- }
49
- },
50
- "./ButtonIcon": {
51
- "import": {
52
- "types": "./dist/ButtonIcon.d.mts",
53
- "default": "./dist/ButtonIcon.mjs"
54
- },
55
- "require": {
56
- "types": "./dist/ButtonIcon.d.cts",
57
- "default": "./dist/ButtonIcon.cjs"
58
- }
59
- },
60
- "./Checkbox": {
61
- "import": {
62
- "types": "./dist/Checkbox.d.mts",
63
- "default": "./dist/Checkbox.mjs"
64
- },
65
- "require": {
66
- "types": "./dist/Checkbox.d.cts",
67
- "default": "./dist/Checkbox.cjs"
68
- }
69
- },
70
- "./Combobox": {
71
- "import": {
72
- "types": "./dist/Combobox.d.mts",
73
- "default": "./dist/Combobox.mjs"
74
- },
75
- "require": {
76
- "types": "./dist/Combobox.d.cts",
77
- "default": "./dist/Combobox.cjs"
78
- }
79
- },
80
- "./DatePicker": {
81
- "import": {
82
- "types": "./dist/DatePicker.d.mts",
83
- "default": "./dist/DatePicker.mjs"
84
- },
85
- "require": {
86
- "types": "./dist/DatePicker.d.cts",
87
- "default": "./dist/DatePicker.cjs"
88
- }
89
- },
90
- "./FormInputText": {
91
- "import": {
92
- "types": "./dist/FormInputText.d.mts",
93
- "default": "./dist/FormInputText.mjs"
94
- },
95
- "require": {
96
- "types": "./dist/FormInputText.d.cts",
97
- "default": "./dist/FormInputText.cjs"
98
- }
99
- },
100
- "./Icon": {
101
- "import": {
102
- "types": "./dist/Icon.d.mts",
103
- "default": "./dist/Icon.mjs"
104
- },
105
- "require": {
106
- "types": "./dist/Icon.d.cts",
107
- "default": "./dist/Icon.cjs"
108
- }
109
- },
110
- "./IconRaw": {
111
- "import": {
112
- "types": "./dist/IconRaw.d.mts",
113
- "default": "./dist/IconRaw.mjs"
114
- },
115
- "require": {
116
- "types": "./dist/IconRaw.d.cts",
117
- "default": "./dist/IconRaw.cjs"
118
- }
119
- },
120
- "./InputText": {
121
- "import": {
122
- "types": "./dist/InputText.d.mts",
123
- "default": "./dist/InputText.mjs"
124
- },
125
- "require": {
126
- "types": "./dist/InputText.d.cts",
127
- "default": "./dist/InputText.cjs"
128
- }
129
- },
130
- "./MageUiProvider": {
131
- "import": {
132
- "types": "./dist/MageUiProvider.d.mts",
133
- "default": "./dist/MageUiProvider.mjs"
134
- },
135
- "require": {
136
- "types": "./dist/MageUiProvider.d.cts",
137
- "default": "./dist/MageUiProvider.cjs"
138
- }
139
- },
140
- "./Tabs": {
141
- "import": {
142
- "types": "./dist/Tabs.d.mts",
143
- "default": "./dist/Tabs.mjs"
144
- },
145
- "require": {
146
- "types": "./dist/Tabs.d.cts",
147
- "default": "./dist/Tabs.cjs"
148
- }
149
- },
150
- "./VisuallyHidden": {
151
- "import": {
152
- "types": "./dist/VisuallyHidden.d.mts",
153
- "default": "./dist/VisuallyHidden.mjs"
154
- },
155
- "require": {
156
- "types": "./dist/VisuallyHidden.d.cts",
157
- "default": "./dist/VisuallyHidden.cjs"
158
- }
159
- },
11
+ ".": "./dist/index.js",
160
12
  "./package.json": "./package.json"
161
13
  },
14
+ "main": "./dist/index.js",
15
+ "module": "./dist/index.js",
16
+ "types": "./dist/index.d.ts",
162
17
  "files": [
163
18
  "dist"
164
19
  ],
165
20
  "devDependencies": {
166
- "@biomejs/biome": "^1.9.4",
21
+ "@biomejs/biome": "beta",
167
22
  "@pandacss/types": "^0.53.7",
168
23
  "@types/node": "^22.14.1",
169
24
  "@types/react": "^19.1.2",
170
25
  "@types/react-dom": "^19.1.2",
171
26
  "rimraf": "^6.0.1",
172
- "tsdown": "^0.12.3",
27
+ "tsdown": "^0.12.4",
173
28
  "typescript": "^5.8.3"
174
29
  },
175
30
  "peerDependencies": {
176
- "@mantine/core": "^8.0.1",
177
- "@mantine/dates": "^8.0.1",
178
- "@mantine/hooks": "^8.0.1",
31
+ "@mantine/carousel": "^8.0.2",
32
+ "@mantine/core": "^8.0.2",
33
+ "@mantine/dates": "^8.0.2",
34
+ "@mantine/hooks": "^8.0.2",
179
35
  "@pandabox/define-recipe": "^0.0.3",
180
36
  "@pandacss/dev": "^0.53.7",
37
+ "embla-carousel": "^8.6.0",
38
+ "embla-carousel-react": "^8.6.0",
39
+ "embla-carousel-autoplay": "^8.6.0",
181
40
  "react": "^19.1.0",
182
41
  "react-dom": "^19.1.0",
183
42
  "react-hook-form": "^7.56.4",
184
- "@mage-ui/preset": "0.0.16",
185
- "@mage-ui/styled-system": "0.0.16"
43
+ "@mage-ui/preset": "0.0.18",
44
+ "@mage-ui/styled-system": "0.0.18"
186
45
  },
187
46
  "engines": {
188
47
  "node": ">=22.14.0"
@@ -190,7 +49,7 @@
190
49
  "scripts": {
191
50
  "build": "rimraf dist && panda codegen && tsdown --env.NODE_ENV=production --minify && panda ship -o dist/panda.json",
192
51
  "clean": "rimraf dist node_modules styled-system",
193
- "dev": "tsdown --env.NODE_ENV=development --watch --no-clean",
52
+ "dev": "tsdown --env.NODE_ENV=development --watch --no-clean --silent",
194
53
  "lint": "biome check --write"
195
54
  }
196
55
  }
package/dist/Avatar.cjs DELETED
@@ -1 +0,0 @@
1
- const e=require(`./atoms/avatar/Avatar.cjs`);exports.Avatar=e.Avatar;
package/dist/Avatar.d.cts DELETED
@@ -1,2 +0,0 @@
1
- import { Avatar, AvatarProps } from "./atoms/avatar/Avatar.cjs";
2
- export { Avatar, AvatarProps };
package/dist/Avatar.d.mts DELETED
@@ -1,2 +0,0 @@
1
- import { Avatar$1 as Avatar, AvatarProps } from "./atoms/avatar/Avatar.mjs";
2
- export { Avatar, AvatarProps };
package/dist/Avatar.mjs DELETED
@@ -1 +0,0 @@
1
- import{Avatar as e}from"./atoms/avatar/Avatar.mjs";export{e as Avatar};
package/dist/Badge.cjs DELETED
@@ -1 +0,0 @@
1
- const e=require(`./atoms/badges/Badge.cjs`);exports.Badge=e.Badge;
package/dist/Badge.d.cts DELETED
@@ -1,2 +0,0 @@
1
- import { Badge, BadgeProps } from "./atoms/badges/Badge.cjs";
2
- export { Badge, BadgeProps };
package/dist/Badge.d.mts DELETED
@@ -1,2 +0,0 @@
1
- import { Badge$1 as Badge, BadgeProps } from "./atoms/badges/Badge.mjs";
2
- export { Badge, BadgeProps };
package/dist/Badge.mjs DELETED
@@ -1 +0,0 @@
1
- import{Badge as e}from"./atoms/badges/Badge.mjs";export{e as Badge};
@@ -1 +0,0 @@
1
- const e=require(`./atoms/breadcrumbs/Breadcrumbs.cjs`);exports.Breadcrumbs=e.Breadcrumbs;
@@ -1,2 +0,0 @@
1
- import { Breadcrumbs, BreadcrumbsProps } from "./atoms/breadcrumbs/Breadcrumbs.cjs";
2
- export { Breadcrumbs, BreadcrumbsProps };
@@ -1,2 +0,0 @@
1
- import { Breadcrumbs$1 as Breadcrumbs, BreadcrumbsProps } from "./atoms/breadcrumbs/Breadcrumbs.mjs";
2
- export { Breadcrumbs, BreadcrumbsProps };
@@ -1 +0,0 @@
1
- import{Breadcrumbs as e}from"./atoms/breadcrumbs/Breadcrumbs.mjs";export{e as Breadcrumbs};
package/dist/Button.cjs DELETED
@@ -1 +0,0 @@
1
- const e=require(`./atoms/buttons/Button.cjs`);exports.Button=e.Button;
package/dist/Button.d.cts DELETED
@@ -1,2 +0,0 @@
1
- import { Button, ButtonProps } from "./atoms/buttons/Button.cjs";
2
- export { Button, ButtonProps };
package/dist/Button.d.mts DELETED
@@ -1,2 +0,0 @@
1
- import { Button$1 as Button, ButtonProps } from "./atoms/buttons/Button.mjs";
2
- export { Button, ButtonProps };
package/dist/Button.mjs DELETED
@@ -1 +0,0 @@
1
- import{Button as e}from"./atoms/buttons/Button.mjs";export{e as Button};
@@ -1 +0,0 @@
1
- const e=require(`./atoms/buttons/ButtonIcon.cjs`);exports.ButtonIcon=e.ButtonIcon;
@@ -1,2 +0,0 @@
1
- import { ButtonIcon, ButtonIconProps } from "./atoms/buttons/ButtonIcon.cjs";
2
- export { ButtonIcon, ButtonIconProps };