@autumnsgrove/groveengine 0.1.1 → 0.3.1

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, };

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

@@ -1,16 +0,0 @@
-<script lang="ts">
-	import type { WithElementRef } from "bits-ui";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "../../../utils";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div bind:this={ref} class={cn("p-6", className)} {...restProps}>
-	{@render children?.()}
-</div>

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

@@ -1,5 +0,0 @@
-import type { WithElementRef } from "bits-ui";
-import type { HTMLAttributes } from "svelte/elements";
-declare const CardContent: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
-type CardContent = ReturnType<typeof CardContent>;
-export default CardContent;

package/dist/components/ui/card/card-description.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">
-	import type { WithElementRef } from "bits-ui";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "../../../utils";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLParagraphElement>> = $props();
-</script>
-
-<p bind:this={ref} class={cn("text-muted-foreground text-sm", className)} {...restProps}>
-	{@render children?.()}
-</p>

package/dist/components/ui/card/card-description.svelte.d.ts

@@ -1,5 +0,0 @@
-import type { WithElementRef } from "bits-ui";
-import type { HTMLAttributes } from "svelte/elements";
-declare const CardDescription: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLParagraphElement>>, {}, "ref">;
-type CardDescription = ReturnType<typeof CardDescription>;
-export default CardDescription;

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

@@ -1,16 +0,0 @@
-<script lang="ts">
-	import type { WithElementRef } from "bits-ui";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "../../../utils";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div bind:this={ref} class={cn("flex items-center p-6 pt-0", className)} {...restProps}>
-	{@render children?.()}
-</div>

package/dist/components/ui/card/card-footer.svelte.d.ts

@@ -1,5 +0,0 @@
-import type { WithElementRef } from "bits-ui";
-import type { HTMLAttributes } from "svelte/elements";
-declare const CardFooter: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
-type CardFooter = ReturnType<typeof CardFooter>;
-export default CardFooter;

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

@@ -1,16 +0,0 @@
-<script lang="ts">
-	import type { WithElementRef } from "bits-ui";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "../../../utils";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div bind:this={ref} class={cn("flex flex-col space-y-1.5 p-6 pb-0", className)} {...restProps}>
-	{@render children?.()}
-</div>

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

@@ -1,5 +0,0 @@
-import type { WithElementRef } from "bits-ui";
-import type { HTMLAttributes } from "svelte/elements";
-declare const CardHeader: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
-type CardHeader = ReturnType<typeof CardHeader>;
-export default CardHeader;

package/dist/components/ui/card/card-title.svelte

