svelte-ag 0.0.2-dev.72 → 0.0.2-dev.80

package/dist/lib/components/carousel/carousel.svelte

@@ -0,0 +1,103 @@
+<script lang="ts">
+  import { type CarouselAPI, type CarouselProps, type EmblaContext, setEmblaContext } from './context.js';
+  import { cn } from '$shadcn/utils.js';
+
+  let {
+    opts = {},
+    plugins = [],
+    setApi = () => {},
+    orientation = 'horizontal',
+    class: className,
+    children,
+    pointerdown,
+    pointerup,
+    symbol = undefined,
+    ...restProps
+  }: CarouselProps = $props();
+
+  let carouselState = $state<EmblaContext>({
+    api: undefined,
+    scrollPrev,
+    scrollNext,
+    orientation,
+    canScrollNext: false,
+    canScrollPrev: false,
+    handleKeyDown,
+    options: opts,
+    plugins,
+    onInit,
+    scrollSnaps: [],
+    selectedIndex: 0,
+    scrollTo
+  });
+
+  setEmblaContext(carouselState, symbol);
+
+  function scrollPrev() {
+    carouselState.api?.scrollPrev();
+  }
+  function scrollNext() {
+    carouselState.api?.scrollNext();
+  }
+  function scrollTo(index: number, jump?: boolean) {
+    carouselState.api?.scrollTo(index, jump);
+  }
+
+  function onSelect(api: CarouselAPI) {
+    if (!api) return;
+    carouselState.canScrollPrev = api.canScrollPrev();
+    carouselState.canScrollNext = api.canScrollNext();
+    carouselState.selectedIndex = api.selectedScrollSnap();
+  }
+
+  function reinit(api: CarouselAPI) {
+    onSelect(api);
+  }
+
+  $effect(() => {
+    if (carouselState.api) {
+      onSelect(carouselState.api);
+      carouselState.api.on('reInit', reinit);
+      carouselState.api.on('select', onSelect);
+    }
+  });
+
+  function handleKeyDown(e: KeyboardEvent) {
+    if (e.key === 'ArrowLeft') {
+      e.preventDefault();
+      scrollPrev();
+    } else if (e.key === 'ArrowRight') {
+      e.preventDefault();
+      scrollNext();
+    }
+  }
+
+  $effect(() => {
+    setApi(carouselState.api);
+  });
+
+  function onInit(event: CustomEvent<CarouselAPI>) {
+    carouselState.api = event.detail;
+
+    carouselState.scrollSnaps = carouselState.api.scrollSnapList();
+    if (pointerdown) {
+      carouselState.api.on('pointerDown', pointerdown);
+    }
+    if (pointerup) {
+      carouselState.api.on('pointerUp', pointerup);
+    }
+  }
+
+  $effect(() => {
+    return () => {
+      carouselState.api?.off('select', onSelect);
+      carouselState.api?.off('reInit', reinit);
+      if (pointerdown) carouselState.api?.off('pointerDown', pointerdown);
+      if (pointerup) carouselState.api?.off('pointerUp', pointerup);
+    };
+  });
+</script>
+
+<div class={cn('relative', className)} role="region" aria-roledescription="carousel" {...restProps}>
+  {@render children?.()}
+</div>

package/dist/lib/components/carousel/carousel.svelte.d.ts

@@ -0,0 +1,5 @@
+import { type CarouselProps } from './context.js';
+declare const Carousel: import("svelte").Component<CarouselProps, {}, "">;
+type Carousel = ReturnType<typeof Carousel>;
+export default Carousel;
+//# sourceMappingURL=carousel.svelte.d.ts.map

package/dist/lib/components/carousel/carousel.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/carousel/carousel.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAoB,KAAK,aAAa,EAAsC,MAAM,cAAc,CAAC;AA6GxG,QAAA,MAAM,QAAQ,mDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/lib/components/carousel/context.d.ts

