@spectral_labs/ui 1.2.0 → 1.2.1

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

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { DateValue } from '../../../internal/date-time/types.js'
   import type { CalendarProps } from '../types.js'
   import { getDefaultDate } from '../../../internal/date-time/utils.js'
@@ -29,34 +29,62 @@
   let internalPlaceholder: DateValue = $state(getDefaultDate())
 
   $effect(() => {
-    if (value)
-      internalPlaceholder = value
-    else if (placeholder)
-      internalPlaceholder = placeholder
+    if (value) internalPlaceholder = value
+    else if (placeholder) internalPlaceholder = placeholder
   })
 
   const ctx = createCalendarState({
     getValue: () => value,
     getPlaceholder: () => internalPlaceholder,
-    setValue: (v) => { value = v },
+    setValue: (v) => {
+      value = v
+    },
     setPlaceholder: (v) => {
       internalPlaceholder = v
       placeholder = v
     },
-    get locale() { return locale },
-    get weekStartsOn() { return weekStartsOn },
-    get weekdayFormat() { return weekdayFormat },
-    get numberOfMonths() { return numberOfMonths },
-    get fixedWeeks() { return fixedWeeks },
-    get preventDeselect() { return preventDeselect },
-    get pagedNavigation() { return pagedNavigation },
-    get disabled() { return disabled },
-    get readonly() { return isReadonly },
-    get minValue() { return minValue },
-    get maxValue() { return maxValue },
-    get isDateDisabled() { return isDateDisabled },
-    get isDateUnavailable() { return isDateUnavailable },
-    get onValueChange() { return onValueChange },
+    get locale() {
+      return locale
+    },
+    get weekStartsOn() {
+      return weekStartsOn
+    },
+    get weekdayFormat() {
+      return weekdayFormat
+    },
+    get numberOfMonths() {
+      return numberOfMonths
+    },
+    get fixedWeeks() {
+      return fixedWeeks
+    },
+    get preventDeselect() {
+      return preventDeselect
+    },
+    get pagedNavigation() {
+      return pagedNavigation
+    },
+    get disabled() {
+      return disabled
+    },
+    get readonly() {
+      return isReadonly
+    },
+    get minValue() {
+      return minValue
+    },
+    get maxValue() {
+      return maxValue
+    },
+    get isDateDisabled() {
+      return isDateDisabled
+    },
+    get isDateUnavailable() {
+      return isDateUnavailable
+    },
+    get onValueChange() {
+      return onValueChange
+    },
   })
 
   setCalendarContext(ctx)
@@ -64,8 +92,8 @@
 
 <div
   class="sp-calendar {className ?? ''}"
-  role='group'
-  aria-label='{calendarLabel} {ctx.headingText}'
+  role="group"
+  aria-label="{calendarLabel} {ctx.headingText}"
   data-disabled={disabled || undefined}
   data-readonly={isReadonly || undefined}
 >

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

