@pathscale/ui 1.1.33 → 1.1.35

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 (260) hide show
  1. package/dist/components/badge/Badge.css +5 -5
  2. package/dist/components/badge/Badge.d.ts +1 -1
  3. package/dist/components/badge/Badge.js +1 -2
  4. package/dist/components/button/Button.css +10 -1
  5. package/dist/components/button/Button.d.ts +2 -0
  6. package/dist/components/button/Button.js +31 -6
  7. package/dist/components/button-group/ButtonGroup.css +117 -0
  8. package/dist/components/button-group/ButtonGroup.d.ts +23 -0
  9. package/dist/components/button-group/ButtonGroup.js +91 -0
  10. package/dist/components/button-group/context.d.ts +8 -0
  11. package/dist/components/button-group/context.js +3 -0
  12. package/dist/components/button-group/index.d.ts +1 -0
  13. package/dist/components/button-group/index.js +6 -0
  14. package/dist/components/card/Card.css +110 -0
  15. package/dist/components/card/Card.d.ts +26 -26
  16. package/dist/components/card/Card.js +131 -70
  17. package/dist/components/card/index.d.ts +1 -1
  18. package/dist/components/card/index.js +6 -1
  19. package/dist/components/checkbox/Checkbox.js +18 -4
  20. package/dist/components/checkbox-group/CheckboxGroup.css +10 -0
  21. package/dist/components/checkbox-group/CheckboxGroup.d.ts +18 -0
  22. package/dist/components/checkbox-group/CheckboxGroup.js +97 -0
  23. package/dist/components/checkbox-group/context.d.ts +11 -0
  24. package/dist/components/checkbox-group/context.js +3 -0
  25. package/dist/components/checkbox-group/index.d.ts +4 -0
  26. package/dist/components/checkbox-group/index.js +4 -0
  27. package/dist/components/chip/Chip.css +197 -0
  28. package/dist/components/chip/Chip.d.ts +25 -0
  29. package/dist/components/chip/Chip.js +142 -0
  30. package/dist/components/chip/index.d.ts +8 -0
  31. package/dist/components/chip/index.js +9 -0
  32. package/dist/components/close-button/CloseButton.css +81 -0
  33. package/dist/components/close-button/CloseButton.d.ts +14 -0
  34. package/dist/components/close-button/CloseButton.js +76 -0
  35. package/dist/components/close-button/index.d.ts +1 -0
  36. package/dist/components/close-button/index.js +3 -0
  37. package/dist/components/combo-box/ComboBox.css +344 -0
  38. package/dist/components/combo-box/ComboBox.d.ts +86 -0
  39. package/dist/components/combo-box/ComboBox.js +708 -0
  40. package/dist/components/combo-box/index.d.ts +1 -0
  41. package/dist/components/combo-box/index.js +10 -0
  42. package/dist/components/date-field/DateField.css +215 -0
  43. package/dist/components/date-field/DateField.d.ts +64 -0
  44. package/dist/components/date-field/DateField.js +341 -0
  45. package/dist/components/date-field/index.d.ts +1 -0
  46. package/dist/components/date-field/index.js +11 -0
  47. package/dist/components/description/Description.css +10 -0
  48. package/dist/components/description/Description.d.ts +11 -0
  49. package/dist/components/{form/Label.js → description/Description.js} +23 -14
  50. package/dist/components/description/index.d.ts +1 -0
  51. package/dist/components/description/index.js +5 -0
  52. package/dist/components/drawer/Drawer.css +15 -0
  53. package/dist/components/drawer/Drawer.d.ts +2 -0
  54. package/dist/components/drawer/Drawer.js +24 -16
  55. package/dist/components/error-message/ErrorMessage.css +20 -0
  56. package/dist/components/error-message/ErrorMessage.d.ts +11 -0
  57. package/dist/components/error-message/ErrorMessage.js +40 -0
  58. package/dist/components/error-message/index.d.ts +1 -0
  59. package/dist/components/error-message/index.js +5 -0
  60. package/dist/components/field-error/FieldError.css +27 -0
  61. package/dist/components/field-error/FieldError.d.ts +21 -0
  62. package/dist/components/field-error/FieldError.js +69 -0
  63. package/dist/components/field-error/index.d.ts +1 -0
  64. package/dist/components/field-error/index.js +5 -0
  65. package/dist/components/fieldset/Fieldset.css +30 -0
  66. package/dist/components/fieldset/Fieldset.d.ts +22 -9
  67. package/dist/components/fieldset/Fieldset.js +88 -44
  68. package/dist/components/fieldset/index.d.ts +1 -2
  69. package/dist/components/fieldset/index.js +7 -2
  70. package/dist/components/form/Form.css +5 -0
  71. package/dist/components/form/Form.d.ts +10 -16
  72. package/dist/components/form/Form.js +33 -16
  73. package/dist/components/form/index.d.ts +1 -4
  74. package/dist/components/form/index.js +3 -4
  75. package/dist/components/header/Header.css +13 -0
  76. package/dist/components/header/Header.d.ts +9 -0
  77. package/dist/components/{menu/MenuDetails.js → header/Header.js} +17 -20
  78. package/dist/components/header/index.d.ts +1 -0
  79. package/dist/components/header/index.js +5 -0
  80. package/dist/components/immersive-landing/components/FirefoxPWABanner.js +62 -68
  81. package/dist/components/immersive-landing/components/PWAInstallPrompt.js +58 -64
  82. package/dist/components/input/Input.css +3 -2
  83. package/dist/components/input/Input.d.ts +2 -2
  84. package/dist/components/input/Input.js +7 -7
  85. package/dist/components/input-group/InputGroup.css +172 -0
  86. package/dist/components/input-group/InputGroup.d.ts +44 -0
  87. package/dist/components/input-group/InputGroup.js +227 -0
  88. package/dist/components/input-group/index.d.ts +1 -0
  89. package/dist/components/input-group/index.js +9 -0
  90. package/dist/components/input-otp/InputOTP.css +170 -0
  91. package/dist/components/input-otp/InputOTP.d.ts +46 -0
  92. package/dist/components/input-otp/InputOTP.js +385 -0
  93. package/dist/components/input-otp/index.d.ts +1 -0
  94. package/dist/components/input-otp/index.js +11 -0
  95. package/dist/components/label/Label.css +30 -0
  96. package/dist/components/label/Label.d.ts +17 -0
  97. package/dist/components/label/Label.js +64 -0
  98. package/dist/components/label/index.d.ts +1 -0
  99. package/dist/components/label/index.js +5 -0
  100. package/dist/components/list-box/ListBox.css +148 -0
  101. package/dist/components/list-box/ListBox.d.ts +23 -0
  102. package/dist/components/list-box/ListBox.js +224 -0
  103. package/dist/components/list-box/ListBoxItem.d.ts +28 -0
  104. package/dist/components/list-box/ListBoxItem.js +231 -0
  105. package/dist/components/list-box/ListBoxSection.d.ts +11 -0
  106. package/dist/components/list-box/ListBoxSection.js +48 -0
  107. package/dist/components/list-box/context.d.ts +27 -0
  108. package/dist/components/list-box/context.js +3 -0
  109. package/dist/components/list-box/index.d.ts +17 -0
  110. package/dist/components/list-box/index.js +17 -0
  111. package/dist/components/menu/Menu.css +199 -0
  112. package/dist/components/menu/Menu.d.ts +32 -20
  113. package/dist/components/menu/Menu.js +213 -39
  114. package/dist/components/menu/MenuItem.d.ts +35 -5
  115. package/dist/components/menu/MenuItem.js +270 -19
  116. package/dist/components/menu/MenuSection.d.ts +11 -0
  117. package/dist/components/menu/MenuSection.js +48 -0
  118. package/dist/components/menu/context.d.ts +26 -0
  119. package/dist/components/menu/context.js +3 -0
  120. package/dist/components/menu/index.d.ts +4 -3
  121. package/dist/components/menu/index.js +11 -2
  122. package/dist/components/number-field/NumberField.css +198 -0
  123. package/dist/components/number-field/NumberField.d.ts +48 -0
  124. package/dist/components/number-field/NumberField.js +350 -0
  125. package/dist/components/number-field/index.d.ts +1 -0
  126. package/dist/components/number-field/index.js +9 -0
  127. package/dist/components/search-field/SearchField.css +183 -0
  128. package/dist/components/search-field/SearchField.d.ts +53 -0
  129. package/dist/components/search-field/SearchField.js +303 -0
  130. package/dist/components/search-field/index.d.ts +1 -0
  131. package/dist/components/search-field/index.js +9 -0
  132. package/dist/components/select/Select.css +16 -10
  133. package/dist/components/select/Select.d.ts +10 -2
  134. package/dist/components/select/Select.js +119 -33
  135. package/dist/components/separator/Separator.css +35 -0
  136. package/dist/components/separator/Separator.d.ts +12 -0
  137. package/dist/components/separator/Separator.js +57 -0
  138. package/dist/components/separator/index.d.ts +1 -0
  139. package/dist/components/separator/index.js +4 -0
  140. package/dist/components/sidenav/Sidenav.js +2 -2
  141. package/dist/components/surface/Surface.css +37 -0
  142. package/dist/components/surface/Surface.d.ts +12 -0
  143. package/dist/components/surface/Surface.js +41 -0
  144. package/dist/components/surface/index.d.ts +1 -0
  145. package/dist/components/surface/index.js +4 -0
  146. package/dist/components/table/hooks/index.d.ts +1 -9
  147. package/dist/components/table/hooks/index.js +1 -18
  148. package/dist/components/tag/Tag.css +121 -0
  149. package/dist/components/tag/Tag.d.ts +33 -0
  150. package/dist/components/tag/Tag.js +241 -0
  151. package/dist/components/tag/index.d.ts +1 -0
  152. package/dist/components/tag/index.js +6 -0
  153. package/dist/components/tag-group/TagGroup.css +22 -0
  154. package/dist/components/tag-group/TagGroup.d.ts +32 -0
  155. package/dist/components/tag-group/TagGroup.js +177 -0
  156. package/dist/components/tag-group/context.d.ts +15 -0
  157. package/dist/components/tag-group/context.js +3 -0
  158. package/dist/components/tag-group/index.d.ts +2 -0
  159. package/dist/components/tag-group/index.js +6 -0
  160. package/dist/components/text/Text.css +66 -0
  161. package/dist/components/text/Text.d.ts +17 -0
  162. package/dist/components/text/Text.js +46 -0
  163. package/dist/components/text/index.d.ts +1 -0
  164. package/dist/components/text/index.js +5 -0
  165. package/dist/components/text-area/TextArea.css +95 -0
  166. package/dist/components/text-area/TextArea.d.ts +19 -0
  167. package/dist/components/text-area/TextArea.js +64 -0
  168. package/dist/components/text-area/index.d.ts +1 -0
  169. package/dist/components/text-area/index.js +5 -0
  170. package/dist/components/text-field/TextField.css +33 -0
  171. package/dist/components/text-field/TextField.d.ts +34 -0
  172. package/dist/components/text-field/TextField.js +85 -0
  173. package/dist/components/text-field/index.d.ts +1 -0
  174. package/dist/components/text-field/index.js +7 -0
  175. package/dist/components/textarea/Textarea.d.ts +8 -13
  176. package/dist/components/textarea/Textarea.js +14 -45
  177. package/dist/components/textarea/index.d.ts +2 -1
  178. package/dist/components/textarea/index.js +4 -1
  179. package/dist/components/time-field/TimeField.css +215 -0
  180. package/dist/components/time-field/TimeField.d.ts +64 -0
  181. package/dist/components/time-field/TimeField.js +341 -0
  182. package/dist/components/time-field/index.d.ts +1 -0
  183. package/dist/components/time-field/index.js +11 -0
  184. package/dist/components/utils.d.ts +2 -2
  185. package/dist/components/utils.js +3 -17
  186. package/dist/hooks/form/index.d.ts +5 -0
  187. package/dist/hooks/form/index.js +12 -0
  188. package/dist/hooks/form/useField.d.ts +11 -0
  189. package/dist/hooks/form/useField.js +20 -0
  190. package/dist/hooks/form/useFieldError.d.ts +3 -0
  191. package/dist/hooks/form/useFieldError.js +3 -0
  192. package/dist/hooks/form/useFieldMeta.d.ts +20 -0
  193. package/dist/hooks/form/useFieldMeta.js +49 -0
  194. package/dist/hooks/form/useFieldProps.d.ts +10 -0
  195. package/dist/hooks/form/useFieldProps.js +51 -0
  196. package/dist/hooks/form/useForm.d.ts +27 -0
  197. package/dist/hooks/form/useForm.js +54 -0
  198. package/dist/hooks/form/utils.d.ts +4 -0
  199. package/dist/hooks/form/utils.js +30 -0
  200. package/dist/hooks/layout/index.d.ts +1 -0
  201. package/dist/hooks/layout/index.js +3 -0
  202. package/dist/hooks/layout/useDesktop.d.ts +1 -0
  203. package/dist/hooks/layout/useDesktop.js +17 -0
  204. package/dist/hooks/table/index.d.ts +9 -0
  205. package/dist/hooks/table/index.js +18 -0
  206. package/dist/index.d.ts +63 -7
  207. package/dist/index.js +145 -15
  208. package/dist/primitives/streaming/index.d.ts +2 -0
  209. package/dist/primitives/streaming/index.js +5 -0
  210. package/dist/primitives/streaming/useStreamingBuffer.d.ts +15 -0
  211. package/dist/primitives/streaming/useStreamingBuffer.js +115 -0
  212. package/dist/primitives/streaming/useStreamingSubscription.d.ts +27 -0
  213. package/dist/primitives/streaming/useStreamingSubscription.js +115 -0
  214. package/dist/styles/icons/generated-icons.css +1 -1
  215. package/package.json +1 -1
  216. package/dist/components/card/CardActions.d.ts +0 -4
  217. package/dist/components/card/CardActions.js +0 -15
  218. package/dist/components/card/CardBody.d.ts +0 -4
  219. package/dist/components/card/CardBody.js +0 -15
  220. package/dist/components/card/CardImage.d.ts +0 -3
  221. package/dist/components/card/CardImage.js +0 -10
  222. package/dist/components/card/CardTitle.d.ts +0 -6
  223. package/dist/components/card/CardTitle.js +0 -13
  224. package/dist/components/card/card.css +0 -171
  225. package/dist/components/form/FormBase.d.ts +0 -8
  226. package/dist/components/form/FormBase.js +0 -74
  227. package/dist/components/form/FormDropdown.d.ts +0 -25
  228. package/dist/components/form/FormDropdown.js +0 -139
  229. package/dist/components/form/FormField.d.ts +0 -14
  230. package/dist/components/form/FormField.js +0 -78
  231. package/dist/components/form/Label.d.ts +0 -7
  232. package/dist/components/form/NumberField.d.ts +0 -20
  233. package/dist/components/form/NumberField.js +0 -109
  234. package/dist/components/form/PasswordField.d.ts +0 -16
  235. package/dist/components/form/PasswordField.js +0 -113
  236. package/dist/components/form/ValidatedForm.d.ts +0 -26
  237. package/dist/components/form/ValidatedForm.js +0 -55
  238. package/dist/components/menu/MenuDetails.d.ts +0 -8
  239. package/dist/components/menu/MenuDropdown.d.ts +0 -12
  240. package/dist/components/menu/MenuDropdown.js +0 -48
  241. package/dist/components/menu/MenuTitle.d.ts +0 -8
  242. package/dist/components/menu/MenuTitle.js +0 -22
  243. package/dist/components/menu/menu.css +0 -364
  244. package/dist/components/textarea/textarea.css +0 -191
  245. /package/dist/{components/table/hooks → hooks/table}/helpers.d.ts +0 -0
  246. /package/dist/{components/table/hooks → hooks/table}/helpers.js +0 -0
  247. /package/dist/{components/table/hooks → hooks/table}/useAnchoredOverlayPosition.d.ts +0 -0
  248. /package/dist/{components/table/hooks → hooks/table}/useAnchoredOverlayPosition.js +0 -0
  249. /package/dist/{components/table/hooks → hooks/table}/useTableExpansion.d.ts +0 -0
  250. /package/dist/{components/table/hooks → hooks/table}/useTableExpansion.js +0 -0
  251. /package/dist/{components/table/hooks → hooks/table}/useTableFiltering.d.ts +0 -0
  252. /package/dist/{components/table/hooks → hooks/table}/useTableFiltering.js +0 -0
  253. /package/dist/{components/table/hooks → hooks/table}/useTableModel.d.ts +0 -0
  254. /package/dist/{components/table/hooks → hooks/table}/useTableModel.js +0 -0
  255. /package/dist/{components/table/hooks → hooks/table}/useTablePagination.d.ts +0 -0
  256. /package/dist/{components/table/hooks → hooks/table}/useTablePagination.js +0 -0
  257. /package/dist/{components/table/hooks → hooks/table}/useTableSelection.d.ts +0 -0
  258. /package/dist/{components/table/hooks → hooks/table}/useTableSelection.js +0 -0
  259. /package/dist/{components/table/hooks → hooks/table}/useTableSorting.d.ts +0 -0
  260. /package/dist/{components/table/hooks → hooks/table}/useTableSorting.js +0 -0
