@spectral_labs/ui 1.1.2 → 1.2.1

package/dist/components/splitter/splitter.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { SplitterProps } from './types.js'
   import { isBrowser, kbd } from '../../internal/helpers/index.js'
 
@@ -18,8 +18,7 @@
   let savedSizes: number[] | null = $state(null)
 
   function onHandlePointerDown(index: number, event: PointerEvent) {
-    if (!isBrowser || !containerEl)
-      return
+    if (!isBrowser || !containerEl) return
 
     const handle = event.currentTarget as HTMLElement
     handle.setPointerCapture(event.pointerId)
@@ -62,8 +61,7 @@
   }
 
   function onHandleDblClick(index: number) {
-    if (!collapsible)
-      return
+    if (!collapsible) return
 
     const nextIdx = index + 1
     const before = sizes[index] ?? 50
@@ -75,8 +73,7 @@
       if (savedSizes) {
         sizes = savedSizes
         savedSizes = null
-      }
-      else {
+      } else {
         // Default restore: split evenly
         const newSizes = [...sizes]
         newSizes[index] = total / 2
@@ -92,8 +89,7 @@
     if (before <= after) {
       newSizes[index] = 0
       newSizes[nextIdx] = total
-    }
-    else {
+    } else {
       newSizes[index] = total
       newSizes[nextIdx] = 0
     }
@@ -109,29 +105,24 @@
 
     let newBefore = before
     if (
-      (orientation === 'horizontal' && event.key === kbd.ARROW_RIGHT)
-      || (orientation === 'vertical' && event.key === kbd.ARROW_DOWN)
+      (orientation === 'horizontal' && event.key === kbd.ARROW_RIGHT) ||
+      (orientation === 'vertical' && event.key === kbd.ARROW_DOWN)
     ) {
       newBefore = Math.min(total - 1, before + step)
-    }
-    else if (
-      (orientation === 'horizontal' && event.key === kbd.ARROW_LEFT)
-      || (orientation === 'vertical' && event.key === kbd.ARROW_UP)
+    } else if (
+      (orientation === 'horizontal' && event.key === kbd.ARROW_LEFT) ||
+      (orientation === 'vertical' && event.key === kbd.ARROW_UP)
     ) {
       newBefore = Math.max(1, before - step)
-    }
-    else if (event.key === kbd.HOME) {
+    } else if (event.key === kbd.HOME) {
       newBefore = collapsible ? 0 : 1
-    }
-    else if (event.key === kbd.END) {
+    } else if (event.key === kbd.END) {
       newBefore = collapsible ? total : total - 1
-    }
-    else if (event.key === kbd.ENTER && collapsible) {
+    } else if (event.key === kbd.ENTER && collapsible) {
       onHandleDblClick(index)
       event.preventDefault()
       return
-    }
-    else {
+    } else {
       return
     }
 
@@ -150,9 +141,9 @@
 >
   {#each sizes as size, i (i)}
     <div
-      class='sp-splitter-panel'
+      class="sp-splitter-panel"
       class:collapsed={size < 1}
-      style='flex: {size} 1 0%'
+      style="flex: {size} 1 0%"
       data-panel={i}
     >
       {#if panel}{@render panel(i)}{:else if children}{@render children()}{/if}
@@ -161,18 +152,18 @@
       <!-- svelte-ignore a11y_no_noninteractive_tabindex -->
       <!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
       <div
-        class='sp-splitter-handle'
-        role='separator'
+        class="sp-splitter-handle"
+        role="separator"
         aria-orientation={orientation}
         aria-valuenow={Math.round(size)}
         tabindex={0}
         data-handle={i}
         data-collapsible={collapsible || undefined}
-        onpointerdown={e => onHandlePointerDown(i, e)}
+        onpointerdown={(e) => onHandlePointerDown(i, e)}
         ondblclick={() => onHandleDblClick(i)}
-        onkeydown={e => onHandleKeydown(i, e)}
+        onkeydown={(e) => onHandleKeydown(i, e)}
       >
-        <div class='sp-splitter-handle-bar'></div>
+        <div class="sp-splitter-handle-bar"></div>
       </div>
     {/if}
   {/each}

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

@@ -1 +1 @@
-{"version":3,"file":"splitter.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/splitter/splitter.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAuK/C,QAAA,MAAM,QAAQ,wDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"splitter.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/splitter/splitter.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AA8J/C,QAAA,MAAM,QAAQ,wDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/components/switch/switch.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { SwitchProps } from './types.js'
 
   let {
@@ -14,8 +14,7 @@
   }: SwitchProps = $props()
 
   function toggle() {
-    if (!disabled)
-      checked = !checked
+    if (!disabled) checked = !checked
   }
 
   function onkeydown(event: KeyboardEvent) {
@@ -28,8 +27,8 @@
 
 <button
   class="sp-switch {className ?? ''}"
-  type='button'
-  role='switch'
+  type="button"
+  role="switch"
   aria-checked={checked}
   aria-label={ariaLabel}
   {disabled}
@@ -37,24 +36,24 @@
   onclick={toggle}
   {onkeydown}
 >
-  <span class='sp-switch-track'>
-    <span class='sp-switch-thumb'>
+  <span class="sp-switch-track">
+    <span class="sp-switch-thumb">
       {#if thumb}
-        <span class='sp-switch-thumb-content' aria-hidden='true'>
+        <span class="sp-switch-thumb-content" aria-hidden="true">
           {@render thumb()}
         </span>
       {/if}
     </span>
   </span>
   {#if children}
-    <span class='sp-switch-label'>
+    <span class="sp-switch-label">
       {@render children()}
     </span>
   {/if}
 </button>
 
 {#if name}
-  <input type='hidden' {name} value={checked ? value : ''} {required} />
+  <input type="hidden" {name} value={checked ? value : ''} {required} />
 {/if}
 
 <style>
@@ -71,7 +70,8 @@
     --sp-switch-thumb-left-checked: 0px;
     --sp-switch-thumb-right-checked: 4px;
     --sp-switch-thumb-translate-x: calc(
-      var(--sp-switch-track-width) - var(--sp-switch-thumb-size-checked) - var(--sp-switch-thumb-right-checked) - var(--sp-switch-thumb-left-checked)
+      var(--sp-switch-track-width) - var(--sp-switch-thumb-size-checked) -
+        var(--sp-switch-thumb-right-checked) - var(--sp-switch-thumb-left-checked)
     );
     background: none;
     border: none;

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

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

package/dist/components/table/components/table-body.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { TableBodyProps } from '../types.js'
 
   const { class: className, children, empty }: TableBodyProps = $props()

package/dist/components/table/components/table-cell.svelte

@@ -1,38 +1,32 @@
-<script lang='ts'>
+<script lang="ts">
   import type { TableCellProps } from '../types.js'
   import { getTableContext } from '../table.svelte.js'
   import TableResizeHandle from './table-resize-handle.svelte'
 
-  const {
-    header = false,
-    column,
-    class: className,
-    children,
-  }: TableCellProps = $props()
+  const { header = false, column, class: className, children }: TableCellProps = $props()
 
   const ctx = getTableContext()
 
-  const sortable = $derived(column ? ctx?.allowsSorting(column) ?? false : false)
+  const sortable = $derived(column ? (ctx?.allowsSorting(column) ?? false) : false)
 
   const sortDir = $derived.by(() => {
-    if (!column || !ctx)
-      return 'none'
+    if (!column || !ctx) return 'none'
     const desc = ctx.getSortDescriptor()
-    if (desc?.column === column)
-      return desc.direction
+    if (desc?.column === column) return desc.direction
     return 'none'
   })
 
-  const resizable = $derived(column ? ctx?.allowsResizing(column) ?? false : false)
+  const resizable = $derived(column ? (ctx?.allowsResizing(column) ?? false) : false)
 
   const colWidth = $derived(column ? ctx?.getColumnWidth(column) : undefined)
   const widthStyle = $derived(
-    colWidth && column ? `width: var(--sp-col-${column}, ${colWidth}px); min-width: var(--sp-col-${column}, ${colWidth}px);` : '',
+    colWidth && column
+      ? `width: var(--sp-col-${column}, ${colWidth}px); min-width: var(--sp-col-${column}, ${colWidth}px);`
+      : '',
   )
 
   function handleSort() {
-    if (column && ctx)
-      ctx.toggleSort(column)
+    if (column && ctx) ctx.toggleSort(column)
   }
 </script>
 
@@ -45,28 +39,27 @@
     onclick={sortable ? handleSort : undefined}
     onkeydown={sortable
       ? (e) => {
-        if (e.key === 'Enter' || e.key === ' ')
-          handleSort()
-      }
+          if (e.key === 'Enter' || e.key === ' ') handleSort()
+        }
       : undefined}
     tabindex={sortable ? 0 : undefined}
     role={sortable ? 'columnheader' : undefined}
   >
-    <span class='sp-table-cell-content'>
+    <span class="sp-table-cell-content">
       {#if children}{@render children()}{/if}
       {#if sortable && sortDir !== 'none'}
         <svg
-          class='sp-table-sort-icon'
+          class="sp-table-sort-icon"
           class:desc={sortDir === 'desc'}
-          viewBox='0 0 24 24'
-          fill='none'
-          stroke='currentColor'
-          stroke-width='2'
-          stroke-linecap='round'
-          stroke-linejoin='round'
-          aria-hidden='true'
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          aria-hidden="true"
         >
-          <polyline points='6 9 12 15 18 9'></polyline>
+          <polyline points="6 9 12 15 18 9"></polyline>
         </svg>
       {/if}
     </span>
@@ -75,12 +68,7 @@
     {/if}
   </th>
 {:else}
-  <td
-    class="sp-table-cell {className ?? ''}"
-    style={widthStyle}
-    tabindex={-1}
-    role='gridcell'
-  >
+  <td class="sp-table-cell {className ?? ''}" style={widthStyle} tabindex={-1} role="gridcell">
     {#if children}{@render children()}{/if}
   </td>
 {/if}

package/dist/components/table/components/table-cell.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-cell.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/table/components/table-cell.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAuEjD,QAAA,MAAM,SAAS,oDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"table-cell.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/table/components/table-cell.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAgEjD,QAAA,MAAM,SAAS,oDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/components/table/components/table-header.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { TableHeaderProps } from '../types.js'
 
   const { class: className, children }: TableHeaderProps = $props()

package/dist/components/table/components/table-resize-handle.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { TableColumnResizeProps } from '../types.js'
   import { getTableContext } from '../table.svelte.js'
 
@@ -7,16 +7,14 @@
   const ctx = getTableContext()
 
   function onPointerDown(e: PointerEvent) {
-    if (!ctx)
-      return
+    if (!ctx) return
     e.preventDefault()
     e.stopPropagation()
     ctx.startResize(column, e.clientX)
   }
 
   function onKeyDown(e: KeyboardEvent) {
-    if (!ctx)
-      return
+    if (!ctx) return
     // Arrow keys adjust width by 10px
     if (e.key === 'ArrowRight') {
       e.preventDefault()
@@ -24,8 +22,7 @@
       // Simulate a move of +10px
       document.dispatchEvent(new PointerEvent('pointermove', { clientX: 10 }))
       document.dispatchEvent(new PointerEvent('pointerup'))
-    }
-    else if (e.key === 'ArrowLeft') {
+    } else if (e.key === 'ArrowLeft') {
       e.preventDefault()
       ctx.startResize(column, 0)
       document.dispatchEvent(new PointerEvent('pointermove', { clientX: -10 }))
@@ -35,13 +32,13 @@
 </script>
 
 <button
-  type='button'
+  type="button"
   class="sp-table-resize-handle {className ?? ''}"
-  aria-label='Redimensionner la colonne'
+  aria-label="Redimensionner la colonne"
   onpointerdown={onPointerDown}
   onkeydown={onKeyDown}
 >
-  <div class='sp-table-resize-bar' aria-hidden='true'></div>
+  <div class="sp-table-resize-bar" aria-hidden="true"></div>
 </button>
 
 <style>

package/dist/components/table/components/table-resize-handle.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-resize-handle.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/table/components/table-resize-handle.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AA+CzD,QAAA,MAAM,iBAAiB,4DAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"table-resize-handle.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/table/components/table-resize-handle.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AA4CzD,QAAA,MAAM,iBAAiB,4DAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/components/table/components/table-root.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { TableProps } from '../types.js'
   import { kbd } from '../../../internal/helpers/index.js'
   import { createTableState, setTableContext } from '../table.svelte.js'
@@ -19,10 +19,18 @@
   let wrapperEl: HTMLElement | undefined = $state()
 
   const { context, initColumns, setContainerEl } = createTableState({
-    get columns() { return columns },
-    get selectionMode() { return selectionMode },
-    get selectedKeys() { return selectedKeys },
-    get sortDescriptor() { return sortDescriptor },
+    get columns() {
+      return columns
+    },
+    get selectionMode() {
+      return selectionMode
+    },
+    get selectedKeys() {
+      return selectedKeys
+    },
+    get sortDescriptor() {
+      return sortDescriptor
+    },
     onSortChange: (desc) => {
       sortDescriptor = desc
       onSortChange?.(desc)
@@ -36,23 +44,19 @@
   setTableContext(context)
 
   $effect(() => {
-    if (columns)
-      initColumns(columns)
+    if (columns) initColumns(columns)
   })
 
   $effect(() => {
-    if (wrapperEl)
-      setContainerEl(wrapperEl)
+    if (wrapperEl) setContainerEl(wrapperEl)
   })
 
   function onkeydown(event: KeyboardEvent) {
     const target = event.target as HTMLElement
-    if (!target.closest('td, th'))
-      return
+    if (!target.closest('td, th')) return
 
     const table = (event.currentTarget as HTMLElement).querySelector('table')
-    if (!table)
-      return
+    if (!table) return
 
     const cell = target.closest('td, th') as HTMLElement
     const row = cell.parentElement as HTMLTableRowElement
@@ -79,13 +83,11 @@
         break
       case kbd.HOME:
         nextCell = 0
-        if (event.ctrlKey)
-          nextRow = 0
+        if (event.ctrlKey) nextRow = 0
         break
       case kbd.END:
         nextCell = cells.length - 1
-        if (event.ctrlKey)
-          nextRow = rows.length - 1
+        if (event.ctrlKey) nextRow = rows.length - 1
         break
       case kbd.PAGE_DOWN:
         nextRow = Math.min(rows.length - 1, rowIndex + 10)
@@ -99,14 +101,12 @@
 
     event.preventDefault()
     const targetRow = rows[nextRow]
-    if (!targetRow)
-      return
+    if (!targetRow) return
     const targetCells = Array.from(targetRow.cells)
     const targetCell = targetCells[Math.min(nextCell, targetCells.length - 1)]
     if (targetCell) {
       const focusable = targetCell.querySelector<HTMLElement>('button, [tabindex], a, input')
-      if (focusable)
-        focusable.focus({ preventScroll: false })
+      if (focusable) focusable.focus({ preventScroll: false })
       else targetCell.focus({ preventScroll: false })
     }
   }
@@ -121,7 +121,11 @@
   data-selection-mode={selectionMode}
   {onkeydown}
 >
-  <table class='sp-table' role='grid' aria-multiselectable={selectionMode === 'multiple' || undefined}>
+  <table
+    class="sp-table"
+    role="grid"
+    aria-multiselectable={selectionMode === 'multiple' || undefined}
+  >
     {#if children}{@render children()}{/if}
   </table>
 </div>

package/dist/components/table/components/table-row.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { TableRowProps } from '../types.js'
   import { getTableContext } from '../table.svelte.js'
 
@@ -7,11 +7,12 @@
   const ctx = getTableContext()
 
   const isSelected = $derived(id ? (ctx?.isSelected(id) ?? false) : false)
-  const isSelectable = $derived(id !== undefined && ctx !== undefined && ctx.selectionMode !== 'none')
+  const isSelectable = $derived(
+    id !== undefined && ctx !== undefined && ctx.selectionMode !== 'none',
+  )
 
   function onClick(e: MouseEvent) {
-    if (!isSelectable || !ctx || !id)
-      return
+    if (!isSelectable || !ctx || !id) return
     ctx.toggleSelection(id, e.shiftKey, e.ctrlKey || e.metaKey)
   }
 </script>

package/dist/components/table/components/table-row.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-row.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/table/components/table-row.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AA6BhD,QAAA,MAAM,QAAQ,mDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"table-row.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/table/components/table-row.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AA8BhD,QAAA,MAAM,QAAQ,mDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"table.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/table.svelte.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAiB,MAAM,YAAY,CAAA;AAKzF,MAAM,WAAW,YAAY;IAC3B,gEAAgE;IAChE,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IAClD,+BAA+B;IAC/B,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACvD,mDAAmD;IACnD,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,0BAA0B;IAC1B,iBAAiB,EAAE,MAAM,cAAc,GAAG,SAAS,CAAA;IACnD,+BAA+B;IAC/B,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,uCAAuC;IACvC,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;IAC5C,wCAAwC;IACxC,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;IAC7C,mCAAmC;IACnC,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;IAC9C,sBAAsB;IACtB,aAAa,EAAE,aAAa,CAAA;IAC5B,iCAAiC;IACjC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAA;IACtC,iCAAiC;IACjC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/E,6CAA6C;IAC7C,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACrC,uBAAuB;IACvB,cAAc,EAAE,MAAM,IAAI,CAAA;CAC3B;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,YAAY,GAAG,IAAI,CAEvD;AAED,wBAAgB,eAAe,IAAI,YAAY,GAAG,SAAS,CAO1D;AAID,MAAM,WAAW,uBAAuB;IACtC,OAAO,CAAC,EAAE,SAAS,EAAE,CAAA;IACrB,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,KAAK,IAAI,CAAA;IACnD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;CAChD;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,uBAAuB;;2BAQ9B,SAAS,EAAE;yBAkKb,WAAW;uBAJb,MAAM,EAAE;EAoCnC"}
+{"version":3,"file":"table.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/table.svelte.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAiB,MAAM,YAAY,CAAA;AAKzF,MAAM,WAAW,YAAY;IAC3B,gEAAgE;IAChE,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IAClD,+BAA+B;IAC/B,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACvD,mDAAmD;IACnD,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,0BAA0B;IAC1B,iBAAiB,EAAE,MAAM,cAAc,GAAG,SAAS,CAAA;IACnD,+BAA+B;IAC/B,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,uCAAuC;IACvC,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;IAC5C,wCAAwC;IACxC,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;IAC7C,mCAAmC;IACnC,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;IAC9C,sBAAsB;IACtB,aAAa,EAAE,aAAa,CAAA;IAC5B,iCAAiC;IACjC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAA;IACtC,iCAAiC;IACjC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/E,6CAA6C;IAC7C,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACrC,uBAAuB;IACvB,cAAc,EAAE,MAAM,IAAI,CAAA;CAC3B;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,YAAY,GAAG,IAAI,CAEvD;AAED,wBAAgB,eAAe,IAAI,YAAY,GAAG,SAAS,CAM1D;AAID,MAAM,WAAW,uBAAuB;IACtC,OAAO,CAAC,EAAE,SAAS,EAAE,CAAA;IACrB,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,KAAK,IAAI,CAAA;IACnD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;CAChD;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,uBAAuB;;2BAQ9B,SAAS,EAAE;yBAyJb,WAAW;uBAJb,MAAM,EAAE;EAwCnC"}

package/dist/components/table/table.svelte.js

@@ -167,13 +167,17 @@ export function createTableState(opts) {
     const context = {
         getColumnWidth,
         startResize,
-        get resizingColumn() { return _resizingColumn; },
+        get resizingColumn() {
+            return _resizingColumn;
+        },
         getSortDescriptor,
         toggleSort,
         allowsSorting,
         allowsResizing,
         isColumnVisible,
-        get selectionMode() { return opts.selectionMode ?? 'none'; },
+        get selectionMode() {
+            return opts.selectionMode ?? 'none';
+        },
         isSelected,
         toggleSelection,
         selectAll,

package/dist/components/tabs/__tests__/TabsTest.svelte

@@ -1,5 +1,5 @@
-<script lang='ts'>
-  import type { TabsActivationMode } from '../types.js'
+<script lang="ts">
+  import type { TabsActivationMode, TabsListOverflow } from '../types.js'
   import TabsContent from '../components/tabs-content.svelte'
   import TabsList from '../components/tabs-list.svelte'
   import TabsRoot from '../components/tabs-root.svelte'
@@ -10,21 +10,23 @@
     activationMode = 'automatic' as TabsActivationMode,
     orientation = 'horizontal' as 'horizontal' | 'vertical',
     loop = true,
+    overflow,
   }: {
     value?: string
     activationMode?: TabsActivationMode
     orientation?: 'horizontal' | 'vertical'
     loop?: boolean
+    overflow?: TabsListOverflow
   } = $props()
 </script>
 
 <TabsRoot bind:value {activationMode} {orientation} {loop}>
-  <TabsList>
-    <TabsTrigger value='tab1'>Tab 1</TabsTrigger>
-    <TabsTrigger value='tab2'>Tab 2</TabsTrigger>
-    <TabsTrigger value='tab3' disabled>Tab 3</TabsTrigger>
+  <TabsList {overflow}>
+    <TabsTrigger value="tab1">Tab 1</TabsTrigger>
+    <TabsTrigger value="tab2">Tab 2</TabsTrigger>
+    <TabsTrigger value="tab3" disabled>Tab 3</TabsTrigger>
   </TabsList>
-  <TabsContent value='tab1'>Content 1</TabsContent>
-  <TabsContent value='tab2'>Content 2</TabsContent>
-  <TabsContent value='tab3'>Content 3</TabsContent>
+  <TabsContent value="tab1">Content 1</TabsContent>
+  <TabsContent value="tab2">Content 2</TabsContent>
+  <TabsContent value="tab3">Content 3</TabsContent>
 </TabsRoot>