@@ -1 +1 @@
-{"version":3,"file":"calendar-root.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/calendar/components/calendar-root.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AA4EhD,QAAA,MAAM,YAAY,wEAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"calendar-root.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/calendar/components/calendar-root.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAwGhD,QAAA,MAAM,YAAY,wEAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/components/card/card.svelte

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

package/dist/components/checkbox/checkbox.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { CheckboxProps } from './types.js'
 
   let {
@@ -12,24 +12,20 @@
   }: CheckboxProps = $props()
 
   function getAriaChecked(): 'true' | 'false' | 'mixed' {
-    if (checked === 'indeterminate')
-      return 'mixed'
+    if (checked === 'indeterminate') return 'mixed'
     return checked ? 'true' : 'false'
   }
 
   function getDataState(): 'checked' | 'unchecked' | 'indeterminate' {
-    if (checked === 'indeterminate')
-      return 'indeterminate'
+    if (checked === 'indeterminate') return 'indeterminate'
     return checked ? 'checked' : 'unchecked'
   }
 
   function toggle() {
-    if (disabled)
-      return
+    if (disabled) return
     if (checked === 'indeterminate') {
       checked = true
-    }
-    else {
+    } else {
       checked = !checked
     }
   }
@@ -44,47 +40,47 @@
 
 <button
   class="sp-checkbox {className ?? ''}"
-  type='button'
-  role='checkbox'
+  type="button"
+  role="checkbox"
   aria-checked={getAriaChecked()}
   {disabled}
   data-state={getDataState()}
   onclick={toggle}
   {onkeydown}
 >
-  <span class='sp-checkbox-indicator'>
+  <span class="sp-checkbox-indicator">
     {#if checked === true}
       <svg
-        viewBox='0 0 24 24'
-        fill='none'
-        stroke='currentColor'
-        stroke-width='3'
-        stroke-linecap='round'
-        stroke-linejoin='round'
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="3"
+        stroke-linecap="round"
+        stroke-linejoin="round"
       >
-        <polyline points='20 6 9 17 4 12'></polyline>
+        <polyline points="20 6 9 17 4 12"></polyline>
       </svg>
     {:else if checked === 'indeterminate'}
       <svg
-        viewBox='0 0 24 24'
-        fill='none'
-        stroke='currentColor'
-        stroke-width='3'
-        stroke-linecap='round'
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="3"
+        stroke-linecap="round"
       >
-        <line x1='5' y1='12' x2='19' y2='12'></line>
+        <line x1="5" y1="12" x2="19" y2="12"></line>
       </svg>
     {/if}
   </span>
   {#if children}
-    <span class='sp-checkbox-label'>
+    <span class="sp-checkbox-label">
       {@render children()}
     </span>
   {/if}
 </button>
 
 {#if name}
-  <input type='hidden' {name} value={checked === true ? value : ''} {required} />
+  <input type="hidden" {name} value={checked === true ? value : ''} {required} />
 {/if}
 
 <style>

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

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

package/dist/components/chips/chip-group.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { ChipGroupProps } from './types.js'
   import { setChipGroupContext } from './chips.svelte.js'
 
@@ -17,17 +17,14 @@
     if (selectionMode === 'single') {
       if (newKeys.has(value)) {
         newKeys.clear()
-      }
-      else {
+      } else {
         newKeys.clear()
         newKeys.add(value)
       }
-    }
-    else {
+    } else {
       if (newKeys.has(value)) {
         newKeys.delete(value)
-      }
-      else {
+      } else {
         newKeys.add(value)
       }
     }
@@ -36,16 +33,14 @@
   }
 
   setChipGroupContext({
-    get selectedKeys() { return selectedKeys },
+    get selectedKeys() {
+      return selectedKeys
+    },
     toggle,
   })
 </script>
 
-<div
-  class="sp-chip-group {className ?? ''}"
-  role='group'
-  aria-label={ariaLabel}
->
+<div class="sp-chip-group {className ?? ''}" role="group" aria-label={ariaLabel}>
   {#if children}{@render children()}{/if}
 </div>
 

package/dist/components/chips/chip-group.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip-group.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/chips/chip-group.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAsDhD,QAAA,MAAM,SAAS,gEAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"chip-group.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/chips/chip-group.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAqDhD,QAAA,MAAM,SAAS,gEAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/components/chips/chips.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { ChipProps } from './types.js'
   import { kbd } from '../../internal/helpers/index.js'
   import { getChipGroupContext } from './chips.svelte.js'
@@ -15,24 +15,19 @@
   }: ChipProps = $props()
 
   // ChipGroup context (optional)
-  const group: { selectedKeys: Set<string>, toggle: (v: string) => void } | undefined
-    = (() => {
-      try {
-        return getChipGroupContext()
-      }
-      catch {
-        return undefined
-      }
-    })()
+  const group: { selectedKeys: Set<string>; toggle: (v: string) => void } | undefined = (() => {
+    try {
+      return getChipGroupContext()
+    } catch {
+      return undefined
+    }
+  })()
 
   // If inside a group, derive selection from group state
-  const isSelected = $derived(
-    group && value ? group.selectedKeys.has(value) : selected,
-  )
+  const isSelected = $derived(group && value ? group.selectedKeys.has(value) : selected)
 
   function onclick(event: MouseEvent) {
-    if (disabled)
-      return
+    if (disabled) return
     const target = event.target as HTMLElement | null
     if (removable && target?.closest('[data-chip-remove]')) {
       onRemove?.()
@@ -40,15 +35,13 @@
     }
     if (group && value) {
       group.toggle(value)
-    }
-    else if (variant === 'filter' || variant === 'input') {
+    } else if (variant === 'filter' || variant === 'input') {
       selected = !selected
     }
   }
 
   function onkeydown(event: KeyboardEvent) {
-    if (!removable || disabled)
-      return
+    if (!removable || disabled) return
     if (event.key === kbd.DELETE || event.key === kbd.BACKSPACE) {
       event.preventDefault()
       onRemove?.()
@@ -58,7 +51,7 @@
 
 <button
   class="sp-chip {variant} {className ?? ''}"
-  type='button'
+  type="button"
   {disabled}
   aria-pressed={variant === 'filter' || variant === 'input' ? isSelected : undefined}
   data-variant={variant}
@@ -68,33 +61,33 @@
 >
   {#if variant === 'filter' && isSelected}
     <svg
-      class='sp-chip-check'
-      viewBox='0 0 24 24'
-      fill='none'
-      stroke='currentColor'
-      stroke-width='2.5'
-      stroke-linecap='round'
-      stroke-linejoin='round'
-      aria-hidden='true'
+      class="sp-chip-check"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
     >
-      <polyline points='20 6 9 17 4 12'></polyline>
+      <polyline points="20 6 9 17 4 12"></polyline>
     </svg>
   {/if}
-  <span class='sp-chip-label'>
+  <span class="sp-chip-label">
     {#if children}{@render children()}{/if}
   </span>
   {#if removable && !disabled}
-    <span class='sp-chip-remove' data-chip-remove='true' aria-hidden='true'>
+    <span class="sp-chip-remove" data-chip-remove="true" aria-hidden="true">
       <svg
-        viewBox='0 0 24 24'
-        fill='none'
-        stroke='currentColor'
-        stroke-width='2'
-        stroke-linecap='round'
-        stroke-linejoin='round'
+        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>
+        <line x1="18" y1="6" x2="6" y2="18"></line>
+        <line x1="6" y1="6" x2="18" y2="18"></line>
       </svg>
     </span>
   {/if}

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

@@ -1 +1 @@
-{"version":3,"file":"chips.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/chips/chips.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAqF3C,QAAA,MAAM,KAAK,uDAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
+{"version":3,"file":"chips.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/chips/chips.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AA8E3C,QAAA,MAAM,KAAK,uDAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

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

@@ -19,15 +19,15 @@ export interface ChipProps {
 }
 export interface ChipGroupProps {
     /** Selection mode. */
-    'selectionMode'?: 'single' | 'multiple';
+    selectionMode?: 'single' | 'multiple';
     /** Selected chip values. Bindable. */
-    'selectedKeys'?: Set<string>;
+    selectedKeys?: Set<string>;
     /** Called when selection changes. */
-    'onSelectionChange'?: (keys: Set<string>) => void;
+    onSelectionChange?: (keys: Set<string>) => void;
     /** Accessible label. */
     'aria-label'?: string;
     /** Additional CSS class. */
-    'class'?: string;
-    'children'?: Snippet;
+    class?: string;
+    children?: Snippet;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/chips/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAErC,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAA;AAEtE,MAAM,WAAW,SAAS;IACxB,oBAAoB;IACpB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,sBAAsB;IACtB,eAAe,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;IACvC,sCAAsC;IACtC,cAAc,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC5B,qCAAqC;IACrC,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACjD,wBAAwB;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/chips/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAErC,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAA;AAEtE,MAAM,WAAW,SAAS;IACxB,oBAAoB;IACpB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,sBAAsB;IACtB,aAAa,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;IACrC,sCAAsC;IACtC,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,qCAAqC;IACrC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IAC/C,wBAAwB;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}

package/dist/components/collapsible/__tests__/CollapsibleTest.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import CollapsibleContent from '../components/collapsible-content.svelte'
   import CollapsibleRoot from '../components/collapsible-root.svelte'
   import CollapsibleTrigger from '../components/collapsible-trigger.svelte'

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

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { CollapsibleContentProps } from '../types.js'
   import { PresenceLayerState } from '../../../internal/presence-layer/index.js'
   import { getCollapsibleContext } from '../collapsible.svelte.js'
@@ -7,14 +7,15 @@
   const ctx = getCollapsibleContext()
 
   const presence = new PresenceLayerState({
-    get present() { return ctx.open },
+    get present() {
+      return ctx.open
+    },
   })
 
   let contentEl: HTMLElement | undefined = $state()
 
   $effect(() => {
-    if (contentEl)
-      presence.setElement(contentEl)
+    if (contentEl) presence.setElement(contentEl)
   })
 </script>
 
@@ -22,7 +23,7 @@
   <div
     bind:this={contentEl}
     class="sp-collapsible-content {className ?? ''}"
-    role='region'
+    role="region"
     data-state={ctx.open ? 'open' : 'closed'}
   >
     {#if children}{@render children()}{/if}
@@ -32,6 +33,7 @@
 <style>
   .sp-collapsible-content {
     overflow: hidden;
-    transition: height var(--sp-sys-motion-duration-medium2, 300ms) var(--sp-sys-motion-easing-standard, ease);
+    transition: height var(--sp-sys-motion-duration-medium2, 300ms)
+      var(--sp-sys-motion-easing-standard, ease);
   }
 </style>

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

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

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

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { CollapsibleProps } from '../types.js'
   import { setCollapsibleContext } from '../collapsible.svelte.js'
 
@@ -17,8 +17,7 @@
       return disabled
     },
     toggle() {
-      if (!disabled)
-        open = !open
+      if (!disabled) open = !open
     },
   })
 </script>

package/dist/components/collapsible/components/collapsible-root.svelte.d.ts.map

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

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

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { CollapsibleTriggerProps } from '../types.js'
   import { getCollapsibleContext } from '../collapsible.svelte.js'
 
@@ -9,7 +9,7 @@
 
 <button
   class="sp-collapsible-trigger {className ?? ''}"
-  type='button'
+  type="button"
   aria-expanded={ctx.open}
   disabled={ctx.disabled}
   data-state={ctx.open ? 'open' : 'closed'}

package/dist/components/combobox/__tests__/ComboboxTest.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { Align, Side } from '../../../internal/floating-layer/types.js'
   import ComboboxContent from '../components/combobox-content.svelte'
   import ComboboxInput from '../components/combobox-input.svelte'
@@ -31,10 +31,10 @@
 </script>
 
 <ComboboxRoot bind:value bind:open {name} {onOpenChange}>
-  <ComboboxInput placeholder='Search...' />
+  <ComboboxInput placeholder="Search..." />
   <ComboboxContent {portalTo} {disablePortal} class={contentClass} {side} {sideOffset} {align}>
-    <ComboboxItem value='apple'>Apple</ComboboxItem>
-    <ComboboxItem value='banana'>Banana</ComboboxItem>
-    <ComboboxItem value='cherry'>Cherry</ComboboxItem>
+    <ComboboxItem value="apple">Apple</ComboboxItem>
+    <ComboboxItem value="banana">Banana</ComboboxItem>
+    <ComboboxItem value="cherry">Cherry</ComboboxItem>
   </ComboboxContent>
 </ComboboxRoot>

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

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { ComboboxContentProps } from '../types.js'
   import { DismissibleLayerState } from '../../../internal/dismissible-layer/index.js'
   import { EscapeLayerState } from '../../../internal/escape-layer/index.js'
@@ -39,8 +39,7 @@
     element: null,
     onInteractOutside(event) {
       const target = event.target as Node | null
-      if (ctx.inputEl && target && ctx.inputEl.contains(target))
-        return
+      if (ctx.inputEl && target && ctx.inputEl.contains(target)) return
       ctx.close()
     },
   })
@@ -80,8 +79,7 @@
   })
 
   $effect(() => {
-    if (contentEl)
-      presence.setElement(contentEl)
+    if (contentEl) presence.setElement(contentEl)
   })
 </script>
 
@@ -91,7 +89,7 @@
       bind:this={contentEl}
       class="sp-combobox-content {className ?? ''}"
       id={ctx.listboxId}
-      role='listbox'
+      role="listbox"
       tabindex={-1}
       data-state={ctx.open ? 'open' : 'closed'}
     >

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

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

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

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { ComboboxInputProps } from '../types.js'
   import { kbd } from '../../../internal/helpers/index.js'
   import { getComboboxContext } from '../combobox.svelte.js'
@@ -9,14 +9,12 @@
   let el: HTMLInputElement | undefined = $state()
 
   $effect(() => {
-    if (el)
-      ctx.setInputEl(el)
+    if (el) ctx.setInputEl(el)
   })
 
   function onkeydown(e: KeyboardEvent) {
     // Skip navigation/selection during IME composition (CJK input, etc.)
-    if (e.isComposing)
-      return
+    if (e.isComposing) return
 
     switch (e.key) {
       case kbd.ARROW_DOWN: {
@@ -64,8 +62,7 @@
         break
       }
       case kbd.TAB: {
-        if (ctx.open)
-          ctx.close()
+        if (ctx.open) ctx.close()
         break
       }
     }
@@ -75,26 +72,24 @@
 <input
   bind:this={el}
   class="sp-combobox-input {className ?? ''}"
-  type='text'
-  role='combobox'
+  type="text"
+  role="combobox"
   id={ctx.inputId}
   aria-expanded={ctx.open}
   aria-controls={ctx.open ? ctx.listboxId : undefined}
   aria-activedescendant={ctx.open && ctx.highlightedId ? ctx.highlightedId : undefined}
-  aria-autocomplete='list'
-  autocomplete='off'
+  aria-autocomplete="list"
+  autocomplete="off"
   disabled={ctx.disabled}
   {placeholder}
   value={ctx.search}
   oninput={(e) => {
     ctx.setSearch((e.target as HTMLInputElement).value)
-    if (!ctx.open)
-      ctx.toggle()
+    if (!ctx.open) ctx.toggle()
     ctx.clearHighlight()
   }}
   onfocus={() => {
-    if (!ctx.open)
-      ctx.toggle()
+    if (!ctx.open) ctx.toggle()
   }}
   {onkeydown}
   {...restProps}

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

@@ -1 +1 @@
-{"version":3,"file":"combobox-input.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/combobox/components/combobox-input.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AA4FrD,QAAA,MAAM,aAAa,wDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"combobox-input.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/combobox/components/combobox-input.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAuFrD,QAAA,MAAM,aAAa,wDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}