@nasa-jpl/stellar-svelte 2.0.0-alpha.30 → 2.0.0-alpha.31

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

@@ -1,11 +1,10 @@
 import { SvelteComponent } from "svelte";
-import { type Variant } from "./index.js";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        href?: string | undefined;
-        variant?: Variant;
-        class?: string | undefined | null;
+        href?: string | undefined | undefined;
+        variant?: "default" | "destructive" | "outline" | "secondary" | undefined;
+        class?: string | undefined | null | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/ui/card/index.d.ts

@@ -1,8 +1,8 @@
-import Root from "./card.svelte";
-import Content from "./card-content.svelte";
-import Description from "./card-description.svelte";
-import Footer from "./card-footer.svelte";
-import Header from "./card-header.svelte";
-import Title from "./card-title.svelte";
-export { Root, Content, Description, Footer, Header, Title, Root as Card, Content as CardContent, Description as CardDescription, Footer as CardFooter, Header as CardHeader, Title as CardTitle, };
-export type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+import Content from './card-content.svelte';
+import Description from './card-description.svelte';
+import Footer from './card-footer.svelte';
+import Header from './card-header.svelte';
+import Title from './card-title.svelte';
+import Root from './card.svelte';
+export { Root as Card, Content as CardContent, Description as CardDescription, Footer as CardFooter, Header as CardHeader, Title as CardTitle, Content, Description, Footer, Header, Root, Title, };
+export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';

package/dist/components/ui/card/index.js

@@ -1,9 +1,9 @@
-import Root from "./card.svelte";
-import Content from "./card-content.svelte";
-import Description from "./card-description.svelte";
-import Footer from "./card-footer.svelte";
-import Header from "./card-header.svelte";
-import Title from "./card-title.svelte";
-export { Root, Content, Description, Footer, Header, Title, 
+import Content from './card-content.svelte';
+import Description from './card-description.svelte';
+import Footer from './card-footer.svelte';
+import Header from './card-header.svelte';
+import Title from './card-title.svelte';
+import Root from './card.svelte';
+export { 
 //
-Root as Card, Content as CardContent, Description as CardDescription, Footer as CardFooter, Header as CardHeader, Title as CardTitle, };
+Root as Card, Content as CardContent, Description as CardDescription, Footer as CardFooter, Header as CardHeader, Title as CardTitle, Content, Description, Footer, Header, Root, Title, };

package/dist/components/ui/command/command-dialog.svelte.d.ts

