ics-ui-kit 0.1.13 → 0.1.14

package/dist/styles.css

@@ -62,6 +62,7 @@
 	--tertiary-accent: 215 16% 47%;
 	--muted: 215 16% 47%;
 	--sidebar-bg: 210 40% 98%;
+	--focus: var(--muted);
 
 	/** Inverse **/
 	--inverse-primary-bg: 222 47% 11%;
@@ -229,6 +230,7 @@
 	--tertiary-accent: 215 20% 65%;
 	--muted: 215 20% 65%;
 	--sidebar-bg: 229 84% 5%;
+	--focus: var(--muted);
 
 	/** Inverse **/
 	--inverse-primary-bg: 210 40% 98%;
@@ -1320,6 +1322,9 @@ body {
 .invisible {
 	visibility: hidden;
 }
+.collapse {
+	visibility: collapse;
+}
 .static {
 	position: static;
 }
@@ -1358,6 +1363,9 @@ body {
 .-bottom-9 {
 	bottom: -2.25rem;
 }
+.-bottom-\[5px\] {
+	bottom: -5px;
+}
 .-left-11 {
 	left: -2.75rem;
 }
@@ -1379,6 +1387,9 @@ body {
 .-right-9 {
 	right: -2.25rem;
 }
+.-right-\[5px\] {
+	right: -5px;
+}
 .-top-11 {
 	top: -2.75rem;
 }
@@ -1511,6 +1522,9 @@ body {
 .z-20 {
 	z-index: 20;
 }
+.z-30 {
+	z-index: 30;
+}
 .z-50 {
 	z-index: 50;
 }
@@ -1526,9 +1540,6 @@ body {
 .col-start-2 {
 	grid-column-start: 2;
 }
-.col-start-3 {
-	grid-column-start: 3;
-}
 .m-0 {
 	margin: 0px;
 }
@@ -1758,6 +1769,10 @@ body {
 	width: 0.5rem;
 	height: 0.5rem;
 }
+.size-2\.5 {
+	width: 0.625rem;
+	height: 0.625rem;
+}
 .size-3 {
 	width: 0.75rem;
 	height: 0.75rem;
@@ -1778,6 +1793,10 @@ body {
 	width: 1.5rem;
 	height: 1.5rem;
 }
+.size-8 {
+	width: 2rem;
+	height: 2rem;
+}
 .h-1 {
 	height: 0.25rem;
 }
@@ -1844,6 +1863,9 @@ body {
 .h-8 {
 	height: 2rem;
 }
+.h-80 {
+	height: 20rem;
+}
 .h-9 {
 	height: 2.25rem;
 }
@@ -1973,12 +1995,15 @@ body {
 .max-h-32 {
 	max-height: 8rem;
 }
-.max-h-64 {
-	max-height: 16rem;
+.max-h-52 {
+	max-height: 13rem;
 }
 .max-h-8 {
 	max-height: 2rem;
 }
+.max-h-80 {
+	max-height: 20rem;
+}
 .max-h-96 {
 	max-height: 24rem;
 }
@@ -2144,24 +2169,33 @@ body {
 .w-\[1000px\] {
 	width: 1000px;
 }
-.w-\[100px\] {
-	width: 100px;
-}
 .w-\[11\.25rem\] {
 	width: 11.25rem;
 }
 .w-\[11\.5rem\] {
 	width: 11.5rem;
 }
+.w-\[140px\] {
+	width: 140px;
+}
+.w-\[153px\] {
+	width: 153px;
+}
 .w-\[164px\] {
 	width: 164px;
 }
 .w-\[168px\] {
 	width: 168px;
 }
+.w-\[178px\] {
+	width: 178px;
+}
 .w-\[183px\] {
 	width: 183px;
 }
+.w-\[191px\] {
+	width: 191px;
+}
 .w-\[2\.0625rem\] {
 	width: 2.0625rem;
 }
@@ -2183,6 +2217,9 @@ body {
 .w-\[268px\] {
 	width: 268px;
 }
+.w-\[280px\] {
+	width: 280px;
+}
 .w-\[3\.75rem\] {
 	width: 3.75rem;
 }
@@ -2192,9 +2229,15 @@ body {
 .w-\[300px\] {
 	width: 300px;
 }
+.w-\[320px\] {
+	width: 320px;
+}
 .w-\[334px\] {
 	width: 334px;
 }
+.w-\[360px\] {
+	width: 360px;
+}
 .w-\[3px\] {
 	width: 3px;
 }
@@ -2228,9 +2271,6 @@ body {
 .w-\[7\.5rem\] {
 	width: 7.5rem;
 }
-.w-\[70px\] {
-	width: 70px;
-}
 .w-\[87px\] {
 	width: 87px;
 }
@@ -2246,6 +2286,9 @@ body {
 .w-full {
 	width: 100%;
 }
+.w-max {
+	width: max-content;
+}
 .w-px {
 	width: 1px;
 }
@@ -2327,9 +2370,6 @@ body {
 .max-w-3xl {
 	max-width: 48rem;
 }
-.max-w-4xl {
-	max-width: 56rem;
-}
 .max-w-\[--skeleton-width\] {
 	max-width: var(--skeleton-width);
 }
@@ -2399,12 +2439,23 @@ body {
 .grow-0 {
 	flex-grow: 0;
 }
+.table-fixed {
+	table-layout: fixed;
+}
 .caption-bottom {
 	caption-side: bottom;
 }
 .border-collapse {
 	border-collapse: collapse;
 }
+.border-separate {
+	border-collapse: separate;
+}
+.border-spacing-0 {
+	--tw-border-spacing-x: 0px;
+	--tw-border-spacing-y: 0px;
+	border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
+}
 .origin-\[--radix-context-menu-content-transform-origin\] {
 	transform-origin: var(--radix-context-menu-content-transform-origin);
 }
@@ -2428,10 +2479,18 @@ body {
 	--tw-translate-y: -50%;
 	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.translate-x-0 {
+	--tw-translate-x: 0px;
+	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .translate-x-0\.5 {
 	--tw-translate-x: 0.125rem;
 	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.translate-x-1\/2 {
+	--tw-translate-x: 50%;
+	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .translate-x-11 {
 	--tw-translate-x: 2.75rem;
 	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -2506,12 +2565,24 @@ body {
 .animate-spin {
 	animation: spin 1s linear infinite;
 }
+.cursor-cell {
+	cursor: cell;
+}
+.cursor-col-resize {
+	cursor: col-resize;
+}
+.cursor-crosshair {
+	cursor: crosshair;
+}
 .cursor-default {
 	cursor: default;
 }
 .cursor-ew-resize {
 	cursor: ew-resize;
 }
+.cursor-grab {
+	cursor: grab;
+}
 .cursor-ns-resize {
 	cursor: ns-resize;
 }
@@ -2524,6 +2595,9 @@ body {
 .select-none {
 	user-select: none;
 }
+.select-text {
+	user-select: text;
+}
 .resize-none {
 	resize: none;
 }
@@ -2548,14 +2622,8 @@ body {
 .grid-cols-5 {
 	grid-template-columns: repeat(5, minmax(0, 1fr));
 }
-.grid-cols-\[50px_repeat\(3\2c 1fr\)_80px\] {
-	grid-template-columns: 50px repeat(3,1fr) 80px;
-}
-.grid-cols-\[50px_repeat\(6\2c 1fr\)\] {
-	grid-template-columns: 50px repeat(6,1fr);
-}
-.grid-cols-\[auto_1fr_auto\] {
-	grid-template-columns: auto 1fr auto;
+.grid-cols-\[auto_1fr\] {
+	grid-template-columns: auto 1fr;
 }
 .flex-row {
 	flex-direction: row;
@@ -2668,11 +2736,6 @@ body {
 	margin-right: calc(-5px * var(--tw-space-x-reverse));
 	margin-left: calc(-5px * calc(1 - var(--tw-space-x-reverse)));
 }
-.space-x-2 > :not([hidden]) ~ :not([hidden]) {
-	--tw-space-x-reverse: 0;
-	margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-	margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
 .space-x-3 > :not([hidden]) ~ :not([hidden]) {
 	--tw-space-x-reverse: 0;
 	margin-right: calc(0.75rem * var(--tw-space-x-reverse));
@@ -2734,15 +2797,15 @@ body {
 .self-start {
 	align-self: flex-start;
 }
-.self-end {
-	align-self: flex-end;
-}
 .self-center {
 	align-self: center;
 }
 .self-stretch {
 	align-self: stretch;
 }
+.justify-self-end {
+	justify-self: end;
+}
 .overflow-auto {
 	overflow: auto;
 }
@@ -2769,12 +2832,18 @@ body {
 .overflow-ellipsis {
 	text-overflow: ellipsis;
 }
+.whitespace-normal {
+	white-space: normal;
+}
 .whitespace-nowrap {
 	white-space: nowrap;
 }
 .whitespace-pre-line {
 	white-space: pre-line;
 }
+.whitespace-pre-wrap {
+	white-space: pre-wrap;
+}
 .text-wrap {
 	text-wrap: wrap;
 }
@@ -2846,10 +2915,6 @@ body {
 	border-top-left-radius: 1rem;
 	border-top-right-radius: 1rem;
 }
-.rounded-t-lg {
-	border-top-left-radius: var(--radius);
-	border-top-right-radius: var(--radius);
-}
 .rounded-t-none {
 	border-top-left-radius: 0px;
 	border-top-right-radius: 0px;
@@ -3013,6 +3078,12 @@ body {
 .border-t-transparent {
 	border-top-color: transparent;
 }
+.bg-\[color\:var\(--table-row-bg\)\] {
+	background-color: var(--table-row-bg);
+}
+.bg-\[hsl\(var\(--status-info\)_\/_10\%\)\] {
+	background-color: hsl(var(--status-info) / 10%);
+}
 .bg-alpha-20 {
 	background-color: hsl(var(--alpha-80));
 }
@@ -3111,9 +3182,6 @@ body {
 .bg-primary\/10 {
 	background-color: hsl(var(--primary) / 0.1);
 }
-.bg-primary\/\[0\.03\] {
-	background-color: hsl(var(--primary) / 0.03);
-}
 .bg-purple-100 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
@@ -3226,6 +3294,9 @@ body {
 	--tw-bg-opacity: 1;
 	background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
 }
+.bg-\[image\:var\(--table-row-tints\2c none\)\] {
+	background-image: var(--table-row-tints,none);
+}
 .bg-gradient-to-b {
 	background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
 }
@@ -3432,10 +3503,6 @@ body {
 	padding-top: 0.375rem;
 	padding-bottom: 0.375rem;
 }
-.py-10 {
-	padding-top: 2.5rem;
-	padding-bottom: 2.5rem;
-}
 .py-2 {
 	padding-top: 0.5rem;
 	padding-bottom: 0.5rem;
@@ -3492,6 +3559,9 @@ body {
 .pb-4 {
 	padding-bottom: 1rem;
 }
+.pb-px {
+	padding-bottom: 1px;
+}
 .pe-3 {
 	padding-inline-end: 0.75rem;
 }
@@ -3573,6 +3643,9 @@ body {
 .pt-\[0\.625rem\] {
 	padding-top: 0.625rem;
 }
+.pt-px {
+	padding-top: 1px;
+}
 .text-left {
 	text-align: left;
 }
@@ -3585,6 +3658,9 @@ body {
 .text-start {
 	text-align: start;
 }
+.align-top {
+	vertical-align: top;
+}
 .align-middle {
 	vertical-align: middle;
 }
@@ -3632,6 +3708,9 @@ body {
 .text-\[0\.8rem\] {
 	font-size: 0.8rem;
 }
+.text-\[10px\] {
+	font-size: 10px;
+}
 .text-\[8px\] {
 	font-size: 8px;
 }
@@ -3919,7 +3998,7 @@ body {
 	opacity: 0.8;
 }
 .\!shadow-focus {
-	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--primary-accent)) !important;
+	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus)) !important;
 	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color) !important;
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
 }
@@ -3934,7 +4013,7 @@ body {
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .shadow-focus {
-	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--primary-accent));
+	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus));
 	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 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);
 }
@@ -4077,6 +4156,9 @@ body {
 	--tw-grayscale: grayscale(100%);
 	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.\!filter {
+	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
+}
 .filter {
 	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
@@ -4208,10 +4290,19 @@ body {
 .ease-out {
 	animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
+.\@container {
+	container-type: inline-size;
+}
 .underline {
 		text-decoration: underline;
 		text-underline-offset: 24%;
 	}
+.\[--table-row-bg-hover\:hsl\(var\(--alpha-high-03\)\)\] {
+	--table-row-bg-hover: hsl(var(--alpha-high-03));
+}
+.\[--table-row-bg\:transparent\] {
+	--table-row-bg: transparent;
+}
 .\[fill\:url\(\#cloud-left\)\] {
 	fill: url(#cloud-left);
 }
@@ -4257,6 +4348,37 @@ body {
 .placeholder\:opacity-50::placeholder {
 	opacity: 0.5;
 }
+.before\:absolute::before {
+	content: var(--tw-content);
+	position: absolute;
+}
+.before\:left-1\/2::before {
+	content: var(--tw-content);
+	left: 50%;
+}
+.before\:top-1\/2::before {
+	content: var(--tw-content);
+	top: 50%;
+}
+.before\:size-6::before {
+	content: var(--tw-content);
+	width: 1.5rem;
+	height: 1.5rem;
+}
+.before\:-translate-x-1\/2::before {
+	content: var(--tw-content);
+	--tw-translate-x: -50%;
+	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.before\:-translate-y-1\/2::before {
+	content: var(--tw-content);
+	--tw-translate-y: -50%;
+	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.after\:pointer-events-none::after {
+	content: var(--tw-content);
+	pointer-events: none;
+}
 .after\:absolute::after {
 	content: var(--tw-content);
 	position: absolute;
@@ -4265,6 +4387,10 @@ body {
 	content: var(--tw-content);
 	inset: -0.5rem;
 }
+.after\:inset-0::after {
+	content: var(--tw-content);
+	inset: 0px;
+}
 .after\:inset-y-0::after {
 	content: var(--tw-content);
 	top: 0px;
@@ -4278,14 +4404,26 @@ body {
 	content: var(--tw-content);
 	left: 50%;
 }
+.after\:top-0::after {
+	content: var(--tw-content);
+	top: 0px;
+}
 .after\:h-1::after {
 	content: var(--tw-content);
 	height: 0.25rem;
 }
+.after\:h-full::after {
+	content: var(--tw-content);
+	height: 100%;
+}
 .after\:w-0::after {
 	content: var(--tw-content);
 	width: 0px;
 }
+.after\:w-0\.5::after {
+	content: var(--tw-content);
+	width: 0.125rem;
+}
 .after\:w-1::after {
 	content: var(--tw-content);
 	width: 0.25rem;
@@ -4303,14 +4441,46 @@ body {
 	content: var(--tw-content);
 	background-color: hsl(var(--secondary-bg)) !important;
 }
+.after\:bg-\[color\:var\(--table-row-bg\)\]::after {
+	content: var(--tw-content);
+	background-color: var(--table-row-bg);
+}
 .after\:bg-primary::after {
 	content: var(--tw-content);
 	background-color: hsl(var(--primary));
 }
+.after\:bg-primary-border::after {
+	content: var(--tw-content);
+	background-color: hsl(var(--primary-border));
+}
 .after\:bg-primary-foreground::after {
 	content: var(--tw-content);
 	background-color: hsl(var(--primary-foreground));
 }
+.after\:bg-\[image\:var\(--table-row-tints\2c none\)\]::after {
+	content: var(--tw-content);
+	background-image: var(--table-row-tints,none);
+}
+.after\:opacity-0::after {
+	content: var(--tw-content);
+	opacity: 0;
+}
+.after\:opacity-100::after {
+	content: var(--tw-content);
+	opacity: 1;
+}
+.after\:transition-colors::after {
+	content: var(--tw-content);
+	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+	transition-duration: 150ms;
+}
+.after\:transition-opacity::after {
+	content: var(--tw-content);
+	transition-property: opacity;
+	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+	transition-duration: 150ms;
+}
 .first\:rounded-l-md:first-child {
 	border-top-left-radius: calc(var(--radius) - 2px);
 	border-bottom-left-radius: calc(var(--radius) - 2px);
@@ -4328,6 +4498,9 @@ body {
 	border-top-right-radius: calc(var(--radius) - 2px);
 	border-bottom-right-radius: calc(var(--radius) - 2px);
 }
+.last\:border-r-0:last-child {
+	border-right-width: 0px;
+}
 .last\:pb-0:last-child {
 	padding-bottom: 0px;
 }
@@ -4390,8 +4563,14 @@ body {
 	.hover\:\!bg-inverse-hover:hover {
 		background-color: hsl(var(--inverse-hover)) !important;
 	}
-	.hover\:bg-alpha-high-97:hover {
-		background-color: hsl(var(--alpha-high-03));
+	.hover\:bg-\[color\:var\(--table-row-bg-hover\)\]:hover {
+		background-color: var(--table-row-bg-hover);
+	}
+	.hover\:bg-\[hsl\(var\(--status-info\)_\/_16\%\)\]:hover {
+		background-color: hsl(var(--status-info) / 16%);
+	}
+	.hover\:bg-alpha-high-95:hover {
+		background-color: hsl(var(--alpha-high-05));
 	}
 	.hover\:bg-amber-100:hover {
 		--tw-bg-opacity: 1;
@@ -4447,6 +4626,9 @@ body {
 	.hover\:bg-status-success-hover:hover {
 		background-color: hsl(var(--status-success-hover));
 	}
+	.hover\:bg-status-warning-bg:hover {
+		background-color: hsl(var(--status-warning-bg));
+	}
 	.hover\:bg-status-warning-bg-hover:hover {
 		background-color: hsl(var(--status-warning-bg-hover));
 	}
@@ -4485,7 +4667,7 @@ body {
 		opacity: 0.65;
 	}
 	.hover\:shadow-focus:hover {
-		--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--primary-accent));
+		--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus));
 		--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 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);
 	}
@@ -4516,6 +4698,10 @@ body {
 		content: var(--tw-content);
 		border-color: hsl(var(--primary-border));
 	}
+	.hover\:after\:opacity-100:hover::after {
+		content: var(--tw-content);
+		opacity: 1;
+	}
 	.invalid\:hover\:border-status-error-primary-border:hover:invalid {
 		border-color: hsl(var(--status-error-primary-border));
 	}
@@ -4568,7 +4754,7 @@ body {
 	color: hsl(var(--primary-fg));
 }
 .focus\:shadow-focus:focus {
-	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--primary-accent));
+	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus));
 	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 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);
 }
@@ -4642,12 +4828,12 @@ body {
 	background-color: hsl(var(--secondary-bg-hover));
 }
 .focus-visible\:\!shadow-focus:focus-visible {
-	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--primary-accent)) !important;
+	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus)) !important;
 	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color) !important;
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
 }
 .focus-visible\:shadow-focus:focus-visible {
-	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--primary-accent));
+	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus));
 	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 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);
 }
@@ -4685,9 +4871,15 @@ body {
 	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
 	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
+.focus-visible\:ring-inset:focus-visible {
+	--tw-ring-inset: inset;
+}
 .focus-visible\:ring-primary:focus-visible {
 	--tw-ring-color: hsl(var(--primary));
 }
+.focus-visible\:ring-primary-accent:focus-visible {
+	--tw-ring-color: hsl(var(--primary-accent));
+}
 .focus-visible\:ring-ring\/50:focus-visible {
 	--tw-ring-color: hsl(var(--ring) / 0.5);
 }
@@ -4837,7 +5029,7 @@ body {
 	opacity: 1;
 }
 .group\/search-select-trigger:focus-within .group-focus-within\/search-select-trigger\:shadow-focus {
-	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--primary-accent));
+	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus));
 	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 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);
 }
@@ -4957,7 +5149,7 @@ body {
 	opacity: 0.5;
 }
 .has-\[div\[data-input-group-element\=\'contenteditable\'\]\:focus\]\:shadow-focus:has(div[data-input-group-element='contenteditable']:focus) {
-	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--primary-accent));
+	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus));
 	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 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);
 }
@@ -4967,7 +5159,7 @@ body {
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .has-\[input\:focus\]\:shadow-focus:has(input:focus) {
-	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--primary-accent));
+	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus));
 	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 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);
 }
@@ -4982,7 +5174,7 @@ body {
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:has-\[input\:focus\]\:shadow-focus:has(input:focus):has(input:read-only:not([type='file'])) {
-	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--primary-accent));
+	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus));
 	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 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);
 }
@@ -5179,6 +5371,9 @@ body {
 .data-\[state\=checked\]\:bg-primary-accent[data-state="checked"] {
 	background-color: hsl(var(--primary-accent));
 }
+.data-\[state\=checked\]\:bg-secondary-bg-hover[data-state="checked"] {
+	background-color: hsl(var(--secondary-bg-hover));
+}
 .data-\[state\=completed\]\:bg-primary-accent[data-state="completed"] {
 	background-color: hsl(var(--primary-accent));
 }
@@ -5218,9 +5413,6 @@ body {
 .data-\[state\=open\]\:bg-secondary-border[data-state="open"] {
 	background-color: hsl(var(--secondary-border));
 }
-.data-\[state\=selected\]\:bg-alpha-high-95[data-state="selected"] {
-	background-color: hsl(var(--alpha-high-05));
-}
 .data-\[state\=unchecked\]\:bg-inverse-active[data-state="unchecked"] {
 	background-color: hsl(var(--inverse-active));
 }
@@ -5445,9 +5637,6 @@ body {
 	.data-\[state\=open\]\:hover\:bg-primary-bg-hover:hover[data-state="open"] {
 		background-color: hsl(var(--primary-bg-hover));
 	}
-	.data-\[state\=selected\]\:hover\:bg-alpha-high-92:hover[data-state="selected"] {
-		background-color: hsl(var(--alpha-high-08));
-	}
 	.data-\[active\=true\]\:data-\[state\=open\]\:hover\:text-primary-accent:hover[data-state="open"][data-active="true"] {
 		color: hsl(var(--primary-accent));
 	}
@@ -5469,12 +5658,12 @@ body {
 	}
 }
 .data-\[state\=checked\]\:focus-visible\:shadow-focus:focus-visible[data-state="checked"] {
-	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--primary-accent));
+	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus));
 	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 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);
 }
 .data-\[state\=indeterminate\]\:focus-visible\:shadow-focus:focus-visible[data-state="indeterminate"] {
-	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--primary-accent));
+	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus));
 	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 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);
 }
@@ -5688,6 +5877,23 @@ body {
 .peer\/menu-button[data-active="true"] ~ .peer-data-\[active\=true\]\/menu-button\:text-primary-accent {
 	color: hsl(var(--primary-accent));
 }
+@container (min-width: 24rem) {
+	.\@sm\:col-start-3 {
+		grid-column-start: 3;
+	}
+	.\@sm\:ml-3 {
+		margin-left: 0.75rem;
+	}
+	.\@sm\:grid-cols-\[auto_1fr_auto\] {
+		grid-template-columns: auto 1fr auto;
+	}
+	.\@sm\:self-end {
+		align-self: flex-end;
+	}
+	.\@sm\:justify-self-auto {
+		justify-self: auto;
+	}
+}
 @media (prefers-reduced-motion: no-preference) {
 	@keyframes collapsible-up {
 		from {
@@ -5798,12 +6004,6 @@ body {
 	}
 }
 @media (min-width: 768px) {
-	.md\:block {
-		display: block;
-	}
-	.md\:flex {
-		display: flex;
-	}
 	.md\:min-w-\[450px\] {
 		min-width: 450px;
 	}
@@ -5863,12 +6063,18 @@ body {
 	.lg\:mt-5 {
 		margin-top: 1.25rem;
 	}
+	.lg\:block {
+		display: block;
+	}
 	.lg\:flex {
 		display: flex;
 	}
 	.lg\:grid {
 		display: grid;
 	}
+	.lg\:hidden {
+		display: none;
+	}
 	.lg\:h-10 {
 		height: 2.5rem;
 	}
@@ -5931,6 +6137,9 @@ body {
 	.lg\:flex-row {
 		flex-direction: row;
 	}
+	.lg\:flex-col {
+		flex-direction: column;
+	}
 	.lg\:items-start {
 		align-items: flex-start;
 	}
@@ -5940,6 +6149,9 @@ body {
 	.lg\:justify-center {
 		justify-content: center;
 	}
+	.lg\:gap-0\.5 {
+		gap: 0.125rem;
+	}
 	.lg\:gap-1 {
 		gap: 0.25rem;
 	}
@@ -6027,6 +6239,9 @@ body {
 	.lg\:pb-6 {
 		padding-bottom: 1.5rem;
 	}
+	.lg\:pb-px {
+		padding-bottom: 1px;
+	}
 	.lg\:pl-0 {
 		padding-left: 0px;
 	}
@@ -6048,6 +6263,9 @@ body {
 	.lg\:pt-6 {
 		padding-top: 1.5rem;
 	}
+	.lg\:pt-px {
+		padding-top: 1px;
+	}
 	.lg\:text-left {
 		text-align: left;
 	}
@@ -6202,9 +6420,18 @@ body {
 .\[\&\:has\(\[data-menu-item-action\]\:hover\)\]\:bg-secondary-border:has([data-menu-item-action]:hover) {
 	background-color: hsl(var(--secondary-border));
 }
+.\[\&\:has\(\[data-state\=open\]\)\]\:bg-primary-bg-hover:has([data-state=open]) {
+	background-color: hsl(var(--primary-bg-hover));
+}
 .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
 	padding-right: 0px;
 }
+.\[\&\>\*\]\:border-b>* {
+	border-bottom-width: 1px;
+}
+.\[\&\>\*\]\:border-secondary-border>* {
+	border-color: hsl(var(--secondary-border));
+}
 .\[\&\>button\]\:hidden>button {
 	display: none;
 }
@@ -6277,7 +6504,13 @@ body {
 		color: hsl(var(--primary-fg));
 	}
 }
-.\[\&\>tr\]\:last\:border-b-0:last-child>tr {
+.\[\&\>tr\:first-child\>\*\]\:border-t>tr:first-child>* {
+	border-top-width: 1px;
+}
+.\[\&\>tr\:first-child\>\*\]\:border-secondary-border>tr:first-child>* {
+	border-color: hsl(var(--secondary-border));
+}
+.\[\&\>tr\:last-child\>\*\]\:border-b-0>tr:last-child>* {
 	border-bottom-width: 0px;
 }
 .\[\&\[data-active\=true\]\>svg\]\:text-primary-accent[data-active=true]>svg {
@@ -6410,12 +6643,18 @@ body {
 .\[\&_svg\]\:shrink-0 svg {
 	flex-shrink: 0;
 }
-.\[\&_tr\:last-child\]\:border-0 tr:last-child {
-	border-width: 0px;
-}
-.\[\&_tr\]\:border-b tr {
+.\[\&_th\]\:border-b th {
 	border-bottom-width: 1px;
 }
+.\[\&_th\]\:border-secondary-border th {
+	border-color: hsl(var(--secondary-border));
+}
+.\[\&_tr\:last-child\>\*\]\:border-b-0 tr:last-child>* {
+	border-bottom-width: 0px;
+}
+.\[\&_tr\]\:\[--table-row-bg-hover\:transparent\] tr {
+	--table-row-bg-hover: transparent;
+}
 [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-\[2\.5px\] {
 	right: -2.5px;
 }
@@ -6428,3 +6667,7 @@ body {
 [data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
 	background-color: transparent;
 }
+tr:hover>.\[tr\:hover\>\&\]\:after\:bg-\[color\:var\(--table-row-bg-hover\)\]::after {
+	content: var(--tw-content);
+	background-color: var(--table-row-bg-hover);
+}