ics-ui-kit 0.1.19 → 0.1.21

package/dist/styles-scoped.css

@@ -1358,6 +1358,10 @@
 	left: 0px;
 	right: 0px;
 }
+.ui-kit .inset-x-3 {
+	left: 0.75rem;
+	right: 0.75rem;
+}
 .ui-kit .inset-y-0 {
 	top: 0px;
 	bottom: 0px;
@@ -1804,6 +1808,10 @@
 	width: 2rem;
 	height: 2rem;
 }
+.ui-kit .size-9 {
+	width: 2.25rem;
+	height: 2.25rem;
+}
 .ui-kit .h-1 {
 	height: 0.25rem;
 }
@@ -1936,6 +1944,9 @@
 .ui-kit .h-\[22px\] {
 	height: 22px;
 }
+.ui-kit .h-\[280px\] {
+	height: 280px;
+}
 .ui-kit .h-\[3\.25rem\] {
 	height: 3.25rem;
 }
@@ -1960,6 +1971,9 @@
 .ui-kit .h-\[40px\] {
 	height: 40px;
 }
+.ui-kit .h-\[420px\] {
+	height: 420px;
+}
 .ui-kit .h-\[5\.5rem\] {
 	height: 5.5rem;
 }
@@ -2834,6 +2848,9 @@
 .ui-kit .overflow-y-hidden {
 	overflow-y: hidden;
 }
+.ui-kit .overscroll-contain {
+	overscroll-behavior: contain;
+}
 .ui-kit .truncate {
 	overflow: hidden;
 	text-overflow: ellipsis;
@@ -4068,22 +4085,22 @@
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .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);
 }
 .ui-kit .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);
 }
 .ui-kit .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);
 }
 .ui-kit .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);
 }
@@ -4336,6 +4353,9 @@
 .ui-kit .\[filter\:url\(\#shadow-folder\)\] {
 	filter: url(#shadow-folder);
 }
+.ui-kit .\[grid-area\:1\/1\] {
+	grid-area: 1/1;
+}
 .ui-kit .\[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%);
 }
@@ -4520,7 +4540,7 @@
 	border-color: hsl(var(--status-error-secondary-border));
 }
 .ui-kit .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);
 }
@@ -4711,12 +4731,12 @@
 		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 	}
 	.ui-kit .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);
 	}
 	.ui-kit .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);
 	}
@@ -4798,7 +4818,7 @@
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .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);
 }
@@ -5046,7 +5066,7 @@
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .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);
 }
@@ -5187,7 +5207,7 @@
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .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);
 }
@@ -5202,7 +5222,7 @@
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .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);
 }
@@ -5222,7 +5242,7 @@
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .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);
 }
@@ -5250,7 +5270,7 @@
 	border-color: hsl(var(--status-error-secondary-border));
 }
 .ui-kit .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);
 }
@@ -5494,7 +5514,7 @@
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
 }
 .ui-kit .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);
 }
@@ -5711,12 +5731,12 @@
 	opacity: 0.5;
 }
 .ui-kit .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);
 }
 .ui-kit .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);
 }
@@ -5857,7 +5877,7 @@
 	opacity: 1;
 }
 .ui-kit :is(.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);
 }
@@ -6305,7 +6325,7 @@
 		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 	}
 	.ui-kit .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);
 	}

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);
 }
@@ -4700,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);
 	}
@@ -4787,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);
 }
@@ -5035,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);
 }
@@ -5176,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);
 }
@@ -5191,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);
 }
@@ -5211,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);
 }
@@ -5239,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);
 }
@@ -5483,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);
 }
@@ -5700,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);
 }
@@ -5846,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);
 }
@@ -6294,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);
 	}

package/dist/useIsomorphicLayoutEffect-MNxJD61V.js

@@ -0,0 +1,6 @@
+import { useLayoutEffect as e, useEffect as f } from "react";
+var t = typeof window < "u" ? e : f;
+export {
+  t as n
+};
+//# sourceMappingURL=useIsomorphicLayoutEffect-MNxJD61V.js.map

package/dist/useIsomorphicLayoutEffect-MNxJD61V.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsomorphicLayoutEffect-MNxJD61V.js","sources":["../node_modules/.pnpm/@siberiacancode+reactuse@1.0.17_@types+react@18.3.20_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@siberiacancode/reactuse/dist/esm/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs"],"sourcesContent":["import { useEffect as e, useLayoutEffect as t } from \"react\";\n//#region src/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.ts\nvar n = typeof window < \"u\" ? t : e;\n//#endregion\nexport { n as useIsomorphicLayoutEffect };\n\n//# sourceMappingURL=useIsomorphicLayoutEffect.mjs.map"],"names":["n","t","e"],"mappings":";AAEG,IAACA,IAAI,OAAO,SAAS,MAAMC,IAAIC;","x_google_ignoreList":[0]}

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.19",
+	"version": "0.1.21",
 	"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))",