@@ -0,0 +1,36 @@
+import type { WithElementRef } from 'bits-ui';
+import type { EmblaCarouselSvelteType } from 'embla-carousel-svelte';
+import type emblaCarouselSvelte from 'embla-carousel-svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+export type CarouselAPI = NonNullable<NonNullable<EmblaCarouselSvelteType['$$_attributes']>['on:emblaInit']> extends (evt: CustomEvent<infer CarouselAPI>) => void ? CarouselAPI : never;
+type EmblaCarouselConfig = NonNullable<Parameters<typeof emblaCarouselSvelte>[1]>;
+export type CarouselOptions = EmblaCarouselConfig['options'];
+export type CarouselPlugins = EmblaCarouselConfig['plugins'];
+export type CarouselProps = {
+    symbol?: symbol;
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugins;
+    setApi?: (api: CarouselAPI | undefined) => void;
+    pointerdown?: (api: CarouselAPI) => void;
+    pointerup?: (api: CarouselAPI) => void;
+    orientation?: 'horizontal' | 'vertical';
+} & WithElementRef<HTMLAttributes<HTMLDivElement>>;
+export type EmblaContext = {
+    api: CarouselAPI | undefined;
+    orientation: 'horizontal' | 'vertical';
+    scrollNext: () => void;
+    scrollPrev: () => void;
+    canScrollNext: boolean;
+    canScrollPrev: boolean;
+    handleKeyDown: (e: KeyboardEvent) => void;
+    options: CarouselOptions;
+    plugins: CarouselPlugins;
+    onInit: (e: CustomEvent<CarouselAPI>) => void;
+    scrollTo: (index: number, jump?: boolean) => void;
+    scrollSnaps: number[];
+    selectedIndex: number;
+};
+export declare function setEmblaContext(config: EmblaContext, symbol?: symbol): EmblaContext;
+export declare function getEmblaContext(name?: string, symbol?: symbol): EmblaContext;
+export {};
+//# sourceMappingURL=context.d.ts.map

package/dist/lib/components/carousel/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/carousel/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,KAAK,mBAAmB,MAAM,uBAAuB,CAAC;AAE7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,MAAM,WAAW,GACrB,WAAW,CAAC,WAAW,CAAC,uBAAuB,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,SAAS,CACzF,GAAG,EAAE,WAAW,CAAC,MAAM,WAAW,CAAC,KAChC,IAAI,GACL,WAAW,GACX,KAAK,CAAC;AAEZ,KAAK,mBAAmB,GAAG,WAAW,CAAC,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAElF,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC;AAC7D,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC;AAI7D,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,GAAG,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,WAAW,GAAG,SAAS,CAAC;IAC7B,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,eAAe,CAAC;IACzB,OAAO,EAAE,eAAe,CAAC;IACzB,MAAM,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAIF,wBAAgB,eAAe,CAAC,MAAM,EAAE,YAAY,EAAE,MAAM,GAAE,MAA+B,GAAG,YAAY,CAG3G;AAED,wBAAgB,eAAe,CAAC,IAAI,SAAmB,EAAE,MAAM,GAAE,MAA+B,GAAG,YAAY,CAK9G"}

package/dist/lib/components/carousel/context.js

@@ -0,0 +1,12 @@
+import { getContext, hasContext, setContext } from 'svelte';
+const EMBLA_CAROUSEL_CONTEXT = Symbol('EMBLA_CAROUSEL_CONTEXT');
+export function setEmblaContext(config, symbol = EMBLA_CAROUSEL_CONTEXT) {
+    setContext(symbol, config);
+    return config;
+}
+export function getEmblaContext(name = 'This component', symbol = EMBLA_CAROUSEL_CONTEXT) {
+    if (!hasContext(symbol)) {
+        throw new Error(`${name} must be used within a <Carousel.Root> component`);
+    }
+    return getContext(symbol);
+}

package/dist/lib/components/carousel/index.d.ts

