ics-ui-kit 0.1.18 → 0.1.20

package/dist/styles.css

@@ -1343,6 +1343,10 @@ body {
 	left: 0px;
 	right: 0px;
 }
+.inset-x-3 {
+	left: 0.75rem;
+	right: 0.75rem;
+}
 .inset-y-0 {
 	top: 0px;
 	bottom: 0px;
@@ -1789,6 +1793,10 @@ body {
 	width: 2rem;
 	height: 2rem;
 }
+.size-9 {
+	width: 2.25rem;
+	height: 2.25rem;
+}
 .h-1 {
 	height: 0.25rem;
 }
@@ -1921,6 +1929,9 @@ body {
 .h-\[22px\] {
 	height: 22px;
 }
+.h-\[280px\] {
+	height: 280px;
+}
 .h-\[3\.25rem\] {
 	height: 3.25rem;
 }
@@ -1945,6 +1956,9 @@ body {
 .h-\[40px\] {
 	height: 40px;
 }
+.h-\[420px\] {
+	height: 420px;
+}
 .h-\[5\.5rem\] {
 	height: 5.5rem;
 }
@@ -2819,6 +2833,9 @@ body {
 .overflow-y-hidden {
 	overflow-y: hidden;
 }
+.overscroll-contain {
+	overscroll-behavior: contain;
+}
 .truncate {
 	overflow: hidden;
 	text-overflow: ellipsis;
@@ -4053,22 +4070,22 @@ body {
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .shadow-soft-base {
-	--tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
+	--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.12);
 	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .shadow-soft-lg {
-	--tw-shadow: 0 10px 15px -3px hsl(var(--primary-fg) / 0.12), 0 4px 6px -4px hsl(var(--primary-fg) / 0.12);
+	--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.12), 0 4px 6px -4px rgba(0, 0, 0, 0.12);
 	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .shadow-soft-md {
-	--tw-shadow: 0 4px 6px -1px hsl(var(--primary-fg) / 0.12), 0 2px 4px -2px hsl(var(--primary-fg) / 0.12);
+	--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.12), 0 2px 4px -2px rgba(0, 0, 0, 0.12);
 	--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .shadow-soft-sm {
-	--tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
+	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
 	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
@@ -4325,6 +4342,9 @@ body {
 .\[filter\:url\(\#shadow-folder\)\] {
 	filter: url(#shadow-folder);
 }
+.\[grid-area\:1\/1\] {
+	grid-area: 1/1;
+}
 .\[mask-image\:linear-gradient\(to_left\2c rgba\(255\2c 255\2c 255\2c 0\)\2c \#fff_15\%\)\] {
 	mask-image: linear-gradient(to left,rgba(255,255,255,0),#fff 15%);
 }
@@ -4509,7 +4529,7 @@ body {
 	border-color: hsl(var(--status-error-secondary-border));
 }
 .invalid\:shadow-soft-base:invalid {
-	--tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
+	--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.12);
 	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
@@ -4555,9 +4575,18 @@ body {
 	.hover\:border-status-error-secondary-border:hover {
 		border-color: hsl(var(--status-error-secondary-border));
 	}
+	.hover\:border-status-info-primary-border:hover {
+		border-color: hsl(var(--status-info-primary-border));
+	}
+	.hover\:border-status-success-primary-border:hover {
+		border-color: hsl(var(--status-success-primary-border));
+	}
 	.hover\:border-status-success-secondary-border:hover {
 		border-color: hsl(var(--status-success-secondary-border));
 	}
+	.hover\:border-status-warning-primary-border:hover {
+		border-color: hsl(var(--status-warning-primary-border));
+	}
 	.hover\:\!bg-inverse-hover:hover {
 		background-color: hsl(var(--inverse-hover)) !important;
 	}
@@ -4585,6 +4614,9 @@ body {
 		--tw-bg-opacity: 1;
 		background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
 	}
+	.hover\:bg-primary-accent-hover:hover {
+		background-color: hsl(var(--primary-accent-hover));
+	}
 	.hover\:bg-primary-bg-hover:hover {
 		background-color: hsl(var(--primary-bg-hover));
 	}
@@ -4606,6 +4638,9 @@ body {
 	.hover\:bg-status-error-hover:hover {
 		background-color: hsl(var(--status-error-hover));
 	}
+	.hover\:bg-status-info-bg:hover {
+		background-color: hsl(var(--status-info-bg));
+	}
 	.hover\:bg-status-info-bg-hover:hover {
 		background-color: hsl(var(--status-info-bg-hover));
 	}
@@ -4618,6 +4653,9 @@ body {
 	.hover\:bg-status-neutral-hover:hover {
 		background-color: hsl(var(--status-default-hover));
 	}
+	.hover\:bg-status-success-bg:hover {
+		background-color: hsl(var(--status-success-bg));
+	}
 	.hover\:bg-status-success-bg-hover:hover {
 		background-color: hsl(var(--status-success-bg-hover));
 	}
@@ -4654,6 +4692,18 @@ body {
 	.hover\:text-secondary-fg:hover {
 		color: hsl(var(--secondary-fg));
 	}
+	.hover\:text-status-error-fg:hover {
+		color: hsl(var(--status-error-fg));
+	}
+	.hover\:text-status-info-fg:hover {
+		color: hsl(var(--status-info-fg));
+	}
+	.hover\:text-status-success-fg:hover {
+		color: hsl(var(--status-success-fg));
+	}
+	.hover\:text-status-warning-fg:hover {
+		color: hsl(var(--status-warning-fg));
+	}
 	.hover\:text-white:hover {
 		--tw-text-opacity: 1;
 		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -4670,12 +4720,12 @@ body {
 		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 	}
 	.hover\:shadow-soft-base:hover {
-		--tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
+		--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.12);
 		--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
 		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 	}
 	.hover\:shadow-soft-sm:hover {
-		--tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
+		--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
 		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
 		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 	}
@@ -4757,7 +4807,7 @@ body {
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .focus\:shadow-soft-sm:focus {
-	--tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
+	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
 	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
@@ -5005,7 +5055,7 @@ body {
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .disabled\:shadow-soft-sm:disabled {
-	--tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
+	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
 	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
@@ -5146,7 +5196,7 @@ body {
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .has-\[input\:disabled\]\:shadow-soft-sm:has(input:disabled) {
-	--tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
+	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
 	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
@@ -5161,7 +5211,7 @@ body {
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .has-\[input\:invalid\]\:shadow-soft-base:has(input:invalid) {
-	--tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
+	--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.12);
 	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
@@ -5181,7 +5231,7 @@ body {
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .has-\[input\[aria-invalid\=true\]\]\:shadow-soft-base:has(input[aria-invalid=true]) {
-	--tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
+	--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.12);
 	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
@@ -5209,7 +5259,7 @@ body {
 	border-color: hsl(var(--status-error-secondary-border));
 }
 .aria-\[invalid\=true\]\:shadow-soft-base[aria-invalid="true"] {
-	--tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
+	--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.12);
 	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
@@ -5453,7 +5503,7 @@ body {
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
 }
 .data-\[state\=active\]\:shadow-soft-base[data-state="active"] {
-	--tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
+	--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.12);
 	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
@@ -5670,12 +5720,12 @@ body {
 	opacity: 0.5;
 }
 .data-\[state\=checked\]\:disabled\:shadow-soft-sm:disabled[data-state="checked"] {
-	--tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
+	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
 	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .data-\[state\=indeterminate\]\:disabled\:shadow-soft-sm:disabled[data-state="indeterminate"] {
-	--tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
+	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
 	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
@@ -5816,7 +5866,7 @@ body {
 	opacity: 1;
 }
 .group[data-variant="floating"] .group-data-\[variant\=floating\]\:shadow-soft-xl {
-	--tw-shadow: 0 20px 25px -5px hsl(var(--primary-fg) / 0.12), 0 8px 10px -6px hsl(var(--primary-fg) / 0.12);
+	--tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.12);
 	--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
@@ -6264,7 +6314,7 @@ body {
 		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 	}
 	.lg\:shadow-soft-sm {
-		--tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
+		--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
 		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
 		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 	}
@@ -6272,91 +6322,12 @@ body {
 		.lg\:hover\:border-inverse-border:hover {
 			border-color: hsl(var(--inverse-border));
 		}
-		.lg\:hover\:border-primary-border:hover {
-			border-color: hsl(var(--primary-border));
-		}
-		.lg\:hover\:border-status-error-primary-border:hover {
-			border-color: hsl(var(--status-error-primary-border));
-		}
-		.lg\:hover\:border-status-info-primary-border:hover {
-			border-color: hsl(var(--status-info-primary-border));
-		}
-		.lg\:hover\:border-status-success-primary-border:hover {
-			border-color: hsl(var(--status-success-primary-border));
-		}
-		.lg\:hover\:border-status-warning-primary-border:hover {
-			border-color: hsl(var(--status-warning-primary-border));
-		}
 		.lg\:hover\:bg-inverse-hover:hover {
 			background-color: hsl(var(--inverse-hover));
 		}
-		.lg\:hover\:bg-primary-accent-hover:hover {
-			background-color: hsl(var(--primary-accent-hover));
-		}
-		.lg\:hover\:bg-primary-bg-hover:hover {
-			background-color: hsl(var(--primary-bg-hover));
-		}
-		.lg\:hover\:bg-secondary-bg-hover:hover {
-			background-color: hsl(var(--secondary-bg-hover));
-		}
-		.lg\:hover\:bg-status-error-bg:hover {
-			background-color: hsl(var(--status-error-bg));
-		}
-		.lg\:hover\:bg-status-error-bg-hover:hover {
-			background-color: hsl(var(--status-error-bg-hover));
-		}
-		.lg\:hover\:bg-status-error-hover:hover {
-			background-color: hsl(var(--status-error-hover));
-		}
-		.lg\:hover\:bg-status-info-bg:hover {
-			background-color: hsl(var(--status-info-bg));
-		}
-		.lg\:hover\:bg-status-info-bg-hover:hover {
-			background-color: hsl(var(--status-info-bg-hover));
-		}
-		.lg\:hover\:bg-status-info-hover:hover {
-			background-color: hsl(var(--status-info-hover));
-		}
-		.lg\:hover\:bg-status-success-bg:hover {
-			background-color: hsl(var(--status-success-bg));
-		}
-		.lg\:hover\:bg-status-success-bg-hover:hover {
-			background-color: hsl(var(--status-success-bg-hover));
-		}
-		.lg\:hover\:bg-status-success-hover:hover {
-			background-color: hsl(var(--status-success-hover));
-		}
-		.lg\:hover\:bg-status-warning-bg:hover {
-			background-color: hsl(var(--status-warning-bg));
-		}
-		.lg\:hover\:bg-status-warning-bg-hover:hover {
-			background-color: hsl(var(--status-warning-bg-hover));
-		}
-		.lg\:hover\:bg-status-warning-hover:hover {
-			background-color: hsl(var(--status-warning-hover));
-		}
 		.lg\:hover\:text-inverse-primary-fg:hover {
 			color: hsl(var(--inverse-primary-fg));
 		}
-		.lg\:hover\:text-primary-fg:hover {
-			color: hsl(var(--primary-fg));
-		}
-		.lg\:hover\:text-status-error-fg:hover {
-			color: hsl(var(--status-error-fg));
-		}
-		.lg\:hover\:text-status-info-fg:hover {
-			color: hsl(var(--status-info-fg));
-		}
-		.lg\:hover\:text-status-success-fg:hover {
-			color: hsl(var(--status-success-fg));
-		}
-		.lg\:hover\:text-status-warning-fg:hover {
-			color: hsl(var(--status-warning-fg));
-		}
-		.lg\:hover\:text-white:hover {
-			--tw-text-opacity: 1;
-			color: rgb(255 255 255 / var(--tw-text-opacity, 1));
-		}
 	}
 	.lg\:has-\[\>svg\]\:grid-cols-\[1\.5rem_1fr\]:has(>svg) {
 		grid-template-columns: 1.5rem 1fr;

package/dist/vendors/react-day-picker.js

@@ -1,5 +1,5 @@
-import { M as a, W as e, u as s } from "../DayPicker-4hE1QEvO.js";
-import { a8 as d, B as D, C as b, a as p, b as m, f, g as y, D as k, h as u, i as h, a6 as C, w as M, j as W, k as c, F as N, l as g, m as v, n as w, o as B, N as x, p as L, O as P, P as R, R as T, S as I, a7 as O, T as Y, a5 as A, s as G, t as H, q as S, r as F, v as j, Y as U, aa as Z, c as q, ab as z, a9 as E, d as J, e as K, x as Q, z as V, y as X, A as _, G as $, H as aa, E as ea, J as sa, I as ta, K as oa, ak as ra, al as na, ag as la, ai as ia, aj as da, an as Da, am as ba, ac as pa, V as ma, Q as fa, L as ya, U as ka, X as ua, Z as ha, _ as Ca, $ as Ma, a0 as Wa, a2 as ca, a3 as Na, a1 as ga, a4 as va, ad as wa, ae as Ba, af as xa, ah as La } from "../DayPicker-4hE1QEvO.js";
+import { g as a, W as e, u as s } from "../DayPicker-Cu2Kn-he.js";
+import { aa as d, B as D, C as b, h as p, i as m, n as f, o as y, j as k, p as u, q as h, a8 as C, D as M, r as W, s as c, F as N, t as g, v, M as w, w as B, N as x, x as L, O as P, P as R, R as T, S as I, a9 as O, T as Y, a7 as A, A as G, E as H, y as S, z as F, G as j, Y as U, ac as Z, m as q, ad as z, ab as E, k as J, e as K, H as Q, J as V, I as X, K as _, Q as $, U as aa, L as ea, X as sa, V as ta, Z as oa, am as ra, an as na, ai as la, ak as ia, al as da, ap as Da, ao as ba, ae as pa, a1 as ma, $ as fa, _ as ya, a0 as ka, a2 as ua, b as ha, a3 as Ca, d as Ma, l as Wa, a5 as ca, a6 as Na, a4 as ga, c as va, af as wa, ag as Ba, ah as xa, aj as La } from "../DayPicker-Cu2Kn-he.js";
 const o = a, r = e, n = s;
 export {
   d as Animation,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "ics-ui-kit",
-	"version": "0.1.18",
+	"version": "0.1.20",
 	"packageManager": "pnpm@10.17.1",
 	"repository": {
 		"type": "git",

package/tailwind.preset.js

@@ -230,11 +230,11 @@ export default {
 				xs: "calc(var(--radius) - 6px)" /** 2px */
 			},
 			boxShadow: {
-				"soft-base": "0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12)",
-				"soft-sm": "0 1px 2px 0 hsl(var(--primary-fg) / 0.06)",
-				"soft-md": "0 4px 6px -1px hsl(var(--primary-fg) / 0.12), 0 2px 4px -2px hsl(var(--primary-fg) / 0.12)",
-				"soft-lg": "0 10px 15px -3px hsl(var(--primary-fg) / 0.12), 0 4px 6px -4px hsl(var(--primary-fg) / 0.12)",
-				"soft-xl": "0 20px 25px -5px hsl(var(--primary-fg) / 0.12), 0 8px 10px -6px hsl(var(--primary-fg) / 0.12)",
+				"soft-base": "0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.12)",
+				"soft-sm": "0 1px 2px 0 rgba(0, 0, 0, 0.06)",
+				"soft-md": "0 4px 6px -1px rgba(0, 0, 0, 0.12), 0 2px 4px -2px rgba(0, 0, 0, 0.12)",
+				"soft-lg": "0 10px 15px -3px rgba(0, 0, 0, 0.12), 0 4px 6px -4px rgba(0, 0, 0, 0.12)",
+				"soft-xl": "0 20px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.12)",
 				"soft-2xl": "0 24px 48px -12px rgba(15, 23, 42, 0.24)",
 
 				focus: "0 0 0 0.5px hsl(var(--primary-bg)), 0 0 0 1px hsl(var(--focus))",

package/dist/ButtonBase-e6qyv6mD.js

@@ -1,158 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { S as u } from "./index-BtQfgaSF.js";
-import c from "react";
-import { T as b } from "./index-BVqs-uqP.js";
-const v = b({
-  base: "inline-flex cursor-pointer select-none items-center justify-center overflow-hidden rounded-lg font-medium text-primary-fg transition-all focus-visible:shadow-focus focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
-  variants: {
-    variant: {
-      primary: "bg-primary-accent text-primary-bg shadow-soft-base active:bg-primary-accent-hover lg:hover:bg-primary-accent-hover",
-      secondary: "bg-secondary-bg-hover active:bg-primary-bg-hover lg:hover:bg-primary-bg-hover",
-      outline: "border border-solid border-secondary-border bg-secondary-bg shadow-soft-sm active:border-primary-border active:bg-secondary-bg-hover lg:hover:border-primary-border lg:hover:bg-secondary-bg-hover",
-      ghost: "bg-transparent active:bg-secondary-bg-hover lg:hover:bg-secondary-bg-hover",
-      link: "bg-transparent text-muted underline active:text-primary-fg lg:hover:text-primary-fg",
-      text: "bg-transparent text-muted active:text-primary-fg lg:hover:text-primary-fg"
-    },
-    status: {
-      default: "",
-      info: "text-status-info-fg",
-      success: "text-status-success-fg",
-      warning: "text-status-warning-fg",
-      error: "text-status-error-fg"
-    },
-    size: {
-      xs: "h-7 gap-2 px-2.5 py-1.5 text-xs",
-      sm: "h-8 gap-2 px-3 py-2 text-xs",
-      md: "h-9 gap-2 px-4 py-2 text-sm",
-      lg: "h-10 gap-2 px-5 py-2 text-sm",
-      xl: "h-11 gap-3 px-6 py-3 text-base"
-    }
-  },
-  defaultVariants: {
-    variant: "primary",
-    size: "md",
-    status: "default"
-  },
-  compoundVariants: [
-    /*
-     * Statuses
-     */
-    // Primary
-    {
-      variant: "primary",
-      status: ["info", "success", "warning", "error"],
-      class: "text-white active:text-white lg:hover:text-white"
-    },
-    {
-      variant: "primary",
-      status: "info",
-      class: "bg-status-info active:bg-status-info-hover lg:hover:bg-status-info-hover"
-    },
-    {
-      variant: "primary",
-      status: "success",
-      class: "bg-status-success active:bg-status-success-hover lg:hover:bg-status-success-hover"
-    },
-    {
-      variant: "primary",
-      status: "warning",
-      class: "bg-status-warning active:bg-status-warning-hover lg:hover:bg-status-warning-hover"
-    },
-    {
-      variant: "primary",
-      status: "error",
-      class: "bg-status-error active:bg-status-error-hover lg:hover:bg-status-error-hover"
-    },
-    // Secondary
-    {
-      variant: "secondary",
-      status: "info",
-      class: "bg-status-info-bg active:bg-status-info-bg-hover lg:hover:bg-status-info-bg-hover"
-    },
-    {
-      variant: "secondary",
-      status: "success",
-      class: "bg-status-success-bg active:bg-status-success-bg-hover lg:hover:bg-status-success-bg-hover"
-    },
-    {
-      variant: "secondary",
-      status: "warning",
-      class: "bg-status-warning-bg active:bg-status-warning-bg-hover lg:hover:bg-status-warning-bg-hover"
-    },
-    {
-      variant: "secondary",
-      status: "error",
-      class: "bg-status-error-bg active:bg-status-error-bg-hover lg:hover:bg-status-error-bg-hover"
-    },
-    // Outline
-    {
-      variant: "outline",
-      status: "info",
-      class: "border-status-info-secondary-border active:border-status-info-secondary-border active:bg-status-info-bg lg:hover:border-status-info-primary-border lg:hover:bg-status-info-bg"
-    },
-    {
-      variant: "outline",
-      status: "success",
-      class: "border-status-success-secondary-border active:border-status-success-secondary-border active:bg-status-success-bg lg:hover:border-status-success-primary-border lg:hover:bg-status-success-bg"
-    },
-    {
-      variant: "outline",
-      status: "warning",
-      class: "border-status-warning-secondary-border active:border-status-warning-secondary-border active:bg-status-warning-bg lg:hover:border-status-warning-primary-border lg:hover:bg-status-warning-bg"
-    },
-    {
-      variant: "outline",
-      status: "error",
-      class: "border-status-error-secondary-border active:border-status-error-secondary-border active:bg-status-error-bg lg:hover:border-status-error-primary-border lg:hover:bg-status-error-bg"
-    },
-    // Ghost
-    {
-      variant: "ghost",
-      status: "info",
-      class: "text-status-info-fg active:bg-status-info-bg lg:hover:bg-status-info-bg"
-    },
-    {
-      variant: "ghost",
-      status: "success",
-      class: "text-status-success-fg active:bg-status-success-bg lg:hover:bg-status-success-bg"
-    },
-    {
-      variant: "ghost",
-      status: "warning",
-      class: "text-status-warning-fg active:bg-status-warning-bg lg:hover:bg-status-warning-bg"
-    },
-    {
-      variant: "ghost",
-      status: "error",
-      class: "text-status-error-fg active:bg-status-error-bg lg:hover:bg-status-error-bg"
-    },
-    // Text & Link
-    {
-      variant: ["text", "link"],
-      status: "info",
-      class: "text-status-info-fg/70 active:text-status-info-fg lg:hover:text-status-info-fg"
-    },
-    {
-      variant: ["text", "link"],
-      status: "success",
-      class: "text-status-success-fg/70 active:text-status-success-fg lg:hover:text-status-success-fg"
-    },
-    {
-      variant: ["text", "link"],
-      status: "warning",
-      class: "text-status-warning-fg/70 active:text-status-warning-fg lg:hover:text-status-warning-fg"
-    },
-    {
-      variant: ["text", "link"],
-      status: "error",
-      class: "text-status-error-fg/70 active:text-status-error-fg lg:hover:text-status-error-fg"
-    }
-  ]
-}), l = c.forwardRef(
-  ({ variant: t, size: s, children: r, status: a, className: e, asChild: o = !1, ...g }, i) => /* @__PURE__ */ n(o ? u : "button", { className: v({ variant: t, size: s, status: a, className: e }), ref: i, ...g, children: r })
-);
-l.displayName = "ButtonBase";
-export {
-  l as B
-};
-//# sourceMappingURL=ButtonBase-e6qyv6mD.js.map

package/dist/ButtonBase-e6qyv6mD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonBase-e6qyv6mD.js","sources":["../src/components/button/button-base/ButtonBase.tsx"],"sourcesContent":["import { VariantsConfig } from \"@/lib/utils/variants\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport React, { PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nexport interface ButtonBaseVariants {\n\tvariant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\" | \"link\" | \"text\";\n\tstatus?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\";\n\tsize?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n}\n\nconst buttonBaseStyles = tv({\n\tbase: \"inline-flex cursor-pointer select-none items-center justify-center overflow-hidden rounded-lg font-medium text-primary-fg transition-all focus-visible:shadow-focus focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50\",\n\tvariants: {\n\t\tvariant: {\n\t\t\tprimary:\n\t\t\t\t\"bg-primary-accent text-primary-bg shadow-soft-base active:bg-primary-accent-hover lg:hover:bg-primary-accent-hover\",\n\t\t\tsecondary: \"bg-secondary-bg-hover active:bg-primary-bg-hover lg:hover:bg-primary-bg-hover\",\n\t\t\toutline:\n\t\t\t\t\"border border-solid border-secondary-border bg-secondary-bg shadow-soft-sm active:border-primary-border active:bg-secondary-bg-hover lg:hover:border-primary-border lg:hover:bg-secondary-bg-hover\",\n\t\t\tghost: \"bg-transparent active:bg-secondary-bg-hover lg:hover:bg-secondary-bg-hover\",\n\t\t\tlink: \"bg-transparent text-muted underline active:text-primary-fg lg:hover:text-primary-fg\",\n\t\t\ttext: \"bg-transparent text-muted active:text-primary-fg lg:hover:text-primary-fg\"\n\t\t},\n\t\tstatus: {\n\t\t\tdefault: \"\",\n\t\t\tinfo: \"text-status-info-fg\",\n\t\t\tsuccess: \"text-status-success-fg\",\n\t\t\twarning: \"text-status-warning-fg\",\n\t\t\terror: \"text-status-error-fg\"\n\t\t},\n\t\tsize: {\n\t\t\txs: \"h-7 gap-2 px-2.5 py-1.5 text-xs\",\n\t\t\tsm: \"h-8 gap-2 px-3 py-2 text-xs\",\n\t\t\tmd: \"h-9 gap-2 px-4 py-2 text-sm\",\n\t\t\tlg: \"h-10 gap-2 px-5 py-2 text-sm\",\n\t\t\txl: \"h-11 gap-3 px-6 py-3 text-base\"\n\t\t}\n\t} satisfies VariantsConfig<ButtonBaseVariants>,\n\tdefaultVariants: {\n\t\tvariant: \"primary\",\n\t\tsize: \"md\",\n\t\tstatus: \"default\"\n\t},\n\tcompoundVariants: [\n\t\t/*\n\t\t * Statuses\n\t\t */\n\t\t// Primary\n\t\t{\n\t\t\tvariant: \"primary\",\n\t\t\tstatus: [\"info\", \"success\", \"warning\", \"error\"],\n\t\t\tclass: \"text-white active:text-white lg:hover:text-white\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"primary\",\n\t\t\tstatus: \"info\",\n\t\t\tclass: \"bg-status-info active:bg-status-info-hover lg:hover:bg-status-info-hover\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"primary\",\n\t\t\tstatus: \"success\",\n\t\t\tclass: \"bg-status-success active:bg-status-success-hover lg:hover:bg-status-success-hover\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"primary\",\n\t\t\tstatus: \"warning\",\n\t\t\tclass: \"bg-status-warning active:bg-status-warning-hover lg:hover:bg-status-warning-hover\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"primary\",\n\t\t\tstatus: \"error\",\n\t\t\tclass: \"bg-status-error active:bg-status-error-hover lg:hover:bg-status-error-hover\"\n\t\t},\n\t\t// Secondary\n\t\t{\n\t\t\tvariant: \"secondary\",\n\t\t\tstatus: \"info\",\n\t\t\tclass: \"bg-status-info-bg active:bg-status-info-bg-hover lg:hover:bg-status-info-bg-hover\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"secondary\",\n\t\t\tstatus: \"success\",\n\t\t\tclass: \"bg-status-success-bg active:bg-status-success-bg-hover lg:hover:bg-status-success-bg-hover\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"secondary\",\n\t\t\tstatus: \"warning\",\n\t\t\tclass: \"bg-status-warning-bg active:bg-status-warning-bg-hover lg:hover:bg-status-warning-bg-hover\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"secondary\",\n\t\t\tstatus: \"error\",\n\t\t\tclass: \"bg-status-error-bg active:bg-status-error-bg-hover lg:hover:bg-status-error-bg-hover\"\n\t\t},\n\t\t// Outline\n\t\t{\n\t\t\tvariant: \"outline\",\n\t\t\tstatus: \"info\",\n\t\t\tclass: \"border-status-info-secondary-border active:border-status-info-secondary-border active:bg-status-info-bg lg:hover:border-status-info-primary-border lg:hover:bg-status-info-bg\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"outline\",\n\t\t\tstatus: \"success\",\n\t\t\tclass: \"border-status-success-secondary-border active:border-status-success-secondary-border active:bg-status-success-bg lg:hover:border-status-success-primary-border lg:hover:bg-status-success-bg\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"outline\",\n\t\t\tstatus: \"warning\",\n\t\t\tclass: \"border-status-warning-secondary-border active:border-status-warning-secondary-border active:bg-status-warning-bg lg:hover:border-status-warning-primary-border lg:hover:bg-status-warning-bg\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"outline\",\n\t\t\tstatus: \"error\",\n\t\t\tclass: \"border-status-error-secondary-border active:border-status-error-secondary-border active:bg-status-error-bg lg:hover:border-status-error-primary-border lg:hover:bg-status-error-bg\"\n\t\t},\n\t\t// Ghost\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tstatus: \"info\",\n\t\t\tclass: \"text-status-info-fg active:bg-status-info-bg lg:hover:bg-status-info-bg\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tstatus: \"success\",\n\t\t\tclass: \"text-status-success-fg active:bg-status-success-bg lg:hover:bg-status-success-bg\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tstatus: \"warning\",\n\t\t\tclass: \"text-status-warning-fg active:bg-status-warning-bg lg:hover:bg-status-warning-bg\"\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tstatus: \"error\",\n\t\t\tclass: \"text-status-error-fg active:bg-status-error-bg lg:hover:bg-status-error-bg\"\n\t\t},\n\t\t// Text & Link\n\t\t{\n\t\t\tvariant: [\"text\", \"link\"],\n\t\t\tstatus: \"info\",\n\t\t\tclass: \"text-status-info-fg/70 active:text-status-info-fg lg:hover:text-status-info-fg\"\n\t\t},\n\t\t{\n\t\t\tvariant: [\"text\", \"link\"],\n\t\t\tstatus: \"success\",\n\t\t\tclass: \"text-status-success-fg/70 active:text-status-success-fg lg:hover:text-status-success-fg\"\n\t\t},\n\t\t{\n\t\t\tvariant: [\"text\", \"link\"],\n\t\t\tstatus: \"warning\",\n\t\t\tclass: \"text-status-warning-fg/70 active:text-status-warning-fg lg:hover:text-status-warning-fg\"\n\t\t},\n\t\t{\n\t\t\tvariant: [\"text\", \"link\"],\n\t\t\tstatus: \"error\",\n\t\t\tclass: \"text-status-error-fg/70 active:text-status-error-fg lg:hover:text-status-error-fg\"\n\t\t}\n\t]\n});\n\nexport type ButtonBaseProps = React.ButtonHTMLAttributes<HTMLButtonElement> &\n\tButtonBaseVariants & {\n\t\tasChild?: boolean;\n\t};\n\nexport const ButtonBase = React.forwardRef<HTMLButtonElement, PropsWithChildren<ButtonBaseProps>>(\n\t({ variant, size, children, status, className, asChild = false, ...props }, ref) => {\n\t\tconst Comp = asChild ? Slot : \"button\";\n\t\treturn (\n\t\t\t<Comp className={buttonBaseStyles({ variant, size, status, className })} ref={ref} {...props}>\n\t\t\t\t{children}\n\t\t\t</Comp>\n\t\t);\n\t}\n);\n\nButtonBase.displayName = \"ButtonBase\";\n"],"names":["buttonBaseStyles","tv","ButtonBase","React","variant","size","children","status","className","asChild","props","ref","jsx","Slot"],"mappings":"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"}