@pathscale/ui 1.1.34 → 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 (249) hide show
  1. package/dist/components/button/Button.css +10 -1
  2. package/dist/components/button/Button.d.ts +2 -0
  3. package/dist/components/button/Button.js +31 -6
  4. package/dist/components/button-group/ButtonGroup.css +117 -0
  5. package/dist/components/button-group/ButtonGroup.d.ts +23 -0
  6. package/dist/components/button-group/ButtonGroup.js +91 -0
  7. package/dist/components/button-group/context.d.ts +8 -0
  8. package/dist/components/button-group/context.js +3 -0
  9. package/dist/components/button-group/index.d.ts +1 -0
  10. package/dist/components/button-group/index.js +6 -0
  11. package/dist/components/card/Card.css +110 -0
  12. package/dist/components/card/Card.d.ts +26 -26
  13. package/dist/components/card/Card.js +131 -70
  14. package/dist/components/card/index.d.ts +1 -1
  15. package/dist/components/card/index.js +6 -1
  16. package/dist/components/checkbox/Checkbox.js +18 -4
  17. package/dist/components/checkbox-group/CheckboxGroup.css +10 -0
  18. package/dist/components/checkbox-group/CheckboxGroup.d.ts +18 -0
  19. package/dist/components/checkbox-group/CheckboxGroup.js +97 -0
  20. package/dist/components/checkbox-group/context.d.ts +11 -0
  21. package/dist/components/checkbox-group/context.js +3 -0
  22. package/dist/components/checkbox-group/index.d.ts +4 -0
  23. package/dist/components/checkbox-group/index.js +4 -0
  24. package/dist/components/chip/Chip.css +11 -9
  25. package/dist/components/chip/Chip.d.ts +2 -2
  26. package/dist/components/chip/Chip.js +38 -30
  27. package/dist/components/close-button/CloseButton.css +81 -0
  28. package/dist/components/close-button/CloseButton.d.ts +14 -0
  29. package/dist/components/close-button/CloseButton.js +76 -0
  30. package/dist/components/close-button/index.d.ts +1 -0
  31. package/dist/components/close-button/index.js +3 -0
  32. package/dist/components/combo-box/ComboBox.css +344 -0
  33. package/dist/components/combo-box/ComboBox.d.ts +86 -0
  34. package/dist/components/combo-box/ComboBox.js +708 -0
  35. package/dist/components/combo-box/index.d.ts +1 -0
  36. package/dist/components/combo-box/index.js +10 -0
  37. package/dist/components/date-field/DateField.css +215 -0
  38. package/dist/components/date-field/DateField.d.ts +64 -0
  39. package/dist/components/date-field/DateField.js +341 -0
  40. package/dist/components/date-field/index.d.ts +1 -0
  41. package/dist/components/date-field/index.js +11 -0
  42. package/dist/components/description/Description.css +10 -0
  43. package/dist/components/description/Description.d.ts +11 -0
  44. package/dist/components/{form/Label.js → description/Description.js} +23 -14
  45. package/dist/components/description/index.d.ts +1 -0
  46. package/dist/components/description/index.js +5 -0
  47. package/dist/components/drawer/Drawer.css +15 -0
  48. package/dist/components/drawer/Drawer.d.ts +2 -0
  49. package/dist/components/drawer/Drawer.js +24 -16
  50. package/dist/components/error-message/ErrorMessage.css +20 -0
  51. package/dist/components/error-message/ErrorMessage.d.ts +11 -0
  52. package/dist/components/error-message/ErrorMessage.js +40 -0
  53. package/dist/components/error-message/index.d.ts +1 -0
  54. package/dist/components/error-message/index.js +5 -0
  55. package/dist/components/field-error/FieldError.css +27 -0
  56. package/dist/components/field-error/FieldError.d.ts +21 -0
  57. package/dist/components/field-error/FieldError.js +69 -0
  58. package/dist/components/field-error/index.d.ts +1 -0
  59. package/dist/components/field-error/index.js +5 -0
  60. package/dist/components/fieldset/Fieldset.css +30 -0
  61. package/dist/components/fieldset/Fieldset.d.ts +22 -9
  62. package/dist/components/fieldset/Fieldset.js +88 -44
  63. package/dist/components/fieldset/index.d.ts +1 -2
  64. package/dist/components/fieldset/index.js +7 -2
  65. package/dist/components/form/Form.css +5 -0
  66. package/dist/components/form/Form.d.ts +10 -16
  67. package/dist/components/form/Form.js +33 -16
  68. package/dist/components/form/index.d.ts +1 -4
  69. package/dist/components/form/index.js +3 -4
  70. package/dist/components/header/Header.css +13 -0
  71. package/dist/components/header/Header.d.ts +9 -0
  72. package/dist/components/{menu/MenuDetails.js → header/Header.js} +17 -20
  73. package/dist/components/header/index.d.ts +1 -0
  74. package/dist/components/header/index.js +5 -0
  75. package/dist/components/immersive-landing/components/FirefoxPWABanner.js +62 -68
  76. package/dist/components/immersive-landing/components/PWAInstallPrompt.js +58 -64
  77. package/dist/components/input/Input.css +3 -2
  78. package/dist/components/input/Input.d.ts +2 -2
  79. package/dist/components/input/Input.js +7 -7
  80. package/dist/components/input-group/InputGroup.css +172 -0
  81. package/dist/components/input-group/InputGroup.d.ts +44 -0
  82. package/dist/components/input-group/InputGroup.js +227 -0
  83. package/dist/components/input-group/index.d.ts +1 -0
  84. package/dist/components/input-group/index.js +9 -0
  85. package/dist/components/input-otp/InputOTP.css +170 -0
  86. package/dist/components/input-otp/InputOTP.d.ts +46 -0
  87. package/dist/components/input-otp/InputOTP.js +385 -0
  88. package/dist/components/input-otp/index.d.ts +1 -0
  89. package/dist/components/input-otp/index.js +11 -0
  90. package/dist/components/label/Label.css +30 -0
  91. package/dist/components/label/Label.d.ts +17 -0
  92. package/dist/components/label/Label.js +64 -0
  93. package/dist/components/label/index.d.ts +1 -0
  94. package/dist/components/label/index.js +5 -0
  95. package/dist/components/list-box/ListBox.css +148 -0
  96. package/dist/components/list-box/ListBox.d.ts +23 -0
  97. package/dist/components/list-box/ListBox.js +224 -0
  98. package/dist/components/list-box/ListBoxItem.d.ts +28 -0
  99. package/dist/components/list-box/ListBoxItem.js +231 -0
  100. package/dist/components/list-box/ListBoxSection.d.ts +11 -0
  101. package/dist/components/list-box/ListBoxSection.js +48 -0
  102. package/dist/components/list-box/context.d.ts +27 -0
  103. package/dist/components/list-box/context.js +3 -0
  104. package/dist/components/list-box/index.d.ts +17 -0
  105. package/dist/components/list-box/index.js +17 -0
  106. package/dist/components/menu/Menu.css +199 -0
  107. package/dist/components/menu/Menu.d.ts +32 -20
  108. package/dist/components/menu/Menu.js +213 -39
  109. package/dist/components/menu/MenuItem.d.ts +35 -5
  110. package/dist/components/menu/MenuItem.js +270 -19
  111. package/dist/components/menu/MenuSection.d.ts +11 -0
  112. package/dist/components/menu/MenuSection.js +48 -0
  113. package/dist/components/menu/context.d.ts +26 -0
  114. package/dist/components/menu/context.js +3 -0
  115. package/dist/components/menu/index.d.ts +4 -3
  116. package/dist/components/menu/index.js +11 -2
  117. package/dist/components/number-field/NumberField.css +198 -0
  118. package/dist/components/number-field/NumberField.d.ts +48 -0
  119. package/dist/components/number-field/NumberField.js +350 -0
  120. package/dist/components/number-field/index.d.ts +1 -0
  121. package/dist/components/number-field/index.js +9 -0
  122. package/dist/components/search-field/SearchField.css +183 -0
  123. package/dist/components/search-field/SearchField.d.ts +53 -0
  124. package/dist/components/search-field/SearchField.js +303 -0
  125. package/dist/components/search-field/index.d.ts +1 -0
  126. package/dist/components/search-field/index.js +9 -0
  127. package/dist/components/select/Select.css +16 -10
  128. package/dist/components/select/Select.d.ts +10 -2
  129. package/dist/components/select/Select.js +119 -33
  130. package/dist/components/separator/Separator.css +35 -0
  131. package/dist/components/separator/Separator.d.ts +12 -0
  132. package/dist/components/separator/Separator.js +57 -0
  133. package/dist/components/separator/index.d.ts +1 -0
  134. package/dist/components/separator/index.js +4 -0
  135. package/dist/components/sidenav/Sidenav.js +2 -2
  136. package/dist/components/surface/Surface.css +37 -0
  137. package/dist/components/surface/Surface.d.ts +12 -0
  138. package/dist/components/surface/Surface.js +41 -0
  139. package/dist/components/surface/index.d.ts +1 -0
  140. package/dist/components/surface/index.js +4 -0
  141. package/dist/components/table/hooks/index.d.ts +1 -9
  142. package/dist/components/table/hooks/index.js +1 -18
  143. package/dist/components/tag/Tag.css +121 -0
  144. package/dist/components/tag/Tag.d.ts +33 -0
  145. package/dist/components/tag/Tag.js +241 -0
  146. package/dist/components/tag/index.d.ts +1 -0
  147. package/dist/components/tag/index.js +6 -0
  148. package/dist/components/tag-group/TagGroup.css +22 -0
  149. package/dist/components/tag-group/TagGroup.d.ts +32 -0
  150. package/dist/components/tag-group/TagGroup.js +177 -0
  151. package/dist/components/tag-group/context.d.ts +15 -0
  152. package/dist/components/tag-group/context.js +3 -0
  153. package/dist/components/tag-group/index.d.ts +2 -0
  154. package/dist/components/tag-group/index.js +6 -0
  155. package/dist/components/text/Text.css +66 -0
  156. package/dist/components/text/Text.d.ts +17 -0
  157. package/dist/components/text/Text.js +46 -0
  158. package/dist/components/text/index.d.ts +1 -0
  159. package/dist/components/text/index.js +5 -0
  160. package/dist/components/text-area/TextArea.css +95 -0
  161. package/dist/components/text-area/TextArea.d.ts +19 -0
  162. package/dist/components/text-area/TextArea.js +64 -0
  163. package/dist/components/text-area/index.d.ts +1 -0
  164. package/dist/components/text-area/index.js +5 -0
  165. package/dist/components/text-field/TextField.css +33 -0
  166. package/dist/components/text-field/TextField.d.ts +34 -0
  167. package/dist/components/text-field/TextField.js +85 -0
  168. package/dist/components/text-field/index.d.ts +1 -0
  169. package/dist/components/text-field/index.js +7 -0
  170. package/dist/components/textarea/Textarea.d.ts +8 -13
  171. package/dist/components/textarea/Textarea.js +14 -45
  172. package/dist/components/textarea/index.d.ts +2 -1
  173. package/dist/components/textarea/index.js +4 -1
  174. package/dist/components/time-field/TimeField.css +215 -0
  175. package/dist/components/time-field/TimeField.d.ts +64 -0
  176. package/dist/components/time-field/TimeField.js +341 -0
  177. package/dist/components/time-field/index.d.ts +1 -0
  178. package/dist/components/time-field/index.js +11 -0
  179. package/dist/components/utils.d.ts +2 -2
  180. package/dist/components/utils.js +3 -17
  181. package/dist/hooks/form/index.d.ts +5 -0
  182. package/dist/hooks/form/index.js +12 -0
  183. package/dist/hooks/form/useField.d.ts +11 -0
  184. package/dist/hooks/form/useField.js +20 -0
  185. package/dist/hooks/form/useFieldError.d.ts +3 -0
  186. package/dist/hooks/form/useFieldError.js +3 -0
  187. package/dist/hooks/form/useFieldMeta.d.ts +20 -0
  188. package/dist/hooks/form/useFieldMeta.js +49 -0
  189. package/dist/hooks/form/useFieldProps.d.ts +10 -0
  190. package/dist/hooks/form/useFieldProps.js +51 -0
  191. package/dist/hooks/form/useForm.d.ts +27 -0
  192. package/dist/hooks/form/useForm.js +54 -0
  193. package/dist/hooks/form/utils.d.ts +4 -0
  194. package/dist/hooks/form/utils.js +30 -0
  195. package/dist/hooks/layout/index.d.ts +1 -0
  196. package/dist/hooks/layout/index.js +3 -0
  197. package/dist/hooks/layout/useDesktop.d.ts +1 -0
  198. package/dist/hooks/layout/useDesktop.js +17 -0
  199. package/dist/hooks/table/index.d.ts +9 -0
  200. package/dist/hooks/table/index.js +18 -0
  201. package/dist/index.d.ts +59 -7
  202. package/dist/index.js +140 -15
  203. package/dist/styles/icons/generated-icons.css +1 -1
  204. package/package.json +1 -1
  205. package/dist/components/card/CardActions.d.ts +0 -4
  206. package/dist/components/card/CardActions.js +0 -15
  207. package/dist/components/card/CardBody.d.ts +0 -4
  208. package/dist/components/card/CardBody.js +0 -15
  209. package/dist/components/card/CardImage.d.ts +0 -3
  210. package/dist/components/card/CardImage.js +0 -10
  211. package/dist/components/card/CardTitle.d.ts +0 -6
  212. package/dist/components/card/CardTitle.js +0 -13
  213. package/dist/components/card/card.css +0 -171
  214. package/dist/components/form/FormBase.d.ts +0 -8
  215. package/dist/components/form/FormBase.js +0 -74
  216. package/dist/components/form/FormDropdown.d.ts +0 -25
  217. package/dist/components/form/FormDropdown.js +0 -139
  218. package/dist/components/form/FormField.d.ts +0 -14
  219. package/dist/components/form/FormField.js +0 -78
  220. package/dist/components/form/Label.d.ts +0 -7
  221. package/dist/components/form/NumberField.d.ts +0 -20
  222. package/dist/components/form/NumberField.js +0 -109
  223. package/dist/components/form/PasswordField.d.ts +0 -16
  224. package/dist/components/form/PasswordField.js +0 -113
  225. package/dist/components/form/ValidatedForm.d.ts +0 -26
  226. package/dist/components/form/ValidatedForm.js +0 -55
  227. package/dist/components/menu/MenuDetails.d.ts +0 -8
  228. package/dist/components/menu/MenuDropdown.d.ts +0 -12
  229. package/dist/components/menu/MenuDropdown.js +0 -48
  230. package/dist/components/menu/MenuTitle.d.ts +0 -8
  231. package/dist/components/menu/MenuTitle.js +0 -22
  232. package/dist/components/menu/menu.css +0 -364
  233. package/dist/components/textarea/textarea.css +0 -191
  234. /package/dist/{components/table/hooks → hooks/table}/helpers.d.ts +0 -0
  235. /package/dist/{components/table/hooks → hooks/table}/helpers.js +0 -0
  236. /package/dist/{components/table/hooks → hooks/table}/useAnchoredOverlayPosition.d.ts +0 -0
  237. /package/dist/{components/table/hooks → hooks/table}/useAnchoredOverlayPosition.js +0 -0
  238. /package/dist/{components/table/hooks → hooks/table}/useTableExpansion.d.ts +0 -0
  239. /package/dist/{components/table/hooks → hooks/table}/useTableExpansion.js +0 -0
  240. /package/dist/{components/table/hooks → hooks/table}/useTableFiltering.d.ts +0 -0
  241. /package/dist/{components/table/hooks → hooks/table}/useTableFiltering.js +0 -0
  242. /package/dist/{components/table/hooks → hooks/table}/useTableModel.d.ts +0 -0
  243. /package/dist/{components/table/hooks → hooks/table}/useTableModel.js +0 -0
  244. /package/dist/{components/table/hooks → hooks/table}/useTablePagination.d.ts +0 -0
  245. /package/dist/{components/table/hooks → hooks/table}/useTablePagination.js +0 -0
  246. /package/dist/{components/table/hooks → hooks/table}/useTableSelection.d.ts +0 -0
  247. /package/dist/{components/table/hooks → hooks/table}/useTableSelection.js +0 -0
  248. /package/dist/{components/table/hooks → hooks/table}/useTableSorting.d.ts +0 -0
  249. /package/dist/{components/table/hooks → hooks/table}/useTableSorting.js +0 -0
