@getmicdrop/svelte-components 5.1.3 → 5.3.0

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 (438) hide show
  1. package/dist/calendar/AboutShow/AboutShow.svelte +28 -34
  2. package/dist/calendar/AboutShow/AboutShow.svelte.d.ts +21 -40
  3. package/dist/calendar/AboutShow/AboutShow.svelte.d.ts.map +1 -1
  4. package/dist/calendar/Calendar/MiniMonthCalendar.svelte +781 -848
  5. package/dist/calendar/Calendar/MiniMonthCalendar.svelte.d.ts +33 -50
  6. package/dist/calendar/Calendar/MiniMonthCalendar.svelte.d.ts.map +1 -1
  7. package/dist/calendar/FAQs/FAQs.svelte +10 -15
  8. package/dist/calendar/FAQs/FAQs.svelte.d.ts +15 -36
  9. package/dist/calendar/FAQs/FAQs.svelte.d.ts.map +1 -1
  10. package/dist/calendar/MonthSwitcher/MonthSwitcher.svelte +36 -39
  11. package/dist/calendar/MonthSwitcher/MonthSwitcher.svelte.d.ts +19 -34
  12. package/dist/calendar/MonthSwitcher/MonthSwitcher.svelte.d.ts.map +1 -1
  13. package/dist/calendar/OrderSummary/OrderSummary.svelte +49 -75
  14. package/dist/calendar/OrderSummary/OrderSummary.svelte.d.ts +33 -62
  15. package/dist/calendar/OrderSummary/OrderSummary.svelte.d.ts.map +1 -1
  16. package/dist/calendar/PublicCard/PublicCard.svelte +21 -33
  17. package/dist/calendar/PublicCard/PublicCard.svelte.d.ts +15 -32
  18. package/dist/calendar/PublicCard/PublicCard.svelte.d.ts.map +1 -1
  19. package/dist/calendar/ShowCard/ShowCard.svelte +35 -45
  20. package/dist/calendar/ShowCard/ShowCard.svelte.d.ts +19 -36
  21. package/dist/calendar/ShowCard/ShowCard.svelte.d.ts.map +1 -1
  22. package/dist/calendar/ShowTimeCard/ShowTimeCard.svelte +13 -15
  23. package/dist/calendar/ShowTimeCard/ShowTimeCard.svelte.d.ts +17 -34
  24. package/dist/calendar/ShowTimeCard/ShowTimeCard.svelte.d.ts.map +1 -1
  25. package/dist/components/Layout/Grid.svelte +43 -44
  26. package/dist/components/Layout/Grid.svelte.d.ts +49 -46
  27. package/dist/components/Layout/Grid.svelte.d.ts.map +1 -1
  28. package/dist/components/Layout/Section.svelte +41 -42
  29. package/dist/components/Layout/Section.svelte.d.ts +33 -46
  30. package/dist/components/Layout/Section.svelte.d.ts.map +1 -1
  31. package/dist/components/Layout/Sidebar.svelte +67 -63
  32. package/dist/components/Layout/Sidebar.svelte.d.ts +44 -50
  33. package/dist/components/Layout/Sidebar.svelte.d.ts.map +1 -1
  34. package/dist/components/Layout/Stack.svelte +45 -94
  35. package/dist/components/Layout/Stack.svelte.d.ts +19 -50
  36. package/dist/components/Layout/Stack.svelte.d.ts.map +1 -1
  37. package/dist/index.d.ts +0 -2
  38. package/dist/index.js +2 -3
  39. package/dist/patterns/data/DataGrid.svelte +13 -46
  40. package/dist/patterns/data/DataGrid.svelte.d.ts +19 -45
  41. package/dist/patterns/data/DataGrid.svelte.d.ts.map +1 -1
  42. package/dist/patterns/data/DataList.svelte +11 -41
  43. package/dist/patterns/data/DataList.svelte.d.ts +17 -43
  44. package/dist/patterns/data/DataList.svelte.d.ts.map +1 -1
  45. package/dist/patterns/data/DataTable.svelte +13 -43
  46. package/dist/patterns/data/DataTable.svelte.d.ts +21 -65
  47. package/dist/patterns/data/DataTable.svelte.d.ts.map +1 -1
  48. package/dist/patterns/forms/FormActions.svelte +16 -37
  49. package/dist/patterns/forms/FormActions.svelte.d.ts +31 -46
  50. package/dist/patterns/forms/FormActions.svelte.d.ts.map +1 -1
  51. package/dist/patterns/forms/FormGrid.svelte +9 -25
  52. package/dist/patterns/forms/FormGrid.svelte.d.ts +15 -41
  53. package/dist/patterns/forms/FormGrid.svelte.d.ts.map +1 -1
  54. package/dist/patterns/forms/FormSection.svelte +8 -25
  55. package/dist/patterns/forms/FormSection.svelte.d.ts +17 -43
  56. package/dist/patterns/forms/FormSection.svelte.d.ts.map +1 -1
  57. package/dist/patterns/forms/FormValidationSummary.svelte +16 -32
  58. package/dist/patterns/forms/FormValidationSummary.svelte.d.ts +15 -30
  59. package/dist/patterns/forms/FormValidationSummary.svelte.d.ts.map +1 -1
  60. package/dist/patterns/layout/Grid.svelte +35 -38
  61. package/dist/patterns/layout/Grid.svelte.d.ts +15 -41
  62. package/dist/patterns/layout/Grid.svelte.d.ts.map +1 -1
  63. package/dist/patterns/layout/Sidebar.svelte +39 -41
  64. package/dist/patterns/layout/Sidebar.svelte.d.ts +17 -45
  65. package/dist/patterns/layout/Sidebar.svelte.d.ts.map +1 -1
  66. package/dist/patterns/layout/Stack.svelte +45 -54
  67. package/dist/patterns/layout/Stack.svelte.d.ts +21 -47
  68. package/dist/patterns/layout/Stack.svelte.d.ts.map +1 -1
  69. package/dist/patterns/navigation/BottomNav.svelte +16 -20
  70. package/dist/patterns/navigation/BottomNav.svelte.d.ts +9 -24
  71. package/dist/patterns/navigation/BottomNav.svelte.d.ts.map +1 -1
  72. package/dist/patterns/navigation/Header.svelte +39 -61
  73. package/dist/patterns/navigation/Header.svelte.d.ts +21 -40
  74. package/dist/patterns/navigation/Header.svelte.d.ts.map +1 -1
  75. package/dist/patterns/page/PageHeader.svelte +10 -35
  76. package/dist/patterns/page/PageHeader.svelte.d.ts +19 -36
  77. package/dist/patterns/page/PageHeader.svelte.d.ts.map +1 -1
  78. package/dist/patterns/page/PageLayout.svelte +39 -64
  79. package/dist/patterns/page/PageLayout.svelte.d.ts +25 -55
  80. package/dist/patterns/page/PageLayout.svelte.d.ts.map +1 -1
  81. package/dist/patterns/page/PageLoader.stories.svelte +4 -6
  82. package/dist/patterns/page/PageLoader.stories.svelte.d.ts +4 -24
  83. package/dist/patterns/page/PageLoader.stories.svelte.d.ts.map +1 -1
  84. package/dist/patterns/page/PageLoader.svelte +15 -27
  85. package/dist/patterns/page/PageLoader.svelte.d.ts +23 -49
  86. package/dist/patterns/page/PageLoader.svelte.d.ts.map +1 -1
  87. package/dist/patterns/page/SectionHeader.svelte +10 -29
  88. package/dist/patterns/page/SectionHeader.svelte.d.ts +19 -36
  89. package/dist/patterns/page/SectionHeader.svelte.d.ts.map +1 -1
  90. package/dist/primitives/Accordion/Accordion.svelte +23 -14
  91. package/dist/primitives/Accordion/Accordion.svelte.d.ts +17 -42
  92. package/dist/primitives/Accordion/Accordion.svelte.d.ts.map +1 -1
  93. package/dist/primitives/Accordion/AccordionItem.svelte +35 -19
  94. package/dist/primitives/Accordion/AccordionItem.svelte.d.ts +20 -48
  95. package/dist/primitives/Accordion/AccordionItem.svelte.d.ts.map +1 -1
  96. package/dist/primitives/Alert/Alert.svelte +56 -46
  97. package/dist/primitives/Alert/Alert.svelte.d.ts +12 -48
  98. package/dist/primitives/Alert/Alert.svelte.d.ts.map +1 -1
  99. package/dist/primitives/Avatar/Avatar.svelte +66 -56
  100. package/dist/primitives/Avatar/Avatar.svelte.d.ts +21 -35
  101. package/dist/primitives/Avatar/Avatar.svelte.d.ts.map +1 -1
  102. package/dist/primitives/Badges/Badge.svelte +68 -101
  103. package/dist/primitives/Badges/Badge.svelte.d.ts +31 -62
  104. package/dist/primitives/Badges/Badge.svelte.d.ts.map +1 -1
  105. package/dist/primitives/BottomSheet/BottomSheet.stories.svelte +14 -15
  106. package/dist/primitives/BottomSheet/BottomSheet.stories.svelte.d.ts +4 -24
  107. package/dist/primitives/BottomSheet/BottomSheet.stories.svelte.d.ts.map +1 -1
  108. package/dist/primitives/BottomSheet/BottomSheet.svelte +43 -29
  109. package/dist/primitives/BottomSheet/BottomSheet.svelte.d.ts +15 -50
  110. package/dist/primitives/BottomSheet/BottomSheet.svelte.d.ts.map +1 -1
  111. package/dist/primitives/Breadcrumb/Breadcrumb.svelte +36 -21
  112. package/dist/primitives/Breadcrumb/Breadcrumb.svelte.d.ts +20 -43
  113. package/dist/primitives/Breadcrumb/Breadcrumb.svelte.d.ts.map +1 -1
  114. package/dist/primitives/Button/Button.svelte +109 -53
  115. package/dist/primitives/Button/Button.svelte.d.ts +30 -48
  116. package/dist/primitives/Button/Button.svelte.d.ts.map +1 -1
  117. package/dist/primitives/Button/ButtonSaveDemo.svelte +5 -5
  118. package/dist/primitives/Button/ButtonSaveDemo.svelte.d.ts +2 -25
  119. package/dist/primitives/Button/ButtonSaveDemo.svelte.d.ts.map +1 -1
  120. package/dist/primitives/Button/ButtonVariantShowcase.svelte +3 -11
  121. package/dist/primitives/Button/ButtonVariantShowcase.svelte.d.ts +2 -25
  122. package/dist/primitives/Button/ButtonVariantShowcase.svelte.d.ts.map +1 -1
  123. package/dist/primitives/Card.svelte +22 -11
  124. package/dist/primitives/Card.svelte.d.ts +11 -44
  125. package/dist/primitives/Card.svelte.d.ts.map +1 -1
  126. package/dist/primitives/Checkbox/Checkbox.svelte +50 -31
  127. package/dist/primitives/Checkbox/Checkbox.svelte.d.ts +22 -62
  128. package/dist/primitives/Checkbox/Checkbox.svelte.d.ts.map +1 -1
  129. package/dist/primitives/DarkModeToggle.svelte +18 -30
  130. package/dist/primitives/DarkModeToggle.svelte.d.ts +6 -25
  131. package/dist/primitives/DarkModeToggle.svelte.d.ts.map +1 -1
  132. package/dist/primitives/Drawer/Drawer.svelte +48 -60
  133. package/dist/primitives/Drawer/Drawer.svelte.d.ts +37 -69
  134. package/dist/primitives/Drawer/Drawer.svelte.d.ts.map +1 -1
  135. package/dist/primitives/Dropdown/Dropdown.svelte +150 -164
  136. package/dist/primitives/Dropdown/Dropdown.svelte.d.ts +21 -51
  137. package/dist/primitives/Dropdown/Dropdown.svelte.d.ts.map +1 -1
  138. package/dist/primitives/Dropdown/DropdownItem.svelte +80 -69
  139. package/dist/primitives/Dropdown/DropdownItem.svelte.d.ts +15 -46
  140. package/dist/primitives/Dropdown/DropdownItem.svelte.d.ts.map +1 -1
  141. package/dist/primitives/Icons/ArrowLeft.svelte +1 -2
  142. package/dist/primitives/Icons/ArrowLeft.svelte.d.ts +11 -26
  143. package/dist/primitives/Icons/ArrowLeft.svelte.d.ts.map +1 -1
  144. package/dist/primitives/Icons/ArrowRight.svelte +1 -2
  145. package/dist/primitives/Icons/ArrowRight.svelte.d.ts +11 -26
  146. package/dist/primitives/Icons/ArrowRight.svelte.d.ts.map +1 -1
  147. package/dist/primitives/Icons/Availability.svelte +1 -2
  148. package/dist/primitives/Icons/Availability.svelte.d.ts +11 -26
  149. package/dist/primitives/Icons/Availability.svelte.d.ts.map +1 -1
  150. package/dist/primitives/Icons/Back.svelte +1 -2
  151. package/dist/primitives/Icons/Back.svelte.d.ts +11 -26
  152. package/dist/primitives/Icons/Back.svelte.d.ts.map +1 -1
  153. package/dist/primitives/Icons/CheckCircle.svelte +1 -2
  154. package/dist/primitives/Icons/CheckCircle.svelte.d.ts +11 -26
  155. package/dist/primitives/Icons/CheckCircle.svelte.d.ts.map +1 -1
  156. package/dist/primitives/Icons/CheckCircleOutline.svelte +1 -2
  157. package/dist/primitives/Icons/CheckCircleOutline.svelte.d.ts +11 -26
  158. package/dist/primitives/Icons/CheckCircleOutline.svelte.d.ts.map +1 -1
  159. package/dist/primitives/Icons/CheckCircleSolid.svelte +2 -4
  160. package/dist/primitives/Icons/CheckCircleSolid.svelte.d.ts +9 -24
  161. package/dist/primitives/Icons/CheckCircleSolid.svelte.d.ts.map +1 -1
  162. package/dist/primitives/Icons/CheckOutline.svelte +1 -3
  163. package/dist/primitives/Icons/CheckOutline.svelte.d.ts +9 -24
  164. package/dist/primitives/Icons/CheckOutline.svelte.d.ts.map +1 -1
  165. package/dist/primitives/Icons/ChevronDownOutline.svelte +2 -4
  166. package/dist/primitives/Icons/ChevronDownOutline.svelte.d.ts +9 -24
  167. package/dist/primitives/Icons/ChevronDownOutline.svelte.d.ts.map +1 -1
  168. package/dist/primitives/Icons/ChevronLeft.svelte +1 -2
  169. package/dist/primitives/Icons/ChevronLeft.svelte.d.ts +11 -26
  170. package/dist/primitives/Icons/ChevronLeft.svelte.d.ts.map +1 -1
  171. package/dist/primitives/Icons/ChevronLeftOutline.svelte +2 -4
  172. package/dist/primitives/Icons/ChevronLeftOutline.svelte.d.ts +9 -24
  173. package/dist/primitives/Icons/ChevronLeftOutline.svelte.d.ts.map +1 -1
  174. package/dist/primitives/Icons/ChevronRight.svelte +1 -2
  175. package/dist/primitives/Icons/ChevronRight.svelte.d.ts +11 -26
  176. package/dist/primitives/Icons/ChevronRight.svelte.d.ts.map +1 -1
  177. package/dist/primitives/Icons/ChevronRightOutline.svelte +2 -4
  178. package/dist/primitives/Icons/ChevronRightOutline.svelte.d.ts +9 -24
  179. package/dist/primitives/Icons/ChevronRightOutline.svelte.d.ts.map +1 -1
  180. package/dist/primitives/Icons/ChevronUpOutline.svelte +2 -4
  181. package/dist/primitives/Icons/ChevronUpOutline.svelte.d.ts +9 -24
  182. package/dist/primitives/Icons/ChevronUpOutline.svelte.d.ts.map +1 -1
  183. package/dist/primitives/Icons/CloseCircleOutline.svelte +2 -4
  184. package/dist/primitives/Icons/CloseCircleOutline.svelte.d.ts +9 -24
  185. package/dist/primitives/Icons/CloseCircleOutline.svelte.d.ts.map +1 -1
  186. package/dist/primitives/Icons/CloseOutline.svelte +2 -4
  187. package/dist/primitives/Icons/CloseOutline.svelte.d.ts +9 -24
  188. package/dist/primitives/Icons/CloseOutline.svelte.d.ts.map +1 -1
  189. package/dist/primitives/Icons/Copy.svelte +1 -2
  190. package/dist/primitives/Icons/Copy.svelte.d.ts +11 -26
  191. package/dist/primitives/Icons/Copy.svelte.d.ts.map +1 -1
  192. package/dist/primitives/Icons/Cross.svelte +1 -2
  193. package/dist/primitives/Icons/Cross.svelte.d.ts +11 -26
  194. package/dist/primitives/Icons/Cross.svelte.d.ts.map +1 -1
  195. package/dist/primitives/Icons/DotsHorizontalOutline.svelte +2 -4
  196. package/dist/primitives/Icons/DotsHorizontalOutline.svelte.d.ts +9 -24
  197. package/dist/primitives/Icons/DotsHorizontalOutline.svelte.d.ts.map +1 -1
  198. package/dist/primitives/Icons/DownArrow.svelte +1 -2
  199. package/dist/primitives/Icons/DownArrow.svelte.d.ts +11 -26
  200. package/dist/primitives/Icons/DownArrow.svelte.d.ts.map +1 -1
  201. package/dist/primitives/Icons/ErrorCircle.svelte +1 -2
  202. package/dist/primitives/Icons/ErrorCircle.svelte.d.ts +11 -26
  203. package/dist/primitives/Icons/ErrorCircle.svelte.d.ts.map +1 -1
  204. package/dist/primitives/Icons/ExclamationCircleOutline.svelte +2 -4
  205. package/dist/primitives/Icons/ExclamationCircleOutline.svelte.d.ts +9 -24
  206. package/dist/primitives/Icons/ExclamationCircleOutline.svelte.d.ts.map +1 -1
  207. package/dist/primitives/Icons/ExclamationTriangleOutline.svelte +2 -4
  208. package/dist/primitives/Icons/ExclamationTriangleOutline.svelte.d.ts +9 -24
  209. package/dist/primitives/Icons/ExclamationTriangleOutline.svelte.d.ts.map +1 -1
  210. package/dist/primitives/Icons/EyeOutline.svelte +2 -4
  211. package/dist/primitives/Icons/EyeOutline.svelte.d.ts +9 -24
  212. package/dist/primitives/Icons/EyeOutline.svelte.d.ts.map +1 -1
  213. package/dist/primitives/Icons/EyeSlashOutline.svelte +2 -4
  214. package/dist/primitives/Icons/EyeSlashOutline.svelte.d.ts +9 -24
  215. package/dist/primitives/Icons/EyeSlashOutline.svelte.d.ts.map +1 -1
  216. package/dist/primitives/Icons/FacebookIcon.svelte +1 -2
  217. package/dist/primitives/Icons/FacebookIcon.svelte.d.ts +11 -26
  218. package/dist/primitives/Icons/FacebookIcon.svelte.d.ts.map +1 -1
  219. package/dist/primitives/Icons/FileCopyOutline.svelte +2 -4
  220. package/dist/primitives/Icons/FileCopyOutline.svelte.d.ts +9 -24
  221. package/dist/primitives/Icons/FileCopyOutline.svelte.d.ts.map +1 -1
  222. package/dist/primitives/Icons/Home.svelte +1 -3
  223. package/dist/primitives/Icons/Home.svelte.d.ts +11 -26
  224. package/dist/primitives/Icons/Home.svelte.d.ts.map +1 -1
  225. package/dist/primitives/Icons/HomeSolid.svelte +2 -4
  226. package/dist/primitives/Icons/HomeSolid.svelte.d.ts +9 -24
  227. package/dist/primitives/Icons/HomeSolid.svelte.d.ts.map +1 -1
  228. package/dist/primitives/Icons/Icon.svelte +3 -7
  229. package/dist/primitives/Icons/Icon.svelte.d.ts +6 -29
  230. package/dist/primitives/Icons/Icon.svelte.d.ts.map +1 -1
  231. package/dist/primitives/Icons/Info.svelte +1 -2
  232. package/dist/primitives/Icons/Info.svelte.d.ts +11 -26
  233. package/dist/primitives/Icons/Info.svelte.d.ts.map +1 -1
  234. package/dist/primitives/Icons/InfoCircleOutline.svelte +2 -4
  235. package/dist/primitives/Icons/InfoCircleOutline.svelte.d.ts +9 -24
  236. package/dist/primitives/Icons/InfoCircleOutline.svelte.d.ts.map +1 -1
  237. package/dist/primitives/Icons/InstagramIcon.svelte +1 -2
  238. package/dist/primitives/Icons/InstagramIcon.svelte.d.ts +11 -26
  239. package/dist/primitives/Icons/InstagramIcon.svelte.d.ts.map +1 -1
  240. package/dist/primitives/Icons/LogoInstagram.svelte +15 -18
  241. package/dist/primitives/Icons/LogoInstagram.svelte.d.ts +11 -26
  242. package/dist/primitives/Icons/LogoInstagram.svelte.d.ts.map +1 -1
  243. package/dist/primitives/Icons/Message.svelte +1 -2
  244. package/dist/primitives/Icons/Message.svelte.d.ts +11 -26
  245. package/dist/primitives/Icons/Message.svelte.d.ts.map +1 -1
  246. package/dist/primitives/Icons/MinusOutline.svelte +2 -4
  247. package/dist/primitives/Icons/MinusOutline.svelte.d.ts +9 -24
  248. package/dist/primitives/Icons/MinusOutline.svelte.d.ts.map +1 -1
  249. package/dist/primitives/Icons/MoonIcon.svelte +1 -2
  250. package/dist/primitives/Icons/MoonIcon.svelte.d.ts +11 -26
  251. package/dist/primitives/Icons/MoonIcon.svelte.d.ts.map +1 -1
  252. package/dist/primitives/Icons/More.svelte +1 -2
  253. package/dist/primitives/Icons/More.svelte.d.ts +11 -26
  254. package/dist/primitives/Icons/More.svelte.d.ts.map +1 -1
  255. package/dist/primitives/Icons/MoreHori.svelte +1 -2
  256. package/dist/primitives/Icons/MoreHori.svelte.d.ts +11 -26
  257. package/dist/primitives/Icons/MoreHori.svelte.d.ts.map +1 -1
  258. package/dist/primitives/Icons/Notification.svelte +1 -2
  259. package/dist/primitives/Icons/Notification.svelte.d.ts +11 -26
  260. package/dist/primitives/Icons/Notification.svelte.d.ts.map +1 -1
  261. package/dist/primitives/Icons/Payment.svelte +1 -2
  262. package/dist/primitives/Icons/Payment.svelte.d.ts +11 -26
  263. package/dist/primitives/Icons/Payment.svelte.d.ts.map +1 -1
  264. package/dist/primitives/Icons/PlusOutline.svelte +2 -4
  265. package/dist/primitives/Icons/PlusOutline.svelte.d.ts +9 -24
  266. package/dist/primitives/Icons/PlusOutline.svelte.d.ts.map +1 -1
  267. package/dist/primitives/Icons/Profile.svelte +1 -2
  268. package/dist/primitives/Icons/Profile.svelte.d.ts +11 -26
  269. package/dist/primitives/Icons/Profile.svelte.d.ts.map +1 -1
  270. package/dist/primitives/Icons/Reload.svelte +1 -2
  271. package/dist/primitives/Icons/Reload.svelte.d.ts +11 -26
  272. package/dist/primitives/Icons/Reload.svelte.d.ts.map +1 -1
  273. package/dist/primitives/Icons/SearchOutline.svelte +2 -4
  274. package/dist/primitives/Icons/SearchOutline.svelte.d.ts +9 -24
  275. package/dist/primitives/Icons/SearchOutline.svelte.d.ts.map +1 -1
  276. package/dist/primitives/Icons/ShareOutline.svelte +2 -4
  277. package/dist/primitives/Icons/ShareOutline.svelte.d.ts +9 -24
  278. package/dist/primitives/Icons/ShareOutline.svelte.d.ts.map +1 -1
  279. package/dist/primitives/Icons/Shows.svelte +1 -2
  280. package/dist/primitives/Icons/Shows.svelte.d.ts +11 -26
  281. package/dist/primitives/Icons/Shows.svelte.d.ts.map +1 -1
  282. package/dist/primitives/Icons/Signout.svelte +1 -2
  283. package/dist/primitives/Icons/Signout.svelte.d.ts +11 -26
  284. package/dist/primitives/Icons/Signout.svelte.d.ts.map +1 -1
  285. package/dist/primitives/Icons/SunIcon.svelte +1 -2
  286. package/dist/primitives/Icons/SunIcon.svelte.d.ts +11 -26
  287. package/dist/primitives/Icons/SunIcon.svelte.d.ts.map +1 -1
  288. package/dist/primitives/Icons/TiktokIcon.svelte +1 -2
  289. package/dist/primitives/Icons/TiktokIcon.svelte.d.ts +11 -26
  290. package/dist/primitives/Icons/TiktokIcon.svelte.d.ts.map +1 -1
  291. package/dist/primitives/Icons/TwitterIcon.svelte +1 -2
  292. package/dist/primitives/Icons/TwitterIcon.svelte.d.ts +11 -26
  293. package/dist/primitives/Icons/TwitterIcon.svelte.d.ts.map +1 -1
  294. package/dist/primitives/Icons/WarningIcon.svelte +1 -1
  295. package/dist/primitives/Icons/WarningIcon.svelte.d.ts +9 -24
  296. package/dist/primitives/Icons/WarningIcon.svelte.d.ts.map +1 -1
  297. package/dist/primitives/Input/Input.svelte +150 -78
  298. package/dist/primitives/Input/Input.svelte.d.ts +102 -110
  299. package/dist/primitives/Input/Input.svelte.d.ts.map +1 -1
  300. package/dist/primitives/Input/Select.svelte +31 -37
  301. package/dist/primitives/Input/Select.svelte.d.ts +29 -46
  302. package/dist/primitives/Input/Select.svelte.d.ts.map +1 -1
  303. package/dist/primitives/Input/Textarea.svelte +77 -75
  304. package/dist/primitives/Input/Textarea.svelte.d.ts +47 -66
  305. package/dist/primitives/Input/Textarea.svelte.d.ts.map +1 -1
  306. package/dist/primitives/Label/Label.svelte +37 -29
  307. package/dist/primitives/Label/Label.svelte.d.ts +11 -46
  308. package/dist/primitives/Label/Label.svelte.d.ts.map +1 -1
  309. package/dist/primitives/Modal/Modal.stories.svelte +23 -22
  310. package/dist/primitives/Modal/Modal.stories.svelte.d.ts +4 -24
  311. package/dist/primitives/Modal/Modal.stories.svelte.d.ts.map +1 -1
  312. package/dist/primitives/Modal/Modal.svelte +69 -44
  313. package/dist/primitives/Modal/Modal.svelte.d.ts +28 -46
  314. package/dist/primitives/Modal/Modal.svelte.d.ts.map +1 -1
  315. package/dist/primitives/Pagination/Pagination.svelte +79 -80
  316. package/dist/primitives/Pagination/Pagination.svelte.d.ts +24 -59
  317. package/dist/primitives/Pagination/Pagination.svelte.d.ts.map +1 -1
  318. package/dist/primitives/Radio/Radio.svelte +33 -26
  319. package/dist/primitives/Radio/Radio.svelte.d.ts +17 -54
  320. package/dist/primitives/Radio/Radio.svelte.d.ts.map +1 -1
  321. package/dist/primitives/Skeleton/CardPlaceholder.svelte +87 -98
  322. package/dist/primitives/Skeleton/CardPlaceholder.svelte.d.ts +10 -33
  323. package/dist/primitives/Skeleton/CardPlaceholder.svelte.d.ts.map +1 -1
  324. package/dist/primitives/Skeleton/ImagePlaceholder.svelte +59 -65
  325. package/dist/primitives/Skeleton/ImagePlaceholder.svelte.d.ts +9 -31
  326. package/dist/primitives/Skeleton/ImagePlaceholder.svelte.d.ts.map +1 -1
  327. package/dist/primitives/Skeleton/ListPlaceholder.svelte +76 -86
  328. package/dist/primitives/Skeleton/ListPlaceholder.svelte.d.ts +11 -35
  329. package/dist/primitives/Skeleton/ListPlaceholder.svelte.d.ts.map +1 -1
  330. package/dist/primitives/Skeleton/Skeleton.svelte +19 -24
  331. package/dist/primitives/Skeleton/Skeleton.svelte.d.ts +9 -31
  332. package/dist/primitives/Skeleton/Skeleton.svelte.d.ts.map +1 -1
  333. package/dist/primitives/Spinner/Spinner.svelte +17 -12
  334. package/dist/primitives/Spinner/Spinner.svelte.d.ts +8 -29
  335. package/dist/primitives/Spinner/Spinner.svelte.d.ts.map +1 -1
  336. package/dist/primitives/Tabs/TabItem.svelte +51 -33
  337. package/dist/primitives/Tabs/TabItem.svelte.d.ts +12 -49
  338. package/dist/primitives/Tabs/TabItem.svelte.d.ts.map +1 -1
  339. package/dist/primitives/Tabs/Tabs.svelte +127 -104
  340. package/dist/primitives/Tabs/Tabs.svelte.d.ts +10 -43
  341. package/dist/primitives/Tabs/Tabs.svelte.d.ts.map +1 -1
  342. package/dist/primitives/Toggle.svelte +28 -16
  343. package/dist/primitives/Toggle.svelte.d.ts +23 -46
  344. package/dist/primitives/Toggle.svelte.d.ts.map +1 -1
  345. package/dist/primitives/Typography/Typography.svelte +31 -28
  346. package/dist/primitives/Typography/Typography.svelte.d.ts +16 -46
  347. package/dist/primitives/Typography/Typography.svelte.d.ts.map +1 -1
  348. package/dist/primitives/ValidationError.svelte +9 -3
  349. package/dist/primitives/ValidationError.svelte.d.ts +8 -27
  350. package/dist/primitives/ValidationError.svelte.d.ts.map +1 -1
  351. package/dist/recipes/CropImage/CropImage.stories.svelte +6 -13
  352. package/dist/recipes/CropImage/CropImage.stories.svelte.d.ts +4 -24
  353. package/dist/recipes/CropImage/CropImage.stories.svelte.d.ts.map +1 -1
  354. package/dist/recipes/CropImage/CropImage.svelte +66 -73
  355. package/dist/recipes/CropImage/CropImage.svelte.d.ts +14 -33
  356. package/dist/recipes/CropImage/CropImage.svelte.d.ts.map +1 -1
  357. package/dist/recipes/SuperLogin/SuperLogin.svelte +37 -64
  358. package/dist/recipes/Toaster/Toaster.stories.svelte +3 -4
  359. package/dist/recipes/Toaster/Toaster.stories.svelte.d.ts.map +1 -1
  360. package/dist/recipes/feedback/EmptyState/EmptyState.svelte +32 -26
  361. package/dist/recipes/feedback/EmptyState/EmptyState.svelte.d.ts +19 -35
  362. package/dist/recipes/feedback/EmptyState/EmptyState.svelte.d.ts.map +1 -1
  363. package/dist/recipes/feedback/ErrorDisplay.stories.svelte +2 -4
  364. package/dist/recipes/feedback/ErrorDisplay.stories.svelte.d.ts +4 -24
  365. package/dist/recipes/feedback/ErrorDisplay.stories.svelte.d.ts.map +1 -1
  366. package/dist/recipes/feedback/ErrorDisplay.svelte +24 -16
  367. package/dist/recipes/feedback/ErrorDisplay.svelte.d.ts +17 -35
  368. package/dist/recipes/feedback/ErrorDisplay.svelte.d.ts.map +1 -1
  369. package/dist/recipes/feedback/StatusIndicator/StatusIndicator.svelte +9 -14
  370. package/dist/recipes/feedback/StatusIndicator/StatusIndicator.svelte.d.ts +8 -27
  371. package/dist/recipes/feedback/StatusIndicator/StatusIndicator.svelte.d.ts.map +1 -1
  372. package/dist/recipes/fields/CheckboxField.svelte +51 -48
  373. package/dist/recipes/fields/CheckboxField.svelte.d.ts +35 -53
  374. package/dist/recipes/fields/CheckboxField.svelte.d.ts.map +1 -1
  375. package/dist/recipes/fields/FormField.svelte +31 -34
  376. package/dist/recipes/fields/FormField.svelte.d.ts +21 -62
  377. package/dist/recipes/fields/FormField.svelte.d.ts.map +1 -1
  378. package/dist/recipes/fields/RadioGroup.svelte +54 -57
  379. package/dist/recipes/fields/RadioGroup.svelte.d.ts +34 -49
  380. package/dist/recipes/fields/RadioGroup.svelte.d.ts.map +1 -1
  381. package/dist/recipes/fields/SelectField.svelte +49 -36
  382. package/dist/recipes/fields/SelectField.svelte.d.ts +34 -51
  383. package/dist/recipes/fields/SelectField.svelte.d.ts.map +1 -1
  384. package/dist/recipes/fields/TextareaField.svelte +75 -44
  385. package/dist/recipes/fields/TextareaField.svelte.d.ts +46 -67
  386. package/dist/recipes/fields/TextareaField.svelte.d.ts.map +1 -1
  387. package/dist/recipes/fields/ToggleField.svelte +31 -35
  388. package/dist/recipes/fields/ToggleField.svelte.d.ts +22 -41
  389. package/dist/recipes/fields/ToggleField.svelte.d.ts.map +1 -1
  390. package/dist/recipes/inputs/MultiSelect.stories.svelte +3 -5
  391. package/dist/recipes/inputs/MultiSelect.stories.svelte.d.ts +4 -24
  392. package/dist/recipes/inputs/MultiSelect.stories.svelte.d.ts.map +1 -1
  393. package/dist/recipes/inputs/MultiSelect.svelte +43 -40
  394. package/dist/recipes/inputs/MultiSelect.svelte.d.ts +33 -50
  395. package/dist/recipes/inputs/MultiSelect.svelte.d.ts.map +1 -1
  396. package/dist/recipes/inputs/OTPInput.stories.svelte +15 -17
  397. package/dist/recipes/inputs/OTPInput.stories.svelte.d.ts +4 -24
  398. package/dist/recipes/inputs/OTPInput.stories.svelte.d.ts.map +1 -1
  399. package/dist/recipes/inputs/OTPInput.svelte +20 -16
  400. package/dist/recipes/inputs/OTPInput.svelte.d.ts +17 -38
  401. package/dist/recipes/inputs/OTPInput.svelte.d.ts.map +1 -1
  402. package/dist/recipes/inputs/PasswordInput.svelte +44 -54
  403. package/dist/recipes/inputs/PasswordInput.svelte.d.ts +45 -62
  404. package/dist/recipes/inputs/PasswordInput.svelte.d.ts.map +1 -1
  405. package/dist/recipes/inputs/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte +36 -29
  406. package/dist/recipes/inputs/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte.d.ts +17 -43
  407. package/dist/recipes/inputs/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte.d.ts.map +1 -1
  408. package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.svelte +99 -83
  409. package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.svelte.d.ts +5 -19
  410. package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.svelte.d.ts.map +1 -1
  411. package/dist/recipes/inputs/Search.svelte +84 -78
  412. package/dist/recipes/inputs/Search.svelte.d.ts +35 -65
  413. package/dist/recipes/inputs/Search.svelte.d.ts.map +1 -1
  414. package/dist/recipes/inputs/SelectDropdown.svelte +30 -44
  415. package/dist/recipes/inputs/SelectDropdown.svelte.d.ts +19 -48
  416. package/dist/recipes/inputs/SelectDropdown.svelte.d.ts.map +1 -1
  417. package/dist/recipes/modals/AlertModal.svelte +77 -78
  418. package/dist/recipes/modals/AlertModal.svelte.d.ts +25 -42
  419. package/dist/recipes/modals/AlertModal.svelte.d.ts.map +1 -1
  420. package/dist/recipes/modals/ConfirmationModal.svelte +78 -85
  421. package/dist/recipes/modals/ConfirmationModal.svelte.d.ts +41 -58
  422. package/dist/recipes/modals/ConfirmationModal.svelte.d.ts.map +1 -1
  423. package/dist/recipes/modals/InputModal.svelte +131 -130
  424. package/dist/recipes/modals/InputModal.svelte.d.ts +57 -74
  425. package/dist/recipes/modals/InputModal.svelte.d.ts.map +1 -1
  426. package/dist/recipes/modals/ModalStateManager.svelte +42 -33
  427. package/dist/recipes/modals/ModalStateManager.svelte.d.ts +28 -56
  428. package/dist/recipes/modals/ModalStateManager.svelte.d.ts.map +1 -1
  429. package/dist/recipes/modals/ModalTestWrapper.svelte +62 -18
  430. package/dist/recipes/modals/ModalTestWrapper.svelte.d.ts +21 -35
  431. package/dist/recipes/modals/ModalTestWrapper.svelte.d.ts.map +1 -1
  432. package/dist/recipes/modals/StatusModal.svelte +112 -121
  433. package/dist/recipes/modals/StatusModal.svelte.d.ts +39 -56
  434. package/dist/recipes/modals/StatusModal.svelte.d.ts.map +1 -1
  435. package/dist/stories/ComponentConsolidation.stories.svelte +1227 -0
  436. package/dist/stories/ComponentConsolidation.stories.svelte.d.ts +27 -0
  437. package/dist/stories/ComponentConsolidation.stories.svelte.d.ts.map +1 -0
  438. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"ModalStateManager.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/modals/ModalStateManager.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkGA;;;;;;;;;;;;;;;;;eAAmT;sCAT7Q,KAAK,EAAE,KAAK;;;;;6CALL,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"ModalStateManager.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/modals/ModalStateManager.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKpC,KAAK,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,cAAc,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,aAAa,GAAG,cAAc,GAAG,SAAS,GAAG,aAAa,GAAG,oBAAoB,GAAG,aAAa,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5T,UAAU,KAAK;IACb,0DAA0D;IAC1D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oCAAoC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,8CAA8C;IAC9C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,sCAAsC;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yCAAyC;IACzC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAqDH,QAAA,MAAM,iBAAiB,2CAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}
