@tanglemedia/svelte-starter-ui-shadcn 0.0.6 → 0.2.0

package/dist/lib/components/ui/field/field.svelte

@@ -0,0 +1,47 @@
+<script lang="ts" module>
+	import { tv, type VariantProps } from "tailwind-variants";
+
+	export const fieldVariants = tv({
+		base: "data-[invalid=true]:text-destructive gap-2 group/field flex w-full",
+		variants: {
+			orientation: {
+				vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
+				horizontal:
+					"flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+				responsive:
+					"flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+			},
+		},
+		defaultVariants: {
+			orientation: "vertical",
+		},
+	});
+
+	export type FieldOrientation = VariantProps<typeof fieldVariants>["orientation"];
+</script>
+
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		orientation = "vertical",
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+		orientation?: FieldOrientation;
+	} = $props();
+</script>
+
+<div
+	bind:this={ref}
+	role="group"
+	data-slot="field"
+	data-orientation={orientation}
+	class={cn(fieldVariants({ orientation }), className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/lib/components/ui/field/field.svelte.d.ts

@@ -0,0 +1,29 @@
+import { type VariantProps } from "tailwind-variants";
+export declare const fieldVariants: import("tailwind-variants").TVReturnType<{
+    orientation: {
+        vertical: "flex-col *:w-full [&>.sr-only]:w-auto";
+        horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px";
+        responsive: "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px";
+    };
+}, undefined, "data-[invalid=true]:text-destructive gap-2 group/field flex w-full", {
+    orientation: {
+        vertical: "flex-col *:w-full [&>.sr-only]:w-auto";
+        horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px";
+        responsive: "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px";
+    };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+    orientation: {
+        vertical: "flex-col *:w-full [&>.sr-only]:w-auto";
+        horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px";
+        responsive: "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px";
+    };
+}, undefined>>;
+export type FieldOrientation = VariantProps<typeof fieldVariants>["orientation"];
+import { type WithElementRef } from "../../utils.js";
+import type { HTMLAttributes } from "svelte/elements";
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    orientation?: FieldOrientation;
+};
+declare const Field: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type Field = ReturnType<typeof Field>;
+export default Field;

package/dist/lib/components/ui/field/index.d.ts

@@ -0,0 +1,11 @@
+import Content from "./field-content.svelte";
+import Description from "./field-description.svelte";
+import Error from "./field-error.svelte";
+import Group from "./field-group.svelte";
+import Label from "./field-label.svelte";
+import Legend from "./field-legend.svelte";
+import Separator from "./field-separator.svelte";
+import Set from "./field-set.svelte";
+import Title from "./field-title.svelte";
+import Field from "./field.svelte";
+export { Field, Set, Legend, Group, Content, Label, Title, Description, Separator, Error, Set as FieldSet, Legend as FieldLegend, Group as FieldGroup, Content as FieldContent, Label as FieldLabel, Title as FieldTitle, Description as FieldDescription, Separator as FieldSeparator, Error as FieldError, };

package/dist/lib/components/ui/field/index.js

@@ -0,0 +1,13 @@
+import Content from "./field-content.svelte";
+import Description from "./field-description.svelte";
+import Error from "./field-error.svelte";
+import Group from "./field-group.svelte";
+import Label from "./field-label.svelte";
+import Legend from "./field-legend.svelte";
+import Separator from "./field-separator.svelte";
+import Set from "./field-set.svelte";
+import Title from "./field-title.svelte";
+import Field from "./field.svelte";
+export { Field, Set, Legend, Group, Content, Label, Title, Description, Separator, Error, 
+//
+Set as FieldSet, Legend as FieldLegend, Group as FieldGroup, Content as FieldContent, Label as FieldLabel, Title as FieldTitle, Description as FieldDescription, Separator as FieldSeparator, Error as FieldError, };

package/dist/lib/components/ui/form/form-button.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import * as Button from "../button/index.js";
+	import { Button, type ButtonProps } from "../button/index.js";
 
-	let { ref = $bindable(null), ...restProps }: Button.Props = $props();
+	let { ref = $bindable(null), ...restProps }: ButtonProps = $props();
 </script>
 
-<Button.Root type="submit" bind:ref {...restProps} />
+<Button bind:ref type="submit" {...restProps} />

package/dist/lib/components/ui/form/form-button.svelte.d.ts

@@ -1,4 +1,4 @@
-import * as Button from "../button/index.js";
-declare const FormButton: import("svelte").Component<Button.Props, {}, "ref">;
+import { type ButtonProps } from "../button/index.js";
+declare const FormButton: import("svelte").Component<ButtonProps, {}, "ref">;
 type FormButton = ReturnType<typeof FormButton>;
 export default FormButton;

package/dist/lib/components/ui/form/form-description.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
 	import * as FormPrimitive from "formsnap";
-	import type { WithoutChild } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn, type WithoutChild } from "../../utils.js";
 
 	let {
 		ref = $bindable(null),
@@ -12,6 +11,7 @@
 
 <FormPrimitive.Description
 	bind:ref
-	class={cn("text-muted-foreground text-[0.8rem]", className)}
+	data-slot="form-description"
+	class={cn("text-sm text-muted-foreground", className)}
 	{...restProps}
 />

package/dist/lib/components/ui/form/form-element-field.svelte

@@ -1,14 +1,8 @@
-<script lang="ts" module>
-	import type { FormPathLeaves as _FormPathLeaves } from "sveltekit-superforms";
-	type T = Record<string, unknown>;
-	type U = _FormPathLeaves<T>;
-</script>
-
-<script lang="ts" generics="T extends Record<string, unknown>, U extends _FormPathLeaves<T>">
+<script lang="ts" generics="T extends Record<string, unknown>, U extends FormPathLeaves<T>">
 	import * as FormPrimitive from "formsnap";
+	import { cn, type WithElementRef, type WithoutChildren } from "../../utils.js";
 	import type { HTMLAttributes } from "svelte/elements";
-	import type { WithElementRef } from "bits-ui";
-	import { cn } from "../../../utils";
+	import type { FormPathLeaves } from "sveltekit-superforms";
 
 	let {
 		ref = $bindable(null),
@@ -17,7 +11,7 @@
 		name,
 		children: childrenProp,
 		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> &
+	}: WithoutChildren<WithElementRef<HTMLAttributes<HTMLDivElement>>> &
 		FormPrimitive.ElementFieldProps<T, U> = $props();
 </script>
 

package/dist/lib/components/ui/form/form-element-field.svelte.d.ts

@@ -1,22 +1,28 @@
-import type { FormPathLeaves as _FormPathLeaves } from "sveltekit-superforms";
 import * as FormPrimitive from "formsnap";
+import { type WithElementRef } from "../../utils.js";
 import type { HTMLAttributes } from "svelte/elements";
-declare class __sveltets_Render<T extends Record<string, unknown>, U extends _FormPathLeaves<T>> {
-    props(): HTMLAttributes<HTMLDivElement> & {
-        ref?: HTMLElement | null | undefined;
-    } & FormPrimitive.ElementFieldProps<T, U, any>;
-    events(): {};
-    slots(): {};
+import type { FormPathLeaves } from "sveltekit-superforms";
+declare function $$render<T extends Record<string, unknown>, U extends FormPathLeaves<T>>(): {
+    props: Omit<WithElementRef<HTMLAttributes<HTMLDivElement>>, "children"> & FormPrimitive.ElementFieldProps<T, U, any>;
+    exports: {};
+    bindings: "ref";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends Record<string, unknown>, U extends FormPathLeaves<T>> {
+    props(): ReturnType<typeof $$render<T, U>>['props'];
+    events(): ReturnType<typeof $$render<T, U>>['events'];
+    slots(): ReturnType<typeof $$render<T, U>>['slots'];
     bindings(): "ref";
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <T extends Record<string, unknown>, U extends _FormPathLeaves<T>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, U>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, U>['props']>, ReturnType<__sveltets_Render<T, U>['events']>, ReturnType<__sveltets_Render<T, U>['slots']>> & {
+    new <T extends Record<string, unknown>, U extends FormPathLeaves<T>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, U>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, U>['props']>, ReturnType<__sveltets_Render<T, U>['events']>, ReturnType<__sveltets_Render<T, U>['slots']>> & {
         $$bindings?: ReturnType<__sveltets_Render<T, U>['bindings']>;
     } & ReturnType<__sveltets_Render<T, U>['exports']>;
-    <T extends Record<string, unknown>, U extends _FormPathLeaves<T>>(internal: unknown, props: ReturnType<__sveltets_Render<T, U>['props']> & {}): ReturnType<__sveltets_Render<T, U>['exports']>;
+    <T extends Record<string, unknown>, U extends FormPathLeaves<T>>(internal: unknown, props: ReturnType<__sveltets_Render<T, U>['props']> & {}): ReturnType<__sveltets_Render<T, U>['exports']>;
     z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const FormElementField: $$IsomorphicComponent;
-type FormElementField<T extends Record<string, unknown>, U extends _FormPathLeaves<T>> = InstanceType<typeof FormElementField<T, U>>;
+type FormElementField<T extends Record<string, unknown>, U extends FormPathLeaves<T>> = InstanceType<typeof FormElementField<T, U>>;
 export default FormElementField;

package/dist/lib/components/ui/form/form-field-errors.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
 	import * as FormPrimitive from "formsnap";
-	import type { WithoutChild } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn, type WithoutChild } from "../../utils.js";
 
 	let {
 		ref = $bindable(null),
@@ -15,7 +14,8 @@
 </script>
 
 <FormPrimitive.FieldErrors
-	class={cn("text-destructive text-[0.8rem] font-medium", className)}
+	bind:ref
+	class={cn("text-sm font-medium text-destructive", className)}
 	{...restProps}
 >
 	{#snippet children({ errors, errorProps })}

package/dist/lib/components/ui/form/form-field-errors.svelte.d.ts

@@ -1,5 +1,5 @@
 import * as FormPrimitive from "formsnap";
-import type { WithoutChild } from "bits-ui";
+import { type WithoutChild } from "../../utils.js";
 type $$ComponentProps = WithoutChild<FormPrimitive.FieldErrorsProps> & {
     errorClasses?: string | undefined | null;
 };

package/dist/lib/components/ui/form/form-field.svelte

@@ -1,14 +1,8 @@
-<script lang="ts" module>
-	import type { FormPath as _FormPath } from "sveltekit-superforms";
-	type T = Record<string, unknown>;
-	type U = _FormPath<T>;
-</script>
-
-<script lang="ts" generics="T extends Record<string, unknown>, U extends _FormPath<T>">
+<script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>">
 	import * as FormPrimitive from "formsnap";
-	import { cn } from "../../../utils";
-	import type { WithElementRef, WithoutChildren } from "bits-ui";
+	import { cn, type WithElementRef, type WithoutChildren } from "../../utils.js";
 	import type { HTMLAttributes } from "svelte/elements";
+	import type { FormPath } from "sveltekit-superforms";
 
 	let {
 		ref = $bindable(null),
@@ -23,7 +17,7 @@
 
 <FormPrimitive.Field {form} {name}>
 	{#snippet children({ constraints, errors, tainted, value })}
-		<div bind:this={ref} class={cn("space-y-2", className)} {...restProps}>
+		<div bind:this={ref} data-slot="form-item" class={cn("space-y-2", className)} {...restProps}>
 			{@render childrenProp?.({ constraints, errors, tainted, value: value as T[U] })}
 		</div>
 	{/snippet}

package/dist/lib/components/ui/form/form-field.svelte.d.ts

@@ -1,21 +1,28 @@
-import type { FormPath as _FormPath } from "sveltekit-superforms";
 import * as FormPrimitive from "formsnap";
-import type { WithElementRef } from "bits-ui";
+import { type WithElementRef } from "../../utils.js";
 import type { HTMLAttributes } from "svelte/elements";
-declare class __sveltets_Render<T extends Record<string, unknown>, U extends _FormPath<T>> {
-    props(): FormPrimitive.FieldProps<T, U, any> & Omit<WithElementRef<HTMLAttributes<HTMLDivElement>>, "children">;
-    events(): {};
-    slots(): {};
+import type { FormPath } from "sveltekit-superforms";
+declare function $$render<T extends Record<string, unknown>, U extends FormPath<T>>(): {
+    props: FormPrimitive.FieldProps<T, U, any> & Omit<WithElementRef<HTMLAttributes<HTMLDivElement>>, "children">;
+    exports: {};
+    bindings: "ref";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends Record<string, unknown>, U extends FormPath<T>> {
+    props(): ReturnType<typeof $$render<T, U>>['props'];
+    events(): ReturnType<typeof $$render<T, U>>['events'];
+    slots(): ReturnType<typeof $$render<T, U>>['slots'];
     bindings(): "ref";
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <T extends Record<string, unknown>, U extends _FormPath<T>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, U>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, U>['props']>, ReturnType<__sveltets_Render<T, U>['events']>, ReturnType<__sveltets_Render<T, U>['slots']>> & {
+    new <T extends Record<string, unknown>, U extends FormPath<T>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, U>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, U>['props']>, ReturnType<__sveltets_Render<T, U>['events']>, ReturnType<__sveltets_Render<T, U>['slots']>> & {
         $$bindings?: ReturnType<__sveltets_Render<T, U>['bindings']>;
     } & ReturnType<__sveltets_Render<T, U>['exports']>;
-    <T extends Record<string, unknown>, U extends _FormPath<T>>(internal: unknown, props: ReturnType<__sveltets_Render<T, U>['props']> & {}): ReturnType<__sveltets_Render<T, U>['exports']>;
+    <T extends Record<string, unknown>, U extends FormPath<T>>(internal: unknown, props: ReturnType<__sveltets_Render<T, U>['props']> & {}): ReturnType<__sveltets_Render<T, U>['exports']>;
     z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const FormField: $$IsomorphicComponent;
-type FormField<T extends Record<string, unknown>, U extends _FormPath<T>> = InstanceType<typeof FormField<T, U>>;
+type FormField<T extends Record<string, unknown>, U extends FormPath<T>> = InstanceType<typeof FormField<T, U>>;
 export default FormField;

package/dist/lib/components/ui/form/form-fieldset.svelte

@@ -1,13 +1,7 @@
-<script lang="ts" module>
-	import type { FormPath as _FormPath } from "sveltekit-superforms";
-	type T = Record<string, unknown>;
-	type U = _FormPath<T>;
-</script>
-
-<script lang="ts" generics="T extends Record<string, unknown>, U extends _FormPath<T>">
+<script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>">
 	import * as FormPrimitive from "formsnap";
-	import type { WithoutChild } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn, type WithoutChild } from "../../utils.js";
+	import type { FormPath } from "sveltekit-superforms";
 
 	let {
 		ref = $bindable(null),

package/dist/lib/components/ui/form/form-fieldset.svelte.d.ts

@@ -1,19 +1,27 @@
-import type { FormPath as _FormPath } from "sveltekit-superforms";
 import * as FormPrimitive from "formsnap";
-declare class __sveltets_Render<T extends Record<string, unknown>, U extends _FormPath<T>> {
-    props(): Omit<FormPrimitive.FieldsetProps<T, U, any>, "child">;
-    events(): {};
-    slots(): {};
+import { type WithoutChild } from "../../utils.js";
+import type { FormPath } from "sveltekit-superforms";
+declare function $$render<T extends Record<string, unknown>, U extends FormPath<T>>(): {
+    props: WithoutChild<FormPrimitive.FieldsetProps<T, U>>;
+    exports: {};
+    bindings: "ref";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends Record<string, unknown>, U extends FormPath<T>> {
+    props(): ReturnType<typeof $$render<T, U>>['props'];
+    events(): ReturnType<typeof $$render<T, U>>['events'];
+    slots(): ReturnType<typeof $$render<T, U>>['slots'];
     bindings(): "ref";
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <T extends Record<string, unknown>, U extends _FormPath<T>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, U>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, U>['props']>, ReturnType<__sveltets_Render<T, U>['events']>, ReturnType<__sveltets_Render<T, U>['slots']>> & {
+    new <T extends Record<string, unknown>, U extends FormPath<T>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, U>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, U>['props']>, ReturnType<__sveltets_Render<T, U>['events']>, ReturnType<__sveltets_Render<T, U>['slots']>> & {
         $$bindings?: ReturnType<__sveltets_Render<T, U>['bindings']>;
     } & ReturnType<__sveltets_Render<T, U>['exports']>;
-    <T extends Record<string, unknown>, U extends _FormPath<T>>(internal: unknown, props: ReturnType<__sveltets_Render<T, U>['props']> & {}): ReturnType<__sveltets_Render<T, U>['exports']>;
+    <T extends Record<string, unknown>, U extends FormPath<T>>(internal: unknown, props: ReturnType<__sveltets_Render<T, U>['props']> & {}): ReturnType<__sveltets_Render<T, U>['exports']>;
     z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const FormFieldset: $$IsomorphicComponent;
-type FormFieldset<T extends Record<string, unknown>, U extends _FormPath<T>> = InstanceType<typeof FormFieldset<T, U>>;
+type FormFieldset<T extends Record<string, unknown>, U extends FormPath<T>> = InstanceType<typeof FormFieldset<T, U>>;
 export default FormFieldset;

package/dist/lib/components/ui/form/form-label.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">
-	import type { WithoutChild } from "bits-ui";
 	import * as FormPrimitive from "formsnap";
 	import { Label } from "../label/index.js";
-	import { cn } from "../../../utils";
+	import { cn, type WithoutChild } from "../../utils.js";
 
 	let {
 		ref = $bindable(null),
@@ -14,7 +13,11 @@
 
 <FormPrimitive.Label {...restProps} bind:ref>
 	{#snippet child({ props })}
-		<Label {...props} class={cn("data-[fs-error]:text-destructive", className)}>
+		<Label
+			{...props}
+			data-slot="form-label"
+			class={cn("data-[fs-error]:text-destructive", className)}
+		>
 			{@render children?.()}
 		</Label>
 	{/snippet}

package/dist/lib/components/ui/form/form-legend.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
 	import * as FormPrimitive from "formsnap";
-	import type { WithoutChild } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn, type WithoutChild } from "../../utils.js";
 
 	let {
 		ref = $bindable(null),
@@ -12,6 +11,6 @@
 
 <FormPrimitive.Legend
 	bind:ref
+	class={cn("text-sm leading-none font-medium data-[fs-error]:text-destructive", className)}
 	{...restProps}
-	class={cn("data-[fs-error]:text-destructive text-sm font-medium leading-none", className)}
 />

package/dist/lib/components/ui/form/index.d.ts

@@ -1,11 +1,11 @@
 import * as FormPrimitive from "formsnap";
+import Button from "./form-button.svelte";
 import Description from "./form-description.svelte";
-import Label from "./form-label.svelte";
+import ElementField from "./form-element-field.svelte";
 import FieldErrors from "./form-field-errors.svelte";
 import Field from "./form-field.svelte";
-import Button from "./form-button.svelte";
 import Fieldset from "./form-fieldset.svelte";
+import Label from "./form-label.svelte";
 import Legend from "./form-legend.svelte";
-import ElementField from "./form-element-field.svelte";
-declare const Control: typeof FormPrimitive.Control;
-export { Field, Control, Label, FieldErrors, Description, Fieldset, Legend, ElementField, Button, Field as FormField, Control as FormControl, Description as FormDescription, Label as FormLabel, FieldErrors as FormFieldErrors, Fieldset as FormFieldset, Legend as FormLegend, ElementField as FormElementField, Button as FormButton, };
+declare const Control: import("svelte").Component<FormPrimitive.ControlProps, {}, "">;
+export { Field, Control, Label, Button, FieldErrors, Description, Fieldset, Legend, ElementField, Field as FormField, Control as FormControl, Description as FormDescription, Label as FormLabel, FieldErrors as FormFieldErrors, Fieldset as FormFieldset, Legend as FormLegend, ElementField as FormElementField, Button as FormButton, };

package/dist/lib/components/ui/form/index.js

@@ -1,13 +1,13 @@
 import * as FormPrimitive from "formsnap";
+import Button from "./form-button.svelte";
 import Description from "./form-description.svelte";
-import Label from "./form-label.svelte";
+import ElementField from "./form-element-field.svelte";
 import FieldErrors from "./form-field-errors.svelte";
 import Field from "./form-field.svelte";
-import Button from "./form-button.svelte";
 import Fieldset from "./form-fieldset.svelte";
+import Label from "./form-label.svelte";
 import Legend from "./form-legend.svelte";
-import ElementField from "./form-element-field.svelte";
 const Control = FormPrimitive.Control;
-export { Field, Control, Label, FieldErrors, Description, Fieldset, Legend, ElementField, Button, 
+export { Field, Control, Label, Button, FieldErrors, Description, Fieldset, Legend, ElementField, 
 //
 Field as FormField, Control as FormControl, Description as FormDescription, Label as FormLabel, FieldErrors as FormFieldErrors, Fieldset as FormFieldset, Legend as FormLegend, ElementField as FormElementField, Button as FormButton, };

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

@@ -1,28 +1,33 @@
 <script lang="ts">
 	import { LinkPreview as HoverCardPrimitive } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn, type WithoutChildrenOrChild } from "../../utils.js";
+	import HoverCardPortal from "./hover-card-portal.svelte";
+	import type { ComponentProps } from "svelte";
 
 	let {
 		ref = $bindable(null),
 		class: className,
-		align = "center",
+		side = "bottom",
 		sideOffset = 4,
+		align = "center",
 		portalProps,
 		...restProps
 	}: HoverCardPrimitive.ContentProps & {
-		portalProps?: HoverCardPrimitive.PortalProps;
+		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof HoverCardPortal>>;
 	} = $props();
 </script>
 
-<HoverCardPrimitive.Portal {...portalProps}>
+<HoverCardPortal {...portalProps}>
 	<HoverCardPrimitive.Content
 		bind:ref
+		data-slot="hover-card-content"
+		{side}
 		{sideOffset}
 		{align}
 		class={cn(
-			"bg-popover text-popover-foreground z-50 w-64 rounded-md border p-4 shadow-md outline-none",
+			"data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground w-64 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 origin-(--bits-link-preview-content-transform-origin) outline-hidden",
 			className
 		)}
 		{...restProps}
 	/>
-</HoverCardPrimitive.Portal>
+</HoverCardPortal>

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

@@ -1,6 +1,9 @@
 import { LinkPreview as HoverCardPrimitive } from "bits-ui";
+import { type WithoutChildrenOrChild } from "../../utils.js";
+import HoverCardPortal from "./hover-card-portal.svelte";
+import type { ComponentProps } from "svelte";
 type $$ComponentProps = HoverCardPrimitive.ContentProps & {
-    portalProps?: HoverCardPrimitive.PortalProps;
+    portalProps?: WithoutChildrenOrChild<ComponentProps<typeof HoverCardPortal>>;
 };
 declare const HoverCardContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
 type HoverCardContent = ReturnType<typeof HoverCardContent>;

package/dist/lib/components/ui/hover-card/hover-card-portal.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { LinkPreview as HoverCardPrimitive } from "bits-ui";
+
+	let { ...restProps }: HoverCardPrimitive.PortalProps = $props();
+</script>
+
+<HoverCardPrimitive.Portal {...restProps} />

package/dist/lib/components/ui/hover-card/hover-card-portal.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const HoverCardPortal: import("svelte").Component<import("bits-ui").PortalProps, {}, "">;
+type HoverCardPortal = ReturnType<typeof HoverCardPortal>;
+export default HoverCardPortal;

package/dist/lib/components/ui/hover-card/hover-card-trigger.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { LinkPreview as HoverCardPrimitive } from "bits-ui";
+
+	let { ref = $bindable(null), ...restProps }: HoverCardPrimitive.TriggerProps = $props();
+</script>
+
+<HoverCardPrimitive.Trigger bind:ref data-slot="hover-card-trigger" {...restProps} />

package/dist/lib/components/ui/hover-card/hover-card-trigger.svelte.d.ts

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

package/dist/lib/components/ui/hover-card/hover-card.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { LinkPreview as HoverCardPrimitive } from "bits-ui";
+
+	let { open = $bindable(false), ...restProps }: HoverCardPrimitive.RootProps = $props();
+</script>
+
+<HoverCardPrimitive.Root bind:open {...restProps} />

package/dist/lib/components/ui/hover-card/hover-card.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const HoverCard: import("svelte").Component<import("bits-ui").LinkPreviewRootPropsWithoutHTML, {}, "open">;
+type HoverCard = ReturnType<typeof HoverCard>;
+export default HoverCard;

package/dist/lib/components/ui/hover-card/index.d.ts

@@ -1,5 +1,5 @@
-import { LinkPreview as HoverCardPrimitive } from "bits-ui";
 import Content from "./hover-card-content.svelte";
-declare const Root: import("svelte").Component<import("bits-ui").LinkPreviewRootPropsWithoutHTML, {}, "open">;
-declare const Trigger: import("svelte").Component<HoverCardPrimitive.TriggerProps, {}, "ref">;
-export { Root, Content, Trigger, Root as HoverCard, Content as HoverCardContent, Trigger as HoverCardTrigger, };
+import Portal from "./hover-card-portal.svelte";
+import Trigger from "./hover-card-trigger.svelte";
+import Root from "./hover-card.svelte";
+export { Root, Content, Trigger, Portal, Root as HoverCard, Content as HoverCardContent, Trigger as HoverCardTrigger, Portal as HoverCardPortal, };

package/dist/lib/components/ui/hover-card/index.js

@@ -1,5 +1,5 @@
-import { LinkPreview as HoverCardPrimitive } from "bits-ui";
 import Content from "./hover-card-content.svelte";
-const Root = HoverCardPrimitive.Root;
-const Trigger = HoverCardPrimitive.Trigger;
-export { Root, Content, Trigger, Root as HoverCard, Content as HoverCardContent, Trigger as HoverCardTrigger, };
+import Portal from "./hover-card-portal.svelte";
+import Trigger from "./hover-card-trigger.svelte";
+import Root from "./hover-card.svelte";
+export { Root, Content, Trigger, Portal, Root as HoverCard, Content as HoverCardContent, Trigger as HoverCardTrigger, Portal as HoverCardPortal, };