@autumnsgrove/groveengine 0.3.2 → 0.4.0

package/dist/{components/ui → ui/components/primitives}/dialog/dialog-header.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { HTMLAttributes } from "svelte/elements";
 	import type { WithElementRef } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

package/dist/{components/ui → ui/components/primitives}/dialog/dialog-overlay.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Dialog as DialogPrimitive } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

package/dist/{components/ui → ui/components/primitives}/dialog/dialog-title.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Dialog as DialogPrimitive } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

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

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

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

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

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

@@ -0,0 +1,46 @@
+<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/ui/components/primitives/input/input.svelte.d.ts

@@ -0,0 +1,13 @@
+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 → ui/components/primitives}/select/select-content.svelte

@@ -2,7 +2,7 @@
 	import { Select as SelectPrimitive, type WithoutChild } from "bits-ui";
 	import SelectScrollUpButton from "./select-scroll-up-button.svelte";
 	import SelectScrollDownButton from "./select-scroll-down-button.svelte";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

package/dist/{components/ui → ui/components/primitives}/select/select-group-heading.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Select as SelectPrimitive } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

package/dist/{components/ui → ui/components/primitives}/select/select-item.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import Check from "@lucide/svelte/icons/check";
 	import { Select as SelectPrimitive, type WithoutChild } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

package/dist/{components/ui → ui/components/primitives}/select/select-scroll-down-button.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import ChevronDown from "@lucide/svelte/icons/chevron-down";
 	import { Select as SelectPrimitive, type WithoutChildrenOrChild } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

package/dist/{components/ui → ui/components/primitives}/select/select-scroll-up-button.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import ChevronUp from "@lucide/svelte/icons/chevron-up";
 	import { Select as SelectPrimitive, type WithoutChildrenOrChild } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

package/dist/{components/ui → ui/components/primitives}/select/select-separator.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Separator as SeparatorPrimitive } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

package/dist/{components/ui → ui/components/primitives}/select/select-trigger.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Select as SelectPrimitive, type WithoutChild } from "bits-ui";
 	import ChevronDown from "@lucide/svelte/icons/chevron-down";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

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

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

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

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

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

@@ -0,0 +1,22 @@
+<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/ui/components/primitives/separator/separator.svelte.d.ts

@@ -0,0 +1,4 @@
+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 → ui/components/primitives}/sheet/sheet-content.svelte

@@ -23,7 +23,7 @@
 	import X from "@lucide/svelte/icons/x";
 	import type { Snippet } from "svelte";
 	import SheetOverlay from "./sheet-overlay.svelte";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

package/dist/{components/ui → ui/components/primitives}/sheet/sheet-description.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Dialog as SheetPrimitive } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

package/dist/{components/ui → ui/components/primitives}/sheet/sheet-footer.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { WithElementRef } from "bits-ui";
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

package/dist/{components/ui → ui/components/primitives}/sheet/sheet-header.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { HTMLAttributes } from "svelte/elements";
 	import type { WithElementRef } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

package/dist/{components/ui → ui/components/primitives}/sheet/sheet-overlay.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Dialog as SheetPrimitive } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

package/dist/{components/ui → ui/components/primitives}/sheet/sheet-title.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Dialog as SheetPrimitive } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

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

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

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

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

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

@@ -0,0 +1,17 @@
+<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/ui/components/primitives/skeleton/skeleton.svelte.d.ts

@@ -0,0 +1,5 @@
+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 → ui/components/primitives}/table/table-body.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { HTMLAttributes } from "svelte/elements";
 	import type { WithElementRef } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

package/dist/{components/ui → ui/components/primitives}/table/table-caption.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { HTMLAttributes } from "svelte/elements";
 	import type { WithElementRef } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

package/dist/{components/ui → ui/components/primitives}/table/table-cell.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { HTMLTdAttributes } from "svelte/elements";
 	import type { WithElementRef } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

package/dist/{components/ui → ui/components/primitives}/table/table-footer.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { HTMLAttributes } from "svelte/elements";
 	import type { WithElementRef } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

package/dist/{components/ui → ui/components/primitives}/table/table-head.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { HTMLThAttributes } from "svelte/elements";
 	import type { WithElementRef } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

package/dist/{components/ui → ui/components/primitives}/table/table-header.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { HTMLAttributes } from "svelte/elements";
 	import type { WithElementRef } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

package/dist/{components/ui → ui/components/primitives}/table/table-row.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { HTMLAttributes } from "svelte/elements";
 	import type { WithElementRef } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

package/dist/{components/ui → ui/components/primitives}/table/table.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { HTMLTableAttributes } from "svelte/elements";
 	import type { WithElementRef } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

package/dist/{components/ui → ui/components/primitives}/tabs/tabs-content.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Tabs as TabsPrimitive } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

package/dist/{components/ui → ui/components/primitives}/tabs/tabs-list.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Tabs as TabsPrimitive } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

package/dist/{components/ui → ui/components/primitives}/tabs/tabs-trigger.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Tabs as TabsPrimitive } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn } from "../../../../utils";
 
 	let {
 		ref = $bindable(null),

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

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

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

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

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

@@ -0,0 +1,24 @@
+<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}
+/>

package/dist/ui/components/primitives/textarea/textarea.svelte.d.ts

@@ -0,0 +1,6 @@
+import type { HTMLTextareaAttributes } from "svelte/elements";
+import type { WithElementRef } from "bits-ui";
+type Props = WithElementRef<HTMLTextareaAttributes>;
+declare const Textarea: import("svelte").Component<Props, {}, "value" | "ref">;
+type Textarea = ReturnType<typeof Textarea>;
+export default Textarea;

