@autumnsgrove/groveengine 0.1.1 → 0.3.0

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

@@ -1,46 +0,0 @@
-import type { Snippet } from "svelte";
-/**
- * Card component wrapper providing structured layout with header, content, and footer
- *
- * @prop {string} [title] - Card title (renders in CardHeader with CardTitle)
- * @prop {string} [description] - Card description (renders in CardHeader with CardDescription)
- * @prop {boolean} [hoverable=false] - Enable hover shadow effect for interactive cards
- * @prop {Snippet} [header] - Custom header content (overrides title/description)
- * @prop {Snippet} [footer] - Footer content (rendered in CardFooter)
- * @prop {Snippet} [children] - Main card content (rendered in CardContent)
- * @prop {string} [class] - Additional CSS classes for Card root
- *
- * @example
- * <Card title="Profile" description="Update your profile settings">
- *   <p>Card content here</p>
- * </Card>
- *
- * @example
- * <Card hoverable>
- *   {#snippet header()}
- *     <CustomHeader />
- *   {/snippet}
- *   Content here
- * </Card>
- *
- * @example
- * <Card title="Actions">
- *   {#snippet footer()}
- *     <Button>Save</Button>
- *   {/snippet}
- *   Form content
- * </Card>
- */
-interface Props {
-    title?: string;
-    description?: string;
-    hoverable?: boolean;
-    class?: string;
-    header?: Snippet;
-    footer?: Snippet;
-    children?: Snippet;
-    [key: string]: any;
-}
-declare const Card: import("svelte").Component<Props, {}, "">;
-type Card = ReturnType<typeof Card>;
-export default Card;

package/dist/components/ui/Input.svelte

@@ -1,81 +0,0 @@
-<script lang="ts">
-	import { Input as ShadcnInput } from "./input";
-	import type { HTMLInputAttributes } from "svelte/elements";
-	import { cn } from "../../utils";
-
-	/**
-	 * Input component wrapper with label, error handling, and validation
-	 *
-	 * @prop {string} [label] - Input label text (renders above input)
-	 * @prop {string} [error] - Error message to display (turns border red)
-	 * @prop {string|number} [value] - Input value (bindable for two-way binding)
-	 * @prop {string} [placeholder] - Placeholder text
-	 * @prop {string} [type="text"] - Input type (text|email|password|number)
-	 * @prop {boolean} [required=false] - Whether input is required (shows asterisk)
-	 * @prop {boolean} [disabled=false] - Whether input is disabled
-	 * @prop {string} [class] - Additional CSS classes to apply
-	 *
-	 * @example
-	 * <Input label="Email" type="email" bind:value={email} required />
-	 *
-	 * @example
-	 * <Input label="Password" type="password" bind:value={password} error={passwordError} />
-	 *
-	 * @example
-	 * <Input placeholder="Search..." bind:value={searchQuery} />
-	 */
-	interface Props extends Omit<HTMLInputAttributes, "class"> {
-		label?: string;
-		error?: string;
-		value?: string | number;
-		placeholder?: string;
-		type?: "text" | "email" | "password" | "number";
-		required?: boolean;
-		disabled?: boolean;
-		class?: string;
-	}
-
-	let {
-		label,
-		error,
-		value = $bindable(""),
-		placeholder,
-		type = "text",
-		required = false,
-		disabled = false,
-		class: className,
-		...restProps
-	}: Props = $props();
-
-	const inputClass = $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}
-
-	<ShadcnInput
-		bind:value
-		{type}
-		{placeholder}
-		{required}
-		{disabled}
-		class={inputClass}
-		{...restProps}
-	/>
-
-	{#if error}
-		<p class="text-sm text-destructive">{error}</p>
-	{/if}
-</div>

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

@@ -1,35 +0,0 @@
-import type { HTMLInputAttributes } from "svelte/elements";
-/**
- * Input component wrapper with label, error handling, and validation
- *
- * @prop {string} [label] - Input label text (renders above input)
- * @prop {string} [error] - Error message to display (turns border red)
- * @prop {string|number} [value] - Input value (bindable for two-way binding)
- * @prop {string} [placeholder] - Placeholder text
- * @prop {string} [type="text"] - Input type (text|email|password|number)
- * @prop {boolean} [required=false] - Whether input is required (shows asterisk)
- * @prop {boolean} [disabled=false] - Whether input is disabled
- * @prop {string} [class] - Additional CSS classes to apply
- *
- * @example
- * <Input label="Email" type="email" bind:value={email} required />
- *
- * @example
- * <Input label="Password" type="password" bind:value={password} error={passwordError} />
- *
- * @example
- * <Input placeholder="Search..." bind:value={searchQuery} />
- */
-interface Props extends Omit<HTMLInputAttributes, "class"> {
-    label?: string;
-    error?: string;
-    value?: string | number;
-    placeholder?: string;
-    type?: "text" | "email" | "password" | "number";
-    required?: boolean;
-    disabled?: boolean;
-    class?: string;
-}
-declare const Input: import("svelte").Component<Props, {}, "value">;
-type Input = ReturnType<typeof Input>;
-export default Input;

package/dist/components/ui/Skeleton.svelte

@@ -1,31 +0,0 @@
-<script lang="ts">
-	import { Skeleton as ShadcnSkeleton } from "./skeleton";
-	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;
-	}
-
-	let { class: className, ...restProps }: Props = $props();
-</script>
-
-<ShadcnSkeleton class={className} {...restProps} />

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

