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

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

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

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

@@ -0,0 +1,10 @@
+<script>import { cn } from "../../../utils.js";
+import { tableCellVariants } from "./index.js";
+let className = void 0;
+export let size = "default";
+export { className as class };
+</script>
+
+<td class={cn(tableCellVariants({ size, className }))} {...$$restProps} on:click on:keydown>
+  <slot />
+</td>

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

@@ -0,0 +1,23 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLTdAttributes } from 'svelte/elements';
+import { type TableCellProps } from './index.js';
+declare const __propDef: {
+    props: HTMLTdAttributes & TableCellProps;
+    events: {
+        click: MouseEvent;
+        keydown: KeyboardEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+type TableCellProps_ = typeof __propDef.props;
+export { TableCellProps_ as TableCellProps };
+export type TableCellEvents = typeof __propDef.events;
+export type TableCellSlots = typeof __propDef.slots;
+export default class TableCell extends SvelteComponent<TableCellProps_, TableCellEvents, TableCellSlots> {
+}

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

@@ -0,0 +1,8 @@
+<script>import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<tfoot class={cn("bg-primary text-primary-foreground font-medium", className)} {...$$restProps}>
+	<slot />
+</tfoot>

package/dist/components/ui/table/table-footer.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 TableFooterProps = typeof __propDef.props;
+export type TableFooterEvents = typeof __propDef.events;
+export type TableFooterSlots = typeof __propDef.slots;
+export default class TableFooter extends SvelteComponent<TableFooterProps, TableFooterEvents, TableFooterSlots> {
+}
+export {};

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

@@ -0,0 +1,14 @@
+<script>import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<th
+	class={cn(
+		"text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",
+		className
+	)}
+	{...$$restProps}
+>
+	<slot />
+</th>

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

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

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

@@ -0,0 +1,9 @@
+<script>import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
+<thead class={cn("[&_tr]:border-b", className)} {...$$restProps} on:click on:keydown>
+	<slot />
+</thead>

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

@@ -0,0 +1,22 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLTableSectionElement>;
+    events: {
+        click: MouseEvent;
+        keydown: KeyboardEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type TableHeaderProps = typeof __propDef.props;
+export type TableHeaderEvents = typeof __propDef.events;
+export type TableHeaderSlots = typeof __propDef.slots;
+export default class TableHeader extends SvelteComponent<TableHeaderProps, TableHeaderEvents, TableHeaderSlots> {
+}
+export {};

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

@@ -0,0 +1,16 @@
+<script>import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<tr
+	class={cn(
+		"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+		className
+	)}
+	{...$$restProps}
+	on:click
+	on:keydown
+>
+	<slot />
+</tr>

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

@@ -0,0 +1,24 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLTableRowElement> & {
+        "data-state"?: unknown;
+    };
+    events: {
+        click: MouseEvent;
+        keydown: KeyboardEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type TableRowProps = typeof __propDef.props;
+export type TableRowEvents = typeof __propDef.events;
+export type TableRowSlots = typeof __propDef.slots;
+export default class TableRow extends SvelteComponent<TableRowProps, TableRowEvents, TableRowSlots> {
+}
+export {};

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

@@ -0,0 +1,10 @@
+<script>import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<div class="relative w-full overflow-auto">
+	<table class={cn("w-full caption-bottom text-sm", className)} {...$$restProps}>
+		<slot />
+	</table>
+</div>

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

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

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

@@ -0,0 +1,6 @@
+import { Tabs as TabsPrimitive } from "bits-ui";
+import Content from "./tabs-content.svelte";
+import List from "./tabs-list.svelte";
+import Trigger from "./tabs-trigger.svelte";
+declare const Root: typeof TabsPrimitive.Root;
+export { Root, Content, List, Trigger, Root as Tabs, Content as TabsContent, List as TabsList, Trigger as TabsTrigger, };

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

@@ -0,0 +1,8 @@
+import { Tabs as TabsPrimitive } from "bits-ui";
+import Content from "./tabs-content.svelte";
+import List from "./tabs-list.svelte";
+import Trigger from "./tabs-trigger.svelte";
+const Root = TabsPrimitive.Root;
+export { Root, Content, List, Trigger, 
+//
+Root as Tabs, Content as TabsContent, List as TabsList, Trigger as TabsTrigger, };

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

@@ -0,0 +1,17 @@
+<script>import { Tabs as TabsPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export let value;
+export { className as class };
+</script>
+
+<TabsPrimitive.Content
+	class={cn(
+		"ring-offset-background focus-visible:ring-ring mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+		className
+	)}
+	{value}
+	{...$$restProps}
+>
+	<slot />
+</TabsPrimitive.Content>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { Tabs as TabsPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: TabsPrimitive.ContentProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type TabsContentProps = typeof __propDef.props;
+export type TabsContentEvents = typeof __propDef.events;
+export type TabsContentSlots = typeof __propDef.slots;
+export default class TabsContent extends SvelteComponent<TabsContentProps, TabsContentEvents, TabsContentSlots> {
+}
+export {};

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

@@ -0,0 +1,15 @@
+<script>import { Tabs as TabsPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<TabsPrimitive.List
+	class={cn(
+		"bg-muted text-muted-foreground inline-flex h-10 items-center justify-center rounded-md p-1",
+		className
+	)}
+	{...$$restProps}
+>
+	<slot />
+</TabsPrimitive.List>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { Tabs as TabsPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: TabsPrimitive.ListProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type TabsListProps = typeof __propDef.props;
+export type TabsListEvents = typeof __propDef.events;
+export type TabsListSlots = typeof __propDef.slots;
+export default class TabsList extends SvelteComponent<TabsListProps, TabsListEvents, TabsListSlots> {
+}
+export {};

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

@@ -0,0 +1,18 @@
+<script>import { Tabs as TabsPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export let value;
+export { className as class };
+</script>
+
+<TabsPrimitive.Trigger
+	class={cn(
+		"ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm",
+		className
+	)}
+	{value}
+	{...$$restProps}
+	on:click
+>
+	<slot />
+</TabsPrimitive.Trigger>

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

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { Tabs as TabsPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: TabsPrimitive.TriggerProps;
+    slots: {
+        default: {};
+    };
+    events: TabsPrimitive.TriggerEvents;
+};
+export type TabsTriggerProps = typeof __propDef.props;
+export type TabsTriggerEvents = typeof __propDef.events;
+export type TabsTriggerSlots = typeof __propDef.slots;
+export default class TabsTrigger extends SvelteComponent<TabsTriggerProps, TabsTriggerEvents, TabsTriggerSlots> {
+}
+export {};

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

@@ -0,0 +1,19 @@
+import Root from "./textarea.svelte";
+type FormTextareaEvent<T extends Event = Event> = T & {
+    currentTarget: EventTarget & HTMLTextAreaElement;
+};
+type TextareaEvents = {
+    blur: FormTextareaEvent<FocusEvent>;
+    change: FormTextareaEvent<Event>;
+    click: FormTextareaEvent<MouseEvent>;
+    focus: FormTextareaEvent<FocusEvent>;
+    keydown: FormTextareaEvent<KeyboardEvent>;
+    keypress: FormTextareaEvent<KeyboardEvent>;
+    keyup: FormTextareaEvent<KeyboardEvent>;
+    mouseover: FormTextareaEvent<MouseEvent>;
+    mouseenter: FormTextareaEvent<MouseEvent>;
+    mouseleave: FormTextareaEvent<MouseEvent>;
+    paste: FormTextareaEvent<ClipboardEvent>;
+    input: FormTextareaEvent<InputEvent>;
+};
+export { Root, Root as Textarea, type TextareaEvents, type FormTextareaEvent, };

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

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

package/dist/components/ui/textarea/textarea.svelte

@@ -0,0 +1,28 @@
+<script>import { cn } from "../../../utils.js";
+let className = void 0;
+export let value = void 0;
+export { className as class };
+export let readonly = void 0;
+</script>
+
+<textarea
+	class={cn(
+		"border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex min-h-[80px] w-full 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",
+		className
+	)}
+	bind:value
+	{readonly}
+	on:blur
+	on:change
+	on:click
+	on:focus
+	on:keydown
+	on:keypress
+	on:keyup
+	on:mouseover
+	on:mouseenter
+	on:mouseleave
+	on:paste
+	on:input
+	{...$$restProps}
+></textarea>

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

@@ -0,0 +1,14 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLTextareaAttributes } from "svelte/elements";
+import type { TextareaEvents } from "./index.js";
+declare const __propDef: {
+    props: HTMLTextareaAttributes;
+    slots: {};
+    events: TextareaEvents;
+};
+export type TextareaProps = typeof __propDef.props;
+type TextareaEvents_ = typeof __propDef.events;
+export { TextareaEvents_ as TextareaEvents };
+export type TextareaSlots = typeof __propDef.slots;
+export default class Textarea extends SvelteComponent<TextareaProps, TextareaEvents_, TextareaSlots> {
+}

package/dist/components/ui/theme-switcher/theme-switcher-dropdown.svelte

@@ -6,20 +6,16 @@ import { Button } from "../button/index.js";
 </script>
 
 <DropdownMenu.Root>
-	<DropdownMenu.Trigger asChild let:builder>
-		<Button builders={[builder]} variant="outline" size="icon">
-			<Sun
-				class="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0"
-			/>
-			<Moon
-				class="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100"
-			/>
-			<span class="sr-only">Toggle theme</span>
-		</Button>
-	</DropdownMenu.Trigger>
-	<DropdownMenu.Content align="end">
-		<DropdownMenu.Item on:click={() => setMode('light')}>Light</DropdownMenu.Item>
-		<DropdownMenu.Item on:click={() => setMode('dark')}>Dark</DropdownMenu.Item>
-		<DropdownMenu.Item on:click={() => resetMode()}>System</DropdownMenu.Item>
-	</DropdownMenu.Content>
+  <DropdownMenu.Trigger asChild let:builder>
+    <Button builders={[builder]} variant="ghost" size="icon">
+      <Sun class="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
+      <Moon class="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
+      <span class="sr-only">Toggle theme</span>
+    </Button>
+  </DropdownMenu.Trigger>
+  <DropdownMenu.Content align="end">
+    <DropdownMenu.Item on:click={() => setMode('light')}>Light</DropdownMenu.Item>
+    <DropdownMenu.Item on:click={() => setMode('dark')}>Dark</DropdownMenu.Item>
+    <DropdownMenu.Item on:click={() => resetMode()}>System</DropdownMenu.Item>
+  </DropdownMenu.Content>
 </DropdownMenu.Root>

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

@@ -0,0 +1,76 @@
+import { type VariantProps } from "tailwind-variants";
+import Root from "./toggle.svelte";
+export declare const toggleVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, undefined, "ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, {
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}>, {
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, undefined, "ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, {
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}>, unknown, unknown, undefined>>;
+export type Variant = VariantProps<typeof toggleVariants>["variant"];
+export type Size = VariantProps<typeof toggleVariants>["size"];
+export { Root, Root as Toggle, };

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

@@ -0,0 +1,23 @@
+import { tv } from "tailwind-variants";
+import Root from "./toggle.svelte";
+export const toggleVariants = tv({
+    base: "ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            outline: "border-input hover:bg-accent hover:text-accent-foreground border bg-transparent",
+        },
+        size: {
+            default: "h-10 px-3",
+            sm: "h-9 px-2.5",
+            lg: "h-11 px-5",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+export { Root, 
+//
+Root as Toggle, };

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

@@ -0,0 +1,18 @@
+<script>import { Toggle as TogglePrimitive } from "bits-ui";
+import { toggleVariants } from "./index.js";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export let variant = "default";
+export let size = "default";
+export let pressed = void 0;
+export { className as class };
+</script>
+
+<TogglePrimitive.Root
+	bind:pressed
+	class={cn(toggleVariants({ variant, size, className }))}
+	{...$$restProps}
+	on:click
+>
+	<slot />
+</TogglePrimitive.Root>

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

@@ -0,0 +1,25 @@
+import { SvelteComponent } from "svelte";
+import { Toggle as TogglePrimitive } from "bits-ui";
+import { type Size, type Variant } from "./index.js";
+declare const __propDef: {
+    props: {
+        disabled?: boolean | undefined;
+        pressed?: boolean | undefined;
+        onPressedChange?: import("bits-ui/dist/internal/types.js").OnChangeFn<boolean> | undefined;
+        asChild?: boolean | undefined;
+        el?: HTMLButtonElement | undefined;
+    } & import("svelte/elements.js").HTMLButtonAttributes & {
+        variant?: Variant;
+        size?: Size;
+    };
+    slots: {
+        default: {};
+    };
+    events: TogglePrimitive.Events;
+};
+export type ToggleProps = typeof __propDef.props;
+export type ToggleEvents = typeof __propDef.events;
+export type ToggleSlots = typeof __propDef.slots;
+export default class Toggle extends SvelteComponent<ToggleProps, ToggleEvents, ToggleSlots> {
+}
+export {};

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

@@ -0,0 +1,8 @@
+import type { VariantProps } from "tailwind-variants";
+import Root from "./toggle-group.svelte";
+import Item from "./toggle-group-item.svelte";
+import type { toggleVariants } from "../toggle/index.js";
+export type ToggleVariants = VariantProps<typeof toggleVariants>;
+export declare function setToggleGroupCtx(props: ToggleVariants): void;
+export declare function getToggleGroupCtx(): ToggleVariants;
+export { Root, Item, Root as ToggleGroup, Item as ToggleGroupItem, };

package/dist/components/ui/toggle-group/index.js

@@ -0,0 +1,12 @@
+import { getContext, setContext } from "svelte";
+import Root from "./toggle-group.svelte";
+import Item from "./toggle-group-item.svelte";
+export function setToggleGroupCtx(props) {
+    setContext("toggleGroup", props);
+}
+export function getToggleGroupCtx() {
+    return getContext("toggleGroup");
+}
+export { Root, Item, 
+//
+Root as ToggleGroup, Item as ToggleGroupItem, };