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

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

@@ -0,0 +1,24 @@
+<script>import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export let inset = void 0;
+export { className as class };
+</script>
+
+<DropdownMenuPrimitive.Item
+	class={cn(
+		"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50",
+		inset && "pl-8",
+		className
+	)}
+	{...$$restProps}
+	on:click
+	on:keydown
+	on:focusin
+	on:focusout
+	on:pointerdown
+	on:pointerleave
+	on:pointermove
+>
+	<slot />
+</DropdownMenuPrimitive.Item>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: DropdownMenuPrimitive.ItemProps & {
+        inset?: boolean;
+    };
+    slots: {
+        default: {};
+    };
+    events: DropdownMenuPrimitive.ItemEvents;
+};
+export type DropdownMenuItemProps = typeof __propDef.props;
+export type DropdownMenuItemEvents = typeof __propDef.events;
+export type DropdownMenuItemSlots = typeof __propDef.slots;
+export default class DropdownMenuItem extends SvelteComponent<DropdownMenuItemProps, DropdownMenuItemEvents, DropdownMenuItemSlots> {
+}
+export {};

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

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

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

@@ -0,0 +1,23 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        asChild?: boolean | undefined;
+        el?: HTMLDivElement | undefined;
+    } & import("bits-ui/dist/internal").HTMLDivAttributes & {
+        inset?: boolean;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type DropdownMenuLabelProps = typeof __propDef.props;
+export type DropdownMenuLabelEvents = typeof __propDef.events;
+export type DropdownMenuLabelSlots = typeof __propDef.slots;
+export default class DropdownMenuLabel extends SvelteComponent<DropdownMenuLabelProps, DropdownMenuLabelEvents, DropdownMenuLabelSlots> {
+}
+export {};

package/dist/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte

@@ -0,0 +1,7 @@
+<script>import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+export let value = void 0;
+</script>
+
+<DropdownMenuPrimitive.RadioGroup {...$$restProps} bind:value>
+	<slot />
+</DropdownMenuPrimitive.RadioGroup>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: DropdownMenuPrimitive.RadioGroupProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type DropdownMenuRadioGroupProps = typeof __propDef.props;
+export type DropdownMenuRadioGroupEvents = typeof __propDef.events;
+export type DropdownMenuRadioGroupSlots = typeof __propDef.slots;
+export default class DropdownMenuRadioGroup extends SvelteComponent<DropdownMenuRadioGroupProps, DropdownMenuRadioGroupEvents, DropdownMenuRadioGroupSlots> {
+}
+export {};

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

@@ -0,0 +1,30 @@
+<script>import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+import Circle from "lucide-svelte/icons/circle";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export let value;
+export { className as class };
+</script>
+
+<DropdownMenuPrimitive.RadioItem
+	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
+	)}
+	{value}
+	{...$$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.RadioIndicator>
+			<Circle class="h-2 w-2 fill-current" />
+		</DropdownMenuPrimitive.RadioIndicator>
+	</span>
+	<slot />
+</DropdownMenuPrimitive.RadioItem>

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

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: DropdownMenuPrimitive.RadioItemProps;
+    slots: {
+        default: {};
+    };
+    events: DropdownMenuPrimitive.RadioItemEvents;
+};
+export type DropdownMenuRadioItemProps = typeof __propDef.props;
+export type DropdownMenuRadioItemEvents = typeof __propDef.events;
+export type DropdownMenuRadioItemSlots = typeof __propDef.slots;
+export default class DropdownMenuRadioItem extends SvelteComponent<DropdownMenuRadioItemProps, DropdownMenuRadioItemEvents, DropdownMenuRadioItemSlots> {
+}
+export {};

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

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

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

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

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

@@ -0,0 +1,8 @@
+<script>import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<span class={cn("ml-auto text-xs tracking-widest opacity-60", className)} {...$$restProps}>
+	<slot />
+</span>

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

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

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

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