@@ -6,7 +6,7 @@ declare const __propDef: {
         closeOnOutsideClick?: boolean | undefined;
         onOutsideClick?: ((event: PointerEvent | MouseEvent | TouchEvent) => void) | undefined;
         portal?: (HTMLElement | string | null) | undefined;
-        open?: (import("@melt-ui/svelte").CreateDialogProps["defaultOpen"] & {}) | undefined;
+        open?: boolean | undefined;
         onOpenChange?: import("bits-ui/dist/internal").OnChangeFn<boolean> | undefined;
         openFocus?: import("bits-ui").FocusProp | undefined;
         closeFocus?: import("bits-ui").FocusProp | undefined;

package/dist/components/ui/context-menu/context-menu-label.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        asChild?: boolean | undefined;
+        asChild?: boolean | undefined | undefined;
         el?: HTMLDivElement | undefined;
     } & import("bits-ui/dist/internal").HTMLDivAttributes & {
         inset?: boolean;

package/dist/components/ui/context-menu/context-menu-sub-trigger.svelte.d.ts

@@ -2,8 +2,8 @@ import { SvelteComponent } from "svelte";
 import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
 declare const __propDef: {
     props: {
-        disabled?: boolean | undefined;
-        asChild?: boolean | undefined;
+        disabled?: boolean | undefined | undefined;
+        asChild?: boolean | undefined | undefined;
         el?: HTMLDivElement | undefined;
     } & import("bits-ui/dist/internal").HTMLDivAttributes & {
         inset?: boolean;

package/dist/components/ui/dropdown-menu/dropdown-menu-label.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        asChild?: boolean | undefined;
+        asChild?: boolean | undefined | undefined;
         el?: HTMLDivElement | undefined;
     } & import("bits-ui/dist/internal").HTMLDivAttributes & {
         inset?: boolean;

package/dist/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte.d.ts

@@ -2,8 +2,8 @@ import { SvelteComponent } from "svelte";
 import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
 declare const __propDef: {
     props: {
-        disabled?: boolean | undefined;
-        asChild?: boolean | undefined;
+        disabled?: boolean | undefined | undefined;
+        asChild?: boolean | undefined | undefined;
         el?: HTMLDivElement | undefined;
     } & import("bits-ui/dist/internal").HTMLDivAttributes & {
         inset?: boolean;

package/dist/components/ui/menubar/menubar-label.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        asChild?: boolean | undefined;
+        asChild?: boolean | undefined | undefined;
         el?: HTMLDivElement | undefined;
     } & import("bits-ui/dist/internal").HTMLDivAttributes & {
         inset?: boolean;

package/dist/components/ui/menubar/menubar-sub-trigger.svelte.d.ts

@@ -2,8 +2,8 @@ import { SvelteComponent } from "svelte";
 import { Menubar as MenubarPrimitive } from "bits-ui";
 declare const __propDef: {
     props: {
-        disabled?: boolean | undefined;
-        asChild?: boolean | undefined;
+        disabled?: boolean | undefined | undefined;
+        asChild?: boolean | undefined | undefined;
         el?: HTMLDivElement | undefined;
     } & import("bits-ui/dist/internal").HTMLDivAttributes & {
         inset?: boolean;

package/dist/components/ui/pagination/pagination-link.svelte.d.ts

@@ -4,7 +4,7 @@ declare const __propDef: {
     props: {
         page: import("bits-ui").Page;
     } & {
-        asChild?: boolean | undefined;
+        asChild?: boolean | undefined | undefined;
         el?: HTMLButtonElement | undefined;
     } & (import("svelte/elements").HTMLButtonAttributes & (Props & {
         isActive: boolean;

package/dist/components/ui/scroll-area/scroll-area-scrollbar.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        asChild?: boolean | undefined;
+        asChild?: boolean | undefined | undefined;
         el?: HTMLDivElement | undefined;
     } & {
         orientation: "horizontal" | "vertical";

package/dist/components/ui/scroll-area/scroll-area.svelte.d.ts

@@ -5,7 +5,7 @@ declare const __propDef: {
         dir?: import("@melt-ui/svelte/internal/types").TextDirection | undefined;
         hideDelay?: number | undefined;
     } & {
-        asChild?: boolean | undefined;
+        asChild?: boolean | undefined | undefined;
         el?: HTMLDivElement | undefined;
     } & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
         orientation?: "vertical" | "horizontal" | "both";

package/dist/components/ui/sheet/sheet-content.svelte.d.ts

@@ -8,7 +8,7 @@ declare const __propDef: {
         inTransitionConfig?: any;
         outTransition?: import("bits-ui/dist/internal/types.js").Transition | undefined;
         outTransitionConfig?: any;
-        asChild?: boolean | undefined;
+        asChild?: boolean | undefined | undefined;
         el?: HTMLDivElement | undefined;
     } & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
         side?: Side;

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

@@ -4,9 +4,9 @@ import { type Size, type Variant } from "./index.js";
 declare const __propDef: {
     props: {
         disabled?: boolean | undefined;
-        pressed?: boolean | undefined;
+        pressed?: boolean | undefined | undefined;
         onPressedChange?: import("bits-ui/dist/internal/types.js").OnChangeFn<boolean> | undefined;
-        asChild?: boolean | undefined;
+        asChild?: boolean | undefined | undefined;
         el?: HTMLButtonElement | undefined;
     } & import("svelte/elements.js").HTMLButtonAttributes & {
         variant?: Variant;

package/dist/components/ui/toggle-group/toggle-group-item.svelte.d.ts

@@ -3,8 +3,8 @@ import { type ToggleVariants } from "./index.js";
 declare const __propDef: {
     props: {
         value: string;
-        disabled?: boolean | undefined;
-        asChild?: boolean | undefined;
+        disabled?: boolean | undefined | undefined;
+        asChild?: boolean | undefined | undefined;
         el?: HTMLButtonElement | undefined;
     } & import("svelte/elements.js").HTMLButtonAttributes & ToggleVariants;
     events: {

package/dist/components/ui/toggle-group/toggle-group.svelte.d.ts

@@ -9,7 +9,7 @@ declare class __sveltets_Render<T extends "single" | "multiple"> {
         rovingFocus?: boolean | undefined;
         value?: (T extends "single" ? string : string[]) | undefined;
         onValueChange?: import("bits-ui/dist/internal/types.js").OnChangeFn<(T extends "single" ? string : string[]) | undefined> | undefined;
-        asChild?: boolean | undefined;
+        asChild?: boolean | undefined | undefined;
         el?: HTMLDivElement | undefined;
     } & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & VariantProps<import("tailwind-variants").TVReturnType<{
         variant: {

package/dist/index.css

@@ -731,6 +731,10 @@ body {
   top: 3.5rem;
 }
 
+.top-16 {
+  top: 4rem;
+}
+
 .top-2\.5 {
   top: 0.625rem;
 }
@@ -793,6 +797,10 @@ body {
   margin-left: -1rem;
 }
 
+.-mt-10 {
+  margin-top: -2.5rem;
+}
+
 .-mt-4 {
   margin-top: -1rem;
 }
@@ -825,6 +833,10 @@ body {
   margin-right: 1.5rem;
 }
 
+.mr-auto {
+  margin-right: auto;
+}
+
 .mt-2 {
   margin-top: 0.5rem;
 }
@@ -985,6 +997,10 @@ body {
   max-height: 100vh;
 }
 
+.min-h-\[350px\] {
+  min-height: 350px;
+}
+
 .min-h-\[80px\] {
   min-height: 80px;
 }
@@ -1106,10 +1122,6 @@ body {
   max-width: 42rem;
 }
 
-.max-w-\[980px\] {
-  max-width: 980px;
-}
-
 .max-w-lg {
   max-width: 32rem;
 }
@@ -1232,6 +1244,10 @@ body {
           user-select: none;
 }
 
+.scroll-m-20 {
+  scroll-margin: 5rem;
+}
+
 .appearance-none {
   -webkit-appearance: none;
      -moz-appearance: none;
@@ -1270,6 +1286,10 @@ body {
   align-items: center;
 }
 
+.justify-start {
+  justify-content: flex-start;
+}
+
 .justify-center {
   justify-content: center;
 }
@@ -1362,6 +1382,10 @@ body {
   white-space: nowrap;
 }
 
+.text-balance {
+  text-wrap: balance;
+}
+
 .break-words {
   overflow-wrap: break-word;
 }
@@ -1382,6 +1406,10 @@ body {
   border-radius: var(--radius);
 }
 
+.rounded-none {
+  border-radius: 0px;
+}
+
 .rounded-sm {
   border-radius: calc(var(--radius) - 2px);
 }
@@ -1407,6 +1435,10 @@ body {
   border-bottom-width: 1px;
 }
 
+.border-b-2 {
+  border-bottom-width: 2px;
+}
+
 .border-l {
   border-left-width: 1px;
 }
@@ -1470,6 +1502,10 @@ body {
   border-color: rgb(254 240 138 / var(--tw-border-opacity));
 }
 
+.border-b-transparent {
+  border-bottom-color: transparent;
+}
+
 .border-l-transparent {
   border-left-color: transparent;
 }
@@ -1578,6 +1614,10 @@ body {
   padding: 0.25rem;
 }
 
+.p-10 {
+  padding: 2.5rem;
+}
+
 .p-16 {
   padding: 4rem;
 }
@@ -1691,6 +1731,14 @@ body {
   padding-bottom: 0px;
 }
 
+.pb-12 {
+  padding-bottom: 3rem;
+}
+
+.pb-3 {
+  padding-bottom: 0.75rem;
+}
+
 .pb-4 {
   padding-bottom: 1rem;
 }
@@ -1727,6 +1775,10 @@ body {
   padding-top: 0.25rem;
 }
 
+.pt-2 {
+  padding-top: 0.5rem;
+}
+
 .pt-4 {
   padding-top: 1rem;
 }
@@ -1735,6 +1787,14 @@ body {
   padding-top: 1.25rem;
 }
 
+.pt-6 {
+  padding-top: 1.5rem;
+}
+
+.pt-8 {
+  padding-top: 2rem;
+}
+
 .text-left {
   text-align: left;
 }
@@ -1831,6 +1891,10 @@ body {
   text-transform: uppercase;
 }
 
+.capitalize {
+  text-transform: capitalize;
+}
+
 .leading-7 {
   line-height: 1.75rem;
 }
@@ -2053,6 +2117,10 @@ body {
   transition-duration: 150ms;
 }
 
+.transition-none {
+  transition-property: none;
+}
+
 .transition-opacity {
   transition-property: opacity;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2367,6 +2435,11 @@ body {
   flex-direction: column;
 }
 
+.data-\[state\=active\]\:border-b-primary[data-state="active"] {
+  --tw-border-opacity: 1;
+  border-bottom-color: hsl(var(--primary) / var(--tw-border-opacity));
+}
+
 .data-\[highlighted\]\:bg-accent[data-highlighted] {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--accent) / var(--tw-bg-opacity));
@@ -2512,6 +2585,12 @@ body {
   opacity: 1;
 }
 
+.data-\[state\=active\]\:shadow-none[data-state="active"] {
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .data-\[state\=active\]\:shadow-sm[data-state="active"] {
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
@@ -2813,15 +2892,6 @@ body {
     padding-bottom: 0px;
   }
 
-  .md\:py-12 {
-    padding-top: 3rem;
-    padding-bottom: 3rem;
-  }
-
-  .md\:pb-8 {
-    padding-bottom: 2rem;
-  }
-
   .md\:pt-0 {
     padding-top: 0px;
   }
@@ -2879,25 +2949,30 @@ body {
     padding-right: 1.5rem;
   }
 
-  .lg\:py-24 {
-    padding-top: 6rem;
-    padding-bottom: 6rem;
-  }
-
   .lg\:py-8 {
     padding-top: 2rem;
     padding-bottom: 2rem;
   }
 
-  .lg\:pb-20 {
-    padding-bottom: 5rem;
-  }
-
   .lg\:leading-\[1\.1\] {
     line-height: 1.1;
   }
 }
 
+@media (min-width: 1280px) {
+  .xl\:block {
+    display: block;
+  }
+
+  .xl\:grid {
+    display: grid;
+  }
+
+  .xl\:grid-cols-\[1fr_300px\] {
+    grid-template-columns: 1fr 300px;
+  }
+}
+
 .\[\&\:has\(\[data-selected\]\)\]\:rounded-md:has([data-selected]) {
   border-radius: var(--radius);
 }

package/package.json

@@ -20,6 +20,7 @@
   "description": "Everything you need to build a Svelte library, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).",
   "devDependencies": {
     "@nasa-jpl/stellar": "file:../css/dist",
+    "@nasa-jpl/stellar-react": "file:../react/dist",
     "@sveltejs/adapter-node": "^5.0.1",
     "@sveltejs/kit": "^2.0.0",
     "@sveltejs/package": "^2.0.0",
@@ -79,6 +80,6 @@
   "svelte": "./dist/index.js",
   "type": "module",
   "types": "./dist/index.d.ts",
-  "version": "2.0.0-alpha.30",
-  "gitHead": "1ec987ef6b58e8c08ffff9fc5d51ed6691a6eda7"
+  "version": "2.0.0-alpha.31",
+  "gitHead": "f95f8962fbc32d635349479eabdb91ed7e46702b"
 }