@@ -1,21 +1,65 @@
1
- <script>
2
- import Modal from "../../primitives/Modal/Modal.svelte";
3
- export let show = false;
4
- export let title = "";
5
- export let description = "";
6
- export let warningText = "";
1
+ <script lang="ts">
2
+ import type { Snippet } from 'svelte';
3
+ import Modal from "../../primitives/Modal/Modal.svelte";
4
+ import Button from "../../primitives/Button/Button.svelte";
5
+
6
+ interface Props {
7
+ /** Whether the modal is visible */
8
+ show?: boolean;
9
+ /** Modal title */
10
+ title?: string;
11
+ /** Modal description */
12
+ description?: string;
13
+ /** Warning text */
14
+ warningText?: string;
15
+ /** Callback when modal is cancelled */
16
+ oncancel?: () => void;
17
+ /** Header content */
18
+ header?: Snippet;
19
+ /** Body content */
20
+ body?: Snippet;
21
+ /** Footer content */
22
+ footer?: Snippet;
23
+ }
24
+
25
+ let {
26
+ show = $bindable(false),
27
+ title = '',
28
+ description = '',
29
+ warningText = '',
30
+ oncancel,
31
+ header,
32
+ body,
33
+ footer
34
+ }: Props = $props();
7
35
  </script>