package/dist/components/ui/dropdown-menu/dropdown-menu-sub-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.SubContentEvents;
+};
+export type DropdownMenuSubContentProps = typeof __propDef.props;
+export type DropdownMenuSubContentEvents = typeof __propDef.events;
+export type DropdownMenuSubContentSlots = typeof __propDef.slots;
+export default class DropdownMenuSubContent extends SvelteComponent<DropdownMenuSubContentProps, DropdownMenuSubContentEvents, DropdownMenuSubContentSlots> {
+}
+export {};

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

@@ -0,0 +1,25 @@
+<script>import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+import ChevronRight from "lucide-svelte/icons/chevron-right";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export let inset = void 0;
+export { className as class };
+</script>
+
+<DropdownMenuPrimitive.SubTrigger
+	class={cn(
+		"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground",
+		inset && "pl-8",
+		className
+	)}
+	{...$$restProps}
+	on:click
+	on:keydown
+	on:focusin
+	on:focusout
+	on:pointerleave
+	on:pointermove
+>
+	<slot />
+	<ChevronRight class="ml-auto h-4 w-4" />
+</DropdownMenuPrimitive.SubTrigger>

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

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: {
+        disabled?: boolean | undefined;
+        asChild?: boolean | undefined;
+        el?: HTMLDivElement | undefined;
+    } & import("bits-ui/dist/internal").HTMLDivAttributes & {
+        inset?: boolean;
+    };
+    slots: {
+        default: {};
+    };
+    events: DropdownMenuPrimitive.SubTriggerEvents;
+};
+export type DropdownMenuSubTriggerProps = typeof __propDef.props;
+export type DropdownMenuSubTriggerEvents = typeof __propDef.events;
+export type DropdownMenuSubTriggerSlots = typeof __propDef.slots;
+export default class DropdownMenuSubTrigger extends SvelteComponent<DropdownMenuSubTriggerProps, DropdownMenuSubTriggerEvents, DropdownMenuSubTriggerSlots> {
+}
+export {};

package/dist/components/ui/dropdown-menu/index.d.ts

@@ -0,0 +1,16 @@
+import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+import Item from "./dropdown-menu-item.svelte";
+import Label from "./dropdown-menu-label.svelte";
+import Content from "./dropdown-menu-content.svelte";
+import Shortcut from "./dropdown-menu-shortcut.svelte";
+import RadioItem from "./dropdown-menu-radio-item.svelte";
+import Separator from "./dropdown-menu-separator.svelte";
+import RadioGroup from "./dropdown-menu-radio-group.svelte";
+import SubContent from "./dropdown-menu-sub-content.svelte";
+import SubTrigger from "./dropdown-menu-sub-trigger.svelte";
+import CheckboxItem from "./dropdown-menu-checkbox-item.svelte";
+declare const Sub: typeof DropdownMenuPrimitive.Sub;
+declare const Root: typeof DropdownMenuPrimitive.Root;
+declare const Trigger: typeof DropdownMenuPrimitive.Trigger;
+declare const Group: typeof DropdownMenuPrimitive.Group;
+export { Sub, Root, Item, Label, Group, Trigger, Content, Shortcut, Separator, RadioItem, SubContent, SubTrigger, RadioGroup, CheckboxItem, Root as DropdownMenu, Sub as DropdownMenuSub, Item as DropdownMenuItem, Label as DropdownMenuLabel, Group as DropdownMenuGroup, Content as DropdownMenuContent, Trigger as DropdownMenuTrigger, Shortcut as DropdownMenuShortcut, RadioItem as DropdownMenuRadioItem, Separator as DropdownMenuSeparator, RadioGroup as DropdownMenuRadioGroup, SubContent as DropdownMenuSubContent, SubTrigger as DropdownMenuSubTrigger, CheckboxItem as DropdownMenuCheckboxItem, };

package/dist/components/ui/dropdown-menu/index.js

