quickit-ui 0.1.12 → 0.1.13
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/dist/quickit-ui.css +1 -1
- package/dist/quickit-ui.d.ts +8 -3
- package/dist/quickit-ui.js +416 -210
- package/package.json +1 -1
package/dist/quickit-ui.js
CHANGED
|
@@ -1903,6 +1903,8 @@ var dt = {
|
|
|
1903
1903
|
}
|
|
1904
1904
|
}, Et = Object.freeze([
|
|
1905
1905
|
"neutral",
|
|
1906
|
+
"slate",
|
|
1907
|
+
"zinc",
|
|
1906
1908
|
"primary",
|
|
1907
1909
|
"brand",
|
|
1908
1910
|
"success",
|
|
@@ -1910,9 +1912,12 @@ var dt = {
|
|
|
1910
1912
|
"warning",
|
|
1911
1913
|
"info",
|
|
1912
1914
|
"light",
|
|
1913
|
-
"dark"
|
|
1915
|
+
"dark",
|
|
1916
|
+
"black"
|
|
1914
1917
|
]), Dt = Object.freeze([
|
|
1915
1918
|
"neutral",
|
|
1919
|
+
"slate",
|
|
1920
|
+
"zinc",
|
|
1916
1921
|
"primary",
|
|
1917
1922
|
"brand",
|
|
1918
1923
|
"success",
|
|
@@ -2371,60 +2376,72 @@ var bn = { base: "inline-flex items-center border font-medium" }, xn = {
|
|
|
2371
2376
|
}, Sn = {
|
|
2372
2377
|
light: {
|
|
2373
2378
|
solid: {
|
|
2374
|
-
|
|
2379
|
+
neutral: "border-slate-900 bg-slate-900 text-white",
|
|
2380
|
+
slate: "border-slate-800 bg-slate-800 text-white",
|
|
2381
|
+
zinc: "border-zinc-800 bg-zinc-800 text-white",
|
|
2382
|
+
primary: "border-sky-700 bg-sky-700 text-white",
|
|
2375
2383
|
brand: "border-brand-700 bg-brand-700 text-white",
|
|
2376
2384
|
success: "border-emerald-600 bg-emerald-600 text-white",
|
|
2377
|
-
danger: "border-
|
|
2378
|
-
warning: "border-amber-400 bg-amber-400 text-
|
|
2379
|
-
info: "border-
|
|
2380
|
-
neutral: "border-neutral-950 bg-neutral-950 text-white"
|
|
2385
|
+
danger: "border-rose-600 bg-rose-600 text-white",
|
|
2386
|
+
warning: "border-amber-400 bg-amber-400 text-neutral-950",
|
|
2387
|
+
info: "border-cyan-600 bg-cyan-600 text-white"
|
|
2381
2388
|
},
|
|
2382
2389
|
soft: {
|
|
2383
|
-
|
|
2390
|
+
neutral: "border-slate-200 bg-slate-100 text-slate-700",
|
|
2391
|
+
slate: "border-slate-200 bg-slate-100 text-slate-700",
|
|
2392
|
+
zinc: "border-zinc-200 bg-zinc-100 text-zinc-700",
|
|
2393
|
+
primary: "border-sky-200 bg-sky-50 text-sky-700",
|
|
2384
2394
|
brand: "border-brand-200 bg-brand-50 text-brand-700",
|
|
2385
2395
|
success: "border-emerald-200 bg-emerald-50 text-emerald-700",
|
|
2386
|
-
danger: "border-
|
|
2396
|
+
danger: "border-rose-200 bg-rose-50 text-rose-700",
|
|
2387
2397
|
warning: "border-amber-200 bg-amber-50 text-amber-700",
|
|
2388
|
-
info: "border-
|
|
2389
|
-
neutral: "border-neutral-200 bg-neutral-100 text-neutral-700"
|
|
2398
|
+
info: "border-cyan-200 bg-cyan-50 text-cyan-700"
|
|
2390
2399
|
},
|
|
2391
2400
|
outline: {
|
|
2392
|
-
|
|
2401
|
+
neutral: "border-slate-300 bg-transparent text-slate-700",
|
|
2402
|
+
slate: "border-slate-300 bg-transparent text-slate-700",
|
|
2403
|
+
zinc: "border-zinc-300 bg-transparent text-zinc-700",
|
|
2404
|
+
primary: "border-sky-300 bg-transparent text-sky-700",
|
|
2393
2405
|
brand: "border-brand-300 bg-transparent text-brand-700",
|
|
2394
2406
|
success: "border-emerald-300 bg-transparent text-emerald-700",
|
|
2395
|
-
danger: "border-
|
|
2407
|
+
danger: "border-rose-300 bg-transparent text-rose-700",
|
|
2396
2408
|
warning: "border-amber-300 bg-transparent text-amber-700",
|
|
2397
|
-
info: "border-
|
|
2398
|
-
neutral: "border-neutral-300 bg-transparent text-neutral-700"
|
|
2409
|
+
info: "border-cyan-300 bg-transparent text-cyan-700"
|
|
2399
2410
|
}
|
|
2400
2411
|
},
|
|
2401
2412
|
dark: {
|
|
2402
2413
|
solid: {
|
|
2403
|
-
|
|
2414
|
+
neutral: "border-zinc-100 bg-zinc-100 text-zinc-950",
|
|
2415
|
+
slate: "border-slate-200 bg-slate-200 text-slate-950",
|
|
2416
|
+
zinc: "border-zinc-200 bg-zinc-200 text-zinc-950",
|
|
2417
|
+
primary: "border-sky-300 bg-sky-300 text-neutral-950",
|
|
2404
2418
|
brand: "border-brand-300 bg-brand-300 text-slate-950",
|
|
2405
2419
|
success: "border-emerald-300 bg-emerald-300 text-slate-950",
|
|
2406
|
-
danger: "border-
|
|
2407
|
-
warning: "border-amber-300 bg-amber-300 text-
|
|
2408
|
-
info: "border-
|
|
2409
|
-
neutral: "border-neutral-100 bg-neutral-100 text-neutral-950"
|
|
2420
|
+
danger: "border-rose-300 bg-rose-300 text-neutral-950",
|
|
2421
|
+
warning: "border-amber-300 bg-amber-300 text-neutral-950",
|
|
2422
|
+
info: "border-cyan-300 bg-cyan-300 text-neutral-950"
|
|
2410
2423
|
},
|
|
2411
2424
|
soft: {
|
|
2412
|
-
|
|
2425
|
+
neutral: "border-zinc-700 bg-zinc-950 text-zinc-200",
|
|
2426
|
+
slate: "border-slate-700 bg-slate-900 text-slate-200",
|
|
2427
|
+
zinc: "border-zinc-700 bg-zinc-900 text-zinc-200",
|
|
2428
|
+
primary: "border-sky-800 bg-sky-950 text-sky-200",
|
|
2413
2429
|
brand: "border-brand-800 bg-brand-950 text-brand-200",
|
|
2414
2430
|
success: "border-emerald-800 bg-emerald-950 text-emerald-200",
|
|
2415
|
-
danger: "border-
|
|
2431
|
+
danger: "border-rose-800 bg-rose-950 text-rose-200",
|
|
2416
2432
|
warning: "border-amber-800 bg-amber-950 text-amber-200",
|
|
2417
|
-
info: "border-
|
|
2418
|
-
neutral: "border-neutral-700 bg-neutral-900 text-neutral-200"
|
|
2433
|
+
info: "border-cyan-800 bg-cyan-950 text-cyan-200"
|
|
2419
2434
|
},
|
|
2420
2435
|
outline: {
|
|
2421
|
-
|
|
2436
|
+
neutral: "border-zinc-700 bg-transparent text-zinc-200",
|
|
2437
|
+
slate: "border-slate-700 bg-transparent text-slate-200",
|
|
2438
|
+
zinc: "border-zinc-700 bg-transparent text-zinc-200",
|
|
2439
|
+
primary: "border-sky-500/50 bg-transparent text-sky-300",
|
|
2422
2440
|
brand: "border-brand-500/50 bg-transparent text-brand-300",
|
|
2423
2441
|
success: "border-emerald-500/50 bg-transparent text-emerald-300",
|
|
2424
|
-
danger: "border-
|
|
2442
|
+
danger: "border-rose-500/50 bg-transparent text-rose-300",
|
|
2425
2443
|
warning: "border-amber-500/50 bg-transparent text-amber-300",
|
|
2426
|
-
info: "border-
|
|
2427
|
-
neutral: "border-neutral-700 bg-transparent text-neutral-200"
|
|
2444
|
+
info: "border-cyan-500/50 bg-transparent text-cyan-300"
|
|
2428
2445
|
}
|
|
2429
2446
|
}
|
|
2430
2447
|
};
|
|
@@ -2468,72 +2485,90 @@ var wn = a(function({ children: e, className: t, color: n = "neutral", size: r =
|
|
|
2468
2485
|
}, Dn = {
|
|
2469
2486
|
light: {
|
|
2470
2487
|
solid: {
|
|
2471
|
-
neutral: "border-
|
|
2472
|
-
|
|
2488
|
+
neutral: "border-slate-700 bg-slate-700 text-white hover:border-slate-800 hover:bg-slate-800 focus-visible:outline-slate-700",
|
|
2489
|
+
slate: "border-slate-700 bg-slate-700 text-white hover:border-slate-800 hover:bg-slate-800 focus-visible:outline-slate-700",
|
|
2490
|
+
zinc: "border-zinc-700 bg-zinc-700 text-white hover:border-zinc-800 hover:bg-zinc-800 focus-visible:outline-zinc-700",
|
|
2491
|
+
primary: "border-sky-700 bg-sky-700 text-white hover:border-sky-800 hover:bg-sky-800 focus-visible:outline-sky-700",
|
|
2473
2492
|
brand: "border-brand-700 bg-brand-700 text-white hover:border-brand-800 hover:bg-brand-800 focus-visible:outline-brand-700",
|
|
2474
2493
|
success: "border-emerald-600 bg-emerald-600 text-white hover:border-emerald-700 hover:bg-emerald-700 focus-visible:outline-emerald-600",
|
|
2475
|
-
danger: "border-
|
|
2476
|
-
warning: "border-amber-400 bg-amber-400 text-
|
|
2477
|
-
info: "border-
|
|
2478
|
-
light: "border-
|
|
2479
|
-
dark: "border-
|
|
2494
|
+
danger: "border-rose-600 bg-rose-600 text-white hover:border-rose-700 hover:bg-rose-700 focus-visible:outline-rose-600",
|
|
2495
|
+
warning: "border-amber-400 bg-amber-400 text-neutral-950 hover:border-amber-500 hover:bg-amber-500 focus-visible:outline-amber-500",
|
|
2496
|
+
info: "border-cyan-600 bg-cyan-600 text-white hover:border-cyan-700 hover:bg-cyan-700 focus-visible:outline-cyan-600",
|
|
2497
|
+
light: "border-neutral-200 bg-neutral-100 text-neutral-950 hover:border-neutral-300 hover:bg-neutral-200 focus-visible:outline-neutral-400",
|
|
2498
|
+
dark: "border-zinc-900 bg-zinc-900 text-white hover:border-black hover:bg-black focus-visible:outline-zinc-900",
|
|
2499
|
+
black: "border-neutral-950 bg-neutral-950 text-white hover:border-neutral-800 hover:bg-neutral-800 focus-visible:outline-neutral-950"
|
|
2480
2500
|
},
|
|
2481
2501
|
outline: {
|
|
2482
|
-
neutral: "border-
|
|
2483
|
-
|
|
2502
|
+
neutral: "border-slate-300 bg-slate-50 text-slate-800 hover:border-slate-400 hover:bg-slate-100 focus-visible:outline-slate-500",
|
|
2503
|
+
slate: "border-slate-300 bg-slate-100 text-slate-800 hover:border-slate-400 hover:bg-slate-200 focus-visible:outline-slate-500",
|
|
2504
|
+
zinc: "border-zinc-300 bg-zinc-100 text-zinc-800 hover:border-zinc-400 hover:bg-zinc-200 focus-visible:outline-zinc-500",
|
|
2505
|
+
primary: "border-sky-300 bg-sky-50 text-sky-700 hover:border-sky-400 hover:bg-sky-100 focus-visible:outline-sky-700",
|
|
2484
2506
|
brand: "border-brand-300 bg-brand-50 text-brand-700 hover:border-brand-400 hover:bg-brand-100 focus-visible:outline-brand-700",
|
|
2485
2507
|
success: "border-emerald-300 bg-emerald-50 text-emerald-700 hover:border-emerald-400 hover:bg-emerald-100 focus-visible:outline-emerald-600",
|
|
2486
|
-
danger: "border-
|
|
2508
|
+
danger: "border-rose-300 bg-rose-50 text-rose-700 hover:border-rose-400 hover:bg-rose-100 focus-visible:outline-rose-600",
|
|
2487
2509
|
warning: "border-amber-300 bg-amber-50 text-amber-700 hover:border-amber-400 hover:bg-amber-100 focus-visible:outline-amber-500",
|
|
2488
|
-
info: "border-
|
|
2489
|
-
light: "border-
|
|
2490
|
-
dark: "border-
|
|
2510
|
+
info: "border-cyan-300 bg-cyan-50 text-cyan-700 hover:border-cyan-400 hover:bg-cyan-100 focus-visible:outline-cyan-600",
|
|
2511
|
+
light: "border-neutral-300 bg-neutral-50 text-neutral-700 hover:border-neutral-400 hover:bg-neutral-100 focus-visible:outline-neutral-400",
|
|
2512
|
+
dark: "border-zinc-500 bg-zinc-200 text-zinc-950 hover:border-zinc-600 hover:bg-zinc-300 focus-visible:outline-zinc-800",
|
|
2513
|
+
black: "border-neutral-400 bg-neutral-100 text-neutral-950 hover:border-neutral-500 hover:bg-neutral-200 focus-visible:outline-neutral-700"
|
|
2491
2514
|
},
|
|
2492
2515
|
ghost: {
|
|
2493
|
-
neutral: "border-transparent bg-transparent text-
|
|
2494
|
-
|
|
2516
|
+
neutral: "border-transparent bg-transparent text-slate-700 hover:bg-slate-100 hover:text-slate-950 focus-visible:outline-slate-500",
|
|
2517
|
+
slate: "border-transparent bg-transparent text-slate-700 hover:bg-slate-100 hover:text-slate-950 focus-visible:outline-slate-500",
|
|
2518
|
+
zinc: "border-transparent bg-transparent text-zinc-700 hover:bg-zinc-100 hover:text-zinc-950 focus-visible:outline-zinc-500",
|
|
2519
|
+
primary: "border-transparent bg-transparent text-sky-700 hover:bg-sky-50 hover:text-sky-800 focus-visible:outline-sky-700",
|
|
2495
2520
|
brand: "border-transparent bg-transparent text-brand-700 hover:bg-brand-50 hover:text-brand-800 focus-visible:outline-brand-700",
|
|
2496
2521
|
success: "border-transparent bg-transparent text-emerald-700 hover:bg-emerald-50 hover:text-emerald-800 focus-visible:outline-emerald-600",
|
|
2497
|
-
danger: "border-transparent bg-transparent text-
|
|
2522
|
+
danger: "border-transparent bg-transparent text-rose-700 hover:bg-rose-50 hover:text-rose-800 focus-visible:outline-rose-600",
|
|
2498
2523
|
warning: "border-transparent bg-transparent text-amber-700 hover:bg-amber-50 hover:text-amber-800 focus-visible:outline-amber-500",
|
|
2499
|
-
info: "border-transparent bg-transparent text-
|
|
2500
|
-
light: "border-transparent bg-transparent text-
|
|
2501
|
-
dark: "border-transparent bg-transparent text-
|
|
2524
|
+
info: "border-transparent bg-transparent text-cyan-700 hover:bg-cyan-50 hover:text-cyan-800 focus-visible:outline-cyan-600",
|
|
2525
|
+
light: "border-transparent bg-transparent text-neutral-600 hover:bg-neutral-100 hover:text-neutral-950 focus-visible:outline-neutral-400",
|
|
2526
|
+
dark: "border-transparent bg-transparent text-zinc-950 hover:bg-zinc-200 hover:text-black focus-visible:outline-zinc-800",
|
|
2527
|
+
black: "border-transparent bg-transparent text-neutral-950 hover:bg-neutral-100 hover:text-neutral-950 focus-visible:outline-neutral-700"
|
|
2502
2528
|
}
|
|
2503
2529
|
},
|
|
2504
2530
|
dark: {
|
|
2505
2531
|
solid: {
|
|
2506
|
-
neutral: "border-
|
|
2507
|
-
|
|
2508
|
-
|
|
2509
|
-
|
|
2510
|
-
|
|
2511
|
-
|
|
2512
|
-
|
|
2513
|
-
|
|
2514
|
-
|
|
2532
|
+
neutral: "border-zinc-200 bg-zinc-200 text-zinc-950 hover:border-zinc-50 hover:bg-zinc-50 focus-visible:outline-zinc-200",
|
|
2533
|
+
slate: "border-slate-200 bg-slate-200 text-slate-950 hover:border-slate-100 hover:bg-slate-100 focus-visible:outline-slate-200",
|
|
2534
|
+
zinc: "border-zinc-200 bg-zinc-200 text-zinc-950 hover:border-zinc-100 hover:bg-zinc-100 focus-visible:outline-zinc-200",
|
|
2535
|
+
primary: "border-sky-400 bg-sky-400 text-neutral-950 hover:border-sky-300 hover:bg-sky-300 focus-visible:outline-sky-300",
|
|
2536
|
+
brand: "border-brand-400 bg-brand-400 text-neutral-950 hover:border-brand-300 hover:bg-brand-300 focus-visible:outline-brand-300",
|
|
2537
|
+
success: "border-emerald-400 bg-emerald-400 text-neutral-950 hover:border-emerald-300 hover:bg-emerald-300 focus-visible:outline-emerald-300",
|
|
2538
|
+
danger: "border-rose-400 bg-rose-400 text-neutral-950 hover:border-rose-300 hover:bg-rose-300 focus-visible:outline-rose-300",
|
|
2539
|
+
warning: "border-amber-400 bg-amber-400 text-neutral-950 hover:border-amber-300 hover:bg-amber-300 focus-visible:outline-amber-300",
|
|
2540
|
+
info: "border-cyan-400 bg-cyan-400 text-neutral-950 hover:border-cyan-300 hover:bg-cyan-300 focus-visible:outline-cyan-300",
|
|
2541
|
+
light: "border-neutral-200 bg-neutral-200 text-neutral-950 hover:border-white hover:bg-white focus-visible:outline-neutral-200",
|
|
2542
|
+
dark: "border-zinc-800 bg-zinc-950 text-zinc-100 hover:border-zinc-700 hover:bg-black focus-visible:outline-zinc-400",
|
|
2543
|
+
black: "border-neutral-700 bg-neutral-950 text-neutral-100 hover:border-neutral-600 hover:bg-neutral-900 focus-visible:outline-neutral-300"
|
|
2515
2544
|
},
|
|
2516
2545
|
outline: {
|
|
2517
|
-
neutral: "border-
|
|
2518
|
-
|
|
2546
|
+
neutral: "border-zinc-700 bg-zinc-950 text-zinc-200 hover:border-zinc-600 hover:bg-zinc-900 focus-visible:outline-zinc-500",
|
|
2547
|
+
slate: "border-slate-700 bg-slate-900 text-slate-200 hover:border-slate-600 hover:bg-slate-800 focus-visible:outline-slate-500",
|
|
2548
|
+
zinc: "border-zinc-700 bg-zinc-900 text-zinc-200 hover:border-zinc-600 hover:bg-zinc-800 focus-visible:outline-zinc-500",
|
|
2549
|
+
primary: "border-sky-800 bg-sky-950 text-sky-200 hover:border-sky-700 hover:bg-sky-900 focus-visible:outline-sky-300",
|
|
2519
2550
|
brand: "border-brand-800 bg-brand-950 text-brand-200 hover:border-brand-700 hover:bg-brand-900 focus-visible:outline-brand-300",
|
|
2520
2551
|
success: "border-emerald-800 bg-emerald-950 text-emerald-200 hover:border-emerald-700 hover:bg-emerald-900 focus-visible:outline-emerald-300",
|
|
2521
|
-
danger: "border-
|
|
2552
|
+
danger: "border-rose-800 bg-rose-950 text-rose-200 hover:border-rose-700 hover:bg-rose-900 focus-visible:outline-rose-300",
|
|
2522
2553
|
warning: "border-amber-800 bg-amber-950 text-amber-200 hover:border-amber-700 hover:bg-amber-900 focus-visible:outline-amber-300",
|
|
2523
|
-
info: "border-
|
|
2524
|
-
light: "border-
|
|
2525
|
-
dark: "border-
|
|
2554
|
+
info: "border-cyan-800 bg-cyan-950 text-cyan-200 hover:border-cyan-700 hover:bg-cyan-900 focus-visible:outline-cyan-300",
|
|
2555
|
+
light: "border-neutral-600 bg-neutral-800 text-neutral-100 hover:border-neutral-500 hover:bg-neutral-700 focus-visible:outline-neutral-300",
|
|
2556
|
+
dark: "border-zinc-700 bg-zinc-950 text-zinc-100 hover:border-zinc-600 hover:bg-zinc-900 focus-visible:outline-zinc-400",
|
|
2557
|
+
black: "border-neutral-600 bg-neutral-950 text-neutral-50 hover:border-neutral-500 hover:bg-neutral-900 focus-visible:outline-neutral-200"
|
|
2526
2558
|
},
|
|
2527
2559
|
ghost: {
|
|
2528
|
-
neutral: "border-transparent bg-transparent text-
|
|
2529
|
-
|
|
2560
|
+
neutral: "border-transparent bg-transparent text-zinc-300 hover:bg-zinc-900 hover:text-zinc-50 focus-visible:outline-zinc-500",
|
|
2561
|
+
slate: "border-transparent bg-transparent text-slate-300 hover:bg-slate-800 hover:text-slate-50 focus-visible:outline-slate-500",
|
|
2562
|
+
zinc: "border-transparent bg-transparent text-zinc-300 hover:bg-zinc-800 hover:text-zinc-50 focus-visible:outline-zinc-500",
|
|
2563
|
+
primary: "border-transparent bg-transparent text-sky-300 hover:bg-sky-500/10 hover:text-sky-200 focus-visible:outline-sky-300",
|
|
2530
2564
|
brand: "border-transparent bg-transparent text-brand-300 hover:bg-brand-500/10 hover:text-brand-200 focus-visible:outline-brand-300",
|
|
2531
2565
|
success: "border-transparent bg-transparent text-emerald-300 hover:bg-emerald-500/10 hover:text-emerald-200 focus-visible:outline-emerald-300",
|
|
2532
|
-
danger: "border-transparent bg-transparent text-
|
|
2566
|
+
danger: "border-transparent bg-transparent text-rose-300 hover:bg-rose-500/10 hover:text-rose-200 focus-visible:outline-rose-300",
|
|
2533
2567
|
warning: "border-transparent bg-transparent text-amber-300 hover:bg-amber-500/10 hover:text-amber-200 focus-visible:outline-amber-300",
|
|
2534
|
-
info: "border-transparent bg-transparent text-
|
|
2535
|
-
light: "border-transparent bg-transparent text-
|
|
2536
|
-
dark: "border-transparent bg-transparent text-
|
|
2568
|
+
info: "border-transparent bg-transparent text-cyan-300 hover:bg-cyan-500/10 hover:text-cyan-200 focus-visible:outline-cyan-300",
|
|
2569
|
+
light: "border-transparent bg-transparent text-neutral-200 hover:bg-neutral-800 hover:text-white focus-visible:outline-neutral-300",
|
|
2570
|
+
dark: "border-transparent bg-transparent text-zinc-100 hover:bg-zinc-950 hover:text-white focus-visible:outline-zinc-400",
|
|
2571
|
+
black: "border-transparent bg-transparent text-neutral-100 hover:bg-neutral-950 hover:text-white focus-visible:outline-neutral-300"
|
|
2537
2572
|
}
|
|
2538
2573
|
}
|
|
2539
2574
|
};
|
|
@@ -2861,76 +2896,116 @@ var or = a(function({ children: e, className: t, htmlFor: n, optional: r = !1, r
|
|
|
2861
2896
|
}
|
|
2862
2897
|
}, cr = {
|
|
2863
2898
|
light: {
|
|
2864
|
-
box: "border-slate-
|
|
2865
|
-
focus: "peer-focus-visible:outline-slate-
|
|
2899
|
+
box: "border-slate-500 bg-slate-200/90 shadow-[0_1px_2px_rgba(15,23,42,0.09)] peer-hover:border-slate-700 peer-hover:bg-slate-100",
|
|
2900
|
+
focus: "peer-focus-visible:outline-slate-600",
|
|
2866
2901
|
colors: {
|
|
2867
2902
|
neutral: {
|
|
2868
|
-
box: "peer-checked:border-
|
|
2903
|
+
box: "peer-checked:border-slate-800 peer-checked:bg-slate-800 peer-hover:peer-checked:border-slate-950 peer-hover:peer-checked:bg-slate-950",
|
|
2904
|
+
icon: "text-white"
|
|
2905
|
+
},
|
|
2906
|
+
slate: {
|
|
2907
|
+
box: "peer-checked:border-slate-800 peer-checked:bg-slate-800 peer-hover:peer-checked:border-slate-950 peer-hover:peer-checked:bg-slate-950",
|
|
2908
|
+
icon: "text-white"
|
|
2909
|
+
},
|
|
2910
|
+
zinc: {
|
|
2911
|
+
box: "peer-checked:border-zinc-800 peer-checked:bg-zinc-800 peer-hover:peer-checked:border-zinc-950 peer-hover:peer-checked:bg-zinc-950",
|
|
2869
2912
|
icon: "text-white"
|
|
2870
2913
|
},
|
|
2871
2914
|
primary: {
|
|
2872
|
-
box: "peer-checked:border-
|
|
2915
|
+
box: "peer-checked:border-sky-600 peer-checked:bg-sky-600 peer-hover:peer-checked:border-sky-700 peer-hover:peer-checked:bg-sky-700",
|
|
2873
2916
|
icon: "text-white"
|
|
2874
2917
|
},
|
|
2875
2918
|
brand: {
|
|
2876
|
-
box: "peer-checked:border-brand-700 peer-checked:bg-brand-700",
|
|
2919
|
+
box: "peer-checked:border-brand-600 peer-checked:bg-brand-600 peer-hover:peer-checked:border-brand-700 peer-hover:peer-checked:bg-brand-700",
|
|
2877
2920
|
icon: "text-white"
|
|
2878
2921
|
},
|
|
2879
2922
|
success: {
|
|
2880
|
-
box: "peer-checked:border-emerald-600 peer-checked:bg-emerald-600",
|
|
2923
|
+
box: "peer-checked:border-emerald-600 peer-checked:bg-emerald-600 peer-hover:peer-checked:border-emerald-700 peer-hover:peer-checked:bg-emerald-700",
|
|
2881
2924
|
icon: "text-white"
|
|
2882
2925
|
},
|
|
2883
2926
|
danger: {
|
|
2884
|
-
box: "peer-checked:border-
|
|
2927
|
+
box: "peer-checked:border-rose-600 peer-checked:bg-rose-600 peer-hover:peer-checked:border-rose-700 peer-hover:peer-checked:bg-rose-700",
|
|
2885
2928
|
icon: "text-white"
|
|
2886
2929
|
},
|
|
2887
2930
|
warning: {
|
|
2888
|
-
box: "peer-checked:border-amber-
|
|
2931
|
+
box: "peer-checked:border-amber-500 peer-checked:bg-amber-500 peer-hover:peer-checked:border-amber-600 peer-hover:peer-checked:bg-amber-600",
|
|
2889
2932
|
icon: "text-slate-950"
|
|
2890
2933
|
},
|
|
2891
2934
|
info: {
|
|
2892
|
-
box: "peer-checked:border-
|
|
2935
|
+
box: "peer-checked:border-cyan-600 peer-checked:bg-cyan-600 peer-hover:peer-checked:border-cyan-700 peer-hover:peer-checked:bg-cyan-700",
|
|
2936
|
+
icon: "text-white"
|
|
2937
|
+
},
|
|
2938
|
+
light: {
|
|
2939
|
+
box: "peer-checked:border-stone-200 peer-checked:bg-stone-200 peer-hover:peer-checked:border-stone-300 peer-hover:peer-checked:bg-stone-300",
|
|
2940
|
+
icon: "text-stone-950"
|
|
2941
|
+
},
|
|
2942
|
+
dark: {
|
|
2943
|
+
box: "peer-checked:border-zinc-900 peer-checked:bg-zinc-900 peer-hover:peer-checked:border-black peer-hover:peer-checked:bg-black",
|
|
2944
|
+
icon: "text-white"
|
|
2945
|
+
},
|
|
2946
|
+
black: {
|
|
2947
|
+
box: "peer-checked:border-slate-950 peer-checked:bg-slate-950 peer-hover:peer-checked:border-black peer-hover:peer-checked:bg-black",
|
|
2893
2948
|
icon: "text-white"
|
|
2894
2949
|
}
|
|
2895
2950
|
},
|
|
2896
|
-
invalid: "border-
|
|
2951
|
+
invalid: "border-rose-400 peer-checked:border-rose-600 peer-checked:bg-rose-600 peer-hover:peer-checked:border-rose-700 peer-hover:peer-checked:bg-rose-700",
|
|
2897
2952
|
invalidIcon: "text-white"
|
|
2898
2953
|
},
|
|
2899
2954
|
dark: {
|
|
2900
|
-
box: "border-zinc-700 bg-zinc-950",
|
|
2901
|
-
focus: "peer-focus-visible:outline-zinc-
|
|
2955
|
+
box: "border-zinc-700 bg-zinc-950 shadow-[0_1px_2px_rgba(0,0,0,0.34)] peer-hover:border-zinc-600 peer-hover:bg-zinc-900",
|
|
2956
|
+
focus: "peer-focus-visible:outline-zinc-500",
|
|
2902
2957
|
colors: {
|
|
2903
2958
|
neutral: {
|
|
2904
|
-
box: "peer-checked:border-
|
|
2905
|
-
icon: "text-
|
|
2959
|
+
box: "peer-checked:border-zinc-100 peer-checked:bg-zinc-100 peer-hover:peer-checked:border-white peer-hover:peer-checked:bg-white",
|
|
2960
|
+
icon: "text-zinc-950"
|
|
2961
|
+
},
|
|
2962
|
+
slate: {
|
|
2963
|
+
box: "peer-checked:border-slate-100 peer-checked:bg-slate-100 peer-hover:peer-checked:border-white peer-hover:peer-checked:bg-white",
|
|
2964
|
+
icon: "text-slate-950"
|
|
2965
|
+
},
|
|
2966
|
+
zinc: {
|
|
2967
|
+
box: "peer-checked:border-zinc-100 peer-checked:bg-zinc-100 peer-hover:peer-checked:border-white peer-hover:peer-checked:bg-white",
|
|
2968
|
+
icon: "text-zinc-950"
|
|
2906
2969
|
},
|
|
2907
2970
|
primary: {
|
|
2908
|
-
box: "peer-checked:border-
|
|
2971
|
+
box: "peer-checked:border-sky-300 peer-checked:bg-sky-300 peer-hover:peer-checked:border-sky-200 peer-hover:peer-checked:bg-sky-200",
|
|
2909
2972
|
icon: "text-zinc-950"
|
|
2910
2973
|
},
|
|
2911
2974
|
brand: {
|
|
2912
|
-
box: "peer-checked:border-brand-300 peer-checked:bg-brand-300",
|
|
2975
|
+
box: "peer-checked:border-brand-300 peer-checked:bg-brand-300 peer-hover:peer-checked:border-brand-200 peer-hover:peer-checked:bg-brand-200",
|
|
2913
2976
|
icon: "text-zinc-950"
|
|
2914
2977
|
},
|
|
2915
2978
|
success: {
|
|
2916
|
-
box: "peer-checked:border-emerald-300 peer-checked:bg-emerald-300",
|
|
2979
|
+
box: "peer-checked:border-emerald-300 peer-checked:bg-emerald-300 peer-hover:peer-checked:border-emerald-200 peer-hover:peer-checked:bg-emerald-200",
|
|
2917
2980
|
icon: "text-zinc-950"
|
|
2918
2981
|
},
|
|
2919
2982
|
danger: {
|
|
2920
|
-
box: "peer-checked:border-
|
|
2983
|
+
box: "peer-checked:border-rose-300 peer-checked:bg-rose-300 peer-hover:peer-checked:border-rose-200 peer-hover:peer-checked:bg-rose-200",
|
|
2921
2984
|
icon: "text-zinc-950"
|
|
2922
2985
|
},
|
|
2923
2986
|
warning: {
|
|
2924
|
-
box: "peer-checked:border-amber-300 peer-checked:bg-amber-300",
|
|
2987
|
+
box: "peer-checked:border-amber-300 peer-checked:bg-amber-300 peer-hover:peer-checked:border-amber-200 peer-hover:peer-checked:bg-amber-200",
|
|
2925
2988
|
icon: "text-zinc-950"
|
|
2926
2989
|
},
|
|
2927
2990
|
info: {
|
|
2928
|
-
box: "peer-checked:border-
|
|
2991
|
+
box: "peer-checked:border-cyan-300 peer-checked:bg-cyan-300 peer-hover:peer-checked:border-cyan-200 peer-hover:peer-checked:bg-cyan-200",
|
|
2992
|
+
icon: "text-zinc-950"
|
|
2993
|
+
},
|
|
2994
|
+
light: {
|
|
2995
|
+
box: "peer-checked:border-stone-200 peer-checked:bg-stone-200 peer-hover:peer-checked:border-stone-100 peer-hover:peer-checked:bg-stone-100",
|
|
2996
|
+
icon: "text-zinc-950"
|
|
2997
|
+
},
|
|
2998
|
+
dark: {
|
|
2999
|
+
box: "peer-checked:border-zinc-300 peer-checked:bg-zinc-300 peer-hover:peer-checked:border-zinc-200 peer-hover:peer-checked:bg-zinc-200",
|
|
3000
|
+
icon: "text-zinc-950"
|
|
3001
|
+
},
|
|
3002
|
+
black: {
|
|
3003
|
+
box: "peer-checked:border-white peer-checked:bg-white peer-hover:peer-checked:border-stone-100 peer-hover:peer-checked:bg-stone-100",
|
|
2929
3004
|
icon: "text-zinc-950"
|
|
2930
3005
|
}
|
|
2931
3006
|
},
|
|
2932
|
-
invalid: "border-
|
|
2933
|
-
invalidIcon: "text-
|
|
3007
|
+
invalid: "border-rose-500/70 peer-checked:border-rose-300 peer-checked:bg-rose-300 peer-hover:peer-checked:border-rose-200 peer-hover:peer-checked:bg-rose-200",
|
|
3008
|
+
invalidIcon: "text-zinc-950"
|
|
2934
3009
|
}
|
|
2935
3010
|
};
|
|
2936
3011
|
function lr(e) {
|
|
@@ -5824,7 +5899,8 @@ var Zs = { layout: "z-50 flex min-w-[12rem] flex-col gap-1 list-none rounded-[1r
|
|
|
5824
5899
|
"focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px]"
|
|
5825
5900
|
].join(" ") }, $s = {
|
|
5826
5901
|
light: "border-slate-200 bg-white text-slate-950",
|
|
5827
|
-
dark: "border-zinc-800 bg-zinc-950 text-stone-100"
|
|
5902
|
+
dark: "border-zinc-800 bg-zinc-950 text-stone-100",
|
|
5903
|
+
black: "border-neutral-950 bg-black text-stone-100"
|
|
5828
5904
|
}, ec = {
|
|
5829
5905
|
light: {
|
|
5830
5906
|
default: [
|
|
@@ -6145,81 +6221,105 @@ var _c = a(function({ align: e = "center", children: t, className: n, ...r }, i)
|
|
|
6145
6221
|
}), xc = {
|
|
6146
6222
|
light: {
|
|
6147
6223
|
neutral: {
|
|
6148
|
-
base: "border-slate-
|
|
6149
|
-
hover: "hover:border-slate-
|
|
6224
|
+
base: "border-slate-500 bg-slate-200/90 text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.06)] focus-visible:border-slate-700 focus-visible:ring-slate-600/22",
|
|
6225
|
+
hover: "hover:border-slate-600 hover:bg-slate-200"
|
|
6226
|
+
},
|
|
6227
|
+
slate: {
|
|
6228
|
+
base: "border-slate-600 bg-slate-300 text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.06)] focus-visible:border-slate-800 focus-visible:ring-slate-700/20",
|
|
6229
|
+
hover: "hover:border-slate-700 hover:bg-slate-400/95"
|
|
6230
|
+
},
|
|
6231
|
+
zinc: {
|
|
6232
|
+
base: "border-zinc-600 bg-zinc-300 text-zinc-950 shadow-[0_1px_2px_rgba(24,24,27,0.06)] focus-visible:border-zinc-800 focus-visible:ring-zinc-700/20",
|
|
6233
|
+
hover: "hover:border-zinc-700 hover:bg-zinc-400/95"
|
|
6150
6234
|
},
|
|
6151
6235
|
primary: {
|
|
6152
|
-
base: "border-sky-
|
|
6153
|
-
hover: "hover:border-sky-
|
|
6236
|
+
base: "border-sky-400/85 bg-sky-100/80 text-slate-950 shadow-[0_1px_2px_rgba(14,165,233,0.08)] focus-visible:border-sky-600 focus-visible:ring-sky-400/25",
|
|
6237
|
+
hover: "hover:border-sky-500 hover:bg-sky-100"
|
|
6154
6238
|
},
|
|
6155
6239
|
brand: {
|
|
6156
|
-
base: "border-brand-
|
|
6157
|
-
hover: "hover:border-brand-
|
|
6240
|
+
base: "border-brand-400/80 bg-brand-100/75 text-slate-950 shadow-[0_1px_2px_rgba(112,56,255,0.1)] focus-visible:border-brand-600 focus-visible:ring-brand-400/25",
|
|
6241
|
+
hover: "hover:border-brand-500 hover:bg-brand-100"
|
|
6158
6242
|
},
|
|
6159
6243
|
success: {
|
|
6160
|
-
base: "border-emerald-
|
|
6161
|
-
hover: "hover:border-emerald-
|
|
6244
|
+
base: "border-emerald-400/85 bg-emerald-100/75 text-slate-950 shadow-[0_1px_2px_rgba(16,185,129,0.08)] focus-visible:border-emerald-600 focus-visible:ring-emerald-400/25",
|
|
6245
|
+
hover: "hover:border-emerald-500 hover:bg-emerald-100"
|
|
6162
6246
|
},
|
|
6163
6247
|
danger: {
|
|
6164
|
-
base: "border-rose-
|
|
6165
|
-
hover: "hover:border-rose-
|
|
6248
|
+
base: "border-rose-400/85 bg-rose-100/75 text-slate-950 shadow-[0_1px_2px_rgba(244,63,94,0.08)] focus-visible:border-rose-600 focus-visible:ring-rose-400/25",
|
|
6249
|
+
hover: "hover:border-rose-500 hover:bg-rose-100"
|
|
6166
6250
|
},
|
|
6167
6251
|
warning: {
|
|
6168
|
-
base: "border-amber-
|
|
6169
|
-
hover: "hover:border-amber-
|
|
6252
|
+
base: "border-amber-400/85 bg-amber-100/80 text-slate-950 shadow-[0_1px_2px_rgba(245,158,11,0.08)] focus-visible:border-amber-600 focus-visible:ring-amber-400/25",
|
|
6253
|
+
hover: "hover:border-amber-500 hover:bg-amber-100"
|
|
6170
6254
|
},
|
|
6171
6255
|
info: {
|
|
6172
|
-
base: "border-cyan-
|
|
6173
|
-
hover: "hover:border-cyan-
|
|
6256
|
+
base: "border-cyan-400/85 bg-cyan-100/75 text-slate-950 shadow-[0_1px_2px_rgba(6,182,212,0.08)] focus-visible:border-cyan-600 focus-visible:ring-cyan-400/25",
|
|
6257
|
+
hover: "hover:border-cyan-500 hover:bg-cyan-100"
|
|
6174
6258
|
},
|
|
6175
6259
|
light: {
|
|
6176
|
-
base: "border-stone-300 bg-stone-
|
|
6260
|
+
base: "border-stone-300 bg-stone-100/90 text-stone-900 shadow-[0_1px_2px_rgba(120,113,108,0.06)] focus-visible:border-stone-500 focus-visible:ring-stone-400/25",
|
|
6177
6261
|
hover: "hover:border-stone-400 hover:bg-stone-100"
|
|
6178
6262
|
},
|
|
6179
6263
|
dark: {
|
|
6180
|
-
base: "border-
|
|
6181
|
-
hover: "hover:border-
|
|
6264
|
+
base: "border-zinc-800 bg-zinc-900 text-white shadow-[0_1px_2px_rgba(24,24,27,0.2)] focus-visible:border-zinc-700 focus-visible:ring-zinc-700/32",
|
|
6265
|
+
hover: "hover:border-zinc-900 hover:bg-zinc-950"
|
|
6266
|
+
},
|
|
6267
|
+
black: {
|
|
6268
|
+
base: "border-zinc-950 bg-zinc-950 text-white shadow-[0_1px_2px_rgba(0,0,0,0.28)] focus-visible:border-zinc-700 focus-visible:ring-zinc-700/32",
|
|
6269
|
+
hover: "hover:border-black hover:bg-black"
|
|
6182
6270
|
},
|
|
6183
|
-
invalid: "border-
|
|
6271
|
+
invalid: "border-rose-400 bg-rose-100/75 text-rose-950 shadow-[0_1px_2px_rgba(239,68,68,0.1)] focus-visible:border-rose-600 focus-visible:ring-rose-300/35"
|
|
6184
6272
|
},
|
|
6185
6273
|
dark: {
|
|
6186
6274
|
neutral: {
|
|
6187
|
-
base: "border-zinc-
|
|
6188
|
-
hover: "hover:border-zinc-
|
|
6275
|
+
base: "border-zinc-700 bg-zinc-950 text-stone-50 shadow-[0_1px_2px_rgba(0,0,0,0.38)] focus-visible:border-zinc-500 focus-visible:ring-zinc-500/32",
|
|
6276
|
+
hover: "hover:border-zinc-600 hover:bg-zinc-900/95"
|
|
6277
|
+
},
|
|
6278
|
+
slate: {
|
|
6279
|
+
base: "border-slate-700 bg-slate-900 text-slate-50 shadow-[0_1px_2px_rgba(0,0,0,0.36)] focus-visible:border-slate-500 focus-visible:ring-slate-600/30",
|
|
6280
|
+
hover: "hover:border-slate-600 hover:bg-slate-800/95"
|
|
6281
|
+
},
|
|
6282
|
+
zinc: {
|
|
6283
|
+
base: "border-zinc-700 bg-zinc-900 text-zinc-50 shadow-[0_1px_2px_rgba(0,0,0,0.36)] focus-visible:border-zinc-500 focus-visible:ring-zinc-600/30",
|
|
6284
|
+
hover: "hover:border-zinc-600 hover:bg-zinc-800/95"
|
|
6189
6285
|
},
|
|
6190
6286
|
primary: {
|
|
6191
|
-
base: "border-sky-500/
|
|
6192
|
-
hover: "hover:border-sky-400/
|
|
6287
|
+
base: "border-sky-500/55 bg-sky-500/18 text-stone-50 shadow-[0_1px_2px_rgba(14,165,233,0.12)] focus-visible:border-sky-300/90 focus-visible:ring-sky-400/30",
|
|
6288
|
+
hover: "hover:border-sky-400/70 hover:bg-sky-500/22"
|
|
6193
6289
|
},
|
|
6194
6290
|
brand: {
|
|
6195
|
-
base: "border-brand-500/
|
|
6196
|
-
hover: "hover:border-brand-400/
|
|
6291
|
+
base: "border-brand-500/55 bg-brand-500/18 text-stone-50 shadow-[0_1px_2px_rgba(112,56,255,0.14)] focus-visible:border-brand-300/90 focus-visible:ring-brand-400/30",
|
|
6292
|
+
hover: "hover:border-brand-400/70 hover:bg-brand-500/22"
|
|
6197
6293
|
},
|
|
6198
6294
|
success: {
|
|
6199
|
-
base: "border-emerald-500/
|
|
6200
|
-
hover: "hover:border-emerald-400/
|
|
6295
|
+
base: "border-emerald-500/55 bg-emerald-500/18 text-stone-50 shadow-[0_1px_2px_rgba(16,185,129,0.12)] focus-visible:border-emerald-300/90 focus-visible:ring-emerald-400/30",
|
|
6296
|
+
hover: "hover:border-emerald-400/70 hover:bg-emerald-500/22"
|
|
6201
6297
|
},
|
|
6202
6298
|
danger: {
|
|
6203
|
-
base: "border-rose-500/
|
|
6204
|
-
hover: "hover:border-rose-400/
|
|
6299
|
+
base: "border-rose-500/55 bg-rose-500/18 text-stone-50 shadow-[0_1px_2px_rgba(244,63,94,0.12)] focus-visible:border-rose-300/90 focus-visible:ring-rose-400/30",
|
|
6300
|
+
hover: "hover:border-rose-400/70 hover:bg-rose-500/22"
|
|
6205
6301
|
},
|
|
6206
6302
|
warning: {
|
|
6207
|
-
base: "border-amber-500/
|
|
6208
|
-
hover: "hover:border-amber-400/
|
|
6303
|
+
base: "border-amber-500/55 bg-amber-500/18 text-stone-50 shadow-[0_1px_2px_rgba(245,158,11,0.12)] focus-visible:border-amber-300/90 focus-visible:ring-amber-400/30",
|
|
6304
|
+
hover: "hover:border-amber-400/70 hover:bg-amber-500/22"
|
|
6209
6305
|
},
|
|
6210
6306
|
info: {
|
|
6211
|
-
base: "border-cyan-500/
|
|
6212
|
-
hover: "hover:border-cyan-400/
|
|
6307
|
+
base: "border-cyan-500/55 bg-cyan-500/18 text-stone-50 shadow-[0_1px_2px_rgba(6,182,212,0.12)] focus-visible:border-cyan-300/90 focus-visible:ring-cyan-400/30",
|
|
6308
|
+
hover: "hover:border-cyan-400/70 hover:bg-cyan-500/22"
|
|
6213
6309
|
},
|
|
6214
6310
|
light: {
|
|
6215
|
-
base: "border-stone-300/
|
|
6216
|
-
hover: "hover:border-stone-200/
|
|
6311
|
+
base: "border-stone-300/70 bg-stone-100 text-stone-950 shadow-[0_1px_2px_rgba(245,245,244,0.05)] focus-visible:border-stone-200 focus-visible:ring-stone-300/30",
|
|
6312
|
+
hover: "hover:border-stone-200/85 hover:bg-stone-50"
|
|
6217
6313
|
},
|
|
6218
6314
|
dark: {
|
|
6219
|
-
base: "border-zinc-700 bg-
|
|
6220
|
-
hover: "hover:border-zinc-600 hover:bg-
|
|
6315
|
+
base: "border-zinc-700 bg-zinc-950 text-white shadow-[0_1px_2px_rgba(0,0,0,0.4)] focus-visible:border-zinc-500 focus-visible:ring-zinc-600/35",
|
|
6316
|
+
hover: "hover:border-zinc-600 hover:bg-black"
|
|
6221
6317
|
},
|
|
6222
|
-
|
|
6318
|
+
black: {
|
|
6319
|
+
base: "border-zinc-600 bg-black text-white shadow-[0_1px_2px_rgba(0,0,0,0.42)] focus-visible:border-zinc-400 focus-visible:ring-zinc-500/35",
|
|
6320
|
+
hover: "hover:border-zinc-500 hover:bg-zinc-950"
|
|
6321
|
+
},
|
|
6322
|
+
invalid: "border-rose-500/70 bg-rose-500/16 text-stone-50 shadow-[0_1px_2px_rgba(239,68,68,0.14)] focus-visible:border-rose-400/90 focus-visible:ring-rose-500/25"
|
|
6223
6323
|
}
|
|
6224
6324
|
};
|
|
6225
6325
|
function Sc(e) {
|
|
@@ -6231,7 +6331,7 @@ function Cc(e) {
|
|
|
6231
6331
|
//#endregion
|
|
6232
6332
|
//#region src/lib/components/input/Input.jsx
|
|
6233
6333
|
var wc = { base: [
|
|
6234
|
-
"w-full border
|
|
6334
|
+
"w-full border text-sm outline-none",
|
|
6235
6335
|
"transition-[background-color,border-color,color,box-shadow] duration-200",
|
|
6236
6336
|
"placeholder:text-current/45",
|
|
6237
6337
|
"focus-visible:ring-4 focus-visible:ring-offset-0",
|
|
@@ -6652,14 +6752,24 @@ var hl = {
|
|
|
6652
6752
|
arrowStroke: "#e2e8f0"
|
|
6653
6753
|
},
|
|
6654
6754
|
neutral: {
|
|
6655
|
-
panel: "border-
|
|
6755
|
+
panel: "border-slate-200 bg-slate-50 text-slate-800",
|
|
6756
|
+
arrowFill: "#f8fafc",
|
|
6757
|
+
arrowStroke: "#cbd5e1"
|
|
6758
|
+
},
|
|
6759
|
+
slate: {
|
|
6760
|
+
panel: "border-slate-200 bg-slate-50 text-slate-800",
|
|
6761
|
+
arrowFill: "#f8fafc",
|
|
6762
|
+
arrowStroke: "#cbd5e1"
|
|
6763
|
+
},
|
|
6764
|
+
zinc: {
|
|
6765
|
+
panel: "border-zinc-200 bg-zinc-50 text-zinc-800",
|
|
6656
6766
|
arrowFill: "#fafafa",
|
|
6657
|
-
arrowStroke: "#
|
|
6767
|
+
arrowStroke: "#d4d4d8"
|
|
6658
6768
|
},
|
|
6659
6769
|
primary: {
|
|
6660
|
-
panel: "border-
|
|
6661
|
-
arrowFill: "#
|
|
6662
|
-
arrowStroke: "#
|
|
6770
|
+
panel: "border-sky-200 bg-sky-50 text-sky-900",
|
|
6771
|
+
arrowFill: "#f0f9ff",
|
|
6772
|
+
arrowStroke: "#bae6fd"
|
|
6663
6773
|
},
|
|
6664
6774
|
brand: {
|
|
6665
6775
|
panel: "border-brand-200 bg-brand-50 text-brand-900",
|
|
@@ -6672,9 +6782,9 @@ var hl = {
|
|
|
6672
6782
|
arrowStroke: "#a7f3d0"
|
|
6673
6783
|
},
|
|
6674
6784
|
danger: {
|
|
6675
|
-
panel: "border-
|
|
6676
|
-
arrowFill: "#
|
|
6677
|
-
arrowStroke: "#
|
|
6785
|
+
panel: "border-rose-200 bg-rose-50 text-rose-900",
|
|
6786
|
+
arrowFill: "#fff1f2",
|
|
6787
|
+
arrowStroke: "#fecdd3"
|
|
6678
6788
|
},
|
|
6679
6789
|
warning: {
|
|
6680
6790
|
panel: "border-amber-200 bg-amber-50 text-amber-900",
|
|
@@ -6682,9 +6792,9 @@ var hl = {
|
|
|
6682
6792
|
arrowStroke: "#fde68a"
|
|
6683
6793
|
},
|
|
6684
6794
|
info: {
|
|
6685
|
-
panel: "border-
|
|
6686
|
-
arrowFill: "#
|
|
6687
|
-
arrowStroke: "#
|
|
6795
|
+
panel: "border-cyan-200 bg-cyan-50 text-cyan-900",
|
|
6796
|
+
arrowFill: "#ecfeff",
|
|
6797
|
+
arrowStroke: "#a5f3fc"
|
|
6688
6798
|
},
|
|
6689
6799
|
light: {
|
|
6690
6800
|
panel: "border-neutral-200 bg-white text-neutral-700",
|
|
@@ -6692,6 +6802,11 @@ var hl = {
|
|
|
6692
6802
|
arrowStroke: "#e5e5e5"
|
|
6693
6803
|
},
|
|
6694
6804
|
dark: {
|
|
6805
|
+
panel: "border-zinc-900 bg-zinc-900 text-white",
|
|
6806
|
+
arrowFill: "#18181b",
|
|
6807
|
+
arrowStroke: "#18181b"
|
|
6808
|
+
},
|
|
6809
|
+
black: {
|
|
6695
6810
|
panel: "border-neutral-950 bg-neutral-950 text-white",
|
|
6696
6811
|
arrowFill: "#0a0a0a",
|
|
6697
6812
|
arrowStroke: "#0a0a0a"
|
|
@@ -6704,14 +6819,24 @@ var hl = {
|
|
|
6704
6819
|
arrowStroke: "#27272a"
|
|
6705
6820
|
},
|
|
6706
6821
|
neutral: {
|
|
6707
|
-
panel: "border-
|
|
6708
|
-
arrowFill: "#
|
|
6709
|
-
arrowStroke: "#
|
|
6822
|
+
panel: "border-zinc-700 bg-zinc-950 text-zinc-100",
|
|
6823
|
+
arrowFill: "#09090b",
|
|
6824
|
+
arrowStroke: "#3f3f46"
|
|
6825
|
+
},
|
|
6826
|
+
slate: {
|
|
6827
|
+
panel: "border-slate-700 bg-slate-900 text-slate-100",
|
|
6828
|
+
arrowFill: "#0f172a",
|
|
6829
|
+
arrowStroke: "#334155"
|
|
6830
|
+
},
|
|
6831
|
+
zinc: {
|
|
6832
|
+
panel: "border-zinc-700 bg-zinc-900 text-zinc-100",
|
|
6833
|
+
arrowFill: "#18181b",
|
|
6834
|
+
arrowStroke: "#3f3f46"
|
|
6710
6835
|
},
|
|
6711
6836
|
primary: {
|
|
6712
|
-
panel: "border-
|
|
6713
|
-
arrowFill: "#
|
|
6714
|
-
arrowStroke: "#
|
|
6837
|
+
panel: "border-sky-800 bg-sky-950 text-sky-100",
|
|
6838
|
+
arrowFill: "#082f49",
|
|
6839
|
+
arrowStroke: "#075985"
|
|
6715
6840
|
},
|
|
6716
6841
|
brand: {
|
|
6717
6842
|
panel: "border-brand-800 bg-brand-950 text-brand-100",
|
|
@@ -6724,9 +6849,9 @@ var hl = {
|
|
|
6724
6849
|
arrowStroke: "#065f46"
|
|
6725
6850
|
},
|
|
6726
6851
|
danger: {
|
|
6727
|
-
panel: "border-
|
|
6728
|
-
arrowFill: "#
|
|
6729
|
-
arrowStroke: "#
|
|
6852
|
+
panel: "border-rose-800 bg-rose-950 text-rose-100",
|
|
6853
|
+
arrowFill: "#4c0519",
|
|
6854
|
+
arrowStroke: "#9f1239"
|
|
6730
6855
|
},
|
|
6731
6856
|
warning: {
|
|
6732
6857
|
panel: "border-amber-800 bg-amber-950 text-amber-100",
|
|
@@ -6734,9 +6859,9 @@ var hl = {
|
|
|
6734
6859
|
arrowStroke: "#92400e"
|
|
6735
6860
|
},
|
|
6736
6861
|
info: {
|
|
6737
|
-
panel: "border-
|
|
6738
|
-
arrowFill: "#
|
|
6739
|
-
arrowStroke: "#
|
|
6862
|
+
panel: "border-cyan-800 bg-cyan-950 text-cyan-100",
|
|
6863
|
+
arrowFill: "#083344",
|
|
6864
|
+
arrowStroke: "#0e7490"
|
|
6740
6865
|
},
|
|
6741
6866
|
light: {
|
|
6742
6867
|
panel: "border-neutral-300 bg-neutral-50 text-neutral-900",
|
|
@@ -6744,8 +6869,13 @@ var hl = {
|
|
|
6744
6869
|
arrowStroke: "#d4d4d4"
|
|
6745
6870
|
},
|
|
6746
6871
|
dark: {
|
|
6747
|
-
panel: "border-
|
|
6748
|
-
arrowFill: "#
|
|
6872
|
+
panel: "border-zinc-800 bg-zinc-950 text-white",
|
|
6873
|
+
arrowFill: "#09090b",
|
|
6874
|
+
arrowStroke: "#27272a"
|
|
6875
|
+
},
|
|
6876
|
+
black: {
|
|
6877
|
+
panel: "border-neutral-700 bg-neutral-950 text-white",
|
|
6878
|
+
arrowFill: "#0a0a0a",
|
|
6749
6879
|
arrowStroke: "#404040"
|
|
6750
6880
|
}
|
|
6751
6881
|
}
|
|
@@ -6881,52 +7011,80 @@ function xl({ arrowHeight: e = 8, arrowFill: t, arrowStrokeWidth: n = .75, arrow
|
|
|
6881
7011
|
//#region src/lib/components/radio/Radio.jsx
|
|
6882
7012
|
var Sl = {
|
|
6883
7013
|
light: {
|
|
6884
|
-
ring: "border-slate-
|
|
6885
|
-
focus: "peer-focus-visible:outline-slate-
|
|
7014
|
+
ring: "border-slate-500 bg-slate-200/90 shadow-[0_1px_2px_rgba(15,23,42,0.09)] peer-hover:border-slate-700 peer-hover:bg-slate-100",
|
|
7015
|
+
focus: "peer-focus-visible:outline-slate-600",
|
|
6886
7016
|
colors: {
|
|
6887
7017
|
neutral: {
|
|
6888
|
-
ring: "peer-checked:border-
|
|
6889
|
-
dot: "bg-
|
|
7018
|
+
ring: "peer-checked:border-slate-800",
|
|
7019
|
+
dot: "bg-slate-800"
|
|
7020
|
+
},
|
|
7021
|
+
slate: {
|
|
7022
|
+
ring: "peer-checked:border-slate-800",
|
|
7023
|
+
dot: "bg-slate-800"
|
|
7024
|
+
},
|
|
7025
|
+
zinc: {
|
|
7026
|
+
ring: "peer-checked:border-zinc-800",
|
|
7027
|
+
dot: "bg-zinc-800"
|
|
6890
7028
|
},
|
|
6891
7029
|
primary: {
|
|
6892
|
-
ring: "peer-checked:border-
|
|
6893
|
-
dot: "bg-
|
|
7030
|
+
ring: "peer-checked:border-sky-600",
|
|
7031
|
+
dot: "bg-sky-600"
|
|
6894
7032
|
},
|
|
6895
7033
|
brand: {
|
|
6896
|
-
ring: "peer-checked:border-brand-
|
|
6897
|
-
dot: "bg-brand-
|
|
7034
|
+
ring: "peer-checked:border-brand-600",
|
|
7035
|
+
dot: "bg-brand-600"
|
|
6898
7036
|
},
|
|
6899
7037
|
success: {
|
|
6900
7038
|
ring: "peer-checked:border-emerald-600",
|
|
6901
7039
|
dot: "bg-emerald-600"
|
|
6902
7040
|
},
|
|
6903
7041
|
danger: {
|
|
6904
|
-
ring: "peer-checked:border-
|
|
6905
|
-
dot: "bg-
|
|
7042
|
+
ring: "peer-checked:border-rose-600",
|
|
7043
|
+
dot: "bg-rose-600"
|
|
6906
7044
|
},
|
|
6907
7045
|
warning: {
|
|
6908
7046
|
ring: "peer-checked:border-amber-500",
|
|
6909
7047
|
dot: "bg-amber-500"
|
|
6910
7048
|
},
|
|
6911
7049
|
info: {
|
|
6912
|
-
ring: "peer-checked:border-
|
|
6913
|
-
dot: "bg-
|
|
7050
|
+
ring: "peer-checked:border-cyan-600",
|
|
7051
|
+
dot: "bg-cyan-600"
|
|
7052
|
+
},
|
|
7053
|
+
light: {
|
|
7054
|
+
ring: "peer-checked:border-stone-300",
|
|
7055
|
+
dot: "bg-stone-300"
|
|
7056
|
+
},
|
|
7057
|
+
dark: {
|
|
7058
|
+
ring: "peer-checked:border-zinc-900",
|
|
7059
|
+
dot: "bg-zinc-900"
|
|
7060
|
+
},
|
|
7061
|
+
black: {
|
|
7062
|
+
ring: "peer-checked:border-slate-950",
|
|
7063
|
+
dot: "bg-slate-950"
|
|
6914
7064
|
}
|
|
6915
7065
|
},
|
|
6916
|
-
invalid: "border-
|
|
6917
|
-
invalidDot: "bg-
|
|
7066
|
+
invalid: "border-rose-400 peer-checked:border-rose-600",
|
|
7067
|
+
invalidDot: "bg-rose-600"
|
|
6918
7068
|
},
|
|
6919
7069
|
dark: {
|
|
6920
|
-
ring: "border-zinc-700 bg-zinc-950",
|
|
6921
|
-
focus: "peer-focus-visible:outline-zinc-
|
|
7070
|
+
ring: "border-zinc-700 bg-zinc-950 shadow-[0_1px_2px_rgba(0,0,0,0.34)] peer-hover:border-zinc-600 peer-hover:bg-zinc-900",
|
|
7071
|
+
focus: "peer-focus-visible:outline-zinc-500",
|
|
6922
7072
|
colors: {
|
|
6923
7073
|
neutral: {
|
|
6924
|
-
ring: "peer-checked:border-
|
|
6925
|
-
dot: "bg-
|
|
7074
|
+
ring: "peer-checked:border-zinc-100",
|
|
7075
|
+
dot: "bg-zinc-100"
|
|
7076
|
+
},
|
|
7077
|
+
slate: {
|
|
7078
|
+
ring: "peer-checked:border-slate-100",
|
|
7079
|
+
dot: "bg-slate-100"
|
|
7080
|
+
},
|
|
7081
|
+
zinc: {
|
|
7082
|
+
ring: "peer-checked:border-zinc-100",
|
|
7083
|
+
dot: "bg-zinc-100"
|
|
6926
7084
|
},
|
|
6927
7085
|
primary: {
|
|
6928
|
-
ring: "peer-checked:border-
|
|
6929
|
-
dot: "bg-
|
|
7086
|
+
ring: "peer-checked:border-sky-300",
|
|
7087
|
+
dot: "bg-sky-300"
|
|
6930
7088
|
},
|
|
6931
7089
|
brand: {
|
|
6932
7090
|
ring: "peer-checked:border-brand-300",
|
|
@@ -6937,20 +7095,32 @@ var Sl = {
|
|
|
6937
7095
|
dot: "bg-emerald-300"
|
|
6938
7096
|
},
|
|
6939
7097
|
danger: {
|
|
6940
|
-
ring: "peer-checked:border-
|
|
6941
|
-
dot: "bg-
|
|
7098
|
+
ring: "peer-checked:border-rose-300",
|
|
7099
|
+
dot: "bg-rose-300"
|
|
6942
7100
|
},
|
|
6943
7101
|
warning: {
|
|
6944
7102
|
ring: "peer-checked:border-amber-300",
|
|
6945
7103
|
dot: "bg-amber-300"
|
|
6946
7104
|
},
|
|
6947
7105
|
info: {
|
|
6948
|
-
ring: "peer-checked:border-
|
|
6949
|
-
dot: "bg-
|
|
7106
|
+
ring: "peer-checked:border-cyan-300",
|
|
7107
|
+
dot: "bg-cyan-300"
|
|
7108
|
+
},
|
|
7109
|
+
light: {
|
|
7110
|
+
ring: "peer-checked:border-stone-200",
|
|
7111
|
+
dot: "bg-stone-200"
|
|
7112
|
+
},
|
|
7113
|
+
dark: {
|
|
7114
|
+
ring: "peer-checked:border-zinc-300",
|
|
7115
|
+
dot: "bg-zinc-300"
|
|
7116
|
+
},
|
|
7117
|
+
black: {
|
|
7118
|
+
ring: "peer-checked:border-white",
|
|
7119
|
+
dot: "bg-white"
|
|
6950
7120
|
}
|
|
6951
7121
|
},
|
|
6952
|
-
invalid: "border-
|
|
6953
|
-
invalidDot: "bg-
|
|
7122
|
+
invalid: "border-rose-500/70 peer-checked:border-rose-300",
|
|
7123
|
+
invalidDot: "bg-rose-300"
|
|
6954
7124
|
}
|
|
6955
7125
|
}, Cl = {
|
|
6956
7126
|
sm: {
|
|
@@ -7004,7 +7174,7 @@ var Tl = a(function({ className: e, color: t = "neutral", containerClassName: n,
|
|
|
7004
7174
|
}), El = {
|
|
7005
7175
|
wrapper: "relative w-full",
|
|
7006
7176
|
trigger: [
|
|
7007
|
-
"flex w-full items-center justify-between gap-3 border
|
|
7177
|
+
"flex w-full items-center justify-between gap-3 border px-3.5 text-sm outline-none",
|
|
7008
7178
|
"transition-[background-color,border-color,color,box-shadow] duration-200",
|
|
7009
7179
|
"focus-visible:ring-4 focus-visible:ring-offset-0",
|
|
7010
7180
|
"disabled:cursor-not-allowed disabled:opacity-60"
|
|
@@ -7281,42 +7451,72 @@ var Ul = a(function({ animated: e = !0, className: t, shape: n = "line", ...r },
|
|
|
7281
7451
|
}, Gl = {
|
|
7282
7452
|
sm: {
|
|
7283
7453
|
root: "h-5 w-9",
|
|
7284
|
-
thumb: "size-
|
|
7285
|
-
checked: "translate-x-
|
|
7454
|
+
thumb: "size-[0.875rem]",
|
|
7455
|
+
checked: "translate-x-[1.125rem]",
|
|
7286
7456
|
unchecked: "translate-x-0.5"
|
|
7287
7457
|
},
|
|
7288
7458
|
md: {
|
|
7289
7459
|
root: "h-6 w-11",
|
|
7290
|
-
thumb: "size-
|
|
7291
|
-
checked: "translate-x-
|
|
7460
|
+
thumb: "size-[1.125rem]",
|
|
7461
|
+
checked: "translate-x-[1.375rem]",
|
|
7292
7462
|
unchecked: "translate-x-0.5"
|
|
7293
7463
|
}
|
|
7294
7464
|
}, Kl = {
|
|
7295
7465
|
light: {
|
|
7296
|
-
idle: "border-slate-
|
|
7466
|
+
idle: "border-slate-500 bg-slate-400/95 hover:border-slate-700 hover:bg-slate-500 focus-visible:outline-slate-600",
|
|
7297
7467
|
checked: {
|
|
7298
|
-
neutral: "border-
|
|
7299
|
-
|
|
7300
|
-
|
|
7468
|
+
neutral: "border-slate-800 bg-slate-800",
|
|
7469
|
+
slate: "border-slate-800 bg-slate-800",
|
|
7470
|
+
zinc: "border-zinc-800 bg-zinc-800",
|
|
7471
|
+
primary: "border-sky-600 bg-sky-600",
|
|
7472
|
+
brand: "border-brand-600 bg-brand-600",
|
|
7301
7473
|
success: "border-emerald-600 bg-emerald-600",
|
|
7302
|
-
danger: "border-
|
|
7474
|
+
danger: "border-rose-600 bg-rose-600",
|
|
7303
7475
|
warning: "border-amber-500 bg-amber-500",
|
|
7304
|
-
info: "border-
|
|
7476
|
+
info: "border-cyan-600 bg-cyan-600",
|
|
7477
|
+
light: "border-stone-300 bg-stone-300",
|
|
7478
|
+
dark: "border-zinc-900 bg-zinc-900",
|
|
7479
|
+
black: "border-slate-950 bg-slate-950"
|
|
7305
7480
|
},
|
|
7306
|
-
|
|
7481
|
+
invalid: "border-rose-400 bg-rose-100/80 focus-visible:outline-rose-400",
|
|
7482
|
+
thumb: "border-white/90 bg-white shadow-[0_1px_1px_rgba(15,23,42,0.18)]",
|
|
7483
|
+
thumbChecked: {
|
|
7484
|
+
warning: "border-slate-950 bg-slate-950",
|
|
7485
|
+
light: "border-slate-950 bg-slate-950"
|
|
7486
|
+
}
|
|
7307
7487
|
},
|
|
7308
7488
|
dark: {
|
|
7309
|
-
idle: "border-zinc-700 bg-zinc-
|
|
7489
|
+
idle: "border-zinc-700 bg-zinc-900/95 hover:border-zinc-600 hover:bg-zinc-900 focus-visible:outline-zinc-500",
|
|
7310
7490
|
checked: {
|
|
7311
|
-
neutral: "border-
|
|
7312
|
-
|
|
7491
|
+
neutral: "border-zinc-100 bg-zinc-100 text-zinc-950",
|
|
7492
|
+
slate: "border-slate-100 bg-slate-100 text-slate-950",
|
|
7493
|
+
zinc: "border-zinc-100 bg-zinc-100 text-zinc-950",
|
|
7494
|
+
primary: "border-sky-300 bg-sky-300 text-zinc-950",
|
|
7313
7495
|
brand: "border-brand-300 bg-brand-300 text-zinc-950",
|
|
7314
7496
|
success: "border-emerald-300 bg-emerald-300 text-zinc-950",
|
|
7315
|
-
danger: "border-
|
|
7497
|
+
danger: "border-rose-300 bg-rose-300 text-zinc-950",
|
|
7316
7498
|
warning: "border-amber-300 bg-amber-300 text-zinc-950",
|
|
7317
|
-
info: "border-
|
|
7499
|
+
info: "border-cyan-300 bg-cyan-300 text-zinc-950",
|
|
7500
|
+
light: "border-stone-200 bg-stone-200 text-zinc-950",
|
|
7501
|
+
dark: "border-zinc-300 bg-zinc-300 text-zinc-950",
|
|
7502
|
+
black: "border-zinc-950 bg-zinc-950 text-white"
|
|
7318
7503
|
},
|
|
7319
|
-
|
|
7504
|
+
invalid: "border-rose-500/70 bg-rose-500/18 focus-visible:outline-rose-400",
|
|
7505
|
+
thumb: "border-zinc-300/70 bg-zinc-100 shadow-[0_1px_1px_rgba(0,0,0,0.32)]",
|
|
7506
|
+
thumbChecked: {
|
|
7507
|
+
black: "border-white bg-white",
|
|
7508
|
+
neutral: "border-zinc-950 bg-zinc-950",
|
|
7509
|
+
zinc: "border-zinc-950 bg-zinc-950",
|
|
7510
|
+
primary: "border-zinc-950 bg-zinc-950",
|
|
7511
|
+
brand: "border-zinc-950 bg-zinc-950",
|
|
7512
|
+
success: "border-zinc-950 bg-zinc-950",
|
|
7513
|
+
danger: "border-zinc-950 bg-zinc-950",
|
|
7514
|
+
warning: "border-zinc-950 bg-zinc-950",
|
|
7515
|
+
info: "border-zinc-950 bg-zinc-950",
|
|
7516
|
+
light: "border-zinc-950 bg-zinc-950",
|
|
7517
|
+
slate: "border-zinc-950 bg-zinc-950",
|
|
7518
|
+
dark: "border-zinc-950 bg-zinc-950"
|
|
7519
|
+
}
|
|
7320
7520
|
}
|
|
7321
7521
|
};
|
|
7322
7522
|
function ql(e) {
|
|
@@ -7381,12 +7581,12 @@ var Yl = a(function({ checked: e, className: t, color: n = "neutral", containerC
|
|
|
7381
7581
|
"aria-describedby": ee,
|
|
7382
7582
|
disabled: j,
|
|
7383
7583
|
"data-state": O ? "checked" : "unchecked",
|
|
7384
|
-
className: q(Wl.root, Gl[F].root, O ? k.checked[P] : k.idle, t),
|
|
7584
|
+
className: q(Wl.root, Gl[F].root, N ? k.invalid : O ? k.checked[P] : k.idle, t),
|
|
7385
7585
|
...x,
|
|
7386
7586
|
onClick: (e) => {
|
|
7387
7587
|
g?.(e), e.defaultPrevented || te(e);
|
|
7388
7588
|
},
|
|
7389
|
-
children: /* @__PURE__ */ (0, b.jsx)("span", { className: q(Wl.thumb, Gl[F].thumb, k.thumb, O ? Gl[F].checked : Gl[F].unchecked) })
|
|
7589
|
+
children: /* @__PURE__ */ (0, b.jsx)("span", { className: q(Wl.thumb, Gl[F].thumb, k.thumb, O && k.thumbChecked?.[P], O ? Gl[F].checked : Gl[F].unchecked) })
|
|
7390
7590
|
}), L ? /* @__PURE__ */ (0, b.jsx)("input", {
|
|
7391
7591
|
type: "checkbox",
|
|
7392
7592
|
hidden: !0,
|
|
@@ -7444,15 +7644,18 @@ var Ql = { base: "w-full" }, $l = {
|
|
|
7444
7644
|
list: "border-slate-200 bg-slate-100/80",
|
|
7445
7645
|
triggerIdle: "text-slate-600 hover:bg-white hover:text-slate-950 focus-visible:outline-slate-300",
|
|
7446
7646
|
triggerActive: {
|
|
7447
|
-
neutral: "border-slate-200 bg-
|
|
7448
|
-
|
|
7647
|
+
neutral: "border-slate-200 bg-slate-50 text-slate-900",
|
|
7648
|
+
slate: "border-slate-200 bg-slate-50 text-slate-900",
|
|
7649
|
+
zinc: "border-zinc-200 bg-zinc-50 text-zinc-900",
|
|
7650
|
+
primary: "border-sky-200 bg-sky-50 text-sky-800",
|
|
7449
7651
|
brand: "border-brand-200 bg-brand-50 text-brand-800",
|
|
7450
7652
|
success: "border-emerald-200 bg-emerald-50 text-emerald-800",
|
|
7451
|
-
danger: "border-
|
|
7653
|
+
danger: "border-rose-200 bg-rose-50 text-rose-800",
|
|
7452
7654
|
warning: "border-amber-200 bg-amber-50 text-amber-800",
|
|
7453
|
-
info: "border-
|
|
7655
|
+
info: "border-cyan-200 bg-cyan-50 text-cyan-800",
|
|
7454
7656
|
light: "border-slate-200 bg-slate-50 text-slate-700",
|
|
7455
|
-
dark: "border-
|
|
7657
|
+
dark: "border-zinc-800 bg-zinc-900 text-white",
|
|
7658
|
+
black: "border-slate-950 bg-slate-950 text-white"
|
|
7456
7659
|
},
|
|
7457
7660
|
content: "text-slate-600"
|
|
7458
7661
|
},
|
|
@@ -7460,15 +7663,18 @@ var Ql = { base: "w-full" }, $l = {
|
|
|
7460
7663
|
list: "border-zinc-800 bg-zinc-900/80",
|
|
7461
7664
|
triggerIdle: "text-stone-300 hover:bg-zinc-950 hover:text-stone-50 focus-visible:outline-zinc-700",
|
|
7462
7665
|
triggerActive: {
|
|
7463
|
-
neutral: "border-zinc-
|
|
7464
|
-
|
|
7666
|
+
neutral: "border-zinc-700 bg-zinc-950 text-zinc-100",
|
|
7667
|
+
slate: "border-slate-700 bg-slate-900 text-slate-100",
|
|
7668
|
+
zinc: "border-zinc-700 bg-zinc-900 text-zinc-100",
|
|
7669
|
+
primary: "border-sky-800 bg-sky-950 text-sky-200",
|
|
7465
7670
|
brand: "border-brand-800 bg-brand-950 text-brand-200",
|
|
7466
7671
|
success: "border-emerald-800 bg-emerald-950 text-emerald-200",
|
|
7467
|
-
danger: "border-
|
|
7672
|
+
danger: "border-rose-800 bg-rose-950 text-rose-200",
|
|
7468
7673
|
warning: "border-amber-800 bg-amber-950 text-amber-200",
|
|
7469
|
-
info: "border-
|
|
7674
|
+
info: "border-cyan-800 bg-cyan-950 text-cyan-200",
|
|
7470
7675
|
light: "border-slate-600 bg-slate-800 text-slate-50",
|
|
7471
|
-
dark: "border-
|
|
7676
|
+
dark: "border-zinc-800 bg-zinc-950 text-white",
|
|
7677
|
+
black: "border-slate-950 bg-black text-white"
|
|
7472
7678
|
},
|
|
7473
7679
|
content: "text-stone-300"
|
|
7474
7680
|
}
|
|
@@ -7580,7 +7786,7 @@ function uu() {
|
|
|
7580
7786
|
//#endregion
|
|
7581
7787
|
//#region src/lib/components/textarea/Textarea.jsx
|
|
7582
7788
|
var du = { base: [
|
|
7583
|
-
"w-full border
|
|
7789
|
+
"w-full border px-3.5 py-3 text-sm outline-none",
|
|
7584
7790
|
"transition-[background-color,border-color,color,box-shadow] duration-200",
|
|
7585
7791
|
"placeholder:text-current/45",
|
|
7586
7792
|
"focus-visible:ring-4 focus-visible:ring-offset-0",
|