@@ -0,0 +1,115 @@
1
+ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
2
+ const resolveOption = (value)=>{
3
+ if ("function" == typeof value) return value();
4
+ return value;
5
+ };
6
+ const toError = (error)=>{
7
+ if (error instanceof Error) return error;
8
+ return new Error("string" == typeof error ? error : "Unknown streaming error");
9
+ };
10
+ const useStreamingSubscription = (options)=>{
11
+ const [isLive, setIsLive] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
12
+ const [isConnecting, setIsConnecting] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
13
+ const [error, setError] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(null);
14
+ const [eventCount, setEventCount] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(0);
15
+ let isRunning = false;
16
+ let teardown;
17
+ let activeController = null;
18
+ let runToken = 0;
19
+ const clearTeardown = ()=>{
20
+ const currentTeardown = teardown;
21
+ teardown = void 0;
22
+ if (currentTeardown) currentTeardown();
23
+ };
24
+ const stop = ()=>{
25
+ runToken += 1;
26
+ isRunning = false;
27
+ if (activeController) {
28
+ activeController.abort();
29
+ activeController = null;
30
+ }
31
+ clearTeardown();
32
+ setIsConnecting(false);
33
+ setIsLive(false);
34
+ };
35
+ const start = async ()=>{
36
+ if (isRunning) return;
37
+ stop();
38
+ isRunning = true;
39
+ setError(null);
40
+ setIsConnecting(true);
41
+ setIsLive(false);
42
+ const token = runToken;
43
+ const controller = new AbortController();
44
+ activeController = controller;
45
+ const observer = {
46
+ next: (event)=>{
47
+ if (!isRunning || token !== runToken || controller.signal.aborted) return;
48
+ setEventCount((count)=>count + 1);
49
+ options.onData?.(event);
50
+ },
51
+ error: (nextError)=>{
52
+ if (!isRunning || token !== runToken || controller.signal.aborted) return;
53
+ const normalized = toError(nextError);
54
+ if (activeController === controller) {
55
+ activeController.abort();
56
+ activeController = null;
57
+ }
58
+ clearTeardown();
59
+ setError(normalized);
60
+ setIsConnecting(false);
61
+ setIsLive(false);
62
+ isRunning = false;
63
+ options.onError?.(normalized);
64
+ },
65
+ open: ()=>{
66
+ if (!isRunning || token !== runToken || controller.signal.aborted) return;
67
+ setIsConnecting(false);
68
+ setIsLive(true);
69
+ },
70
+ close: ()=>{
71
+ if (token !== runToken) return;
72
+ if (activeController === controller) activeController = null;
73
+ clearTeardown();
74
+ setIsConnecting(false);
75
+ setIsLive(false);
76
+ isRunning = false;
77
+ },
78
+ get signal () {
79
+ return controller.signal;
80
+ },
81
+ get isStopped () {
82
+ return controller.signal.aborted || token !== runToken || !isRunning;
83
+ }
84
+ };
85
+ try {
86
+ const maybeTeardown = await options.subscribe(observer);
87
+ if (token !== runToken || controller.signal.aborted) {
88
+ if ("function" == typeof maybeTeardown) maybeTeardown();
89
+ return;
90
+ }
91
+ teardown = "function" == typeof maybeTeardown ? maybeTeardown : void 0;
92
+ setIsConnecting(false);
93
+ setIsLive(true);
94
+ } catch (nextError) {
95
+ observer.error(nextError);
96
+ }
97
+ };
98
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
99
+ const shouldEnable = resolveOption(options.enabled ?? true);
100
+ if (!shouldEnable) return void stop();
101
+ if (!isRunning) start();
102
+ });
103
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
104
+ stop();
105
+ });
106
+ return {
107
+ isLive,
108
+ isConnecting,
109
+ error,
110
+ eventCount,
111
+ start,
112
+ stop
113
+ };
114
+ };
115
+ export { useStreamingSubscription };
@@ -1 +1 @@
1
- .iconify{background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.iconify,.iconify-color{display:inline-block;height:1em;width:1em}.iconify-color{background-repeat:no-repeat;background-size:100% 100%}.icon-[mdi--close]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E")}.icon-[mdi--close].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--close].iconify-color{background-image:var(--svg)}.icon-[mdi--firefox]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M6.85 6.74q.015 0 0 0M21.28 8.6c-.43-1.05-1.32-2.18-2.01-2.54.56 1.11.89 2.22 1.02 3.04v.02c-1.13-2.82-3.05-3.96-4.62-6.44-.08-.12-.17-.25-.24-.38-.04-.07-.07-.14-.11-.21-.06-.13-.12-.26-.15-.4 0-.01-.01-.02-.02-.02h-.03c-2.22 1.3-3.15 3.59-3.38 5.04-.69.04-1.37.21-1.99.51-.12.05-.17.19-.13.31.05.14.21.21.34.15.54-.26 1.14-.41 1.74-.45h.05c.08-.01.17-.01.25-.01.5-.01.97.06 1.44.2l.06.02c.1.02.17.06.25.06.05.04.11.06.16.08l.14.06c.07.03.14.06.2.09.03.02.06.03.09.05.07.04.16.07.2.11.04.02.08.05.12.07.73.45 1.34 1.07 1.75 1.81-.53-.37-1.49-.74-2.41-.58 3.6 1.81 2.63 8-2.36 7.76-.44-.01-.88-.1-1.3-.25-.1-.03-.2-.07-.29-.12-.05-.02-.12-.05-.17-.08-1.23-.63-2.24-1.82-2.38-3.27 0 0 .5-1.73 3.33-1.73.31 0 1.17-.86 1.2-1.1 0-.09-1.74-.78-2.42-1.45-.37-.36-.54-.53-.69-.66-.08-.07-.17-.13-.26-.19a4.63 4.63 0 0 1-.03-2.45C7.6 6.12 6.8 6.86 6.22 7.5c-.4-.5-.37-2.15-.35-2.5-.01 0-.3.16-.33.18-.35.25-.68.53-.98.82-.35.37-.66.74-.94 1.14-.62.91-1.12 1.95-1.34 3.04 0 .01-.1.41-.17.92l-.03.23c-.02.17-.04.32-.08.58v.41c0 5.53 4.5 10.01 10 10.01 4.97 0 9.08-3.59 9.88-8.33.02-.11.03-.24.05-.37.2-1.72-.02-3.52-.65-5.03'/%3E%3C/svg%3E")}.icon-[mdi--firefox].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--firefox].iconify-color{background-image:var(--svg)}.icon-[mdi--loading]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M12 4V2A10 10 0 0 0 2 12h2a8 8 0 0 1 8-8'/%3E%3C/svg%3E")}.icon-[mdi--loading].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--loading].iconify-color{background-image:var(--svg)}.icon-[mdi--palette]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M17.5 12a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 17.5 9a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5m-3-4A1.5 1.5 0 0 1 13 6.5 1.5 1.5 0 0 1 14.5 5 1.5 1.5 0 0 1 16 6.5 1.5 1.5 0 0 1 14.5 8m-5 0A1.5 1.5 0 0 1 8 6.5 1.5 1.5 0 0 1 9.5 5 1.5 1.5 0 0 1 11 6.5 1.5 1.5 0 0 1 9.5 8m-3 4A1.5 1.5 0 0 1 5 10.5 1.5 1.5 0 0 1 6.5 9 1.5 1.5 0 0 1 8 10.5 1.5 1.5 0 0 1 6.5 12M12 3a9 9 0 0 0-9 9 9 9 0 0 0 9 9 1.5 1.5 0 0 0 1.5-1.5c0-.39-.15-.74-.39-1-.23-.27-.38-.62-.38-1a1.5 1.5 0 0 1 1.5-1.5H16a5 5 0 0 0 5-5c0-4.42-4.03-8-9-8'/%3E%3C/svg%3E")}.icon-[mdi--palette].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--palette].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-down]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m5.84 9.59 5.66 5.66 5.66-5.66-.71-.7-4.95 4.95-4.95-4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-down].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-down].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-left]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M14.41 18.16 8.75 12.5l5.66-5.66.7.71-4.95 4.95 4.95 4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-left].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-left].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-right]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m8.59 18.16 5.66-5.66-5.66-5.66-.7.71 4.95 4.95-4.95 4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-right].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-right].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-up]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m5.84 15.41 5.66-5.66 5.66 5.66-.71.7-4.95-4.95-4.95 4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-up].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-up].iconify-color{background-image:var(--svg)}.icon-[mdi-light--eye]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M11.5 18c4 0 7.46-2.22 9.24-5.5C18.96 9.22 15.5 7 11.5 7s-7.46 2.22-9.24 5.5C4.04 15.78 7.5 18 11.5 18m0-12c4.56 0 8.5 2.65 10.36 6.5C20 16.35 16.06 19 11.5 19S3 16.35 1.14 12.5C3 8.65 6.94 6 11.5 6m0 2C14 8 16 10 16 12.5S14 17 11.5 17 7 15 7 12.5 9 8 11.5 8m0 1A3.5 3.5 0 0 0 8 12.5a3.5 3.5 0 0 0 3.5 3.5 3.5 3.5 0 0 0 3.5-3.5A3.5 3.5 0 0 0 11.5 9'/%3E%3C/svg%3E")}.icon-[mdi-light--eye].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--eye].iconify-color{background-image:var(--svg)}.icon-[mdi-light--eye-off]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M2.54 4.71 3.25 4 20 20.75l-.71.71-3.34-3.35c-1.37.57-2.87.89-4.45.89-4.56 0-8.5-2.65-10.36-6.5.97-2 2.49-3.67 4.36-4.82zM11.5 18c1.29 0 2.53-.23 3.67-.66l-1.12-1.13c-.73.5-1.6.79-2.55.79C9 17 7 15 7 12.5c0-.95.29-1.82.79-2.55L6.24 8.41a10.64 10.64 0 0 0-3.98 4.09C4.04 15.78 7.5 18 11.5 18m9.24-5.5C18.96 9.22 15.5 7 11.5 7c-1.15 0-2.27.19-3.31.53l-.78-.78C8.68 6.26 10.06 6 11.5 6c4.56 0 8.5 2.65 10.36 6.5a11.47 11.47 0 0 1-4.07 4.63l-.72-.73c1.53-.96 2.8-2.3 3.67-3.9M11.5 8C14 8 16 10 16 12.5c0 .82-.22 1.58-.6 2.24l-.74-.74c.22-.46.34-.96.34-1.5A3.5 3.5 0 0 0 11.5 9c-.54 0-1.04.12-1.5.34l-.74-.74c.66-.38 1.42-.6 2.24-.6M8 12.5a3.5 3.5 0 0 0 3.5 3.5c.67 0 1.29-.19 1.82-.5L8.5 10.68c-.31.53-.5 1.15-.5 1.82'/%3E%3C/svg%3E")}.icon-[mdi-light--eye-off].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--eye-off].iconify-color{background-image:var(--svg)}.icon-[mdi-light--unfold-more-horizontal]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m15.74 8.83-.7.71L11.5 6 7.96 9.54l-.7-.71 4.24-4.24zm0 7.34-4.24 4.24-4.24-4.24.7-.71L11.5 19l3.54-3.54z'/%3E%3C/svg%3E")}.icon-[mdi-light--unfold-more-horizontal].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--unfold-more-horizontal].iconify-color{background-image:var(--svg)}
1
+ .iconify{background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.iconify,.iconify-color{display:inline-block;height:1em;width:1em}.iconify-color{background-repeat:no-repeat;background-size:100% 100%}.icon-[mdi--close]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E")}.icon-[mdi--close].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--close].iconify-color{background-image:var(--svg)}.icon-[mdi--firefox]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M6.85 6.74q.015 0 0 0M21.28 8.6c-.43-1.05-1.32-2.18-2.01-2.54.56 1.11.89 2.22 1.02 3.04v.02c-1.13-2.82-3.05-3.96-4.62-6.44-.08-.12-.17-.25-.24-.38-.04-.07-.07-.14-.11-.21-.06-.13-.12-.26-.15-.4 0-.01-.01-.02-.02-.02h-.03c-2.22 1.3-3.15 3.59-3.38 5.04-.69.04-1.37.21-1.99.51-.12.05-.17.19-.13.31.05.14.21.21.34.15.54-.26 1.14-.41 1.74-.45h.05c.08-.01.17-.01.25-.01.5-.01.97.06 1.44.2l.06.02c.1.02.17.06.25.06.05.04.11.06.16.08l.14.06c.07.03.14.06.2.09.03.02.06.03.09.05.07.04.16.07.2.11.04.02.08.05.12.07.73.45 1.34 1.07 1.75 1.81-.53-.37-1.49-.74-2.41-.58 3.6 1.81 2.63 8-2.36 7.76-.44-.01-.88-.1-1.3-.25-.1-.03-.2-.07-.29-.12-.05-.02-.12-.05-.17-.08-1.23-.63-2.24-1.82-2.38-3.27 0 0 .5-1.73 3.33-1.73.31 0 1.17-.86 1.2-1.1 0-.09-1.74-.78-2.42-1.45-.37-.36-.54-.53-.69-.66-.08-.07-.17-.13-.26-.19a4.63 4.63 0 0 1-.03-2.45C7.6 6.12 6.8 6.86 6.22 7.5c-.4-.5-.37-2.15-.35-2.5-.01 0-.3.16-.33.18-.35.25-.68.53-.98.82-.35.37-.66.74-.94 1.14-.62.91-1.12 1.95-1.34 3.04 0 .01-.1.41-.17.92l-.03.23c-.02.17-.04.32-.08.58v.41c0 5.53 4.5 10.01 10 10.01 4.97 0 9.08-3.59 9.88-8.33.02-.11.03-.24.05-.37.2-1.72-.02-3.52-.65-5.03'/%3E%3C/svg%3E")}.icon-[mdi--firefox].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--firefox].iconify-color{background-image:var(--svg)}.icon-[mdi--loading]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M12 4V2A10 10 0 0 0 2 12h2a8 8 0 0 1 8-8'/%3E%3C/svg%3E")}.icon-[mdi--loading].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--loading].iconify-color{background-image:var(--svg)}.icon-[mdi--palette]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M17.5 12a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 17.5 9a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5m-3-4A1.5 1.5 0 0 1 13 6.5 1.5 1.5 0 0 1 14.5 5 1.5 1.5 0 0 1 16 6.5 1.5 1.5 0 0 1 14.5 8m-5 0A1.5 1.5 0 0 1 8 6.5 1.5 1.5 0 0 1 9.5 5 1.5 1.5 0 0 1 11 6.5 1.5 1.5 0 0 1 9.5 8m-3 4A1.5 1.5 0 0 1 5 10.5 1.5 1.5 0 0 1 6.5 9 1.5 1.5 0 0 1 8 10.5 1.5 1.5 0 0 1 6.5 12M12 3a9 9 0 0 0-9 9 9 9 0 0 0 9 9 1.5 1.5 0 0 0 1.5-1.5c0-.39-.15-.74-.39-1-.23-.27-.38-.62-.38-1a1.5 1.5 0 0 1 1.5-1.5H16a5 5 0 0 0 5-5c0-4.42-4.03-8-9-8'/%3E%3C/svg%3E")}.icon-[mdi--palette].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--palette].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-down]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m5.84 9.59 5.66 5.66 5.66-5.66-.71-.7-4.95 4.95-4.95-4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-down].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-down].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-left]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M14.41 18.16 8.75 12.5l5.66-5.66.7.71-4.95 4.95 4.95 4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-left].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-left].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-right]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m8.59 18.16 5.66-5.66-5.66-5.66-.7.71 4.95 4.95-4.95 4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-right].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-right].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-up]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m5.84 15.41 5.66-5.66 5.66 5.66-.71.7-4.95-4.95-4.95 4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-up].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-up].iconify-color{background-image:var(--svg)}.icon-[mdi-light--unfold-more-horizontal]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m15.74 8.83-.7.71L11.5 6 7.96 9.54l-.7-.71 4.24-4.24zm0 7.34-4.24 4.24-4.24-4.24.7-.71L11.5 19l3.54-3.54z'/%3E%3C/svg%3E")}.icon-[mdi-light--unfold-more-horizontal].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--unfold-more-horizontal].iconify-color{background-image:var(--svg)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pathscale/ui",
3
- "version": "1.1.33",
3
+ "version": "1.1.35",
4
4
  "author": "pathscale",
5
5
  "repository": {
6
6
  "type": "git",
@@ -1,4 +0,0 @@
1
- import type { JSX } from "solid-js";
2
- import type { IComponentBaseProps } from "../types";
3
- export type CardActionsProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
4
- export default function CardActions(props: CardActionsProps): JSX.Element;
@@ -1,15 +0,0 @@
1
- import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
2
- import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
3
- var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
4
- function CardActions(props) {
5
- return (()=>{
6
- var _el$ = _tmpl$();
7
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
8
- get ["class"] () {
9
- return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("card-actions", props.class);
10
- }
11
- }), false, false);
12
- return _el$;
13
- })();
14
- }
15
- export { CardActions as default };
@@ -1,4 +0,0 @@
1
- import type { JSX } from "solid-js";
2
- import type { IComponentBaseProps } from "../types";
3
- export type CardBodyProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
4
- export default function CardBody(props: CardBodyProps): JSX.Element;
@@ -1,15 +0,0 @@
1
- import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
2
- import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
3
- var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
4
- function CardBody(props) {
5
- return (()=>{
6
- var _el$ = _tmpl$();
7
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
8
- get ["class"] () {
9
- return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("card-body", props.class);
10
- }
11
- }), false, false);
12
- return _el$;
13
- })();
14
- }
15
- export { CardBody as default };
@@ -1,3 +0,0 @@
1
- import type { JSX } from "solid-js";
2
- export type CardImageProps = JSX.ImgHTMLAttributes<HTMLImageElement>;
3
- export default function CardImage(props: CardImageProps): JSX.Element;
@@ -1,10 +0,0 @@
1
- import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
2
- var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<figure><img>");
3
- function CardImage(props) {
4
- return (()=>{
5
- var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
6
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, props, false, false);
7
- return _el$;
8
- })();
9
- }
10
- export { CardImage as default };
@@ -1,6 +0,0 @@
1
- import type { JSX, ValidComponent } from "solid-js";
2
- import type { IComponentBaseProps } from "../types";
3
- export type CardTitleProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLElement> & {
4
- tag?: ValidComponent;
5
- };
6
- export default function CardTitle(props: CardTitleProps): JSX.Element;
@@ -1,13 +0,0 @@
1
- import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
2
- import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
3
- function CardTitle(props) {
4
- const { tag = "div", class: className, className: _className, ...rest } = props;
5
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
6
- component: tag
7
- }, rest, {
8
- get ["class"] () {
9
- return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("card-title", className, _className);
10
- }
11
- }));
12
- }
13
- export { CardTitle as default };
@@ -1,171 +0,0 @@
1
- @layer components {
2
- .card {
3
- position: relative;
4
- display: flex;
5
- flex-direction: column;
6
- border-radius: var(--radius-box);
7
- outline-width: 2px;
8
- transition: outline 0.2s ease-in-out;
9
- outline: 0 solid #0000;
10
- outline-offset: 2px;
11
- }
12
-
13
- .card:focus {
14
- --tw-outline-style: none;
15
- outline-style: none;
16
- }
17
-
18
- @media (forced-colors: active) {
19
- .card:focus {
20
- outline: 2px solid transparent;
21
- outline-offset: 2px;
22
- }
23
- }
24
-
25
- .card:focus-visible {
26
- outline-color: currentColor;
27
- }
28
-
29
- .card :where(figure:first-child) {
30
- overflow: hidden;
31
- border-start-start-radius: inherit;
32
- border-start-end-radius: inherit;
33
- border-end-start-radius: unset;
34
- border-end-end-radius: unset;
35
- }
36
-
37
- .card :where(figure:last-child) {
38
- overflow: hidden;
39
- border-start-start-radius: unset;
40
- border-start-end-radius: unset;
41
- border-end-start-radius: inherit;
42
- border-end-end-radius: inherit;
43
- }
44
-
45
- .card figure {
46
- display: flex;
47
- align-items: center;
48
- justify-content: center;
49
- }
50
-
51
- .card:has(> input:is(input[type="checkbox"], input[type="radio"])) {
52
- cursor: pointer;
53
- user-select: none;
54
- }
55
-
56
- .card:has(> :checked) {
57
- outline: 2px solid currentColor;
58
- }
59
-
60
- .card-body {
61
- display: flex;
62
- flex: auto;
63
- flex-direction: column;
64
- gap: calc(0.25rem * 2);
65
- padding: var(--card-p, 1.5rem);
66
- font-size: var(--card-fs, 0.875rem);
67
- }
68
-
69
- .card-body :where(p) {
70
- flex-grow: 1;
71
- }
72
-
73
- .card-actions {
74
- display: flex;
75
- flex-wrap: wrap;
76
- align-items: flex-start;
77
- gap: calc(0.25rem * 2);
78
- }
79
-
80
- .card-title {
81
- display: flex;
82
- align-items: center;
83
- gap: calc(0.25rem * 2);
84
- font-size: var(--cardtitle-fs, 1.125rem);
85
- font-weight: 600;
86
- }
87
-
88
- .card-side {
89
- align-items: stretch;
90
- flex-direction: row;
91
- }
92
-
93
- .card-side :where(figure:first-child) {
94
- overflow: hidden;
95
- border-start-start-radius: inherit;
96
- border-start-end-radius: unset;
97
- border-end-start-radius: inherit;
98
- border-end-end-radius: unset;
99
- }
100
-
101
- .card-side :where(figure:last-child) {
102
- overflow: hidden;
103
- border-start-start-radius: unset;
104
- border-start-end-radius: inherit;
105
- border-end-start-radius: unset;
106
- border-end-end-radius: inherit;
107
- }
108
-
109
- .card-side figure > * {
110
- max-width: unset;
111
- }
112
-
113
- .card-side :where(figure > *) {
114
- width: 100%;
115
- height: 100%;
116
- object-fit: cover;
117
- }
118
-
119
- .card-lg .card-body {
120
- --card-p: 2rem;
121
- --card-fs: 1rem;
122
- }
123
-
124
- .card-lg .card-title {
125
- --cardtitle-fs: 1.25rem;
126
- }
127
-
128
- .card-md .card-body {
129
- --card-p: 1.5rem;
130
- --card-fs: 0.875rem;
131
- }
132
-
133
- .card-md .card-title {
134
- --cardtitle-fs: 1.125rem;
135
- }
136
-
137
- .card-sm .card-body {
138
- --card-p: 1rem;
139
- --card-fs: 0.75rem;
140
- }
141
-
142
- .card-sm .card-title {
143
- --cardtitle-fs: 1rem;
144
- }
145
-
146
- .card-xl .card-body {
147
- --card-p: 2.5rem;
148
- --card-fs: 1.125rem;
149
- }
150
-
151
- .card-xl .card-title {
152
- --cardtitle-fs: 1.375rem;
153
- }
154
-
155
- .card-xs .card-body {
156
- --card-p: 0.5rem;
157
- --card-fs: 0.6875rem;
158
- }
159
-
160
- .card-xs .card-title {
161
- --cardtitle-fs: 0.875rem;
162
- }
163
-
164
- .card-border {
165
- border: var(--border) solid var(--color-base-200);
166
- }
167
-
168
- .card-dash {
169
- border: var(--border) dashed var(--color-base-200);
170
- }
171
- }
@@ -1,8 +0,0 @@
1
- import { type JSX, type ParentComponent } from "solid-js";
2
- import type { IComponentBaseProps } from "../types";
3
- export type FormProps = Omit<JSX.HTMLAttributes<HTMLFormElement>, "ref"> & IComponentBaseProps & {
4
- autoFocus?: boolean;
5
- cycleOnEnter?: boolean;
6
- };
7
- declare const FormBase: ParentComponent<FormProps>;
8
- export default FormBase;
@@ -1,74 +0,0 @@
1
- import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
2
- import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
3
- import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
4
- var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<form role=form>");
5
- const FormBase = (props)=>{
6
- const merged = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.mergeProps)({
7
- autoFocus: true,
8
- cycleOnEnter: true
9
- }, props);
10
- const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(merged, [
11
- "children",
12
- "dataTheme",
13
- "class",
14
- "className",
15
- "autoFocus",
16
- "cycleOnEnter"
17
- ]);
18
- const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
19
- const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("form-control", local.class, local.className);
20
- let formRef;
21
- const getFocusableElements = ()=>{
22
- if (!formRef) return [];
23
- return Array.from(formRef.querySelectorAll('input:not([disabled]):not([type="hidden"]), textarea:not([disabled]), select:not([disabled])'));
24
- };
25
- const handleKeyDown = (e)=>{
26
- if (!local.cycleOnEnter || "Enter" !== e.key) return;
27
- const focusableElements = getFocusableElements();
28
- const activeElement = document.activeElement;
29
- if (!formRef?.contains(activeElement)) return;
30
- const currentIndex = focusableElements.indexOf(activeElement);
31
- if (-1 === currentIndex) return;
32
- e.preventDefault();
33
- if (currentIndex === focusableElements.length - 1) formRef?.dispatchEvent(new Event("submit", {
34
- bubbles: true,
35
- cancelable: true
36
- }));
37
- else {
38
- const nextElement = focusableElements[currentIndex + 1];
39
- nextElement?.focus();
40
- }
41
- };
42
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
43
- if (local.autoFocus && formRef) {
44
- const focusableElements = getFocusableElements();
45
- if (focusableElements.length > 0) {
46
- const firstElement = focusableElements[0];
47
- firstElement.focus();
48
- }
49
- }
50
- if (local.cycleOnEnter && formRef) {
51
- formRef.addEventListener("keydown", handleKeyDown);
52
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
53
- formRef?.removeEventListener("keydown", handleKeyDown);
54
- });
55
- }
56
- });
57
- return (()=>{
58
- var _el$ = _tmpl$();
59
- var _ref$ = formRef;
60
- "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$) : formRef = _el$;
61
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
62
- get ["data-theme"] () {
63
- return local.dataTheme;
64
- },
65
- get ["class"] () {
66
- return classes();
67
- }
68
- }), false, true);
69
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
70
- return _el$;
71
- })();
72
- };
73
- const form_FormBase = FormBase;
74
- export { form_FormBase as default };
@@ -1,25 +0,0 @@
1
- import { type Component, type JSX } from "solid-js";
2
- export interface DropdownOption {
3
- value: string;
4
- label: string;
5
- }
6
- export interface FormDropdownProps {
7
- label: string;
8
- name: string;
9
- options: DropdownOption[];
10
- value?: string;
11
- placeholder?: string;
12
- required?: boolean;
13
- labelClass?: string;
14
- errorClass?: string;
15
- containerClass?: string;
16
- description?: string;
17
- descriptionClass?: string;
18
- class?: string;
19
- className?: string;
20
- icon?: JSX.Element;
21
- onChange?: (value: string) => void;
22
- disabled?: boolean;
23
- }
24
- export declare const FormDropdown: Component<FormDropdownProps>;
25
- export default FormDropdown;
@@ -1,139 +0,0 @@
1
- import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
2
- import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
3
- import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
4
- import * as __WEBPACK_EXTERNAL_MODULE__ValidatedForm_js_56b86c0b__ from "./ValidatedForm.js";
5
- import * as __WEBPACK_EXTERNAL_MODULE__Label_js_56960635__ from "./Label.js";
6
- import * as __WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__ from "../dropdown/index.js";
7
- import * as __WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__ from "../icon/index.js";
8
- var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<p>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="text-error ml-1">*'), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=ml-2>");
9
- const FormDropdown_FormDropdown = (props)=>{
10
- const { errors, touched, setData } = (0, __WEBPACK_EXTERNAL_MODULE__ValidatedForm_js_56b86c0b__.useFormValidation)();
11
- const [local, _] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
12
- "label",
13
- "name",
14
- "options",
15
- "value",
16
- "placeholder",
17
- "required",
18
- "labelClass",
19
- "errorClass",
20
- "containerClass",
21
- "description",
22
- "descriptionClass",
23
- "class",
24
- "className",
25
- "icon",
26
- "onChange",
27
- "disabled"
28
- ]);
29
- const containerClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("flex flex-col gap-2", local.containerClass));
30
- const descriptionClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("text-sm text-base-content/70", local.descriptionClass));
31
- const errorClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("text-error text-sm", local.errorClass));
32
- const dropdownClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("border border-base-300 rounded px-4 py-2 w-full flex justify-between items-center", local.disabled ? "opacity-70 cursor-not-allowed" : "", local.class, local.className));
33
- const hasError = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>touched(local.name) && !!errors(local.name));
34
- const selectedOption = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.options.find((opt)=>opt.value === local.value));
35
- const handleSelect = (value)=>{
36
- setData(local.name, value);
37
- if (local.onChange) local.onChange(value);
38
- };
39
- return (()=>{
40
- var _el$ = _tmpl$3();
41
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Label_js_56960635__["default"], {
42
- get title () {
43
- return local.label;
44
- },
45
- get ["class"] () {
46
- return local.labelClass;
47
- },
48
- get children () {
49
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.required)() && _tmpl$4();
50
- }
51
- }), null);
52
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
53
- var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.description);
54
- return ()=>_c$() && (()=>{
55
- var _el$5 = _tmpl$2();
56
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.description);
57
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, descriptionClasses()));
58
- return _el$5;
59
- })();
60
- })(), null);
61
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Root, {
62
- class: "w-full",
63
- get children () {
64
- return [
65
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Trigger, {
66
- get ["class"] () {
67
- return dropdownClasses();
68
- },
69
- get ["aria-invalid"] () {
70
- return hasError();
71
- },
72
- get ["aria-required"] () {
73
- return local.required;
74
- },
75
- get id () {
76
- return local.name;
77
- },
78
- get disabled () {
79
- return local.disabled;
80
- },
81
- get children () {
82
- return [
83
- (()=>{
84
- var _el$2 = _tmpl$();
85
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>selectedOption()?.label || local.placeholder || "Select an option");
86
- return _el$2;
87
- })(),
88
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>local.icon || (()=>{
89
- var _el$6 = _tmpl$5();
90
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
91
- name: "icon-[mdi-light--chevron-down]",
92
- width: 20,
93
- height: 20
94
- }));
95
- return _el$6;
96
- })())
97
- ];
98
- }
99
- }),
100
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Menu, {
101
- class: "w-full",
102
- align: "start",
103
- get children () {
104
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
105
- get each () {
106
- return local.options;
107
- },
108
- children: (option)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Item, {
109
- onClick: ()=>handleSelect(option.value),
110
- get ["class"] () {
111
- return local.value === option.value ? "bg-base-200" : "";
112
- },
113
- get children () {
114
- return option.label;
115
- }
116
- })
117
- });
118
- }
119
- })
120
- ];
121
- }
122
- }), null);
123
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
124
- get when () {
125
- return hasError();
126
- },
127
- get children () {
128
- var _el$3 = _tmpl$2();
129
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>errors(local.name));
130
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, errorClasses()));
131
- return _el$3;
132
- }
133
- }), null);
134
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, containerClasses()));
135
- return _el$;
136
- })();
137
- };
138
- const FormDropdown = FormDropdown_FormDropdown;
139
- export { FormDropdown_FormDropdown as FormDropdown, FormDropdown as default };