package/dist/ui/components/states/EmptyState.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+	import Icons from '../icons/Icons.svelte';
+	import type { Snippet } from 'svelte';
+
+	interface Props {
+		icon?: 'search' | 'shopping-bag' | 'star' | 'heart' | 'sparkles';
+		title: string;
+		description?: string;
+		action?: Snippet;
+	}
+
+	let { icon = 'search', title, description, action }: Props = $props();
+</script>
+
+<div class="scout-empty">
+	<div class="scout-empty-icon">
+		<Icons name={icon} size="xl" />
+	</div>
+	<h3 class="scout-empty-title">{title}</h3>
+	{#if description}
+		<p class="scout-empty-description">{description}</p>
+	{/if}
+	{#if action}
+		<div class="mt-6">
+			{@render action()}
+		</div>
+	{/if}
+</div>

package/dist/ui/components/states/EmptyState.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { Snippet } from 'svelte';
+interface Props {
+    icon?: 'search' | 'shopping-bag' | 'star' | 'heart' | 'sparkles';
+    title: string;
+    description?: string;
+    action?: Snippet;
+}
+declare const EmptyState: import("svelte").Component<Props, {}, "">;
+type EmptyState = ReturnType<typeof EmptyState>;
+export default EmptyState;

package/dist/ui/components/states/Loading.svelte

@@ -0,0 +1,62 @@
+<script lang="ts">
+	interface Props {
+		size?: 'sm' | 'md' | 'lg';
+		message?: string;
+	}
+
+	let { size = 'md', message }: Props = $props();
+
+	const sizes = {
+		sm: { spinner: '16px', border: '2px' },
+		md: { spinner: '32px', border: '3px' },
+		lg: { spinner: '48px', border: '4px' }
+	};
+</script>
+
+<div class="loading" class:loading-sm={size === 'sm'} class:loading-lg={size === 'lg'}>
+	<div
+		class="spinner"
+		style="width: {sizes[size].spinner}; height: {sizes[size].spinner}; border-width: {sizes[size].border};"
+	></div>
+	{#if message}
+		<p class="message">{message}</p>
+	{/if}
+</div>
+
+<style>
+	.loading {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		gap: 1rem;
+		padding: 2rem;
+	}
+
+	.spinner {
+		border-style: solid;
+		border-color: var(--color-border);
+		border-top-color: var(--color-primary);
+		border-radius: 50%;
+		animation: spin 0.8s linear infinite;
+	}
+
+	@keyframes spin {
+		to {
+			transform: rotate(360deg);
+		}
+	}
+
+	.message {
+		color: var(--color-text-secondary);
+		font-size: 0.875rem;
+	}
+
+	.loading-sm .message {
+		font-size: 0.75rem;
+	}
+
+	.loading-lg .message {
+		font-size: 1rem;
+	}
+</style>

package/dist/ui/components/states/Loading.svelte.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    size?: 'sm' | 'md' | 'lg';
+    message?: string;
+}
+declare const Loading: import("svelte").Component<Props, {}, "">;
+type Loading = ReturnType<typeof Loading>;
+export default Loading;

package/dist/ui/components/states/LoadingSkeleton.svelte

@@ -0,0 +1,46 @@
+<script lang="ts">
+	interface Props {
+		variant?: 'text' | 'heading' | 'card' | 'product' | 'avatar' | 'button';
+		lines?: number;
+		class?: string;
+	}
+
+	let { variant = 'text', lines = 1, class: className = '' }: Props = $props();
+</script>
+
+{#if variant === 'text'}
+	<div class="space-y-2 {className}">
+		{#each Array(lines) as _, i}
+			<div class="scout-skeleton h-4 {i === lines - 1 ? 'w-3/4' : 'w-full'}"></div>
+		{/each}
+	</div>
+{:else if variant === 'heading'}
+	<div class="scout-skeleton h-8 w-2/3 {className}"></div>
+{:else if variant === 'avatar'}
+	<div class="scout-skeleton w-10 h-10 rounded-full {className}"></div>
+{:else if variant === 'button'}
+	<div class="scout-skeleton h-10 w-32 rounded-grove {className}"></div>
+{:else if variant === 'card'}
+	<div class="scout-card p-4 {className}">
+		<div class="scout-skeleton h-5 w-3/4 mb-3"></div>
+		<div class="space-y-2">
+			<div class="scout-skeleton h-4 w-full"></div>
+			<div class="scout-skeleton h-4 w-5/6"></div>
+		</div>
+		<div class="scout-skeleton h-9 w-24 mt-4 rounded-grove"></div>
+	</div>
+{:else if variant === 'product'}
+	<div class="scout-card p-0 overflow-hidden {className}">
+		<div class="scout-skeleton aspect-square"></div>
+		<div class="p-4 space-y-3">
+			<div class="scout-skeleton h-5 w-full"></div>
+			<div class="scout-skeleton h-5 w-2/3"></div>
+			<div class="flex gap-2">
+				<div class="scout-skeleton h-6 w-20"></div>
+				<div class="scout-skeleton h-6 w-16"></div>
+			</div>
+			<div class="scout-skeleton h-2 w-full rounded-full"></div>
+			<div class="scout-skeleton h-10 w-full rounded-grove mt-2"></div>
+		</div>
+	</div>
+{/if}

package/dist/ui/components/states/LoadingSkeleton.svelte.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    variant?: 'text' | 'heading' | 'card' | 'product' | 'avatar' | 'button';
+    lines?: number;
+    class?: string;
+}
+declare const LoadingSkeleton: import("svelte").Component<Props, {}, "">;
+type LoadingSkeleton = ReturnType<typeof LoadingSkeleton>;
+export default LoadingSkeleton;