@@ -1,26 +0,0 @@
-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/Textarea.svelte

@@ -1,81 +0,0 @@
-<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

@@ -1,35 +0,0 @@
-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/badge/badge.svelte

@@ -1,50 +0,0 @@
-<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

@@ -1,60 +0,0 @@
-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

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

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

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

package/dist/components/ui/button/button.svelte

@@ -1,82 +0,0 @@
-<script lang="ts" module>
-	import { cn, type WithElementRef } from "../../../utils";
-	import type { HTMLAnchorAttributes, HTMLButtonAttributes } from "svelte/elements";
-	import { type VariantProps, tv } from "tailwind-variants";
-
-	export const buttonVariants = tv({
-		base: "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium outline-none transition-all focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-		variants: {
-			variant: {
-				default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
-				destructive:
-					"bg-destructive shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 text-white",
-				outline:
-					"bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 border",
-				secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
-				ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-				link: "text-primary underline-offset-4 hover:underline",
-			},
-			size: {
-				default: "h-9 px-4 py-2 has-[>svg]:px-3",
-				sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
-				lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-				icon: "size-9",
-				"icon-sm": "size-8",
-				"icon-lg": "size-10",
-			},
-		},
-		defaultVariants: {
-			variant: "default",
-			size: "default",
-		},
-	});
-
-	export type ButtonVariant = VariantProps<typeof buttonVariants>["variant"];
-	export type ButtonSize = VariantProps<typeof buttonVariants>["size"];
-
-	export type ButtonProps = WithElementRef<HTMLButtonAttributes> &
-		WithElementRef<HTMLAnchorAttributes> & {
-			variant?: ButtonVariant;
-			size?: ButtonSize;
-		};
-</script>
-
-<script lang="ts">
-	let {
-		class: className,
-		variant = "default",
-		size = "default",
-		ref = $bindable(null),
-		href = undefined,
-		type = "button",
-		disabled,
-		children,
-		...restProps
-	}: ButtonProps = $props();
-</script>
-
-{#if href}
-	<a
-		bind:this={ref}
-		data-slot="button"
-		class={cn(buttonVariants({ variant, size }), className)}
-		href={disabled ? undefined : href}
-		aria-disabled={disabled}
-		role={disabled ? "link" : undefined}
-		tabindex={disabled ? -1 : undefined}
-		{...restProps}
-	>
-		{@render children?.()}
-	</a>
-{:else}
-	<button
-		bind:this={ref}
-		data-slot="button"
-		class={cn(buttonVariants({ variant, size }), className)}
-		{type}
-		{disabled}
-		{...restProps}
-	>
-		{@render children?.()}
-	</button>
-{/if}

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

@@ -1,132 +0,0 @@
-import { type WithElementRef } from "../../../utils";
-import type { HTMLAnchorAttributes, HTMLButtonAttributes } from "svelte/elements";
-import { type VariantProps } from "tailwind-variants";
-export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
-    variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        link: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
-        "icon-sm": string;
-        "icon-lg": string;
-    };
-}, undefined, "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium outline-none transition-all focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", import("tailwind-variants/dist/config.js").TVConfig<{
-    variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        link: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
-        "icon-sm": string;
-        "icon-lg": string;
-    };
-}, {
-    variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        link: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
-        "icon-sm": string;
-        "icon-lg": string;
-    };
-}>, {
-    variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        link: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
-        "icon-sm": string;
-        "icon-lg": string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        link: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
-        "icon-sm": string;
-        "icon-lg": string;
-    };
-}, undefined, "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium outline-none transition-all focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", import("tailwind-variants/dist/config.js").TVConfig<{
-    variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        link: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
-        "icon-sm": string;
-        "icon-lg": string;
-    };
-}, {
-    variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        link: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
-        "icon-sm": string;
-        "icon-lg": string;
-    };
-}>, unknown, unknown, undefined>>;
-export type ButtonVariant = VariantProps<typeof buttonVariants>["variant"];
-export type ButtonSize = VariantProps<typeof buttonVariants>["size"];
-export type ButtonProps = WithElementRef<HTMLButtonAttributes> & WithElementRef<HTMLAnchorAttributes> & {
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-};
-declare const Button: import("svelte").Component<ButtonProps, {}, "ref">;
-type Button = ReturnType<typeof Button>;
-export default Button;

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

@@ -1,2 +0,0 @@
-import Root, { type ButtonProps, type ButtonSize, type ButtonVariant, buttonVariants } from "./button.svelte";
-export { Root, type ButtonProps as Props, Root as Button, buttonVariants, type ButtonProps, type ButtonSize, type ButtonVariant, };

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

@@ -1,4 +0,0 @@
-import Root, { buttonVariants, } from "./button.svelte";
-export { Root, 
-//
-Root as Button, buttonVariants, };