@@ -1,25 +0,0 @@
-<script lang="ts">
-	import type { WithElementRef } from "bits-ui";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "../../../utils";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		level = 3,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
-		level?: 1 | 2 | 3 | 4 | 5 | 6;
-	} = $props();
-</script>
-
-<div
-	role="heading"
-	aria-level={level}
-	bind:this={ref}
-	class={cn("text-2xl font-semibold leading-none tracking-tight", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

package/dist/components/ui/card/card-title.svelte.d.ts

@@ -1,8 +0,0 @@
-import type { WithElementRef } from "bits-ui";
-import type { HTMLAttributes } from "svelte/elements";
-type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
-};
-declare const CardTitle: import("svelte").Component<$$ComponentProps, {}, "ref">;
-type CardTitle = ReturnType<typeof CardTitle>;
-export default CardTitle;

package/dist/components/ui/card/card.svelte

@@ -1,20 +0,0 @@
-<script lang="ts">
-	import type { WithElementRef } from "bits-ui";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "../../../utils";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	class={cn("bg-card text-card-foreground rounded-lg border shadow-sm", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

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

@@ -1,5 +0,0 @@
-import type { WithElementRef } from "bits-ui";
-import type { HTMLAttributes } from "svelte/elements";
-declare const Card: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
-type Card = ReturnType<typeof Card>;
-export default Card;

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

@@ -1,7 +0,0 @@
-import Root from "./card.svelte";
-import Content from "./card-content.svelte";
-import Description from "./card-description.svelte";
-import Footer from "./card-footer.svelte";
-import Header from "./card-header.svelte";
-import Title from "./card-title.svelte";
-export { Root, Content, Description, Footer, Header, Title, Root as Card, Content as CardContent, Description as CardDescription, Footer as CardFooter, Header as CardHeader, Title as CardTitle, };

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

@@ -1,9 +0,0 @@
-import Root from "./card.svelte";
-import Content from "./card-content.svelte";
-import Description from "./card-description.svelte";
-import Footer from "./card-footer.svelte";
-import Header from "./card-header.svelte";
-import Title from "./card-title.svelte";
-export { Root, Content, Description, Footer, Header, Title, 
-//
-Root as Card, Content as CardContent, Description as CardDescription, Footer as CardFooter, Header as CardHeader, Title as CardTitle, };

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

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

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

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

package/dist/components/ui/input/input.svelte

@@ -1,46 +0,0 @@
-<script lang="ts">
-	import type { HTMLInputAttributes, HTMLInputTypeAttribute } from "svelte/elements";
-	import type { WithElementRef } from "bits-ui";
-	import { cn } from "../../../utils";
-
-	type InputType = Exclude<HTMLInputTypeAttribute, "file">;
-
-	type Props = WithElementRef<
-		Omit<HTMLInputAttributes, "type"> &
-			({ type: "file"; files?: FileList } | { type?: InputType; files?: undefined })
-	>;
-
-	let {
-		ref = $bindable(null),
-		value = $bindable(),
-		type,
-		files = $bindable(),
-		class: className,
-		...restProps
-	}: Props = $props();
-</script>
-
-{#if type === "file"}
-	<input
-		bind:this={ref}
-		class={cn(
-			"border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex h-10 w-full rounded-md border px-3 py-2 text-base file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-			className
-		)}
-		type="file"
-		bind:files
-		bind:value
-		{...restProps}
-	/>
-{:else}
-	<input
-		bind:this={ref}
-		class={cn(
-			"border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex h-10 w-full rounded-md border px-3 py-2 text-base file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-			className
-		)}
-		{type}
-		bind:value
-		{...restProps}
-	/>
-{/if}

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

@@ -1,13 +0,0 @@
-import type { HTMLInputAttributes, HTMLInputTypeAttribute } from "svelte/elements";
-import type { WithElementRef } from "bits-ui";
-type InputType = Exclude<HTMLInputTypeAttribute, "file">;
-type Props = WithElementRef<Omit<HTMLInputAttributes, "type"> & ({
-    type: "file";
-    files?: FileList;
-} | {
-    type?: InputType;
-    files?: undefined;
-})>;
-declare const Input: import("svelte").Component<Props, {}, "value" | "ref" | "files">;
-type Input = ReturnType<typeof Input>;
-export default Input;

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

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

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

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

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

@@ -1,22 +0,0 @@
-<script lang="ts">
-	import { Separator as SeparatorPrimitive } from "bits-ui";
-	import { cn } from "../../../utils";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		orientation = "horizontal",
-		...restProps
-	}: SeparatorPrimitive.RootProps = $props();
-</script>
-
-<SeparatorPrimitive.Root
-	bind:ref
-	class={cn(
-		"bg-border shrink-0",
-		orientation === "horizontal" ? "h-[1px] w-full" : "min-h-full w-[1px]",
-		className
-	)}
-	{orientation}
-	{...restProps}
-/>

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

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

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

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

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

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

package/dist/components/ui/skeleton/skeleton.svelte

@@ -1,17 +0,0 @@
-<script lang="ts">
-	import type { WithElementRef, WithoutChildren } from "bits-ui";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "../../../utils";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: WithoutChildren<WithElementRef<HTMLAttributes<HTMLDivElement>>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	class={cn("bg-muted animate-pulse rounded-md", className)}
-	{...restProps}
-></div>

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

@@ -1,5 +0,0 @@
-import type { WithElementRef } from "bits-ui";
-import type { HTMLAttributes } from "svelte/elements";
-declare const Skeleton: import("svelte").Component<Omit<WithElementRef<HTMLAttributes<HTMLDivElement>>, "children">, {}, "ref">;
-type Skeleton = ReturnType<typeof Skeleton>;
-export default Skeleton;

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

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

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

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

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

@@ -1,24 +0,0 @@
-<script lang="ts">
-	import type { HTMLTextareaAttributes } from "svelte/elements";
-	import type { WithElementRef } from "bits-ui";
-	import { cn } from "../../../utils";
-
-	type Props = WithElementRef<HTMLTextareaAttributes>;
-
-	let {
-		ref = $bindable(null),
-		value = $bindable(),
-		class: className,
-		...restProps
-	}: Props = $props();
-</script>
-
-<textarea
-	bind:this={ref}
-	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-base focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-		className
-	)}
-	bind:value
-	{...restProps}
-/>