@autumnsgrove/groveengine 0.1.0

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

@@ -0,0 +1,26 @@
+import type { HTMLAttributes } from "svelte/elements";
+/**
+ * Skeleton component wrapper for loading placeholders
+ * Creates animated gray rectangles that indicate loading content
+ *
+ * @prop {string} [class] - CSS classes to customize size/shape (e.g., "h-12 w-12 rounded-full")
+ *
+ * @example
+ * <Skeleton class="h-4 w-full" />
+ *
+ * @example
+ * <Skeleton class="h-12 w-12 rounded-full" />
+ *
+ * @example
+ * <div class="flex flex-col gap-2">
+ *   <Skeleton class="h-6 w-3/4" />
+ *   <Skeleton class="h-4 w-full" />
+ *   <Skeleton class="h-4 w-5/6" />
+ * </div>
+ */
+interface Props extends HTMLAttributes<HTMLDivElement> {
+    class?: string;
+}
+declare const Skeleton: import("svelte").Component<Props, {}, "">;
+type Skeleton = ReturnType<typeof Skeleton>;
+export default Skeleton;

package/dist/components/ui/Table.svelte

@@ -0,0 +1,59 @@
+<script lang="ts">
+	import {
+		Table as ShadcnTable,
+		TableHeader,
+		TableBody,
+		TableRow,
+		TableCell
+	} from "./table";
+	import type { Snippet } from "svelte";
+
+	/**
+	 * Table component wrapper providing simple table layout
+	 * Note: This is a basic wrapper - use TableHeader, TableBody, TableRow, TableCell from shadcn directly
+	 *
+	 * @prop {string} [class] - Additional CSS classes for table
+	 * @prop {Snippet} [children] - Table content (typically TableHeader and TableBody)
+	 *
+	 * @example
+	 * <Table>
+	 *   <TableHeader>
+	 *     <TableRow>
+	 *       <TableCell>Name</TableCell>
+	 *       <TableCell>Email</TableCell>
+	 *     </TableRow>
+	 *   </TableHeader>
+	 *   <TableBody>
+	 *     <TableRow>
+	 *       <TableCell>John</TableCell>
+	 *       <TableCell>john@example.com</TableCell>
+	 *     </TableRow>
+	 *   </TableBody>
+	 * </Table>
+	 *
+	 * @example
+	 * <Table class="w-full">
+	 *   {#each users as user}
+	 *     <TableRow>
+	 *       <TableCell>{user.name}</TableCell>
+	 *       <TableCell>{user.email}</TableCell>
+	 *     </TableRow>
+	 *   {/each}
+	 * </Table>
+	 *
+	 * @example
+	 * import { Table, TableHeader, TableBody, TableRow, TableCell } from "./";
+	 */
+	interface Props {
+		class?: string;
+		children?: Snippet;
+	}
+
+	let { class: className, children }: Props = $props();
+</script>
+
+<ShadcnTable class={className}>
+	{#if children}
+		{@render children()}
+	{/if}
+</ShadcnTable>

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

@@ -0,0 +1,44 @@
+import type { Snippet } from "svelte";
+/**
+ * Table component wrapper providing simple table layout
+ * Note: This is a basic wrapper - use TableHeader, TableBody, TableRow, TableCell from shadcn directly
+ *
+ * @prop {string} [class] - Additional CSS classes for table
+ * @prop {Snippet} [children] - Table content (typically TableHeader and TableBody)
+ *
+ * @example
+ * <Table>
+ *   <TableHeader>
+ *     <TableRow>
+ *       <TableCell>Name</TableCell>
+ *       <TableCell>Email</TableCell>
+ *     </TableRow>
+ *   </TableHeader>
+ *   <TableBody>
+ *     <TableRow>
+ *       <TableCell>John</TableCell>
+ *       <TableCell>john@example.com</TableCell>
+ *     </TableRow>
+ *   </TableBody>
+ * </Table>
+ *
+ * @example
+ * <Table class="w-full">
+ *   {#each users as user}
+ *     <TableRow>
+ *       <TableCell>{user.name}</TableCell>
+ *       <TableCell>{user.email}</TableCell>
+ *     </TableRow>
+ *   {/each}
+ * </Table>
+ *
+ * @example
+ * import { Table, TableHeader, TableBody, TableRow, TableCell } from "./";
+ */
+interface Props {
+    class?: string;
+    children?: Snippet;
+}
+declare const Table: import("svelte").Component<Props, {}, "">;
+type Table = ReturnType<typeof Table>;
+export default Table;

package/dist/components/ui/Tabs.svelte

@@ -0,0 +1,76 @@
+<script lang="ts">
+	import {
+		Tabs as ShadcnTabs,
+		TabsContent,
+		TabsList,
+		TabsTrigger
+	} from "./tabs";
+	import type { Snippet } from "svelte";
+
+	interface Tab {
+		value: string;
+		label: string;
+		disabled?: boolean;
+	}
+
+	/**
+	 * Tabs component wrapper for organizing content into switchable panels
+	 *
+	 * @prop {string} [value] - Active tab value (bindable for two-way binding, defaults to first tab)
+	 * @prop {Tab[]} tabs - Array of tabs with value, label, and optional disabled flag
+	 * @prop {Snippet<[Tab]>} [content] - Snippet to render content for each tab (receives tab data)
+	 * @prop {Snippet} [children] - Alternative content rendering (same for all tabs)
+	 * @prop {string} [class] - Additional CSS classes for Tabs root
+	 *
+	 * @example
+	 * <Tabs bind:value={activeTab} tabs={[
+	 *   { value: "overview", label: "Overview" },
+	 *   { value: "settings", label: "Settings" }
+	 * ]} content={(tab) => <p>Content for {tab.label}</p>} />
+	 *
+	 * @example
+	 * <Tabs tabs={profileTabs}>
+	 *   {#snippet content(tab)}
+	 *     <ProfileSection section={tab.value} />
+	 *   {/snippet}
+	 * </Tabs>
+	 *
+	 * @example
+	 * <Tabs bind:value={view} tabs={dashboardTabs} class="w-full" />
+	 */
+	interface Props {
+		value?: string | undefined;
+		tabs: Tab[];
+		content?: Snippet<[tab: Tab]>;
+		class?: string;
+		children?: Snippet;
+	}
+
+	let {
+		value = $bindable(tabs[0]?.value ?? ""),
+		tabs,
+		content,
+		class: className,
+		children
+	}: Props = $props();
+</script>
+
+<ShadcnTabs bind:value class={className}>
+	<TabsList>
+		{#each tabs as tab (tab.value)}
+			<TabsTrigger value={tab.value} disabled={tab.disabled ?? false}>
+				{tab.label}
+			</TabsTrigger>
+		{/each}
+	</TabsList>
+
+	{#each tabs as tab (tab.value)}
+		<TabsContent value={tab.value}>
+			{#if content}
+				{@render content(tab)}
+			{:else if children}
+				{@render children()}
+			{/if}
+		</TabsContent>
+	{/each}
+</ShadcnTabs>

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

@@ -0,0 +1,41 @@
+import type { Snippet } from "svelte";
+interface Tab {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+/**
+ * Tabs component wrapper for organizing content into switchable panels
+ *
+ * @prop {string} [value] - Active tab value (bindable for two-way binding, defaults to first tab)
+ * @prop {Tab[]} tabs - Array of tabs with value, label, and optional disabled flag
+ * @prop {Snippet<[Tab]>} [content] - Snippet to render content for each tab (receives tab data)
+ * @prop {Snippet} [children] - Alternative content rendering (same for all tabs)
+ * @prop {string} [class] - Additional CSS classes for Tabs root
+ *
+ * @example
+ * <Tabs bind:value={activeTab} tabs={[
+ *   { value: "overview", label: "Overview" },
+ *   { value: "settings", label: "Settings" }
+ * ]} content={(tab) => <p>Content for {tab.label}</p>} />
+ *
+ * @example
+ * <Tabs tabs={profileTabs}>
+ *   {#snippet content(tab)}
+ *     <ProfileSection section={tab.value} />
+ *   {/snippet}
+ * </Tabs>
+ *
+ * @example
+ * <Tabs bind:value={view} tabs={dashboardTabs} class="w-full" />
+ */
+interface Props {
+    value?: string | undefined;
+    tabs: Tab[];
+    content?: Snippet<[tab: Tab]>;
+    class?: string;
+    children?: Snippet;
+}
+declare const Tabs: import("svelte").Component<Props, {}, "value">;
+type Tabs = ReturnType<typeof Tabs>;
+export default Tabs;

package/dist/components/ui/Textarea.svelte

@@ -0,0 +1,81 @@
+<script lang="ts">
+	import { Textarea as ShadcnTextarea } from "./textarea";
+	import type { HTMLTextareaAttributes } from "svelte/elements";
+	import { cn } from "../../utils";
+
+	/**
+	 * Textarea component wrapper with label, error handling, and validation
+	 *
+	 * @prop {string} [label] - Textarea label text (renders above textarea)
+	 * @prop {string} [error] - Error message to display (turns border red)
+	 * @prop {string} [value] - Textarea value (bindable for two-way binding)
+	 * @prop {string} [placeholder] - Placeholder text
+	 * @prop {number} [rows] - Number of visible text rows
+	 * @prop {boolean} [required=false] - Whether textarea is required (shows asterisk)
+	 * @prop {boolean} [disabled=false] - Whether textarea is disabled
+	 * @prop {string} [class] - Additional CSS classes to apply
+	 *
+	 * @example
+	 * <Textarea label="Description" bind:value={description} required />
+	 *
+	 * @example
+	 * <Textarea label="Notes" bind:value={notes} rows={5} error={notesError} />
+	 *
+	 * @example
+	 * <Textarea placeholder="Enter your message..." bind:value={message} />
+	 */
+	interface Props extends Omit<HTMLTextareaAttributes, "class"> {
+		label?: string;
+		error?: string;
+		value?: string;
+		placeholder?: string;
+		rows?: number;
+		required?: boolean;
+		disabled?: boolean;
+		class?: string;
+	}
+
+	let {
+		label,
+		error,
+		value = $bindable(""),
+		placeholder,
+		rows,
+		required = false,
+		disabled = false,
+		class: className,
+		...restProps
+	}: Props = $props();
+
+	const textareaClass = $derived(
+		cn(
+			error && "border-destructive focus-visible:ring-destructive/20",
+			className
+		)
+	);
+</script>
+
+<div class="flex flex-col gap-1.5">
+	{#if label}
+		<label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+			{label}
+			{#if required}
+				<span class="text-destructive">*</span>
+			{/if}
+		</label>
+	{/if}
+
+	<ShadcnTextarea
+		bind:value
+		{placeholder}
+		{rows}
+		{required}
+		{disabled}
+		class={textareaClass}
+		{...restProps}
+	/>
+
+	{#if error}
+		<p class="text-sm text-destructive">{error}</p>
+	{/if}
+</div>

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

@@ -0,0 +1,35 @@
+import type { HTMLTextareaAttributes } from "svelte/elements";
+/**
+ * Textarea component wrapper with label, error handling, and validation
+ *
+ * @prop {string} [label] - Textarea label text (renders above textarea)
+ * @prop {string} [error] - Error message to display (turns border red)
+ * @prop {string} [value] - Textarea value (bindable for two-way binding)
+ * @prop {string} [placeholder] - Placeholder text
+ * @prop {number} [rows] - Number of visible text rows
+ * @prop {boolean} [required=false] - Whether textarea is required (shows asterisk)
+ * @prop {boolean} [disabled=false] - Whether textarea is disabled
+ * @prop {string} [class] - Additional CSS classes to apply
+ *
+ * @example
+ * <Textarea label="Description" bind:value={description} required />
+ *
+ * @example
+ * <Textarea label="Notes" bind:value={notes} rows={5} error={notesError} />
+ *
+ * @example
+ * <Textarea placeholder="Enter your message..." bind:value={message} />
+ */
+interface Props extends Omit<HTMLTextareaAttributes, "class"> {
+    label?: string;
+    error?: string;
+    value?: string;
+    placeholder?: string;
+    rows?: number;
+    required?: boolean;
+    disabled?: boolean;
+    class?: string;
+}
+declare const Textarea: import("svelte").Component<Props, {}, "value">;
+type Textarea = ReturnType<typeof Textarea>;
+export default Textarea;

package/dist/components/ui/Toast.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">
+	import { Toaster } from "sonner";
+
+	interface Props {
+		position?:
+			| "top-left"
+			| "top-center"
+			| "top-right"
+			| "bottom-left"
+			| "bottom-center"
+			| "bottom-right";
+		theme?: "light" | "dark" | "system";
+	}
+
+	let { position = "bottom-right", theme = "system" }: Props = $props();
+</script>
+
+<Toaster {position} {theme} />

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

@@ -0,0 +1,7 @@
+interface Props {
+    position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+    theme?: "light" | "dark" | "system";
+}
+declare const Toast: import("svelte").Component<Props, {}, "">;
+type Toast = ReturnType<typeof Toast>;
+export default Toast;

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

@@ -0,0 +1,24 @@
+<script lang="ts">
+	import { Accordion as AccordionPrimitive, type WithoutChild } from "bits-ui";
+	import { cn } from "../../../utils";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithoutChild<AccordionPrimitive.ContentProps> = $props();
+</script>
+
+<AccordionPrimitive.Content
+	bind:ref
+	class={cn(
+		"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm transition-all",
+		className
+	)}
+	{...restProps}
+>
+	<div class="pb-4 pt-0">
+		{@render children?.()}
+	</div>
+</AccordionPrimitive.Content>

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

@@ -0,0 +1,4 @@
+import { Accordion as AccordionPrimitive } from "bits-ui";
+declare const AccordionContent: import("svelte").Component<Omit<AccordionPrimitive.ContentProps, "child">, {}, "ref">;
+type AccordionContent = ReturnType<typeof AccordionContent>;
+export default AccordionContent;

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

@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { Accordion as AccordionPrimitive } from "bits-ui";
+	import { cn } from "../../../utils";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: AccordionPrimitive.ItemProps = $props();
+</script>
+
+<AccordionPrimitive.Item bind:ref class={cn("border-b", className)} {...restProps} />

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

@@ -0,0 +1,4 @@
+import { Accordion as AccordionPrimitive } from "bits-ui";
+declare const AccordionItem: import("svelte").Component<AccordionPrimitive.ItemProps, {}, "ref">;
+type AccordionItem = ReturnType<typeof AccordionItem>;
+export default AccordionItem;

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

@@ -0,0 +1,29 @@
+<script lang="ts">
+	import { Accordion as AccordionPrimitive, type WithoutChild } from "bits-ui";
+	import ChevronDown from "@lucide/svelte/icons/chevron-down";
+	import { cn } from "../../../utils";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		level = 3,
+		children,
+		...restProps
+	}: WithoutChild<AccordionPrimitive.TriggerProps> & {
+		level?: AccordionPrimitive.HeaderProps["level"];
+	} = $props();
+</script>
+
+<AccordionPrimitive.Header {level} class="flex">
+	<AccordionPrimitive.Trigger
+		bind:ref
+		class={cn(
+			"flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+			className
+		)}
+		{...restProps}
+	>
+		{@render children?.()}
+		<ChevronDown class="size-4 shrink-0 transition-transform duration-200" />
+	</AccordionPrimitive.Trigger>
+</AccordionPrimitive.Header>

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

@@ -0,0 +1,7 @@
+import { Accordion as AccordionPrimitive, type WithoutChild } from "bits-ui";
+type $$ComponentProps = WithoutChild<AccordionPrimitive.TriggerProps> & {
+    level?: AccordionPrimitive.HeaderProps["level"];
+};
+declare const AccordionTrigger: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type AccordionTrigger = ReturnType<typeof AccordionTrigger>;
+export default AccordionTrigger;

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

@@ -0,0 +1,6 @@
+import { Accordion as AccordionPrimitive } from "bits-ui";
+import Content from "./accordion-content.svelte";
+import Item from "./accordion-item.svelte";
+import Trigger from "./accordion-trigger.svelte";
+declare const Root: import("svelte").Component<AccordionPrimitive.RootProps, {}, "value" | "ref">;
+export { Root, Content, Item, Trigger, Root as Accordion, Content as AccordionContent, Item as AccordionItem, Trigger as AccordionTrigger, };

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

@@ -0,0 +1,8 @@
+import { Accordion as AccordionPrimitive } from "bits-ui";
+import Content from "./accordion-content.svelte";
+import Item from "./accordion-item.svelte";
+import Trigger from "./accordion-trigger.svelte";
+const Root = AccordionPrimitive.Root;
+export { Root, Content, Item, Trigger, 
+//
+Root as Accordion, Content as AccordionContent, Item as AccordionItem, Trigger as AccordionTrigger, };

package/dist/components/ui/badge/badge.svelte

@@ -0,0 +1,50 @@
+<script lang="ts" module>
+	import { type VariantProps, tv } from "tailwind-variants";
+
+	export const badgeVariants = tv({
+		base: "focus:ring-ring inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2",
+		variants: {
+			variant: {
+				default:
+					"bg-primary text-primary-foreground hover:bg-primary/80 border-transparent",
+				secondary:
+					"bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent",
+				destructive:
+					"bg-destructive text-destructive-foreground hover:bg-destructive/80 border-transparent",
+				outline: "text-foreground",
+			},
+		},
+		defaultVariants: {
+			variant: "default",
+		},
+	});
+
+	export type BadgeVariant = VariantProps<typeof badgeVariants>["variant"];
+</script>
+
+<script lang="ts">
+	import type { WithElementRef } from "bits-ui";
+	import type { HTMLAnchorAttributes } from "svelte/elements";
+	import { cn } from "../../../utils";
+
+	let {
+		ref = $bindable(null),
+		href,
+		class: className,
+		variant = "default",
+		children,
+		...restProps
+	}: WithElementRef<HTMLAnchorAttributes> & {
+		variant?: BadgeVariant;
+	} = $props();
+</script>
+
+<svelte:element
+	this={href ? "a" : "span"}
+	bind:this={ref}
+	{href}
+	class={cn(badgeVariants({ variant }), className)}
+	{...restProps}
+>
+	{@render children?.()}
+</svelte:element>

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

@@ -0,0 +1,60 @@
+import { type VariantProps } from "tailwind-variants";
+export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        secondary: string;
+        destructive: string;
+        outline: string;
+    };
+}, undefined, "focus:ring-ring inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2", import("tailwind-variants/dist/config.js").TVConfig<{
+    variant: {
+        default: string;
+        secondary: string;
+        destructive: string;
+        outline: string;
+    };
+}, {
+    variant: {
+        default: string;
+        secondary: string;
+        destructive: string;
+        outline: string;
+    };
+}>, {
+    variant: {
+        default: string;
+        secondary: string;
+        destructive: string;
+        outline: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        secondary: string;
+        destructive: string;
+        outline: string;
+    };
+}, undefined, "focus:ring-ring inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2", import("tailwind-variants/dist/config.js").TVConfig<{
+    variant: {
+        default: string;
+        secondary: string;
+        destructive: string;
+        outline: string;
+    };
+}, {
+    variant: {
+        default: string;
+        secondary: string;
+        destructive: string;
+        outline: string;
+    };
+}>, unknown, unknown, undefined>>;
+export type BadgeVariant = VariantProps<typeof badgeVariants>["variant"];
+import type { WithElementRef } from "bits-ui";
+import type { HTMLAnchorAttributes } from "svelte/elements";
+type $$ComponentProps = WithElementRef<HTMLAnchorAttributes> & {
+    variant?: BadgeVariant;
+};
+declare const Badge: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type Badge = ReturnType<typeof Badge>;
+export default Badge;

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

@@ -0,0 +1,2 @@
+export { default as Badge } from "./badge.svelte";
+export { badgeVariants, type BadgeVariant } from "./badge.svelte";

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

@@ -0,0 +1,2 @@
+export { default as Badge } from "./badge.svelte";
+export { badgeVariants } from "./badge.svelte";