@keenthemes/ktui 1.0.19 → 1.0.21

package/src/components/select/select.css

@@ -29,7 +29,7 @@
 		&:-moz-focusring {
 			color: transparent;
 			text-shadow: none;
-		}	
+		}
 
 		&.active {
 			@apply ring-ring/30 border-ring outline-none ring-[3px];
@@ -54,13 +54,13 @@
 
 	.kt-select-search {
 		@apply px-4 py-1 border-b border-border;
-		
+
 		.kt-input {
 			@apply text-sm;
 		}
 	}
 
-	.kt-select-search-empty  {
+	.kt-select-search-empty {
 		@apply px-3.5 py-1 text-sm text-muted-foreground;
 	}
 
@@ -68,6 +68,14 @@
 		@apply rounded-md shadow-md shadow-[rgba(0,0,0,0.05)] border border-border bg-popover text-popover-foreground;
 	}
 
+	.kt-select-select-all {
+		@apply px-2 py-1 border-b border-border;
+	}
+
+	.kt-select-select-all-button {
+		@apply w-full text-start p-1.5 rounded-md text-sm hover:bg-accent hover:text-accent-foreground cursor-pointer;
+	}
+
 	.kt-select-options {
 		@apply p-1 space-y-0.5;
 	}
@@ -84,12 +92,13 @@
 		@apply grow flex items-center gap-2.5 py-1.75 px-2.5 rounded-md text-sm text-start cursor-pointer;
 		@apply hover:bg-accent hover:text-accent-foreground;
 
-		&[aria-disabled=true],
+		&[aria-disabled='true'],
 		&.disabled {
 			@apply opacity-60 pointer-events-none;
 		}
 
-		&.selected {}
+		&.selected {
+		}
 
 		&.focused,
 		&.hover,
@@ -98,7 +107,7 @@
 		}
 	}
 
-	.kt-select-option-text {	
+	.kt-select-option-text {
 		@apply overflow-ellipsis truncate;
 	}
 
@@ -114,7 +123,7 @@
 		@apply text-muted-foreground overflow-ellipsis truncate;
 	}
 
-	.kt-select-display:not([data-multiple=true]) {
+	.kt-select-display:not([data-multiple='true']) {
 		@apply w-full overflow-ellipsis truncate;
 	}
 }
@@ -125,7 +134,7 @@
 		@apply h-8.5 gap-1 ps-3 pe-6 text-[0.8125rem] leading-(--text-sm--line-height) rounded-md;
 		background-position: right 0.5rem center;
 
-		&[data-multiple=true] {
+		&[data-multiple='true'] {
 			@apply h-auto min-h-8.5 py-1.5 flex-wrap;
 			background-position: right 0.5rem top 0.675rem;
 		}
@@ -135,7 +144,7 @@
 		@apply h-7 gap-1 ps-2.5 pe-5 text-xs rounded-md;
 		background-position: right 0.5rem center;
 
-		&[data-multiple=true] {
+		&[data-multiple='true'] {
 			@apply h-auto min-h-7;
 			background-position: right 0.5rem top 0.575rem;
 		}
@@ -145,7 +154,7 @@
 		@apply h-10 gap-1.5 ps-4 pe-8 py-1 text-sm rounded-md;
 		background-position: right 0.6rem center;
 
-		&[data-multiple=true] {
+		&[data-multiple='true'] {
 			@apply h-auto min-h-10 py-2;
 			background-position: right 0.6rem top 0.85rem;
 		}
@@ -153,28 +162,28 @@
 }
 
 /* RTL */
-@layer components {	
+@layer components {
 	[dir='rtl'] {
 		.kt-select {
 			background-position: left 0.5rem center;
 
-			&[data-multiple=true] {
+			&[data-multiple='true'] {
 				background-position: left 0.5rem top 0.675rem;
 			}
 		}
-	
+
 		.kt-select-sm {
 			background-position: left 0.5rem center;
 
-			&[data-multiple=true] {
+			&[data-multiple='true'] {
 				background-position: left 0.5rem top 0.575rem;
 			}
 		}
 
-		.kt-select-lg {	
+		.kt-select-lg {
 			background-position: left 0.75rem center;
 
-			&[data-multiple=true] {
+			&[data-multiple='true'] {
 				background-position: left 0.75rem top 0.85rem;
 			}
 		}
@@ -227,4 +236,4 @@
 	[data-kt-select-option]:hover & {
 		@slot;
 	}
-}
+}