@@ -0,0 +1,8 @@
+import Root from './carousel.svelte';
+import Content from './carousel-content.svelte';
+import Item from './carousel-item.svelte';
+import Previous from './carousel-previous.svelte';
+import Next from './carousel-next.svelte';
+import Dots from './carousel-dots.svelte';
+export { Root, Content, Item, Previous, Next, Dots, Root as Carousel, Content as CarouselContent, Item as CarouselItem, Previous as CarouselPrevious, Next as CarouselNext, Dots as CarouselDots };
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/components/carousel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,OAAO,MAAM,2BAA2B,CAAC;AAChD,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AAClD,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAE1C,OAAO,EACL,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,IAAI,EAEJ,IAAI,IAAI,QAAQ,EAChB,OAAO,IAAI,eAAe,EAC1B,IAAI,IAAI,YAAY,EACpB,QAAQ,IAAI,gBAAgB,EAC5B,IAAI,IAAI,YAAY,EACpB,IAAI,IAAI,YAAY,EACrB,CAAC"}

package/dist/lib/components/carousel/index.js

@@ -0,0 +1,9 @@
+import Root from './carousel.svelte';
+import Content from './carousel-content.svelte';
+import Item from './carousel-item.svelte';
+import Previous from './carousel-previous.svelte';
+import Next from './carousel-next.svelte';
+import Dots from './carousel-dots.svelte';
+export { Root, Content, Item, Previous, Next, Dots, 
+//
+Root as Carousel, Content as CarouselContent, Item as CarouselItem, Previous as CarouselPrevious, Next as CarouselNext, Dots as CarouselDots };

package/dist/lib/components/dnd/Droppable.svelte.d.ts

