@spectral_labs/ui 1.2.0 → 1.3.0

package/dist/components/bottom-sheet/components/bottom-sheet-root.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { BottomSheetProps } from '../types.js'
   import { DismissibleLayerState } from '../../../internal/dismissible-layer/index.js'
   import { EscapeLayerState } from '../../../internal/escape-layer/index.js'
@@ -43,8 +43,12 @@
   let contentEl: HTMLElement | undefined = $state()
 
   const presence = new PresenceLayerState({
-    get present() { return open },
-    get forceMount() { return false },
+    get present() {
+      return open
+    },
+    get forceMount() {
+      return false
+    },
   })
 
   const focusScope = new FocusScopeState({ element: null, enabled: true })
@@ -103,8 +107,7 @@
   })
 
   function onHandlePointerDown(event: PointerEvent) {
-    if (!isBrowser)
-      return
+    if (!isBrowser) return
     isDragging = true
     dragStartY = event.clientY
     dragStartHeight = sheetHeight
@@ -114,16 +117,14 @@
   }
 
   function onHandlePointerMove(event: PointerEvent) {
-    if (!isDragging || !isBrowser)
-      return
+    if (!isDragging || !isBrowser) return
     const deltaY = dragStartY - event.clientY
     const deltaPercent = (deltaY / window.innerHeight) * 100
     dragCurrentHeight = Math.max(10, Math.min(95, dragStartHeight + deltaPercent))
   }
 
   function onHandlePointerUp() {
-    if (!isDragging)
-      return
+    if (!isDragging) return
     isDragging = false
 
     // Snap to nearest snap point
@@ -141,8 +142,7 @@
     if (dragCurrentHeight < (snapPoints[0] ?? 25) * 0.4) {
       open = false
       onOpenChange?.(false)
-    }
-    else {
+    } else {
       currentSnapIndex = closestIndex
     }
   }
