@nasa-jpl/stellar-svelte 2.0.0-alpha.12

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

@@ -0,0 +1,24 @@
+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;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: undefined;
+    bindings?: undefined;
+};
+export type BadgeProps = typeof __propDef.props;
+export type BadgeEvents = typeof __propDef.events;
+export type BadgeSlots = typeof __propDef.slots;
+export default class Badge extends SvelteComponent<BadgeProps, BadgeEvents, BadgeSlots> {
+}
+export {};

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

@@ -0,0 +1,53 @@
+import { type VariantProps } from "tailwind-variants";
+export { default as Badge } from "./badge.svelte";
+export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        secondary: string;
+        destructive: string;
+        outline: string;
+    };
+}, undefined, "inline-flex select-none items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        default: string;
+        secondary: string;
+        destructive: string;
+        outline: string;
+    };
+}, {
+    variant: {
+        default: string;
+        secondary: string;
+        destructive: string;
+        outline: string;
+    };
+}>, {
+    variant: {
+        default: string;
+        secondary: string;
+        destructive: string;
+        outline: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        secondary: string;
+        destructive: string;
+        outline: string;
+    };
+}, undefined, "inline-flex select-none items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        default: string;
+        secondary: string;
+        destructive: string;
+        outline: string;
+    };
+}, {
+    variant: {
+        default: string;
+        secondary: string;
+        destructive: string;
+        outline: string;
+    };
+}>, unknown, unknown, undefined>>;
+export type Variant = VariantProps<typeof badgeVariants>["variant"];

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

