@spectral_labs/ui 1.1.2 → 1.2.1

package/dist/components/time-field/components/time-field-root.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { TimeSegmentValues } from '../time-field.svelte.js'
   import type { DayPeriod, TimeFieldProps, TimeValue } from '../types.js'
   import {
@@ -35,13 +35,12 @@
   $effect(() => {
     if (value) {
       segmentValues = {
-        hour: resolvedHourCycle === 12 ? (value.hour % 12 || 12) : value.hour,
+        hour: resolvedHourCycle === 12 ? value.hour % 12 || 12 : value.hour,
         minute: value.minute,
         second: value.second,
         dayPeriod: value.hour >= 12 ? 'PM' : 'AM',
       }
-    }
-    else {
+    } else {
       segmentValues = { hour: null, minute: null, second: null, dayPeriod: 'AM' }
     }
   })
@@ -50,21 +49,16 @@
 
   function tryBuildValue(): TimeValue | undefined {
     const { hour, minute, second } = segmentValues
-    if (hour === null)
-      return undefined
-    if ((granularity === 'minute' || granularity === 'second') && minute === null)
-      return undefined
-    if (granularity === 'second' && second === null)
-      return undefined
+    if (hour === null) return undefined
+    if ((granularity === 'minute' || granularity === 'second') && minute === null) return undefined
+    if (granularity === 'second' && second === null) return undefined
 
     // Convert 12h display to 24h internal value
     let h24 = hour ?? 0
     if (resolvedHourCycle === 12) {
       const period = segmentValues.dayPeriod
-      if (period === 'AM' && h24 === 12)
-        h24 = 0
-      else if (period === 'PM' && h24 < 12)
-        h24 += 12
+      if (period === 'AM' && h24 === 12) h24 = 0
+      else if (period === 'PM' && h24 < 12) h24 += 12
     }
 
     return {
@@ -78,8 +72,7 @@
     if (part === 'dayPeriod') {
       // Just update dayPeriod — tryBuildValue handles 12h→24h conversion
       segmentValues = { ...segmentValues, dayPeriod: val as DayPeriod }
-    }
-    else {
+    } else {
       segmentValues = { ...segmentValues, [part]: val as number }
     }
     const built = tryBuildValue()
@@ -92,8 +85,7 @@
   function clearSegment(part: string) {
     if (part === 'dayPeriod') {
       segmentValues = { ...segmentValues, dayPeriod: 'AM' }
-    }
-    else {
+    } else {
       segmentValues = { ...segmentValues, [part]: null }
     }
     value = undefined
@@ -106,12 +98,24 @@
   }
 
   setTimeFieldContext({
-    get value() { return value },
-    get segments() { return segments },
-    get disabled() { return disabled },
-    get readonly() { return isReadonly },
-    get hourCycle() { return resolvedHourCycle },
-    get granularity() { return granularity },
+    get value() {
+      return value
+    },
+    get segments() {
+      return segments
+    },
+    get disabled() {
+      return disabled
+    },
+    get readonly() {
+      return isReadonly
+    },
+    get hourCycle() {
+      return resolvedHourCycle
+    },
+    get granularity() {
+      return granularity
+    },
     updateSegment,
     clearSegment,
     toggleDayPeriod,
@@ -157,41 +161,32 @@
       let next: number
       if (current === null) {
         next = key === 'ArrowUp' ? min : max
-      }
-      else {
+      } else {
         next = current + step
-        if (next > max)
-          next = min
-        if (next < min)
-          next = max
+        if (next > max) next = min
+        if (next < min) next = max
       }
       updateSegment(part, next)
-    }
-    else if (key === 'Backspace' || key === 'Delete') {
+    } else if (key === 'Backspace' || key === 'Delete') {
       e.preventDefault()
       clearSegment(part)
-    }
-    else if (key === 'ArrowLeft') {
+    } else if (key === 'ArrowLeft') {
       e.preventDefault()
       navigateSegment(e.currentTarget as HTMLElement, 'prev')
-    }
-    else if (key === 'ArrowRight') {
+    } else if (key === 'ArrowRight') {
       e.preventDefault()
       navigateSegment(e.currentTarget as HTMLElement, 'next')
-    }
-    else if (/^\d$/.test(key)) {
+    } else if (/^\d$/.test(key)) {
       e.preventDefault()
       const digit = Number.parseInt(key, 10)
       const current = segmentValues[part as keyof TimeSegmentValues] as number | null
-      let newVal = (current === null || current === 0) ? digit : current * 10 + digit
-      if (newVal > max)
-        newVal = digit
+      let newVal = current === null || current === 0 ? digit : current * 10 + digit
+      if (newVal > max) newVal = digit
       updateSegment(part, newVal)
       // Auto-advance
       if (String(newVal).length >= 2 || newVal * 10 > max)
         navigateSegment(e.currentTarget as HTMLElement, 'next')
-    }
-    else if (key !== 'Tab') {
+    } else if (key !== 'Tab') {
       e.preventDefault()
     }
   }
@@ -201,36 +196,34 @@
     if (key === 'ArrowUp' || key === 'ArrowDown') {
       e.preventDefault()
       toggleDayPeriod()
-    }
-    else if (key === 'a' || key === 'A') {
+    } else if (key === 'a' || key === 'A') {
       e.preventDefault()
       updateSegment('dayPeriod', 'AM')
-    }
-    else if (key === 'p' || key === 'P') {
+    } else if (key === 'p' || key === 'P') {
       e.preventDefault()
       updateSegment('dayPeriod', 'PM')
-    }
-    else if (key === 'ArrowLeft') {
+    } else if (key === 'ArrowLeft') {
       e.preventDefault()
       navigateSegment(e.currentTarget as HTMLElement, 'prev')
-    }
-    else if (key === 'ArrowRight') {
+    } else if (key === 'ArrowRight') {
       e.preventDefault()
       navigateSegment(e.currentTarget as HTMLElement, 'next')
-    }
-    else if (key === 'Backspace') {
+    } else if (key === 'Backspace') {
       e.preventDefault()
       updateSegment('dayPeriod', 'AM')
-    }
-    else if (key !== 'Tab') {
+    } else if (key !== 'Tab') {
       e.preventDefault()
     }
   }
 
   function navigateSegment(el: HTMLElement, direction: 'next' | 'prev') {
-    let sibling: Element | null = direction === 'next' ? el.nextElementSibling : el.previousElementSibling
+    let sibling: Element | null =
+      direction === 'next' ? el.nextElementSibling : el.previousElementSibling
     while (sibling) {
-      if (sibling.getAttribute('role') === 'spinbutton' || sibling.hasAttribute('data-day-period')) {
+      if (
+        sibling.getAttribute('role') === 'spinbutton' ||
+        sibling.hasAttribute('data-day-period')
+      ) {
         ;(sibling as HTMLElement).focus()
         return
       }
@@ -241,7 +234,7 @@
 
 <div
   class="sp-time-field {className ?? ''}"
-  role='group'
+  role="group"
   aria-label={ariaLabel ?? 'Time'}
   data-disabled={disabled || undefined}
 >
@@ -251,42 +244,43 @@
     {#each segments as segment, i (`${i}-${segment.part}`)}
       {#if segment.part === 'dayPeriod'}
         <span
-          class='sp-time-field-segment sp-time-field-day-period'
-          role='spinbutton'
+          class="sp-time-field-segment sp-time-field-day-period"
+          role="spinbutton"
           tabindex={disabled ? -1 : 0}
           data-day-period
-          aria-label='AM/PM'
+          aria-label="AM/PM"
           aria-readonly={isReadonly || undefined}
           aria-valuetext={segment.value}
-          onkeydown={e => handleSegmentKeydown(e, 'dayPeriod')}
-          onbeforeinput={e => e.preventDefault()}
-        >{segment.value}</span>
+          onkeydown={(e) => handleSegmentKeydown(e, 'dayPeriod')}
+          onbeforeinput={(e) => e.preventDefault()}>{segment.value}</span
+        >
       {:else if segment.editable}
         {@const part = segment.part}
         <span
-          class='sp-time-field-segment'
-          role='spinbutton'
+          class="sp-time-field-segment"
+          role="spinbutton"
           contenteditable={!disabled && !isReadonly}
-          inputmode='numeric'
+          inputmode="numeric"
           tabindex={disabled ? -1 : 0}
-          data-placeholder={segmentValues[part as 'hour' | 'minute' | 'second'] === null || undefined}
+          data-placeholder={segmentValues[part as 'hour' | 'minute' | 'second'] === null ||
+            undefined}
           aria-label={part}
           aria-readonly={isReadonly || undefined}
           aria-valuenow={segmentValues[part as 'hour' | 'minute' | 'second'] ?? undefined}
           aria-valuemin={part === 'hour' ? (resolvedHourCycle === 12 ? 1 : 0) : 0}
           aria-valuemax={part === 'hour' ? (resolvedHourCycle === 12 ? 12 : 23) : 59}
-          onkeydown={e => handleSegmentKeydown(e, part)}
-          onbeforeinput={e => e.preventDefault()}
-        >{segment.value}</span>
+          onkeydown={(e) => handleSegmentKeydown(e, part)}
+          onbeforeinput={(e) => e.preventDefault()}>{segment.value}</span
+        >
       {:else}
-        <span class='sp-time-field-literal' aria-hidden='true'>{segment.value}</span>
+        <span class="sp-time-field-literal" aria-hidden="true">{segment.value}</span>
       {/if}
     {/each}
   {/if}
 </div>
 
 {#if name}
-  <input type='hidden' {name} value={hiddenValue} {required} />
+  <input type="hidden" {name} value={hiddenValue} {required} />
 {/if}
 
 <style>

package/dist/components/time-field/components/time-field-root.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time-field-root.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/time-field/components/time-field-root.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAa,cAAc,EAAa,MAAM,aAAa,CAAA;AA6QvE,QAAA,MAAM,aAAa,yDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"time-field-root.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/time-field/components/time-field-root.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAa,cAAc,EAAa,MAAM,aAAa,CAAA;AAuQvE,QAAA,MAAM,aAAa,yDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/components/time-field/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Root } from './components/time-field-root.svelte';
-export type { HourCycle, TimeFieldProps, TimeGranularity, TimeRange, TimeRangeFieldProps, TimeValue } from './types.js';
+export type { HourCycle, TimeFieldProps, TimeGranularity, TimeRange, TimeRangeFieldProps, TimeValue, } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/time-field/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/time-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,qCAAqC,CAAA;AACrE,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,eAAe,EAAE,SAAS,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/time-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,qCAAqC,CAAA;AACrE,YAAY,EACV,SAAS,EACT,cAAc,EACd,eAAe,EACf,SAAS,EACT,mBAAmB,EACnB,SAAS,GACV,MAAM,YAAY,CAAA"}

package/dist/components/time-field/time-field.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time-field.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/time-field/time-field.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAMlF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,CAAA;IAC5D,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,SAAS,GAAG,SAAS,CAAA;IAC5B,QAAQ,EAAE,eAAe,EAAE,CAAA;IAC3B,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,SAAS,CAAA;IACpB,WAAW,EAAE,eAAe,CAAA;IAC5B,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IAChE,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;CAC1C;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,SAAS,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAE/D;AAED,wBAAgB,mBAAmB,IAAI,cAAc,CAEpD;AAED,wCAAwC;AACxC,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAI7D;AAED,4CAA4C;AAC5C,wBAAgB,oBAAoB,CAClC,aAAa,EAAE,iBAAiB,EAChC,WAAW,EAAE,eAAe,EAC5B,SAAS,EAAE,SAAS,GACnB,eAAe,EAAE,CAmDnB"}
+{"version":3,"file":"time-field.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/time-field/time-field.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAMlF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,CAAA;IAC5D,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,SAAS,GAAG,SAAS,CAAA;IAC5B,QAAQ,EAAE,eAAe,EAAE,CAAA;IAC3B,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,SAAS,CAAA;IACpB,WAAW,EAAE,eAAe,CAAA;IAC5B,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IAChE,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;CAC1C;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,SAAS,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAE/D;AAED,wBAAgB,mBAAmB,IAAI,cAAc,CAEpD;AAED,wCAAwC;AACxC,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAI7D;AAED,4CAA4C;AAC5C,wBAAgB,oBAAoB,CAClC,aAAa,EAAE,iBAAiB,EAChC,WAAW,EAAE,eAAe,EAC5B,SAAS,EAAE,SAAS,GACnB,eAAe,EAAE,CAiDnB"}

package/dist/components/time-field/types.d.ts

@@ -4,32 +4,32 @@ export type HourCycle = 12 | 24;
 export type DayPeriod = 'AM' | 'PM';
 export interface TimeFieldProps {
     /** Current time value as { hour, minute, second }. */
-    'value'?: TimeValue;
+    value?: TimeValue;
     /** Callback when value changes. */
-    'onValueChange'?: (value: TimeValue | undefined) => void;
+    onValueChange?: (value: TimeValue | undefined) => void;
     /** Which time parts to display. */
-    'granularity'?: TimeGranularity;
+    granularity?: TimeGranularity;
     /** 12 or 24 hour clock (defaults to locale default). */
-    'hourCycle'?: HourCycle;
+    hourCycle?: HourCycle;
     /** Locale for formatting. */
-    'locale'?: string;
+    locale?: string;
     /** Minimum time. */
-    'minValue'?: TimeValue;
+    minValue?: TimeValue;
     /** Maximum time. */
-    'maxValue'?: TimeValue;
+    maxValue?: TimeValue;
     /** Disabled state. */
-    'disabled'?: boolean;
+    disabled?: boolean;
     /** Readonly state. */
-    'readonly'?: boolean;
+    readonly?: boolean;
     /** Required for form validation. */
-    'required'?: boolean;
+    required?: boolean;
     /** Form field name (renders hidden input). */
-    'name'?: string;
+    name?: string;
     /** Accessible label. */
     'aria-label'?: string;
     /** Additional CSS class. */
-    'class'?: string;
-    'children'?: Snippet;
+    class?: string;
+    children?: Snippet;
 }
 export interface TimeValue {
     hour: number;

package/dist/components/time-field/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/time-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAErC,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAC1D,MAAM,MAAM,SAAS,GAAG,EAAE,GAAG,EAAE,CAAA;AAC/B,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;AAEnC,MAAM,WAAW,cAAc;IAC7B,sDAAsD;IACtD,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,mCAAmC;IACnC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAA;IACxD,mCAAmC;IACnC,aAAa,CAAC,EAAE,eAAe,CAAA;IAC/B,wDAAwD;IACxD,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oBAAoB;IACpB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,oBAAoB;IACpB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,sBAAsB;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wBAAwB;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,sBAAsB;IACtB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,mCAAmC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IAC1C,mCAAmC;IACnC,WAAW,CAAC,EAAE,eAAe,CAAA;IAC7B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,GAAG,CAAC,EAAE,SAAS,CAAA;CAChB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/time-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAErC,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAC1D,MAAM,MAAM,SAAS,GAAG,EAAE,GAAG,EAAE,CAAA;AAC/B,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;AAEnC,MAAM,WAAW,cAAc;IAC7B,sDAAsD;IACtD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,mCAAmC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAA;IACtD,mCAAmC;IACnC,WAAW,CAAC,EAAE,eAAe,CAAA;IAC7B,wDAAwD;IACxD,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oBAAoB;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,sBAAsB;IACtB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,mCAAmC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IAC1C,mCAAmC;IACnC,WAAW,CAAC,EAAE,eAAe,CAAA;IAC7B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,GAAG,CAAC,EAAE,SAAS,CAAA;CAChB"}

package/dist/components/time-range-field/__tests__/TimeRangeFieldTest.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { TimeRange } from '../types.js'
   import TimeRangeFieldRoot from '../components/time-range-field-root.svelte'
 

package/dist/components/time-range-field/__tests__/time-range-field.test.svelte.js

@@ -42,7 +42,7 @@ describe('timeRangeField', () => {
         // At least 2 fields × 2 segments (hour + minute) = 4 spinbuttons
         expect(segments.length).toBeGreaterThanOrEqual(4);
         // Verify hour values are present in aria-valuenow attributes
-        const hourSegments = Array.from(segments).filter(s => s.getAttribute('aria-label') === 'hour');
+        const hourSegments = Array.from(segments).filter((s) => s.getAttribute('aria-label') === 'hour');
         expect(hourSegments.length).toBeGreaterThanOrEqual(2);
     });
     // T-C-2-3: applies data-disabled to inner TimeField groups when disabled=true
@@ -106,7 +106,7 @@ describe('timeRangeField', () => {
     it('updates rendered segments when remounted with new TimeRange value', () => {
         setup();
         // Initial state: no value → segments show placeholder (no aria-valuenow)
-        const initialHourSegments = Array.from(target.querySelectorAll('[role="spinbutton"]')).filter(s => s.getAttribute('aria-label') === 'hour');
+        const initialHourSegments = Array.from(target.querySelectorAll('[role="spinbutton"]')).filter((s) => s.getAttribute('aria-label') === 'hour');
         expect(initialHourSegments.length).toBeGreaterThanOrEqual(2);
         expect(initialHourSegments[0].getAttribute('aria-valuenow')).toBeNull();
         // Remount with concrete value
@@ -115,10 +115,10 @@ describe('timeRangeField', () => {
         const newRange = { start: new Time(14, 0), end: new Time(16, 45) };
         instance = mount(TimeRangeFieldTest, { target, props: { value: newRange } });
         flushSync();
-        const updatedHourSegments = Array.from(target.querySelectorAll('[role="spinbutton"]')).filter(s => s.getAttribute('aria-label') === 'hour');
+        const updatedHourSegments = Array.from(target.querySelectorAll('[role="spinbutton"]')).filter((s) => s.getAttribute('aria-label') === 'hour');
         expect(updatedHourSegments.length).toBeGreaterThanOrEqual(2);
         // At least one hour segment should have a valuenow (14 or its 12h equivalent)
-        const hasValue = updatedHourSegments.some(s => s.getAttribute('aria-valuenow') !== null);
+        const hasValue = updatedHourSegments.some((s) => s.getAttribute('aria-valuenow') !== null);
         expect(hasValue).toBe(true);
     });
 });

package/dist/components/time-range-field/components/time-range-field-root.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { TimeRange, TimeRangeFieldProps, TimeValue } from '../types.js'
   import * as TimeField from '../../time-field/index.js'
 
@@ -41,7 +41,7 @@
   }
 </script>
 
-<div class="sp-time-range-field {className ?? ''}" role='group' aria-label='Time range'>
+<div class="sp-time-range-field {className ?? ''}" role="group" aria-label="Time range">
   {#if children}
     {@render children()}
   {:else}
@@ -55,9 +55,9 @@
       readonly={isReadonly}
       {required}
       name={name ? `${name}-start` : undefined}
-      aria-label='Start time'
+      aria-label="Start time"
     />
-    <span class='sp-time-range-separator' aria-hidden='true'>–</span>
+    <span class="sp-time-range-separator" aria-hidden="true">–</span>
     <TimeField.Root
       value={endValue}
       onValueChange={onEndChange}
@@ -68,7 +68,7 @@
       readonly={isReadonly}
       {required}
       name={name ? `${name}-end` : undefined}
-      aria-label='End time'
+      aria-label="End time"
     />
   {/if}
 </div>

package/dist/components/time-range-field/types.d.ts

@@ -1,2 +1,2 @@
-export type { HourCycle, TimeGranularity, TimeRange, TimeRangeFieldProps, TimeValue } from '../time-field/types.js';
+export type { HourCycle, TimeGranularity, TimeRange, TimeRangeFieldProps, TimeValue, } from '../time-field/types.js';
 //# sourceMappingURL=types.d.ts.map

package/dist/components/time-range-field/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/time-range-field/types.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/time-range-field/types.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,SAAS,EACT,eAAe,EACf,SAAS,EACT,mBAAmB,EACnB,SAAS,GACV,MAAM,wBAAwB,CAAA"}

package/dist/components/toast/toast.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { ToastProps } from './types.js'
   import { isBrowser, useId } from '../../internal/helpers/index.js'
 
@@ -35,35 +35,35 @@
   register it before content appears. Only the inner content is
   conditionally rendered — the aria-live wrapper stays stable.
 -->
-<div class='sp-toast-region' {id} role='status' aria-live='polite' aria-atomic='true'>
+<div class="sp-toast-region" {id} role="status" aria-live="polite" aria-atomic="true">
   {#if visible}
     <div class="sp-toast {variant} {className ?? ''}" data-variant={variant}>
-      <div class='sp-toast-content'>
+      <div class="sp-toast-content">
         {#if title}
-          <p class='sp-toast-title'>{title}</p>
+          <p class="sp-toast-title">{title}</p>
         {/if}
         {#if description}
-          <p class='sp-toast-description'>{description}</p>
+          <p class="sp-toast-description">{description}</p>
         {/if}
         {#if children}
           {@render children()}
         {/if}
       </div>
-      <div class='sp-toast-actions'>
+      <div class="sp-toast-actions">
         {#if action}
           {@render action()}
         {/if}
         {#if dismissible}
-          <button class='sp-toast-dismiss' type='button' aria-label='Dismiss' onclick={dismiss}>
+          <button class="sp-toast-dismiss" type="button" aria-label="Dismiss" onclick={dismiss}>
             <svg
-              viewBox='0 0 24 24'
-              fill='none'
-              stroke='currentColor'
-              stroke-width='2'
-              stroke-linecap='round'
-              stroke-linejoin='round'
-            ><line x1='18' y1='6' x2='6' y2='18'></line><line x1='6' y1='6' x2='18' y2='18'
-            ></line></svg
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              ><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"
+              ></line></svg
             >
           </button>
         {/if}

package/dist/components/toggle/toggle.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { ToggleProps } from './types.js'
 
   let {
@@ -10,8 +10,7 @@
   }: ToggleProps = $props()
 
   function onclick() {
-    if (!disabled)
-      pressed = !pressed
+    if (!disabled) pressed = !pressed
   }
 
   function onkeydown(event: KeyboardEvent) {
@@ -24,7 +23,7 @@
 
 <button
   class="sp-toggle {className ?? ''}"
-  type='button'
+  type="button"
   aria-pressed={pressed}
   {disabled}
   data-state={pressed ? 'on' : 'off'}

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

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

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

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { ToggleGroupItemProps } from '../types.js'
   import { getToggleGroupContext } from '../toggle-group.svelte.js'
 
@@ -15,14 +15,13 @@
   const isDisabled = $derived(disabled || ctx.disabled)
 
   function onclick() {
-    if (!isDisabled)
-      ctx.toggle(value)
+    if (!isDisabled) ctx.toggle(value)
   }
 </script>
 
 <button
   class="sp-toggle-group-item {className ?? ''}"
-  type='button'
+  type="button"
   aria-pressed={isSelected}
   disabled={isDisabled}
   data-state={isSelected ? 'on' : 'off'}

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

@@ -1 +1 @@
-{"version":3,"file":"toggle-group-item.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/toggle-group/components/toggle-group-item.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAiCvD,QAAA,MAAM,eAAe,0DAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}
+{"version":3,"file":"toggle-group-item.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/toggle-group/components/toggle-group-item.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAgCvD,QAAA,MAAM,eAAe,0DAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

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

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { ToggleGroupProps } from '../types.js'
   import { RovingFocusGroup } from '../../../internal/roving-focus/index.js'
   import { setToggleGroupContext } from '../toggle-group.svelte.js'
@@ -29,17 +29,14 @@
       return type
     },
     isSelected(v: string) {
-      if (type === 'multiple' && Array.isArray(value))
-        return value.includes(v)
+      if (type === 'multiple' && Array.isArray(value)) return value.includes(v)
       return value === v
     },
     toggle(v: string) {
-      if (disabled)
-        return
+      if (disabled) return
       if (type === 'multiple' && Array.isArray(value)) {
-        value = value.includes(v) ? value.filter(x => x !== v) : [...value, v]
-      }
-      else {
+        value = value.includes(v) ? value.filter((x) => x !== v) : [...value, v]
+      } else {
         value = value === v ? '' : v
       }
     },
@@ -66,8 +63,7 @@
   let groupEl: HTMLElement | undefined = $state()
 
   function onkeydown(event: KeyboardEvent) {
-    if (!groupEl)
-      return
+    if (!groupEl) return
     roving.handleKeydown(groupEl, event)
   }
 </script>
@@ -75,7 +71,7 @@
 <div
   bind:this={groupEl}
   class="sp-toggle-group {className ?? ''}"
-  role='toolbar'
+  role="toolbar"
   aria-orientation={orientation}
   tabindex={0}
   data-orientation={orientation}

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

@@ -1 +1 @@
-{"version":3,"file":"toggle-group-root.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/toggle-group/components/toggle-group-root.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAsFnD,QAAA,MAAM,eAAe,2DAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}
+{"version":3,"file":"toggle-group-root.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/toggle-group/components/toggle-group-root.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAkFnD,QAAA,MAAM,eAAe,2DAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/components/toggle-group/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/toggle-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAE3E,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,UAAU,CAAA;AAEnD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACrF,sBAAsB;IACtB,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;IAClE,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,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/toggle-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAE3E,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,UAAU,CAAA;AAEnD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACrF,sBAAsB;IACtB,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,oBAAoB,EACpB,OAAO,GAAG,UAAU,GAAG,OAAO,CAC/B;IACC,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB"}

package/dist/components/toolbar/__tests__/ToolbarCompositionTest.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { ToolbarOrientation } from '../types.js'
   import ToolbarGroup from '../toolbar-group.svelte'
   import ToolbarSeparator from '../toolbar-separator.svelte'
@@ -7,12 +7,12 @@
   const { orientation = 'horizontal' }: { orientation?: ToolbarOrientation } = $props()
 </script>
 
-<Toolbar {orientation} aria-label='Formatting'>
-  <ToolbarGroup aria-label='History'>
-    <button type='button'>Undo</button>
+<Toolbar {orientation} aria-label="Formatting">
+  <ToolbarGroup aria-label="History">
+    <button type="button">Undo</button>
   </ToolbarGroup>
-  <ToolbarSeparator data-testid='sep' />
-  <ToolbarGroup aria-label='Actions'>
-    <button type='button'>Redo</button>
+  <ToolbarSeparator data-testid="sep" />
+  <ToolbarGroup aria-label="Actions">
+    <button type="button">Redo</button>
   </ToolbarGroup>
 </Toolbar>