8
36
 
9
- <Modal bind:show on:cancel>
10
- <div slot="header">{title}</div>
11
- <div slot="body">
12
- {description}
13
- {#if warningText}
14
- <br /> {warningText}
15
- {/if}
16
- </div>
17
- <div slot="footer">
18
- <button>Cancel</button>
19
- <button>Confirm</button>
20
- </div>
37
+ <Modal bind:show oncancel={oncancel}>
38
+ {#snippet headerSnippet()}
39
+ {#if header}
40
+ {@render header()}
41
+ {:else}
42
+ {title}
43
+ {/if}
44
+ {/snippet}
45
+
46
+ {#snippet bodySnippet()}
47
+ {#if body}
48
+ {@render body()}
49
+ {:else}
50
+ {description}
51
+ {#if warningText}
52
+ <br /> {warningText}
53
+ {/if}
54
+ {/if}
55
+ {/snippet}
56
+
57
+ {#snippet footerSnippet()}
58
+ {#if footer}
59
+ {@render footer()}
60
+ {:else}
61
+ <Button variant="alternative">Cancel</Button>
62
+ <Button variant="default">Confirm</Button>
63
+ {/if}
64
+ {/snippet}
21
65
  </Modal>
@@ -1,37 +1,23 @@
1
- export default ModalTestWrapper;
2
- type ModalTestWrapper = SvelteComponent<{
3
- title?: string | undefined;
4
- show?: boolean | undefined;
5
- description?: string | undefined;
6
- warningText?: string | undefined;
7
- }, {
8
- cancel: CustomEvent<any>;
9
- } & {
10
- [evt: string]: CustomEvent<any>;
11
- }, {}> & {
12
- $$bindings?: string | undefined;
13
- };
14
- declare const ModalTestWrapper: $$__sveltets_2_IsomorphicComponent<{
15
- title?: string | undefined;
16
- show?: boolean | undefined;
17
- description?: string | undefined;
18
- warningText?: string | undefined;
19
- }, {
20
- cancel: CustomEvent<any>;
21
- } & {
22
- [evt: string]: CustomEvent<any>;
23
- }, {}, {}, string>;
24
- interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
25
- new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
26
- $$bindings?: Bindings;
27
- } & Exports;
28
- (internal: unknown, props: Props & {
29
- $$events?: Events;
30
- $$slots?: Slots;
31
- }): Exports & {
32
- $set?: any;
33
- $on?: any;
34
- };
35
- z_$$bindings?: Bindings;
1
+ import type { Snippet } from 'svelte';
2
+ interface Props {
3
+ /** Whether the modal is visible */
4
+ show?: boolean;
5
+ /** Modal title */
6
+ title?: string;
7
+ /** Modal description */
8
+ description?: string;
9
+ /** Warning text */
10
+ warningText?: string;
11
+ /** Callback when modal is cancelled */
12
+ oncancel?: () => void;
13
+ /** Header content */
14
+ header?: Snippet;
15
+ /** Body content */
16
+ body?: Snippet;
17
+ /** Footer content */
18
+ footer?: Snippet;
36
19
  }
20
+ declare const ModalTestWrapper: import("svelte").Component<Props, {}, "show">;
21
+ type ModalTestWrapper = ReturnType<typeof ModalTestWrapper>;
22
+ export default ModalTestWrapper;
37
23
  //# sourceMappingURL=ModalTestWrapper.svelte.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ModalTestWrapper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/modals/ModalTestWrapper.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;AAsCA;;;;;;;;;mBAA0K;6CAT7H,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"ModalTestWrapper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/modals/ModalTestWrapper.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKpC,UAAU,KAAK;IACb,mCAAmC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,qBAAqB;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mBAAmB;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qBAAqB;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAmDH,QAAA,MAAM,gBAAgB,+CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
@@ -1,36 +1,35 @@
1
1
  <script>
2
- import { createEventDispatcher } from "svelte";
3
2
  import { CheckOutline, CloseOutline, ExclamationTriangleOutline, InfoCircleOutline } from "../../primitives/Icons";
4
3
  import Button from "../../primitives/Button/Button.svelte";
5
4
  import Cancel from "../../assets/svg/cancel.svg";
6
5
  import Modal from "../../primitives/Modal/Modal.svelte";
7
6
 
8
- export let show = false;
9
- export let size = "small"; // "small" | "default" | "large"
10
- export let title = "";
11
- export let subtitle = ""; // For profile-style modals (e.g., performer email)
12
- export let description = "";
13
- export let buttonText = "Ok";
14
- export let iconType = "success"; // success | error | warning | info
15
- export let customIcon = null;
16
- export let image = null; // For profile photos (rounded square instead of circular icon)
17
- export let disabled = false;
18
- export let loading = false;
19
- export let variant = null; // Alternative to iconType for consistency with ConfirmationModal
20
- export let actions = []; // For multiple buttons (like ProfileAddedModal)
21
- export let closeBtn = false; // To show close button
7
+ let {
8
+ show = $bindable(false),
9
+ size = "small",
10
+ title = "",
11
+ subtitle = "",
12
+ description = "",
13
+ buttonText = "Ok",
14
+ iconType = "success",
15
+ customIcon = null,
16
+ image = null,
17
+ disabled = false,
18
+ loading = false,
19
+ variant = null,
20
+ actions = [],
21
+ closeBtn = false,
22
+ onconfirm,
23
+ onclose,
24
+ ...restProps
25
+ } = $props();
22
26
 
23
- const dispatch = createEventDispatcher();
24
-
25
- // Use variant if provided, otherwise fallback to iconType
26
- $: effectiveVariant = variant || iconType;
27
-
28
- // Check if we're in profile mode (image instead of icon)
29
- $: isProfileMode = !!image;
27
+ let effectiveVariant = $derived(variant || iconType);
28
+ let isProfileMode = $derived(!!image);
30
29
 
31
30
  const handleButtonClick = () => {
32
31
  if (!disabled && !loading) {
33
- dispatch("confirm");
32
+ onconfirm?.();
34
33
  closeModal();
35
34
  }
36
35
  };
@@ -38,7 +37,6 @@
38
37
  const handleAction = (action) => {
39
38
  if (!disabled && !loading) {
40
39
  action.onClick?.();
41
- dispatch(action.label.toLowerCase());
42
40
  if (!action.keepOpen) {
43
41
  closeModal();
44
42
  }
@@ -47,7 +45,7 @@
47
45
 
48
46
  const closeModal = () => {
49
47
  show = false;
50
- dispatch("close");
48
+ onclose?.();
51
49
  };
52
50
 
53
51
  const handleClose = () => {
@@ -55,7 +53,6 @@
55
53
  closeModal();
56
54
  };
57
55
 
58
- // Get button variant for action buttons
59
56
  const getActionVariant = (action) => {
60
57
  if (action.variant) return action.variant;
61
58
  const label = action.label.toLowerCase();
@@ -68,7 +65,6 @@
68
65
  return 'alternative';
69
66
  };
70
67
 
71
- // Icon colors based on variant
72
68
  const getIconColors = (type) => {
73
69
  switch (type) {
74
70
  case "success":
@@ -99,7 +95,6 @@
99
95
  }
100
96
  };
101
97
 
102
- // Button variant based on status type
103
98
  const getButtonVariant = (type) => {
104
99
  switch (type) {
105
100
  case "error":
@@ -111,104 +106,100 @@
111
106
  }
112
107
  };
113
108
 
114
- $: colors = getIconColors(effectiveVariant);
115
- $: buttonVariant = getButtonVariant(effectiveVariant);
109
+ let colors = $derived(getIconColors(effectiveVariant));
110
+ let buttonVariant = $derived(getButtonVariant(effectiveVariant));
116
111
  </script>
117
112
 
118
- <Modal bind:show {size}>
119
- <div slot="header" class="text-center">
120
- {#if closeBtn}
121
- <div class="flex justify-end -mt-2 -mr-2 mb-2">
122
- <button
123
- class="p-1 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none transition-colors"
124
- on:click={handleClose}
125
- {disabled}
126
- >
127
- <img src={Cancel} alt="Close" class="w-5 h-5" />
128
- </button>
129
- </div>
130
- {/if}
131
- {#if isProfileMode}
132
- <!-- Profile mode: show image as rounded square -->
133
- <div class="flex justify-center">
134
- <img
135
- src={image}
136
- alt={title}
137
- class="w-16 h-16 rounded-lg object-cover"
138
- />
139
- </div>
140
- <div class="mt-4">
113
+ <Modal bind:show {size} oncancel={handleClose} {...restProps}>
114
+ {#snippet header()}
115
+ <div class="text-center">
116
+ {#if closeBtn}
117
+ <div class="flex justify-end -mt-2 -mr-2 mb-2">
118
+ <Button variant="icon" size="xs" onclick={handleClose} {disabled}>
119
+ <img src={Cancel} alt="Close" class="w-5 h-5" />
120
+ </Button>
121
+ </div>
122
+ {/if}
123
+ {#if isProfileMode}
124
+ <div class="flex justify-center">
125
+ <img
126
+ src={image}
127
+ alt={title}
128
+ class="w-16 h-16 rounded-lg object-cover"
129
+ />
130
+ </div>
131
+ <div class="mt-4">
132
+ {#if title}
133
+ <h2 class="text-xl font-medium text-gray-900 dark:text-white">{title}</h2>
134
+ {/if}
135
+ {#if subtitle}
136
+ <p class="text-sm text-gray-500 dark:text-gray-400 mt-1">{subtitle}</p>
137
+ {/if}
138
+ </div>
139
+ {:else}
140
+ <div class="flex justify-center items-center">
141
+ {#if customIcon}
142
+ <div class="w-14 h-14 rounded-full {colors.bg} flex items-center justify-center">
143
+ <img src={customIcon} alt="Status icon" class="w-8 h-8" />
144
+ </div>
145
+ {:else}
146
+ <div class="w-14 h-14 rounded-full {colors.bg} flex items-center justify-center">
147
+ {#if effectiveVariant === "success"}
148
+ <CheckOutline class="w-7 h-7 {colors.icon}" />
149
+ {:else if effectiveVariant === "error"}
150
+ <CloseOutline class="w-7 h-7 {colors.icon}" />
151
+ {:else if effectiveVariant === "warning"}
152
+ <ExclamationTriangleOutline class="w-7 h-7 {colors.icon}" />
153
+ {:else if effectiveVariant === "info"}
154
+ <InfoCircleOutline class="w-7 h-7 {colors.icon}" />
155
+ {/if}
156
+ </div>
157
+ {/if}
158
+ </div>
141
159
  {#if title}
142
- <h2 class="text-xl font-medium text-gray-900 dark:text-white">{title}</h2>
143
- {/if}
144
- {#if subtitle}
145
- <p class="text-sm text-gray-500 dark:text-gray-400 mt-1">{subtitle}</p>
160
+ <h2 class="text-xl font-medium text-gray-900 dark:text-white mt-4">{title}</h2>
146
161
  {/if}
147
- </div>
148
- {:else}
149
- <!-- Status mode: show icon in colored circle -->
150
- <div class="flex justify-center items-center">
151
- {#if customIcon}
152
- <div class="w-14 h-14 rounded-full {colors.bg} flex items-center justify-center">
153
- <img src={customIcon} alt="Status icon" class="w-8 h-8" />
154
- </div>
155
- {:else}
156
- <div class="w-14 h-14 rounded-full {colors.bg} flex items-center justify-center">
157
- {#if effectiveVariant === "success"}
158
- <CheckOutline class="w-7 h-7 {colors.icon}" />
159
- {:else if effectiveVariant === "error"}
160
- <CloseOutline class="w-7 h-7 {colors.icon}" />
161
- {:else if effectiveVariant === "warning"}
162
- <ExclamationTriangleOutline class="w-7 h-7 {colors.icon}" />
163
- {:else if effectiveVariant === "info"}
164
- <InfoCircleOutline class="w-7 h-7 {colors.icon}" />
165
- {/if}
166
- </div>
167
- {/if}
168
- </div>
169
- {#if title}
170
- <h2 class="text-xl font-medium text-gray-900 dark:text-white mt-4">{title}</h2>
171
162
  {/if}
172
- {/if}
173
- </div>
163
+ </div>
164
+ {/snippet}
174
165
 
175
- <div slot="body" class="text-center mt-4">
176
- {#if description}
177
- <p class="text-sm leading-relaxed {isProfileMode ? 'text-gray-900 dark:text-white font-medium' : 'text-gray-500 dark:text-gray-400'}">
178
- {description}
179
- </p>
180
- {/if}
181
- </div>
166
+ {#snippet body()}
167
+ <div class="text-center mt-4">
168
+ {#if description}
169
+ <p class="text-sm leading-relaxed {isProfileMode ? 'text-gray-900 dark:text-white font-medium' : 'text-gray-500 dark:text-gray-400'}">
170
+ {description}
171
+ </p>
172
+ {/if}
173
+ </div>
174
+ {/snippet}
182
175
 
183
- <div slot="footer" class="w-full">
184
- {#if actions.length > 0}
185
- <!-- Multiple buttons mode -->
186
- <div class="flex gap-3">
187
- {#each actions as action}
188
- <Button
189
- size="full"
190
- variant={getActionVariant(action)}
191
- beforeIcon={action.beforeIcon}
192
- afterIcon={action.afterIcon}
193
- disabled={action.disabled || disabled}
194
- loading={action.loading || (loading && action.primary)}
195
- on:click={() => handleAction(action)}
196
- >
197
- {action.label}
198
- </Button>
199
- {/each}
200
- </div>
201
- {:else}
202
- <!-- Single button mode -->
203
- <Button
204
- size="full"
205
- variant={buttonVariant}
206
- {disabled}
207
- {loading}
208
- on:click={handleButtonClick}
209
- >
210
- {buttonText}
211
- </Button>
212
- {/if}
213
- </div>
176
+ {#snippet footer()}
177
+ <div class="w-full">
178
+ {#if actions.length > 0}
179
+ <div class="flex gap-3">
180
+ {#each actions as action}
181
+ <Button
182
+ size="full"
183
+ variant={getActionVariant(action)}
184
+ disabled={action.disabled || disabled}
185
+ loading={action.loading || (loading && action.primary)}
186
+ onclick={() => handleAction(action)}
187
+ >
188
+ {action.label}
189
+ </Button>
190
+ {/each}
191
+ </div>
192
+ {:else}
193
+ <Button
194
+ size="full"
195
+ variant={buttonVariant}
196
+ {disabled}
197
+ {loading}
198
+ onclick={handleButtonClick}
199
+ >
200
+ {buttonText}
201
+ </Button>
202
+ {/if}
203
+ </div>
204
+ {/snippet}
214
205
  </Modal>
@@ -1,59 +1,42 @@
1
1
  export default StatusModal;
2
- type StatusModal = SvelteComponent<{
3
- size?: string | undefined;
4
- title?: string | undefined;
5
- variant?: null | undefined;
6
- actions?: any[] | undefined;
7
- show?: boolean | undefined;
8
- subtitle?: string | undefined;
9
- disabled?: boolean | undefined;
10
- loading?: boolean | undefined;
11
- image?: null | undefined;
12
- buttonText?: string | undefined;
13
- iconType?: string | undefined;
14
- description?: string | undefined;
15
- customIcon?: null | undefined;
16
- closeBtn?: boolean | undefined;
17
- }, {
18
- confirm: CustomEvent<any>;
19
- close: CustomEvent<any>;
20
- } & {
21
- [evt: string]: CustomEvent<any>;
22
- }, {}> & {
23
- $$bindings?: string | undefined;
2
+ type StatusModal = {
3
+ $on?(type: string, callback: (e: any) => void): () => void;
4
+ $set?(props: Partial<$$ComponentProps>): void;
24
5
  };
25
- declare const StatusModal: $$__sveltets_2_IsomorphicComponent<{
26
- size?: string | undefined;
27
- title?: string | undefined;
28
- variant?: null | undefined;
29
- actions?: any[] | undefined;
30
- show?: boolean | undefined;
31
- subtitle?: string | undefined;
32
- disabled?: boolean | undefined;
33
- loading?: boolean | undefined;
34
- image?: null | undefined;
35
- buttonText?: string | undefined;
36
- iconType?: string | undefined;
37
- description?: string | undefined;
38
- customIcon?: null | undefined;
39
- closeBtn?: boolean | undefined;
40
- }, {
41
- confirm: CustomEvent<any>;
42
- close: CustomEvent<any>;
43
- } & {
44
- [evt: string]: CustomEvent<any>;
45
- }, {}, {}, string>;
46
- interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
47
- new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
48
- $$bindings?: Bindings;
49
- } & Exports;
50
- (internal: unknown, props: Props & {
51
- $$events?: Events;
52
- $$slots?: Slots;
53
- }): Exports & {
54
- $set?: any;
55
- $on?: any;
56
- };
57
- z_$$bindings?: Bindings;
58
- }
6
+ declare const StatusModal: import("svelte").Component<{
7
+ show?: boolean;
8
+ size?: string;
9
+ title?: string;
10
+ subtitle?: string;
11
+ description?: string;
12
+ buttonText?: string;
13
+ iconType?: string;
14
+ customIcon?: any;
15
+ image?: any;
16
+ disabled?: boolean;
17
+ loading?: boolean;
18
+ variant?: any;
19
+ actions?: any[];
20
+ closeBtn?: boolean;
21
+ onconfirm: any;
22
+ onclose: any;
23
+ } & Record<string, any>, {}, "show">;
24
+ type $$ComponentProps = {
25
+ show?: boolean;
26
+ size?: string;
27
+ title?: string;
28
+ subtitle?: string;
29
+ description?: string;
30
+ buttonText?: string;
31
+ iconType?: string;
32
+ customIcon?: any;
33
+ image?: any;
34
+ disabled?: boolean;
35
+ loading?: boolean;
36
+ variant?: any;
37
+ actions?: any[];
38
+ closeBtn?: boolean;
39
+ onconfirm: any;
40
+ onclose: any;
41
+ } & Record<string, any>;
59
42
  //# sourceMappingURL=StatusModal.svelte.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"StatusModal.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/modals/StatusModal.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqNA;;;;;;;;;;;;;;;;;;;;mBAA0Q;6CAT7N,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"StatusModal.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/modals/StatusModal.svelte.js"],"names":[],"mappings":";;;;;AAwMA;WA1L4B,OAAO;WAAS,MAAM;YAAU,MAAM;eAAa,MAAM;kBAAgB,MAAM;iBAAe,MAAM;eAAa,MAAM;iBAAe,GAAG;YAAU,GAAG;eAAa,OAAO;cAAY,OAAO;cAAY,GAAG;cAAY,GAAG,EAAE;eAAa,OAAO;eAAa,GAAG;aAAW,GAAG;qCA0LjP;wBA1LvC;IAAE,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,GAAG,CAAC;IAAC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,GAAG,CAAC;IAAC,OAAO,EAAE,GAAG,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC"}