crayon-design-system-ui 0.0.2 → 0.0.3
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.
- package/README.md +1 -1
- package/dist/components/accordion/Accordion.js +2 -2
- package/dist/components/accordion/Accordion.svelte +10 -10
- package/dist/components/accordion-item/AccordionItem.js +1 -1
- package/dist/components/accordion-item/AccordionItem.svelte +10 -10
- package/dist/components/avatar/Avatar.js +2 -2
- package/dist/components/avatar/Avatar.svelte +14 -14
- package/dist/components/button/Button.js +21 -12
- package/dist/components/button/Button.svelte +38 -29
- package/dist/components/card/Card.js +10 -10
- package/dist/components/card/Card.svelte +51 -51
- package/dist/components/checkbox/Checkbox.js +7 -7
- package/dist/components/checkbox/Checkbox.svelte +22 -22
- package/dist/components/form-select/FormSelect.js +15 -15
- package/dist/components/form-select/FormSelect.svelte +35 -35
- package/dist/components/input/Input.js +13 -13
- package/dist/components/input/Input.svelte +43 -43
- package/dist/components/label/Label.js +1 -1
- package/dist/components/label/Label.svelte +9 -9
- package/dist/components/radio/Radio.js +5 -5
- package/dist/components/radio/Radio.svelte +13 -13
- package/dist/components/textarea/Textarea.js +2 -2
- package/dist/components/textarea/Textarea.svelte +23 -23
- package/dist/tokens.css +158 -158
- package/dist-browser/assets/Accordion-BdCoTKVi.js +3 -0
- package/dist-browser/assets/AccordionItem-1t1Zhjrw.js +1 -0
- package/dist-browser/assets/Avatar-DhSRGD6B.js +2 -0
- package/dist-browser/assets/Button-Z-no-wum.js +42 -0
- package/dist-browser/assets/Card-BWTKqCMd.js +27 -0
- package/dist-browser/assets/Checkbox-DDlm5gjw.js +21 -0
- package/dist-browser/assets/FormSelect-Baelf6Fj.js +18 -0
- package/dist-browser/assets/Input-D_X-2zGG.js +22 -0
- package/dist-browser/assets/Label-C_I7LolH.js +1 -0
- package/dist-browser/assets/Radio-B8Tzan31.js +14 -0
- package/dist-browser/assets/Textarea-CLicCbYy.js +3 -0
- package/dist-browser/bundle.js +2 -2
- package/dist-browser/tokens.css +158 -158
- package/package.json +3 -2
- package/dist-browser/assets/Accordion-CwOMoX3u.js +0 -3
- package/dist-browser/assets/AccordionItem-CuTFqdt6.js +0 -1
- package/dist-browser/assets/Avatar-Ct0ZUf_m.js +0 -2
- package/dist-browser/assets/Button-BvYyhPrn.js +0 -33
- package/dist-browser/assets/Card-DM0rPY9s.js +0 -27
- package/dist-browser/assets/Checkbox-DK1LWC1i.js +0 -21
- package/dist-browser/assets/FormSelect-CBTpNNrh.js +0 -18
- package/dist-browser/assets/Input-DZZF_45U.js +0 -22
- package/dist-browser/assets/Label-BX3_KNGn.js +0 -1
- package/dist-browser/assets/Radio-Bwape_rC.js +0 -14
- package/dist-browser/assets/Textarea-BYsLYgK4.js +0 -3
package/dist/tokens.css
CHANGED
|
@@ -1,184 +1,184 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Design tokens — single source of truth for --
|
|
3
|
-
* Components use var(--
|
|
2
|
+
* Design tokens — single source of truth for --crayon-* CSS variables.
|
|
3
|
+
* Components use var(--crayon-*, fallback); setting these on :root (or a wrapper)
|
|
4
4
|
* themes the design system. Import or link this file in your app for defaults.
|
|
5
5
|
*/
|
|
6
6
|
:root {
|
|
7
7
|
/* ---- Global / shared ---- */
|
|
8
|
-
--
|
|
9
|
-
--
|
|
10
|
-
--
|
|
11
|
-
--
|
|
12
|
-
--
|
|
13
|
-
--
|
|
14
|
-
--
|
|
15
|
-
--
|
|
16
|
-
--
|
|
17
|
-
--
|
|
18
|
-
--
|
|
19
|
-
--
|
|
20
|
-
--
|
|
21
|
-
--
|
|
22
|
-
--
|
|
23
|
-
--
|
|
24
|
-
--
|
|
25
|
-
--
|
|
26
|
-
--
|
|
8
|
+
--crayon-primary: #474bff;
|
|
9
|
+
--crayon-primary-hover: #2b2399;
|
|
10
|
+
--crayon-secondary: #222121;
|
|
11
|
+
--crayon-secondary-hover: #616061;
|
|
12
|
+
--crayon-danger: #e03e52;
|
|
13
|
+
--crayon-danger-hover: #c23445;
|
|
14
|
+
--crayon-success: #2cc84d;
|
|
15
|
+
--crayon-success-hover: #2cc84d;
|
|
16
|
+
--crayon-white: #ffffff;
|
|
17
|
+
--crayon-white-hover: #f5f5f5;
|
|
18
|
+
--crayon-outline: #222121;
|
|
19
|
+
--crayon-outline-hover: transparent;
|
|
20
|
+
--crayon-text-on-light: #222121;
|
|
21
|
+
--crayon-border-light: #e0e0e0;
|
|
22
|
+
--crayon-border-light-hover: #c0c0c0;
|
|
23
|
+
--crayon-ghost-text: #616061;
|
|
24
|
+
--crayon-ghost-hover: rgba(0, 0, 0, 0.06);
|
|
25
|
+
--crayon-ghost-text-hover: #222121;
|
|
26
|
+
--crayon-radius-md: 10px;
|
|
27
27
|
|
|
28
28
|
/* ---- Button (custom overrides; variants use global tokens above) ---- */
|
|
29
|
-
--
|
|
30
|
-
/* --
|
|
29
|
+
--crayon-button-bg: #fefeff;
|
|
30
|
+
/* --crayon-button-custom-bg, --crayon-button-custom-bg-hover set via component props */
|
|
31
31
|
|
|
32
32
|
/* ---- Accordion ---- */
|
|
33
|
-
--
|
|
34
|
-
--
|
|
35
|
-
--
|
|
36
|
-
--
|
|
37
|
-
--
|
|
38
|
-
--
|
|
33
|
+
--crayon-accordion-bg: #f5f5f5;
|
|
34
|
+
--crayon-accordion-border: #e0e0e0;
|
|
35
|
+
--crayon-accordion-bg-hover: #eeeeee;
|
|
36
|
+
--crayon-accordion-bg-open: #fafaff;
|
|
37
|
+
--crayon-accordion-title: #1a1a1a;
|
|
38
|
+
--crayon-accordion-content: #444;
|
|
39
39
|
|
|
40
40
|
/* ---- Avatar ---- */
|
|
41
|
-
--
|
|
42
|
-
--
|
|
43
|
-
--
|
|
44
|
-
--
|
|
45
|
-
--
|
|
46
|
-
--
|
|
47
|
-
--
|
|
48
|
-
--
|
|
49
|
-
--
|
|
50
|
-
--
|
|
51
|
-
--
|
|
41
|
+
--crayon-avatar-bg: #e5e7eb;
|
|
42
|
+
--crayon-avatar-color: #374151;
|
|
43
|
+
--crayon-avatar-border-radius: 8px;
|
|
44
|
+
--crayon-avatar-size-sm: 32px;
|
|
45
|
+
--crayon-avatar-size-md: 40px;
|
|
46
|
+
--crayon-avatar-size-lg: 56px;
|
|
47
|
+
--crayon-avatar-font-size-sm: 12px;
|
|
48
|
+
--crayon-avatar-font-size-md: 14px;
|
|
49
|
+
--crayon-avatar-font-size-lg: 18px;
|
|
50
|
+
--crayon-avatar-ring-color: #fff;
|
|
51
|
+
--crayon-avatar-ring-border: #e5e7eb;
|
|
52
52
|
|
|
53
53
|
/* ---- Card ---- */
|
|
54
|
-
--
|
|
55
|
-
--
|
|
56
|
-
--
|
|
57
|
-
--
|
|
58
|
-
--
|
|
59
|
-
--
|
|
60
|
-
--
|
|
61
|
-
--
|
|
62
|
-
--
|
|
63
|
-
--
|
|
64
|
-
--
|
|
65
|
-
--
|
|
66
|
-
--
|
|
67
|
-
--
|
|
68
|
-
--
|
|
69
|
-
--
|
|
70
|
-
--
|
|
71
|
-
--
|
|
72
|
-
--
|
|
73
|
-
--
|
|
74
|
-
--
|
|
75
|
-
--
|
|
76
|
-
--
|
|
77
|
-
--
|
|
78
|
-
--
|
|
79
|
-
--
|
|
80
|
-
--
|
|
81
|
-
--
|
|
82
|
-
--
|
|
83
|
-
--
|
|
84
|
-
--
|
|
85
|
-
--
|
|
86
|
-
--
|
|
87
|
-
--
|
|
88
|
-
--
|
|
89
|
-
--
|
|
90
|
-
--
|
|
91
|
-
--
|
|
92
|
-
--
|
|
93
|
-
--
|
|
94
|
-
--
|
|
95
|
-
--
|
|
54
|
+
--crayon-card-font-size: 14px;
|
|
55
|
+
--crayon-card-color: #212529;
|
|
56
|
+
--crayon-card-bg: #fff;
|
|
57
|
+
--crayon-card-border-width: 1px;
|
|
58
|
+
--crayon-card-border-color: rgba(0, 0, 0, 0.125);
|
|
59
|
+
--crayon-card-border-radius: 8px;
|
|
60
|
+
--crayon-card-box-shadow: none;
|
|
61
|
+
--crayon-card-primary-bg: #0d6efd;
|
|
62
|
+
--crayon-card-primary-border: #0d6efd;
|
|
63
|
+
--crayon-card-primary-color: #fff;
|
|
64
|
+
--crayon-card-secondary-bg: #6c757d;
|
|
65
|
+
--crayon-card-secondary-border: #6c757d;
|
|
66
|
+
--crayon-card-secondary-color: #fff;
|
|
67
|
+
--crayon-card-success-bg: #198754;
|
|
68
|
+
--crayon-card-success-border: #198754;
|
|
69
|
+
--crayon-card-success-color: #fff;
|
|
70
|
+
--crayon-card-danger-bg: #dc3545;
|
|
71
|
+
--crayon-card-danger-border: #dc3545;
|
|
72
|
+
--crayon-card-danger-color: #fff;
|
|
73
|
+
--crayon-card-warning-bg: #ffc107;
|
|
74
|
+
--crayon-card-warning-border: #ffc107;
|
|
75
|
+
--crayon-card-warning-color: #000;
|
|
76
|
+
--crayon-card-info-bg: #0dcaf0;
|
|
77
|
+
--crayon-card-info-border: #0dcaf0;
|
|
78
|
+
--crayon-card-info-color: #000;
|
|
79
|
+
--crayon-card-light-bg: #f8f9fa;
|
|
80
|
+
--crayon-card-light-border: #e9ecef;
|
|
81
|
+
--crayon-card-light-color: #212529;
|
|
82
|
+
--crayon-card-dark-bg: #212529;
|
|
83
|
+
--crayon-card-dark-border: #212529;
|
|
84
|
+
--crayon-card-dark-color: #fff;
|
|
85
|
+
--crayon-card-header-padding-y: 0.5rem;
|
|
86
|
+
--crayon-card-header-padding-x: 1rem;
|
|
87
|
+
--crayon-card-header-bg: rgba(0, 0, 0, 0.03);
|
|
88
|
+
--crayon-card-body-padding-y: 1rem;
|
|
89
|
+
--crayon-card-body-padding-x: 1rem;
|
|
90
|
+
--crayon-card-title-margin-bottom: 0.5rem;
|
|
91
|
+
--crayon-card-title-font-size: 1.25rem;
|
|
92
|
+
--crayon-card-text-margin-bottom: 0.5rem;
|
|
93
|
+
--crayon-card-footer-padding-y: 0.5rem;
|
|
94
|
+
--crayon-card-footer-padding-x: 1rem;
|
|
95
|
+
--crayon-card-footer-bg: rgba(0, 0, 0, 0.03);
|
|
96
96
|
|
|
97
97
|
/* ---- Checkbox ---- */
|
|
98
|
-
--
|
|
99
|
-
--
|
|
100
|
-
--
|
|
101
|
-
--
|
|
102
|
-
--
|
|
103
|
-
--
|
|
104
|
-
--
|
|
105
|
-
--
|
|
106
|
-
--
|
|
107
|
-
--
|
|
108
|
-
--
|
|
109
|
-
--
|
|
98
|
+
--crayon-checkbox-label-color: #111827;
|
|
99
|
+
--crayon-checkbox-size: 22px;
|
|
100
|
+
--crayon-checkbox-radius: 4px;
|
|
101
|
+
--crayon-checkbox-border-color: #111111;
|
|
102
|
+
--crayon-checkbox-bg: transparent;
|
|
103
|
+
--crayon-checkbox-checked-bg: var(--crayon-primary);
|
|
104
|
+
--crayon-checkbox-checked-border: var(--crayon-primary);
|
|
105
|
+
--crayon-checkbox-check-color: #ffffff;
|
|
106
|
+
--crayon-checkbox-focus-ring: rgba(71, 75, 255, 0.45);
|
|
107
|
+
--crayon-checkbox-label-disabled: #9ca3af;
|
|
108
|
+
--crayon-checkbox-border-disabled: #bdbdbc;
|
|
109
|
+
--crayon-checkbox-bg-disabled: #e5e7eb;
|
|
110
110
|
|
|
111
111
|
/* ---- Radio ---- */
|
|
112
|
-
--
|
|
113
|
-
--
|
|
114
|
-
--
|
|
115
|
-
--
|
|
116
|
-
--
|
|
117
|
-
--
|
|
118
|
-
--
|
|
119
|
-
--
|
|
120
|
-
--
|
|
121
|
-
--
|
|
122
|
-
--
|
|
112
|
+
--crayon-radio-label-color: #111827;
|
|
113
|
+
--crayon-radio-size: 22px;
|
|
114
|
+
--crayon-radio-border-color: #111111;
|
|
115
|
+
--crayon-radio-bg: transparent;
|
|
116
|
+
--crayon-radio-checked-bg: var(--crayon-primary);
|
|
117
|
+
--crayon-radio-checked-border: var(--crayon-primary);
|
|
118
|
+
--crayon-radio-inner: #ffffff;
|
|
119
|
+
--crayon-radio-focus-ring: rgba(71, 75, 255, 0.45);
|
|
120
|
+
--crayon-radio-label-disabled: #9ca3af;
|
|
121
|
+
--crayon-radio-border-disabled: #bdbdbc;
|
|
122
|
+
--crayon-radio-bg-disabled: #e5e7eb;
|
|
123
123
|
|
|
124
124
|
/* ---- Label ---- */
|
|
125
|
-
--
|
|
126
|
-
--
|
|
127
|
-
--
|
|
128
|
-
--
|
|
129
|
-
--
|
|
130
|
-
--
|
|
131
|
-
--
|
|
132
|
-
--
|
|
125
|
+
--crayon-label-color: #111827;
|
|
126
|
+
--crayon-label-disabled-color: #9ca3af;
|
|
127
|
+
--crayon-label-error-color: #dc2626;
|
|
128
|
+
--crayon-label-success-color: #16a34a;
|
|
129
|
+
--crayon-label-required-color: #dc2626;
|
|
130
|
+
--crayon-label-font-size-sm: 12px;
|
|
131
|
+
--crayon-label-font-size-md: 14px;
|
|
132
|
+
--crayon-label-font-size-lg: 16px;
|
|
133
133
|
|
|
134
134
|
/* ---- Hint (FormSelect / forms) ---- */
|
|
135
|
-
--
|
|
136
|
-
--
|
|
137
|
-
--
|
|
135
|
+
--crayon-label-font-size: 0.875rem;
|
|
136
|
+
--crayon-hint-font-size: 0.8125rem;
|
|
137
|
+
--crayon-hint-color: #6c757d;
|
|
138
138
|
|
|
139
139
|
/* ---- Input (shared by Input, Textarea, FormSelect) ---- */
|
|
140
|
-
--
|
|
141
|
-
--
|
|
142
|
-
--
|
|
143
|
-
--
|
|
144
|
-
--
|
|
145
|
-
--
|
|
146
|
-
--
|
|
147
|
-
--
|
|
148
|
-
--
|
|
149
|
-
--
|
|
150
|
-
--
|
|
151
|
-
--
|
|
152
|
-
--
|
|
153
|
-
--
|
|
154
|
-
--
|
|
155
|
-
--
|
|
156
|
-
--
|
|
157
|
-
--
|
|
158
|
-
--
|
|
159
|
-
--
|
|
160
|
-
--
|
|
161
|
-
--
|
|
162
|
-
--
|
|
163
|
-
--
|
|
164
|
-
--
|
|
165
|
-
--
|
|
166
|
-
--
|
|
167
|
-
--
|
|
168
|
-
--
|
|
169
|
-
--
|
|
170
|
-
--
|
|
171
|
-
--
|
|
172
|
-
--
|
|
173
|
-
--
|
|
140
|
+
--crayon-input-color: #222121;
|
|
141
|
+
--crayon-input-bg: #feffff;
|
|
142
|
+
--crayon-input-border-width: 1px;
|
|
143
|
+
--crayon-input-border-color: #dee2e6;
|
|
144
|
+
--crayon-input-border-color-default: #e0e0e0;
|
|
145
|
+
--crayon-input-border-color-data: #e0e0e0;
|
|
146
|
+
--crayon-input-border-radius: 8px;
|
|
147
|
+
--crayon-input-border-radius-sm: 0.25rem;
|
|
148
|
+
--crayon-input-border-radius-lg: 0.5rem;
|
|
149
|
+
--crayon-input-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
|
|
150
|
+
--crayon-input-placeholder-color: #bdbdbc;
|
|
151
|
+
--crayon-input-hover-border-color: #adb5bd;
|
|
152
|
+
--crayon-input-focus-border-color: #2563eb;
|
|
153
|
+
--crayon-input-focus-ring: rgba(37, 99, 235, 0.25);
|
|
154
|
+
--crayon-input-error-border-color: #dc2626;
|
|
155
|
+
--crayon-input-error-ring: rgba(220, 38, 38, 0.25);
|
|
156
|
+
--crayon-input-success-border-color: #16a34a;
|
|
157
|
+
--crayon-input-success-ring: rgba(22, 163, 74, 0.25);
|
|
158
|
+
--crayon-input-disabled-bg: #e9ecef;
|
|
159
|
+
--crayon-input-disabled-color: #6c757d;
|
|
160
|
+
--crayon-input-disabled-border-color: #dee2e6;
|
|
161
|
+
--crayon-input-padding-y: 9px;
|
|
162
|
+
--crayon-input-padding-x: 16px;
|
|
163
|
+
--crayon-input-padding-y-sm: 0.25rem;
|
|
164
|
+
--crayon-input-padding-x-sm: 0.5rem;
|
|
165
|
+
--crayon-input-padding-y-lg: 0.5rem;
|
|
166
|
+
--crayon-input-padding-x-lg: 1rem;
|
|
167
|
+
--crayon-input-font-size: 14px;
|
|
168
|
+
--crayon-input-font-size-sm: 0.875rem;
|
|
169
|
+
--crayon-input-font-size-lg: 1.25rem;
|
|
170
|
+
--crayon-input-icon-color: #6b7280;
|
|
171
|
+
--crayon-input-search-icon-color: #6b7280;
|
|
172
|
+
--crayon-input-error-icon-color: #dc2626;
|
|
173
|
+
--crayon-input-success-icon-color: #16a34a;
|
|
174
174
|
|
|
175
175
|
/* ---- FormSelect ---- */
|
|
176
|
-
--
|
|
177
|
-
--
|
|
178
|
-
--
|
|
179
|
-
--
|
|
180
|
-
--
|
|
181
|
-
--
|
|
182
|
-
--
|
|
183
|
-
--
|
|
176
|
+
--crayon-select-padding-y: 0.375rem;
|
|
177
|
+
--crayon-select-padding-x: 0.75rem;
|
|
178
|
+
--crayon-select-padding-y-sm: 0.25rem;
|
|
179
|
+
--crayon-select-padding-x-sm: 0.5rem;
|
|
180
|
+
--crayon-select-padding-y-lg: 0.5rem;
|
|
181
|
+
--crayon-select-padding-x-lg: 1rem;
|
|
182
|
+
--crayon-select-indicator-padding: 2.25rem;
|
|
183
|
+
--crayon-select-font-size: 1rem;
|
|
184
184
|
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import{m as T,g as o,e as te,b as A,p as oe,c as re,o as E,q as ae,n as B,f as J,j as c,s as F,u as se,i as ne,v as ie,w as le,r as d,x as ce,t as de,y as b,z as G}from"./custom-element-vZIc-tZM.js";import{i as fe}from"./if-B3xMWYuB.js";import{e as pe,i as ve}from"./each-CDVyljdy.js";import{s as ue}from"./slot-Btw_EhJQ.js";import{a as he,i as ge,s as H}from"./lifecycle-BSCLFPkh.js";import{s as f}from"./attributes-BN21YWvK.js";import{b as me}from"./this-CobEtPHm.js";var be=J('<div role="button" tabindex="0"><span class="trigger svelte-19oeh9f"><span class="title svelte-19oeh9f"> </span> <span class="chevron svelte-19oeh9f" aria-hidden="true">▼</span></span> <div role="region"><div class="panel-inner svelte-19oeh9f"> </div></div></div>'),ye=J('<div class="accordion svelte-19oeh9f" role="region" aria-label="Accordion"><!> <!></div>');const xe={hash:"svelte-19oeh9f",code:`.accordion.svelte-19oeh9f {display:flex;flex-direction:column;gap:2px;width:100%;}.accordion.svelte-19oeh9f :where(.svelte-19oeh9f)::slotted(ui-accordion-item) {display:block;}\r
|
|
2
|
+
\r
|
|
3
|
+
/* Simple mode (items prop) styles */.item.svelte-19oeh9f {border-radius:var(--crayon-radius-md, 10px);background:var(--crayon-accordion-bg, #f5f5f5);border:1px solid var(--crayon-accordion-border, #e0e0e0);overflow:hidden;transition:background 0.2s ease, border-color 0.2s ease;}.item.svelte-19oeh9f:hover {background:var(--crayon-accordion-bg-hover, #eeeeee);}.item.open.svelte-19oeh9f {border-color:var(--crayon-primary, #474bff);background:var(--crayon-accordion-bg-open, #fafaff);}.trigger.svelte-19oeh9f {display:flex;align-items:center;justify-content:space-between;padding:14px 18px;cursor:pointer;user-select:none;font-weight:500;color:var(--crayon-accordion-title, #1a1a1a);transition:color 0.2s ease;}.item.open.svelte-19oeh9f .trigger:where(.svelte-19oeh9f) {color:var(--crayon-primary, #474bff);}.title.svelte-19oeh9f {flex:1;text-align:left;}.chevron.svelte-19oeh9f {font-size:0.7em;opacity:0.7;transition:transform 0.25s ease;flex-shrink:0;margin-left:8px;}.item.open.svelte-19oeh9f .chevron:where(.svelte-19oeh9f) {transform:rotate(180deg);}.panel.svelte-19oeh9f {display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.25s ease-out;}.panel.open.svelte-19oeh9f {grid-template-rows:1fr;}.panel-inner.svelte-19oeh9f {min-height:0;overflow:hidden;padding:0 18px 14px 18px;padding-top:0;color:var(--crayon-accordion-content, #444);font-size:14px;line-height:1.5;border-top:1px solid var(--crayon-accordion-border, #e0e0e0);}`};function _e(I,z){re(z,!1),he(I,xe);const K=()=>E(props,"$props",x),y=()=>E(state,"$state",x),N=()=>E(effect,"$effect",x),[x,L]=ae();let{items:P=[],allowMultiple:j=!1}=K()(),h=T(),n,i=T(y()(!1)),_=y()(null),w=y()(new Set);function k(e){if(j){const t=new Set(w);t.has(e)?t.delete(e):t.add(e),w=t}else _=_===e?null:e;o(i)&&$()}function p(e){return j?w.has(e):_===e}function $(){if(!n)return;n.assignedElements().forEach((t,a)=>{t.setAttribute("data-accordion-index",String(a)),p(a)?t.setAttribute("open",""):t.removeAttribute("open")})}function q(e){const t=e?.target??n;t&&(n=t);const a=t?.assignedElements()??[];B(i,a.length>0),o(i)&&$()}function Q(e){const t=e.target?.closest?.("ui-accordion-item");if(!t)return;const a=t.getAttribute("data-accordion-index");if(a===null)return;const g=parseInt(a,10);Number.isNaN(g)||k(g)}N()(()=>{o(i)&&$()}),N()(()=>{o(h)&&(n=o(h).querySelector("slot"),n&&q())}),ge();var v=ye(),C=c(v);ue(C,z,"default",{onslotchange:e=>q(e),get style(){return o(i)?"":"display: none"}},null);var U=F(C,2);{var V=e=>{var t=ie(),a=le(t);pe(a,1,()=>P,ve,(g,m,r)=>{var s=be();let D;f(s,"aria-controls",`accordion-panel-${r}`),f(s,"id",`accordion-trigger-${r}`),s.__keydown=u=>{(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),k(r))},s.__click=()=>k(r);var S=c(s),M=c(S),W=c(M,!0);d(M),ce(2),d(S);var l=F(S,2);let O;f(l,"id",`accordion-panel-${r}`),f(l,"aria-labelledby",`accordion-trigger-${r}`);var R=c(l),X=c(R,!0);d(R),d(l),d(s),de((u,Y,Z,ee)=>{D=H(s,1,"item svelte-19oeh9f",null,D,u),f(s,"aria-expanded",Y),G(W,(o(m),b(()=>o(m).title))),O=H(l,1,"panel svelte-19oeh9f",null,O,Z),f(l,"aria-hidden",ee),G(X,(o(m),b(()=>o(m).content)))},[()=>({open:p(r)}),()=>b(()=>p(r)),()=>({open:p(r)}),()=>b(()=>!p(r))]),A(g,s)}),A(e,t)};fe(U,e=>{o(i)||e(V)})}d(v),me(v,e=>B(h,e),()=>o(h)),te("accordion-toggle",v,Q),A(I,v),oe(),L()}se(["keydown","click"]);customElements.define("ui-accordion",ne(_e,{},["default"],[],{mode:"open"}));export{_e as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{m,t as C,b as p,p as G,c as J,o as H,q as K,j as c,A as j,v as L,w as N,f as P,g as r,z as Q,s as R,n as g,u as S,i as U,x as V,r as d}from"./custom-element-vZIc-tZM.js";import{o as W}from"./index-client-BMTknfvN.js";import{s as b}from"./slot-Btw_EhJQ.js";import{a as X,i as Y,s as z}from"./lifecycle-BSCLFPkh.js";import{s as a}from"./attributes-BN21YWvK.js";import{b as Z}from"./this-CobEtPHm.js";var ee=P('<div data-accordion-item=""><div class="trigger svelte-1f416ns" role="button" tabindex="0"><span class="trigger-inner svelte-1f416ns"><!> <span class="chevron svelte-1f416ns" aria-hidden="true">▼</span></span></div> <div role="region"><div class="panel-inner svelte-1f416ns"><!></div></div></div>');const te={hash:"svelte-1f416ns",code:".item.svelte-1f416ns {border-radius:var(--crayon-radius-md, 10px);background:var(--crayon-accordion-bg, #f5f5f5);border:1px solid var(--crayon-accordion-border, #e0e0e0);overflow:hidden;transition:background 0.2s ease, border-color 0.2s ease;}.item.svelte-1f416ns:hover {background:var(--crayon-accordion-bg-hover, #eeeeee);}.item.open.svelte-1f416ns {border-color:var(--crayon-primary, #474bff);background:var(--crayon-accordion-bg-open, #fafaff);}.trigger.svelte-1f416ns {cursor:pointer;user-select:none;}.trigger-inner.svelte-1f416ns {display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font-weight:500;color:var(--crayon-accordion-title, #1a1a1a);transition:color 0.2s ease;}.item.open.svelte-1f416ns .trigger-inner:where(.svelte-1f416ns) {color:var(--crayon-primary, #474bff);}.trigger-inner.svelte-1f416ns :where(.svelte-1f416ns)::slotted(*) {flex:1;text-align:left;}.chevron.svelte-1f416ns {font-size:0.7em;opacity:0.7;transition:transform 0.25s ease;flex-shrink:0;margin-left:8px;}.item.open.svelte-1f416ns .chevron:where(.svelte-1f416ns) {transform:rotate(180deg);}.panel.svelte-1f416ns {display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.25s ease-out;}.panel.open.svelte-1f416ns {grid-template-rows:1fr;}.panel-inner.svelte-1f416ns {min-height:0;overflow:hidden;padding:0 18px 14px 18px;border-top:1px solid var(--crayon-accordion-border, #e0e0e0);}"};function re(h,f){J(f,!1),X(h,te);const F=()=>H(props,"$props",_),x=()=>H(state,"$state",_),[_,M]=K();let v=m(),{title:q="Header"}=F()(),o=m(x()(!1)),i=m(x()(null));function u(){return r(v)?.parentElement??null}function y(){const e=u();if(!e)return;g(o,e.hasAttribute("open"));const t=e.getAttribute("data-accordion-index");t!==null&&g(i,t)}function w(){const e=u();e&&e.dispatchEvent(new CustomEvent("accordion-toggle",{bubbles:!0,composed:!0}))}W(()=>{y();const e=u();if(!e)return;const t=new MutationObserver(()=>{y()});return t.observe(e,{attributes:!0,attributeFilter:["open","data-accordion-index"]}),()=>t.disconnect()}),Y();var l=ee();let k;var n=c(l);n.__keydown=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),w())},n.__click=w;var $=c(n),D=c($);b(D,f,"header",{},e=>{var t=j();C(()=>Q(t,q)),p(e,t)}),V(2),d($),d(n);var s=R(n,2);let E;var A=c(s),I=c(A);b(I,f,"content",{},e=>{var t=L(),O=N(t);b(O,f,"default",{},T=>{var B=j("Content");p(T,B)}),p(e,t)}),d(A),d(s),d(l),Z(l,e=>g(v,e),()=>r(v)),C(()=>{k=z(l,1,"item svelte-1f416ns",null,k,{open:r(o)}),a(n,"aria-expanded",r(o)),a(n,"aria-controls",`accordion-panel-${r(i)??""}`),a(n,"id",`accordion-trigger-${r(i)??""}`),E=z(s,1,"panel svelte-1f416ns",null,E,{open:r(o)}),a(s,"id",`accordion-panel-${r(i)??""}`),a(s,"aria-labelledby",`accordion-trigger-${r(i)??""}`),a(s,"aria-hidden",!r(o))}),p(h,l),G(),M()}S(["keydown","click"]);customElements.define("ui-accordion-item",U(re,{},["header","content","default"],[],{mode:"open"}));export{re as default};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{l as x,a as P,t as j,b as _,p as Q,c as T,d as i,g as s,f as z,m as d,k as o,s as V,i as W,j as R,n,e as B,r as I,z as X}from"./custom-element-vZIc-tZM.js";import{i as M}from"./if-B3xMWYuB.js";import{s as Y}from"./slot-Btw_EhJQ.js";import{a as Z,i as $,s as aa,c as ea}from"./lifecycle-BSCLFPkh.js";import{s as S}from"./attributes-BN21YWvK.js";import{p as l}from"./props-DClXGNhw.js";var ta=z('<img class="avatar-img svelte-1sygndv"/>'),sa=z('<span class="avatar-initials svelte-1sygndv"> </span>'),ra=z('<span class="avatar-fallback svelte-1sygndv" aria-hidden="true"><!></span>'),na=z('<span role="img"><!> <!></span>');const ia={hash:"svelte-1sygndv",code:`.avatar-root.svelte-1sygndv {position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",\r
|
|
2
|
+
sans-serif;font-weight:600;background-color:var(--crayon-avatar-bg, #e5e7eb);color:var(--crayon-avatar-color, #374151);}.avatar-root.shape-circle.svelte-1sygndv {border-radius:50%;}.avatar-root.shape-rounded.svelte-1sygndv {border-radius:var(--crayon-avatar-border-radius, 8px);}.avatar-root.size-sm.svelte-1sygndv {width:var(--crayon-avatar-size-sm, 32px);height:var(--crayon-avatar-size-sm, 32px);font-size:var(--crayon-avatar-font-size-sm, 12px);}.avatar-root.size-md.svelte-1sygndv {width:var(--crayon-avatar-size-md, 40px);height:var(--crayon-avatar-size-md, 40px);font-size:var(--crayon-avatar-font-size-md, 14px);}.avatar-root.size-lg.svelte-1sygndv {width:var(--crayon-avatar-size-lg, 56px);height:var(--crayon-avatar-size-lg, 56px);font-size:var(--crayon-avatar-font-size-lg, 18px);}.avatar-root.has-ring.svelte-1sygndv {box-shadow:0 0 0 2px var(--crayon-avatar-ring-color, #fff);outline:2px solid var(--crayon-avatar-ring-border, #e5e7eb);}.avatar-img.svelte-1sygndv {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}.avatar-fallback.svelte-1sygndv {display:flex;align-items:center;justify-content:center;width:100%;height:100%;}.avatar-initials.svelte-1sygndv {display:flex;align-items:center;justify-content:center;line-height:1;user-select:none;}`};function oa(E,r){T(r,!1),Z(E,ia);const U=d(),A=d(),F=d();let t=l(r,"src",12,void 0),f=l(r,"alt",12,""),v=l(r,"name",12,void 0),m=l(r,"size",12,"md"),p=l(r,"shape",12,"circle"),u=l(r,"showRing",12,!1),h=l(r,"extraClass",12,""),c=d(!1),y=d(!1);function q(a){if(!a||!a.trim())return"?";const e=a.trim().split(/\s+/);if(e.length>=2){const w=e[0][0]??"",k=e[e.length-1][0]??"";return(w+k).toUpperCase()}return a.slice(0,2).toUpperCase()}let b=d(void 0);function D(){n(y,!0),n(c,!1)}function G(){n(c,!0)}x(()=>(i(t()),s(b)),()=>{t()!==s(b)&&(n(b,t()),n(y,!1),n(c,!1))}),x(()=>(i(t()),s(c),s(y)),()=>{n(U,!t()||s(c)||t()!=null&&!s(y))}),x(()=>i(v()),()=>{n(A,q(v()))}),x(()=>(i(m()),i(p()),i(u()),i(h())),()=>{n(F,`avatar-root size-${m()} shape-${p()} ${u()?"has-ring":""} ${h()}`.trim())}),P();var H={get src(){return t()},set src(a){t(a),o()},get alt(){return f()},set alt(a){f(a),o()},get name(){return v()},set name(a){v(a),o()},get size(){return m()},set size(a){m(a),o()},get shape(){return p()},set shape(a){p(a),o()},get showRing(){return u()},set showRing(a){u(a),o()},get extraClass(){return h()},set extraClass(a){h(a),o()}};$();var g=na(),L=R(g);{var J=a=>{var e=ta();j(()=>{S(e,"src",t()),S(e,"alt",f()||v()||"")}),B("load",e,D),B("error",e,G),_(a,e)};M(L,a=>{t()&&!s(c)&&a(J)})}var K=V(L,2);{var N=a=>{var e=ra(),w=R(e);Y(w,r,"default",{},k=>{var C=sa(),O=R(C,!0);I(C),j(()=>X(O,s(A))),_(k,C)}),I(e),_(a,e)};M(K,a=>{s(U)&&a(N)})}return I(g),j(()=>{aa(g,1,ea(s(F)),"svelte-1sygndv"),S(g,"aria-label",f()||v()||"Avatar")}),_(E,g),Q(H)}customElements.define("ui-avatar",W(oa,{src:{},alt:{},name:{},size:{},shape:{},showRing:{},extraClass:{}},["default"],[],{mode:"open"}));export{oa as default};
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import{h as A,l as C,a as G,t as H,e as J,b as B,p as K,f as E,c as L,d as o,g as b,s as M,i as N,m as W,j as P,k as r,n as S,r as D}from"./custom-element-vZIc-tZM.js";import{i as O}from"./if-B3xMWYuB.js";import{s as Q}from"./slot-Btw_EhJQ.js";import{t as U,a as X,i as Y,s as Z,c as $}from"./lifecycle-BSCLFPkh.js";import{s as ee}from"./attributes-BN21YWvK.js";import{p as n}from"./props-DClXGNhw.js";function te(a,t,i,h){var p=a.__style;if(A||p!==t){var l=U(t);(!A||l!==a.getAttribute("style"))&&(l==null?a.removeAttribute("style"):a.style.cssText=l),a.__style=t}return h}var re=E('<span class="spinner svelte-kv8yyl"></span>'),ne=E('<button><!> <span class="btn-content svelte-kv8yyl"><!></span></button>');const oe={hash:"svelte-kv8yyl",code:`:host {display:inline-block;}.btn-inner.svelte-kv8yyl {border:none;border-radius:var(--crayon-radius-md, 10px);cursor:pointer;font-weight:500;transition:all 0.2s ease;display:inline-flex;align-items:center;justify-content:center;}.btn-content.svelte-kv8yyl {display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;}\r
|
|
2
|
+
\r
|
|
3
|
+
/* Shape: pill (full rounded) for icon + text */.shape-pill.svelte-kv8yyl {border-radius:999px;}\r
|
|
4
|
+
\r
|
|
5
|
+
/* Shape: circle for icon-only buttons */.shape-circle.svelte-kv8yyl {border-radius:50%;padding:0;aspect-ratio:1;}.shape-circle.sm.svelte-kv8yyl {width:32px;height:32px;min-width:32px;min-height:32px;}.shape-circle.md.svelte-kv8yyl {width:40px;height:40px;min-width:40px;min-height:40px;}.shape-circle.lg.svelte-kv8yyl {width:48px;height:48px;min-width:48px;min-height:48px;}\r
|
|
6
|
+
\r
|
|
7
|
+
/* When app adds class for full width (e.g. class="w-full" or class="full-width"), inner button fills the host */:host([class*="full"]) .btn-inner.svelte-kv8yyl,\r
|
|
8
|
+
:host([class*="w-full"]) .btn-inner.svelte-kv8yyl {width:100%;box-sizing:border-box;}\r
|
|
9
|
+
\r
|
|
10
|
+
/* Sizes (rectangle / pill) */.shape-rectangle.sm.svelte-kv8yyl,\r
|
|
11
|
+
.shape-pill.sm.svelte-kv8yyl {padding:6px 12px;font-size:12px;}.shape-rectangle.sm.svelte-kv8yyl .btn-content:where(.svelte-kv8yyl),\r
|
|
12
|
+
.shape-pill.sm.svelte-kv8yyl .btn-content:where(.svelte-kv8yyl) {gap:0.375rem;}.shape-rectangle.md.svelte-kv8yyl,\r
|
|
13
|
+
.shape-pill.md.svelte-kv8yyl {padding:10px 24px;font-size:14px;}.shape-rectangle.lg.svelte-kv8yyl,\r
|
|
14
|
+
.shape-pill.lg.svelte-kv8yyl {padding:14px 32px;font-size:16px;}.shape-rectangle.lg.svelte-kv8yyl .btn-content:where(.svelte-kv8yyl),\r
|
|
15
|
+
.shape-pill.lg.svelte-kv8yyl .btn-content:where(.svelte-kv8yyl) {gap:0.5rem;}\r
|
|
16
|
+
\r
|
|
17
|
+
/* Variants — respect --crayon-button-custom-bg when set via backgroundColor prop */.primary.svelte-kv8yyl {background:var(--crayon-button-custom-bg, var(--crayon-primary, #ff4782));color:var(--crayon-button-bg, #fefeff);}.primary.svelte-kv8yyl:hover {background:var(\r
|
|
18
|
+
--crayon-button-custom-bg-hover,\r
|
|
19
|
+
var(--crayon-primary-hover, #cf0e4c)\r
|
|
20
|
+
);color:#fefeff;}.secondary.svelte-kv8yyl {background:var(\r
|
|
21
|
+
--crayon-button-custom-bg,\r
|
|
22
|
+
var(--crayon-secondary, #222121)\r
|
|
23
|
+
);color:#fefeff;}.secondary.svelte-kv8yyl:hover {background:var(\r
|
|
24
|
+
--crayon-button-custom-bg-hover,\r
|
|
25
|
+
var(--crayon-secondary-hover, #616061)\r
|
|
26
|
+
);color:#fefeff;}.outline.svelte-kv8yyl {background:var(--crayon-outline, transparent);border:1px solid var(--crayon-outline, #222121);color:#616061;}.outline.svelte-kv8yyl:hover {background:var(--crayon-outline-hover, transparent);border:1px solid var(--crayon-outline, #222121);color:#222121;}.danger.svelte-kv8yyl {background:var(--crayon-button-custom-bg, var(--crayon-danger, #e03e52));color:#fefeff;}.danger.svelte-kv8yyl:hover {background:var(\r
|
|
27
|
+
--crayon-button-custom-bg-hover,\r
|
|
28
|
+
var(--crayon-danger-hover, #c23445)\r
|
|
29
|
+
);color:#fefeff;}.success.svelte-kv8yyl {background:var(--crayon-button-custom-bg, var(--crayon-success, #2cc84d));color:#fefeff;}.success.svelte-kv8yyl:hover {background:var(\r
|
|
30
|
+
--crayon-button-custom-bg-hover,\r
|
|
31
|
+
var(--crayon-success-hover, #2cc84d)\r
|
|
32
|
+
);color:#fefeff;}.white.svelte-kv8yyl {background:var(--crayon-button-custom-bg, var(--crayon-white, #ffffff));color:var(--crayon-text-on-light, #222121);border:1px solid var(--crayon-border-light, #e0e0e0);}.white.svelte-kv8yyl:hover {background:var(\r
|
|
33
|
+
--crayon-button-custom-bg-hover,\r
|
|
34
|
+
var(--crayon-white-hover, #f5f5f5)\r
|
|
35
|
+
);color:var(--crayon-text-on-light, #222121);border-color:var(--crayon-border-light-hover, #c0c0c0);}.ghost.svelte-kv8yyl {background:transparent;color:var(--crayon-ghost-text, #616061);}.ghost.svelte-kv8yyl:hover {background:var(--crayon-ghost-hover, rgba(0, 0, 0, 0.06));color:var(--crayon-ghost-text-hover, #222121);}.btn-inner.svelte-kv8yyl:disabled {background:#e0e0e0;cursor:not-allowed;}.btn-inner.svelte-kv8yyl:disabled:hover {background:#e0e0e0;cursor:not-allowed;}.spinner.svelte-kv8yyl {width:14px;height:14px;border:2px solid white;border-top-color:transparent;border-radius:50%;display:inline-block;margin-right:6px;\r
|
|
36
|
+
animation: svelte-kv8yyl-spin 0.6s linear infinite;}\r
|
|
37
|
+
\r
|
|
38
|
+
@keyframes svelte-kv8yyl-spin {\r
|
|
39
|
+
to {\r
|
|
40
|
+
transform: rotate(360deg);\r
|
|
41
|
+
}\r
|
|
42
|
+
}`};function ae(a,t){L(t,!1),X(a,oe);const i=W(),h=W(),p=W();let l=n(t,"variant",12,"primary"),k=n(t,"size",12,"md"),m=n(t,"shape",12,"rectangle"),x=n(t,"disabled",12,!1),w=n(t,"loading",12,!1),c=n(t,"color",12,void 0),z=n(t,"type",12,"button"),d=n(t,"backgroundColor",12,void 0),v=n(t,"fontSize",12,void 0),y=n(t,"borderRadius",12,void 0),u=n(t,"borderWidth",12,void 0),g=n(t,"fontWeight",12,void 0),f=n(t,"padding",12,void 0),_=n(t,"extraClass",12,"");function I(e){(x()||w())&&(e.preventDefault(),e.stopImmediatePropagation())}C(()=>(o(c()),o(d()),o(v()),o(y()),o(u()),o(g()),o(f())),()=>{S(i,[c()!=null&&`--crayon-button-bg:${c()}`,d()!=null&&`--crayon-button-custom-bg:${d()}`,v()!=null&&`font-size:${v()}`,y()!=null&&`border-radius:${y()}`,u()!=null&&`border-width:${u()}`,g()!=null&&`font-weight:${g()}`,f()!=null&&`padding:${f()}`].filter(Boolean))}),C(()=>b(i),()=>{S(h,b(i).length>0?b(i).join("; "):void 0)}),C(()=>(o(l()),o(k()),o(m()),o(_())),()=>{S(p,`btn-inner ${l()} ${k()} shape-${m()} ${_()}`.trim())}),G();var T={get variant(){return l()},set variant(e){l(e),r()},get size(){return k()},set size(e){k(e),r()},get shape(){return m()},set shape(e){m(e),r()},get disabled(){return x()},set disabled(e){x(e),r()},get loading(){return w()},set loading(e){w(e),r()},get color(){return c()},set color(e){c(e),r()},get type(){return z()},set type(e){z(e),r()},get backgroundColor(){return d()},set backgroundColor(e){d(e),r()},get fontSize(){return v()},set fontSize(e){v(e),r()},get borderRadius(){return y()},set borderRadius(e){y(e),r()},get borderWidth(){return u()},set borderWidth(e){u(e),r()},get fontWeight(){return g()},set fontWeight(e){g(e),r()},get padding(){return f()},set padding(e){f(e),r()},get extraClass(){return _()},set extraClass(e){_(e),r()}};Y();var s=ne(),R=P(s);{var V=e=>{var F=re();B(e,F)};O(R,e=>{w()&&e(V)})}var j=M(R,2),q=P(j);return Q(q,t,"default",{},null),D(j),D(s),H(()=>{ee(s,"type",z()),Z(s,1,$(b(p)),"svelte-kv8yyl"),s.disabled=x(),te(s,b(h))}),J("click",s,I),B(a,s),K(T)}customElements.define("ui-button",N(ae,{variant:{},size:{},shape:{},disabled:{},loading:{},color:{},type:{},backgroundColor:{},fontSize:{},borderRadius:{},borderWidth:{},fontWeight:{},padding:{},extraClass:{}},["default"],[],{mode:"open"}));export{ae as default};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import{l as G,a as J,t as K,b as P,p as Q,c as W,d as x,f as X,j as a,k as _,g as e,s as m,n as t,i as Y,m as d,r as c}from"./custom-element-vZIc-tZM.js";import{o as Z}from"./index-client-BMTknfvN.js";import{s as i}from"./slot-Btw_EhJQ.js";import{a as $,i as rr,s as l,c as or}from"./lifecycle-BSCLFPkh.js";import{b as er}from"./this-CobEtPHm.js";import{p as k}from"./props-DClXGNhw.js";var ar=X('<div><div><!></div> <div><!></div> <div class="card-body svelte-18poi8p"><!></div> <div><!></div> <div><!></div></div>');const tr={hash:"svelte-18poi8p",code:`.card-root.svelte-18poi8p {position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:var(--crayon-card-font-size, 14px);line-height:1.5;color:var(--crayon-card-color, #212529);background-color:var(--crayon-card-bg, #fff);border:var(--crayon-card-border-width, 1px) solid\r
|
|
2
|
+
var(--crayon-card-border-color, rgba(0, 0, 0, 0.125));border-radius:var(--crayon-card-border-radius, 8px);box-shadow:var(--crayon-card-box-shadow, none);}\r
|
|
3
|
+
\r
|
|
4
|
+
/* Variants: default uses CSS vars above; others set bg + border + color */.card-root.variant-primary.svelte-18poi8p {background-color:var(--crayon-card-primary-bg, #0d6efd);border-color:var(--crayon-card-primary-border, #0d6efd);color:var(--crayon-card-primary-color, #fff);}.card-root.variant-secondary.svelte-18poi8p {background-color:var(--crayon-card-secondary-bg, #6c757d);border-color:var(--crayon-card-secondary-border, #6c757d);color:var(--crayon-card-secondary-color, #fff);}.card-root.variant-success.svelte-18poi8p {background-color:var(--crayon-card-success-bg, #198754);border-color:var(--crayon-card-success-border, #198754);color:var(--crayon-card-success-color, #fff);}.card-root.variant-danger.svelte-18poi8p {background-color:var(--crayon-card-danger-bg, #dc3545);border-color:var(--crayon-card-danger-border, #dc3545);color:var(--crayon-card-danger-color, #fff);}.card-root.variant-warning.svelte-18poi8p {background-color:var(--crayon-card-warning-bg, #ffc107);border-color:var(--crayon-card-warning-border, #ffc107);color:var(--crayon-card-warning-color, #000);}.card-root.variant-info.svelte-18poi8p {background-color:var(--crayon-card-info-bg, #0dcaf0);border-color:var(--crayon-card-info-border, #0dcaf0);color:var(--crayon-card-info-color, #000);}.card-root.variant-light.svelte-18poi8p {background-color:var(--crayon-card-light-bg, #f8f9fa);border-color:var(--crayon-card-light-border, #e9ecef);color:var(--crayon-card-light-color, #212529);}.card-root.variant-dark.svelte-18poi8p {background-color:var(--crayon-card-dark-bg, #212529);border-color:var(--crayon-card-dark-border, #212529);color:var(--crayon-card-dark-color, #fff);}\r
|
|
5
|
+
\r
|
|
6
|
+
/* Text alignment */.card-root.text-start.svelte-18poi8p {text-align:start;}.card-root.text-center.svelte-18poi8p {text-align:center;}.card-root.text-end.svelte-18poi8p {text-align:end;}.card-header.svelte-18poi8p {padding:var(--crayon-card-header-padding-y, 0.5rem) var(--crayon-card-header-padding-x, 1rem);margin-bottom:0;background-color:var(--crayon-card-header-bg, rgba(0, 0, 0, 0.03));border-bottom:var(--crayon-card-border-width, 1px) solid\r
|
|
7
|
+
var(--crayon-card-border-color, rgba(0, 0, 0, 0.125));border-radius:calc(var(--crayon-card-border-radius, 8px) - 1px) calc(var(--crayon-card-border-radius, 8px) - 1px) 0 0;}.card-root.variant-default.svelte-18poi8p .card-header:where(.svelte-18poi8p) {background-color:var(--crayon-card-header-bg, rgba(0, 0, 0, 0.03));}.card-root.variant-primary.svelte-18poi8p .card-header:where(.svelte-18poi8p),\r
|
|
8
|
+
.card-root.variant-secondary.svelte-18poi8p .card-header:where(.svelte-18poi8p),\r
|
|
9
|
+
.card-root.variant-success.svelte-18poi8p .card-header:where(.svelte-18poi8p),\r
|
|
10
|
+
.card-root.variant-danger.svelte-18poi8p .card-header:where(.svelte-18poi8p),\r
|
|
11
|
+
.card-root.variant-warning.svelte-18poi8p .card-header:where(.svelte-18poi8p),\r
|
|
12
|
+
.card-root.variant-info.svelte-18poi8p .card-header:where(.svelte-18poi8p),\r
|
|
13
|
+
.card-root.variant-dark.svelte-18poi8p .card-header:where(.svelte-18poi8p) {background-color:rgba(0, 0, 0, 0.2);border-bottom-color:rgba(255, 255, 255, 0.2);}.card-header.svelte-18poi8p:not(.has-content) {display:none;}.card-body.svelte-18poi8p {flex:1 1 auto;padding:var(--crayon-card-body-padding-y, 1rem) var(--crayon-card-body-padding-x, 1rem);}.card-body.svelte-18poi8p :where(.svelte-18poi8p)::slotted(h1),\r
|
|
14
|
+
.card-body.svelte-18poi8p :where(.svelte-18poi8p)::slotted(h2),\r
|
|
15
|
+
.card-body.svelte-18poi8p :where(.svelte-18poi8p)::slotted(h3),\r
|
|
16
|
+
.card-body.svelte-18poi8p :where(.svelte-18poi8p)::slotted(h4),\r
|
|
17
|
+
.card-body.svelte-18poi8p :where(.svelte-18poi8p)::slotted(h5),\r
|
|
18
|
+
.card-body.svelte-18poi8p :where(.svelte-18poi8p)::slotted(h6) {margin-top:0;margin-bottom:var(--crayon-card-title-margin-bottom, 0.5rem);font-size:var(--crayon-card-title-font-size, 1.25rem);font-weight:500;line-height:1.2;}.card-body.svelte-18poi8p :where(.svelte-18poi8p)::slotted(p) {margin-top:0;margin-bottom:var(--crayon-card-text-margin-bottom, 0.5rem);}.card-body.svelte-18poi8p :where(.svelte-18poi8p)::slotted(p:last-child) {margin-bottom:0;}.card-footer.svelte-18poi8p {padding:var(--crayon-card-footer-padding-y, 0.5rem) var(--crayon-card-footer-padding-x, 1rem);background-color:var(--crayon-card-footer-bg, rgba(0, 0, 0, 0.03));border-top:var(--crayon-card-border-width, 1px) solid\r
|
|
19
|
+
var(--crayon-card-border-color, rgba(0, 0, 0, 0.125));border-radius:0 0 calc(var(--crayon-card-border-radius, 8px) - 1px)\r
|
|
20
|
+
calc(var(--crayon-card-border-radius, 8px) - 1px);}.card-root.variant-primary.svelte-18poi8p .card-footer:where(.svelte-18poi8p),\r
|
|
21
|
+
.card-root.variant-secondary.svelte-18poi8p .card-footer:where(.svelte-18poi8p),\r
|
|
22
|
+
.card-root.variant-success.svelte-18poi8p .card-footer:where(.svelte-18poi8p),\r
|
|
23
|
+
.card-root.variant-danger.svelte-18poi8p .card-footer:where(.svelte-18poi8p),\r
|
|
24
|
+
.card-root.variant-warning.svelte-18poi8p .card-footer:where(.svelte-18poi8p),\r
|
|
25
|
+
.card-root.variant-info.svelte-18poi8p .card-footer:where(.svelte-18poi8p),\r
|
|
26
|
+
.card-root.variant-dark.svelte-18poi8p .card-footer:where(.svelte-18poi8p) {background-color:rgba(0, 0, 0, 0.2);border-top-color:rgba(255, 255, 255, 0.2);}.card-footer.svelte-18poi8p:not(.has-content) {display:none;}.card-img-top-wrapper.svelte-18poi8p:not(.has-content),\r
|
|
27
|
+
.card-img-bottom-wrapper.svelte-18poi8p:not(.has-content) {display:none;}.card-img-top-wrapper.has-content.svelte-18poi8p {overflow:hidden;border-top-left-radius:var(--crayon-card-border-radius, 8px);border-top-right-radius:var(--crayon-card-border-radius, 8px);}.card-img-top-wrapper.has-content.svelte-18poi8p :where(.svelte-18poi8p)::slotted(img) {display:block;width:100%;height:auto;object-fit:cover;}.card-img-bottom-wrapper.has-content.svelte-18poi8p {overflow:hidden;border-bottom-left-radius:var(--crayon-card-border-radius, 8px);border-bottom-right-radius:var(--crayon-card-border-radius, 8px);}.card-img-bottom-wrapper.has-content.svelte-18poi8p :where(.svelte-18poi8p)::slotted(img) {display:block;width:100%;height:auto;object-fit:cover;}`};function dr(S,o){W(o,!1),$(S,tr);const C=d();let p=k(o,"variant",12,"default"),v=k(o,"textAlign",12,"start"),b=k(o,"extraClass",12,""),n=d(),N=d(!1),A=d(!1),I=d(!1),q=d(!1);function z(){if(!e(n))return;const r=e(n).getRootNode();if(!r)return;const T=r.querySelector('slot[name="header"]'),y=r.querySelector('slot[name="footer"]'),U=r.querySelector('slot[name="image-top"]'),D=r.querySelector('slot[name="image-bottom"]');t(N,(T?.assignedNodes().length??0)>0),t(A,(y?.assignedNodes().length??0)>0),t(I,(U?.assignedNodes().length??0)>0),t(q,(D?.assignedNodes().length??0)>0)}Z(()=>{z();const r=new MutationObserver(z),y=e(n)?.getRootNode()?.host;return y&&r.observe(y,{childList:!0,subtree:!0}),()=>r.disconnect()}),G(()=>(x(p()),x(v()),x(b())),()=>{t(C,`card-root variant-${p()} text-${v()} ${b()}`.trim())}),J();var E={get variant(){return p()},set variant(r){p(r),_()},get textAlign(){return v()},set textAlign(r){v(r),_()},get extraClass(){return b()},set extraClass(r){b(r),_()}};rr();var s=ar(),g=a(s);let j;var H=a(g);i(H,o,"image-top",{},null),c(g);var h=m(g,2);let B;var R=a(h);i(R,o,"header",{},null),c(h);var u=m(h,2),V=a(u);i(V,o,"default",{},null),c(u);var f=m(u,2);let F;var L=a(f);i(L,o,"footer",{},null),c(f);var w=m(f,2);let M;var O=a(w);return i(O,o,"image-bottom",{},null),c(w),c(s),er(s,r=>t(n,r),()=>e(n)),K(()=>{l(s,1,or(e(C)),"svelte-18poi8p"),j=l(g,1,"card-img-top-wrapper svelte-18poi8p",null,j,{"has-content":e(I)}),B=l(h,1,"card-header svelte-18poi8p",null,B,{"has-content":e(N)}),F=l(f,1,"card-footer svelte-18poi8p",null,F,{"has-content":e(A)}),M=l(w,1,"card-img-bottom-wrapper svelte-18poi8p",null,M,{"has-content":e(q)})}),P(S,s),Q(E)}customElements.define("ui-card",Y(dr,{variant:{},textAlign:{},extraClass:{}},["image-top","header","default","footer","image-bottom"],[],{mode:"open"}));export{dr as default};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import{l as f,a as q,t as G,e as N,b as O,p as P,c as U,d as C,f as A,j as D,k as a,g as r,n as x,s as J,i as K,G as Q,m as u,x as T,r as S}from"./custom-element-vZIc-tZM.js";import{o as V}from"./index-client-BMTknfvN.js";import{s as W}from"./slot-Btw_EhJQ.js";import{a as X,i as Y,s as Z}from"./lifecycle-BSCLFPkh.js";import{s as m,a as $,d as ee,r as re}from"./attributes-BN21YWvK.js";import{b as oe}from"./this-CobEtPHm.js";import{p as t}from"./props-DClXGNhw.js";var ce=A('<label><span class="checkbox-control svelte-wckrr7"><input type="checkbox" class="svelte-wckrr7"/> <span class="checkbox-box svelte-wckrr7" aria-hidden="true"></span></span> <span class="checkbox-label svelte-wckrr7"><!></span></label>');const ae={hash:"svelte-wckrr7",code:`.checkbox-root.svelte-wckrr7 {display:inline-flex;align-items:center;gap:0.5rem;font-family:system-ui,\r
|
|
2
|
+
-apple-system,\r
|
|
3
|
+
BlinkMacSystemFont,\r
|
|
4
|
+
"Segoe UI",\r
|
|
5
|
+
sans-serif;font-size:14px;line-height:1.3;color:var(--crayon-checkbox-label-color, #111827);cursor:pointer;\r
|
|
6
|
+
/* Prevent vertical shift when state or focus changes */min-height:var(--crayon-checkbox-size, 22px);}.checkbox-control.svelte-wckrr7 {position:relative;display:inline-flex;align-items:center;justify-content:center;\r
|
|
7
|
+
/* Fixed size so layout doesn’t shift when checkmark appears or on focus */width:var(--crayon-checkbox-size, 22px);height:var(--crayon-checkbox-size, 22px);flex-shrink:0;}.checkbox-control.svelte-wckrr7 input:where(.svelte-wckrr7) {position:absolute;inset:0;margin:0;padding:0;opacity:0;cursor:inherit;outline:none;}.checkbox-box.svelte-wckrr7 {width:var(--crayon-checkbox-size, 22px);height:var(--crayon-checkbox-size, 22px);min-width:var(--crayon-checkbox-size, 22px);min-height:var(--crayon-checkbox-size, 22px);flex-shrink:0;border-radius:var(--crayon-checkbox-radius, 4px);border:2px solid var(--crayon-checkbox-border-color, #111111);background-color:var(--crayon-checkbox-bg, transparent);box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;transition:background-color 0.15s ease,\r
|
|
8
|
+
border-color 0.15s ease,\r
|
|
9
|
+
box-shadow 0.15s ease;}\r
|
|
10
|
+
\r
|
|
11
|
+
/* Out of flow so checkmark/indeterminate never affect layout */.checkbox-box.svelte-wckrr7::before {content:"";position:absolute;inset:0;margin:auto;opacity:0;transition:opacity 0.1s ease,\r
|
|
12
|
+
transform 0.1s ease;}\r
|
|
13
|
+
\r
|
|
14
|
+
/* Checked: solid purple square with checkmark */.checkbox-root.is-checked.svelte-wckrr7 .checkbox-box:where(.svelte-wckrr7) {background-color:var(--crayon-checkbox-checked-bg, var(--crayon-primary, #474bff));border-color:var(--crayon-checkbox-checked-border, var(--crayon-primary, #474bff));}.checkbox-root.is-checked.svelte-wckrr7 .checkbox-box:where(.svelte-wckrr7)::before {width:26%;height:50%;border-right:3px solid var(--crayon-checkbox-check-color, #ffffff);border-bottom:3px solid var(--crayon-checkbox-check-color, #ffffff);transform:rotate(45deg) translate(-8%, -8%);transform-origin:center center;opacity:1;}\r
|
|
15
|
+
\r
|
|
16
|
+
/* Indeterminate: solid purple with dash */.checkbox-root.is-indeterminate.svelte-wckrr7 .checkbox-box:where(.svelte-wckrr7) {background-color:var(--crayon-checkbox-checked-bg, var(--crayon-primary, #474bff));border-color:var(--crayon-checkbox-checked-border, var(--crayon-primary, #474bff));}.checkbox-root.is-indeterminate.svelte-wckrr7 .checkbox-box:where(.svelte-wckrr7)::before {width:70%;height:0;border-bottom:3px solid var(--crayon-checkbox-check-color, #ffffff);opacity:1;transform:none;}\r
|
|
17
|
+
\r
|
|
18
|
+
/* Hover + focus ring */.checkbox-root.svelte-wckrr7:not(.is-disabled)\r
|
|
19
|
+
.checkbox-control:where(.svelte-wckrr7)\r
|
|
20
|
+
input:where(.svelte-wckrr7):focus-visible\r
|
|
21
|
+
+ .checkbox-box:where(.svelte-wckrr7) {box-shadow:0 0 0 3px var(--crayon-checkbox-focus-ring, rgba(71, 75, 255, 0.45));}.checkbox-root.is-disabled.svelte-wckrr7 {cursor:not-allowed;color:var(--crayon-checkbox-label-disabled, #9ca3af);}.checkbox-root.is-disabled.svelte-wckrr7 .checkbox-box:where(.svelte-wckrr7) {border-color:var(--crayon-checkbox-border-disabled, #bdbdbc);background-color:var(--crayon-checkbox-bg-disabled, #e5e7eb);}.checkbox-label.svelte-wckrr7:empty {display:none;}`};function te(E,o){U(o,!1),X(E,ae);const d=u(),v=u(),s=u();let i=t(o,"checked",12,!1),h=t(o,"disabled",12,!1),l=t(o,"indeterminate",12,!1),p=t(o,"name",12,void 0),y=t(o,"value",12,void 0),g=t(o,"ariaLabel",12,void 0),w=t(o,"ariaDescribedby",12,void 0),_=t(o,"onchange",12,void 0);function z(e){return typeof e=="boolean"?e:e==null?!1:String(e).toLowerCase()==="true"}let b=u();function F(e){const n=e.getRootNode();return n instanceof ShadowRoot?n.host:null}function L(){r(b)&&Q(b,r(b).indeterminate=r(s))}V(L);function H(e){const n=e.target;i(n.checked),r(s)&&(l(!1),L());const I={checked:n.checked,indeterminate:!1};_()?.(I),F(n)?.dispatchEvent(new CustomEvent("change",{detail:I,bubbles:!0}))}f(()=>C(i()),()=>{x(d,z(i()))}),f(()=>C(h()),()=>{x(v,z(h()))}),f(()=>C(l()),()=>{x(s,z(l()))}),f(()=>{},()=>{L()}),q();var M={get checked(){return i()},set checked(e){i(e),a()},get disabled(){return h()},set disabled(e){h(e),a()},get indeterminate(){return l()},set indeterminate(e){l(e),a()},get name(){return p()},set name(e){p(e),a()},get value(){return y()},set value(e){y(e),a()},get ariaLabel(){return g()},set ariaLabel(e){g(e),a()},get ariaDescribedby(){return w()},set ariaDescribedby(e){w(e),a()},get onchange(){return _()},set onchange(e){_(e),a()}};Y();var k=ce(),B=D(k),c=D(B);re(c),oe(c,e=>x(b,e),()=>r(b)),T(2),S(B);var j=J(B,2),R=D(j);return W(R,o,"default",{},null),S(j),S(k),G(()=>{Z(k,1,`checkbox-root ${r(d)?"is-checked":""} ${r(s)?"is-indeterminate":""} ${r(v)?"is-disabled":""}`,"svelte-wckrr7"),m(c,"name",p()),$(c,y()),ee(c,r(d)),c.disabled=r(v),m(c,"aria-label",g()),m(c,"aria-describedby",w()),m(c,"aria-checked",r(s)?"mixed":r(d)?"true":"false")}),N("change",c,H),O(E,k),P(M)}customElements.define("ui-checkbox",K(te,{checked:{},disabled:{},indeterminate:{},name:{},value:{},ariaLabel:{},ariaDescribedby:{},onchange:{}},["default"],[],{mode:"open"}));export{te as default};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import{C as he,D as ye,E as xe,F as we,l as re,a as Ee,t as h,b,p as Oe,c as ke,g as t,d as M,s as q,y as m,f as _,m as I,j as g,k as u,n as P,u as Se,i as Te,G as Ne,r as p,z as O,w as ae,H as Le}from"./custom-element-vZIc-tZM.js";import{o as qe}from"./index-client-BMTknfvN.js";import{i as D}from"./if-B3xMWYuB.js";import{e as ne,i as oe}from"./each-CDVyljdy.js";import{s as De}from"./slot-Btw_EhJQ.js";import{a as Ae,i as Ce,s as Fe,c as Me}from"./lifecycle-BSCLFPkh.js";import{s as k,c as Ie}from"./attributes-BN21YWvK.js";import{b as se}from"./this-CobEtPHm.js";import{p as v}from"./props-DClXGNhw.js";function ie(c,n,S=!1){if(c.multiple){if(n==null)return;if(!ye(n))return xe();for(var i of c.options)i.selected=n.includes(le(i));return}for(i of c.options){var T=le(i);if(we(T,n)){i.selected=!0;return}}(!S||n!==void 0)&&(c.selectedIndex=-1)}function Pe(c){var n=new MutationObserver(()=>{ie(c,c.__value)});n.observe(c,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["value"]}),he(()=>{n.disconnect()})}function le(c){return"__value"in c?c.__value:c.value}var Re=_('<label class="form-select-label svelte-tlzzzs"> </label>'),Ge=_('<option disabled="" hidden=""> </option>'),je=_("<option> </option>"),He=_("<!> <!>",1),Ue=_('<option disabled="" hidden=""> </option>'),Be=_("<option> </option>"),We=_("<!> <!>",1),Je=_('<p class="form-select-hint svelte-tlzzzs"> </p>'),Ke=_('<div class="form-select-wrapper svelte-tlzzzs"><!> <select><!></select> <!> <div class="form-select-options-slot svelte-tlzzzs"><!></div></div>');const Qe={hash:"svelte-tlzzzs",code:`.form-select-wrapper.svelte-tlzzzs {display:block;}.form-select-label.svelte-tlzzzs {display:block;margin-bottom:0.375rem;font-size:var(--crayon-label-font-size, 0.875rem);font-weight:500;color:var(--crayon-label-color, #212529);}.form-select-hint.svelte-tlzzzs {margin:0.375rem 0 0;font-size:var(--crayon-hint-font-size, 0.8125rem);color:var(--crayon-hint-color, #6c757d);}.form-select-options-slot.svelte-tlzzzs {display:none;}select.svelte-tlzzzs {display:block;width:100%;padding:var(--crayon-select-padding-y, 0.375rem)\r
|
|
2
|
+
var(--crayon-select-indicator-padding, 2.25rem)\r
|
|
3
|
+
var(--crayon-select-padding-y, 0.375rem) var(--crayon-select-padding-x, 0.75rem);font-family:inherit;font-size:var(--crayon-select-font-size, 1rem);font-weight:400;line-height:1.5;color:var(--crayon-input-color, #212529);background-color:var(--crayon-input-bg, #fff);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:16px 12px;border:var(--crayon-input-border-width, 1px) solid\r
|
|
4
|
+
var(--crayon-input-border-color, #dee2e6);border-radius:var(--crayon-input-border-radius, 0.375rem);box-shadow:var(\r
|
|
5
|
+
--crayon-input-box-shadow,\r
|
|
6
|
+
inset 0 1px 2px rgba(0, 0, 0, 0.075)\r
|
|
7
|
+
);transition:border-color 0.15s ease-in-out,\r
|
|
8
|
+
box-shadow 0.15s ease-in-out;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;}select.svelte-tlzzzs:hover:not(:disabled) {border-color:var(--crayon-input-hover-border-color, #adb5bd);}select.svelte-tlzzzs:focus {outline:0;border-color:var(--crayon-input-focus-border-color, #86b7fe);box-shadow:0 0 0 0.25rem\r
|
|
9
|
+
var(--crayon-input-focus-ring, rgba(13, 110, 253, 0.25));}select.svelte-tlzzzs:disabled {background-color:var(--crayon-input-disabled-bg, #e9ecef);color:var(--crayon-input-disabled-color, #6c757d);cursor:not-allowed;opacity:1;}\r
|
|
10
|
+
\r
|
|
11
|
+
/* Sizes */.sm.svelte-tlzzzs {padding:var(--crayon-select-padding-y-sm, 0.25rem)\r
|
|
12
|
+
var(--crayon-select-indicator-padding, 2rem)\r
|
|
13
|
+
var(--crayon-select-padding-y-sm, 0.25rem)\r
|
|
14
|
+
var(--crayon-select-padding-x-sm, 0.5rem);font-size:var(--crayon-input-font-size-sm, 0.875rem);border-radius:var(--crayon-input-border-radius-sm, 0.25rem);}.md.svelte-tlzzzs {padding:var(--crayon-select-padding-y, 0.375rem)\r
|
|
15
|
+
var(--crayon-select-indicator-padding, 2.25rem)\r
|
|
16
|
+
var(--crayon-select-padding-y, 0.375rem) var(--crayon-select-padding-x, 0.75rem);font-size:var(--crayon-select-font-size, 1rem);border-radius:var(--crayon-input-border-radius, 0.375rem);}.lg.svelte-tlzzzs {padding:var(--crayon-select-padding-y-lg, 0.5rem)\r
|
|
17
|
+
var(--crayon-select-indicator-padding, 2.5rem)\r
|
|
18
|
+
var(--crayon-select-padding-y-lg, 0.5rem) var(--crayon-select-padding-x-lg, 1rem);font-size:var(--crayon-input-font-size-lg, 1.25rem);border-radius:var(--crayon-input-border-radius-lg, 0.5rem);}`};function Ve(c,n){ke(n,!1),Ae(c,Qe);const S=I();let i=v(n,"value",12,""),T=v(n,"name",12,void 0),A=v(n,"id",12,void 0),R=v(n,"size",12,"md"),G=v(n,"disabled",12,!1),j=v(n,"required",12,!1),H=v(n,"multiple",12,!1),U=v(n,"selectSize",12,void 0),B=v(n,"ariaLabel",12,void 0),W=v(n,"ariaDescribedby",12,void 0),N=v(n,"label",12,void 0),C=v(n,"hintText",12,void 0),y=v(n,"options",12,void 0),x=v(n,"placeholder",12,void 0),J=v(n,"onchange",12,void 0),f=I(),K=I(),F=I([]),w=null;const de="UI-FORM-SELECT-OPTION";function ce(e){const r=e.getRootNode();return r instanceof ShadowRoot?r.host:null}function Z(e){w&&w.disconnect(),w=new MutationObserver(()=>{Q({target:e})}),e.assignedElements().forEach(s=>{w?.observe(s,{attributes:!0,childList:!0,characterData:!0,subtree:!0})})}function Q(e){const r=e?.target??t(f)?.closest(".form-select-wrapper")?.querySelector("slot");if(!r)return;const s=r.assignedNodes(),z=s.filter(o=>o.nodeType===Node.ELEMENT_NODE&&o.tagName===de);if(z.length>0){P(F,z.map(o=>({value:o.getAttribute("value")??"",label:o.textContent?.trim()??o.getAttribute("label")??"",selected:o.hasAttribute("selected")})));return}const E=s.filter(o=>o.nodeType===Node.ELEMENT_NODE&&(o.tagName==="OPTION"||o.tagName==="OPTGROUP"));E.length>0&&t(f)&&E.forEach(o=>t(f).appendChild(o))}function ue(e){const r=e.target;i(r.value);const s={value:i()};J()?.(s),ce(r)?.dispatchEvent(new CustomEvent("change",{detail:s,bubbles:!0}))}qe(()=>{const e=t(K)?.querySelector("slot");if(!e)return;const r=s=>{Q(s),Z(e)};return e.addEventListener("slotchange",r),requestAnimationFrame(()=>{Q({target:e}),Z(e)}),()=>{e.removeEventListener("slotchange",r),w?.disconnect(),w=null}}),re(()=>(t(f),M(i())),()=>{if(t(f)!=null){const e=i()!=null?String(i()):"";t(f).value!==e&&Ne(f,t(f).value=e)}}),re(()=>M(A()),()=>{P(S,A()??`ui-form-select-${Math.random().toString(36).slice(2,9)}`)}),Ee();var ve={get value(){return i()},set value(e){i(e),u()},get name(){return T()},set name(e){T(e),u()},get id(){return A()},set id(e){A(e),u()},get size(){return R()},set size(e){R(e),u()},get disabled(){return G()},set disabled(e){G(e),u()},get required(){return j()},set required(e){j(e),u()},get multiple(){return H()},set multiple(e){H(e),u()},get selectSize(){return U()},set selectSize(e){U(e),u()},get ariaLabel(){return B()},set ariaLabel(e){B(e),u()},get ariaDescribedby(){return W()},set ariaDescribedby(e){W(e),u()},get label(){return N()},set label(e){N(e),u()},get hintText(){return C()},set hintText(e){C(e),u()},get options(){return y()},set options(e){y(e),u()},get placeholder(){return x()},set placeholder(e){x(e),u()},get onchange(){return J()},set onchange(e){J(e),u()}};Ce();var V=Ke(),$=g(V);{var fe=e=>{var r=Re(),s=g(r,!0);p(r),h(()=>{k(r,"for",t(S)),O(s,N())}),b(e,r)};D($,e=>{N()&&e(fe)})}var l=q($,2);l.__change=ue;var me=g(l);{var be=e=>{var r=He(),s=ae(r);{var z=o=>{var a=Ge(),d=g(a,!0);p(a),a.value=a.__value="",h(()=>O(d,x())),b(o,a)};D(s,o=>{x()!=null&&o(z)})}var E=q(s,2);ne(E,1,y,oe,(o,a)=>{var d=je(),Y=g(d,!0);p(d);var L={};h(()=>{O(Y,(t(a),m(()=>t(a).label))),L!==(L=(t(a),m(()=>t(a).value)))&&(d.value=(d.__value=(t(a),m(()=>t(a).value)))??"")}),b(o,d)}),b(e,r)},ge=Le(()=>(M(y()),m(()=>Array.isArray(y())&&y().length>0))),pe=e=>{var r=We(),s=ae(r);{var z=o=>{var a=Ue(),d=g(a,!0);p(a),a.value=a.__value="",h(()=>O(d,x())),b(o,a)};D(s,o=>{x()!=null&&o(z)})}var E=q(s,2);ne(E,1,()=>t(F),oe,(o,a)=>{var d=Be(),Y=g(d,!0);p(d);var L={};h(()=>{Ie(d,(t(a),m(()=>t(a).selected))),O(Y,(t(a),m(()=>t(a).label))),L!==(L=(t(a),m(()=>t(a).value)))&&(d.value=(d.__value=(t(a),m(()=>t(a).value)))??"")}),b(o,d)}),b(e,r)};D(me,e=>{t(ge)?e(be):(t(F),m(()=>t(F).length>0)&&e(pe,1))})}p(l),se(l,e=>P(f,e),()=>t(f));var ee;Pe(l);var te=q(l,2);{var _e=e=>{var r=Je(),s=g(r,!0);p(r),h(()=>O(s,C())),b(e,r)};D(te,e=>{C()&&e(_e)})}var X=q(te,2),ze=g(X);return De(ze,n,"default",{},null),p(X),se(X,e=>P(K,e),()=>t(K)),p(V),h(e=>{k(l,"id",t(S)),k(l,"name",T()),l.disabled=G(),l.required=j(),l.multiple=H(),k(l,"size",U()),Fe(l,1,Me(R()),"svelte-tlzzzs"),k(l,"aria-label",B()??N()),k(l,"aria-describedby",W()),ee!==(ee=e)&&(l.value=(l.__value=e)??"",ie(l,e))},[()=>(M(i()),m(()=>i()!=null?String(i()):""))]),b(c,V),Oe(ve)}Se(["change"]);customElements.define("ui-form-select",Te(Ve,{value:{},name:{},id:{},size:{},disabled:{},required:{},multiple:{},selectSize:{},ariaLabel:{},ariaDescribedby:{},label:{},hintText:{},options:{},placeholder:{},onchange:{}},["default"],[],{mode:"open"}));export{Ve as default};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import{l as L,a as fe,t as te,b as l,p as xe,c as Ce,d as y,g as s,s as ne,f as w,m as f,k as a,u as _e,i as ke,j as re,n as x,r as ae,v as oe,w as ie,B as de}from"./custom-element-vZIc-tZM.js";import{i as K}from"./if-B3xMWYuB.js";import{s as se}from"./slot-Btw_EhJQ.js";import{a as Le,i as ze,s as le,c as Me}from"./lifecycle-BSCLFPkh.js";import{s as i,a as Be,r as Ve}from"./attributes-BN21YWvK.js";import{p as o}from"./props-DClXGNhw.js";var De=w('<span class="input-icon input-icon-leading svelte-yoy3nv" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svelte-yoy3nv"><circle cx="11" cy="11" r="8" class="svelte-yoy3nv"></circle><path d="m21 21-4.35-4.35" class="svelte-yoy3nv"></path></svg></span>'),He=w('<span class="input-icon input-icon-trailing input-icon-disabled svelte-yoy3nv" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="svelte-yoy3nv"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.9973 4.5167C11.9184 2.37704 10.159 0.666656 8.00004 0.666656C5.7909 0.666656 4.00004 2.45752 4.00004 4.66666V6.66666H3.33337C2.2288 6.66666 1.33337 7.56209 1.33337 8.66666V13.3333C1.33337 14.4379 2.2288 15.3333 3.33337 15.3333H12.6667C13.7713 15.3333 14.6667 14.4379 14.6667 13.3333V8.66666C14.6667 7.56209 13.7713 6.66666 12.6667 6.66666H12V4.66666L11.9973 4.5167ZM11.3342 7.99999C11.3339 7.99999 11.3336 7.99999 11.3334 7.99999C11.3331 7.99999 11.3328 7.99999 11.3326 7.99999H4.66751C4.66724 7.99999 4.66698 7.99999 4.66671 7.99999C4.66644 7.99999 4.66617 7.99999 4.6659 7.99999H3.33337C2.96518 7.99999 2.66671 8.29847 2.66671 8.66666V13.3333C2.66671 13.7015 2.96518 14 3.33337 14H12.6667C13.0349 14 13.3334 13.7015 13.3334 13.3333V8.66666C13.3334 8.29847 13.0349 7.99999 12.6667 7.99999H11.3342ZM5.33337 6.66666H10.6667V4.66666C10.6667 3.1939 9.4728 1.99999 8.00004 1.99999C6.57191 1.99999 5.40599 3.12264 5.33664 4.53356L5.33337 4.66666V6.66666Z" fill="#BDBDBC" class="svelte-yoy3nv"></path></svg></span>'),Se=de('<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="svelte-yoy3nv"><path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" class="svelte-yoy3nv"></path><path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" class="svelte-yoy3nv"></path><path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-4.444" class="svelte-yoy3nv"></path><path d="m2 2 20 20" class="svelte-yoy3nv"></path></svg>'),Ee=de('<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="svelte-yoy3nv"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" class="svelte-yoy3nv"></path><circle cx="12" cy="12" r="3" class="svelte-yoy3nv"></circle></svg>'),Ze=w('<button type="button" class="input-icon input-icon-trailing input-icon-password-toggle svelte-yoy3nv" tabindex="-1"><!></button>'),qe=w('<span class="input-icon input-icon-trailing input-icon-error svelte-yoy3nv" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="svelte-yoy3nv"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.99996 0.666672C3.94987 0.666672 0.666626 3.94992 0.666626 8C0.666626 12.0501 3.94987 15.3333 7.99996 15.3333C12.05 15.3333 15.3333 12.0501 15.3333 8C15.3333 3.94992 12.05 0.666672 7.99996 0.666672ZM7.99996 2.00001C11.3137 2.00001 14 4.6863 14 8.00001C14 11.3137 11.3137 14 7.99996 14C4.68625 14 1.99996 11.3137 1.99996 8.00001C1.99996 4.6863 4.68625 2.00001 7.99996 2.00001ZM7.99996 4.66667C8.34185 4.66667 8.62363 4.92403 8.66214 5.25559L8.66663 5.33334V8.00001C8.66663 8.3682 8.36815 8.66667 7.99996 8.66667C7.65807 8.66667 7.37629 8.40931 7.33778 8.07775L7.33329 8.00001V5.33334C7.33329 4.96515 7.63177 4.66667 7.99996 4.66667ZM8.67329 10.6667C8.67329 10.2985 8.37482 10 8.00663 10L7.92221 10.0045C7.59065 10.043 7.33329 10.3248 7.33329 10.6667C7.33329 11.0349 7.63177 11.3333 7.99996 11.3333L8.08437 11.3289C8.41593 11.2903 8.67329 11.0086 8.67329 10.6667Z" fill="#E03E52" class="svelte-yoy3nv"></path></svg></span>'),je=w('<span class="input-icon input-icon-trailing input-icon-success svelte-yoy3nv" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="svelte-yoy3nv"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.8619 4.19526C13.1223 3.93491 13.5444 3.93491 13.8047 4.19526C14.0451 4.43558 14.0635 4.81374 13.8602 5.07527L13.8047 5.13807L6.4714 12.4714C6.23108 12.7117 5.85293 12.7302 5.5914 12.5269L5.5286 12.4714L2.19526 9.13807C1.93491 8.87772 1.93491 8.45561 2.19526 8.19526C2.43558 7.95494 2.81374 7.93645 3.07527 8.1398L3.13807 8.19526L6 11.0567L12.8619 4.19526Z" fill="#222121" class="svelte-yoy3nv"></path></svg></span>'),Ie=w('<div role="presentation"><!> <input/> <!></div>');const Pe={hash:"svelte-yoy3nv",code:`.input-wrapper.svelte-yoy3nv {position:relative;display:flex;align-items:center;width:100%;border-radius:var(--crayon-input-border-radius, 8px);border:var(--crayon-input-border-width, 1px) solid\r
|
|
2
|
+
var(--crayon-input-border-color-default, #e0e0e0);background-color:var(--crayon-input-bg, #feffff);transition:border-color 0.15s ease-in-out,\r
|
|
3
|
+
box-shadow 0.15s ease-in-out;box-sizing:border-box;}\r
|
|
4
|
+
\r
|
|
5
|
+
/* Basic/Default: purple border when empty */.input-wrapper.svelte-yoy3nv:not(.has-value):not(.state-error):not(.state-success) {border-color:var(--crayon-input-border-color-default, #e0e0e0);}\r
|
|
6
|
+
\r
|
|
7
|
+
/* Data: grey border when has value, not focused */.input-wrapper.has-value.svelte-yoy3nv:not(.state-error):not(.state-success):focus-within {border-color:var(--crayon-input-focus-border-color, #2563eb);}.input-wrapper.has-value.svelte-yoy3nv:not(.state-error):not(.state-success):not(\r
|
|
8
|
+
:focus-within\r
|
|
9
|
+
) {border-color:var(--crayon-input-border-color-data, #e0e0e0);}\r
|
|
10
|
+
\r
|
|
11
|
+
/* Active (focus): blue border */.input-wrapper.svelte-yoy3nv:focus-within:not(.state-error):not(.state-success) {border-color:var(--crayon-input-focus-border-color, #2563eb);box-shadow:0 0 0 0.2rem var(--crayon-input-focus-ring, rgba(37, 99, 235, 0.25));}\r
|
|
12
|
+
\r
|
|
13
|
+
/* Error state */.input-wrapper.state-error.svelte-yoy3nv {border-color:var(--crayon-input-error-border-color, #dc2626);}.input-wrapper.state-error.svelte-yoy3nv:focus-within {box-shadow:0 0 0 0.2rem var(--crayon-input-error-ring, rgba(220, 38, 38, 0.25));}\r
|
|
14
|
+
\r
|
|
15
|
+
/* Success state */.input-wrapper.state-success.svelte-yoy3nv {border-color:var(--crayon-input-success-border-color, #16a34a);}.input-wrapper.state-success.svelte-yoy3nv:focus-within {box-shadow:0 0 0 0.2rem\r
|
|
16
|
+
var(--crayon-input-success-ring, rgba(22, 163, 74, 0.25));}\r
|
|
17
|
+
\r
|
|
18
|
+
/* Disabled: light grey border and bg */.input-el.svelte-yoy3nv:disabled {background-color:var(--crayon-input-disabled-bg, #e9ecef);color:var(--crayon-input-disabled-color, #6c757d);cursor:not-allowed;}.input-wrapper.svelte-yoy3nv:has(:where(.svelte-yoy3nv):disabled) {border-color:var(--crayon-input-disabled-border-color, #dee2e6);background-color:var(--crayon-input-disabled-bg, #e9ecef);}.input-el.svelte-yoy3nv {display:block;flex:1;min-width:0;padding:var(--crayon-input-padding-y, 9px) var(--crayon-input-padding-x, 16px);font-family:inherit;font-size:var(--crayon-input-font-size, 14px);line-height:1.5;color:var(--crayon-input-color, #222121);background:transparent;border:none;outline:0;box-shadow:none;box-sizing:border-box;}.input-el.svelte-yoy3nv::placeholder {color:var(--crayon-input-placeholder-color, #bdbdbc);}.input-el.has-leading-icon.svelte-yoy3nv {padding-left:2.5rem !important;}.input-el.has-trailing-icon.svelte-yoy3nv {padding-right:2.5rem !important;}.input-icon.svelte-yoy3nv {position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--crayon-input-icon-color, #6b7280);}.input-icon-leading.svelte-yoy3nv {left:var(--crayon-input-padding-x, 16px);color:var(--crayon-input-search-icon-color, #6b7280);}.input-wrapper.variant-search.svelte-yoy3nv:focus-within .input-icon-leading:where(.svelte-yoy3nv) {color:var(--crayon-input-focus-border-color, #2563eb);}.input-wrapper.svelte-yoy3nv:has(:where(.svelte-yoy3nv):disabled) .input-icon-leading:where(.svelte-yoy3nv) {color:var(--crayon-input-disabled-color, #6c757d);}.input-icon-trailing.svelte-yoy3nv {right:var(--crayon-input-padding-x, 16px);}.input-icon-error.svelte-yoy3nv {color:var(--crayon-input-error-icon-color, #dc2626);}.input-icon-success.svelte-yoy3nv {color:var(--crayon-input-success-icon-color, #16a34a);}.input-icon-disabled.svelte-yoy3nv {color:var(--crayon-input-disabled-color, #6c757d);}.input-icon-password-toggle.svelte-yoy3nv {pointer-events:auto;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--crayon-input-icon-color, #6b7280);}.input-icon-password-toggle.svelte-yoy3nv:hover {color:var(--crayon-input-focus-border-color, #2563eb);}\r
|
|
19
|
+
\r
|
|
20
|
+
/* Sizes */.input-wrapper.sm.svelte-yoy3nv .input-el:where(.svelte-yoy3nv) {padding:var(--crayon-input-padding-y-sm, 0.25rem)\r
|
|
21
|
+
var(--crayon-input-padding-x-sm, 0.5rem);font-size:var(--crayon-input-font-size-sm, 0.875rem);}.input-wrapper.sm.svelte-yoy3nv {border-radius:var(--crayon-input-border-radius-sm, 0.25rem);}.input-wrapper.sm.svelte-yoy3nv .input-el.has-leading-icon:where(.svelte-yoy3nv) {padding-left:1.75rem;}.input-wrapper.sm.svelte-yoy3nv .input-el.has-trailing-icon:where(.svelte-yoy3nv) {padding-right:1.75rem;}.input-wrapper.sm.svelte-yoy3nv .input-icon-leading:where(.svelte-yoy3nv) {left:0.5rem;}.input-wrapper.sm.svelte-yoy3nv .input-icon-trailing:where(.svelte-yoy3nv) {right:0.5rem;}.input-wrapper.md.svelte-yoy3nv .input-el:where(.svelte-yoy3nv) {padding:var(--crayon-input-padding-y, 9px) var(--crayon-input-padding-x, 16px);font-size:var(--crayon-input-font-size, 14px);}.input-wrapper.md.svelte-yoy3nv {border-radius:var(--crayon-input-border-radius, 8px);}.input-wrapper.lg.svelte-yoy3nv .input-el:where(.svelte-yoy3nv) {padding:var(--crayon-input-padding-y-lg, 0.5rem)\r
|
|
22
|
+
var(--crayon-input-padding-x-lg, 1rem);font-size:var(--crayon-input-font-size-lg, 1.25rem);}.input-wrapper.lg.svelte-yoy3nv {border-radius:var(--crayon-input-border-radius-lg, 0.5rem);}.input-wrapper.lg.svelte-yoy3nv .input-el.has-leading-icon:where(.svelte-yoy3nv) {padding-left:2.75rem;}.input-wrapper.lg.svelte-yoy3nv .input-el.has-trailing-icon:where(.svelte-yoy3nv) {padding-right:2.75rem;}`};function Re(Q,t){Ce(t,!1),Le(Q,Pe);const z=f(),U=f(),M=f(),W=f();let d=o(t,"value",12,""),c=o(t,"type",12,"text"),B=o(t,"placeholder",12,""),V=o(t,"name",12,void 0),D=o(t,"id",12,void 0),C=o(t,"size",12,"md"),h=o(t,"disabled",12,!1),H=o(t,"readonly",12,!1),S=o(t,"required",12,!1),u=o(t,"variant",12,"default"),v=o(t,"validationState",12,void 0),E=o(t,"autocomplete",12,void 0),Z=o(t,"min",12,void 0),q=o(t,"max",12,void 0),j=o(t,"step",12,void 0),I=o(t,"maxlength",12,void 0),P=o(t,"minlength",12,void 0),R=o(t,"pattern",12,void 0),T=o(t,"ariaLabel",12,void 0),A=o(t,"ariaDescribedby",12,void 0),N=o(t,"oninput",12,void 0),O=o(t,"onchange",12,void 0),_=o(t,"extraClass",12,""),b=f(!1);function X(){c()!=="password"||h()||x(b,!s(b))}function $(e){const r=e.getRootNode();return r instanceof ShadowRoot?r.host:null}function ce(e){const r=e.target;d(r.value);const g={value:d()};N()?.(g),$(r)?.dispatchEvent(new CustomEvent("input",{detail:g,bubbles:!0}))}function ve(e){const r=e.target;d(r.value);const g={value:d()};O()?.(g),$(r)?.dispatchEvent(new CustomEvent("change",{detail:g,bubbles:!0}))}L(()=>y(d()),()=>{x(z,d()!=="")}),L(()=>(y(C()),y(u()),y(v()),s(z),y(_())),()=>{x(U,`input-wrapper ${C()} variant-${u()} ${v()?`state-${v()}`:""} ${s(z)?"has-value":""} ${_()}`.trim())}),L(()=>(y(u()),y(c())),()=>{x(M,u()==="search"?"search":c())}),L(()=>(y(c()),s(b),s(M)),()=>{x(W,c()==="password"?s(b)?"text":"password":s(M))}),fe();var ue={get value(){return d()},set value(e){d(e),a()},get type(){return c()},set type(e){c(e),a()},get placeholder(){return B()},set placeholder(e){B(e),a()},get name(){return V()},set name(e){V(e),a()},get id(){return D()},set id(e){D(e),a()},get size(){return C()},set size(e){C(e),a()},get disabled(){return h()},set disabled(e){h(e),a()},get readonly(){return H()},set readonly(e){H(e),a()},get required(){return S()},set required(e){S(e),a()},get variant(){return u()},set variant(e){u(e),a()},get validationState(){return v()},set validationState(e){v(e),a()},get autocomplete(){return E()},set autocomplete(e){E(e),a()},get min(){return Z()},set min(e){Z(e),a()},get max(){return q()},set max(e){q(e),a()},get step(){return j()},set step(e){j(e),a()},get maxlength(){return I()},set maxlength(e){I(e),a()},get minlength(){return P()},set minlength(e){P(e),a()},get pattern(){return R()},set pattern(e){R(e),a()},get ariaLabel(){return T()},set ariaLabel(e){T(e),a()},get ariaDescribedby(){return A()},set ariaDescribedby(e){A(e),a()},get oninput(){return N()},set oninput(e){N(e),a()},get onchange(){return O()},set onchange(e){O(e),a()},get extraClass(){return _()},set extraClass(e){_(e),a()}};ze();var k=Ie(),ee=re(k);{var pe=e=>{var r=De();l(e,r)};K(ee,e=>{u()==="search"&&e(pe)})}var n=ne(ee,2);Ve(n),n.__input=ce,n.__change=ve;var ye=ne(n,2);{var ge=e=>{var r=He();l(e,r)},he=e=>{var r=Ze();r.__click=X,r.__keydown=p=>p.key==="Enter"&&X();var g=re(r);{var Y=p=>{var m=oe(),F=ie(m);se(F,t,"password-toggle-visible",{},G=>{var J=Se();l(G,J)}),l(p,m)},me=p=>{var m=oe(),F=ie(m);se(F,t,"password-toggle-hidden",{},G=>{var J=Ee();l(G,J)}),l(p,m)};K(g,p=>{s(b)?p(Y):p(me,!1)})}ae(r),te(()=>i(r,"aria-label",s(b)?"Hide password":"Show password")),l(e,r)},be=e=>{var r=qe();l(e,r)},we=e=>{var r=je();l(e,r)};K(ye,e=>{h()?e(ge):c()==="password"?e(he,1):v()==="error"?e(be,2):v()==="success"&&e(we,3)})}return ae(k),te(()=>{le(k,1,Me(s(U)),"svelte-yoy3nv"),i(n,"type",s(W)),Be(n,d()),i(n,"placeholder",B()),i(n,"name",V()),i(n,"id",D()),n.disabled=h(),n.readOnly=H(),n.required=S(),i(n,"autocomplete",E()),i(n,"min",Z()),i(n,"max",q()),i(n,"step",j()),i(n,"maxlength",I()),i(n,"minlength",P()),i(n,"pattern",R()),le(n,1,`input-el ${u()==="search"?"has-leading-icon":""} ${v()||h()||c()==="password"?"has-trailing-icon":""}`,"svelte-yoy3nv"),i(n,"aria-label",T()),i(n,"aria-describedby",A()),i(n,"aria-invalid",v()==="error"?"true":void 0)}),l(Q,k),xe(ue)}_e(["input","change","click","keydown"]);customElements.define("ui-input",ke(Re,{value:{},type:{},placeholder:{},name:{},id:{},size:{},disabled:{},readonly:{},required:{},variant:{},validationState:{},autocomplete:{},min:{},max:{},step:{},maxlength:{},minlength:{},pattern:{},ariaLabel:{},ariaDescribedby:{},oninput:{},onchange:{},extraClass:{}},["password-toggle-visible","password-toggle-hidden"],[],{mode:"open"}));export{Re as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{l as h,a as q,t as S,b as m,p as C,c as I,d,f as g,j as x,k as l,s as k,g as B,i as E,m as F,n as L,r as p}from"./custom-element-vZIc-tZM.js";import{i as M}from"./if-B3xMWYuB.js";import{s as U}from"./slot-Btw_EhJQ.js";import{a as A,i as D,s as G,c as H}from"./lifecycle-BSCLFPkh.js";import{s as J}from"./attributes-BN21YWvK.js";import{p as s}from"./props-DClXGNhw.js";var K=g('<span class="label-required svelte-10jnxwn" aria-hidden="true">*</span>'),N=g('<label><span class="label-text svelte-10jnxwn"><!></span> <!></label>');const O={hash:"svelte-10jnxwn",code:'.label-root.svelte-10jnxwn {display:inline-flex;align-items:baseline;gap:0.25rem;font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-weight:500;line-height:1.3;color:var(--crayon-label-color, #111827);cursor:default;}.label-root.is-disabled.svelte-10jnxwn {color:var(--crayon-label-disabled-color, #9ca3af);cursor:not-allowed;}.label-root.state-error.svelte-10jnxwn {color:var(--crayon-label-error-color, #dc2626);}.label-root.state-success.svelte-10jnxwn {color:var(--crayon-label-success-color, #16a34a);}.label-root.size-sm.svelte-10jnxwn {font-size:var(--crayon-label-font-size-sm, 12px);}.label-root.size-md.svelte-10jnxwn {font-size:var(--crayon-label-font-size-md, 14px);}.label-root.size-lg.svelte-10jnxwn {font-size:var(--crayon-label-font-size-lg, 16px);}.label-text.svelte-10jnxwn {display:inline;}.label-required.svelte-10jnxwn {color:var(--crayon-label-required-color, #dc2626);font-weight:600;}.label-root.is-disabled.svelte-10jnxwn .label-required:where(.svelte-10jnxwn) {color:var(--crayon-label-disabled-color, #9ca3af);}'};function P(u,a){I(a,!1),A(u,O);const v=F();let c=s(a,"forId",12,void 0),f=s(a,"required",12,!1),o=s(a,"disabled",12,!1),n=s(a,"size",12,"md"),t=s(a,"validationState",12,void 0),i=s(a,"extraClass",12,"");h(()=>(d(n()),d(o()),d(t()),d(i())),()=>{L(v,`label-root size-${n()} ${o()?"is-disabled":""} ${t()?`state-${t()}`:""} ${i()}`.trim())}),q();var w={get forId(){return c()},set forId(e){c(e),l()},get required(){return f()},set required(e){f(e),l()},get disabled(){return o()},set disabled(e){o(e),l()},get size(){return n()},set size(e){n(e),l()},get validationState(){return t()},set validationState(e){t(e),l()},get extraClass(){return i()},set extraClass(e){i(e),l()}};D();var r=N(),b=x(r),y=x(b);U(y,a,"default",{},null),p(b);var _=k(b,2);{var j=e=>{var z=K();m(e,z)};M(_,e=>{f()&&e(j)})}return p(r),S(()=>{G(r,1,H(B(v)),"svelte-10jnxwn"),J(r,"for",c())}),m(u,r),C(w)}customElements.define("ui-label",E(P,{forId:{},required:{},disabled:{},size:{},validationState:{},extraClass:{}},["default"],[],{mode:"open"}));export{P as default};
|