instaui 0.1.7__py3-none-any.whl → 0.1.9__py3-none-any.whl
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.
- instaui/arco/components/calendar.py +1 -1
- instaui/arco/components/cascader.py +1 -1
- instaui/arco/static/instaui-arco.css +1 -1
- instaui/arco/static/instaui-arco.js +55771 -55771
- instaui/components/html/heading.py +8 -8
- instaui/components/html/input.py +4 -4
- instaui/components/html/label.py +2 -2
- instaui/components/html/li.py +1 -1
- instaui/components/html/number.py +5 -5
- instaui/components/html/paragraph.py +2 -2
- instaui/components/html/select.py +0 -5
- instaui/components/html/span.py +2 -2
- instaui/components/html/table.py +6 -6
- instaui/components/html/textarea.py +4 -4
- instaui/components/row.py +0 -3
- instaui/components/shiki_code/static/shiki-style.css +179 -179
- instaui/experimental/__init__.py +1 -2
- instaui/shadcn_classless/static/shadcn-classless.css +403 -403
- instaui/spa_router/_file_base_utils.py +20 -16
- instaui/static/insta-ui.esm-browser.prod.js +3672 -3663
- instaui/static/insta-ui.js.map +1 -1
- instaui/template/webview_template.py +0 -2
- instaui/ui/__init__.py +1 -1
- instaui/ui/__init__.pyi +1 -1
- instaui/vars/web_computed.py +6 -0
- instaui/webview/__init__.py +1 -0
- instaui/webview/index.py +0 -1
- {instaui-0.1.7.dist-info → instaui-0.1.9.dist-info}/METADATA +19 -26
- {instaui-0.1.7.dist-info → instaui-0.1.9.dist-info}/RECORD +63 -69
- {instaui-0.1.7.dist-info → instaui-0.1.9.dist-info}/WHEEL +1 -1
- instaui/experimental/link_sql/__init__.py +0 -3
- instaui/experimental/link_sql/_base.py +0 -23
- instaui/experimental/link_sql/_duckdb.py +0 -221
- instaui/experimental/link_sql/_types.py +0 -15
- instaui/experimental/link_sql/data_source.js +0 -50
- instaui/vars/__init__.py +0 -13
- {instaui-0.1.7.dist-info → instaui-0.1.9.dist-info/licenses}/LICENSE +0 -0
|
@@ -1,403 +1,403 @@
|
|
|
1
|
-
.shadcn-classless {
|
|
2
|
-
color-scheme: light dark;
|
|
3
|
-
font-family: ui-monospace, "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
|
|
4
|
-
background-color: var(--background);
|
|
5
|
-
color: var(--foreground);
|
|
6
|
-
line-height: 1.5;
|
|
7
|
-
padding: 1rem;
|
|
8
|
-
--radius: 0.5rem;
|
|
9
|
-
--background: oklch(1 0 0);
|
|
10
|
-
--foreground: oklch(0.141 0.005 285.823);
|
|
11
|
-
--card: oklch(1 0 0);
|
|
12
|
-
--card-foreground: oklch(0.141 0.005 285.823);
|
|
13
|
-
--popover: oklch(1 0 0);
|
|
14
|
-
--popover-foreground: oklch(0.141 0.005 285.823);
|
|
15
|
-
--primary: oklch(0.21 0.006 285.885);
|
|
16
|
-
--primary-foreground: oklch(0.985 0 0);
|
|
17
|
-
--secondary: oklch(0.967 0.001 286.375);
|
|
18
|
-
--secondary-foreground: oklch(0.21 0.006 285.885);
|
|
19
|
-
--muted: oklch(0.967 0.001 286.375);
|
|
20
|
-
--muted-foreground: oklch(0.552 0.016 285.938);
|
|
21
|
-
--accent: oklch(0.967 0.001 286.375);
|
|
22
|
-
--accent-foreground: oklch(0.21 0.006 285.885);
|
|
23
|
-
--destructive: oklch(0.577 0.245 27.325);
|
|
24
|
-
--border: oklch(0.92 0.004 286.32);
|
|
25
|
-
--input: oklch(0.92 0.004 286.32);
|
|
26
|
-
--ring: oklch(0.705 0.015 286.067);
|
|
27
|
-
--chart-1: oklch(0.646 0.222 41.116);
|
|
28
|
-
--chart-2: oklch(0.6 0.118 184.704);
|
|
29
|
-
--chart-3: oklch(0.398 0.07 227.392);
|
|
30
|
-
--chart-4: oklch(0.828 0.189 84.429);
|
|
31
|
-
--chart-5: oklch(0.769 0.188 70.08);
|
|
32
|
-
--sidebar: oklch(0.985 0 0);
|
|
33
|
-
--sidebar-foreground: oklch(0.141 0.005 285.823);
|
|
34
|
-
--sidebar-primary: oklch(0.21 0.006 285.885);
|
|
35
|
-
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
36
|
-
--sidebar-accent: oklch(0.967 0.001 286.375);
|
|
37
|
-
--sidebar-accent-foreground: oklch(0.21 0.006 285.885);
|
|
38
|
-
--sidebar-border: oklch(0.92 0.004 286.32);
|
|
39
|
-
--sidebar-ring: oklch(0.705 0.015 286.067);
|
|
40
|
-
}
|
|
41
|
-
.shadcn-classless.dark-mode {
|
|
42
|
-
--background: oklch(0.141 0.005 285.823);
|
|
43
|
-
--foreground: oklch(0.985 0 0);
|
|
44
|
-
--card: oklch(0.21 0.006 285.885);
|
|
45
|
-
--card-foreground: oklch(0.985 0 0);
|
|
46
|
-
--popover: oklch(0.21 0.006 285.885);
|
|
47
|
-
--popover-foreground: oklch(0.985 0 0);
|
|
48
|
-
--primary: oklch(0.92 0.004 286.32);
|
|
49
|
-
--primary-foreground: oklch(0.21 0.006 285.885);
|
|
50
|
-
--secondary: oklch(0.274 0.006 286.033);
|
|
51
|
-
--secondary-foreground: oklch(0.985 0 0);
|
|
52
|
-
--muted: oklch(0.274 0.006 286.033);
|
|
53
|
-
--muted-foreground: oklch(0.705 0.015 286.067);
|
|
54
|
-
--accent: oklch(0.274 0.006 286.033);
|
|
55
|
-
--accent-foreground: oklch(0.985 0 0);
|
|
56
|
-
--destructive: oklch(0.704 0.191 22.216);
|
|
57
|
-
--border: oklch(1 0 0 / 10%);
|
|
58
|
-
--input: oklch(1 0 0 / 15%);
|
|
59
|
-
--ring: oklch(0.552 0.016 285.938);
|
|
60
|
-
--chart-1: oklch(0.488 0.243 264.376);
|
|
61
|
-
--chart-2: oklch(0.696 0.17 162.48);
|
|
62
|
-
--chart-3: oklch(0.769 0.188 70.08);
|
|
63
|
-
--chart-4: oklch(0.627 0.265 303.9);
|
|
64
|
-
--chart-5: oklch(0.645 0.246 16.439);
|
|
65
|
-
--sidebar: oklch(0.21 0.006 285.885);
|
|
66
|
-
--sidebar-foreground: oklch(0.985 0 0);
|
|
67
|
-
--sidebar-primary: oklch(0.488 0.243 264.376);
|
|
68
|
-
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
69
|
-
--sidebar-accent: oklch(0.274 0.006 286.033);
|
|
70
|
-
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
71
|
-
--sidebar-border: oklch(1 0 0 / 10%);
|
|
72
|
-
--sidebar-ring: oklch(0.552 0.016 285.938);
|
|
73
|
-
}
|
|
74
|
-
.shadcn-classless *,
|
|
75
|
-
.shadcn-classless ::after,
|
|
76
|
-
.shadcn-classless ::before {
|
|
77
|
-
box-sizing: border-box;
|
|
78
|
-
}
|
|
79
|
-
.shadcn-classless * {
|
|
80
|
-
margin: 0;
|
|
81
|
-
padding: 0;
|
|
82
|
-
}
|
|
83
|
-
.shadcn-classless h1,
|
|
84
|
-
.shadcn-classless h2,
|
|
85
|
-
.shadcn-classless h3,
|
|
86
|
-
.shadcn-classless h4,
|
|
87
|
-
.shadcn-classless h5,
|
|
88
|
-
.shadcn-classless h6 {
|
|
89
|
-
margin-bottom: 0.5em;
|
|
90
|
-
font-weight: 700;
|
|
91
|
-
}
|
|
92
|
-
.shadcn-classless h1 {
|
|
93
|
-
letter-spacing: -0.025em;
|
|
94
|
-
font-weight: 700;
|
|
95
|
-
font-size: 1.875rem;
|
|
96
|
-
line-height: 2.25rem;
|
|
97
|
-
}
|
|
98
|
-
.shadcn-classless h2 {
|
|
99
|
-
letter-spacing: -0.025em;
|
|
100
|
-
font-weight: 600;
|
|
101
|
-
font-size: 1.25rem;
|
|
102
|
-
line-height: 1.75rem;
|
|
103
|
-
}
|
|
104
|
-
.shadcn-classless h3 {
|
|
105
|
-
letter-spacing: -0.025em;
|
|
106
|
-
font-weight: 600;
|
|
107
|
-
font-size: 1.125rem;
|
|
108
|
-
line-height: 1.75rem;
|
|
109
|
-
}
|
|
110
|
-
.shadcn-classless h4 {
|
|
111
|
-
letter-spacing: -0.025em;
|
|
112
|
-
font-weight: 600;
|
|
113
|
-
font-size: 16px;
|
|
114
|
-
line-height: 1.75rem;
|
|
115
|
-
}
|
|
116
|
-
.shadcn-classless h5 {
|
|
117
|
-
font-size: 15px;
|
|
118
|
-
}
|
|
119
|
-
.shadcn-classless h6 {
|
|
120
|
-
font-size: 14px;
|
|
121
|
-
}
|
|
122
|
-
.shadcn-classless p {
|
|
123
|
-
margin-bottom: 1em;
|
|
124
|
-
}
|
|
125
|
-
.shadcn-classless a {
|
|
126
|
-
color: var(--primary);
|
|
127
|
-
text-decoration: none;
|
|
128
|
-
}
|
|
129
|
-
.shadcn-classless a:hover {
|
|
130
|
-
text-decoration: underline;
|
|
131
|
-
}
|
|
132
|
-
.shadcn-classless ul,
|
|
133
|
-
.shadcn-classless ol {
|
|
134
|
-
margin-bottom: 1em;
|
|
135
|
-
padding-left: 1.5em;
|
|
136
|
-
}
|
|
137
|
-
.shadcn-classless header,
|
|
138
|
-
.shadcn-classless main {
|
|
139
|
-
max-width: 800px;
|
|
140
|
-
margin: 0 auto;
|
|
141
|
-
}
|
|
142
|
-
.shadcn-classless header {
|
|
143
|
-
margin-bottom: 2rem;
|
|
144
|
-
}
|
|
145
|
-
.shadcn-classless header h1 {
|
|
146
|
-
font-size: 2rem;
|
|
147
|
-
}
|
|
148
|
-
.shadcn-classless nav ul {
|
|
149
|
-
list-style: none;
|
|
150
|
-
padding: 0;
|
|
151
|
-
display: flex;
|
|
152
|
-
gap: 1rem;
|
|
153
|
-
}
|
|
154
|
-
.shadcn-classless section {
|
|
155
|
-
margin-bottom: 2rem;
|
|
156
|
-
}
|
|
157
|
-
.shadcn-classless form {
|
|
158
|
-
display: flex;
|
|
159
|
-
flex-direction: column;
|
|
160
|
-
gap: 1rem;
|
|
161
|
-
}
|
|
162
|
-
.shadcn-classless input,
|
|
163
|
-
.shadcn-classless select,
|
|
164
|
-
.shadcn-classless textarea {
|
|
165
|
-
font-weight: 500;
|
|
166
|
-
font: inherit;
|
|
167
|
-
padding: 0.5rem 0.75rem;
|
|
168
|
-
border: 1px solid var(--border);
|
|
169
|
-
border-radius: var(--radius);
|
|
170
|
-
background-color: var(--background);
|
|
171
|
-
color: var(--foreground);
|
|
172
|
-
font-size: 0.875rem;
|
|
173
|
-
}
|
|
174
|
-
.shadcn-classless select {
|
|
175
|
-
appearance: none;
|
|
176
|
-
-webkit-appearance: none;
|
|
177
|
-
-moz-appearance: none;
|
|
178
|
-
background: transparent;
|
|
179
|
-
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
|
|
180
|
-
background-repeat: no-repeat;
|
|
181
|
-
background-position-x: calc(100% - 0.75rem);
|
|
182
|
-
background-position-y: 50%;
|
|
183
|
-
}
|
|
184
|
-
.shadcn-classless input[type='submit'],
|
|
185
|
-
.shadcn-classless button {
|
|
186
|
-
font: inherit;
|
|
187
|
-
cursor: pointer;
|
|
188
|
-
font-size: 0.875rem;
|
|
189
|
-
font-weight: 500;
|
|
190
|
-
padding: 0.5rem 1rem;
|
|
191
|
-
background-color: var(--primary);
|
|
192
|
-
color: var(--primary-foreground);
|
|
193
|
-
border: none;
|
|
194
|
-
border-radius: var(--radius);
|
|
195
|
-
transition: background-color 0.2s ease-in-out;
|
|
196
|
-
}
|
|
197
|
-
.shadcn-classless input[type='submit']:hover,
|
|
198
|
-
.shadcn-classless button:hover {
|
|
199
|
-
background-color: color-mix(in srgb, var(--primary) 90%, transparent);
|
|
200
|
-
}
|
|
201
|
-
.shadcn-classless fieldset {
|
|
202
|
-
border: 1px solid var(--border);
|
|
203
|
-
border-radius: var(--radius);
|
|
204
|
-
padding: 1rem;
|
|
205
|
-
}
|
|
206
|
-
.shadcn-classless legend {
|
|
207
|
-
padding: 0 0.5rem;
|
|
208
|
-
}
|
|
209
|
-
.shadcn-classless label {
|
|
210
|
-
display: block;
|
|
211
|
-
}
|
|
212
|
-
.shadcn-classless small {
|
|
213
|
-
color: var(--muted-foreground);
|
|
214
|
-
}
|
|
215
|
-
.shadcn-classless figure {
|
|
216
|
-
margin-bottom: 1rem;
|
|
217
|
-
overflow: hidden;
|
|
218
|
-
}
|
|
219
|
-
.shadcn-classless img {
|
|
220
|
-
max-width: 100%;
|
|
221
|
-
height: auto;
|
|
222
|
-
border-radius: var(--radius);
|
|
223
|
-
}
|
|
224
|
-
.shadcn-classless figcaption {
|
|
225
|
-
font-size: 0.875rem;
|
|
226
|
-
margin-top: 0.5rem;
|
|
227
|
-
color: var(--muted-foreground);
|
|
228
|
-
}
|
|
229
|
-
.shadcn-classless blockquote {
|
|
230
|
-
border-left: 4px solid var(--border);
|
|
231
|
-
padding-left: 1rem;
|
|
232
|
-
font-style: italic;
|
|
233
|
-
}
|
|
234
|
-
.shadcn-classless [type='checkbox'],
|
|
235
|
-
.shadcn-classless [type='radio'] {
|
|
236
|
-
margin-right: 0.5rem;
|
|
237
|
-
}
|
|
238
|
-
.shadcn-classless progress {
|
|
239
|
-
width: 100%;
|
|
240
|
-
}
|
|
241
|
-
.shadcn-classless dialog {
|
|
242
|
-
background-color: var(--background);
|
|
243
|
-
color: var(--foreground);
|
|
244
|
-
border: 1px solid var(--border);
|
|
245
|
-
border-radius: var(--radius);
|
|
246
|
-
padding: 24px;
|
|
247
|
-
margin: auto;
|
|
248
|
-
}
|
|
249
|
-
.shadcn-classless dialog::backdrop {
|
|
250
|
-
background-color: rgba(0, 0, 0, 0.8);
|
|
251
|
-
}
|
|
252
|
-
.shadcn-classless details {
|
|
253
|
-
border: 1px solid var(--border);
|
|
254
|
-
border-radius: var(--radius);
|
|
255
|
-
padding: 0.5rem;
|
|
256
|
-
margin-bottom: 1rem;
|
|
257
|
-
}
|
|
258
|
-
.shadcn-classless summary {
|
|
259
|
-
cursor: pointer;
|
|
260
|
-
font-weight: bold;
|
|
261
|
-
}
|
|
262
|
-
.shadcn-classless article {
|
|
263
|
-
border: 1px solid var(--border);
|
|
264
|
-
border-radius: var(--radius);
|
|
265
|
-
padding: 1rem;
|
|
266
|
-
margin-bottom: 1rem;
|
|
267
|
-
}
|
|
268
|
-
.shadcn-classless footer {
|
|
269
|
-
margin-top: 2rem;
|
|
270
|
-
text-align: center;
|
|
271
|
-
color: var(--muted-foreground);
|
|
272
|
-
}
|
|
273
|
-
.shadcn-classless [aria-busy='true'] {
|
|
274
|
-
opacity: 0.7;
|
|
275
|
-
cursor: progress;
|
|
276
|
-
}
|
|
277
|
-
@media (max-width: 600px) {
|
|
278
|
-
.shadcn-classless body {
|
|
279
|
-
padding: 0.5rem;
|
|
280
|
-
}
|
|
281
|
-
.shadcn-classless nav ul {
|
|
282
|
-
flex-direction: column;
|
|
283
|
-
}
|
|
284
|
-
}
|
|
285
|
-
.shadcn-classless input[type='file']::file-selector-button {
|
|
286
|
-
border: none;
|
|
287
|
-
background-color: var(--background);
|
|
288
|
-
font-weight: 600;
|
|
289
|
-
}
|
|
290
|
-
.shadcn-classless *:disabled {
|
|
291
|
-
cursor: not-allowed;
|
|
292
|
-
}
|
|
293
|
-
.shadcn-classless input[type='radio'],
|
|
294
|
-
.shadcn-classless input[type='checkbox'],
|
|
295
|
-
.shadcn-classless input[type='range'] {
|
|
296
|
-
accent-color: var(--primary);
|
|
297
|
-
background-color: var(--background);
|
|
298
|
-
}
|
|
299
|
-
.shadcn-classless kbd {
|
|
300
|
-
padding: 0.125rem 0.625rem;
|
|
301
|
-
background-color: var(--primary);
|
|
302
|
-
color: var(--primary-foreground);
|
|
303
|
-
border-radius: var(--radius);
|
|
304
|
-
}
|
|
305
|
-
.shadcn-classless table {
|
|
306
|
-
caption-side: bottom;
|
|
307
|
-
border-collapse: collapse;
|
|
308
|
-
}
|
|
309
|
-
.shadcn-classless table caption {
|
|
310
|
-
color: var(--muted-foreground);
|
|
311
|
-
margin-top: 1rem;
|
|
312
|
-
}
|
|
313
|
-
.shadcn-classless table th {
|
|
314
|
-
color: var(--muted-foreground);
|
|
315
|
-
}
|
|
316
|
-
.shadcn-classless table tr {
|
|
317
|
-
border-bottom: 1px solid var(--border);
|
|
318
|
-
}
|
|
319
|
-
.shadcn-classless table tr:hover {
|
|
320
|
-
background-color: hsl(var(--muted) / 0.5);
|
|
321
|
-
}
|
|
322
|
-
.shadcn-classless table td,
|
|
323
|
-
.shadcn-classless table th {
|
|
324
|
-
vertical-align: middle;
|
|
325
|
-
padding: 0.5rem;
|
|
326
|
-
text-align: start;
|
|
327
|
-
}
|
|
328
|
-
.shadcn-classless table tfoot {
|
|
329
|
-
background-color: var(--muted);
|
|
330
|
-
}
|
|
331
|
-
.shadcn-classless dialog[drawer] {
|
|
332
|
-
border-bottom-right-radius: 0;
|
|
333
|
-
border-bottom-left-radius: 0;
|
|
334
|
-
top: auto;
|
|
335
|
-
bottom: 0;
|
|
336
|
-
width: 100vw;
|
|
337
|
-
max-height: 50vh;
|
|
338
|
-
}
|
|
339
|
-
.shadcn-classless dialog[drawer][open] {
|
|
340
|
-
animation: slideup 0.2s ease-in forwards;
|
|
341
|
-
}
|
|
342
|
-
.shadcn-classless dialog > header {
|
|
343
|
-
margin: 0;
|
|
344
|
-
}
|
|
345
|
-
@keyframes slideup {
|
|
346
|
-
0% {
|
|
347
|
-
transform: translateY(100%);
|
|
348
|
-
}
|
|
349
|
-
100% {
|
|
350
|
-
transform: translateY(0);
|
|
351
|
-
}
|
|
352
|
-
}
|
|
353
|
-
.shadcn-classless progress {
|
|
354
|
-
-webkit-appearance: none;
|
|
355
|
-
-moz-appearance: none;
|
|
356
|
-
appearance: none;
|
|
357
|
-
height: 0.5rem;
|
|
358
|
-
border-radius: 9999px;
|
|
359
|
-
background-color: var(--muted);
|
|
360
|
-
border: 0;
|
|
361
|
-
}
|
|
362
|
-
.shadcn-classless progress[value]::-webkit-progress-value {
|
|
363
|
-
border-radius: 9999px;
|
|
364
|
-
background-color: var(--primary);
|
|
365
|
-
}
|
|
366
|
-
.shadcn-classless ::-webkit-progress-bar {
|
|
367
|
-
border-radius: 9999px;
|
|
368
|
-
background-color: var(--muted);
|
|
369
|
-
}
|
|
370
|
-
.shadcn-classless ::-moz-progress-bar {
|
|
371
|
-
border-radius: 9999px;
|
|
372
|
-
background-color: var(--primary);
|
|
373
|
-
}
|
|
374
|
-
.shadcn-classless progress:indeterminate {
|
|
375
|
-
background: var(--muted) linear-gradient(to right, var(--primary) 35%, var(--muted) 35%) top left / 150% 150% no-repeat;
|
|
376
|
-
animation: progress-indeterminate 1.5s linear infinite;
|
|
377
|
-
}
|
|
378
|
-
.shadcn-classless progress:indeterminate::-webkit-progress-bar {
|
|
379
|
-
background-color: transparent;
|
|
380
|
-
}
|
|
381
|
-
.shadcn-classless progress:indeterminate::-moz-progress-bar {
|
|
382
|
-
background-color: transparent;
|
|
383
|
-
}
|
|
384
|
-
@keyframes progress-indeterminate {
|
|
385
|
-
0% {
|
|
386
|
-
background-position: 200% 0;
|
|
387
|
-
}
|
|
388
|
-
100% {
|
|
389
|
-
background-position: -200% 0;
|
|
390
|
-
}
|
|
391
|
-
}
|
|
392
|
-
.shadcn-classless hr {
|
|
393
|
-
border: 0;
|
|
394
|
-
height: 1px;
|
|
395
|
-
margin: 1rem 0;
|
|
396
|
-
background-color: var(--border);
|
|
397
|
-
flex-shrink: 0;
|
|
398
|
-
}
|
|
399
|
-
.shadcn-classless hr[vertical] {
|
|
400
|
-
width: 1px;
|
|
401
|
-
height: 1.25rem;
|
|
402
|
-
margin: 0 1rem;
|
|
403
|
-
}
|
|
1
|
+
.shadcn-classless {
|
|
2
|
+
color-scheme: light dark;
|
|
3
|
+
font-family: ui-monospace, "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
|
|
4
|
+
background-color: var(--background);
|
|
5
|
+
color: var(--foreground);
|
|
6
|
+
line-height: 1.5;
|
|
7
|
+
padding: 1rem;
|
|
8
|
+
--radius: 0.5rem;
|
|
9
|
+
--background: oklch(1 0 0);
|
|
10
|
+
--foreground: oklch(0.141 0.005 285.823);
|
|
11
|
+
--card: oklch(1 0 0);
|
|
12
|
+
--card-foreground: oklch(0.141 0.005 285.823);
|
|
13
|
+
--popover: oklch(1 0 0);
|
|
14
|
+
--popover-foreground: oklch(0.141 0.005 285.823);
|
|
15
|
+
--primary: oklch(0.21 0.006 285.885);
|
|
16
|
+
--primary-foreground: oklch(0.985 0 0);
|
|
17
|
+
--secondary: oklch(0.967 0.001 286.375);
|
|
18
|
+
--secondary-foreground: oklch(0.21 0.006 285.885);
|
|
19
|
+
--muted: oklch(0.967 0.001 286.375);
|
|
20
|
+
--muted-foreground: oklch(0.552 0.016 285.938);
|
|
21
|
+
--accent: oklch(0.967 0.001 286.375);
|
|
22
|
+
--accent-foreground: oklch(0.21 0.006 285.885);
|
|
23
|
+
--destructive: oklch(0.577 0.245 27.325);
|
|
24
|
+
--border: oklch(0.92 0.004 286.32);
|
|
25
|
+
--input: oklch(0.92 0.004 286.32);
|
|
26
|
+
--ring: oklch(0.705 0.015 286.067);
|
|
27
|
+
--chart-1: oklch(0.646 0.222 41.116);
|
|
28
|
+
--chart-2: oklch(0.6 0.118 184.704);
|
|
29
|
+
--chart-3: oklch(0.398 0.07 227.392);
|
|
30
|
+
--chart-4: oklch(0.828 0.189 84.429);
|
|
31
|
+
--chart-5: oklch(0.769 0.188 70.08);
|
|
32
|
+
--sidebar: oklch(0.985 0 0);
|
|
33
|
+
--sidebar-foreground: oklch(0.141 0.005 285.823);
|
|
34
|
+
--sidebar-primary: oklch(0.21 0.006 285.885);
|
|
35
|
+
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
36
|
+
--sidebar-accent: oklch(0.967 0.001 286.375);
|
|
37
|
+
--sidebar-accent-foreground: oklch(0.21 0.006 285.885);
|
|
38
|
+
--sidebar-border: oklch(0.92 0.004 286.32);
|
|
39
|
+
--sidebar-ring: oklch(0.705 0.015 286.067);
|
|
40
|
+
}
|
|
41
|
+
.shadcn-classless.dark-mode {
|
|
42
|
+
--background: oklch(0.141 0.005 285.823);
|
|
43
|
+
--foreground: oklch(0.985 0 0);
|
|
44
|
+
--card: oklch(0.21 0.006 285.885);
|
|
45
|
+
--card-foreground: oklch(0.985 0 0);
|
|
46
|
+
--popover: oklch(0.21 0.006 285.885);
|
|
47
|
+
--popover-foreground: oklch(0.985 0 0);
|
|
48
|
+
--primary: oklch(0.92 0.004 286.32);
|
|
49
|
+
--primary-foreground: oklch(0.21 0.006 285.885);
|
|
50
|
+
--secondary: oklch(0.274 0.006 286.033);
|
|
51
|
+
--secondary-foreground: oklch(0.985 0 0);
|
|
52
|
+
--muted: oklch(0.274 0.006 286.033);
|
|
53
|
+
--muted-foreground: oklch(0.705 0.015 286.067);
|
|
54
|
+
--accent: oklch(0.274 0.006 286.033);
|
|
55
|
+
--accent-foreground: oklch(0.985 0 0);
|
|
56
|
+
--destructive: oklch(0.704 0.191 22.216);
|
|
57
|
+
--border: oklch(1 0 0 / 10%);
|
|
58
|
+
--input: oklch(1 0 0 / 15%);
|
|
59
|
+
--ring: oklch(0.552 0.016 285.938);
|
|
60
|
+
--chart-1: oklch(0.488 0.243 264.376);
|
|
61
|
+
--chart-2: oklch(0.696 0.17 162.48);
|
|
62
|
+
--chart-3: oklch(0.769 0.188 70.08);
|
|
63
|
+
--chart-4: oklch(0.627 0.265 303.9);
|
|
64
|
+
--chart-5: oklch(0.645 0.246 16.439);
|
|
65
|
+
--sidebar: oklch(0.21 0.006 285.885);
|
|
66
|
+
--sidebar-foreground: oklch(0.985 0 0);
|
|
67
|
+
--sidebar-primary: oklch(0.488 0.243 264.376);
|
|
68
|
+
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
69
|
+
--sidebar-accent: oklch(0.274 0.006 286.033);
|
|
70
|
+
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
71
|
+
--sidebar-border: oklch(1 0 0 / 10%);
|
|
72
|
+
--sidebar-ring: oklch(0.552 0.016 285.938);
|
|
73
|
+
}
|
|
74
|
+
.shadcn-classless *,
|
|
75
|
+
.shadcn-classless ::after,
|
|
76
|
+
.shadcn-classless ::before {
|
|
77
|
+
box-sizing: border-box;
|
|
78
|
+
}
|
|
79
|
+
.shadcn-classless * {
|
|
80
|
+
margin: 0;
|
|
81
|
+
padding: 0;
|
|
82
|
+
}
|
|
83
|
+
.shadcn-classless h1,
|
|
84
|
+
.shadcn-classless h2,
|
|
85
|
+
.shadcn-classless h3,
|
|
86
|
+
.shadcn-classless h4,
|
|
87
|
+
.shadcn-classless h5,
|
|
88
|
+
.shadcn-classless h6 {
|
|
89
|
+
margin-bottom: 0.5em;
|
|
90
|
+
font-weight: 700;
|
|
91
|
+
}
|
|
92
|
+
.shadcn-classless h1 {
|
|
93
|
+
letter-spacing: -0.025em;
|
|
94
|
+
font-weight: 700;
|
|
95
|
+
font-size: 1.875rem;
|
|
96
|
+
line-height: 2.25rem;
|
|
97
|
+
}
|
|
98
|
+
.shadcn-classless h2 {
|
|
99
|
+
letter-spacing: -0.025em;
|
|
100
|
+
font-weight: 600;
|
|
101
|
+
font-size: 1.25rem;
|
|
102
|
+
line-height: 1.75rem;
|
|
103
|
+
}
|
|
104
|
+
.shadcn-classless h3 {
|
|
105
|
+
letter-spacing: -0.025em;
|
|
106
|
+
font-weight: 600;
|
|
107
|
+
font-size: 1.125rem;
|
|
108
|
+
line-height: 1.75rem;
|
|
109
|
+
}
|
|
110
|
+
.shadcn-classless h4 {
|
|
111
|
+
letter-spacing: -0.025em;
|
|
112
|
+
font-weight: 600;
|
|
113
|
+
font-size: 16px;
|
|
114
|
+
line-height: 1.75rem;
|
|
115
|
+
}
|
|
116
|
+
.shadcn-classless h5 {
|
|
117
|
+
font-size: 15px;
|
|
118
|
+
}
|
|
119
|
+
.shadcn-classless h6 {
|
|
120
|
+
font-size: 14px;
|
|
121
|
+
}
|
|
122
|
+
.shadcn-classless p {
|
|
123
|
+
margin-bottom: 1em;
|
|
124
|
+
}
|
|
125
|
+
.shadcn-classless a {
|
|
126
|
+
color: var(--primary);
|
|
127
|
+
text-decoration: none;
|
|
128
|
+
}
|
|
129
|
+
.shadcn-classless a:hover {
|
|
130
|
+
text-decoration: underline;
|
|
131
|
+
}
|
|
132
|
+
.shadcn-classless ul,
|
|
133
|
+
.shadcn-classless ol {
|
|
134
|
+
margin-bottom: 1em;
|
|
135
|
+
padding-left: 1.5em;
|
|
136
|
+
}
|
|
137
|
+
.shadcn-classless header,
|
|
138
|
+
.shadcn-classless main {
|
|
139
|
+
max-width: 800px;
|
|
140
|
+
margin: 0 auto;
|
|
141
|
+
}
|
|
142
|
+
.shadcn-classless header {
|
|
143
|
+
margin-bottom: 2rem;
|
|
144
|
+
}
|
|
145
|
+
.shadcn-classless header h1 {
|
|
146
|
+
font-size: 2rem;
|
|
147
|
+
}
|
|
148
|
+
.shadcn-classless nav ul {
|
|
149
|
+
list-style: none;
|
|
150
|
+
padding: 0;
|
|
151
|
+
display: flex;
|
|
152
|
+
gap: 1rem;
|
|
153
|
+
}
|
|
154
|
+
.shadcn-classless section {
|
|
155
|
+
margin-bottom: 2rem;
|
|
156
|
+
}
|
|
157
|
+
.shadcn-classless form {
|
|
158
|
+
display: flex;
|
|
159
|
+
flex-direction: column;
|
|
160
|
+
gap: 1rem;
|
|
161
|
+
}
|
|
162
|
+
.shadcn-classless input,
|
|
163
|
+
.shadcn-classless select,
|
|
164
|
+
.shadcn-classless textarea {
|
|
165
|
+
font-weight: 500;
|
|
166
|
+
font: inherit;
|
|
167
|
+
padding: 0.5rem 0.75rem;
|
|
168
|
+
border: 1px solid var(--border);
|
|
169
|
+
border-radius: var(--radius);
|
|
170
|
+
background-color: var(--background);
|
|
171
|
+
color: var(--foreground);
|
|
172
|
+
font-size: 0.875rem;
|
|
173
|
+
}
|
|
174
|
+
.shadcn-classless select {
|
|
175
|
+
appearance: none;
|
|
176
|
+
-webkit-appearance: none;
|
|
177
|
+
-moz-appearance: none;
|
|
178
|
+
background: transparent;
|
|
179
|
+
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
|
|
180
|
+
background-repeat: no-repeat;
|
|
181
|
+
background-position-x: calc(100% - 0.75rem);
|
|
182
|
+
background-position-y: 50%;
|
|
183
|
+
}
|
|
184
|
+
.shadcn-classless input[type='submit'],
|
|
185
|
+
.shadcn-classless button {
|
|
186
|
+
font: inherit;
|
|
187
|
+
cursor: pointer;
|
|
188
|
+
font-size: 0.875rem;
|
|
189
|
+
font-weight: 500;
|
|
190
|
+
padding: 0.5rem 1rem;
|
|
191
|
+
background-color: var(--primary);
|
|
192
|
+
color: var(--primary-foreground);
|
|
193
|
+
border: none;
|
|
194
|
+
border-radius: var(--radius);
|
|
195
|
+
transition: background-color 0.2s ease-in-out;
|
|
196
|
+
}
|
|
197
|
+
.shadcn-classless input[type='submit']:hover,
|
|
198
|
+
.shadcn-classless button:hover {
|
|
199
|
+
background-color: color-mix(in srgb, var(--primary) 90%, transparent);
|
|
200
|
+
}
|
|
201
|
+
.shadcn-classless fieldset {
|
|
202
|
+
border: 1px solid var(--border);
|
|
203
|
+
border-radius: var(--radius);
|
|
204
|
+
padding: 1rem;
|
|
205
|
+
}
|
|
206
|
+
.shadcn-classless legend {
|
|
207
|
+
padding: 0 0.5rem;
|
|
208
|
+
}
|
|
209
|
+
.shadcn-classless label {
|
|
210
|
+
display: block;
|
|
211
|
+
}
|
|
212
|
+
.shadcn-classless small {
|
|
213
|
+
color: var(--muted-foreground);
|
|
214
|
+
}
|
|
215
|
+
.shadcn-classless figure {
|
|
216
|
+
margin-bottom: 1rem;
|
|
217
|
+
overflow: hidden;
|
|
218
|
+
}
|
|
219
|
+
.shadcn-classless img {
|
|
220
|
+
max-width: 100%;
|
|
221
|
+
height: auto;
|
|
222
|
+
border-radius: var(--radius);
|
|
223
|
+
}
|
|
224
|
+
.shadcn-classless figcaption {
|
|
225
|
+
font-size: 0.875rem;
|
|
226
|
+
margin-top: 0.5rem;
|
|
227
|
+
color: var(--muted-foreground);
|
|
228
|
+
}
|
|
229
|
+
.shadcn-classless blockquote {
|
|
230
|
+
border-left: 4px solid var(--border);
|
|
231
|
+
padding-left: 1rem;
|
|
232
|
+
font-style: italic;
|
|
233
|
+
}
|
|
234
|
+
.shadcn-classless [type='checkbox'],
|
|
235
|
+
.shadcn-classless [type='radio'] {
|
|
236
|
+
margin-right: 0.5rem;
|
|
237
|
+
}
|
|
238
|
+
.shadcn-classless progress {
|
|
239
|
+
width: 100%;
|
|
240
|
+
}
|
|
241
|
+
.shadcn-classless dialog {
|
|
242
|
+
background-color: var(--background);
|
|
243
|
+
color: var(--foreground);
|
|
244
|
+
border: 1px solid var(--border);
|
|
245
|
+
border-radius: var(--radius);
|
|
246
|
+
padding: 24px;
|
|
247
|
+
margin: auto;
|
|
248
|
+
}
|
|
249
|
+
.shadcn-classless dialog::backdrop {
|
|
250
|
+
background-color: rgba(0, 0, 0, 0.8);
|
|
251
|
+
}
|
|
252
|
+
.shadcn-classless details {
|
|
253
|
+
border: 1px solid var(--border);
|
|
254
|
+
border-radius: var(--radius);
|
|
255
|
+
padding: 0.5rem;
|
|
256
|
+
margin-bottom: 1rem;
|
|
257
|
+
}
|
|
258
|
+
.shadcn-classless summary {
|
|
259
|
+
cursor: pointer;
|
|
260
|
+
font-weight: bold;
|
|
261
|
+
}
|
|
262
|
+
.shadcn-classless article {
|
|
263
|
+
border: 1px solid var(--border);
|
|
264
|
+
border-radius: var(--radius);
|
|
265
|
+
padding: 1rem;
|
|
266
|
+
margin-bottom: 1rem;
|
|
267
|
+
}
|
|
268
|
+
.shadcn-classless footer {
|
|
269
|
+
margin-top: 2rem;
|
|
270
|
+
text-align: center;
|
|
271
|
+
color: var(--muted-foreground);
|
|
272
|
+
}
|
|
273
|
+
.shadcn-classless [aria-busy='true'] {
|
|
274
|
+
opacity: 0.7;
|
|
275
|
+
cursor: progress;
|
|
276
|
+
}
|
|
277
|
+
@media (max-width: 600px) {
|
|
278
|
+
.shadcn-classless body {
|
|
279
|
+
padding: 0.5rem;
|
|
280
|
+
}
|
|
281
|
+
.shadcn-classless nav ul {
|
|
282
|
+
flex-direction: column;
|
|
283
|
+
}
|
|
284
|
+
}
|
|
285
|
+
.shadcn-classless input[type='file']::file-selector-button {
|
|
286
|
+
border: none;
|
|
287
|
+
background-color: var(--background);
|
|
288
|
+
font-weight: 600;
|
|
289
|
+
}
|
|
290
|
+
.shadcn-classless *:disabled {
|
|
291
|
+
cursor: not-allowed;
|
|
292
|
+
}
|
|
293
|
+
.shadcn-classless input[type='radio'],
|
|
294
|
+
.shadcn-classless input[type='checkbox'],
|
|
295
|
+
.shadcn-classless input[type='range'] {
|
|
296
|
+
accent-color: var(--primary);
|
|
297
|
+
background-color: var(--background);
|
|
298
|
+
}
|
|
299
|
+
.shadcn-classless kbd {
|
|
300
|
+
padding: 0.125rem 0.625rem;
|
|
301
|
+
background-color: var(--primary);
|
|
302
|
+
color: var(--primary-foreground);
|
|
303
|
+
border-radius: var(--radius);
|
|
304
|
+
}
|
|
305
|
+
.shadcn-classless table {
|
|
306
|
+
caption-side: bottom;
|
|
307
|
+
border-collapse: collapse;
|
|
308
|
+
}
|
|
309
|
+
.shadcn-classless table caption {
|
|
310
|
+
color: var(--muted-foreground);
|
|
311
|
+
margin-top: 1rem;
|
|
312
|
+
}
|
|
313
|
+
.shadcn-classless table th {
|
|
314
|
+
color: var(--muted-foreground);
|
|
315
|
+
}
|
|
316
|
+
.shadcn-classless table tr {
|
|
317
|
+
border-bottom: 1px solid var(--border);
|
|
318
|
+
}
|
|
319
|
+
.shadcn-classless table tr:hover {
|
|
320
|
+
background-color: hsl(var(--muted) / 0.5);
|
|
321
|
+
}
|
|
322
|
+
.shadcn-classless table td,
|
|
323
|
+
.shadcn-classless table th {
|
|
324
|
+
vertical-align: middle;
|
|
325
|
+
padding: 0.5rem;
|
|
326
|
+
text-align: start;
|
|
327
|
+
}
|
|
328
|
+
.shadcn-classless table tfoot {
|
|
329
|
+
background-color: var(--muted);
|
|
330
|
+
}
|
|
331
|
+
.shadcn-classless dialog[drawer] {
|
|
332
|
+
border-bottom-right-radius: 0;
|
|
333
|
+
border-bottom-left-radius: 0;
|
|
334
|
+
top: auto;
|
|
335
|
+
bottom: 0;
|
|
336
|
+
width: 100vw;
|
|
337
|
+
max-height: 50vh;
|
|
338
|
+
}
|
|
339
|
+
.shadcn-classless dialog[drawer][open] {
|
|
340
|
+
animation: slideup 0.2s ease-in forwards;
|
|
341
|
+
}
|
|
342
|
+
.shadcn-classless dialog > header {
|
|
343
|
+
margin: 0;
|
|
344
|
+
}
|
|
345
|
+
@keyframes slideup {
|
|
346
|
+
0% {
|
|
347
|
+
transform: translateY(100%);
|
|
348
|
+
}
|
|
349
|
+
100% {
|
|
350
|
+
transform: translateY(0);
|
|
351
|
+
}
|
|
352
|
+
}
|
|
353
|
+
.shadcn-classless progress {
|
|
354
|
+
-webkit-appearance: none;
|
|
355
|
+
-moz-appearance: none;
|
|
356
|
+
appearance: none;
|
|
357
|
+
height: 0.5rem;
|
|
358
|
+
border-radius: 9999px;
|
|
359
|
+
background-color: var(--muted);
|
|
360
|
+
border: 0;
|
|
361
|
+
}
|
|
362
|
+
.shadcn-classless progress[value]::-webkit-progress-value {
|
|
363
|
+
border-radius: 9999px;
|
|
364
|
+
background-color: var(--primary);
|
|
365
|
+
}
|
|
366
|
+
.shadcn-classless ::-webkit-progress-bar {
|
|
367
|
+
border-radius: 9999px;
|
|
368
|
+
background-color: var(--muted);
|
|
369
|
+
}
|
|
370
|
+
.shadcn-classless ::-moz-progress-bar {
|
|
371
|
+
border-radius: 9999px;
|
|
372
|
+
background-color: var(--primary);
|
|
373
|
+
}
|
|
374
|
+
.shadcn-classless progress:indeterminate {
|
|
375
|
+
background: var(--muted) linear-gradient(to right, var(--primary) 35%, var(--muted) 35%) top left / 150% 150% no-repeat;
|
|
376
|
+
animation: progress-indeterminate 1.5s linear infinite;
|
|
377
|
+
}
|
|
378
|
+
.shadcn-classless progress:indeterminate::-webkit-progress-bar {
|
|
379
|
+
background-color: transparent;
|
|
380
|
+
}
|
|
381
|
+
.shadcn-classless progress:indeterminate::-moz-progress-bar {
|
|
382
|
+
background-color: transparent;
|
|
383
|
+
}
|
|
384
|
+
@keyframes progress-indeterminate {
|
|
385
|
+
0% {
|
|
386
|
+
background-position: 200% 0;
|
|
387
|
+
}
|
|
388
|
+
100% {
|
|
389
|
+
background-position: -200% 0;
|
|
390
|
+
}
|
|
391
|
+
}
|
|
392
|
+
.shadcn-classless hr {
|
|
393
|
+
border: 0;
|
|
394
|
+
height: 1px;
|
|
395
|
+
margin: 1rem 0;
|
|
396
|
+
background-color: var(--border);
|
|
397
|
+
flex-shrink: 0;
|
|
398
|
+
}
|
|
399
|
+
.shadcn-classless hr[vertical] {
|
|
400
|
+
width: 1px;
|
|
401
|
+
height: 1.25rem;
|
|
402
|
+
margin: 0 1rem;
|
|
403
|
+
}
|