runeforge 0.0.53 → 0.0.55

package/dist/components/table/TableHeader.svelte

@@ -1,83 +1,88 @@
-<script lang="ts" generics="T extends object">
-  import SortHeader from './SortHeader.svelte';
-  import ColumnFilter from './ColumnFilter.svelte';
-  import { isSortable, isFilterable } from './utils.js';
-  import type { DistinctEntry } from '../../types/table.js';
-  import type { ColumnDefinition } from '../../types/crud.js';
-  import type { SortState, FilterState } from './state.svelte.js';
-  import { getStrings } from '../../i18n/context.js';
-
-  const strings = getStrings();
-
-  let {
-    columns,
-    selectable,
-    allChecked,
-    someChecked,
-    onToggleAll,
-    sort,
-    filter,
-    distinctValues,
-    hasRowActions = false,
-    actionsLabel = strings.actions,
-    onchange,
-  }: {
-    columns: ColumnDefinition<T>[];
-    selectable: boolean;
-    allChecked: boolean;
-    someChecked: boolean;
-    onToggleAll: () => void;
-    sort: SortState;
-    filter: FilterState;
-    distinctValues: Record<string, DistinctEntry<T>[]>;
-    hasRowActions?: boolean;
-    actionsLabel?: string;
-    onchange?: () => void;
-  } = $props();
-
-  function sortBy(col: ColumnDefinition<T>) {
-    if (!isSortable(col)) return;
-    sort.cycle(col.attribute);
-    onchange?.();
-  }
-</script>
-
-<thead class="bg-base-200">
-  <tr>
-    {#if selectable}
-      <th>
-        <input
-          type="checkbox"
-          class="checkbox checkbox-sm"
-          checked={allChecked}
-          indeterminate={someChecked && !allChecked}
-          onchange={onToggleAll}
-        />
-      </th>
-    {/if}
-    {#each columns as col (col.attribute)}
-      {@const title = (col.title ?? col.attribute).replace(/_/g, ' ')}
-      <th>
-        <div class="flex items-center gap-1">
-          <SortHeader
-            {title}
-            sortable={isSortable(col)}
-            direction={sort.directionFor(col.attribute)}
-            onsort={() => sortBy(col)}
-          />
-          {#if isFilterable(col)}
-            <ColumnFilter
-              column={col}
-              entries={distinctValues[col.attribute] ?? []}
-              {filter}
-              {onchange}
-            />
-          {/if}
-        </div>
-      </th>
-    {/each}
-    {#if hasRowActions}
-      <th class="text-right">{actionsLabel}</th>
-    {/if}
-  </tr>
-</thead>
+<script lang="ts" generics="T extends object">
+  import SortHeader from './SortHeader.svelte';
+  import ColumnFilter from './ColumnFilter.svelte';
+  import { isSortable, isFilterable } from './utils.js';
+  import type { DistinctEntry } from '../../types/table.js';
+  import type { ColumnDefinition } from '../../types/crud.js';
+  import type { SortState, FilterState } from './state.svelte.js';
+  import { getStrings } from '../../i18n/context.js';
+
+  const strings = getStrings();
+
+  let {
+    columns,
+    selectable,
+    allChecked,
+    someChecked,
+    onToggleAll,
+    sort,
+    filter,
+    distinctValues,
+    hasRowActions = false,
+    actionsLabel = strings.actions,
+    reorderActive = false,
+    onchange,
+  }: {
+    columns: ColumnDefinition<T>[];
+    selectable: boolean;
+    allChecked: boolean;
+    someChecked: boolean;
+    onToggleAll: () => void;
+    sort: SortState;
+    filter: FilterState;
+    distinctValues: Record<string, DistinctEntry<T>[]>;
+    hasRowActions?: boolean;
+    actionsLabel?: string;
+    reorderActive?: boolean;
+    onchange?: () => void;
+  } = $props();
+
+  function sortBy(col: ColumnDefinition<T>) {
+    if (reorderActive || !isSortable(col)) return;
+    sort.cycle(col.attribute);
+    onchange?.();
+  }
+</script>
+
+<thead class="bg-base-200">
+  <tr>
+    {#if reorderActive}
+      <th class="w-10"></th>
+    {/if}
+    {#if selectable}
+      <th>
+        <input
+          type="checkbox"
+          class="checkbox checkbox-sm"
+          checked={allChecked}
+          indeterminate={someChecked && !allChecked}
+          onchange={onToggleAll}
+        />
+      </th>
+    {/if}
+    {#each columns as col (col.attribute)}
+      {@const title = (col.title ?? col.attribute).replace(/_/g, ' ')}
+      <th>
+        <div class="flex items-center gap-1">
+          <SortHeader
+            {title}
+            sortable={isSortable(col) && !reorderActive}
+            direction={reorderActive ? null : sort.directionFor(col.attribute)}
+            onsort={() => sortBy(col)}
+          />
+          {#if isFilterable(col) && !reorderActive}
+            <ColumnFilter
+              column={col}
+              entries={distinctValues[col.attribute] ?? []}
+              {filter}
+              {onchange}
+            />
+          {/if}
+        </div>
+      </th>
+    {/each}
+    {#if hasRowActions}
+      <th class="text-right">{actionsLabel}</th>
+    {/if}
+  </tr>
+</thead>

package/dist/components/table/TableHeader.svelte.d.ts

@@ -13,6 +13,7 @@ declare function $$render<T extends object>(): {
         distinctValues: Record<string, DistinctEntry<T>[]>;
         hasRowActions?: boolean;
         actionsLabel?: string;
+        reorderActive?: boolean;
         onchange?: () => void;
     };
     exports: {};

package/dist/components/table/sortable.d.ts

@@ -0,0 +1,27 @@
+import type { Action } from 'svelte/action';
+import type { SortableModule } from '../../types/table.js';
+/** The indices SortableJS reports a drag settled at — `oldIndex`/`newIndex`
+ * for a single-row drag, `oldIndicies`/`newIndicies` (one entry per row)
+ * instead when `multiDrag` moved a whole selection together. */
+export interface SortEndIndices {
+    oldIndex?: number;
+    newIndex?: number;
+    oldIndicies: number[];
+    newIndicies: number[];
+}
+export interface SortableRowsParams {
+    enabled: boolean;
+    /** The resolved `sortablejs` module — required whenever `enabled` is true.
+     * Runeforge never imports `sortablejs` itself; the caller supplies it. */
+    sortable?: SortableModule;
+    multiDrag?: boolean;
+    onStart?: () => void;
+    onEnd?: (indices: SortEndIndices) => void;
+}
+/** Mounts SortableJS on a `<tbody>` to drive drag-to-reorder, restricting
+ * drag initiation to elements carrying `data-reorder-handle`. The settled
+ * order is computed from SortableJS's own before/after indices (see
+ * TableBody) rather than read back from the DOM — `multiDrag` in particular
+ * doesn't reliably leave the DOM in the dropped state, only its event data
+ * reflects it correctly. */
+export declare const sortableRows: Action<HTMLElement, SortableRowsParams>;

package/dist/components/table/sortable.js

@@ -0,0 +1,55 @@
+// A real Tailwind utility (not a hand-rolled class) so it's picked up by the
+// consuming project's own Tailwind build — see the README's "Tailwind source
+// scanning" note about `@source`-ing this package's `dist` output.
+const MULTI_DRAG_SELECTED_CLASS = 'bg-primary/10';
+/** Mounts SortableJS on a `<tbody>` to drive drag-to-reorder, restricting
+ * drag initiation to elements carrying `data-reorder-handle`. The settled
+ * order is computed from SortableJS's own before/after indices (see
+ * TableBody) rather than read back from the DOM — `multiDrag` in particular
+ * doesn't reliably leave the DOM in the dropped state, only its event data
+ * reflects it correctly. */
+export const sortableRows = (node, params) => {
+    let instance;
+    function setup(p) {
+        instance?.destroy();
+        instance = undefined;
+        if (!p.enabled || !p.sortable)
+            return;
+        instance = p.sortable.create(node, {
+            handle: '[data-reorder-handle]',
+            animation: 150,
+            // Mouse/touch-simulated dragging instead of native HTML5 DnD: avoids
+            // native drag-ghost/Firefox quirks and (usefully) makes drags
+            // reproducible with plain mouse events in end-to-end tests. Not used
+            // together with `multiDrag`, though — SortableJS's MultiDrag plugin
+            // relies on native HTML5 DnD to track a multi-item drag correctly;
+            // paired with `forceFallback` it reports the drop as a no-op.
+            forceFallback: !p.multiDrag,
+            // Keeps the floating drag clone out of the `<tbody>` — otherwise it's
+            // an extra element carrying the same `data-row-key` as the row it was
+            // cloned from, which could confuse the multi-drag selection sync query.
+            fallbackOnBody: true,
+            multiDrag: p.multiDrag || undefined,
+            selectedClass: p.multiDrag ? MULTI_DRAG_SELECTED_CLASS : undefined,
+            onStart: () => p.onStart?.(),
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            onEnd: (evt) => {
+                p.onEnd?.({
+                    oldIndex: evt.oldIndex,
+                    newIndex: evt.newIndex,
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    oldIndicies: (evt.oldIndicies ?? []).map((e) => e.index),
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    newIndicies: (evt.newIndicies ?? []).map((e) => e.index),
+                });
+            },
+        });
+    }
+    setup(params);
+    return {
+        update: setup,
+        destroy() {
+            instance?.destroy();
+        },
+    };
+};

package/dist/components/table/utils.d.ts

@@ -1,7 +1,34 @@
 import type { ColumnDefinition } from '../../types/crud.js';
-import type { DistinctEntry } from '../../types/table.js';
+import type { DistinctEntry, IndexedRow } from '../../types/table.js';
 export declare function cellRenderedText<T extends object>(row: T, col: ColumnDefinition<T>): string;
 export declare function isSortable<T extends object>(col: ColumnDefinition<T>): boolean;
 export declare function isFilterable<T extends object>(col: ColumnDefinition<T>): boolean;
 export declare function compare(a: unknown, b: unknown): number;
 export declare function distinctEntries<T extends object>(data: T[], columns: ColumnDefinition<T>[]): Record<string, DistinctEntry<T>[]>;
+/** Resolves the checkbox-list entries for every filterable column: a
+ * column's own `filterOptions` wins when present (a static, exhaustive
+ * list — see its doc comment); a `boolean` column always gets its two known
+ * states; everything else falls back to values actually seen in `data`,
+ * truncated to `sampleSize` when given. Sampling off `data` is only ever a
+ * hint under server-side pagination, where `data` is just the current
+ * page — pass `sampleSize` there; omit it in client mode, where `data` is
+ * the complete, already-filtered row set. */
+export declare function resolveDistinctValues<T extends object>(data: T[], columns: ColumnDefinition<T>[], sampleSize?: number): Record<string, DistinctEntry<T>[]>;
+/** Returns a copy of `rows` with the item at `from` moved to `to` — pure
+ * array surgery, handy for building custom reorder UIs on `PaginatedTable`.
+ * Out-of-range indices are a no-op. */
+export declare function moveIndexedRow<T extends object>(rows: IndexedRow<T>[], from: number, to: number): IndexedRow<T>[];
+/** Generalizes `moveIndexedRow` to moving a *set* of items (SortableJS's
+ * `multiDrag`) to `toIndex` in one go, preserving their relative order.
+ * `toIndex` is a position in the *result* array, same convention as
+ * `moveIndexedRow`'s `to` (and SortableJS's own `newIndex`) — not an index
+ * into the pre-move array. Duplicate/out-of-range `fromIndices` are ignored;
+ * an empty valid set is a no-op. */
+export declare function moveIndexedRows<T extends object>(rows: IndexedRow<T>[], fromIndices: number[], toIndex: number): IndexedRow<T>[];
+/** Resolves the comparator establishing reorder mode's row order: `compare`
+ * when given (composite orders — a related record's order first, then this
+ * row's own `attribute`), otherwise plain ascending by `attribute`. */
+export declare function resolveReorderComparator<T extends object>(reorder: {
+    attribute: keyof T & string;
+    compare?: (a: T, b: T) => number;
+}): (a: T, b: T) => number;

package/dist/components/table/utils.js

@@ -42,3 +42,78 @@ export function distinctEntries(data, columns) {
     }
     return result;
 }
+/** Resolves the checkbox-list entries for every filterable column: a
+ * column's own `filterOptions` wins when present (a static, exhaustive
+ * list — see its doc comment); a `boolean` column always gets its two known
+ * states; everything else falls back to values actually seen in `data`,
+ * truncated to `sampleSize` when given. Sampling off `data` is only ever a
+ * hint under server-side pagination, where `data` is just the current
+ * page — pass `sampleSize` there; omit it in client mode, where `data` is
+ * the complete, already-filtered row set. */
+export function resolveDistinctValues(data, columns, sampleSize) {
+    const result = {};
+    for (const col of columns) {
+        if (!isFilterable(col))
+            continue;
+        if (col.filterOptions) {
+            result[col.attribute] = col.filterOptions.map((o) => ({
+                key: o.value,
+                label: o.label,
+                row: {},
+            }));
+            continue;
+        }
+        if (col.type === 'boolean') {
+            result[col.attribute] = [
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                { key: 'true', label: col.formatter?.(true, {}), row: {} },
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                { key: 'false', label: col.formatter?.(false, {}), row: {} },
+            ];
+            continue;
+        }
+        const entries = distinctEntries(data, [col])[col.attribute] ?? [];
+        result[col.attribute] = sampleSize != null ? entries.slice(0, sampleSize) : entries;
+    }
+    return result;
+}
+/** Returns a copy of `rows` with the item at `from` moved to `to` — pure
+ * array surgery, handy for building custom reorder UIs on `PaginatedTable`.
+ * Out-of-range indices are a no-op. */
+export function moveIndexedRow(rows, from, to) {
+    if (from === to || from < 0 || to < 0 || from >= rows.length || to >= rows.length)
+        return rows;
+    const next = [...rows];
+    const [moved] = next.splice(from, 1);
+    next.splice(to, 0, moved);
+    return next;
+}
+/** Generalizes `moveIndexedRow` to moving a *set* of items (SortableJS's
+ * `multiDrag`) to `toIndex` in one go, preserving their relative order.
+ * `toIndex` is a position in the *result* array, same convention as
+ * `moveIndexedRow`'s `to` (and SortableJS's own `newIndex`) — not an index
+ * into the pre-move array. Duplicate/out-of-range `fromIndices` are ignored;
+ * an empty valid set is a no-op. */
+export function moveIndexedRows(rows, fromIndices, toIndex) {
+    const validFrom = [...new Set(fromIndices)]
+        .filter((i) => i >= 0 && i < rows.length)
+        .sort((a, b) => a - b);
+    if (validFrom.length === 0)
+        return rows;
+    const fromSet = new Set(validFrom);
+    const moved = validFrom.map((i) => rows[i]);
+    const remaining = rows.filter((_, i) => !fromSet.has(i));
+    const insertAt = Math.min(remaining.length, Math.max(0, toIndex));
+    const next = [...remaining];
+    next.splice(insertAt, 0, ...moved);
+    return next;
+}
+/** Resolves the comparator establishing reorder mode's row order: `compare`
+ * when given (composite orders — a related record's order first, then this
+ * row's own `attribute`), otherwise plain ascending by `attribute`. */
+export function resolveReorderComparator(reorder) {
+    if (reorder.compare)
+        return reorder.compare;
+    const { attribute } = reorder;
+    return (a, b) => compare(a[attribute], b[attribute]);
+}

package/dist/i18n/en.js

@@ -20,6 +20,8 @@ export const en = {
     delete: 'Delete',
     create: 'Create',
     searchPlaceholder: 'Search...',
+    reorder: 'Drag to reorder',
+    reorderPage: (page) => `Page ${page}`,
     export: 'Export',
     exportCsv: 'Export as CSV',
     exportExcel: 'Export as Excel',

package/dist/i18n/es.js

@@ -20,6 +20,8 @@ export const es = {
     delete: 'Eliminar',
     create: 'Crear',
     searchPlaceholder: 'Buscar...',
+    reorder: 'Arrastrar para reordenar',
+    reorderPage: (page) => `Pág ${page}`,
     export: 'Exportar',
     exportCsv: 'Exportar a CSV',
     exportExcel: 'Exportar a Excel',

package/dist/i18n/types.d.ts

@@ -20,6 +20,8 @@ export interface RuneforgeStrings {
     delete: string;
     create: string;
     searchPlaceholder: string;
+    reorder: string;
+    reorderPage: (page: number) => string;
     export: string;
     exportCsv: string;
     exportExcel: string;

package/dist/icons/defaults/Clear.svelte

@@ -1,6 +1,6 @@
-<script lang="ts">
-  let { size = '1em', class: cls = '' }: { size?: string | number; class?: string } = $props();
-</script>
-<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 16 16" fill="currentColor" class={cls}>
-  <path d="M2.146 2.146a.5.5 0 0 1 .708 0L8 7.293l5.146-5.147a.5.5 0 1 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854a.5.5 0 0 1 0-.708z"/>
-</svg>
+<script lang="ts">
+  let { size = '1em', class: cls = '' }: { size?: string | number; class?: string } = $props();
+</script>
+<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 16 16" fill="currentColor" class={cls}>
+  <path d="M2.146 2.146a.5.5 0 0 1 .708 0L8 7.293l5.146-5.147a.5.5 0 1 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854a.5.5 0 0 1 0-.708z"/>
+</svg>

package/dist/icons/defaults/Create.svelte

@@ -1,6 +1,6 @@
-<script lang="ts">
-  let { size = '1em', class: cls = '' }: { size?: string | number; class?: string } = $props();
-</script>
-<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 16 16" fill="currentColor" class={cls}>
-  <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/>
-</svg>
+<script lang="ts">
+  let { size = '1em', class: cls = '' }: { size?: string | number; class?: string } = $props();
+</script>
+<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 16 16" fill="currentColor" class={cls}>
+  <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/>
+</svg>

package/dist/icons/defaults/Delete.svelte

@@ -1,6 +1,6 @@
-<script lang="ts">
-  let { size = '1em', class: cls = '' }: { size?: string | number; class?: string } = $props();
-</script>
-<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 16 16" fill="currentColor" class={cls}>
-  <path d="M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5M11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H1.5a.5.5 0 0 0 0 1h.538l.853 10.66A2 2 0 0 0 4.885 16h6.23a2 2 0 0 0 1.994-1.84l.853-10.66h.538a.5.5 0 0 0 0-1zm1.958 1-.846 10.58a1 1 0 0 1-.997.92h-6.23a1 1 0 0 1-.997-.92L3.042 3.5zm-7.487 1a.5.5 0 0 1 .528.47l.5 8.5a.5.5 0 0 1-.998.06L5 5.03a.5.5 0 0 1 .47-.53Zm5.058 0a.5.5 0 0 1 .47.53l-.5 8.5a.5.5 0 0 1-.998-.06l.5-8.5a.5.5 0 0 1 .528-.47M8 4.5a.5.5 0 0 1 .5.5v8.5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5"/>
-</svg>
+<script lang="ts">
+  let { size = '1em', class: cls = '' }: { size?: string | number; class?: string } = $props();
+</script>
+<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 16 16" fill="currentColor" class={cls}>
+  <path d="M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5M11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H1.5a.5.5 0 0 0 0 1h.538l.853 10.66A2 2 0 0 0 4.885 16h6.23a2 2 0 0 0 1.994-1.84l.853-10.66h.538a.5.5 0 0 0 0-1zm1.958 1-.846 10.58a1 1 0 0 1-.997.92h-6.23a1 1 0 0 1-.997-.92L3.042 3.5zm-7.487 1a.5.5 0 0 1 .528.47l.5 8.5a.5.5 0 0 1-.998.06L5 5.03a.5.5 0 0 1 .47-.53Zm5.058 0a.5.5 0 0 1 .47.53l-.5 8.5a.5.5 0 0 1-.998-.06l.5-8.5a.5.5 0 0 1 .528-.47M8 4.5a.5.5 0 0 1 .5.5v8.5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5"/>
+</svg>

package/dist/icons/defaults/Download.svelte

@@ -1,7 +1,7 @@
-<script lang="ts">
-  let { size = '1em', class: cls = '' }: { size?: string | number; class?: string } = $props();
-</script>
-<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 16 16" fill="currentColor" class={cls}>
-  <path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5"/>
-  <path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z"/>
-</svg>
+<script lang="ts">
+  let { size = '1em', class: cls = '' }: { size?: string | number; class?: string } = $props();
+</script>
+<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 16 16" fill="currentColor" class={cls}>
+  <path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5"/>
+  <path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z"/>
+</svg>

package/dist/icons/defaults/Edit.svelte

@@ -1,7 +1,7 @@
-<script lang="ts">
-  let { size = '1em', class: cls = '' }: { size?: string | number; class?: string } = $props();
-</script>
-<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 16 16" fill="currentColor" class={cls}>
-  <path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12z"/>
-  <path d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z"/>
-</svg>
+<script lang="ts">
+  let { size = '1em', class: cls = '' }: { size?: string | number; class?: string } = $props();
+</script>
+<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 16 16" fill="currentColor" class={cls}>
+  <path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12z"/>
+  <path d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z"/>
+</svg>

package/dist/icons/defaults/Filter.svelte

@@ -1,6 +1,6 @@
-<script lang="ts">
-  let { size = '1em', class: cls = '' }: { size?: string | number; class?: string } = $props();
-</script>
-<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 16 16" fill="currentColor" class={cls}>
-  <path d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2z"/>
-</svg>
+<script lang="ts">
+  let { size = '1em', class: cls = '' }: { size?: string | number; class?: string } = $props();
+</script>
+<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 16 16" fill="currentColor" class={cls}>
+  <path d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2z"/>
+</svg>

package/dist/icons/defaults/FilterActive.svelte

@@ -1,6 +1,6 @@
-<script lang="ts">
-  let { size = '1em', class: cls = '' }: { size?: string | number; class?: string } = $props();
-</script>
-<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 16 16" fill="currentColor" class={cls}>
-  <path d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5z"/>
-</svg>
+<script lang="ts">
+  let { size = '1em', class: cls = '' }: { size?: string | number; class?: string } = $props();
+</script>
+<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 16 16" fill="currentColor" class={cls}>
+  <path d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5z"/>
+</svg>

package/dist/icons/defaults/Folder.svelte

@@ -1,6 +1,6 @@
-<script lang="ts">
-  let { size = '1em', class: cls = '' }: { size?: string | number; class?: string } = $props();
-</script>
-<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 16 16" fill="currentColor" class={cls}>
-  <path d="M9.828 3h3.982a2 2 0 0 1 1.992 2.181l-.637 7A2 2 0 0 1 13.174 14H2.826a2 2 0 0 1-1.991-1.819l-.637-7a2 2 0 0 1 .342-1.31L.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3m-8.322.12q.322-.119.684-.12h5.396l-.707-.707A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 .981z"/>
-</svg>
+<script lang="ts">
+  let { size = '1em', class: cls = '' }: { size?: string | number; class?: string } = $props();
+</script>
+<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 16 16" fill="currentColor" class={cls}>
+  <path d="M9.828 3h3.982a2 2 0 0 1 1.992 2.181l-.637 7A2 2 0 0 1 13.174 14H2.826a2 2 0 0 1-1.991-1.819l-.637-7a2 2 0 0 1 .342-1.31L.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3m-8.322.12q.322-.119.684-.12h5.396l-.707-.707A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 .981z"/>
+</svg>

package/dist/icons/defaults/Grip.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+  let { size = '1em', class: cls = '' }: { size?: string | number; class?: string } = $props();
+</script>
+
+<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 16 16" fill="currentColor" class={cls}>
+  <path d="M7 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0m3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0M7 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0m3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0M7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0m3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0m3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0m3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/>
+</svg>

package/dist/icons/defaults/Grip.svelte.d.ts

@@ -0,0 +1,7 @@
+type $$ComponentProps = {
+    size?: string | number;
+    class?: string;
+};
+declare const Grip: import("svelte").Component<$$ComponentProps, {}, "">;
+type Grip = ReturnType<typeof Grip>;
+export default Grip;

package/dist/icons/defaults/Home.svelte

@@ -1,6 +1,6 @@
-<script lang="ts">
-  let { size = '1em', class: cls = '' }: { size?: string | number; class?: string } = $props();
-</script>
-<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 16 16" fill="currentColor" class={cls}>
-  <path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5z"/>
-</svg>
+<script lang="ts">
+  let { size = '1em', class: cls = '' }: { size?: string | number; class?: string } = $props();
+</script>
+<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 16 16" fill="currentColor" class={cls}>
+  <path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5z"/>
+</svg>

package/dist/icons/defaults/PasswordHide.svelte

@@ -1,9 +1,9 @@
-<script lang="ts">
-  let { size = '1em', class: cls = '' }: { size?: string | number; class?: string } = $props();
-</script>
-<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 16 16" fill="currentColor" class={cls}>
-  <path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7 7 0 0 0-2.79.588l.77.771A6 6 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755l.708.709z"/>
-  <path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"/>
-  <path d="M3.35 5.47c-.18.16-.353.322-.518.487A13 13 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7 7 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238z"/>
-  <path fill-rule="evenodd" d="M13.646 14.354l-12-12 .708-.708 12 12-.708.708z"/>
-</svg>
+<script lang="ts">
+  let { size = '1em', class: cls = '' }: { size?: string | number; class?: string } = $props();
+</script>
+<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 16 16" fill="currentColor" class={cls}>
+  <path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7 7 0 0 0-2.79.588l.77.771A6 6 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755l.708.709z"/>
+  <path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"/>
+  <path d="M3.35 5.47c-.18.16-.353.322-.518.487A13 13 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7 7 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238z"/>
+  <path fill-rule="evenodd" d="M13.646 14.354l-12-12 .708-.708 12 12-.708.708z"/>
+</svg>

package/dist/icons/defaults/PasswordShow.svelte

@@ -1,7 +1,7 @@
-<script lang="ts">
-  let { size = '1em', class: cls = '' }: { size?: string | number; class?: string } = $props();
-</script>
-<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 16 16" fill="currentColor" class={cls}>
-  <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z"/>
-  <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0"/>
-</svg>
+<script lang="ts">
+  let { size = '1em', class: cls = '' }: { size?: string | number; class?: string } = $props();
+</script>
+<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 16 16" fill="currentColor" class={cls}>
+  <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z"/>
+  <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0"/>
+</svg>

package/dist/icons/defaults/SortAsc.svelte

@@ -1,6 +1,6 @@
-<script lang="ts">
-  let { size = '1em', class: cls = '' }: { size?: string | number; class?: string } = $props();
-</script>
-<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 16 16" fill="currentColor" class={cls}>
-  <path d="m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z"/>
-</svg>
+<script lang="ts">
+  let { size = '1em', class: cls = '' }: { size?: string | number; class?: string } = $props();
+</script>
+<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 16 16" fill="currentColor" class={cls}>
+  <path d="m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z"/>
+</svg>