@@ -0,0 +1,18 @@
+import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+import Item from "./dropdown-menu-item.svelte";
+import Label from "./dropdown-menu-label.svelte";
+import Content from "./dropdown-menu-content.svelte";
+import Shortcut from "./dropdown-menu-shortcut.svelte";
+import RadioItem from "./dropdown-menu-radio-item.svelte";
+import Separator from "./dropdown-menu-separator.svelte";
+import RadioGroup from "./dropdown-menu-radio-group.svelte";
+import SubContent from "./dropdown-menu-sub-content.svelte";
+import SubTrigger from "./dropdown-menu-sub-trigger.svelte";
+import CheckboxItem from "./dropdown-menu-checkbox-item.svelte";
+const Sub = DropdownMenuPrimitive.Sub;
+const Root = DropdownMenuPrimitive.Root;
+const Trigger = DropdownMenuPrimitive.Trigger;
+const Group = DropdownMenuPrimitive.Group;
+export { Sub, Root, Item, Label, Group, Trigger, Content, Shortcut, Separator, RadioItem, SubContent, SubTrigger, RadioGroup, CheckboxItem, 
+//
+Root as DropdownMenu, Sub as DropdownMenuSub, Item as DropdownMenuItem, Label as DropdownMenuLabel, Group as DropdownMenuGroup, Content as DropdownMenuContent, Trigger as DropdownMenuTrigger, Shortcut as DropdownMenuShortcut, RadioItem as DropdownMenuRadioItem, Separator as DropdownMenuSeparator, RadioGroup as DropdownMenuRadioGroup, SubContent as DropdownMenuSubContent, SubTrigger as DropdownMenuSubTrigger, CheckboxItem as DropdownMenuCheckboxItem, };

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

@@ -0,0 +1,6 @@
+import { Popover as PopoverPrimitive } from "bits-ui";
+import Content from "./popover-content.svelte";
+declare const Root: typeof PopoverPrimitive.Root;
+declare const Trigger: typeof PopoverPrimitive.Trigger;
+declare const Close: typeof PopoverPrimitive.Close;
+export { Root, Content, Trigger, Close, Root as Popover, Content as PopoverContent, Trigger as PopoverTrigger, Close as PopoverClose, };

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

@@ -0,0 +1,8 @@
+import { Popover as PopoverPrimitive } from "bits-ui";
+import Content from "./popover-content.svelte";
+const Root = PopoverPrimitive.Root;
+const Trigger = PopoverPrimitive.Trigger;
+const Close = PopoverPrimitive.Close;
+export { Root, Content, Trigger, Close, 
+//
+Root as Popover, Content as PopoverContent, Trigger as PopoverTrigger, Close as PopoverClose, };

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