@@ -152,8 +152,8 @@
   <Portal to={portalTo}>
     {#if mode === 'modal'}
       <div
-        class='sp-bottom-sheet-overlay'
-        aria-hidden='true'
+        class="sp-bottom-sheet-overlay"
+        aria-hidden="true"
         onclick={() => {
           open = false
           onOpenChange?.(false)
@@ -163,25 +163,25 @@
     <div
       bind:this={contentEl}
       class="sp-bottom-sheet {mode} {className ?? ''}"
-      role='dialog'
+      role="dialog"
       aria-modal={mode === 'modal' || undefined}
       data-state={open ? 'open' : 'closed'}
       data-mode={mode}
-      style='height: {displayHeight}vh'
+      style="height: {displayHeight}vh"
     >
       {#if dragHandle}
         <div
-          class='sp-bottom-sheet-handle'
-          role='presentation'
-          aria-hidden='true'
+          class="sp-bottom-sheet-handle"
+          role="presentation"
+          aria-hidden="true"
           onpointerdown={onHandlePointerDown}
           onpointermove={onHandlePointerMove}
           onpointerup={onHandlePointerUp}
         >
-          <div class='sp-bottom-sheet-handle-bar'></div>
+          <div class="sp-bottom-sheet-handle-bar"></div>
         </div>
       {/if}
-      <div class='sp-bottom-sheet-content'>
+      <div class="sp-bottom-sheet-content">
         {#if children}{@render children()}{/if}
       </div>
     </div>

package/dist/components/breadcrumb/breadcrumb-item.svelte

@@ -1,7 +1,7 @@
-<script lang='ts'>
+<script lang="ts">
   import type { Snippet } from 'svelte'
 
-  const { class: className, children }: { class?: string, children?: Snippet } = $props()
+  const { class: className, children }: { class?: string; children?: Snippet } = $props()
 </script>
 
 <li class="sp-breadcrumb-item {className ?? ''}">

package/dist/components/breadcrumb/breadcrumb-link.svelte

@@ -1,7 +1,11 @@
-<script lang='ts'>
+<script lang="ts">
   import type { Snippet } from 'svelte'
 
-  const { href = '#', class: className, children }: { href?: string, class?: string, children?: Snippet } = $props()
+  const {
+    href = '#',
+    class: className,
+    children,
+  }: { href?: string; class?: string; children?: Snippet } = $props()
 </script>
 
 <a {href} class="sp-breadcrumb-link {className ?? ''}">

package/dist/components/breadcrumb/breadcrumb-link.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-link.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/breadcrumb/breadcrumb-link.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAErC,KAAK,gBAAgB,GAAI;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAehF,QAAA,MAAM,cAAc,sDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"breadcrumb-link.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/breadcrumb/breadcrumb-link.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAErC,KAAK,gBAAgB,GAAI;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAmBhF,QAAA,MAAM,cAAc,sDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/components/breadcrumb/breadcrumb-list.svelte

@@ -1,7 +1,7 @@
-<script lang='ts'>
+<script lang="ts">
   import type { Snippet } from 'svelte'
 
-  const { class: className, children }: { class?: string, children?: Snippet } = $props()
+  const { class: className, children }: { class?: string; children?: Snippet } = $props()
 </script>
 
 <ol class="sp-breadcrumb-list {className ?? ''}">

package/dist/components/breadcrumb/breadcrumb-page.svelte

@@ -1,10 +1,10 @@
-<script lang='ts'>
+<script lang="ts">
   import type { Snippet } from 'svelte'
 
-  const { class: className, children }: { class?: string, children?: Snippet } = $props()
+  const { class: className, children }: { class?: string; children?: Snippet } = $props()
 </script>
 
-<span class="sp-breadcrumb-page {className ?? ''}" aria-current='page'>
+<span class="sp-breadcrumb-page {className ?? ''}" aria-current="page">
   {#if children}{@render children()}{/if}
 </span>
 

package/dist/components/breadcrumb/breadcrumb-separator.svelte

@@ -1,15 +1,23 @@
-<script lang='ts'>
+<script lang="ts">
   import type { Snippet } from 'svelte'
 
   const { children }: { children?: Snippet } = $props()
 </script>
 
-<li class='sp-breadcrumb-separator' role='presentation' aria-hidden='true'>
+<li class="sp-breadcrumb-separator" role="presentation" aria-hidden="true">
   {#if children}
     {@render children()}
   {:else}
-    <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'>
-      <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"
+      aria-hidden="true"
+    >
+      <polyline points="9 18 15 12 9 6"></polyline>
     </svg>
   {/if}
 </li>

package/dist/components/breadcrumb/breadcrumb.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { Snippet } from 'svelte'
 
   interface Props {
@@ -9,7 +9,7 @@
   const { class: className, children }: Props = $props()
 </script>
 
-<nav class="sp-breadcrumb {className ?? ''}" aria-label='Breadcrumb'>
+<nav class="sp-breadcrumb {className ?? ''}" aria-label="Breadcrumb">
   {#if children}{@render children()}{/if}
 </nav>
 

package/dist/components/button/button.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { ButtonProps } from './types.js'
 
   const {

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAErC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAAA;AACrE,MAAM,MAAM,WAAW,GACjB,SAAS,GACT,WAAW,GACX,UAAU,GACV,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,CAAA;AACf,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE3C,MAAM,WAAW,WAAW;IAC1B,4BAA4B;IAC5B,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,qBAAqB;IACrB,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,YAAY;IACZ,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,8CAA8C;IAC9C,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAErC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAAA;AACrE,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,WAAW,GACX,UAAU,GACV,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,CAAA;AACb,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE3C,MAAM,WAAW,WAAW;IAC1B,4BAA4B;IAC5B,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,qBAAqB;IACrB,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,YAAY;IACZ,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,8CAA8C;IAC9C,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB"}

package/dist/components/calendar/__tests__/CalendarTest.svelte

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

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

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

package/dist/components/calendar/calendar.svelte.js

@@ -1,7 +1,7 @@
 import { getContext, setContext } from 'svelte';
 import { createMonths } from '../../internal/date-time/calendar-helpers.js';
 import { createFormatter } from '../../internal/date-time/formatter.js';
-import { getWeekdays, isDateToday, isSameDay, isSameMonth, } from '../../internal/date-time/utils.js';
+import { getWeekdays, isDateToday, isSameDay, isSameMonth } from '../../internal/date-time/utils.js';
 // ── Root context ──
 const KEY = Symbol('sp-calendar');
 export function setCalendarContext(state) {
@@ -41,15 +41,15 @@ export function createCalendarState(opts) {
         if (!opts.minValue)
             return false;
         const prev = opts.getPlaceholder().subtract({ months: 1 });
-        return prev.year < opts.minValue.year
-            || (prev.year === opts.minValue.year && prev.month < opts.minValue.month);
+        return (prev.year < opts.minValue.year ||
+            (prev.year === opts.minValue.year && prev.month < opts.minValue.month));
     });
     const isNextDisabled = $derived.by(() => {
         if (!opts.maxValue)
             return false;
         const next = opts.getPlaceholder().add({ months: opts.numberOfMonths });
-        return next.year > opts.maxValue.year
-            || (next.year === opts.maxValue.year && next.month > opts.maxValue.month);
+        return (next.year > opts.maxValue.year ||
+            (next.year === opts.maxValue.year && next.month > opts.maxValue.month));
     });
     function checkDisabled(date) {
         if (opts.isDateDisabled?.(date))
@@ -64,27 +64,69 @@ export function createCalendarState(opts) {
         return opts.isDateUnavailable?.(date) ?? false;
     }
     return {
-        get value() { return opts.getValue(); },
-        get placeholder() { return opts.getPlaceholder(); },
-        get months() { return months; },
-        get weekdays() { return weekdays; },
-        get headingText() { return headingText; },
-        get isPrevDisabled() { return isPrevDisabled; },
-        get isNextDisabled() { return isNextDisabled; },
-        get disabled() { return opts.disabled; },
-        get readonly() { return opts.readonly; },
-        get locale() { return opts.locale; },
-        get weekStartsOn() { return opts.weekStartsOn; },
-        get numberOfMonths() { return opts.numberOfMonths; },
-        get fixedWeeks() { return opts.fixedWeeks; },
-        get preventDeselect() { return opts.preventDeselect; },
-        get pagedNavigation() { return opts.pagedNavigation; },
-        get minValue() { return opts.minValue; },
-        get maxValue() { return opts.maxValue; },
-        get isDateDisabledFn() { return opts.isDateDisabled; },
-        get isDateUnavailableFn() { return opts.isDateUnavailable; },
-        get focusedDate() { return focusedDate; },
-        get formatter() { return getFmt(); },
+        get value() {
+            return opts.getValue();
+        },
+        get placeholder() {
+            return opts.getPlaceholder();
+        },
+        get months() {
+            return months;
+        },
+        get weekdays() {
+            return weekdays;
+        },
+        get headingText() {
+            return headingText;
+        },
+        get isPrevDisabled() {
+            return isPrevDisabled;
+        },
+        get isNextDisabled() {
+            return isNextDisabled;
+        },
+        get disabled() {
+            return opts.disabled;
+        },
+        get readonly() {
+            return opts.readonly;
+        },
+        get locale() {
+            return opts.locale;
+        },
+        get weekStartsOn() {
+            return opts.weekStartsOn;
+        },
+        get numberOfMonths() {
+            return opts.numberOfMonths;
+        },
+        get fixedWeeks() {
+            return opts.fixedWeeks;
+        },
+        get preventDeselect() {
+            return opts.preventDeselect;
+        },
+        get pagedNavigation() {
+            return opts.pagedNavigation;
+        },
+        get minValue() {
+            return opts.minValue;
+        },
+        get maxValue() {
+            return opts.maxValue;
+        },
+        get isDateDisabledFn() {
+            return opts.isDateDisabled;
+        },
+        get isDateUnavailableFn() {
+            return opts.isDateUnavailable;
+        },
+        get focusedDate() {
+            return focusedDate;
+        },
+        get formatter() {
+            return getFmt();
+        },
         checkDisabled,
         checkUnavailable,
         select(date) {
@@ -132,13 +174,27 @@ export function createCalendarState(opts) {
 export function deriveCellState(ctx, date, monthValue) {
     return {
         date,
-        get isSelected() { return ctx.isSelected(date); },
-        get isToday() { return isDateToday(date); },
-        get isOutsideMonth() { return !isSameMonth(date, monthValue); },
-        get isDisabled() { return ctx.checkDisabled(date); },
-        get isUnavailable() { return ctx.checkUnavailable(date); },
-        get isFocused() { return isSameDay(date, ctx.focusedDate); },
+        get isSelected() {
+            return ctx.isSelected(date);
+        },
+        get isToday() {
+            return isDateToday(date);
+        },
+        get isOutsideMonth() {
+            return !isSameMonth(date, monthValue);
+        },
+        get isDisabled() {
+            return ctx.checkDisabled(date);
+        },
+        get isUnavailable() {
+            return ctx.checkUnavailable(date);
+        },
+        get isFocused() {
+            return isSameDay(date, ctx.focusedDate);
+        },
         dateStr: `${date.year}-${String(date.month).padStart(2, '0')}-${String(date.day).padStart(2, '0')}`,
-        get label() { return ctx.formatter.selectedDate(date); },
+        get label() {
+            return ctx.formatter.selectedDate(date);
+        },
     };
 }

package/dist/components/calendar/components/calendar-grid.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { CalendarGridProps } from '../types.js'
   import { getNextCalendarDate } from '../../../internal/date-time/calendar-helpers.js'
   import { isDateToday, isSameMonth } from '../../../internal/date-time/utils.js'
@@ -11,16 +11,14 @@
   const month = $derived(ctx.months[monthIndex])
 
   function onkeydown(event: KeyboardEvent) {
-    if (ctx.disabled || ctx.readonly)
-      return
+    if (ctx.disabled || ctx.readonly) return
 
     const next = getNextCalendarDate(ctx.focusedDate, event.key, ctx.minValue, ctx.maxValue)
     if (next) {
       event.preventDefault()
       ctx.setFocusedDate(next)
 
-      if (!isSameMonth(next, ctx.placeholder))
-        ctx.setMonth(next)
+      if (!isSameMonth(next, ctx.placeholder)) ctx.setMonth(next)
 
       if (isBrowser) {
         requestAnimationFrame(() => {
@@ -41,7 +39,7 @@
 {#if month}
   <table
     class="sp-calendar-grid {className ?? ''}"
-    role='grid'
+    role="grid"
     aria-readonly={ctx.readonly || undefined}
     aria-disabled={ctx.disabled || undefined}
     {onkeydown}
@@ -53,7 +51,7 @@
       <thead>
         <tr>
           {#each ctx.weekdays as day, i (i)}
-            <th class='sp-calendar-head-cell' scope='col'>{day}</th>
+            <th class="sp-calendar-head-cell" scope="col">{day}</th>
           {/each}
         </tr>
       </thead>
@@ -65,11 +63,14 @@
               {@const unavailable = ctx.checkUnavailable(date)}
               {@const selected = ctx.isSelected(date)}
               {@const outside = !isSameMonth(date, month.value)}
-              {@const focused = date.year === ctx.focusedDate.year && date.month === ctx.focusedDate.month && date.day === ctx.focusedDate.day}
+              {@const focused =
+                date.year === ctx.focusedDate.year &&
+                date.month === ctx.focusedDate.month &&
+                date.day === ctx.focusedDate.day}
               {@const dateStr = `${date.year}-${String(date.month).padStart(2, '0')}-${String(date.day).padStart(2, '0')}`}
               <td
-                class='sp-calendar-cell'
-                role='gridcell'
+                class="sp-calendar-cell"
+                role="gridcell"
                 aria-selected={selected || undefined}
                 aria-disabled={disabled || undefined}
                 data-selected={selected || undefined}
@@ -79,18 +80,18 @@
                 data-value={dateStr}
               >
                 <button
-                  class='sp-calendar-day'
-                  type='button'
+                  class="sp-calendar-day"
+                  type="button"
                   tabindex={focused ? 0 : -1}
                   data-date={dateStr}
                   data-selected={selected || undefined}
                   data-today={isDateToday(date) || undefined}
                   data-outside-month={outside || undefined}
-                  data-disabled={(disabled || unavailable) || undefined}
+                  data-disabled={disabled || unavailable || undefined}
                   data-unavailable={unavailable || undefined}
                   aria-label={ctx.formatter.selectedDate(date)}
-                  aria-disabled={(disabled || unavailable) || undefined}
-                  disabled={disabled}
+                  aria-disabled={disabled || unavailable || undefined}
+                  {disabled}
                   onclick={() => {
                     if (!disabled && !unavailable) {
                       ctx.setFocusedDate(date)

package/dist/components/calendar/components/calendar-grid.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-grid.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/calendar/components/calendar-grid.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AA2FpD,QAAA,MAAM,YAAY,uDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"calendar-grid.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/calendar/components/calendar-grid.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AA4FpD,QAAA,MAAM,YAAY,uDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

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

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

package/dist/components/calendar/components/calendar-heading.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { CalendarHeadingProps } from '../types.js'
   import { getCalendarContext } from '../calendar.svelte.js'
 
@@ -6,7 +6,7 @@
   const ctx = getCalendarContext()
 </script>
 
-<div class="sp-calendar-heading {className ?? ''}" aria-live='polite'>
+<div class="sp-calendar-heading {className ?? ''}" aria-live="polite">
   {#if children}
     {@render children()}
   {:else}

package/dist/components/calendar/components/calendar-next-button.svelte

@@ -1,23 +1,31 @@
-<script lang='ts'>
+<script lang="ts">
   import type { Snippet } from 'svelte'
   import { getCalendarContext } from '../calendar.svelte.js'
 
-  const { class: className, children }: { class?: string, children?: Snippet } = $props()
+  const { class: className, children }: { class?: string; children?: Snippet } = $props()
   const ctx = getCalendarContext()
 </script>
 
 <button
   class="sp-calendar-nav-btn {className ?? ''}"
-  type='button'
-  aria-label='Next'
+  type="button"
+  aria-label="Next"
   disabled={ctx.isNextDisabled}
   onclick={() => ctx.nextPage()}
 >
   {#if children}
     {@render children()}
   {:else}
-    <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'>
-      <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"
+      aria-hidden="true"
+    >
+      <polyline points="9 18 15 12 9 6"></polyline>
     </svg>
   {/if}
 </button>

package/dist/components/calendar/components/calendar-prev-button.svelte

@@ -1,23 +1,31 @@
-<script lang='ts'>
+<script lang="ts">
   import type { Snippet } from 'svelte'
   import { getCalendarContext } from '../calendar.svelte.js'
 
-  const { class: className, children }: { class?: string, children?: Snippet } = $props()
+  const { class: className, children }: { class?: string; children?: Snippet } = $props()
   const ctx = getCalendarContext()
 </script>
 
 <button
   class="sp-calendar-nav-btn {className ?? ''}"
-  type='button'
-  aria-label='Previous'
+  type="button"
+  aria-label="Previous"
   disabled={ctx.isPrevDisabled}
   onclick={() => ctx.prevPage()}
 >
   {#if children}
     {@render children()}
   {:else}
-    <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'>
-      <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"
+      aria-hidden="true"
+    >
+      <polyline points="15 18 9 12 15 6"></polyline>
     </svg>
   {/if}
 </button>