@nasa-jpl/stellar-svelte 2.0.0-alpha.27 → 2.0.0-alpha.29

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

@@ -0,0 +1,79 @@
+import { Dialog as SheetPrimitive } from "bits-ui";
+import { tv } from "tailwind-variants";
+import Portal from "./sheet-portal.svelte";
+import Overlay from "./sheet-overlay.svelte";
+import Content from "./sheet-content.svelte";
+import Header from "./sheet-header.svelte";
+import Footer from "./sheet-footer.svelte";
+import Title from "./sheet-title.svelte";
+import Description from "./sheet-description.svelte";
+const Root = SheetPrimitive.Root;
+const Close = SheetPrimitive.Close;
+const Trigger = SheetPrimitive.Trigger;
+export { Root, Close, Trigger, Portal, Overlay, Content, Header, Footer, Title, Description, 
+//
+Root as Sheet, Close as SheetClose, Trigger as SheetTrigger, Portal as SheetPortal, Overlay as SheetOverlay, Content as SheetContent, Header as SheetHeader, Footer as SheetFooter, Title as SheetTitle, Description as SheetDescription, };
+export const sheetVariants = tv({
+    base: "bg-background fixed z-50 gap-4 p-6 shadow-lg",
+    variants: {
+        side: {
+            top: "inset-x-0 top-0 border-b",
+            bottom: "inset-x-0 bottom-0 border-t",
+            left: "inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+            right: "inset-y-0 right-0 h-full w-3/4  border-l sm:max-w-sm",
+        },
+    },
+    defaultVariants: {
+        side: "right",
+    },
+});
+export const sheetTransitions = {
+    top: {
+        in: {
+            y: "-100%",
+            duration: 500,
+            opacity: 1,
+        },
+        out: {
+            y: "-100%",
+            duration: 300,
+            opacity: 1,
+        },
+    },
+    bottom: {
+        in: {
+            y: "100%",
+            duration: 500,
+            opacity: 1,
+        },
+        out: {
+            y: "100%",
+            duration: 300,
+            opacity: 1,
+        },
+    },
+    left: {
+        in: {
+            x: "-100%",
+            duration: 500,
+            opacity: 1,
+        },
+        out: {
+            x: "-100%",
+            duration: 300,
+            opacity: 1,
+        },
+    },
+    right: {
+        in: {
+            x: "100%",
+            duration: 500,
+            opacity: 1,
+        },
+        out: {
+            x: "100%",
+            duration: 300,
+            opacity: 1,
+        },
+    },
+};

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

@@ -0,0 +1,38 @@
+<script>import { Dialog as SheetPrimitive } from "bits-ui";
+import X from "lucide-svelte/icons/x";
+import { fly } from "svelte/transition";
+import {
+  SheetOverlay,
+  SheetPortal,
+  sheetTransitions,
+  sheetVariants
+} from "./index.js";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export let side = "right";
+export { className as class };
+export let inTransition = fly;
+export let inTransitionConfig = sheetTransitions[side ?? "right"].in;
+export let outTransition = fly;
+export let outTransitionConfig = sheetTransitions[side ?? "right"].out;
+</script>
+
+<SheetPortal>
+	<SheetOverlay />
+	<SheetPrimitive.Content
+		{inTransition}
+		{inTransitionConfig}
+		{outTransition}
+		{outTransitionConfig}
+		class={cn(sheetVariants({ side }), className)}
+		{...$$restProps}
+	>
+		<slot />
+		<SheetPrimitive.Close
+			class="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none"
+		>
+			<X class="h-4 w-4" />
+			<span class="sr-only">Close</span>
+		</SheetPrimitive.Close>
+	</SheetPrimitive.Content>
+</SheetPortal>

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

