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

package/dist/components/ui/menubar/menubar-radio-item.svelte

@@ -0,0 +1,30 @@
+<script>import { Menubar as MenubarPrimitive } 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>
+
+<MenubarPrimitive.RadioItem
+	{value}
+	class={cn(
+		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground 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-[disabled]:opacity-50",
+		className
+	)}
+	{...$$restProps}
+	on:click
+	on:keydown
+	on:focusin
+	on:focusout
+	on:pointerleave
+	on:pointermove
+	on:pointerdown
+>
+	<span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+		<MenubarPrimitive.RadioIndicator>
+			<Circle class="h-2 w-2 fill-current" />
+		</MenubarPrimitive.RadioIndicator>
+	</span>
+	<slot />
+</MenubarPrimitive.RadioItem>

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

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { Menubar as MenubarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: MenubarPrimitive.RadioItemProps;
+    slots: {
+        default: {};
+    };
+    events: MenubarPrimitive.RadioItemEvents;
+};
+export type MenubarRadioItemProps = typeof __propDef.props;
+export type MenubarRadioItemEvents = typeof __propDef.events;
+export type MenubarRadioItemSlots = typeof __propDef.slots;
+export default class MenubarRadioItem extends SvelteComponent<MenubarRadioItemProps, MenubarRadioItemEvents, MenubarRadioItemSlots> {
+}
+export {};

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

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

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

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

package/dist/components/ui/menubar/menubar-shortcut.svelte

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

package/dist/components/ui/menubar/menubar-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 MenubarShortcutProps = typeof __propDef.props;
+export type MenubarShortcutEvents = typeof __propDef.events;
+export type MenubarShortcutSlots = typeof __propDef.slots;
+export default class MenubarShortcut extends SvelteComponent<MenubarShortcutProps, MenubarShortcutEvents, MenubarShortcutSlots> {
+}
+export {};

package/dist/components/ui/menubar/menubar-sub-content.svelte

@@ -0,0 +1,22 @@
+<script>import { Menubar as MenubarPrimitive } 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>
+
+<MenubarPrimitive.SubContent
+	{transition}
+	{transitionConfig}
+	class={cn(
+		"bg-popover text-popover-foreground z-50 min-w-max rounded-md border p-1 focus:outline-none",
+		className
+	)}
+	{...$$restProps}
+	on:focusout
+	on:pointermove
+	on:keydown
+>
+	<slot />
+</MenubarPrimitive.SubContent>

package/dist/components/ui/menubar/menubar-sub-content.svelte.d.ts

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { Menubar as MenubarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: MenubarPrimitive.ContentProps;
+    slots: {
+        default: {};
+    };
+    events: MenubarPrimitive.SubContentEvents;
+};
+export type MenubarSubContentProps = typeof __propDef.props;
+export type MenubarSubContentEvents = typeof __propDef.events;
+export type MenubarSubContentSlots = typeof __propDef.slots;
+export default class MenubarSubContent extends SvelteComponent<MenubarSubContentProps, MenubarSubContentEvents, MenubarSubContentSlots> {
+}
+export {};

package/dist/components/ui/menubar/menubar-sub-trigger.svelte

@@ -0,0 +1,25 @@
+<script>import { Menubar as MenubarPrimitive } 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>
+
+<MenubarPrimitive.SubTrigger
+	class={cn(
+		"data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		inset && "pl-8",
+		className
+	)}
+	on:click
+	{...$$restProps}
+	on:keydown
+	on:focusin
+	on:focusout
+	on:pointerleave
+	on:pointermove
+>
+	<slot />
+	<ChevronRight class="ml-auto h-4 w-4" />
+</MenubarPrimitive.SubTrigger>

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

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+import { Menubar as MenubarPrimitive } 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: MenubarPrimitive.SubTriggerEvents;
+};
+export type MenubarSubTriggerProps = typeof __propDef.props;
+export type MenubarSubTriggerEvents = typeof __propDef.events;
+export type MenubarSubTriggerSlots = typeof __propDef.slots;
+export default class MenubarSubTrigger extends SvelteComponent<MenubarSubTriggerProps, MenubarSubTriggerEvents, MenubarSubTriggerSlots> {
+}
+export {};

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