@@ -0,0 +1,19 @@
+<script>import { Popover as PopoverPrimitive } from "bits-ui";
+import { cn, flyAndScale } from "../../../utils.js";
+let className = void 0;
+export let transition = flyAndScale;
+export let transitionConfig = void 0;
+export { className as class };
+</script>
+
+<PopoverPrimitive.Content
+	{transition}
+	{transitionConfig}
+	class={cn(
+		"z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none",
+		className
+	)}
+	{...$$restProps}
+>
+	<slot />
+</PopoverPrimitive.Content>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { Popover as PopoverPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: PopoverPrimitive.ContentProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type PopoverContentProps = typeof __propDef.props;
+export type PopoverContentEvents = typeof __propDef.events;
+export type PopoverContentSlots = typeof __propDef.slots;
+export default class PopoverContent extends SvelteComponent<PopoverContentProps, PopoverContentEvents, PopoverContentSlots> {
+}
+export {};

package/dist/components/ui/theme-switcher/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/theme-switcher/button.svelte.d.ts

@@ -0,0 +1,14 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: Props;
+    slots: {
+        default: {};
+    };
+    events: 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/theme-switcher/index.d.ts

@@ -0,0 +1,4 @@
+import { ModeWatcher } from "mode-watcher";
+import ThemeSwitcherButton from "./theme-switcher-button.svelte";
+import ThemeSwitcherDropdown from "./theme-switcher-dropdown.svelte";
+export { ModeWatcher, ThemeSwitcherButton, ThemeSwitcherDropdown };

package/dist/components/ui/theme-switcher/index.js

@@ -0,0 +1,4 @@
+import { ModeWatcher } from "mode-watcher";
+import ThemeSwitcherButton from "./theme-switcher-button.svelte";
+import ThemeSwitcherDropdown from "./theme-switcher-dropdown.svelte";
+export { ModeWatcher, ThemeSwitcherButton, ThemeSwitcherDropdown };

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

@@ -0,0 +1,15 @@
+<script>import Sun from "lucide-svelte/icons/sun";
+import Moon from "lucide-svelte/icons/moon";
+import { toggleMode } from "mode-watcher";
+import { Button } from "../button/index.js";
+</script>
+
+<Button on:click={toggleMode} 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>

package/dist/components/ui/theme-switcher/theme-switcher-button.svelte.d.ts

@@ -0,0 +1,16 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type ThemeSwitcherButtonProps = typeof __propDef.props;
+export type ThemeSwitcherButtonEvents = typeof __propDef.events;
+export type ThemeSwitcherButtonSlots = typeof __propDef.slots;
+export default class ThemeSwitcherButton extends SvelteComponent<ThemeSwitcherButtonProps, ThemeSwitcherButtonEvents, ThemeSwitcherButtonSlots> {
+}
+export {};

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

@@ -0,0 +1,25 @@
+<script>import Sun from "lucide-svelte/icons/sun";
+import Moon from "lucide-svelte/icons/moon";
+import { resetMode, setMode } from "mode-watcher";
+import * as DropdownMenu from "../dropdown-menu/index.js";
+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.Root>

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

@@ -0,0 +1,16 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type ThemeSwitcherDropdownProps = typeof __propDef.props;
+export type ThemeSwitcherDropdownEvents = typeof __propDef.events;
+export type ThemeSwitcherDropdownSlots = typeof __propDef.slots;
+export default class ThemeSwitcherDropdown extends SvelteComponent<ThemeSwitcherDropdownProps, ThemeSwitcherDropdownEvents, ThemeSwitcherDropdownSlots> {
+}
+export {};

package/dist/components/ui/typography/H1.svelte

@@ -0,0 +1,8 @@
+<script>import { cn } from "../../../utils.js";
+let className = "";
+export { className as class };
+</script>
+
+<h1 class={cn('text-4xl font-extrabold tracking-tight', className)} {...$$restProps}>
+	<slot />
+</h1>

package/dist/components/ui/typography/H1.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: undefined;
+    bindings?: undefined;
+};
+export type H1Props = typeof __propDef.props;
+export type H1Events = typeof __propDef.events;
+export type H1Slots = typeof __propDef.slots;
+export default class H1 extends SvelteComponent<H1Props, H1Events, H1Slots> {
+}
+export {};

package/dist/components/ui/typography/H2.svelte

@@ -0,0 +1,8 @@
+<script>import { cn } from "../../../utils.js";
+let className = "";
+export { className as class };
+</script>
+
+<h1 class={cn('text-3xl font-semibold tracking-tight', className)} {...$$restProps}>
+	<slot />
+</h1>

package/dist/components/ui/typography/H2.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: undefined;
+    bindings?: undefined;
+};
+export type H2Props = typeof __propDef.props;
+export type H2Events = typeof __propDef.events;
+export type H2Slots = typeof __propDef.slots;
+export default class H2 extends SvelteComponent<H2Props, H2Events, H2Slots> {
+}
+export {};

package/dist/components/ui/typography/H3.svelte

@@ -0,0 +1,8 @@
+<script>import { cn } from "../../../utils.js";
+let className = "";
+export { className as class };
+</script>
+
+<h1 class={cn('text-2xl font-semibold tracking-tight', className)} {...$$restProps}>
+	<slot />
+</h1>

package/dist/components/ui/typography/H3.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: undefined;
+    bindings?: undefined;
+};
+export type H3Props = typeof __propDef.props;
+export type H3Events = typeof __propDef.events;
+export type H3Slots = typeof __propDef.slots;
+export default class H3 extends SvelteComponent<H3Props, H3Events, H3Slots> {
+}
+export {};

package/dist/components/ui/typography/H4.svelte

@@ -0,0 +1,8 @@
+<script>import { cn } from "../../../utils.js";
+let className = "";
+export { className as class };
+</script>
+
+<h1 class={cn('text-xl font-semibold tracking-tight', className)} {...$$restProps}>
+	<slot />
+</h1>