@@ -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 };
@@ -1,14 +0,0 @@
1
- import { type Component } from "solid-js";
2
- import type { InputProps } from "../input";
3
- export interface FormFieldProps extends Omit<InputProps, "ref"> {
4
- label: string;
5
- name: string;
6
- required?: boolean;
7
- labelClass?: string;
8
- errorClass?: string;
9
- containerClass?: string;
10
- description?: string;
11
- descriptionClass?: string;
12
- }
13
- export declare const FormField: Component<FormFieldProps>;
14
- export default FormField;
@@ -1,78 +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__input_index_js_00da0e74__ from "../input/index.js";
4
- import * as __WEBPACK_EXTERNAL_MODULE__ValidatedForm_js_56b86c0b__ from "./ValidatedForm.js";
5
- import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
6
- import * as __WEBPACK_EXTERNAL_MODULE__Label_js_56960635__ from "./Label.js";
7
- var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<p>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="text-error ml-1">*');
8
- const FormField = (props)=>{
9
- const { errors, touched } = (0, __WEBPACK_EXTERNAL_MODULE__ValidatedForm_js_56b86c0b__.useFormValidation)();
10
- const [local, inputProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
11
- "label",
12
- "required",
13
- "labelClass",
14
- "errorClass",
15
- "containerClass",
16
- "description",
17
- "descriptionClass",
18
- "class",
19
- "className"
20
- ]);
21
- 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));
22
- 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));
23
- const errorClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("text-error text-sm", local.errorClass));
24
- const inputClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(local.class, local.className));
25
- const hasError = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>touched(props.name) && !!errors(props.name));
26
- return (()=>{
27
- var _el$ = _tmpl$2();
28
- (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"], {
29
- get title () {
30
- return local.label;
31
- },
32
- get ["class"] () {
33
- return local.labelClass;
34
- },
35
- get children () {
36
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.required)() && _tmpl$3();
37
- }
38
- }), null);
39
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
40
- var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.description);
41
- return ()=>_c$() && (()=>{
42
- var _el$4 = _tmpl$();
43
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.description);
44
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, descriptionClasses()));
45
- return _el$4;
46
- })();
47
- })(), null);
48
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__input_index_js_00da0e74__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
49
- get id () {
50
- return props.name;
51
- },
52
- get ["aria-invalid"] () {
53
- return hasError();
54
- },
55
- get ["aria-required"] () {
56
- return local.required;
57
- },
58
- get ["class"] () {
59
- return inputClasses();
60
- }
61
- }, inputProps)), null);
62
- (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, {
63
- get when () {
64
- return hasError();
65
- },
66
- get children () {
67
- var _el$2 = _tmpl$();
68
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>errors(props.name));
69
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, errorClasses()));
70
- return _el$2;
71
- }
72
- }), null);
73
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, containerClasses()));
74
- return _el$;
75
- })();
76
- };
77
- const form_FormField = FormField;
78
- export { FormField, form_FormField as default };
@@ -1,7 +0,0 @@
1
- import { type JSX, type ParentComponent } from "solid-js";
2
- import type { IComponentBaseProps } from "../types";
3
- export type LabelProps = Omit<JSX.HTMLAttributes<HTMLLabelElement>, "ref"> & IComponentBaseProps & {
4
- title?: string;
5
- };
6
- declare const Label: ParentComponent<LabelProps>;
7
- export default Label;
@@ -1,20 +0,0 @@
1
- import { type Component } from "solid-js";
2
- import type { InputProps } from "../input";
3
- export interface NumberFieldProps extends Omit<InputProps, "type" | "ref"> {
4
- label?: string;
5
- name: string;
6
- required?: boolean;
7
- labelClass?: string;
8
- errorClass?: string;
9
- containerClass?: string;
10
- description?: string;
11
- descriptionClass?: string;
12
- min?: number;
13
- max?: number;
14
- step?: number;
15
- allowDecimals?: boolean;
16
- formatter?: (value: string) => string;
17
- onInput?: (event: InputEvent) => void;
18
- }
19
- export declare const NumberField: Component<NumberFieldProps>;
20
- export default NumberField;
@@ -1,109 +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__input_index_js_00da0e74__ from "../input/index.js";
4
- import * as __WEBPACK_EXTERNAL_MODULE__ValidatedForm_js_56b86c0b__ from "./ValidatedForm.js";
5
- import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
6
- import * as __WEBPACK_EXTERNAL_MODULE__Label_js_56960635__ from "./Label.js";
7
- var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<p>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="text-error ml-1">*');
8
- const NumberField = (props)=>{
9
- const { errors, touched } = (0, __WEBPACK_EXTERNAL_MODULE__ValidatedForm_js_56b86c0b__.useFormValidation)();
10
- const [local, inputProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
11
- "label",
12
- "required",
13
- "labelClass",
14
- "errorClass",
15
- "containerClass",
16
- "description",
17
- "descriptionClass",
18
- "min",
19
- "max",
20
- "step",
21
- "allowDecimals",
22
- "formatter",
23
- "class",
24
- "className",
25
- "onInput"
26
- ]);
27
- 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));
28
- 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));
29
- const errorClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("text-error text-sm", local.errorClass));
30
- const inputClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(local.class, local.className));
31
- const hasError = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>touched(props.name) && !!errors(props.name));
32
- const stepValue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.step || (false !== local.allowDecimals ? "any" : 1));
33
- const handleInput = (event)=>{
34
- const target = event.target;
35
- let value = target.value;
36
- if (false === local.allowDecimals && value.includes(".")) {
37
- value = value.replace(/\./g, "");
38
- target.value = value;
39
- }
40
- if (local.formatter) target.value = local.formatter(value);
41
- if ("function" == typeof local.onInput) local.onInput(event);
42
- };
43
- return (()=>{
44
- var _el$ = _tmpl$2();
45
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
46
- var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.label);
47
- return ()=>_c$() && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Label_js_56960635__["default"], {
48
- get title () {
49
- return local.label;
50
- },
51
- get ["class"] () {
52
- return local.labelClass;
53
- },
54
- get children () {
55
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.required)() && _tmpl$3();
56
- }
57
- });
58
- })(), null);
59
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
60
- var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.description);
61
- return ()=>_c$2() && (()=>{
62
- var _el$4 = _tmpl$();
63
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.description);
64
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, descriptionClasses()));
65
- return _el$4;
66
- })();
67
- })(), null);
68
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__input_index_js_00da0e74__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
69
- get id () {
70
- return props.name;
71
- },
72
- type: "number",
73
- get min () {
74
- return local.min;
75
- },
76
- get max () {
77
- return local.max;
78
- },
79
- get step () {
80
- return stepValue();
81
- },
82
- get ["aria-invalid"] () {
83
- return hasError();
84
- },
85
- get ["aria-required"] () {
86
- return local.required;
87
- },
88
- onInput: handleInput,
89
- get ["class"] () {
90
- return inputClasses();
91
- }
92
- }, inputProps)), null);
93
- (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, {
94
- get when () {
95
- return hasError();
96
- },
97
- get children () {
98
- var _el$2 = _tmpl$();
99
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>errors(props.name));
100
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, errorClasses()));
101
- return _el$2;
102
- }
103
- }), null);
104
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, containerClasses()));
105
- return _el$;
106
- })();
107
- };
108
- const form_NumberField = NumberField;
109
- export { NumberField, form_NumberField as default };
@@ -1,16 +0,0 @@
1
- import { type Component, type JSX } from "solid-js";
2
- import type { InputProps } from "../input";
3
- export interface PasswordFieldProps extends Omit<InputProps, "type" | "ref"> {
4
- label?: string;
5
- name: string;
6
- required?: boolean;
7
- labelClass?: string;
8
- errorClass?: string;
9
- containerClass?: string;
10
- description?: string;
11
- descriptionClass?: string;
12
- showPasswordIcon?: JSX.Element;
13
- hidePasswordIcon?: JSX.Element;
14
- }
15
- export declare const PasswordField: Component<PasswordFieldProps>;
16
- export default PasswordField;