@spectral_labs/ui 1.2.0 → 1.2.1

package/dist/components/pagination/pagination.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { PaginationProps } from './types.js'
 
   let {
@@ -14,49 +14,44 @@
     const left = Math.max(1, page - siblings)
     const right = Math.min(total, page + siblings)
 
-    if (left > 1)
-      items.push(1)
-    if (left > 2)
-      items.push('ellipsis')
+    if (left > 1) items.push(1)
+    if (left > 2) items.push('ellipsis')
     for (let i = left; i <= right; i++) items.push(i)
-    if (right < total - 1)
-      items.push('ellipsis')
-    if (right < total)
-      items.push(total)
+    if (right < total - 1) items.push('ellipsis')
+    if (right < total) items.push(total)
     return items
   })
 
   function setPage(p: number) {
-    if (!disabled && p >= 1 && p <= total)
-      page = p
+    if (!disabled && p >= 1 && p <= total) page = p
   }
 </script>
 
-<nav class="sp-pagination {className ?? ''}" aria-label='Pagination'>
+<nav class="sp-pagination {className ?? ''}" aria-label="Pagination">
   <button
-    class='sp-pagination-btn'
-    type='button'
+    class="sp-pagination-btn"
+    type="button"
     disabled={disabled || page <= 1}
-    aria-label='Previous page'
+    aria-label="Previous page"
     onclick={() => setPage(page - 1)}
   >
     <svg
-      viewBox='0 0 24 24'
-      fill='none'
-      stroke='currentColor'
-      stroke-width='2'
-      stroke-linecap='round'
-      stroke-linejoin='round'><polyline points='15 18 9 12 15 6'></polyline></svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg
     >
   </button>
 
   {#each pages as item, idx (typeof item === 'number' ? item : `ellipsis-${idx}`)}
     {#if item === 'ellipsis'}
-      <span class='sp-pagination-ellipsis'>...</span>
+      <span class="sp-pagination-ellipsis">...</span>
     {:else}
       <button
-        class='sp-pagination-btn'
-        type='button'
+        class="sp-pagination-btn"
+        type="button"
         {disabled}
         aria-current={item === page ? 'page' : undefined}
         data-state={item === page ? 'active' : 'inactive'}
@@ -68,19 +63,19 @@
   {/each}
 
   <button
-    class='sp-pagination-btn'
-    type='button'
+    class="sp-pagination-btn"
+    type="button"
     disabled={disabled || page >= total}
-    aria-label='Next page'
+    aria-label="Next page"
     onclick={() => setPage(page + 1)}
   >
     <svg
-      viewBox='0 0 24 24'
-      fill='none'
-      stroke='currentColor'
-      stroke-width='2'
-      stroke-linecap='round'
-      stroke-linejoin='round'><polyline points='9 18 15 12 9 6'></polyline></svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg
     >
   </button>
 </nav>

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/pagination/pagination.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AA4DlD,QAAA,MAAM,UAAU,yDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"pagination.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/pagination/pagination.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAuDlD,QAAA,MAAM,UAAU,yDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/components/pin-input/pin-input.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { PinInputProps } from './types.js'
 
   let {
@@ -23,11 +23,9 @@
     chars[index] = char
     value = chars.join('').slice(0, length)
 
-    if (char && index < length - 1)
-      inputs[index + 1]?.focus()
+    if (char && index < length - 1) inputs[index + 1]?.focus()
 
-    if (value.length === length)
-      onComplete?.(value)
+    if (value.length === length) onComplete?.(value)
   }
 
   function handleKeydown(index: number, event: KeyboardEvent) {
@@ -38,11 +36,9 @@
       }
       chars[index] = ''
       value = chars.join('')
-    }
-    else if (event.key === 'ArrowLeft' && index > 0) {
+    } else if (event.key === 'ArrowLeft' && index > 0) {
       inputs[index - 1]?.focus()
-    }
-    else if (event.key === 'ArrowRight' && index < length - 1) {
+    } else if (event.key === 'ArrowRight' && index < length - 1) {
       inputs[index + 1]?.focus()
     }
   }
@@ -53,38 +49,43 @@
     value = pasted
     const nextIndex = Math.min(pasted.length, length - 1)
     inputs[nextIndex]?.focus()
-    if (pasted.length === length)
-      onComplete?.(pasted)
+    if (pasted.length === length) onComplete?.(pasted)
   }
 </script>
 
