@nasa-jpl/stellar-svelte 2.0.0-alpha.53 → 2.0.0-alpha.55

package/dist/components/ui/sonner/sonner.svelte

@@ -1,17 +1,18 @@
-<script>import { Toaster as Sonner } from "svelte-sonner";
-import { mode } from "mode-watcher";
+<script>import { mode } from "mode-watcher";
+import { Toaster as Sonner } from "svelte-sonner";
 </script>
 
 <Sonner
-	theme={$mode}
-	class="toaster group"
-	toastOptions={{
-		classes: {
-			toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
-			description: "group-[.toast]:text-muted-foreground",
-			actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
-			cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
-		},
-	}}
-	{...$$restProps}
+  theme={$mode}
+  class="toaster group"
+  toastOptions={{
+    classes: {
+      toast:
+        'group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg',
+      description: 'group-[.toast]:text-muted-foreground',
+      actionButton: 'group-[.toast]:bg-primary group-[.toast]:text-primary-foreground',
+      cancelButton: 'group-[.toast]:bg-muted group-[.toast]:text-muted-foreground',
+    },
+  }}
+  {...$$restProps}
 />

package/dist/components/ui/sonner/sonner.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import { type ToasterProps as SonnerProps } from "svelte-sonner";
+import { type ToasterProps as SonnerProps } from 'svelte-sonner';
 declare const __propDef: {
     props: SonnerProps;
     events: {

package/dist/index.css

@@ -718,6 +718,10 @@ body {
   bottom: 0px;
 }
 
+.bottom-\[8px\] {
+  bottom: 8px;
+}
+
 .left-0 {
   left: 0px;
 }
@@ -746,6 +750,10 @@ body {
   left: 50%;
 }
 
+.left-\[8px\] {
+  left: 8px;
+}
+
 .right-0 {
   right: 0px;
 }
@@ -1125,8 +1133,12 @@ body {
   height: 1px;
 }
 
-.max-h-96 {
-  max-height: 24rem;
+.max-h-\[--radix-context-menu-content-available-height\] {
+  max-height: var(--radix-context-menu-content-available-height);
+}
+
+.max-h-\[--radix-select-content-available-height\] {
+  max-height: var(--radix-select-content-available-height);
 }
 
 .max-h-\[300px\] {
@@ -1137,6 +1149,10 @@ body {
   max-height: 500px;
 }
 
+.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
+  max-height: var(--radix-dropdown-menu-content-available-height);
+}
+
 .max-h-screen {
   max-height: 100vh;
 }
@@ -1410,6 +1426,34 @@ body {
   border-collapse: collapse;
 }
 
+.origin-\[--radix-context-menu-content-transform-origin\] {
+  transform-origin: var(--radix-context-menu-content-transform-origin);
+}
+
+.origin-\[--radix-dropdown-menu-content-transform-origin\] {
+  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
+}
+
+.origin-\[--radix-hover-card-content-transform-origin\] {
+  transform-origin: var(--radix-hover-card-content-transform-origin);
+}
+
+.origin-\[--radix-menubar-content-transform-origin\] {
+  transform-origin: var(--radix-menubar-content-transform-origin);
+}
+
+.origin-\[--radix-popover-content-transform-origin\] {
+  transform-origin: var(--radix-popover-content-transform-origin);
+}
+
+.origin-\[--radix-select-content-transform-origin\] {
+  transform-origin: var(--radix-select-content-transform-origin);
+}
+
+.origin-\[--radix-tooltip-content-transform-origin\] {
+  transform-origin: var(--radix-tooltip-content-transform-origin);
+}
+
 .-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));
@@ -1914,25 +1958,11 @@ body {
   border-color: hsl(var(--input) / var(--tw-border-opacity, 1));
 }
 
-.border-neutral-200 {
-  --tw-border-opacity: 1;
-  border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
-}
-
-.border-neutral-900 {
-  --tw-border-opacity: 1;
-  border-color: rgb(23 23 23 / var(--tw-border-opacity, 1));
-}
-
 .border-primary {
   --tw-border-opacity: 1;
   border-color: hsl(var(--primary) / var(--tw-border-opacity, 1));
 }
 
-.border-red-500\/50 {
-  border-color: rgb(239 68 68 / 0.5);
-}
-
 .border-secondary {
   --tw-border-opacity: 1;
   border-color: hsl(var(--secondary) / var(--tw-border-opacity, 1));
@@ -1964,6 +1994,11 @@ body {
   background-color: rgb(173 250 29 / var(--tw-bg-opacity, 1));
 }
 
+.bg-accent {
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1));
+}
+
 .bg-background {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--background) / var(--tw-bg-opacity, 1));
