@profidev/pleiades 1.7.0

package/dist/components/ui/empty/empty.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../../utils.js';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+  bind:this={ref}
+  data-slot="empty"
+  class={cn(
+    'flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-xl border-dashed p-6 text-center text-balance',
+    className
+  )}
+  {...restProps}
+>
+  {@render children?.()}
+</div>

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

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

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

@@ -0,0 +1,7 @@
+import Root from './empty.svelte';
+import Header from './empty-header.svelte';
+import Media from './empty-media.svelte';
+import Title from './empty-title.svelte';
+import Description from './empty-description.svelte';
+import Content from './empty-content.svelte';
+export { Root, Header, Media, Title, Description, Content, Root as Empty, Header as EmptyHeader, Media as EmptyMedia, Title as EmptyTitle, Description as EmptyDescription, Content as EmptyContent };

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

@@ -0,0 +1,9 @@
+import Root from './empty.svelte';
+import Header from './empty-header.svelte';
+import Media from './empty-media.svelte';
+import Title from './empty-title.svelte';
+import Description from './empty-description.svelte';
+import Content from './empty-content.svelte';
+export { Root, Header, Media, Title, Description, Content, 
+//
+Root as Empty, Header as EmptyHeader, Media as EmptyMedia, Title as EmptyTitle, Description as EmptyDescription, Content as EmptyContent };

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

@@ -0,0 +1,23 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../../utils.js';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+  bind:this={ref}
+  data-slot="field-content"
+  class={cn(
+    'group/field-content flex flex-1 flex-col gap-0.5 leading-snug',
+    className
+  )}
+  {...restProps}
+>
+  {@render children?.()}
+</div>

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

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

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

@@ -0,0 +1,25 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../../utils.js';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLParagraphElement>> = $props();
+</script>
+
+<p
+  bind:this={ref}
+  data-slot="field-description"
+  class={cn(
+    'text-muted-foreground text-left text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance [[data-variant=legend]+&]:-mt-1.5',
+    'last:mt-0 nth-last-2:-mt-1',
+    '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',
+    className
+  )}
+  {...restProps}
+>
+  {@render children?.()}
+</p>

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

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

package/dist/components/ui/field/field-error.svelte