-<div class="sp-pin-input {className ?? ''}" role='group'>
+<div class="sp-pin-input {className ?? ''}" role="group">
   {#each { length } as _, i (i)}
     {#if groupSize > 0 && i > 0 && i % groupSize === 0}
-      <span class='sp-pin-input-separator' aria-hidden='true'>
-        <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round'><line x1='5' y1='12' x2='19' y2='12' /></svg>
+      <span class="sp-pin-input-separator" aria-hidden="true">
+        <svg
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"><line x1="5" y1="12" x2="19" y2="12" /></svg
+        >
       </span>
     {/if}
     <input
       bind:this={inputs[i]}
-      class='sp-pin-input-slot'
+      class="sp-pin-input-slot"
       type={mask ? 'password' : 'text'}
-      inputmode='numeric'
+      inputmode="numeric"
       maxlength={1}
-      autocomplete='off'
+      autocomplete="off"
       {placeholder}
       {disabled}
       value={value[i] ?? ''}
       aria-label={`Digit ${i + 1} of ${length}`}
-      oninput={e => handleInput(i, e)}
-      onkeydown={e => handleKeydown(i, e)}
+      oninput={(e) => handleInput(i, e)}
+      onkeydown={(e) => handleKeydown(i, e)}
       onpaste={handlePaste}
     />
   {/each}
 </div>
 
 {#if name}
-  <input type='hidden' {name} {value} {required} />
+  <input type="hidden" {name} {value} {required} />
 {/if}
 
 <style>

package/dist/components/pin-input/pin-input.svelte.d.ts.map

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

package/dist/components/popover/__tests__/PopoverTest.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import PopoverContent from '../components/popover-content.svelte'
   import PopoverRoot from '../components/popover-root.svelte'
   import PopoverTrigger from '../components/popover-trigger.svelte'
@@ -22,6 +22,6 @@
   <PopoverTrigger>Open Popover</PopoverTrigger>
   <PopoverContent {portalTo} {disablePortal} class={contentClass}>
     <p>Popover content</p>
-    <button data-testid='inside-popover'>Inside</button>
+    <button data-testid="inside-popover">Inside</button>
   </PopoverContent>
 </PopoverRoot>

package/dist/components/popover/components/popover-close.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { PopoverCloseProps } from '../types.js'
   import { getPopoverContext } from '../popover.svelte.js'
 
@@ -6,6 +6,6 @@
   const ctx = getPopoverContext()
 </script>
 
-<button class="sp-popover-close {className ?? ''}" type='button' onclick={() => ctx.close()}>
+<button class="sp-popover-close {className ?? ''}" type="button" onclick={() => ctx.close()}>
   {#if children}{@render children()}{/if}
 </button>

package/dist/components/popover/components/popover-content.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { PopoverContentProps } from '../types.js'
   import { DismissibleLayerState } from '../../../internal/dismissible-layer/index.js'
   import { EscapeLayerState } from '../../../internal/escape-layer/index.js'
@@ -29,12 +29,16 @@
   let arrowEl: HTMLElement | undefined = $state()
 
   const presence = new PresenceLayerState({
-    get present() { return ctx.open },
+    get present() {
+      return ctx.open
+    },
   })
 
   const escapeLayer = new EscapeLayerState({
     enabled: true,
-    onEscapeKeydown() { ctx.close() },
+    onEscapeKeydown() {
+      ctx.close()
+    },
   })
 
   const dismissLayer = new DismissibleLayerState({
@@ -44,12 +48,10 @@
       const target = event.target as Node | null
       // Skip if clicking the trigger itself
       const anchor = externalTriggerRef ?? ctx.triggerEl
-      if (anchor && target && anchor.contains(target))
-        return
+      if (anchor && target && anchor.contains(target)) return
       // Custom outside interaction handler
       if (shouldCloseOnInteractOutside) {
-        if (!shouldCloseOnInteractOutside(event.target as Element))
-          return
+        if (!shouldCloseOnInteractOutside(event.target as Element)) return
       }
       ctx.close()
     },
@@ -58,12 +60,24 @@
   const floating = new FloatingLayerState({
     reference: null,
     floating: null,
-    get placement() { return placement },
-    get sideOffset() { return showArrow ? offsetValue + arrowSize / 2 : offsetValue },
-    get alignOffset() { return crossOffset },
-    get avoidCollisions() { return shouldFlip },
-    get collisionPadding() { return containerPadding },
-    get arrow() { return arrowEl ?? null },
+    get placement() {
+      return placement
+    },
+    get sideOffset() {
+      return showArrow ? offsetValue + arrowSize / 2 : offsetValue
+    },
+    get alignOffset() {
+      return crossOffset
+    },
+    get avoidCollisions() {
+      return shouldFlip
+    },
+    get collisionPadding() {
+      return containerPadding
+    },
+    get arrow() {
+      return arrowEl ?? null
+    },
   })
 
   /** The resolved placement after flip/shift (set by FloatingUI). */
@@ -88,14 +102,18 @@
   })
 
   $effect(() => {
-    if (contentEl)
-      presence.setElement(contentEl)
+    if (contentEl) presence.setElement(contentEl)
   })
 
   // Compute arrow positioning
   const arrowSide = $derived.by(() => {
     const side = (resolvedPlacement ?? 'bottom').split(' ')[0] as string
-    const opposites: Record<string, string> = { bottom: 'top', left: 'right', right: 'left', top: 'bottom' }
+    const opposites: Record<string, string> = {
+      bottom: 'top',
+      left: 'right',
+      right: 'left',
+      top: 'bottom',
+    }
     return opposites[side] ?? 'top'
   })
 
@@ -112,27 +130,29 @@
       bind:this={contentEl}
       class="sp-popover-content {className ?? ''}"
       id={ctx.contentId}
-      role='dialog'
+      role="dialog"
       data-state={ctx.open ? 'open' : 'closed'}
       data-placement={resolvedPlacement}
     >
       {#if showArrow}
         <div
           bind:this={arrowEl}
-          class='sp-popover-arrow'
+          class="sp-popover-arrow"
           data-side={arrowSide}
-          style:left={floating.position.arrowX != null ? `${floating.position.arrowX}px` : undefined}
+          style:left={floating.position.arrowX != null
+            ? `${floating.position.arrowX}px`
+            : undefined}
           style:top={floating.position.arrowY != null ? `${floating.position.arrowY}px` : undefined}
           style={`${arrowSide}: ${-arrowSize / 2}px`}
         >
           <svg
             width={arrowSize}
             height={arrowSize}
-            viewBox='0 0 12 12'
-            aria-hidden='true'
-            style:transform='rotate({arrowRotation}deg)'
+            viewBox="0 0 12 12"
+            aria-hidden="true"
+            style:transform="rotate({arrowRotation}deg)"
           >
-            <path d='M0 0 L6 6 L12 0' />
+            <path d="M0 0 L6 6 L12 0" />
           </svg>
         </div>
       {/if}
@@ -154,7 +174,8 @@
     transform-origin: var(--sp-floating-transform-origin, top center);
     transition:
       opacity var(--sp-sys-motion-duration-medium1, 250ms) var(--sp-sys-motion-easing-effects, ease),
-      transform var(--sp-sys-motion-duration-medium1, 250ms) var(--sp-sys-motion-easing-emphasized, ease);
+      transform var(--sp-sys-motion-duration-medium1, 250ms)
+        var(--sp-sys-motion-easing-emphasized, ease);
   }
 
   .sp-popover-content[data-state='closed'] {
@@ -193,6 +214,8 @@
   .sp-popover-arrow svg {
     display: block;
     fill: var(--sp-sys-color-surface-container);
-    filter: drop-shadow(0 -1px 1px color-mix(in oklch, var(--sp-sys-color-shadow, #000) 6%, transparent));
+    filter: drop-shadow(
+      0 -1px 1px color-mix(in oklch, var(--sp-sys-color-shadow, #000) 6%, transparent)
+    );
   }
 </style>

package/dist/components/popover/components/popover-content.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover-content.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/popover/components/popover-content.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAwItD,QAAA,MAAM,cAAc,yDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"popover-content.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/popover/components/popover-content.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AA4JtD,QAAA,MAAM,cAAc,yDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

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

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { PopoverProps } from '../types.js'
   import { createPopoverIds, setPopoverContext } from '../popover.svelte.js'
 

package/dist/components/popover/components/popover-trigger.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { PopoverTriggerProps } from '../types.js'
   import { getPopoverContext } from '../popover.svelte.js'
 
@@ -8,17 +8,16 @@
   let el: HTMLElement | undefined = $state()
 
   $effect(() => {
-    if (el)
-      ctx.setTriggerEl(el)
+    if (el) ctx.setTriggerEl(el)
   })
 </script>
 
 <button
   bind:this={el}
   class="sp-popover-trigger {className ?? ''}"
-  type='button'
+  type="button"
   id={ctx.triggerId}
-  aria-haspopup='dialog'
+  aria-haspopup="dialog"
   aria-expanded={ctx.open}
   aria-controls={ctx.open ? ctx.contentId : undefined}
   onclick={() => ctx.toggle()}

package/dist/components/popover/components/popover-trigger.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover-trigger.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/popover/components/popover-trigger.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAwBtD,QAAA,MAAM,cAAc,yDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"popover-trigger.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/popover/components/popover-trigger.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAuBtD,QAAA,MAAM,cAAc,yDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/components/progress/progress.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { ProgressProps } from './types.js'
 
   const {
@@ -19,14 +19,14 @@
 <div
   class="sp-progress {size} {color} {className ?? ''}"
   class:indeterminate={isIndeterminate}
-  role='progressbar'
+  role="progressbar"
   aria-valuenow={value ?? undefined}
   aria-valuemin={0}
   aria-valuemax={max}
   aria-label={label}
 >
   <div
-    class='sp-progress-bar'
+    class="sp-progress-bar"
     style={percentage != null ? `width: ${percentage}%` : undefined}
   ></div>
 </div>

package/dist/components/radio-group/components/radio-group-item.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { RadioGroupItemProps } from '../types.js'
   import { getRadioGroupContext } from '../radio-group.svelte.js'
 
@@ -9,15 +9,14 @@
   const isDisabled = $derived(disabled || ctx.disabled)
 
   function onclick() {
-    if (!isDisabled)
-      ctx.setValue(value)
+    if (!isDisabled) ctx.setValue(value)
   }
 </script>
 
 <button
   class="sp-radio-item {className ?? ''}"
-  type='button'
-  role='radio'
+  type="button"
+  role="radio"
   aria-checked={isChecked}
   tabindex={isChecked ? 0 : -1}
   disabled={isDisabled}
@@ -25,18 +24,18 @@
   data-disabled={isDisabled || undefined}
   {onclick}
 >
-  <span class='sp-radio-indicator'>
+  <span class="sp-radio-indicator">
     {#if isChecked}
-      <span class='sp-radio-dot'></span>
+      <span class="sp-radio-dot"></span>
     {/if}
   </span>
   {#if children}
-    <span class='sp-radio-label'>{@render children()}</span>
+    <span class="sp-radio-label">{@render children()}</span>
   {/if}
 </button>
 
 {#if ctx.name && isChecked}
-  <input type='hidden' name={ctx.name} {value} />
+  <input type="hidden" name={ctx.name} {value} />
 {/if}
 
 <style>

package/dist/components/radio-group/components/radio-group-item.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group-item.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/radio-group/components/radio-group-item.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAsCtD,QAAA,MAAM,cAAc,yDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"radio-group-item.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/radio-group/components/radio-group-item.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAqCtD,QAAA,MAAM,cAAc,yDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/components/radio-group/components/radio-group-root.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { RadioGroupProps } from '../types.js'
   import { RovingFocusGroup } from '../../../internal/roving-focus/index.js'
   import { setRadioGroupContext } from '../radio-group.svelte.js'
@@ -50,11 +50,12 @@
   let groupEl: HTMLElement | undefined = $state()
 
   function onkeydown(event: KeyboardEvent) {
-    if (!groupEl)
-      return
+    if (!groupEl) return
     roving.handleKeydown(groupEl, event)
     // After focus moves, select the focused radio
-    const focused = (typeof document !== 'undefined' ? document.activeElement : null) as HTMLElement | null
+    const focused = (
+      typeof document !== 'undefined' ? document.activeElement : null
+    ) as HTMLElement | null
     if (focused?.getAttribute('role') === 'radio') {
       focused.click()
     }
@@ -64,7 +65,7 @@
 <div
   bind:this={groupEl}
   class="sp-radio-group {className ?? ''}"
-  role='radiogroup'
+  role="radiogroup"
   aria-orientation={orientation}
   tabindex={0}
   data-orientation={orientation}

package/dist/components/radio-group/components/radio-group-root.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group-root.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/radio-group/components/radio-group-root.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AA2ElD,QAAA,MAAM,cAAc,0DAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"radio-group-root.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/radio-group/components/radio-group-root.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AA4ElD,QAAA,MAAM,cAAc,0DAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/components/range-calendar/__tests__/RangeCalendarTest.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { DateRange, DateValue } from '../../../internal/date-time/types.js'
   import * as RangeCalendar from '../index.js'
 

package/dist/components/range-calendar/__tests__/range-calendar.test.svelte.js

@@ -4,6 +4,7 @@ import { afterEach, beforeAll, describe, expect, it } from 'vitest';
 import RangeCalendarTest from './RangeCalendarTest.svelte';
 beforeAll(() => {
     if (typeof PointerEvent === 'undefined') {
+        ;
         globalThis.PointerEvent = class PointerEvent extends MouseEvent {
             constructor(type, init = {}) {
                 super(type, init);
@@ -91,7 +92,9 @@ describe('rangeCalendar', () => {
     it('next-month advances heading', () => {
         setup({ placeholder: new CalendarDate(2026, 4, 13) });
         const before = target.textContent ?? '';
-        target.querySelector('button[aria-label*="next" i], button[aria-label*="Next" i], button[data-calendar-next]')?.click();
+        target
+            .querySelector('button[aria-label*="next" i], button[aria-label*="Next" i], button[data-calendar-next]')
+            ?.click();
         flushSync();
         expect(target.textContent ?? '').not.toBe(before);
     });