@@ -2019,28 +2054,8 @@ body {
   background-color: hsl(var(--muted) / 0.4);
 }
 
-.bg-neutral-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
-}
-
-.bg-neutral-100\/50 {
-  background-color: rgb(245 245 245 / 0.5);
-}
-
-.bg-neutral-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
-}
-
-.bg-neutral-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
-}
-
-.bg-neutral-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
+.bg-muted\/50 {
+  background-color: hsl(var(--muted) / 0.5);
 }
 
 .bg-orange-400 {
@@ -2063,11 +2078,6 @@ body {
   background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
 }
 
-.bg-red-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
-}
-
 .bg-secondary {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
@@ -2077,11 +2087,6 @@ body {
   background-color: transparent;
 }
 
-.bg-white {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
-}
-
 .bg-yellow-50\/20 {
   background-color: rgb(254 252 232 / 0.2);
 }
@@ -2532,6 +2537,11 @@ body {
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
 }
 
+.text-accent-foreground {
+  --tw-text-opacity: 1;
+  color: hsl(var(--accent-foreground) / var(--tw-text-opacity, 1));
+}
+
 .text-black {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
@@ -2590,26 +2600,6 @@ body {
   color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
 }
 
-.text-neutral-50 {
-  --tw-text-opacity: 1;
-  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
-}
-
-.text-neutral-500 {
-  --tw-text-opacity: 1;
-  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
-}
-
-.text-neutral-900 {
-  --tw-text-opacity: 1;
-  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
-}
-
-.text-neutral-950 {
-  --tw-text-opacity: 1;
-  color: rgb(10 10 10 / var(--tw-text-opacity, 1));
-}
-
 .text-popover-foreground {
   --tw-text-opacity: 1;
   color: hsl(var(--popover-foreground) / var(--tw-text-opacity, 1));
@@ -2625,11 +2615,6 @@ body {
   color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
 }
 
-.text-red-500 {
-  --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
-}
-
 .text-red-800 {
   --tw-text-opacity: 1;
   color: rgb(153 27 27 / var(--tw-text-opacity, 1));
@@ -2756,10 +2741,6 @@ body {
   --tw-ring-offset-color: hsl(var(--background) / 1);
 }
 
-.ring-offset-white {
-  --tw-ring-offset-color: #fff;
-}
-
 .blur {
   --tw-blur: blur(8px);
   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);
@@ -2887,9 +2868,9 @@ body {
   font-weight: 500;
 }
 
-.file\:text-neutral-950::file-selector-button {
+.file\:text-foreground::file-selector-button {
   --tw-text-opacity: 1;
-  color: rgb(10 10 10 / var(--tw-text-opacity, 1));
+  color: hsl(var(--foreground) / var(--tw-text-opacity, 1));
 }
 
 .placeholder\:text-muted-foreground::-moz-placeholder {
@@ -2902,16 +2883,6 @@ body {
   color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
 }
 
-.placeholder\:text-neutral-500::-moz-placeholder {
-  --tw-text-opacity: 1;
-  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
-}
-
-.placeholder\:text-neutral-500::placeholder {
-  --tw-text-opacity: 1;
-  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
-}
-
 .after\:absolute::after {
   content: var(--tw-content);
   position: absolute;
@@ -2978,30 +2949,9 @@ body {
   background-color: hsl(var(--muted) / 0.5);
 }
 
-.hover\:bg-neutral-100:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
-}
-
-.hover\:bg-neutral-100\/50:hover {
-  background-color: rgb(245 245 245 / 0.5);
-}
-
-.hover\:bg-neutral-100\/80:hover {
-  background-color: rgb(245 245 245 / 0.8);
-}
-
-.hover\:bg-neutral-900:hover {
+.hover\:bg-primary:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
-}
-
-.hover\:bg-neutral-900\/80:hover {
-  background-color: rgb(23 23 23 / 0.8);
-}
-
-.hover\:bg-neutral-900\/90:hover {
-  background-color: rgb(23 23 23 / 0.9);
+  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
 }
 
 .hover\:bg-primary\/80:hover {
@@ -3012,14 +2962,6 @@ body {
   background-color: hsl(var(--primary) / 0.9);
 }
 
-.hover\:bg-red-500\/80:hover {
-  background-color: rgb(239 68 68 / 0.8);
-}
-
-.hover\:bg-red-500\/90:hover {
-  background-color: rgb(239 68 68 / 0.9);
-}
-
 .hover\:bg-secondary\/80:hover {
   background-color: hsl(var(--secondary) / 0.8);
 }
@@ -3043,29 +2985,14 @@ body {
   color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
 }
 
-.hover\:text-neutral-50:hover {
-  --tw-text-opacity: 1;
-  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
-}
-
-.hover\:text-neutral-500:hover {
-  --tw-text-opacity: 1;
-  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
-}
-
-.hover\:text-neutral-900:hover {
-  --tw-text-opacity: 1;
-  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
-}
-
-.hover\:text-neutral-950:hover {
+.hover\:text-primary:hover {
   --tw-text-opacity: 1;
-  color: rgb(10 10 10 / var(--tw-text-opacity, 1));
+  color: hsl(var(--primary) / var(--tw-text-opacity, 1));
 }
 
-.hover\:text-primary:hover {
+.hover\:text-primary-foreground:hover {
   --tw-text-opacity: 1;
-  color: hsl(var(--primary) / var(--tw-text-opacity, 1));
+  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
 }
 
 .hover\:underline:hover {
@@ -3076,24 +3003,24 @@ body {
   opacity: 1;
 }
 
-.focus\:bg-neutral-100:focus {
+.focus\:bg-accent:focus {
   --tw-bg-opacity: 1;
-  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
+  background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1));
 }
 
-.focus\:bg-neutral-900:focus {
+.focus\:bg-primary:focus {
   --tw-bg-opacity: 1;
-  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
+  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
 }
 
-.focus\:text-neutral-50:focus {
+.focus\:text-accent-foreground:focus {
   --tw-text-opacity: 1;
-  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
+  color: hsl(var(--accent-foreground) / var(--tw-text-opacity, 1));
 }
 
-.focus\:text-neutral-900:focus {
+.focus\:text-primary-foreground:focus {
   --tw-text-opacity: 1;
-  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
+  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
 }
 
 .focus\:outline-none:focus {
@@ -3107,11 +3034,6 @@ body {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
-.focus\:ring-neutral-950:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(10 10 10 / var(--tw-ring-opacity, 1));
-}
-
 .focus\:ring-ring:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: hsl(var(--ring) / var(--tw-ring-opacity, 1));
@@ -3150,11 +3072,6 @@ body {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
-.focus-visible\:ring-neutral-950:focus-visible {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(10 10 10 / var(--tw-ring-opacity, 1));
-}
-
 .focus-visible\:ring-ring:focus-visible {
   --tw-ring-opacity: 1;
   --tw-ring-color: hsl(var(--ring) / var(--tw-ring-opacity, 1));
@@ -3172,10 +3089,6 @@ body {
   --tw-ring-offset-color: hsl(var(--background) / 1);
 }
 
-.focus-visible\:ring-offset-white:focus-visible {
-  --tw-ring-offset-color: #fff;
-}
-
 .disabled\:pointer-events-none:disabled {
   pointer-events: none;
 }
@@ -3197,26 +3110,11 @@ body {
   border-color: hsl(var(--border) / var(--tw-border-opacity, 1));
 }
 
-.group.toaster .group-\[\.toaster\]\:border-neutral-200 {
-  --tw-border-opacity: 1;
-  border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
-}
-
 .group.toast .group-\[\.toast\]\:bg-muted {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--muted) / var(--tw-bg-opacity, 1));
 }
 
-.group.toast .group-\[\.toast\]\:bg-neutral-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
-}
-
-.group.toast .group-\[\.toast\]\:bg-neutral-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
-}
-
 .group.toast .group-\[\.toast\]\:bg-primary {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
@@ -3227,26 +3125,11 @@ body {
   background-color: hsl(var(--background) / var(--tw-bg-opacity, 1));
 }
 
-.group.toaster .group-\[\.toaster\]\:bg-white {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
-}
-
 .group.toast .group-\[\.toast\]\:text-muted-foreground {
   --tw-text-opacity: 1;
   color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
 }
 
-.group.toast .group-\[\.toast\]\:text-neutral-50 {
-  --tw-text-opacity: 1;
-  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
-}
-
-.group.toast .group-\[\.toast\]\:text-neutral-500 {
-  --tw-text-opacity: 1;
-  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
-}
-
 .group.toast .group-\[\.toast\]\:text-primary-foreground {
   --tw-text-opacity: 1;
   color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
@@ -3257,11 +3140,6 @@ body {
   color: hsl(var(--foreground) / var(--tw-text-opacity, 1));
 }
 
-.group.toaster .group-\[\.toaster\]\:text-neutral-950 {
-  --tw-text-opacity: 1;
-  color: rgb(10 10 10 / var(--tw-text-opacity, 1));
-}
-
 .group.toaster .group-\[\.toaster\]\:shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -3281,13 +3159,8 @@ body {
   background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1));
 }
 
-.aria-selected\:bg-neutral-100[aria-selected="true"] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
-}
-
-.aria-selected\:bg-neutral-100\/50[aria-selected="true"] {
-  background-color: rgb(245 245 245 / 0.5);
+.aria-selected\:bg-accent\/50[aria-selected="true"] {
+  background-color: hsl(var(--accent) / 0.5);
 }
 
 .aria-selected\:text-accent-foreground[aria-selected="true"] {
@@ -3295,14 +3168,9 @@ body {
   color: hsl(var(--accent-foreground) / var(--tw-text-opacity, 1));
 }
 
-.aria-selected\:text-neutral-500[aria-selected="true"] {
+.aria-selected\:text-muted-foreground[aria-selected="true"] {
   --tw-text-opacity: 1;
-  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
-}
-
-.aria-selected\:text-neutral-900[aria-selected="true"] {
-  --tw-text-opacity: 1;
-  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
+  color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
 }
 
 .aria-selected\:opacity-100[aria-selected="true"] {
@@ -3394,9 +3262,9 @@ body {
   background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1));
 }
 
-.data-\[selected\=\'true\'\]\:bg-neutral-100[data-selected='true'] {
+.data-\[selected\=\'true\'\]\:bg-accent[data-selected='true'] {
   --tw-bg-opacity: 1;
-  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
+  background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1));
 }
 
 .data-\[selected\]\:bg-primary[data-selected] {
@@ -3424,16 +3292,6 @@ body {
   background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
 }
 
-.data-\[state\=active\]\:bg-white[data-state="active"] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
-}
-
-.data-\[state\=checked\]\:bg-neutral-900[data-state="checked"] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
-}
-
 .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
@@ -3444,21 +3302,11 @@ body {
   background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1));
 }
 
-.data-\[state\=on\]\:bg-neutral-100[data-state="on"] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
-}
-
 .data-\[state\=open\]\:bg-accent[data-state="open"] {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1));
 }
 
-.data-\[state\=open\]\:bg-neutral-100[data-state="open"] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
-}
-
 .data-\[state\=open\]\:bg-secondary[data-state="open"] {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
@@ -3469,21 +3317,11 @@ body {
   background-color: hsl(var(--muted) / var(--tw-bg-opacity, 1));
 }
 
-.data-\[state\=selected\]\:bg-neutral-100[data-state="selected"] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
-}
-
 .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--input) / var(--tw-bg-opacity, 1));
 }
 
-.data-\[state\=unchecked\]\:bg-neutral-200[data-state="unchecked"] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
-}
-
 .data-\[disabled\]\:text-muted-foreground[data-disabled] {
   --tw-text-opacity: 1;
   color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
@@ -3504,9 +3342,14 @@ body {
   color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
 }
 
-.data-\[selected\=true\]\:text-neutral-900[data-selected="true"] {
+.data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
+  --tw-text-opacity: 1;
+  color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
+}
+
+.data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
   --tw-text-opacity: 1;
-  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
+  color: hsl(var(--accent-foreground) / var(--tw-text-opacity, 1));
 }
 
 .data-\[selected\]\:text-primary-foreground[data-selected] {
@@ -3529,16 +3372,6 @@ body {
   color: hsl(var(--foreground) / var(--tw-text-opacity, 1));
 }
 
-.data-\[state\=active\]\:text-neutral-950[data-state="active"] {
-  --tw-text-opacity: 1;
-  color: rgb(10 10 10 / var(--tw-text-opacity, 1));
-}
-
-.data-\[state\=checked\]\:text-neutral-50[data-state="checked"] {
-  --tw-text-opacity: 1;
-  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
-}
-
 .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
   --tw-text-opacity: 1;
   color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
@@ -3549,11 +3382,6 @@ body {
   color: hsl(var(--accent-foreground) / var(--tw-text-opacity, 1));
 }
 
-.data-\[state\=on\]\:text-neutral-900[data-state="on"] {
-  --tw-text-opacity: 1;
-  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
-}
-
 .data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
   --tw-text-opacity: 1;
   color: hsl(var(--accent-foreground) / var(--tw-text-opacity, 1));
@@ -3564,16 +3392,6 @@ body {
   color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
 }
 
-.data-\[state\=open\]\:text-neutral-500[data-state="open"] {
-  --tw-text-opacity: 1;
-  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
-}
-
-.data-\[state\=open\]\:text-neutral-900[data-state="open"] {
-  --tw-text-opacity: 1;
-  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
-}
-
 .data-\[unavailable\]\:text-destructive-foreground[data-unavailable] {
   --tw-text-opacity: 1;
   color: hsl(var(--destructive-foreground) / var(--tw-text-opacity, 1));
@@ -3771,35 +3589,11 @@ body {
   border-color: hsl(var(--destructive) / var(--tw-border-opacity, 1));
 }
 
-.dark\:border-neutral-50:is(.dark *) {
-  --tw-border-opacity: 1;
-  border-color: rgb(250 250 250 / var(--tw-border-opacity, 1));
-}
-
-.dark\:border-neutral-800:is(.dark *) {
-  --tw-border-opacity: 1;
-  border-color: rgb(38 38 38 / var(--tw-border-opacity, 1));
-}
-
-.dark\:border-red-500:is(.dark *) {
-  --tw-border-opacity: 1;
-  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
-}
-
-.dark\:border-red-900\/50:is(.dark *) {
-  border-color: rgb(127 29 29 / 0.5);
-}
-
 .dark\:border-yellow-800:is(.dark *) {
   --tw-border-opacity: 1;
   border-color: rgb(133 77 14 / var(--tw-border-opacity, 1));
 }
 
-.dark\:dark\:border-red-900:is(.dark *):is(.dark *) {
-  --tw-border-opacity: 1;
-  border-color: rgb(127 29 29 / var(--tw-border-opacity, 1));
-}
-
 .dark\:bg-blue-900\/20:is(.dark *) {
   background-color: rgb(30 58 138 / 0.2);
 }
@@ -3808,25 +3602,6 @@ body {
   background-color: rgb(20 83 45 / 0.8);
 }
 
-.dark\:bg-neutral-50:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
-}
-
-.dark\:bg-neutral-800:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
-}
-
-.dark\:bg-neutral-800\/50:is(.dark *) {
-  background-color: rgb(38 38 38 / 0.5);
-}
-
-.dark\:bg-neutral-950:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
-}
-
 .dark\:bg-orange-700:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1));