@@ -8,3 +8,4 @@ interface DroppableProps extends UseDroppableArguments {
 declare const Droppable: import("svelte").Component<DroppableProps, {}, "">;
 type Droppable = ReturnType<typeof Droppable>;
 export default Droppable;
+//# sourceMappingURL=Droppable.svelte.d.ts.map

package/dist/lib/components/dnd/Droppable.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Droppable.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/Droppable.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAgB,KAAK,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACvC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAOpC,UAAU,cAAe,SAAQ,qBAAqB;IACpD,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;AAqBH,QAAA,MAAM,SAAS,oDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/lib/components/dnd/context.svelte.d.ts

@@ -1,12 +1,11 @@
-export declare class DndState<T> {
+export type DndState<T> = {
     activeItem: T | null;
     activeType: string | null;
     activeParent: {
         id: string;
         children: T[];
     } | null;
-    constructor();
-}
+};
 /**
  * Instantiates a new `DndState` instance and sets it in the context.
  *
@@ -20,3 +19,4 @@ export declare function setDnd<T>(): DndState<T>;
  * @returns The `DndState` instance.
  */
 export declare function useDnd<T>(): DndState<T>;
+//# sourceMappingURL=context.svelte.d.ts.map

package/dist/lib/components/dnd/context.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/context.svelte.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;IACxB,UAAU,EAAE,CAAC,GAAG,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,CAAC,EAAE,CAAA;KAAE,GAAG,IAAI,CAAC;CACpD,CAAC;AAIF;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAOvC;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAEvC"}

package/dist/lib/components/dnd/context.svelte.js

@@ -1,10 +1,4 @@
 import { getContext, setContext } from 'svelte';
-export class DndState {
-    activeItem = $state(null);
-    activeType = $state(null);
-    activeParent = $state(null);
-    constructor() { }
-}
 const SYMBOL_KEY = 'dnd-context';
 /**
  * Instantiates a new `DndState` instance and sets it in the context.
@@ -13,7 +7,12 @@ const SYMBOL_KEY = 'dnd-context';
  * @returns  The `DndState` instance.
  */
 export function setDnd() {
-    return setContext(Symbol.for(SYMBOL_KEY), new DndState());
+    const dnd = {
+        activeItem: null,
+        activeType: null,
+        activeParent: null
+    };
+    return setContext(Symbol.for(SYMBOL_KEY), dnd);
 }
 /**
  * Retrieves the `DndState` instance from the context. This is a class instance,

package/dist/lib/components/dnd/dnd-context.svelte.d.ts

@@ -28,3 +28,4 @@ interface $$IsomorphicComponent {
 declare const DndContext: $$IsomorphicComponent;
 type DndContext<T> = InstanceType<typeof DndContext<T>>;
 export default DndContext;
+//# sourceMappingURL=dnd-context.svelte.d.ts.map

package/dist/lib/components/dnd/dnd-context.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dnd-context.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/dnd-context.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGtC,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC;IACtB,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,GAAG;QAAE,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,UAAU,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG;QAAE,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAA;KAAE,KAAK,IAAI,CAAC;CACrE,CAAC;AAGJ,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,UAAU,EAAmE,MAAM,sBAAsB,CAAC;AACnH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAsCjD,cAAM,iBAAiB,CAAC,CAAC;IACrB,KAAK;IAGL,MAAM;IAGN,KAAK;IAGL,QAAQ;IACR,OAAO;CACV;AAED,UAAU,qBAAqB;IAC3B,KAAK,CAAC,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC5X,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC3H,YAAY,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CACjE;AACD,QAAA,MAAM,UAAU,EAAE,qBAAmC,CAAC;AACpC,KAAK,UAAU,CAAC,CAAC,IAAI,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1D,eAAe,UAAU,CAAC"}

package/dist/lib/components/dnd/dnd-drag-overlay.svelte.d.ts

@@ -25,3 +25,4 @@ interface $$IsomorphicComponent {
 declare const DndDragOverlay: $$IsomorphicComponent;
 type DndDragOverlay<T> = InstanceType<typeof DndDragOverlay<T>>;
 export default DndDragOverlay;
+//# sourceMappingURL=dnd-drag-overlay.svelte.d.ts.map

package/dist/lib/components/dnd/dnd-drag-overlay.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dnd-drag-overlay.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/dnd-drag-overlay.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,EAA0B,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAC9D,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEzE,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,KAAK,EAAE,OAAO,CAAC,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC;CACpF,CAAC;AAIF,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,cAAc,QAErD;AAED,wBAAgB,iBAAiB,IAAI,cAAc,CAElD;AAgCH,cAAM,iBAAiB,CAAC,CAAC;IACrB,KAAK;IAGL,MAAM;IAGN,KAAK;IAGL,QAAQ;IACR,OAAO;CACV;AAED,UAAU,qBAAqB;IAC3B,KAAK,CAAC,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC5X,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC3H,YAAY,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CACjE;AACD,QAAA,MAAM,cAAc,EAAE,qBAAmC,CAAC;AACxC,KAAK,cAAc,CAAC,CAAC,IAAI,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,eAAe,cAAc,CAAC"}

package/dist/lib/components/dnd/dnd-drag-placeholder.svelte.d.ts

@@ -7,3 +7,4 @@ export type DragPlaceholderProps = {
 declare const DndDragPlaceholder: import("svelte").Component<DragPlaceholderProps, {}, "">;
 type DndDragPlaceholder = ReturnType<typeof DndDragPlaceholder>;
 export default DndDragPlaceholder;
+//# sourceMappingURL=dnd-drag-placeholder.svelte.d.ts.map

package/dist/lib/components/dnd/dnd-drag-placeholder.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dnd-drag-placeholder.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/dnd-drag-placeholder.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE;QAAE,UAAU,EAAE,OAAO,CAAA;KAAE,CAAC;CAChC,CAAC;AAyBJ,QAAA,MAAM,kBAAkB,0DAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}

package/dist/lib/components/dnd/dnd-draghandle.svelte

@@ -7,6 +7,7 @@
 <script lang="ts">
   import { getItemContext } from './dnd-sortable-item.svelte';
   import { getOverlayContext } from './dnd-drag-overlay.svelte';
+  import { cn } from '../../utils/utils.js';
   let { class: className }: DragHandleProps = $props();
 
   // svelte-ignore non_reactive_update
@@ -24,7 +25,12 @@
     <span class="icon-draghandle text-muted-foreground size-6 cursor-pointer"></span>
   </div>
 {:else}
-  <div class={className} bind:this={activatorNode!.current} {...attributes!.current} {...listeners!.current}>
+  <div
+    class={cn('flex', className)}
+    bind:this={activatorNode!.current}
+    {...attributes!.current}
+    {...listeners!.current}
+  >
     <span class="icon-draghandle text-muted-foreground size-6 cursor-pointer"></span>
   </div>
 {/if}

package/dist/lib/components/dnd/dnd-draghandle.svelte.d.ts

@@ -4,3 +4,4 @@ export type DragHandleProps = {
 declare const DndDraghandle: import("svelte").Component<DragHandleProps, {}, "">;
 type DndDraghandle = ReturnType<typeof DndDraghandle>;
 export default DndDraghandle;
+//# sourceMappingURL=dnd-draghandle.svelte.d.ts.map

package/dist/lib/components/dnd/dnd-draghandle.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dnd-draghandle.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/dnd-draghandle.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAqCJ,QAAA,MAAM,aAAa,qDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/lib/components/dnd/dnd-overlay.svelte.d.ts

@@ -24,3 +24,4 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
+//# sourceMappingURL=dnd-overlay.svelte.d.ts.map

package/dist/lib/components/dnd/dnd-overlay.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dnd-overlay.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/dnd-overlay.svelte.js"],"names":[],"mappings":";;;;;;;;AAcA;;;;mBAAsH;6CATzE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,eAAe,QAAQ,CAAC"}

package/dist/lib/components/dnd/dnd-sortable-context.svelte.d.ts

@@ -6,3 +6,4 @@ export type SortableContextProps = {
 declare const DndSortableContext: import("svelte").Component<SortableContextProps, {}, "">;
 type DndSortableContext = ReturnType<typeof DndSortableContext>;
 export default DndSortableContext;
+//# sourceMappingURL=dnd-sortable-context.svelte.d.ts.map

package/dist/lib/components/dnd/dnd-sortable-context.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dnd-sortable-context.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/dnd-sortable-context.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC;CACvB,CAAC;AAmBJ,QAAA,MAAM,kBAAkB,0DAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}

package/dist/lib/components/dnd/dnd-sortable-item.svelte

@@ -1,6 +1,6 @@
 <script lang="ts" module>
-  import type { DataType } from './utils.svelte';
-  import { getContext, setContext, type Snippet } from 'svelte';
+  import type { DataInputType, DataType } from './utils.svelte';
+  import { getContext, onMount, setContext, type Snippet } from 'svelte';
 
   export type SortableItemChildProps = {
     isDragging: boolean;
@@ -9,7 +9,7 @@
     isOverlay: boolean;
   };
 
-  export type SortableItemProps = DataType & {
+  export type SortableItemProps = DataInputType & {
     child: Snippet<[SortableItemChildProps]>;
   };
 
@@ -39,8 +39,12 @@
 
   const { attributes, listeners, node, activatorNode, transform, transition, isDragging, isSorting, isOver } =
     useSortable({
-      id: item.id,
-      data: { type, item, parent }
+      id: () => item.id,
+      data: () => ({
+        type: () => type,
+        item: () => item,
+        parent: () => parent
+      })
     });
 
   setItemContext({

package/dist/lib/components/dnd/dnd-sortable-item.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { DataType } from './utils.svelte';
+import type { DataInputType } from './utils.svelte';
 import { type Snippet } from 'svelte';
 export type SortableItemChildProps = {
     isDragging: boolean;
@@ -6,7 +6,7 @@ export type SortableItemChildProps = {
     isOver: boolean;
     isOverlay: boolean;
 };
-export type SortableItemProps = DataType & {
+export type SortableItemProps = DataInputType & {
     child: Snippet<[SortableItemChildProps]>;
 };
 export type ItemContext = {
@@ -21,3 +21,4 @@ import type { ReadableBox, WritableBox } from 'svelte-toolbelt';
 declare const DndSortableItem: import("svelte").Component<SortableItemProps, {}, "">;
 type DndSortableItem = ReturnType<typeof DndSortableItem>;
 export default DndSortableItem;
+//# sourceMappingURL=dnd-sortable-item.svelte.d.ts.map

package/dist/lib/components/dnd/dnd-sortable-item.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dnd-sortable-item.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/dnd-sortable-item.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAmC,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEvE,MAAM,MAAM,sBAAsB,GAAG;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG;IAC9C,KAAK,EAAE,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC;CAC1C,CAAC;AAIF,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC;IAC7C,SAAS,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAC5B,aAAa,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;CACzC,CAAC;AAEF,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,QAE/C;AAED,wBAAgB,cAAc,IAAI,WAAW,CAE5C;AAKH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AA+ChE,QAAA,MAAM,eAAe,uDAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/lib/components/dnd/example.svelte.d.ts

@@ -1,3 +1,4 @@
 declare const Example: import("svelte").Component<Record<string, never>, {}, "">;
 type Example = ReturnType<typeof Example>;
 export default Example;
+//# sourceMappingURL=example.svelte.d.ts.map

package/dist/lib/components/dnd/example.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"example.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/example.svelte.ts"],"names":[],"mappings":"AAgHA,QAAA,MAAM,OAAO,2DAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}

package/dist/lib/components/dnd/exports.d.ts

@@ -7,3 +7,4 @@ import { default as DragPlaceholder } from './dnd-drag-placeholder.svelte';
 export { default as sortableProps } from './sortable.svelte';
 export * from './dnd-sortable-item.svelte';
 export { Context, Sortable, SortableItem, DragHandle, DragOverLay, DragPlaceholder };
+//# sourceMappingURL=exports.d.ts.map

package/dist/lib/components/dnd/exports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/exports.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAE3E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE7D,cAAc,4BAA4B,CAAC;AAE3C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC"}

package/dist/lib/components/dnd/index.d.ts

@@ -1 +1,2 @@
 export * as Dnd from './exports.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/components/dnd/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,cAAc,CAAC"}

package/dist/lib/components/dnd/sortable.svelte.d.ts

@@ -11,3 +11,4 @@ declare const _default: {
     onDragOver: typeof onDragOver;
 };
 export default _default;
+//# sourceMappingURL=sortable.svelte.d.ts.map

package/dist/lib/components/dnd/sortable.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortable.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/sortable.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAExE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOjD,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,YAAY,GAAG;IAAE,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAA;CAAE,QAiCrF;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,aAAa,GAAG;IAAE,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAA;CAAE,QAmCvF;;;;;AAED,wBAGE"}

package/dist/lib/components/dnd/sortable.svelte.js

@@ -1,4 +1,6 @@
 import { data, moveIndex } from './utils.svelte';
+// TODO - cleanly add in a way to parse in an order and then sort it here, instead of sorting by drag
+// Essentially this means only moving between lists - in the same list theyre pre sorted
 // --------------------- Handlers ---------------------
 export function onDragEnd({ active, over, dnd }) {
     if (!over)
@@ -8,7 +10,7 @@ export function onDragEnd({ active, over, dnd }) {
     // const { activeType, overType, accepts } = getTypeAndAccepts(active, over);
     const activeData = data(active);
     const overData = data(over);
-    //Add this in as well accepts.includes(activeType)
+    // Add this in as well accepts.includes(activeType)
     if (activeData.type === overData.type) {
         if (dnd.activeParent.id === overData.parent.id) {
             // Same containing list reorder

package/dist/lib/components/dnd/utils.svelte.d.ts

@@ -4,6 +4,9 @@ export declare function getTypeAndAccepts(active: Active, over: Over): {
     overType: string | undefined;
     accepts: string[];
 };
+/**
+ * Moves an item from an index to a different index inplace
+ */
 export declare function moveIndex<T>(arr: T[], from: number, to: number): void;
 export type DataType = {
     type: string;
@@ -15,6 +18,17 @@ export type DataType = {
         children: any[];
     };
 };
+export type DataInputType = {
+    type: string;
+    item: {
+        id: string;
+    };
+    parent: {
+        id: string;
+        children: any[];
+    };
+};
 export declare function data(input: {
     data: any;
 }): DataType;
+//# sourceMappingURL=utils.svelte.d.ts.map

package/dist/lib/components/dnd/utils.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/utils.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAGzD,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI;;;;EAK3D;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI,CAKrE;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACrB,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,GAAG,EAAE,CAAA;KAAE,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACrB,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,GAAG,EAAE,CAAA;KAAE,CAAC;CACzC,CAAC;AAGF,wBAAgB,IAAI,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,GAAG,CAAA;CAAE,GAAG,QAAQ,CAMnD"}

package/dist/lib/components/dnd/utils.svelte.js

@@ -5,16 +5,20 @@ export function getTypeAndAccepts(active, over) {
     const accepts = (over?.data?.accepts ?? []);
     return { activeType, overType, accepts };
 }
+/**
+ * Moves an item from an index to a different index inplace
+ */
 export function moveIndex(arr, from, to) {
     if (from === to || from < 0 || to < 0 || from >= arr.length || to >= arr.length)
         return;
     const [item] = arr.splice(from, 1);
     arr.splice(to, 0, item);
 }
+// See dnd-sortable-item.svelte for the input type for this data
 export function data(input) {
     return {
-        type: input.data?.type,
-        item: input.data?.item,
-        parent: input.data?.parent
+        type: input.data?.type(),
+        item: input.data?.item(),
+        parent: input.data?.parent()
     };
 }

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

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import * as Button from '$shadcn/button/index.js';
+  import { cn, flyAndScale } from '../../utils/utils.js';
+  import { getFormContext } from './form.svelte';
+
+  let { ref = $bindable(null), children, class: className, ...restProps }: Button.Props = $props();
+
+  const form = getFormContext();
+  const { submitting, delayed } = form;
+</script>
+
+<Button.Root bind:ref type="submit" class={cn(className)} {...restProps}>
+  <span class={cn('flex transition-opacity', $submitting && !$delayed && 'opacity-0')}>
+    {#if $submitting && $delayed}
+      <span in:flyAndScale|global class="icon-loading"></span>
+    {:else}
+      {@render children?.()}
+    {/if}
+  </span>
+</Button.Root>

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

@@ -0,0 +1,5 @@
+import * as Button from '$shadcn/button/index.js';
+declare const FormButton: import("svelte").Component<Button.Props, {}, "ref">;
+type FormButton = ReturnType<typeof FormButton>;
+export default FormButton;
+//# sourceMappingURL=form-button.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-button.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/form/form-button.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,MAAM,yBAAyB,CAAC;AA2BlD,QAAA,MAAM,UAAU,qDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,17 @@
+<script lang="ts">
+	import * as FormPrimitive from "formsnap";
+	import { cn, type WithoutChild } from "$shadcn/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/lib/components/form/form-description.svelte.d.ts

@@ -0,0 +1,5 @@
+import * as FormPrimitive from "formsnap";
+declare const FormDescription: import("svelte").Component<WithoutChild<FormPrimitive.DescriptionProps>, {}, "ref">;
+type FormDescription = ReturnType<typeof FormDescription>;
+export default FormDescription;
+//# sourceMappingURL=form-description.svelte.d.ts.map

package/dist/lib/components/form/form-description.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-description.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/form/form-description.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,aAAa,MAAM,UAAU,CAAC;AAkB1C,QAAA,MAAM,eAAe,qFAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,24 @@
+<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 "$shadcn/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/lib/components/form/form-element-field.svelte.d.ts

@@ -0,0 +1,19 @@
+import type { FormPathLeaves } from "sveltekit-superforms";
+declare class __sveltets_Render<T extends Record<string, unknown>, U extends FormPathLeaves<T>> {
+    props(): any;
+    events(): {};
+    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;
+//# sourceMappingURL=form-element-field.svelte.d.ts.map