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

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

@@ -0,0 +1,6 @@
+import { Pane } from "paneforge";
+import Handle from "./resizable-handle.svelte";
+import PaneGroup from "./resizable-pane-group.svelte";
+export { PaneGroup, Pane, Handle, 
+//
+PaneGroup as ResizablePaneGroup, Pane as ResizablePane, Handle as ResizableHandle, };

package/dist/components/ui/resizable/resizable-handle.svelte

@@ -0,0 +1,22 @@
+<script>import GripVertical from "lucide-svelte/icons/grip-vertical";
+import * as ResizablePrimitive from "paneforge";
+import { cn } from "../../../utils.js";
+export let withHandle = false;
+export let el = void 0;
+let className = void 0;
+export { className as class };
+</script>
+
+<ResizablePrimitive.PaneResizer
+	bind:el
+	class={cn(
+		"bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-offset-1 data-[direction=vertical]:h-px data-[direction=vertical]:w-full data-[direction=vertical]:after:left-0 data-[direction=vertical]:after:h-1 data-[direction=vertical]:after:w-full data-[direction=vertical]:after:-translate-y-1/2 data-[direction=vertical]:after:translate-x-0 [&[data-direction=vertical]>div]:rotate-90",
+		className
+	)}
+>
+	{#if withHandle}
+		<div class="bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border">
+			<GripVertical class="h-2.5 w-2.5" />
+		</div>
+	{/if}
+</ResizablePrimitive.PaneResizer>

package/dist/components/ui/resizable/resizable-handle.svelte.d.ts

@@ -0,0 +1,23 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        disabled?: boolean | undefined;
+        onDraggingChange?: import("paneforge/dist/internal/types").PaneResizeHandleOnDragging | undefined;
+        tabIndex?: number | undefined;
+        el?: HTMLElement | null | undefined;
+    } & import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
+        withHandle?: boolean;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type ResizableHandleProps = typeof __propDef.props;
+export type ResizableHandleEvents = typeof __propDef.events;
+export type ResizableHandleSlots = typeof __propDef.slots;
+export default class ResizableHandle extends SvelteComponent<ResizableHandleProps, ResizableHandleEvents, ResizableHandleSlots> {
+}
+export {};

package/dist/components/ui/resizable/resizable-pane-group.svelte

@@ -0,0 +1,18 @@
+<script>import * as ResizablePrimitive from "paneforge";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export let direction;
+export let paneGroup = void 0;
+export let el = void 0;
+export { className as class };
+</script>
+
+<ResizablePrimitive.PaneGroup
+	bind:el
+	bind:paneGroup
+	{direction}
+	class={cn("flex h-full w-full data-[direction=vertical]:flex-col", className)}
+	{...$$restProps}
+>
+	<slot />
+</ResizablePrimitive.PaneGroup>