@@ -0,0 +1,30 @@
+import { SvelteComponent } from "svelte";
+import { type Side } from "./index.js";
+declare const __propDef: {
+    props: {
+        transition?: import("bits-ui/dist/internal/types.js").Transition | undefined;
+        transitionConfig?: any;
+        inTransition?: import("bits-ui/dist/internal/types.js").Transition | undefined;
+        inTransitionConfig?: any;
+        outTransition?: import("bits-ui/dist/internal/types.js").Transition | undefined;
+        outTransitionConfig?: any;
+        asChild?: boolean | undefined;
+        el?: HTMLDivElement | undefined;
+    } & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
+        side?: Side;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type SheetContentProps = typeof __propDef.props;
+export type SheetContentEvents = typeof __propDef.events;
+export type SheetContentSlots = typeof __propDef.slots;
+export default class SheetContent extends SvelteComponent<SheetContentProps, SheetContentEvents, SheetContentSlots> {
+}
+export {};

package/dist/components/ui/sheet/sheet-description.svelte

@@ -0,0 +1,9 @@
+<script>import { Dialog as SheetPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<SheetPrimitive.Description class={cn("text-muted-foreground text-sm", className)} {...$$restProps}>
+	<slot />
+</SheetPrimitive.Description>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { Dialog as SheetPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: SheetPrimitive.DescriptionProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type SheetDescriptionProps = typeof __propDef.props;
+export type SheetDescriptionEvents = typeof __propDef.events;
+export type SheetDescriptionSlots = typeof __propDef.slots;
+export default class SheetDescription extends SvelteComponent<SheetDescriptionProps, SheetDescriptionEvents, SheetDescriptionSlots> {
+}
+export {};

package/dist/components/ui/sheet/sheet-footer.svelte

@@ -0,0 +1,11 @@
+<script>import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<div
+	class={cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)}
+	{...$$restProps}
+>
+	<slot />
+</div>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLDivElement>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type SheetFooterProps = typeof __propDef.props;
+export type SheetFooterEvents = typeof __propDef.events;
+export type SheetFooterSlots = typeof __propDef.slots;
+export default class SheetFooter extends SvelteComponent<SheetFooterProps, SheetFooterEvents, SheetFooterSlots> {
+}
+export {};

package/dist/components/ui/sheet/sheet-header.svelte

@@ -0,0 +1,8 @@
+<script>import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<div class={cn("flex flex-col space-y-2 text-center sm:text-left", className)} {...$$restProps}>
+	<slot />
+</div>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLDivElement>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type SheetHeaderProps = typeof __propDef.props;
+export type SheetHeaderEvents = typeof __propDef.events;
+export type SheetHeaderSlots = typeof __propDef.slots;
+export default class SheetHeader extends SvelteComponent<SheetHeaderProps, SheetHeaderEvents, SheetHeaderSlots> {
+}
+export {};

package/dist/components/ui/sheet/sheet-overlay.svelte

@@ -0,0 +1,17 @@
+<script>import { Dialog as SheetPrimitive } from "bits-ui";
+import { fade } from "svelte/transition";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export let transition = fade;
+export let transitionConfig = {
+  duration: 150
+};
+export { className as class };
+</script>
+
+<SheetPrimitive.Overlay
+	{transition}
+	{transitionConfig}
+	class={cn("bg-background/80 fixed inset-0 z-50 backdrop-blur-sm ", className)}
+	{...$$restProps}
+/>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Dialog as SheetPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: SheetPrimitive.OverlayProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type SheetOverlayProps = typeof __propDef.props;
+export type SheetOverlayEvents = typeof __propDef.events;
+export type SheetOverlaySlots = typeof __propDef.slots;
+export default class SheetOverlay extends SvelteComponent<SheetOverlayProps, SheetOverlayEvents, SheetOverlaySlots> {
+}
+export {};

package/dist/components/ui/sheet/sheet-portal.svelte

@@ -0,0 +1,9 @@
+<script>import { Dialog as SheetPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<SheetPrimitive.Portal class={cn(className)} {...$$restProps}>
+	<slot />
+</SheetPrimitive.Portal>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { Dialog as SheetPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: SheetPrimitive.PortalProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type SheetPortalProps = typeof __propDef.props;
+export type SheetPortalEvents = typeof __propDef.events;
+export type SheetPortalSlots = typeof __propDef.slots;
+export default class SheetPortal extends SvelteComponent<SheetPortalProps, SheetPortalEvents, SheetPortalSlots> {
+}
+export {};

package/dist/components/ui/sheet/sheet-title.svelte

@@ -0,0 +1,12 @@
+<script>import { Dialog as SheetPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<SheetPrimitive.Title
+	class={cn("text-foreground text-lg font-semibold", className)}
+	{...$$restProps}
+>
+	<slot />
+</SheetPrimitive.Title>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { Dialog as SheetPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: SheetPrimitive.TitleProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type SheetTitleProps = typeof __propDef.props;
+export type SheetTitleEvents = typeof __propDef.events;
+export type SheetTitleSlots = typeof __propDef.slots;
+export default class SheetTitle extends SvelteComponent<SheetTitleProps, SheetTitleEvents, SheetTitleSlots> {
+}
+export {};

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

@@ -0,0 +1,2 @@
+import Root from "./skeleton.svelte";
+export { Root, Root as Skeleton, };

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

@@ -0,0 +1,4 @@
+import Root from "./skeleton.svelte";
+export { Root, 
+//
+Root as Skeleton, };

package/dist/components/ui/skeleton/skeleton.svelte

@@ -0,0 +1,6 @@
+<script>import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<div class={cn("bg-muted animate-pulse rounded-md", className)} {...$$restProps}></div>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLDivElement>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type SkeletonProps = typeof __propDef.props;
+export type SkeletonEvents = typeof __propDef.events;
+export type SkeletonSlots = typeof __propDef.slots;
+export default class Skeleton extends SvelteComponent<SkeletonProps, SkeletonEvents, SkeletonSlots> {
+}
+export {};

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

@@ -0,0 +1,2 @@
+import Root from "./slider.svelte";
+export { Root, Root as Slider, };

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

@@ -0,0 +1,4 @@
+import Root from "./slider.svelte";
+export { Root, 
+//
+Root as Slider, };

package/dist/components/ui/slider/slider.svelte

@@ -0,0 +1,23 @@
+<script>import { Slider as SliderPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export let value = [0];
+export { className as class };
+</script>
+
+<SliderPrimitive.Root
+	bind:value
+	class={cn("relative flex w-full touch-none select-none items-center", className)}
+	{...$$restProps}
+	let:thumbs
+>
+	<span class="bg-secondary relative h-2 w-full grow overflow-hidden rounded-full">
+		<SliderPrimitive.Range class="bg-primary absolute h-full" />
+	</span>
+	{#each thumbs as thumb}
+		<SliderPrimitive.Thumb
+			{thumb}
+			class="border-primary bg-background ring-offset-background focus-visible:ring-ring block h-5 w-5 rounded-full border-2 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+		/>
+	{/each}
+</SliderPrimitive.Root>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Slider as SliderPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: SliderPrimitive.Props;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type SliderProps = typeof __propDef.props;
+export type SliderEvents = typeof __propDef.events;
+export type SliderSlots = typeof __propDef.slots;
+export default class Slider extends SvelteComponent<SliderProps, SliderEvents, SliderSlots> {
+}
+export {};

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

@@ -0,0 +1 @@
+export { default as Toaster } from "./sonner.svelte";

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

@@ -0,0 +1 @@
+export { default as Toaster } from "./sonner.svelte";

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

@@ -0,0 +1,17 @@
+<script>import { Toaster as Sonner } from "svelte-sonner";
+import { mode } from "mode-watcher";
+</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}
+/>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { type ToasterProps as SonnerProps } from "svelte-sonner";
+declare const __propDef: {
+    props: SonnerProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+type SonnerProps_ = typeof __propDef.props;
+export { SonnerProps_ as SonnerProps };
+export type SonnerEvents = typeof __propDef.events;
+export type SonnerSlots = typeof __propDef.slots;
+export default class Sonner extends SvelteComponent<SonnerProps_, SonnerEvents, SonnerSlots> {
+}

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

@@ -0,0 +1,2 @@
+import Root from "./switch.svelte";
+export { Root, Root as Switch, };

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

@@ -0,0 +1,4 @@
+import Root from "./switch.svelte";
+export { Root, 
+//
+Root as Switch, };

package/dist/components/ui/switch/switch.svelte

@@ -0,0 +1,23 @@
+<script>import { Switch as SwitchPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export let checked = void 0;
+export { className as class };
+</script>
+
+<SwitchPrimitive.Root
+	bind:checked
+	class={cn(
+		"focus-visible:ring-ring focus-visible:ring-offset-background data-[state=checked]:bg-primary data-[state=unchecked]:bg-input peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+		className
+	)}
+	{...$$restProps}
+	on:click
+	on:keydown
+>
+	<SwitchPrimitive.Thumb
+		class={cn(
+			"bg-background pointer-events-none block h-5 w-5 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+		)}
+	/>
+</SwitchPrimitive.Root>

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

@@ -0,0 +1,13 @@
+import { SvelteComponent } from "svelte";
+import { Switch as SwitchPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: SwitchPrimitive.Props;
+    slots: {};
+    events: SwitchPrimitive.Events;
+};
+export type SwitchProps = typeof __propDef.props;
+export type SwitchEvents = typeof __propDef.events;
+export type SwitchSlots = typeof __propDef.slots;
+export default class Switch extends SvelteComponent<SwitchProps, SwitchEvents, SwitchSlots> {
+}
+export {};

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

@@ -0,0 +1,63 @@
+import { type VariantProps } from 'tailwind-variants';
+import Body from './table-body.svelte';
+import Caption from './table-caption.svelte';
+import Cell from './table-cell.svelte';
+import Footer from './table-footer.svelte';
+import Head from './table-head.svelte';
+import Header from './table-header.svelte';
+import Row from './table-row.svelte';
+import Root from './table.svelte';
+declare const tableCellVariants: import("tailwind-variants").TVReturnType<{
+    size: {
+        default: string;
+        sm: string;
+        xs: string;
+        lg: string;
+    };
+}, undefined, "align-middle [&:has([role=checkbox])]:pr-0", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        default: string;
+        sm: string;
+        xs: string;
+        lg: string;
+    };
+}, {
+    size: {
+        default: string;
+        sm: string;
+        xs: string;
+        lg: string;
+    };
+}>, {
+    size: {
+        default: string;
+        sm: string;
+        xs: string;
+        lg: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    size: {
+        default: string;
+        sm: string;
+        xs: string;
+        lg: string;
+    };
+}, undefined, "align-middle [&:has([role=checkbox])]:pr-0", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        default: string;
+        sm: string;
+        xs: string;
+        lg: string;
+    };
+}, {
+    size: {
+        default: string;
+        sm: string;
+        xs: string;
+        lg: string;
+    };
+}>, unknown, unknown, undefined>>;
+type TableCellProps = {
+    size?: VariantProps<typeof tableCellVariants>['size'];
+};
+export { Body, Caption, Cell, Footer, Head, Header, Root, Row, Root as Table, Body as TableBody, Caption as TableCaption, Cell as TableCell, Footer as TableFooter, Head as TableHead, Header as TableHeader, Row as TableRow, tableCellVariants, type TableCellProps, };

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

@@ -0,0 +1,26 @@
+import { tv } from 'tailwind-variants';
+import Body from './table-body.svelte';
+import Caption from './table-caption.svelte';
+import Cell from './table-cell.svelte';
+import Footer from './table-footer.svelte';
+import Head from './table-head.svelte';
+import Header from './table-header.svelte';
+import Row from './table-row.svelte';
+import Root from './table.svelte';
+const tableCellVariants = tv({
+    base: 'align-middle [&:has([role=checkbox])]:pr-0',
+    variants: {
+        size: {
+            default: 'p-4',
+            sm: 'px-4 py-2',
+            xs: 'px-4 py-0.5',
+            lg: 'p-6',
+        },
+    },
+    defaultVariants: {
+        size: 'default',
+    },
+});
+export { Body, Caption, Cell, Footer, Head, Header, Root, Row, 
+//
+Root as Table, Body as TableBody, Caption as TableCaption, Cell as TableCell, Footer as TableFooter, Head as TableHead, Header as TableHeader, Row as TableRow, tableCellVariants, };

package/dist/components/ui/table/table-body.svelte

@@ -0,0 +1,8 @@
+<script>import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<tbody class={cn("[&_tr:last-child]:border-0", className)} {...$$restProps}>
+	<slot />
+</tbody>

package/dist/components/ui/table/table-body.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLTableSectionElement>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type TableBodyProps = typeof __propDef.props;
+export type TableBodyEvents = typeof __propDef.events;
+export type TableBodySlots = typeof __propDef.slots;
+export default class TableBody extends SvelteComponent<TableBodyProps, TableBodyEvents, TableBodySlots> {
+}
+export {};

package/dist/components/ui/table/table-caption.svelte

@@ -0,0 +1,8 @@
+<script>import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<caption class={cn("text-muted-foreground mt-4 text-sm", className)} {...$$restProps}>
+	<slot />
+</caption>