@@ -0,0 +1,18 @@
+<script>import { Menubar as MenubarPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<MenubarPrimitive.Trigger
+	class={cn(
+		"data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none",
+		className
+	)}
+	on:click
+	on:keydown
+	on:pointerenter
+	{...$$restProps}
+>
+	<slot />
+</MenubarPrimitive.Trigger>

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

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { Menubar as MenubarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: MenubarPrimitive.TriggerProps;
+    slots: {
+        default: {};
+    };
+    events: MenubarPrimitive.TriggerEvents;
+};
+export type MenubarTriggerProps = typeof __propDef.props;
+export type MenubarTriggerEvents = typeof __propDef.events;
+export type MenubarTriggerSlots = typeof __propDef.slots;
+export default class MenubarTrigger extends SvelteComponent<MenubarTriggerProps, MenubarTriggerEvents, MenubarTriggerSlots> {
+}
+export {};

package/dist/components/ui/menubar/menubar.svelte

@@ -0,0 +1,12 @@
+<script>import { Menubar as MenubarPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<MenubarPrimitive.Root
+	class={cn("bg-background flex h-10 items-center space-x-1 rounded-md border p-1", className)}
+	{...$$restProps}
+>
+	<slot />
+</MenubarPrimitive.Root>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { Menubar as MenubarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: MenubarPrimitive.Props;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type MenubarProps = typeof __propDef.props;
+export type MenubarEvents = typeof __propDef.events;
+export type MenubarSlots = typeof __propDef.slots;
+export default class Menubar extends SvelteComponent<MenubarProps, MenubarEvents, MenubarSlots> {
+}
+export {};

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

@@ -0,0 +1,8 @@
+import Root from "./pagination.svelte";
+import Content from "./pagination-content.svelte";
+import Item from "./pagination-item.svelte";
+import Link from "./pagination-link.svelte";
+import PrevButton from "./pagination-prev-button.svelte";
+import NextButton from "./pagination-next-button.svelte";
+import Ellipsis from "./pagination-ellipsis.svelte";
+export { Root, Content, Item, Link, PrevButton, NextButton, Ellipsis, Root as Pagination, Content as PaginationContent, Item as PaginationItem, Link as PaginationLink, PrevButton as PaginationPrevButton, NextButton as PaginationNextButton, Ellipsis as PaginationEllipsis, };

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

@@ -0,0 +1,10 @@
+import Root from "./pagination.svelte";
+import Content from "./pagination-content.svelte";
+import Item from "./pagination-item.svelte";
+import Link from "./pagination-link.svelte";
+import PrevButton from "./pagination-prev-button.svelte";
+import NextButton from "./pagination-next-button.svelte";
+import Ellipsis from "./pagination-ellipsis.svelte";
+export { Root, Content, Item, Link, PrevButton, NextButton, Ellipsis, 
+//
+Root as Pagination, Content as PaginationContent, Item as PaginationItem, Link as PaginationLink, PrevButton as PaginationPrevButton, NextButton as PaginationNextButton, Ellipsis as PaginationEllipsis, };

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

@@ -0,0 +1,8 @@
+<script>import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<ul class={cn("flex flex-row items-center gap-1", className)} {...$$restProps}>
+	<slot />
+</ul>

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,24 @@
+<script>import { Pagination as PaginationPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+import { buttonVariants } from "../button/index.js";
+let className = void 0;
+export let page;
+export let size = "icon";
+export let isActive = false;
+export { className as class };
+</script>
+
+<PaginationPrimitive.Page
+	bind:page
+	class={cn(
+		buttonVariants({
+			variant: isActive ? "outline" : "ghost",
+			size,
+		}),
+		className
+	)}
+	{...$$restProps}
+	on:click
+>
+	<slot>{page.value}</slot>
+</PaginationPrimitive.Page>

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

@@ -0,0 +1,24 @@
+import { SvelteComponent } from "svelte";
+import { type Props } from "../button/index.js";
+declare const __propDef: {
+    props: {
+        page: import("bits-ui").Page;
+    } & {
+        asChild?: boolean | undefined;
+        el?: HTMLButtonElement | undefined;
+    } & (import("svelte/elements").HTMLButtonAttributes & (Props & {
+        isActive: boolean;
+    }));
+    slots: {
+        default: {};
+    };
+    events: {
+        click: import("bits-ui").CustomEventHandler<MouseEvent, HTMLDivElement>;
+    };
+};
+export type PaginationLinkProps = typeof __propDef.props;
+export type PaginationLinkEvents = typeof __propDef.events;
+export type PaginationLinkSlots = typeof __propDef.slots;
+export default class PaginationLink extends SvelteComponent<PaginationLinkProps, PaginationLinkEvents, PaginationLinkSlots> {
+}
+export {};

package/dist/components/ui/pagination/pagination-next-button.svelte

@@ -0,0 +1,22 @@
+<script>import { Pagination as PaginationPrimitive } from "bits-ui";
+import ChevronRight from "lucide-svelte/icons/chevron-right";
+import { Button } from "../button/index.js";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<PaginationPrimitive.NextButton asChild let:builder>
+	<Button
+		variant="ghost"
+		class={cn("gap-1 pr-2.5", className)}
+		builders={[builder]}
+		on:click
+		{...$$restProps}
+	>
+		<slot>
+			<span>Next</span>
+			<ChevronRight class="h-4 w-4" />
+		</slot>
+	</Button>
+</PaginationPrimitive.NextButton>

package/dist/components/ui/pagination/pagination-next-button.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Pagination as PaginationPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: PaginationPrimitive.NextButtonProps;
+    slots: {
+        default: {};
+    };
+    events: {
+        click: import("bits-ui").CustomEventHandler<MouseEvent, HTMLDivElement>;
+    };
+};
+export type PaginationNextButtonProps = typeof __propDef.props;
+export type PaginationNextButtonEvents = typeof __propDef.events;
+export type PaginationNextButtonSlots = typeof __propDef.slots;
+export default class PaginationNextButton extends SvelteComponent<PaginationNextButtonProps, PaginationNextButtonEvents, PaginationNextButtonSlots> {
+}
+export {};

package/dist/components/ui/pagination/pagination-prev-button.svelte

@@ -0,0 +1,22 @@
+<script>import { Pagination as PaginationPrimitive } from "bits-ui";
+import ChevronLeft from "lucide-svelte/icons/chevron-left";
+import { Button } from "../button/index.js";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<PaginationPrimitive.PrevButton asChild let:builder>
+	<Button
+		variant="ghost"
+		class={cn("gap-1 pl-2.5", className)}
+		builders={[builder]}
+		on:click
+		{...$$restProps}
+	>
+		<slot>
+			<ChevronLeft class="h-4 w-4" />
+			<span>Previous</span>
+		</slot>
+	</Button>
+</PaginationPrimitive.PrevButton>

package/dist/components/ui/pagination/pagination-prev-button.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Pagination as PaginationPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: PaginationPrimitive.PrevButtonProps;
+    slots: {
+        default: {};
+    };
+    events: {
+        click: import("bits-ui").CustomEventHandler<MouseEvent, HTMLDivElement>;
+    };
+};
+export type PaginationPrevButtonProps = typeof __propDef.props;
+export type PaginationPrevButtonEvents = typeof __propDef.events;
+export type PaginationPrevButtonSlots = typeof __propDef.slots;
+export default class PaginationPrevButton extends SvelteComponent<PaginationPrevButtonProps, PaginationPrevButtonEvents, PaginationPrevButtonSlots> {
+}
+export {};

package/dist/components/ui/pagination/pagination.svelte

@@ -0,0 +1,26 @@
+<script>import { Pagination as PaginationPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export let count = 0;
+export let perPage = 10;
+export let page = 1;
+export let siblingCount = 1;
+export { className as class };
+$: currentPage = page;
+</script>
+
+<PaginationPrimitive.Root
+	{count}
+	{perPage}
+	{siblingCount}
+	bind:page
+	let:builder
+	let:pages
+	let:range
+	asChild
+	{...$$restProps}
+>
+	<nav {...builder} class={cn("mx-auto flex w-full flex-col items-center", className)}>
+		<slot {pages} {range} {currentPage} />
+	</nav>
+</PaginationPrimitive.Root>

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

@@ -0,0 +1,22 @@
+import { SvelteComponent } from "svelte";
+import { Pagination as PaginationPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: PaginationPrimitive.Props;
+    slots: {
+        default: {
+            pages: any[];
+            range: {
+                start: number;
+                end: number;
+            };
+            currentPage: number | undefined;
+        };
+    };
+    events: PaginationPrimitive.Events;
+};
+export type PaginationProps = typeof __propDef.props;
+export type PaginationEvents = typeof __propDef.events;
+export type PaginationSlots = typeof __propDef.slots;
+export default class Pagination extends SvelteComponent<PaginationProps, PaginationEvents, PaginationSlots> {
+}
+export {};

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

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

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

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

package/dist/components/ui/progress/progress.svelte

@@ -0,0 +1,17 @@
+<script>import { Progress as ProgressPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export let max = 100;
+export let value = void 0;
+export { className as class };
+</script>
+
+<ProgressPrimitive.Root
+	class={cn("bg-secondary relative h-4 w-full overflow-hidden rounded-full", className)}
+	{...$$restProps}
+>
+	<div
+		class="bg-primary h-full w-full flex-1 transition-all"
+		style={`transform: translateX(-${100 - (100 * (value ?? 0)) / (max ?? 1)}%)`}
+	></div>
+</ProgressPrimitive.Root>

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

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

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

@@ -0,0 +1,5 @@
+import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
+import Root from "./radio-group.svelte";
+import Item from "./radio-group-item.svelte";
+declare const Input: typeof RadioGroupPrimitive.Input;
+export { Root, Input, Item, Root as RadioGroup, Input as RadioGroupInput, Item as RadioGroupItem, };

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

@@ -0,0 +1,7 @@
+import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
+import Root from "./radio-group.svelte";
+import Item from "./radio-group-item.svelte";
+const Input = RadioGroupPrimitive.Input;
+export { Root, Input, Item, 
+//
+Root as RadioGroup, Input as RadioGroupInput, Item as RadioGroupItem, };

package/dist/components/ui/radio-group/radio-group-item.svelte

@@ -0,0 +1,23 @@
+<script>import { RadioGroup as RadioGroupPrimitive } 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>
+
+<RadioGroupPrimitive.Item
+	{value}
+	class={cn(
+		"border-primary text-primary ring-offset-background focus-visible:ring-ring aspect-square h-4 w-4 rounded-full border focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+		className
+	)}
+	{...$$restProps}
+	on:click
+>
+	<div class="flex items-center justify-center">
+		<RadioGroupPrimitive.ItemIndicator>
+			<Circle class="h-2.5 w-2.5 fill-current text-current" />
+		</RadioGroupPrimitive.ItemIndicator>
+	</div>
+</RadioGroupPrimitive.Item>