@@ -0,0 +1,16 @@
+import { tv } from "tailwind-variants";
+export { default as Badge } from "./badge.svelte";
+export const badgeVariants = tv({
+    base: "inline-flex select-none items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+    variants: {
+        variant: {
+            default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+            secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+            outline: "text-foreground",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});

package/dist/components/ui/breadcrumb/breadcrumb-ellipsis.svelte

@@ -0,0 +1,17 @@
+<script>import Ellipsis from "lucide-svelte/icons/ellipsis";
+import { cn } from "../../../utils.js";
+export let el = void 0;
+let className = void 0;
+export { className as class };
+</script>
+
+<span
+	bind:this={el}
+	role="presentation"
+	aria-hidden="true"
+	class={cn("flex h-9 w-9 items-center justify-center", className)}
+	{...$$restProps}
+>
+	<Ellipsis class="h-4 w-4" />
+	<span class="sr-only">More</span>
+</span>

package/dist/components/ui/breadcrumb/breadcrumb-ellipsis.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLSpanElement> & {
+        el?: HTMLSpanElement;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type BreadcrumbEllipsisProps = typeof __propDef.props;
+export type BreadcrumbEllipsisEvents = typeof __propDef.events;
+export type BreadcrumbEllipsisSlots = typeof __propDef.slots;
+export default class BreadcrumbEllipsis extends SvelteComponent<BreadcrumbEllipsisProps, BreadcrumbEllipsisEvents, BreadcrumbEllipsisSlots> {
+}
+export {};

package/dist/components/ui/breadcrumb/breadcrumb-item.svelte

@@ -0,0 +1,9 @@
+<script>import { cn } from "../../../utils.js";
+export let el = void 0;
+let className = void 0;
+export { className as class };
+</script>
+
+<li bind:this={el} class={cn("inline-flex items-center gap-1.5", className)}>
+	<slot />
+</li>

package/dist/components/ui/breadcrumb/breadcrumb-item.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLLiAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLLiAttributes & {
+        el?: HTMLLIElement;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type BreadcrumbItemProps = typeof __propDef.props;
+export type BreadcrumbItemEvents = typeof __propDef.events;
+export type BreadcrumbItemSlots = typeof __propDef.slots;
+export default class BreadcrumbItem extends SvelteComponent<BreadcrumbItemProps, BreadcrumbItemEvents, BreadcrumbItemSlots> {
+}
+export {};

package/dist/components/ui/breadcrumb/breadcrumb-link.svelte

@@ -0,0 +1,21 @@
+<script>import { cn } from "../../../utils.js";
+export let href = void 0;
+export let el = void 0;
+export let asChild = false;
+let className = void 0;
+export { className as class };
+let attrs;
+$: attrs = {
+  class: cn("transition-colors hover:text-foreground", className),
+  href,
+  ...$$restProps
+};
+</script>
+
+{#if asChild}
+	<slot {attrs} />
+{:else}
+	<a bind:this={el} {...attrs} {href}>
+		<slot {attrs} />
+	</a>
+{/if}

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

@@ -0,0 +1,24 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAnchorAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAnchorAttributes & {
+        el?: HTMLAnchorElement;
+        asChild?: boolean;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            attrs: Record<string, unknown>;
+        };
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type BreadcrumbLinkProps = typeof __propDef.props;
+export type BreadcrumbLinkEvents = typeof __propDef.events;
+export type BreadcrumbLinkSlots = typeof __propDef.slots;
+export default class BreadcrumbLink extends SvelteComponent<BreadcrumbLinkProps, BreadcrumbLinkEvents, BreadcrumbLinkSlots> {
+}
+export {};

package/dist/components/ui/breadcrumb/breadcrumb-list.svelte

@@ -0,0 +1,16 @@
+<script>import { cn } from "../../../utils.js";
+export let el = void 0;
+let className = void 0;
+export { className as class };
+</script>
+
+<ol
+	bind:this={el}
+	class={cn(
+		"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
+		className
+	)}
+	{...$$restProps}
+>
+	<slot />
+</ol>

package/dist/components/ui/breadcrumb/breadcrumb-list.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLOlAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLOlAttributes & {
+        el?: HTMLOListElement;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type BreadcrumbListProps = typeof __propDef.props;
+export type BreadcrumbListEvents = typeof __propDef.events;
+export type BreadcrumbListSlots = typeof __propDef.slots;
+export default class BreadcrumbList extends SvelteComponent<BreadcrumbListProps, BreadcrumbListEvents, BreadcrumbListSlots> {
+}
+export {};

package/dist/components/ui/breadcrumb/breadcrumb-page.svelte

@@ -0,0 +1,16 @@
+<script>import { cn } from "../../../utils.js";
+export let el = void 0;
+export let className = void 0;
+export { className as class };
+</script>
+
+<span
+	bind:this={el}
+	role="link"
+	aria-disabled="true"
+	aria-current="page"
+	class={cn("font-normal text-foreground", className)}
+	{...$$restProps}
+>
+	<slot />
+</span>

package/dist/components/ui/breadcrumb/breadcrumb-page.svelte.d.ts

@@ -0,0 +1,23 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: {
+        class?: string | null | undefined;
+    } & HTMLAttributes<HTMLSpanElement> & {
+        el?: HTMLSpanElement;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type BreadcrumbPageProps = typeof __propDef.props;
+export type BreadcrumbPageEvents = typeof __propDef.events;
+export type BreadcrumbPageSlots = typeof __propDef.slots;
+export default class BreadcrumbPage extends SvelteComponent<BreadcrumbPageProps, BreadcrumbPageEvents, BreadcrumbPageSlots> {
+}
+export {};

package/dist/components/ui/breadcrumb/breadcrumb-separator.svelte

@@ -0,0 +1,18 @@
+<script>import ChevronRight from "lucide-svelte/icons/chevron-right";
+import { cn } from "../../../utils.js";
+export let el = void 0;
+let className = void 0;
+export { className as class };
+</script>
+
+<li
+	role="presentation"
+	aria-hidden="true"
+	class={cn("[&>svg]:size-3.5", className)}
+	bind:this={el}
+	{...$$restProps}
+>
+	<slot>
+		<ChevronRight />
+	</slot>
+</li>

package/dist/components/ui/breadcrumb/breadcrumb-separator.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLLiAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLLiAttributes & {
+        el?: HTMLLIElement;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type BreadcrumbSeparatorProps = typeof __propDef.props;
+export type BreadcrumbSeparatorEvents = typeof __propDef.events;
+export type BreadcrumbSeparatorSlots = typeof __propDef.slots;
+export default class BreadcrumbSeparator extends SvelteComponent<BreadcrumbSeparatorProps, BreadcrumbSeparatorEvents, BreadcrumbSeparatorSlots> {
+}
+export {};

package/dist/components/ui/breadcrumb/breadcrumb.svelte

@@ -0,0 +1,8 @@
+<script>export let el = void 0;
+let className = void 0;
+export { className as class };
+</script>
+
+<nav class={className} bind:this={el} aria-label="breadcrumb" {...$$restProps}>
+	<slot />
+</nav>

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

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLElement> & {
+        el?: HTMLElement;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type BreadcrumbProps = typeof __propDef.props;
+export type BreadcrumbEvents = typeof __propDef.events;
+export type BreadcrumbSlots = typeof __propDef.slots;
+export default class Breadcrumb extends SvelteComponent<BreadcrumbProps, BreadcrumbEvents, BreadcrumbSlots> {
+}
+export {};

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

@@ -0,0 +1,8 @@
+import Root from "./breadcrumb.svelte";
+import Ellipsis from "./breadcrumb-ellipsis.svelte";
+import Item from "./breadcrumb-item.svelte";
+import Separator from "./breadcrumb-separator.svelte";
+import Link from "./breadcrumb-link.svelte";
+import List from "./breadcrumb-list.svelte";
+import Page from "./breadcrumb-page.svelte";
+export { Root, Ellipsis, Item, Separator, Link, List, Page, Root as Breadcrumb, Ellipsis as BreadcrumbEllipsis, Item as BreadcrumbItem, Separator as BreadcrumbSeparator, Link as BreadcrumbLink, List as BreadcrumbList, Page as BreadcrumbPage, };

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

@@ -0,0 +1,10 @@
+import Root from "./breadcrumb.svelte";
+import Ellipsis from "./breadcrumb-ellipsis.svelte";
+import Item from "./breadcrumb-item.svelte";
+import Separator from "./breadcrumb-separator.svelte";
+import Link from "./breadcrumb-link.svelte";
+import List from "./breadcrumb-list.svelte";
+import Page from "./breadcrumb-page.svelte";
+export { Root, Ellipsis, Item, Separator, Link, List, Page, 
+//
+Root as Breadcrumb, Ellipsis as BreadcrumbEllipsis, Item as BreadcrumbItem, Separator as BreadcrumbSeparator, Link as BreadcrumbLink, List as BreadcrumbList, Page as BreadcrumbPage, };

package/dist/components/ui/button/button.svelte

@@ -0,0 +1,20 @@
+<script>import { Button as ButtonPrimitive } from "bits-ui";
+import { buttonVariants } from "./index.js";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export let variant = "default";
+export let size = "default";
+export let builders = [];
+export { className as class };
+</script>
+
+<ButtonPrimitive.Root
+	{builders}
+	class={cn(buttonVariants({ variant, size, className }))}
+	type="button"
+	{...$$restProps}
+	on:click
+	on:keydown
+>
+	<slot />
+</ButtonPrimitive.Root>

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

@@ -0,0 +1,16 @@
+import { SvelteComponent } from "svelte";
+import { Button as ButtonPrimitive } from "bits-ui";
+import { type Props } from "./index.js";
+declare const __propDef: {
+    props: Props;
+    slots: {
+        default: {};
+    };
+    events: ButtonPrimitive.Events;
+};
+export type ButtonProps = typeof __propDef.props;
+export type ButtonEvents = typeof __propDef.events;
+export type ButtonSlots = typeof __propDef.slots;
+export default class Button extends SvelteComponent<ButtonProps, ButtonEvents, ButtonSlots> {
+}
+export {};

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

@@ -0,0 +1,117 @@
+import { type VariantProps } from "tailwind-variants";
+import type { Button as ButtonPrimitive } from "bits-ui";
+import Root from "./button.svelte";
+declare const buttonVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        destructive: string;
+        outline: string;
+        secondary: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+        icon: string;
+    };
+}, undefined, "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        default: string;
+        destructive: string;
+        outline: string;
+        secondary: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+        icon: string;
+    };
+}, {
+    variant: {
+        default: string;
+        destructive: string;
+        outline: string;
+        secondary: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+        icon: string;
+    };
+}>, {
+    variant: {
+        default: string;
+        destructive: string;
+        outline: string;
+        secondary: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+        icon: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        destructive: string;
+        outline: string;
+        secondary: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+        icon: string;
+    };
+}, undefined, "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        default: string;
+        destructive: string;
+        outline: string;
+        secondary: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+        icon: string;
+    };
+}, {
+    variant: {
+        default: string;
+        destructive: string;
+        outline: string;
+        secondary: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+        icon: string;
+    };
+}>, unknown, unknown, undefined>>;
+type Variant = VariantProps<typeof buttonVariants>["variant"];
+type Size = VariantProps<typeof buttonVariants>["size"];
+type Props = ButtonPrimitive.Props & {
+    variant?: Variant;
+    size?: Size;
+};
+type Events = ButtonPrimitive.Events;
+export { Root, type Props, type Events, Root as Button, type Props as ButtonProps, type Events as ButtonEvents, buttonVariants, };

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

@@ -0,0 +1,28 @@
+import { tv } from "tailwind-variants";
+import Root from "./button.svelte";
+const buttonVariants = tv({
+    base: "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground hover:bg-primary/90",
+            destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+            outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground",
+            link: "text-primary underline-offset-4 hover:underline",
+        },
+        size: {
+            default: "h-6 px-2 py-2",
+            sm: "h-4 rounded-md px-1 py-2",
+            lg: "h-8 rounded-lg px-4",
+            icon: "h-10 w-10",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+export { Root, 
+//
+Root as Button, buttonVariants, };

package/dist/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte

@@ -0,0 +1,30 @@
+<script>import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+import Check from "lucide-svelte/icons/check";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export let checked = void 0;
+export { className as class };
+</script>
+
+<DropdownMenuPrimitive.CheckboxItem
+	bind:checked
+	class={cn(
+		"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50",
+		className
+	)}
+	{...$$restProps}
+	on:click
+	on:keydown
+	on:focusin
+	on:focusout
+	on:pointerdown
+	on:pointerleave
+	on:pointermove
+>
+	<span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+		<DropdownMenuPrimitive.CheckboxIndicator>
+			<Check class="h-4 w-4" />
+		</DropdownMenuPrimitive.CheckboxIndicator>
+	</span>
+	<slot />
+</DropdownMenuPrimitive.CheckboxItem>

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

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: DropdownMenuPrimitive.CheckboxItemProps;
+    slots: {
+        default: {};
+    };
+    events: DropdownMenuPrimitive.CheckboxItemEvents;
+};
+export type DropdownMenuCheckboxItemProps = typeof __propDef.props;
+export type DropdownMenuCheckboxItemEvents = typeof __propDef.events;
+export type DropdownMenuCheckboxItemSlots = typeof __propDef.slots;
+export default class DropdownMenuCheckboxItem extends SvelteComponent<DropdownMenuCheckboxItemProps, DropdownMenuCheckboxItemEvents, DropdownMenuCheckboxItemSlots> {
+}
+export {};

package/dist/components/ui/dropdown-menu/dropdown-menu-content.svelte

@@ -0,0 +1,22 @@
+<script>import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+import { cn, flyAndScale } from "../../../utils.js";
+let className = void 0;
+export let sideOffset = 4;
+export let transition = flyAndScale;
+export let transitionConfig = void 0;
+export { className as class };
+</script>
+
+<DropdownMenuPrimitive.Content
+	{transition}
+	{transitionConfig}
+	{sideOffset}
+	class={cn(
+		"z-50 min-w-[8rem] rounded-md border bg-popover p-1 text-popover-foreground shadow-md focus:outline-none",
+		className
+	)}
+	{...$$restProps}
+	on:keydown
+>
+	<slot />
+</DropdownMenuPrimitive.Content>

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

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: DropdownMenuPrimitive.ContentProps;
+    slots: {
+        default: {};
+    };
+    events: DropdownMenuPrimitive.ContentEvents;
+};
+export type DropdownMenuContentProps = typeof __propDef.props;
+export type DropdownMenuContentEvents = typeof __propDef.events;
+export type DropdownMenuContentSlots = typeof __propDef.slots;
+export default class DropdownMenuContent extends SvelteComponent<DropdownMenuContentProps, DropdownMenuContentEvents, DropdownMenuContentSlots> {
+}
+export {};