package/dist/components/ui/resizable/resizable-pane-group.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import * as ResizablePrimitive from "paneforge";
+declare const __propDef: {
+    props: ResizablePrimitive.PaneGroupProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type ResizablePaneGroupProps = typeof __propDef.props;
+export type ResizablePaneGroupEvents = typeof __propDef.events;
+export type ResizablePaneGroupSlots = typeof __propDef.slots;
+export default class ResizablePaneGroup extends SvelteComponent<ResizablePaneGroupProps, ResizablePaneGroupEvents, ResizablePaneGroupSlots> {
+}
+export {};

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

@@ -0,0 +1,3 @@
+import Scrollbar from "./scroll-area-scrollbar.svelte";
+import Root from "./scroll-area.svelte";
+export { Root, Scrollbar, Root as ScrollArea, Scrollbar as ScrollAreaScrollbar, };

package/dist/components/ui/scroll-area/index.js

@@ -0,0 +1,5 @@
+import Scrollbar from "./scroll-area-scrollbar.svelte";
+import Root from "./scroll-area.svelte";
+export { Root, Scrollbar, 
+//,
+Root as ScrollArea, Scrollbar as ScrollAreaScrollbar, };

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

@@ -0,0 +1,21 @@
+<script>import { ScrollArea as ScrollAreaPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export let orientation = "vertical";
+export { className as class };
+</script>
+
+<ScrollAreaPrimitive.Scrollbar
+	{orientation}
+	class={cn(
+		"flex touch-none select-none transition-colors",
+		orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px",
+		orientation === "horizontal" && "h-2.5 w-full border-t border-t-transparent p-px",
+		className
+	)}
+>
+	<slot />
+	<ScrollAreaPrimitive.Thumb
+		class={cn("bg-border relative rounded-full", orientation === "vertical" && "flex-1")}
+	/>
+</ScrollAreaPrimitive.Scrollbar>

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

@@ -0,0 +1,25 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        asChild?: boolean | undefined;
+        el?: HTMLDivElement | undefined;
+    } & {
+        orientation: "horizontal" | "vertical";
+    } & import("bits-ui/dist/internal").HTMLDivAttributes & {
+        orientation?: "vertical" | "horizontal";
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type ScrollAreaScrollbarProps = typeof __propDef.props;
+export type ScrollAreaScrollbarEvents = typeof __propDef.events;
+export type ScrollAreaScrollbarSlots = typeof __propDef.slots;
+export default class ScrollAreaScrollbar extends SvelteComponent<ScrollAreaScrollbarProps, ScrollAreaScrollbarEvents, ScrollAreaScrollbarSlots> {
+}
+export {};

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

@@ -0,0 +1,24 @@
+<script>import { ScrollArea as ScrollAreaPrimitive } from "bits-ui";
+import { Scrollbar } from "./index.js";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+export let orientation = "vertical";
+export let scrollbarXClasses = "";
+export let scrollbarYClasses = "";
+</script>
+
+<ScrollAreaPrimitive.Root {...$$restProps} class={cn("relative overflow-hidden", className)}>
+	<ScrollAreaPrimitive.Viewport class="h-full w-full rounded-[inherit]">
+		<ScrollAreaPrimitive.Content>
+			<slot />
+		</ScrollAreaPrimitive.Content>
+	</ScrollAreaPrimitive.Viewport>
+	{#if orientation === "vertical" || orientation === "both"}
+		<Scrollbar orientation="vertical" class={scrollbarYClasses} />
+	{/if}
+	{#if orientation === "horizontal" || orientation === "both"}
+		<Scrollbar orientation="horizontal" class={scrollbarXClasses} />
+	{/if}
+	<ScrollAreaPrimitive.Corner />
+</ScrollAreaPrimitive.Root>

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

@@ -0,0 +1,29 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        type?: import("@melt-ui/svelte/index.js").ScrollAreaType | undefined;
+        dir?: import("@melt-ui/svelte/internal/types").TextDirection | undefined;
+        hideDelay?: number | undefined;
+    } & {
+        asChild?: boolean | undefined;
+        el?: HTMLDivElement | undefined;
+    } & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
+        orientation?: "vertical" | "horizontal" | "both";
+        scrollbarXClasses?: string;
+        scrollbarYClasses?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type ScrollAreaProps = typeof __propDef.props;
+export type ScrollAreaEvents = typeof __propDef.events;
+export type ScrollAreaSlots = typeof __propDef.slots;
+export default class ScrollArea extends SvelteComponent<ScrollAreaProps, ScrollAreaEvents, ScrollAreaSlots> {
+}
+export {};

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

@@ -0,0 +1,11 @@
+import { Select as SelectPrimitive } from "bits-ui";
+import Label from "./select-label.svelte";
+import Item from "./select-item.svelte";
+import Content from "./select-content.svelte";
+import Trigger from "./select-trigger.svelte";
+import Separator from "./select-separator.svelte";
+declare const Root: typeof SelectPrimitive.Root;
+declare const Group: typeof SelectPrimitive.Group;
+declare const Input: typeof SelectPrimitive.Input;
+declare const Value: typeof SelectPrimitive.Value;
+export { Root, Group, Input, Label, Item, Value, Content, Trigger, Separator, Root as Select, Group as SelectGroup, Input as SelectInput, Label as SelectLabel, Item as SelectItem, Value as SelectValue, Content as SelectContent, Trigger as SelectTrigger, Separator as SelectSeparator, };

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

@@ -0,0 +1,13 @@
+import { Select as SelectPrimitive } from "bits-ui";
+import Label from "./select-label.svelte";
+import Item from "./select-item.svelte";
+import Content from "./select-content.svelte";
+import Trigger from "./select-trigger.svelte";
+import Separator from "./select-separator.svelte";
+const Root = SelectPrimitive.Root;
+const Group = SelectPrimitive.Group;
+const Input = SelectPrimitive.Input;
+const Value = SelectPrimitive.Value;
+export { Root, Group, Input, Label, Item, Value, Content, Trigger, Separator, 
+//
+Root as Select, Group as SelectGroup, Input as SelectInput, Label as SelectLabel, Item as SelectItem, Value as SelectValue, Content as SelectContent, Trigger as SelectTrigger, Separator as SelectSeparator, };

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

@@ -0,0 +1,33 @@
+<script>import { Select as SelectPrimitive } from "bits-ui";
+import { scale } from "svelte/transition";
+import { cn, flyAndScale } from "../../../utils.js";
+export let sideOffset = 4;
+export let inTransition = flyAndScale;
+export let inTransitionConfig = void 0;
+export let outTransition = scale;
+export let outTransitionConfig = {
+  start: 0.95,
+  opacity: 0,
+  duration: 50
+};
+let className = void 0;
+export { className as class };
+</script>
+
+<SelectPrimitive.Content
+	{inTransition}
+	{inTransitionConfig}
+	{outTransition}
+	{outTransitionConfig}
+	{sideOffset}
+	class={cn(
+		"bg-popover text-popover-foreground relative z-50 min-w-[8rem] overflow-hidden rounded-md border shadow-md outline-none",
+		className
+	)}
+	{...$$restProps}
+	on:keydown
+>
+	<div class="w-full p-1">
+		<slot />
+	</div>
+</SelectPrimitive.Content>

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

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { Select as SelectPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: SelectPrimitive.ContentProps;
+    slots: {
+        default: {};
+    };
+    events: SelectPrimitive.ContentEvents;
+};
+export type SelectContentProps = typeof __propDef.props;
+export type SelectContentEvents = typeof __propDef.events;
+export type SelectContentSlots = typeof __propDef.slots;
+export default class SelectContent extends SvelteComponent<SelectContentProps, SelectContentEvents, SelectContentSlots> {
+}
+export {};

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

@@ -0,0 +1,35 @@
+<script>import Check from "lucide-svelte/icons/check";
+import { Select as SelectPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export let value;
+export let label = void 0;
+export let disabled = void 0;
+export { className as class };
+</script>
+
+<SelectPrimitive.Item
+	{value}
+	{disabled}
+	{label}
+	class={cn(
+		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex w-full 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-[disabled]:opacity-50",
+		className
+	)}
+	{...$$restProps}
+	on:click
+	on:keydown
+	on:focusin
+	on:focusout
+	on:pointerleave
+	on:pointermove
+>
+	<span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+		<SelectPrimitive.ItemIndicator>
+			<Check class="h-4 w-4" />
+		</SelectPrimitive.ItemIndicator>
+	</span>
+	<slot>
+		{label || value}
+	</slot>
+</SelectPrimitive.Item>

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

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { Select as SelectPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: SelectPrimitive.ItemProps;
+    slots: {
+        default: {};
+    };
+    events: SelectPrimitive.ItemEvents;
+};
+export type SelectItemProps = typeof __propDef.props;
+export type SelectItemEvents = typeof __propDef.events;
+export type SelectItemSlots = typeof __propDef.slots;
+export default class SelectItem extends SvelteComponent<SelectItemProps, SelectItemEvents, SelectItemSlots> {
+}
+export {};

package/dist/components/ui/select/select-label.svelte

@@ -0,0 +1,12 @@
+<script>import { Select as SelectPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<SelectPrimitive.Label
+	class={cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className)}
+	{...$$restProps}
+>
+	<slot />
+</SelectPrimitive.Label>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { Select as SelectPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: SelectPrimitive.LabelProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type SelectLabelProps = typeof __propDef.props;
+export type SelectLabelEvents = typeof __propDef.events;
+export type SelectLabelSlots = typeof __propDef.slots;
+export default class SelectLabel extends SvelteComponent<SelectLabelProps, SelectLabelEvents, SelectLabelSlots> {
+}
+export {};

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

@@ -0,0 +1,7 @@
+<script>import { Select as SelectPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<SelectPrimitive.Separator class={cn("bg-muted -mx-1 my-1 h-px", className)} {...$$restProps} />

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Select as SelectPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: SelectPrimitive.SeparatorProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type SelectSeparatorProps = typeof __propDef.props;
+export type SelectSeparatorEvents = typeof __propDef.events;
+export type SelectSeparatorSlots = typeof __propDef.slots;
+export default class SelectSeparator extends SvelteComponent<SelectSeparatorProps, SelectSeparatorEvents, SelectSeparatorSlots> {
+}
+export {};

package/dist/components/ui/select/select-trigger.svelte

@@ -0,0 +1,22 @@
+<script>import { Select as SelectPrimitive } from "bits-ui";
+import ChevronDown from "lucide-svelte/icons/chevron-down";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<SelectPrimitive.Trigger
+	class={cn(
+		"border-input bg-background ring-offset-background focus-visible:ring-ring aria-[invalid]:border-destructive data-[placeholder]:[&>span]:text-muted-foreground flex h-10 w-full items-center justify-between rounded-md border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+		className
+	)}
+	{...$$restProps}
+	let:builder
+	on:click
+	on:keydown
+>
+	<slot {builder} />
+	<div>
+		<ChevronDown class="h-4 w-4 opacity-50" />
+	</div>
+</SelectPrimitive.Trigger>

package/dist/components/ui/select/select-trigger.svelte.d.ts

@@ -0,0 +1,31 @@
+import { SvelteComponent } from "svelte";
+import { Select as SelectPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: SelectPrimitive.TriggerProps;
+    slots: {
+        default: {
+            builder: {
+                readonly 'aria-activedescendant': string | undefined;
+                readonly 'aria-autocomplete': "list";
+                readonly 'aria-controls': string;
+                readonly 'aria-expanded': boolean;
+                readonly 'aria-labelledby': string;
+                readonly id: string;
+                readonly role: "combobox";
+                readonly disabled: true | undefined;
+                readonly type: "button" | undefined;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"input" | "click" | "keydown">;
+            };
+        };
+    };
+    events: SelectPrimitive.TriggerEvents;
+};
+export type SelectTriggerProps = typeof __propDef.props;
+export type SelectTriggerEvents = typeof __propDef.events;
+export type SelectTriggerSlots = typeof __propDef.slots;
+export default class SelectTrigger extends SvelteComponent<SelectTriggerProps, SelectTriggerEvents, SelectTriggerSlots> {
+}
+export {};

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

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

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

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

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

@@ -0,0 +1,18 @@
+<script>import { Separator as SeparatorPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export let orientation = "horizontal";
+export let decorative = void 0;
+export { className as class };
+</script>
+
+<SeparatorPrimitive.Root
+	class={cn(
+		"bg-border shrink-0",
+		orientation === "horizontal" ? "h-[1px] w-full" : "min-h-full w-[1px]",
+		className
+	)}
+	{orientation}
+	{decorative}
+	{...$$restProps}
+/>

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

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

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

@@ -0,0 +1,114 @@
+import { Dialog as SheetPrimitive } from "bits-ui";
+import { type VariantProps } 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";
+declare const Root: typeof SheetPrimitive.Root;
+declare const Close: typeof SheetPrimitive.Close;
+declare const Trigger: typeof 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 declare const sheetVariants: import("tailwind-variants").TVReturnType<{
+    side: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+}, undefined, "bg-background fixed z-50 gap-4 p-6 shadow-lg", import("tailwind-variants/dist/config").TVConfig<{
+    side: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+}, {
+    side: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+}>, {
+    side: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    side: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+}, undefined, "bg-background fixed z-50 gap-4 p-6 shadow-lg", import("tailwind-variants/dist/config").TVConfig<{
+    side: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+}, {
+    side: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+}>, unknown, unknown, undefined>>;
+export declare const sheetTransitions: {
+    top: {
+        in: {
+            y: string;
+            duration: number;
+            opacity: number;
+        };
+        out: {
+            y: string;
+            duration: number;
+            opacity: number;
+        };
+    };
+    bottom: {
+        in: {
+            y: string;
+            duration: number;
+            opacity: number;
+        };
+        out: {
+            y: string;
+            duration: number;
+            opacity: number;
+        };
+    };
+    left: {
+        in: {
+            x: string;
+            duration: number;
+            opacity: number;
+        };
+        out: {
+            x: string;
+            duration: number;
+            opacity: number;
+        };
+    };
+    right: {
+        in: {
+            x: string;
+            duration: number;
+            opacity: number;
+        };
+        out: {
+            x: string;
+            duration: number;
+            opacity: number;
+        };
+    };
+};
+export type Side = VariantProps<typeof sheetVariants>["side"];