svelte-ag 1.0.13 → 1.0.14

package/dist/lib/components/dnd/{dnd-context.svelte.d.ts → DndOverlay.svelte.d.ts}

@@ -1,17 +1,15 @@
-import type { Snippet } from 'svelte';
-import type { DragEndProps, DragStartProps, DragMoveProps, DragOverProps } from './types.js';
-export type ContextProps = {
-    children: Snippet<[]>;
-    onDragEnd?: (event: DragEndProps) => void;
-    onDragOver?: (event: DragOverProps) => void;
-    onDragStart?: (event: DragStartProps) => void;
-    onDragMove?: (event: DragMoveProps) => void;
+import { type Snippet } from 'svelte';
+export type DragOverlayProps<T> = {
+    child: Snippet<[{
+        item: T;
+    } & SortableItemChildProps]>;
 };
-import { DndContext } from '@dnd-kit-svelte/core';
+import type { SortableItemChildProps } from './DndSortableItem.svelte';
 declare function $$render<T extends {
     id: string;
+    children?: T[];
 }>(): {
-    props: ContextProps;
+    props: DragOverlayProps<T>;
     exports: {};
     bindings: "";
     slots: {};
@@ -19,6 +17,7 @@ declare function $$render<T extends {
 };
 declare class __sveltets_Render<T extends {
     id: string;
+    children?: T[];
 }> {
     props(): ReturnType<typeof $$render<T>>['props'];
     events(): ReturnType<typeof $$render<T>>['events'];
@@ -29,17 +28,20 @@ declare class __sveltets_Render<T extends {
 interface $$IsomorphicComponent {
     new <T extends {
         id: string;
+        children?: T[];
     }>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
         $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
     } & ReturnType<__sveltets_Render<T>['exports']>;
     <T extends {
         id: string;
+        children?: T[];
     }>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
     z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
-declare const DndContext: $$IsomorphicComponent;
-type DndContext<T extends {
+declare const DndOverlay: $$IsomorphicComponent;
+type DndOverlay<T extends {
     id: string;
-}> = InstanceType<typeof DndContext<T>>;
-export default DndContext;
-//# sourceMappingURL=dnd-context.svelte.d.ts.map
+    children?: T[];
+}> = InstanceType<typeof DndOverlay<T>>;
+export default DndOverlay;
+//# sourceMappingURL=DndOverlay.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DndOverlay.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/DndOverlay.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,KAAK,EAAE,OAAO,CAAC,CAAC;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,GAAG,sBAAsB,CAAC,CAAC,CAAC;CACxD,CAAC;AAKJ,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAEvE,iBAAS,QAAQ,CAAC,CAAC,SAAS;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAA;CAAC;WA4B3B,gBAAgB,CAAC,CAAC,CAAC;;;;;EAA4E;AAC5H,cAAM,iBAAiB,CAAC,CAAC,SAAS;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAA;CAAC;IAC1D,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,MAAM,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IAClD,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,QAAQ;IACR,OAAO;CACV;AAED,UAAU,qBAAqB;IAC3B,KAAK,CAAC,SAAS;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAA;KAAC,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;IACja,CAAC,CAAC,SAAS;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAA;KAAC,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;IAChK,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,SAAS;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAA;CAAC,IAAI,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;AAC/F,eAAe,UAAU,CAAC"}

package/dist/lib/components/dnd/DndSortableItem.svelte

@@ -0,0 +1,48 @@
+<script lang="ts" module>
+  import { getContext, setContext, type Snippet } from 'svelte';
+
+  export type SortableItemChildProps = {
+    isDragging: boolean;
+    isOverlay: boolean;
+  };
+
+  export type DndSortableItemProps = UseSortableInput &
+    HTMLDivAttributes & {
+      child: Snippet<[SortableItemChildProps]>;
+    };
+
+  const itemSymbolKey = 'sortable-item';
+
+  export type ItemContext = {
+    isDragging: ReturnType<typeof useSortable>['isDragging'];
+    handleRef: Attachment<Element>;
+  };
+
+  export function setItemContext(item: ItemContext) {
+    setContext(Symbol.for(itemSymbolKey), item);
+  }
+
+  export function getItemContext(): ItemContext {
+    return getContext(Symbol.for(itemSymbolKey));
+  }
+</script>
+
+<script lang="ts">
+  import { useSortable, type UseSortableInput } from '@dnd-kit-svelte/svelte/sortable';
+  import type { HTMLDivAttributes } from '../../utils/bits.js';
+  import { cn } from '../../utils/utils.js';
+  import type { Attachment } from 'svelte/attachments';
+
+  let { class: className, child, ...rest }: DndSortableItemProps = $props();
+
+  const { ref, handleRef, isDragging } = useSortable({ ...rest, feedback: 'move' });
+
+  setItemContext({ handleRef, isDragging });
+</script>
+
+<div class={cn('relative', className)} {@attach ref}>
+  {@render child({
+    isDragging: isDragging.current,
+    isOverlay: false
+  })}
+</div>

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

@@ -0,0 +1,21 @@
+import { type Snippet } from 'svelte';
+export type SortableItemChildProps = {
+    isDragging: boolean;
+    isOverlay: boolean;
+};
+export type DndSortableItemProps = UseSortableInput & HTMLDivAttributes & {
+    child: Snippet<[SortableItemChildProps]>;
+};
+export type ItemContext = {
+    isDragging: ReturnType<typeof useSortable>['isDragging'];
+    handleRef: Attachment<Element>;
+};
+export declare function setItemContext(item: ItemContext): void;
+export declare function getItemContext(): ItemContext;
+import { useSortable, type UseSortableInput } from '@dnd-kit-svelte/svelte/sortable';
+import type { HTMLDivAttributes } from '../../utils/bits.js';
+import type { Attachment } from 'svelte/attachments';
+declare const DndSortableItem: import("svelte").Component<any, {}, "">;
+type DndSortableItem = ReturnType<typeof DndSortableItem>;
+export default DndSortableItem;
+//# sourceMappingURL=DndSortableItem.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DndSortableItem.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/DndSortableItem.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,EAA0B,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAE9D,MAAM,MAAM,sBAAsB,GAAG;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GACjD,iBAAiB,GAAG;IAClB,KAAK,EAAE,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC;CAC1C,CAAC;AAIJ,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,YAAY,CAAC,CAAC;IACzD,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;CAChC,CAAC;AAEF,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,QAE/C;AAED,wBAAgB,cAAc,IAAI,WAAW,CAE5C;AAGH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACrF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AA0BrD,QAAA,MAAM,eAAe,yCAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/lib/components/dnd/examples/SimpleSortable.svelte

@@ -0,0 +1,56 @@
+<script lang="ts">
+  import { cn } from '../../../utils';
+  import DndDraghandle from '../DndHandle.svelte';
+  import SimpleSortable from '../recipies/SimpleSortable.svelte';
+
+  let items = $state([
+    { id: 'task-1', content: 'Learn Svelte' },
+    { id: 'task-2', content: 'Build a Kanban board' },
+    { id: 'task-3', content: 'Review code' },
+    { id: 'task-4', content: 'Setup project' }
+  ]);
+
+  let items2 = $state([
+    { id: 'task-1', content: 'Learn Svelte' },
+    { id: 'task-2', content: 'Build a Kanban board' },
+    { id: 'task-3', content: 'Review code' },
+    { id: 'task-4', content: 'Setup project' }
+  ]);
+</script>
+
+<button onclick={() => console.log($state.snapshot(items))}>hello</button>
+<SimpleSortable class="bg-sidebar flex h-100 flex-col gap-4 rounded-2xl p-6" bind:items>
+  {#snippet item(p)}
+    <div
+      class={cn(
+        'bg-secondary text-secondary-foreground rounded-md border-2 p-2',
+        p.isOverlay && 'shadow-2xl',
+        p.isDragging && 'bg-amber-700 opacity-20'
+      )}
+    >
+      <h4>{p.item.id}</h4>
+      <p>
+        {p.item.content}
+      </p>
+    </div>
+  {/snippet}
+</SimpleSortable>
+
+<!-- With handle -->
+<SimpleSortable class="bg-sidebar flex h-100 flex-col gap-4 rounded-2xl p-6" bind:items={items2}>
+  {#snippet item(p)}
+    <div
+      class={cn(
+        'bg-secondary text-secondary-foreground rounded-md border-2 p-2',
+        p.isOverlay && 'shadow-2xl',
+        p.isDragging && 'bg-amber-700 opacity-20'
+      )}
+    >
+      <h4>{p.item.id}</h4>
+      <p>
+        {p.item.content}
+      </p>
+      <DndDraghandle />
+    </div>
+  {/snippet}
+</SimpleSortable>

package/dist/lib/components/dnd/examples/SimpleSortable.svelte.d.ts

@@ -0,0 +1,5 @@
+import SimpleSortable from '../recipies/SimpleSortable.svelte';
+declare const SimpleSortable: import("svelte").Component<Record<string, never>, {}, "">;
+type SimpleSortable = ReturnType<typeof SimpleSortable>;
+export default SimpleSortable;
+//# sourceMappingURL=SimpleSortable.svelte.d.ts.map

package/dist/lib/components/dnd/examples/SimpleSortable.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleSortable.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/dnd/examples/SimpleSortable.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,cAAc,MAAM,mCAAmC,CAAC;AAyD/D,QAAA,MAAM,cAAc,2DAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

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

@@ -1,2 +1,9 @@
-export * as Dnd from './exports.js';
+export * from './types.svelte.js';
+export { default as DndContext } from './DndContext.svelte';
+export { default as DndHandle } from './DndHandle.svelte';
+export { default as DndOverlay } from './DndOverlay.svelte';
+export { default as DndDroppable } from './DndDroppable.svelte';
+export { default as DndSortableItem } from './DndSortableItem.svelte';
+export { default as DndItem } from './DndItem.svelte';
+export { default as SimpleSortable } from './recipies/SimpleSortable.svelte';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAElC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEhE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kCAAkC,CAAC"}

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

@@ -1 +1,9 @@
-export * as Dnd from './exports.js';
+export * from './types.svelte.js';
+export { default as DndContext } from './DndContext.svelte';
+export { default as DndHandle } from './DndHandle.svelte';
+export { default as DndOverlay } from './DndOverlay.svelte';
+export { default as DndDroppable } from './DndDroppable.svelte';
+export { default as DndSortableItem } from './DndSortableItem.svelte';
+export { default as DndItem } from './DndItem.svelte';
+// recipies
+export { default as SimpleSortable } from './recipies/SimpleSortable.svelte';

package/dist/lib/components/dnd/recipies/SimpleSortable.svelte

@@ -0,0 +1,42 @@
+<script lang="ts" module>
+  import type { ComponentProps } from 'svelte';
+
+  export type SimpleSortableProps<T extends { id: string; children?: T[] }> = {
+    class?: ClassValue;
+    item: Snippet<[{ item: T } & SortableItemChildProps]>;
+    items: T[];
+  } & ComponentProps<DragDropProvider>;
+</script>
+
+<script lang="ts" generics="T extends {id: string; children?: T[]}">
+  import type { ClassValue } from 'svelte/elements';
+  import type { Snippet } from 'svelte';
+  import Droppable from '../DndDroppable.svelte';
+  import type { SortableItemChildProps } from '../DndSortableItem.svelte';
+  import DndSortableItem from '../DndSortableItem.svelte';
+  import DndContext from '../DndContext.svelte';
+  import DndOverlay from '../DndOverlay.svelte';
+  import type { DragDropProvider } from '@dnd-kit-svelte/svelte';
+
+  let { class: className, item: itemSnippet, items = $bindable(), ...rest }: SimpleSortableProps<T> = $props();
+</script>
+
+<DndContext bind:items {...rest}>
+  <Droppable id="list">
+    <div class={className}>
+      {#each items as item, index (item.id)}
+        <DndSortableItem id={item.id} index={() => index}>
+          {#snippet child(props)}
+            {@render itemSnippet({ ...props, item })}
+          {/snippet}
+        </DndSortableItem>
+      {/each}
+    </div>
+  </Droppable>
+
+  <DndOverlay>
+    {#snippet child(p)}
+      {@render itemSnippet(p as { item: T } & SortableItemChildProps)}
+    {/snippet}
+  </DndOverlay>
+</DndContext>

package/dist/lib/components/dnd/recipies/SimpleSortable.svelte.d.ts

@@ -0,0 +1,55 @@
+import type { ComponentProps } from 'svelte';
+export type SimpleSortableProps<T extends {
+    id: string;
+    children?: T[];
+}> = {
+    class?: ClassValue;
+    item: Snippet<[{
+        item: T;
+    } & SortableItemChildProps]>;
+    items: T[];
+} & ComponentProps<DragDropProvider>;
+import type { ClassValue } from 'svelte/elements';
+import type { Snippet } from 'svelte';
+import type { SortableItemChildProps } from '../DndSortableItem.svelte';
+import type { DragDropProvider } from '@dnd-kit-svelte/svelte';
+declare function $$render<T extends {
+    id: string;
+    children?: T[];
+}>(): {
+    props: SimpleSortableProps<T>;
+    exports: {};
+    bindings: "items";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends {
+    id: string;
+    children?: T[];
+}> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
+    bindings(): "items";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends {
+        id: string;
+        children?: T[];
+    }>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends {
+        id: string;
+        children?: T[];
+    }>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const SimpleSortable: $$IsomorphicComponent;
+type SimpleSortable<T extends {
+    id: string;
+    children?: T[];
+}> = InstanceType<typeof SimpleSortable<T>>;
+export default SimpleSortable;
+//# sourceMappingURL=SimpleSortable.svelte.d.ts.map

package/dist/lib/components/dnd/recipies/SimpleSortable.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleSortable.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/dnd/recipies/SimpleSortable.svelte.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+import type { DragDropProvider } from '@dnd-kit-svelte/svelte';
+import type { ComponentProps } from 'svelte';
+export type OnDragEnd = ComponentProps<DragDropProvider>['onDragEnd'];
+export type OnDragOver = ComponentProps<DragDropProvider>['onDragOver'];
+export type OnDragStart = ComponentProps<DragDropProvider>['onDragStart'];
+export type OnDragMove = ComponentProps<DragDropProvider>['onDragMove'];
+export type { DndContextProps } from './DndContext.svelte';
+export type { DndItemProps, DndItemChildProps } from './DndItem.svelte';
+export type { DndSortableItemProps } from './DndSortableItem.svelte';
+//# sourceMappingURL=types.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/types.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE7C,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC,WAAW,CAAC,CAAC;AACtE,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC,YAAY,CAAC,CAAC;AACxE,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAC;AAC1E,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC,YAAY,CAAC,CAAC;AAExE,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACxE,YAAY,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC"}

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

@@ -1,41 +1,15 @@
-import type { Active, Over } from '@dnd-kit-svelte/core';
-import type { WritableBox } from 'svelte-toolbelt';
-export declare function getTypeAndAccepts(active: Active, over: Over): {
-    activeType: string;
-    overType: string | undefined;
-    accepts: string[];
-};
+import { KeyboardSensor, PointerSensor } from '@dnd-kit-svelte/svelte';
+export declare const sensors: (typeof KeyboardSensor | typeof PointerSensor)[];
+export declare const modifiers: any[];
 /**
- * Moves an item from an index to a different index inplace
+ * Finds an item recursively through the dnd.items list and each item's children
  */
-export declare function moveIndex<T>(arr: T[], from: number, to: number): void;
-export type DataType = {
-    type: WritableBox<string>;
-    item: WritableBox<{
-        id: string;
-    } | {
-        idx: number;
-    }>;
-    parent: WritableBox<{
-        id: string;
-        children: any[];
-        setChildren: (i: any[]) => void;
-    }>;
-};
-export type DataInputType = {
-    type: string;
-    item: {
-        id: string;
-    } | {
-        idx: number;
-    };
-    parent: {
-        id: string;
-        children: any[];
-        setChildren: (i: any[]) => void;
-    };
-};
-export declare function data(input: {
-    data?: any;
-}): DataType;
+export declare function findItem<T extends {
+    id: string;
+    children?: T[];
+}>(id: string | number, items: T[]): {
+    item: T;
+    list: T[];
+    index: number;
+} | undefined;
 //# sourceMappingURL=utils.svelte.d.ts.map

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

@@ -1 +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;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,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,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,IAAI,EAAE,WAAW,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACpD,MAAM,EAAE,WAAW,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,GAAG,EAAE,CAAC;QAAC,WAAW,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;KAAE,CAAC,CAAC;CACvF,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,GAAG,EAAE,CAAC;QAAC,WAAW,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;KAAE,CAAC;CAC1E,CAAC;AAGF,wBAAgB,IAAI,CAAC,KAAK,EAAE;IAAE,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,GAAG,QAAQ,CAWpD"}
+{"version":3,"file":"utils.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/utils.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGvE,eAAO,MAAM,OAAO,kDAAkC,CAAC;AACvD,eAAO,MAAM,SAAS,OAA0B,CAAC;AAEjD;;GAEG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAA;CAAE,EAC/D,EAAE,EAAE,MAAM,GAAG,MAAM,EACnB,KAAK,EAAE,CAAC,EAAE,GACT;IAAE,IAAI,EAAE,CAAC,CAAC;IAAC,IAAI,EAAE,CAAC,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAanD"}

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

@@ -1,25 +1,20 @@
-// --------------------- Helpers ---------------------
-export function getTypeAndAccepts(active, over) {
-    const activeType = active.data?.type;
-    const overType = over?.data?.type;
-    const accepts = (over?.data?.accepts ?? []);
-    return { activeType, overType, accepts };
-}
+import { KeyboardSensor, PointerSensor } from '@dnd-kit-svelte/svelte';
+import { RestrictToWindowEdges } from '@dnd-kit-svelte/svelte/modifiers';
+export const sensors = [KeyboardSensor, PointerSensor];
+export const modifiers = [RestrictToWindowEdges];
 /**
- * Moves an item from an index to a different index inplace
+ * Finds an item recursively through the dnd.items list and each item's children
  */
-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) {
-    const data = input.data;
-    return {
-        type: data.type,
-        item: data.item,
-        parent: data.parent
-    };
+export function findItem(id, items) {
+    for (let index = 0; index < items.length; index++) {
+        const item = items[index];
+        if (item.id === id) {
+            return { item, list: items, index };
+        }
+        if (item.children?.length) {
+            const found = findItem(id, item.children);
+            if (found)
+                return found;
+        }
+    }
 }

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

@@ -2,7 +2,8 @@
   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';
+  import type { WithElementRef, WithoutChildren } from 'bits-ui';
+  import { cn } from '$shadcn/utils.js';
 
   let {
     ref = $bindable(null),

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

@@ -1,6 +1,9 @@
+import * as FormPrimitive from 'formsnap';
 import type { FormPathLeaves } from 'sveltekit-superforms';
+import type { HTMLAttributes } from 'svelte/elements';
+import type { WithElementRef } from 'bits-ui';
 declare function $$render<T extends Record<string, unknown>, U extends FormPathLeaves<T>>(): {
-    props: any;
+    props: Omit<WithElementRef<HTMLAttributes<HTMLDivElement>>, "children"> & FormPrimitive.ElementFieldProps<T, U, any>;
     exports: {};
     bindings: "ref";
     slots: {};

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

@@ -1 +1 @@
-{"version":3,"file":"form-element-field.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/form/form-element-field.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAG3D,iBAAS,QAAQ,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,SAAS,cAAc,CAAC,CAAC,CAAC;;;;;;EA0B4C;AAC5H,cAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAC,CAAC,SAAS,cAAc,CAAC,CAAC,CAAC;IACjF,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAClD,MAAM,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IACpD,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAClD,QAAQ;IACR,OAAO;CACV;AAED,UAAU,qBAAqB;IAC3B,KAAK,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAC,CAAC,SAAS,cAAc,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IACpc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAC,CAAC,SAAS,cAAc,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC3L,YAAY,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,EAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CACrE;AACD,QAAA,MAAM,gBAAgB,EAAE,qBAAmC,CAAC;AAC1C,KAAK,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAC,CAAC,SAAS,cAAc,CAAC,CAAC,CAAC,IAAI,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC;AACpI,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"form-element-field.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/form/form-element-field.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,aAAa,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAmB,MAAM,SAAS,CAAC;AAE/D,iBAAS,QAAQ,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,SAAS,cAAc,CAAC,CAAC,CAAC;;;;;;EA2B4C;AAC5H,cAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAC,CAAC,SAAS,cAAc,CAAC,CAAC,CAAC;IACjF,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAClD,MAAM,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IACpD,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAClD,QAAQ;IACR,OAAO;CACV;AAED,UAAU,qBAAqB;IAC3B,KAAK,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAC,CAAC,SAAS,cAAc,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IACpc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAC,CAAC,SAAS,cAAc,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC3L,YAAY,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,EAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CACrE;AACD,QAAA,MAAM,gBAAgB,EAAE,qBAAmC,CAAC;AAC1C,KAAK,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAC,CAAC,SAAS,cAAc,CAAC,CAAC,CAAC,IAAI,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC;AACpI,eAAe,gBAAgB,CAAC"}

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

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

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

@@ -1,6 +1,6 @@
 import * as FormPrimitive from 'formsnap';
 import type { FormPath } from 'sveltekit-superforms';
-import { type WithoutChild } from '$shadcn/utils.js';
+import type { WithoutChild } from 'bits-ui';
 declare function $$render<T extends Record<string, unknown>, U extends FormPath<T>>(): {
     props: WithoutChild<FormPrimitive.FieldsetProps<T, U>>;
     exports: {};

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

@@ -1 +1 @@
-{"version":3,"file":"form-fieldset.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/form/form-fieldset.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,aAAa,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACzD,iBAAS,QAAQ,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC;WAkB7C,YAAY,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;;;;;EAA+E;AAC3J,cAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC;IAC3E,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAClD,MAAM,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IACpD,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAClD,QAAQ;IACR,OAAO;CACV;AAED,UAAU,qBAAqB;IAC3B,KAAK,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC9b,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IACrL,YAAY,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,EAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CACrE;AACD,QAAA,MAAM,YAAY,EAAE,qBAAmC,CAAC;AACtC,KAAK,YAAY,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,IAAI,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC;AACtH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"form-fieldset.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/form/form-fieldset.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,aAAa,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,iBAAS,QAAQ,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC;WAmB7C,YAAY,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;;;;;EAA+E;AAC3J,cAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC;IAC3E,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAClD,MAAM,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IACpD,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAClD,QAAQ;IACR,OAAO;CACV;AAED,UAAU,qBAAqB;IAC3B,KAAK,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC9b,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IACrL,YAAY,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,EAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CACrE;AACD,QAAA,MAAM,YAAY,EAAE,qBAAmC,CAAC;AACtC,KAAK,YAAY,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,IAAI,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC;AACtH,eAAe,YAAY,CAAC"}

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

@@ -1,7 +1,7 @@
 <script lang="ts">
   import * as FormPrimitive from 'formsnap';
   import { Label } from '$shadcn/label/index.js';
-  import { cn } from 'svelte-ag';
+  import { cn } from '../../utils/utils.js';
   import type { WithoutChild } from 'svelte-toolbelt';
 
   let {
@@ -14,7 +14,7 @@
 
 <FormPrimitive.Label {...restProps} bind:ref>
   {#snippet child({ props })}
-    <Label {...props} data-slot="form-label" 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/form/form-legend.svelte

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"form-legend.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/form/form-legend.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,aAAa,MAAM,UAAU,CAAC;AAc1C,QAAA,MAAM,UAAU,gFAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"form-legend.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/form/form-legend.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,aAAa,MAAM,UAAU,CAAC;AAsB1C,QAAA,MAAM,UAAU,iFAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

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

@@ -14,16 +14,18 @@
 </script>
 
 <script lang="ts">
+  import { cn } from '../../utils/utils.js';
   import type { WithElementRef } from 'bits-ui';
   import { getContext, setContext } from 'svelte';
-  import { cn } from 'svelte-ag';
   import type { HTMLFormAttributes } from 'svelte/elements';
   import type { SuperForm } from 'sveltekit-superforms';
 
   let { class: className, ref = $bindable(null), children, form, ...restProps }: FormRootProps = $props();
 
+  // svelte-ignore state_referenced_locally
   const { enhance } = form;
 
+  // svelte-ignore state_referenced_locally
   setFormContext(form);
 </script>
 

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

@@ -1 +1 @@
-{"version":3,"file":"form.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/form/form.svelte.ts"],"names":[],"mappings":"AAIE,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,IAAI,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAEhF,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,QAE3F;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,KAAK,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAExF;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,kBAAkB,CAAC,GAAG;IAAE,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAA;CAAE,CAAC;AAG5F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAwBtD,QAAA,MAAM,IAAI,sDAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}
+{"version":3,"file":"form.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/form/form.svelte.ts"],"names":[],"mappings":"AAIE,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,IAAI,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAEhF,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,QAE3F;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,KAAK,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAExF;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,kBAAkB,CAAC,GAAG;IAAE,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAA;CAAE,CAAC;AAI5F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AA0BtD,QAAA,MAAM,IAAI,sDAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}