@spectral_labs/ui 1.1.2 → 1.2.1

package/dist/components/simple-tooltip/__tests__/simple-tooltip.test.svelte.js

@@ -2,6 +2,7 @@ import { flushSync, mount, unmount } from 'svelte';
 import { afterEach, describe, expect, it } from 'vitest';
 import SimpleTooltipTest from './SimpleTooltipTest.svelte';
 if (typeof PointerEvent === 'undefined') {
+    ;
     globalThis.PointerEvent = class PointerEvent extends MouseEvent {
         constructor(type, init = {}) {
             super(type, init);

package/dist/components/simple-tooltip/simple-tooltip.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { SimpleTooltipProps } from './types.js'
   import TooltipContent from '../tooltip/components/tooltip-content.svelte'
   import TooltipRoot from '../tooltip/components/tooltip-root.svelte'

package/dist/components/slider/slider.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { SliderProps } from './types.js'
   import { kbd } from '../../internal/helpers/index.js'
 
@@ -22,8 +22,7 @@
   }
 
   function onkeydown(event: KeyboardEvent) {
-    if (disabled)
-      return
+    if (disabled) return
     let newValue = value
 
     switch (event.key) {
@@ -56,16 +55,14 @@
   }
 
   function onpointerdown(event: PointerEvent) {
-    if (disabled)
-      return
+    if (disabled) return
     const track = event.currentTarget as HTMLElement
     track.setPointerCapture(event.pointerId)
     updateFromPointer(event, track)
   }
 
   function onpointermove(event: PointerEvent) {
-    if (disabled)
-      return
+    if (disabled) return
     const track = event.currentTarget as HTMLElement
     if (track.hasPointerCapture(event.pointerId)) {
       updateFromPointer(event, track)
@@ -77,8 +74,7 @@
     let ratio: number
     if (orientation === 'vertical') {
       ratio = 1 - (event.clientY - rect.top) / rect.height
-    }
-    else {
+    } else {
       ratio = (event.clientX - rect.left) / rect.width
     }
     ratio = Math.min(1, Math.max(0, ratio))
@@ -92,11 +88,11 @@
   data-disabled={disabled || undefined}
 >
   <!-- svelte-ignore a11y_no_static_element_interactions -->
-  <div class='sp-slider-track' {onpointerdown} {onpointermove}>
-    <div class='sp-slider-range' style='--sp-slider-percentage: {percentage}%'></div>
+  <div class="sp-slider-track" {onpointerdown} {onpointermove}>
+    <div class="sp-slider-range" style="--sp-slider-percentage: {percentage}%"></div>
     <div
-      class='sp-slider-thumb'
-      role='slider'
+      class="sp-slider-thumb"
+      role="slider"
       aria-valuenow={value}
       aria-valuemin={min}
       aria-valuemax={max}
@@ -104,14 +100,14 @@
       aria-label={label}
       aria-disabled={disabled || undefined}
       tabindex={disabled ? -1 : 0}
-      style='--sp-slider-percentage: {percentage}%'
+      style="--sp-slider-percentage: {percentage}%"
       {onkeydown}
     ></div>
   </div>
 </div>
 
 {#if name}
-  <input type='hidden' {name} value={String(value)} {required} />
+  <input type="hidden" {name} value={String(value)} {required} />
 {/if}
 
 <style>

package/dist/components/slider/slider.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/slider/slider.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AA2G7C,QAAA,MAAM,MAAM,sDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
+{"version":3,"file":"slider.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/slider/slider.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAuG7C,QAAA,MAAM,MAAM,sDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/components/slider/types.d.ts

@@ -1,26 +1,26 @@
 export type SliderOrientation = 'horizontal' | 'vertical';
 export interface SliderProps {
     /** Current value. */
-    'value'?: number;
+    value?: number;
     /** Minimum value. */
-    'min'?: number;
+    min?: number;
     /** Maximum value. */
-    'max'?: number;
+    max?: number;
     /** Step increment. */
-    'step'?: number;
+    step?: number;
     /** Orientation. */
-    'orientation'?: SliderOrientation;
+    orientation?: SliderOrientation;
     /** Disabled state. */
-    'disabled'?: boolean;
+    disabled?: boolean;
     /** Accessible label. */
-    'label'?: string;
+    label?: string;
     /** Form field name. */
-    'name'?: string;
+    name?: string;
     /** Whether the field is required. */
-    'required'?: boolean;
+    required?: boolean;
     /** Accessible label (ARIA). */
     'aria-label'?: string;
     /** Additional CSS class. */
-    'class'?: string;
+    class?: string;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/slider/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/slider/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,CAAA;AAEzD,MAAM,WAAW,WAAW;IAC1B,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,mBAAmB;IACnB,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,sBAAsB;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,uBAAuB;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/slider/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,CAAA;AAEzD,MAAM,WAAW,WAAW;IAC1B,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qBAAqB;IACrB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,qBAAqB;IACrB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mBAAmB;IACnB,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}

package/dist/components/sortable-list/__tests__/SortableListTest.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import * as SortableList from '../index.js'
 
   interface Item {
@@ -25,7 +25,14 @@
   } = $props()
 </script>
 
-<SortableList.Root bind:items {orientation} {disabled} {group} {onReorder} aria-label='Sortable test'>
+<SortableList.Root
+  bind:items
+  {orientation}
+  {disabled}
+  {group}
+  {onReorder}
+  aria-label="Sortable test"
+>
   {#snippet item(data: Item)}
     <SortableList.Item id={data.id}>
       <SortableList.Handle>&#x22EE;&#x22EE;</SortableList.Handle>

package/dist/components/sortable-list/__tests__/sortable-list.test.svelte.js

@@ -20,14 +20,16 @@ import { afterEach, describe, expect, it, vi } from 'vitest';
 import SortableListTest from './SortableListTest.svelte';
 // Polyfill browser event types absent from jsdom
 if (typeof PointerEvent === 'undefined') {
-    globalThis.PointerEvent = class PointerEvent extends MouseEvent {
+    ;
+    globalThis.PointerEvent = class PointerEvent extends (MouseEvent) {
         constructor(type, init = {}) {
             super(type, init);
         }
     };
 }
 if (typeof DragEvent === 'undefined') {
-    globalThis.DragEvent = class DragEvent extends MouseEvent {
+    ;
+    globalThis.DragEvent = class DragEvent extends (MouseEvent) {
         dataTransfer;
         constructor(type, init = {}) {
             super(type, init);
@@ -122,14 +124,18 @@ describe('sortableList', () => {
     // ── Items prop / reorder (2) ──────────────────────────────────────────────
     it('renders items in the order provided', () => {
         setup({ items: [...DEFAULT_ITEMS] });
-        const keys = Array.from(target.querySelectorAll('[data-dnd-key]'))
-            .map(el => el.getAttribute('data-dnd-key'));
+        const keys = Array.from(target.querySelectorAll('[data-dnd-key]')).map((el) => el.getAttribute('data-dnd-key'));
         expect(keys).toEqual(['a', 'b', 'c']);
     });
     it('re-mounting with different item order reflects new DOM order', () => {
-        setup({ items: [{ id: 'c', label: 'C' }, { id: 'a', label: 'A' }, { id: 'b', label: 'B' }] });
-        const keys = Array.from(target.querySelectorAll('[data-dnd-key]'))
-            .map(el => el.getAttribute('data-dnd-key'));
+        setup({
+            items: [
+                { id: 'c', label: 'C' },
+                { id: 'a', label: 'A' },
+                { id: 'b', label: 'B' },
+            ],
+        });
+        const keys = Array.from(target.querySelectorAll('[data-dnd-key]')).map((el) => el.getAttribute('data-dnd-key'));
         expect(keys).toEqual(['c', 'a', 'b']);
     });
     // ── Group (1) ────────────────────────────────────────────────────────────

package/dist/components/sortable-list/components/sortable-list-handle.svelte

@@ -1,36 +1,30 @@
-<script lang='ts'>
+<script lang="ts">
   import type { SortableListHandleProps } from '../types.js'
 
-  const {
-    class: className,
-    children,
-  }: SortableListHandleProps = $props()
+  const { class: className, children }: SortableListHandleProps = $props()
 </script>
 
-<div
-  class="sp-sortable-list-handle {className ?? ''}"
-  data-dnd-handle
-  aria-hidden='true'
->
+<div class="sp-sortable-list-handle {className ?? ''}" data-dnd-handle aria-hidden="true">
   {#if children}
     {@render children()}
   {:else}
     <svg
-      width='16' height='16'
-      viewBox='0 0 24 24'
-      fill='none'
-      stroke='currentColor'
-      stroke-width='2'
-      stroke-linecap='round'
-      stroke-linejoin='round'
-      aria-hidden='true'
+      width="16"
+      height="16"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
     >
-      <circle cx='9' cy='5' r='1' />
-      <circle cx='9' cy='12' r='1' />
-      <circle cx='9' cy='19' r='1' />
-      <circle cx='15' cy='5' r='1' />
-      <circle cx='15' cy='12' r='1' />
-      <circle cx='15' cy='19' r='1' />
+      <circle cx="9" cy="5" r="1" />
+      <circle cx="9" cy="12" r="1" />
+      <circle cx="9" cy="19" r="1" />
+      <circle cx="15" cy="5" r="1" />
+      <circle cx="15" cy="12" r="1" />
+      <circle cx="15" cy="19" r="1" />
     </svg>
   {/if}
 </div>
@@ -45,7 +39,8 @@
     padding: 0.25rem;
     border-radius: var(--sp-sys-shape-corner-xs, 4px);
     flex-shrink: 0;
-    transition: color var(--sp-sys-motion-duration-short2, 100ms) var(--sp-sys-motion-easing-effects, ease);
+    transition: color var(--sp-sys-motion-duration-short2, 100ms)
+      var(--sp-sys-motion-easing-effects, ease);
   }
 
   .sp-sortable-list-handle:hover {

package/dist/components/sortable-list/components/sortable-list-handle.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sortable-list-handle.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/sortable-list/components/sortable-list-handle.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AA8B3D,QAAA,MAAM,kBAAkB,6DAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"sortable-list-handle.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/sortable-list/components/sortable-list-handle.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AA2B3D,QAAA,MAAM,kBAAkB,6DAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}

package/dist/components/sortable-list/components/sortable-list-indicator.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { SortableListIndicatorProps } from '../types.js'
   import { dragSession } from '../../../internal/drag-drop/index.js'
   import { getSortableListContext } from '../sortable-list.svelte.js'
@@ -7,25 +7,20 @@
 
   const ctx = getSortableListContext()
 
-  const isActive = $derived(
-    dragSession.isDragging && dragSession.currentTargetId === ctx.targetId,
-  )
+  const isActive = $derived(dragSession.isDragging && dragSession.currentTargetId === ctx.targetId)
 
   const target = $derived(isActive ? dragSession.currentTarget : null)
 
   // Position the indicator relative to the target item
   const indicatorStyle = $derived.by(() => {
-    if (!isActive || !target || target.type === 'root')
-      return ''
+    if (!isActive || !target || target.type === 'root') return ''
 
     const dt = ctx.dropTarget
     const rect = dt.getIndicatorRect()
-    if (!rect)
-      return ''
+    if (!rect) return ''
 
     const container = dt.element
-    if (!container)
-      return ''
+    if (!container) return ''
 
     const containerRect = container.getBoundingClientRect()
 
@@ -43,8 +38,8 @@
   <div
     class="sp-sortable-list-indicator {className ?? ''}"
     style={indicatorStyle}
-    aria-roledescription='drop indicator'
-    aria-hidden='true'
+    aria-roledescription="drop indicator"
+    aria-hidden="true"
   ></div>
 {/if}
 
@@ -68,21 +63,21 @@
   }
 
   /* Horizontal indicator (for vertical lists): dots at left and right */
-  .sp-sortable-list-indicator[style*="height: 2px"]::before {
+  .sp-sortable-list-indicator[style*='height: 2px']::before {
     left: -3px;
     top: -3px;
   }
-  .sp-sortable-list-indicator[style*="height: 2px"]::after {
+  .sp-sortable-list-indicator[style*='height: 2px']::after {
     right: -3px;
     top: -3px;
   }
 
   /* Vertical indicator (for horizontal lists): dots at top and bottom */
-  .sp-sortable-list-indicator[style*="width: 2px"]::before {
+  .sp-sortable-list-indicator[style*='width: 2px']::before {
     top: -3px;
     left: -3px;
   }
-  .sp-sortable-list-indicator[style*="width: 2px"]::after {
+  .sp-sortable-list-indicator[style*='width: 2px']::after {
     bottom: -3px;
     left: -3px;
   }

package/dist/components/sortable-list/components/sortable-list-indicator.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sortable-list-indicator.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/sortable-list/components/sortable-list-indicator.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAA;AAqD7D,QAAA,MAAM,qBAAqB,gEAAwC,CAAC;AACpE,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACtE,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"sortable-list-indicator.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/sortable-list/components/sortable-list-indicator.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAA;AAgD7D,QAAA,MAAM,qBAAqB,gEAAwC,CAAC;AACpE,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACtE,eAAe,qBAAqB,CAAC"}

package/dist/components/sortable-list/components/sortable-list-item.svelte

@@ -1,13 +1,8 @@
-<script lang='ts'>
+<script lang="ts">
   import type { SortableListItemProps } from '../types.js'
   import { getSortableListContext } from '../sortable-list.svelte.js'
 
-  const {
-    id,
-    disabled = false,
-    class: className,
-    children,
-  }: SortableListItemProps = $props()
+  const { id, disabled = false, class: className, children }: SortableListItemProps = $props()
 
   const ctx = getSortableListContext()
   let itemEl: HTMLElement | undefined = $state()
@@ -28,7 +23,7 @@
   data-dnd-key={id}
   data-dragging={isDragging || undefined}
   data-disabled={disabled || ctx.disabled || undefined}
-  role='option'
+  role="option"
   aria-selected={isDragging || undefined}
   aria-disabled={disabled || ctx.disabled || undefined}
 >
@@ -43,7 +38,8 @@
     touch-action: none;
     transition:
       opacity var(--sp-sys-motion-duration-short2, 100ms) var(--sp-sys-motion-easing-effects, ease),
-      transform var(--sp-sys-motion-duration-short2, 100ms) var(--sp-sys-motion-easing-effects, ease);
+      transform var(--sp-sys-motion-duration-short2, 100ms)
+        var(--sp-sys-motion-easing-effects, ease);
   }
 
   .sp-sortable-list-item:active {

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

@@ -1 +1 @@
-{"version":3,"file":"sortable-list-item.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/sortable-list/components/sortable-list-item.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAmCxD,QAAA,MAAM,gBAAgB,2DAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"sortable-list-item.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/sortable-list/components/sortable-list-item.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AA8BxD,QAAA,MAAM,gBAAgB,2DAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/components/sortable-list/components/sortable-list-root.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { SortableItem, SortableListProps } from '../types.js'
   import { dragSession } from '../../../internal/drag-drop/index.js'
   import { createSortableList, setSortableListContext } from '../sortable-list.svelte.js'
@@ -55,14 +55,14 @@
 <div
   bind:this={containerEl}
   class="sp-sortable-list {orientation} {className ?? ''}"
-  role='listbox'
+  role="listbox"
   aria-label={ariaLabel}
   aria-orientation={orientation}
   data-dnd-target={context.targetId}
   data-state={isDropTarget ? 'drop-active' : dragSession.isDragging ? 'drag-active' : 'idle'}
 >
   {#if items.length === 0 && emptySnippet}
-    <div class='sp-sortable-list-empty'>
+    <div class="sp-sortable-list-empty">
       {@render emptySnippet()}
     </div>
   {:else}

package/dist/components/sortable-list/sortable-list.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sortable-list.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/sortable-list/sortable-list.svelte.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAsD,QAAQ,EAAiB,UAAU,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAE7J,OAAO,EAGL,eAAe,EAEf,eAAe,EAEhB,MAAM,mCAAmC,CAAA;AAI1C,MAAM,WAAW,mBAAmB;IAClC,mCAAmC;IACnC,QAAQ,EAAE,MAAM,CAAA;IAChB,gDAAgD;IAChD,QAAQ,EAAE,MAAM,CAAA;IAChB,iDAAiD;IACjD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,oCAAoC;IACpC,QAAQ,EAAE,OAAO,CAAA;IACjB,mCAAmC;IACnC,WAAW,EAAE,WAAW,CAAA;IACxB,0EAA0E;IAC1E,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,KAAK,eAAe,CAAA;IACnE,0BAA0B;IAC1B,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,0DAA0D;IAC1D,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;IACvC,qEAAqE;IACrE,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAC1B,yCAAyC;IACzC,QAAQ,CAAC,UAAU,EAAE,eAAe,CAAA;CACrC;AAED,wBAAgB,sBAAsB,CAAC,GAAG,EAAE,mBAAmB,GAAG,IAAI,CAErE;AAED,wBAAgB,sBAAsB,IAAI,mBAAmB,CAE5D;AAMD,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oGAAoG;IACpG,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IACxD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IAC1D,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IAC5D,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACpC;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,yBAAyB;;+BAuHjC,WAAW,KAAG,IAAI;2BASxB,IAAI;;EAmCjC"}
+{"version":3,"file":"sortable-list.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/sortable-list/sortable-list.svelte.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAIV,QAAQ,EAER,UAAU,EACV,WAAW,EACZ,MAAM,mCAAmC,CAAA;AAE1C,OAAO,EAAe,eAAe,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAA;AAIjG,MAAM,WAAW,mBAAmB;IAClC,mCAAmC;IACnC,QAAQ,EAAE,MAAM,CAAA;IAChB,gDAAgD;IAChD,QAAQ,EAAE,MAAM,CAAA;IAChB,iDAAiD;IACjD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,oCAAoC;IACpC,QAAQ,EAAE,OAAO,CAAA;IACjB,mCAAmC;IACnC,WAAW,EAAE,WAAW,CAAA;IACxB,0EAA0E;IAC1E,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,KAAK,eAAe,CAAA;IACnE,0BAA0B;IAC1B,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,0DAA0D;IAC1D,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;IACvC,qEAAqE;IACrE,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAC1B,yCAAyC;IACzC,QAAQ,CAAC,UAAU,EAAE,eAAe,CAAA;CACrC;AAED,wBAAgB,sBAAsB,CAAC,GAAG,EAAE,mBAAmB,GAAG,IAAI,CAErE;AAED,wBAAgB,sBAAsB,IAAI,mBAAmB,CAE5D;AAMD,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oGAAoG;IACpG,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IACxD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IAC1D,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IAC5D,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACpC;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,yBAAyB;;+BAgHjC,WAAW,KAAG,IAAI;2BASxB,IAAI;;EAqCjC"}

package/dist/components/sortable-list/sortable-list.svelte.js

@@ -8,7 +8,7 @@
  * - Manages selection for grouped drag
  */
 import { getContext, setContext } from 'svelte';
-import { dragSession, DragSourceState, DropTargetState, } from '../../internal/drag-drop/index.js';
+import { dragSession, DragSourceState, DropTargetState } from '../../internal/drag-drop/index.js';
 const CONTEXT_KEY = Symbol('sp-sortable-list');
 export function setSortableListContext(ctx) {
     setContext(CONTEXT_KEY, ctx);
@@ -37,7 +37,7 @@ export function createSortableList(options) {
             // Accept if types overlap with accepted types
             for (const t of acceptedTypes) {
                 if (types.has(t))
-                    return allowedOps.includes('move') ? 'move' : allowedOps[0] ?? 'cancel';
+                    return allowedOps.includes('move') ? 'move' : (allowedOps[0] ?? 'cancel');
             }
             return 'cancel';
         },
@@ -84,10 +84,8 @@ export function createSortableList(options) {
             getItems() {
                 // If this item is in the selected set and there are multiple selected, drag them all
                 const selected = options.selectedKeys;
-                const keys = selected && selected.has(id) && selected.size > 1
-                    ? Array.from(selected)
-                    : [id];
-                return keys.map(k => ({ [dragType]: k, 'text/plain': k }));
+                const keys = selected && selected.has(id) && selected.size > 1 ? Array.from(selected) : [id];
+                return keys.map((k) => ({ [dragType]: k, 'text/plain': k }));
             },
             getAllowedDropOperations() {
                 return ['move'];
@@ -96,8 +94,8 @@ export function createSortableList(options) {
                 const selected = options.selectedKeys;
                 const keys = selected && selected.has(id) && selected.size > 1
                     ? selected
-                    // eslint-disable-next-line svelte/prefer-svelte-reactivity -- ephemeral set for drag keys
-                    : new Set([id]);
+                    : // eslint-disable-next-line svelte/prefer-svelte-reactivity -- ephemeral set for drag keys
+                        new Set([id]);
                 dragSession.setSourceCollection(listId, keys);
             },
             onDragEnd(op) {
@@ -153,8 +151,8 @@ export function createSortableList(options) {
         unregisterItem,
         isItemDragging,
         get isActive() {
-            return dragSession.isDragging
-                && (dragSession.sourceCollectionId === listId || dragSession.currentTargetId === listId);
+            return (dragSession.isDragging &&
+                (dragSession.sourceCollectionId === listId || dragSession.currentTargetId === listId));
         },
         get dropTarget() {
             return dropTarget;

package/dist/components/sortable-list/types.d.ts

@@ -6,37 +6,37 @@ export interface SortableItem {
 }
 export interface SortableListProps<T extends SortableItem = SortableItem> {
     /** The items in this list. Bindable for two-way sync. */
-    'items': T[];
+    items: T[];
     /** Group name for cross-list transfers. Lists in the same group can exchange items. */
-    'group'?: string;
+    group?: string;
     /** Layout orientation. Defaults to 'vertical'. */
-    'orientation'?: Orientation;
+    orientation?: Orientation;
     /** Text direction. Defaults to 'ltr'. */
-    'direction'?: Direction;
+    direction?: Direction;
     /** Accepted drag types. If empty, accepts items from the same group. */
-    'acceptedTypes'?: string[];
+    acceptedTypes?: string[];
     /** Drag type identifier for items from this list. Defaults to group or 'sortable-item'. */
-    'dragType'?: string;
+    dragType?: string;
     /** Whether drag-and-drop is disabled. */
-    'disabled'?: boolean;
+    disabled?: boolean;
     /** Additional CSS class. */
-    'class'?: string;
+    class?: string;
     /** Accessible label for the list. */
     'aria-label'?: string;
     /** Called when items are reordered within this list. */
-    'onReorder'?: (keys: string[], target: DropTarget) => void;
+    onReorder?: (keys: string[], target: DropTarget) => void;
     /** Called when items from another list are inserted between items. */
-    'onInsert'?: (items: DropItem[], target: DropTarget) => void;
+    onInsert?: (items: DropItem[], target: DropTarget) => void;
     /** Called when items are dropped ON an item (e.g. into a folder). */
-    'onItemDrop'?: (items: DropItem[], target: DropTarget) => void;
+    onItemDrop?: (items: DropItem[], target: DropTarget) => void;
     /** Called when items are dropped on the list root (empty area). */
-    'onRootDrop'?: (items: DropItem[]) => void;
+    onRootDrop?: (items: DropItem[]) => void;
     /** Called when items are removed from this list (dragged to another). */
-    'onRemove'?: (keys: string[]) => void;
+    onRemove?: (keys: string[]) => void;
     /** Render snippet for each item. Receives the item data. */
-    'item': Snippet<[T]>;
+    item: Snippet<[T]>;
     /** Render snippet for empty state (when list has no items). */
-    'empty'?: Snippet;
+    empty?: Snippet;
 }
 export interface SortableListItemProps {
     /** Unique item id (must match the id in the items array). */

package/dist/components/sortable-list/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/sortable-list/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAGrG,MAAM,WAAW,YAAY;IAC3B,sCAAsC;IACtC,EAAE,EAAE,MAAM,CAAA;CACX;AAGD,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY;IACtE,yDAAyD;IACzD,OAAO,EAAE,CAAC,EAAE,CAAA;IACZ,uFAAuF;IACvF,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,kDAAkD;IAClD,aAAa,CAAC,EAAE,WAAW,CAAA;IAC3B,yCAAyC;IACzC,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,wEAAwE;IACxE,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,2FAA2F;IAC3F,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,wDAAwD;IACxD,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IAC1D,sEAAsE;IACtE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IAC5D,qEAAqE;IACrE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IAC9D,mEAAmE;IACnE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAA;IAC1C,yEAAyE;IACzE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAGrC,4DAA4D;IAC5D,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IACpB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAGD,MAAM,WAAW,qBAAqB;IACpC,6DAA6D;IAC7D,EAAE,EAAE,MAAM,CAAA;IACV,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAGD,MAAM,WAAW,uBAAuB;IACtC,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAGD,MAAM,WAAW,0BAA0B;IACzC,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/sortable-list/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EACV,SAAS,EACT,QAAQ,EACR,UAAU,EACV,WAAW,EACZ,MAAM,mCAAmC,CAAA;AAG1C,MAAM,WAAW,YAAY;IAC3B,sCAAsC;IACtC,EAAE,EAAE,MAAM,CAAA;CACX;AAGD,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY;IACtE,yDAAyD;IACzD,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,uFAAuF;IACvF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kDAAkD;IAClD,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,yCAAyC;IACzC,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,wEAAwE;IACxE,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,wDAAwD;IACxD,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IACxD,sEAAsE;IACtE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IAC1D,qEAAqE;IACrE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IAC5D,mEAAmE;IACnE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAA;IACxC,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAGnC,4DAA4D;IAC5D,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAClB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAGD,MAAM,WAAW,qBAAqB;IACpC,6DAA6D;IAC7D,EAAE,EAAE,MAAM,CAAA;IACV,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAGD,MAAM,WAAW,uBAAuB;IACtC,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAGD,MAAM,WAAW,0BAA0B;IACzC,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}