@@ -0,0 +1,60 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../../utils.js';
+  import type { HTMLAttributes } from 'svelte/elements';
+  import type { Snippet } from 'svelte';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    errors,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    children?: Snippet;
+    errors?: { message?: string }[];
+  } = $props();
+
+  const hasContent = $derived.by(() => {
+    // has slotted error
+    if (children) return true;
+
+    // no errors
+    if (!errors || errors.length === 0) return false;
+
+    // has an error but no message
+    if (errors.length === 1 && !errors[0]?.message) {
+      return false;
+    }
+
+    return true;
+  });
+
+  const isMultipleErrors = $derived(errors && errors.length > 1);
+  const singleErrorMessage = $derived(
+    errors && errors.length === 1 && errors[0]?.message
+  );
+</script>
+
+{#if hasContent}
+  <div
+    bind:this={ref}
+    role="alert"
+    data-slot="field-error"
+    class={cn('text-destructive text-sm font-normal', className)}
+    {...restProps}
+  >
+    {#if children}
+      {@render children()}
+    {:else if singleErrorMessage}
+      {singleErrorMessage}
+    {:else if isMultipleErrors}
+      <ul class="ml-4 flex list-disc flex-col gap-1">
+        {#each errors ?? [] as error, index (index)}
+          {#if error?.message}
+            <li>{error.message}</li>
+          {/if}
+        {/each}
+      </ul>
+    {/if}
+  </div>
+{/if}

package/dist/components/ui/field/field-error.svelte.d.ts

@@ -0,0 +1,12 @@
+import { type WithElementRef } from '../../../utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
+import type { Snippet } from 'svelte';
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    children?: Snippet;
+    errors?: {
+        message?: string;
+    }[];
+};
+declare const FieldError: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type FieldError = ReturnType<typeof FieldError>;
+export default FieldError;

package/dist/components/ui/field/field-group.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../../utils.js';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+  bind:this={ref}
+  data-slot="field-group"
+  class={cn(
+    'group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4',
+    className
+  )}
+  {...restProps}
+>
+  {@render children?.()}
+</div>

package/dist/components/ui/field/field-group.svelte.d.ts

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

package/dist/components/ui/field/field-label.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+  import { Label } from '../label/index.js';
+  import { cn } from '../../../utils.js';
+  import type { ComponentProps } from 'svelte';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: ComponentProps<typeof Label> = $props();
+</script>
+
+<Label
+  bind:ref
+  data-slot="field-label"
+  class={cn(
+    'has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10 group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5',
+    'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col',
+    className
+  )}
+  {...restProps}
+>
+  {@render children?.()}
+</Label>

package/dist/components/ui/field/field-label.svelte.d.ts

@@ -0,0 +1,10 @@
+declare const FieldLabel: import("svelte").Component<Omit<{}, "child" | "children"> & {
+    child?: import("svelte").Snippet<[{
+        props: Record<string, unknown>;
+    }]> | undefined;
+    children?: import("svelte").Snippet<[]> | undefined;
+    style?: import("bits-ui").StyleProperties | string | null | undefined;
+    ref?: HTMLElement | null | undefined;
+} & import("bits-ui").Without<import("bits-ui").BitsPrimitiveLabelAttributes, import("bits-ui").LabelRootPropsWithoutHTML>, {}, "ref">;
+type FieldLabel = ReturnType<typeof FieldLabel>;
+export default FieldLabel;

package/dist/components/ui/field/field-legend.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../../utils.js';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    variant = 'legend',
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLLegendElement>> & {
+    variant?: 'legend' | 'label';
+  } = $props();
+</script>
+
+<legend
+  bind:this={ref}
+  data-slot="field-legend"
+  data-variant={variant}
+  class={cn(
+    'mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base',
+    className
+  )}
+  {...restProps}
+>
+  {@render children?.()}
+</legend>

package/dist/components/ui/field/field-legend.svelte.d.ts

@@ -0,0 +1,8 @@
+import { type WithElementRef } from '../../../utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLLegendElement>> & {
+    variant?: 'legend' | 'label';
+};
+declare const FieldLegend: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type FieldLegend = ReturnType<typeof FieldLegend>;
+export default FieldLegend;

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

@@ -0,0 +1,38 @@
+<script lang="ts">
+  import { Separator } from '../separator/index.js';
+  import { cn, type WithElementRef } from '../../../utils.js';
+  import type { HTMLAttributes } from 'svelte/elements';
+  import type { Snippet } from 'svelte';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    children?: Snippet;
+  } = $props();
+
+  const hasContent = $derived(!!children);
+</script>
+
+<div
+  bind:this={ref}
+  data-slot="field-separator"
+  data-content={hasContent}
+  class={cn(
+    'relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2',
+    className
+  )}
+  {...restProps}
+>
+  <Separator class="absolute inset-0 top-1/2" />
+  {#if children}
+    <span
+      class="text-muted-foreground bg-background relative mx-auto block w-fit px-2"
+      data-slot="field-separator-content"
+    >
+      {@render children()}
+    </span>
+  {/if}
+</div>

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

@@ -0,0 +1,9 @@
+import { type WithElementRef } from '../../../utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
+import type { Snippet } from 'svelte';
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    children?: Snippet;
+};
+declare const FieldSeparator: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type FieldSeparator = ReturnType<typeof FieldSeparator>;
+export default FieldSeparator;

package/dist/components/ui/field/field-set.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../../utils.js';
+  import type { HTMLFieldsetAttributes } from 'svelte/elements';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLFieldsetAttributes> = $props();
+</script>
+
+<fieldset
+  bind:this={ref}
+  data-slot="field-set"
+  class={cn(
+    'flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3',
+    className
+  )}
+  {...restProps}
+>
+  {@render children?.()}
+</fieldset>

package/dist/components/ui/field/field-set.svelte.d.ts

@@ -0,0 +1,5 @@
+import { type WithElementRef } from '../../../utils.js';
+import type { HTMLFieldsetAttributes } from 'svelte/elements';
+declare const FieldSet: import("svelte").Component<WithElementRef<HTMLFieldsetAttributes>, {}, "ref">;
+type FieldSet = ReturnType<typeof FieldSet>;
+export default FieldSet;

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

@@ -0,0 +1,23 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../../utils.js';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+  bind:this={ref}
+  data-slot="field-label"
+  class={cn(
+    'flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50',
+    className
+  )}
+  {...restProps}
+>
+  {@render children?.()}
+</div>

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

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

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

@@ -0,0 +1,50 @@
+<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:
+          'cn-field-orientation-vertical flex-col [&>*]:w-full [&>.sr-only]:w-auto',
+        horizontal:
+          'cn-field-orientation-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:
+          'cn-field-orientation-responsive flex-col @md/field-group:flex-row @md/field-group:items-center @md/field-group:has-[>[data-slot=field-content]]:items-start [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-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/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: string;
+        horizontal: string;
+        responsive: string;
+    };
+}, undefined, "data-[invalid=true]:text-destructive gap-2 group/field flex w-full", {
+    orientation: {
+        vertical: string;
+        horizontal: string;
+        responsive: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    orientation: {
+        vertical: string;
+        horizontal: string;
+        responsive: string;
+    };
+}, undefined, "data-[invalid=true]:text-destructive gap-2 group/field flex w-full", unknown, unknown, 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/components/ui/field/index.d.ts

@@ -0,0 +1,11 @@
+import Field from './field.svelte';
+import Set from './field-set.svelte';
+import Legend from './field-legend.svelte';
+import Group from './field-group.svelte';
+import Content from './field-content.svelte';
+import Label from './field-label.svelte';
+import Title from './field-title.svelte';
+import Description from './field-description.svelte';
+import Separator from './field-separator.svelte';
+import Error from './field-error.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/components/ui/field/index.js

@@ -0,0 +1,13 @@
+import Field from './field.svelte';
+import Set from './field-set.svelte';
+import Legend from './field-legend.svelte';
+import Group from './field-group.svelte';
+import Content from './field-content.svelte';
+import Label from './field-label.svelte';
+import Title from './field-title.svelte';
+import Description from './field-description.svelte';
+import Separator from './field-separator.svelte';
+import Error from './field-error.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/components/ui/form/form-button.svelte

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

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

@@ -0,0 +1,4 @@
+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/components/ui/form/form-description.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+  import * as FormPrimitive from 'formsnap';
+  import { cn, type WithoutChild } from '../../../utils.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: WithoutChild<FormPrimitive.DescriptionProps> = $props();
+</script>
+
+<FormPrimitive.Description
+  bind:ref
+  data-slot="form-description"
+  class={cn('text-muted-foreground text-sm', className)}
+  {...restProps}
+/>

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

@@ -0,0 +1,4 @@
+import * as FormPrimitive from 'formsnap';
+declare const FormDescription: import("svelte").Component<Omit<FormPrimitive.DescriptionProps, "child">, {}, "ref">;
+type FormDescription = ReturnType<typeof FormDescription>;
+export default FormDescription;

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

@@ -0,0 +1,32 @@
+<script
+  lang="ts"
+  generics="T extends Record<string, unknown>, U extends FormPathLeaves<T>"
+>
+  import * as FormPrimitive from 'formsnap';
+  import type { FormPathLeaves } from 'sveltekit-superforms';
+  import type { HTMLAttributes } from 'svelte/elements';
+  import { cn, type WithElementRef, type WithoutChildren } from '../../../utils.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    form,
+    name,
+    children: childrenProp,
+    ...restProps
+  }: WithoutChildren<WithElementRef<HTMLAttributes<HTMLDivElement>>> &
+    FormPrimitive.ElementFieldProps<T, U> = $props();
+</script>
+
+<FormPrimitive.ElementField {form} {name}>
+  {#snippet children({ constraints, errors, tainted, value })}
+    <div bind:this={ref} class={cn('space-y-2', className)} {...restProps}>
+      {@render childrenProp?.({
+        constraints,
+        errors,
+        tainted,
+        value: value as T[U]
+      })}
+    </div>
+  {/snippet}
+</FormPrimitive.ElementField>

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

@@ -0,0 +1,28 @@
+import * as FormPrimitive from 'formsnap';
+import type { FormPathLeaves } from 'sveltekit-superforms';
+import type { HTMLAttributes } from 'svelte/elements';
+import { type WithElementRef } from '../../../utils.js';
+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']>> & {
+        $$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']>;
+    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>>;
+export default FormElementField;

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

@@ -0,0 +1,30 @@
+<script lang="ts">
+  import * as FormPrimitive from 'formsnap';
+  import { cn, type WithoutChild } from '../../../utils.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    errorClasses,
+    children: childrenProp,
+    ...restProps
+  }: WithoutChild<FormPrimitive.FieldErrorsProps> & {
+    errorClasses?: string | undefined | null;
+  } = $props();
+</script>
+
+<FormPrimitive.FieldErrors
+  bind:ref
+  class={cn('text-destructive text-sm font-medium', className)}
+  {...restProps}
+>
+  {#snippet children({ errors, errorProps })}
+    {#if childrenProp}
+      {@render childrenProp({ errors, errorProps })}
+    {:else}
+      {#each errors as error (error)}
+        <div {...errorProps} class={cn(errorClasses)}>{error}</div>
+      {/each}
+    {/if}
+  {/snippet}
+</FormPrimitive.FieldErrors>