@@ -3851,31 +3626,11 @@ body {
   color: rgb(187 247 208 / var(--tw-text-opacity, 1));
 }
 
-.dark\:text-neutral-400:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
-}
-
-.dark\:text-neutral-50:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
-}
-
-.dark\:text-neutral-900:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
-}
-
 .dark\:text-red-200:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(254 202 202 / var(--tw-text-opacity, 1));
 }
 
-.dark\:text-red-900:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
-}
-
 .dark\:text-white:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -3886,227 +3641,6 @@ body {
   color: rgb(254 240 138 / var(--tw-text-opacity, 1));
 }
 
-.dark\:ring-offset-neutral-950:is(.dark *) {
-  --tw-ring-offset-color: #0a0a0a;
-}
-
-.dark\:file\:text-neutral-50:is(.dark *)::file-selector-button {
-  --tw-text-opacity: 1;
-  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
-}
-
-.dark\:placeholder\:text-neutral-400:is(.dark *)::-moz-placeholder {
-  --tw-text-opacity: 1;
-  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
-}
-
-.dark\:placeholder\:text-neutral-400:is(.dark *)::placeholder {
-  --tw-text-opacity: 1;
-  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
-}
-
-.dark\:hover\:bg-neutral-50:hover:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
-}
-
-.dark\:hover\:bg-neutral-50\/80:hover:is(.dark *) {
-  background-color: rgb(250 250 250 / 0.8);
-}
-
-.dark\:hover\:bg-neutral-50\/90:hover:is(.dark *) {
-  background-color: rgb(250 250 250 / 0.9);
-}
-
-.dark\:hover\:bg-neutral-800:hover:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
-}
-
-.dark\:hover\:bg-neutral-800\/50:hover:is(.dark *) {
-  background-color: rgb(38 38 38 / 0.5);
-}
-
-.dark\:hover\:bg-neutral-800\/80:hover:is(.dark *) {
-  background-color: rgb(38 38 38 / 0.8);
-}
-
-.dark\:hover\:bg-red-900\/80:hover:is(.dark *) {
-  background-color: rgb(127 29 29 / 0.8);
-}
-
-.dark\:hover\:bg-red-900\/90:hover:is(.dark *) {
-  background-color: rgb(127 29 29 / 0.9);
-}
-
-.dark\:hover\:text-neutral-400:hover:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
-}
-
-.dark\:hover\:text-neutral-50:hover:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
-}
-
-.dark\:hover\:text-neutral-900:hover:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
-}
-
-.dark\:focus\:bg-neutral-50:focus:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
-}
-
-.dark\:focus\:bg-neutral-800:focus:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
-}
-
-.dark\:focus\:text-neutral-50:focus:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
-}
-
-.dark\:focus\:text-neutral-900:focus:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
-}
-
-.dark\:focus\:ring-neutral-300:focus:is(.dark *) {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(212 212 212 / var(--tw-ring-opacity, 1));
-}
-
-.dark\:focus-visible\:ring-neutral-300:focus-visible:is(.dark *) {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(212 212 212 / var(--tw-ring-opacity, 1));
-}
-
-.dark\:focus-visible\:ring-offset-neutral-950:focus-visible:is(.dark *) {
-  --tw-ring-offset-color: #0a0a0a;
-}
-
-.group.toaster .dark\:group-\[\.toaster\]\:border-neutral-800:is(.dark *) {
-  --tw-border-opacity: 1;
-  border-color: rgb(38 38 38 / var(--tw-border-opacity, 1));
-}
-
-.group.toast .dark\:group-\[\.toast\]\:bg-neutral-50:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
-}
-
-.group.toast .dark\:group-\[\.toast\]\:bg-neutral-800:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
-}
-
-.group.toaster .dark\:group-\[\.toaster\]\:bg-neutral-950:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
-}
-
-.group.toast .dark\:group-\[\.toast\]\:text-neutral-400:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
-}
-
-.group.toast .dark\:group-\[\.toast\]\:text-neutral-900:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
-}
-
-.group.toaster .dark\:group-\[\.toaster\]\:text-neutral-50:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
-}
-
-.dark\:aria-selected\:bg-neutral-800[aria-selected="true"]:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
-}
-
-.dark\:aria-selected\:bg-neutral-800\/50[aria-selected="true"]:is(.dark *) {
-  background-color: rgb(38 38 38 / 0.5);
-}
-
-.dark\:aria-selected\:text-neutral-400[aria-selected="true"]:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
-}
-
-.dark\:aria-selected\:text-neutral-50[aria-selected="true"]:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
-}
-
-.dark\:data-\[selected\=\'true\'\]\:bg-neutral-800[data-selected='true']:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
-}
-
-.dark\:data-\[state\=active\]\:bg-neutral-950[data-state="active"]:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
-}
-
-.dark\:data-\[state\=checked\]\:bg-neutral-50[data-state="checked"]:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
-}
-
-.dark\:data-\[state\=on\]\:bg-neutral-800[data-state="on"]:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
-}
-
-.dark\:data-\[state\=open\]\:bg-neutral-800[data-state="open"]:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
-}
-
-.dark\:data-\[state\=selected\]\:bg-neutral-800[data-state="selected"]:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
-}
-
-.dark\:data-\[state\=unchecked\]\:bg-neutral-800[data-state="unchecked"]:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
-}
-
-.dark\:data-\[selected\=true\]\:text-neutral-50[data-selected="true"]:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
-}
-
-.dark\:data-\[state\=active\]\:text-neutral-50[data-state="active"]:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
-}
-
-.dark\:data-\[state\=checked\]\:text-neutral-900[data-state="checked"]:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
-}
-
-.dark\:data-\[state\=on\]\:text-neutral-50[data-state="on"]:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
-}
-
-.dark\:data-\[state\=open\]\:text-neutral-400[data-state="open"]:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
-}
-
-.dark\:data-\[state\=open\]\:text-neutral-50[data-state="open"]:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
-}
-
 @media (min-width: 640px) {
   .sm\:mt-0 {
     margin-top: 0px;
@@ -4329,9 +3863,9 @@ body {
   }
 }
 
-.\[\&\:has\(\[aria-selected\]\)\]\:bg-neutral-100:has([aria-selected]) {
+.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]) {
   --tw-bg-opacity: 1;
-  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
+  background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1));
 }
 
 .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child {
@@ -4344,17 +3878,8 @@ body {
   border-bottom-right-radius: var(--radius);
 }
 
-.dark\:\[\&\:has\(\[aria-selected\]\)\]\:bg-neutral-800:has([aria-selected]):is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
-}
-
-.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-neutral-100\/50:has([aria-selected].day-outside) {
-  background-color: rgb(245 245 245 / 0.5);
-}
-
-.dark\:\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-neutral-800\/50:has([aria-selected].day-outside):is(.dark *) {
-  background-color: rgb(38 38 38 / 0.5);
+.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside) {
+  background-color: hsl(var(--accent) / 0.5);
 }
 
 .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) {
@@ -4455,26 +3980,6 @@ body {
   color: hsl(var(--foreground) / var(--tw-text-opacity, 1));
 }
 
-.\[\&\>svg\]\:text-neutral-950>svg {
-  --tw-text-opacity: 1;
-  color: rgb(10 10 10 / var(--tw-text-opacity, 1));
-}
-
-.\[\&\>svg\]\:text-red-500>svg {
-  --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
-}
-
-.dark\:\[\&\>svg\]\:text-neutral-50>svg:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
-}
-
-.dark\:\[\&\>svg\]\:text-red-900>svg:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
-}
-
 .\[\&\>svg\~\*\]\:pl-7>svg~* {
   padding-left: 1.75rem;
 }
@@ -4540,14 +4045,9 @@ body {
   font-weight: 500;
 }
 
-.\[\&_\[cmdk-group-heading\]\]\:text-neutral-500 [cmdk-group-heading] {
+.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
   --tw-text-opacity: 1;
-  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
-}
-
-.dark\:\[\&_\[cmdk-group-heading\]\]\:text-neutral-400 [cmdk-group-heading]:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
+  color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
 }
 
 .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] {

package/package.json

@@ -83,6 +83,6 @@
   "svelte": "./dist/index.js",
   "type": "module",
   "types": "./dist/index.d.ts",
-  "version": "2.0.0-alpha.53",
-  "gitHead": "4626f50c17dc449dd5e65d4b9be6bffaf96cf47f"
+  "version": "2.0.0-alpha.55",
+  "gitHead": "5059d7b3a04b1a969f974518947ae823c78d9685"
 }