@spectral_labs/ui 1.1.2 → 1.2.1

package/dist/components/dialog/components/dialog-title.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { DialogTitleProps } from '../types.js'
   import { getDialogContext } from '../dialog.svelte.js'
 
@@ -6,7 +6,11 @@
   const ctx = getDialogContext()
 </script>
 
-<svelte:element this={`h${level}` as const} class="sp-dialog-title {className ?? ''}" id={ctx.titleId}>
+<svelte:element
+  this={`h${level}` as const}
+  class="sp-dialog-title {className ?? ''}"
+  id={ctx.titleId}
+>
   {#if children}{@render children()}{/if}
 </svelte:element>
 

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

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { DialogTriggerProps } from '../types.js'
   import { getDialogContext } from '../dialog.svelte.js'
 
@@ -8,8 +8,8 @@
 
 <button
   class="sp-dialog-trigger {className ?? ''}"
-  type='button'
-  aria-haspopup='dialog'
+  type="button"
+  aria-haspopup="dialog"
   aria-expanded={ctx.open}
   aria-controls={ctx.contentId}
   onclick={() => ctx.toggle()}

package/dist/components/drop-zone/drop-zone.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { DropZoneProps } from './types.js'
 
   const {
@@ -16,16 +16,14 @@
   let inputRef: HTMLInputElement | undefined = $state()
 
   function validateFiles(files: FileList | null): File[] {
-    if (!files || files.length === 0)
-      return []
+    if (!files || files.length === 0) return []
     const list = Array.from(files)
     const selected = multiple ? list : [list[0]!]
 
     for (const file of selected) {
       if (accept && accept.length > 0) {
         const matches = accept.some((type) => {
-          if (type.endsWith('/*'))
-            return file.type.startsWith(type.replace('/*', '/'))
+          if (type.endsWith('/*')) return file.type.startsWith(type.replace('/*', '/'))
           return file.type === type
         })
         if (!matches) {
@@ -45,8 +43,7 @@
 
   function handleDrop(event: DragEvent) {
     event.preventDefault()
-    if (disabled)
-      return
+    if (disabled) return
     zoneState = 'idle'
     const valid = validateFiles(event.dataTransfer?.files ?? null)
     if (valid.length > 0) {
@@ -57,18 +54,15 @@
 
   function handleDragOver(event: DragEvent) {
     event.preventDefault()
-    if (!disabled)
-      zoneState = 'active'
+    if (!disabled) zoneState = 'active'
   }
 
   function handleDragLeave() {
-    if (!disabled)
-      zoneState = 'idle'
+    if (!disabled) zoneState = 'idle'
   }
 
   function handleClick() {
-    if (!disabled)
-      inputRef?.click()
+    if (!disabled) inputRef?.click()
   }
 
   function handleInput(event: Event) {
@@ -92,7 +86,7 @@
 <div
   class="sp-drop-zone {zoneState} {className ?? ''}"
   data-state={disabled ? 'disabled' : zoneState}
-  role='button'
+  role="button"
   tabindex={disabled ? -1 : 0}
   aria-disabled={disabled || undefined}
   ondrop={handleDrop}
@@ -104,20 +98,20 @@
   {#if children}
     {@render children()}
   {:else}
-    <p class='sp-drop-zone-text'>Drop files here or click to browse</p>
+    <p class="sp-drop-zone-text">Drop files here or click to browse</p>
   {/if}
 </div>
 
 <input
   bind:this={inputRef}
-  type='file'
+  type="file"
   accept={accept?.join(',')}
   {multiple}
   {disabled}
-  class='sp-drop-zone-input'
+  class="sp-drop-zone-input"
   onchange={handleInput}
   tabindex={-1}
-  aria-hidden='true'
+  aria-hidden="true"
 />
 
 <style>

package/dist/components/drop-zone/drop-zone.svelte.d.ts.map

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

package/dist/components/dropdown-menu/__tests__/DropdownMenuTest.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import DropdownMenuContent from '../components/dropdown-menu-content.svelte'
   import DropdownMenuItem from '../components/dropdown-menu-item.svelte'
   import DropdownMenuRoot from '../components/dropdown-menu-root.svelte'

package/dist/components/dropdown-menu/components/dropdown-menu-checkbox-item.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { DropdownMenuCheckboxItemProps } from '../types.js'
 
   let {
@@ -10,8 +10,7 @@
   }: DropdownMenuCheckboxItemProps = $props()
 
   function toggle() {
-    if (disabled)
-      return
+    if (disabled) return
     checked = !checked
     onCheckedChange?.(checked)
   }
@@ -19,7 +18,7 @@
 
 <div
   class="sp-dropdown-menu-item checkbox {className ?? ''}"
-  role='menuitemcheckbox'
+  role="menuitemcheckbox"
   aria-checked={checked}
   aria-disabled={disabled || undefined}
   tabindex={-1}
@@ -34,10 +33,18 @@
     }
   }}
 >
-  <span class='sp-dropdown-menu-check'>
+  <span class="sp-dropdown-menu-check">
     {#if checked}
-      <svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'>
-        <polyline points='20 6 9 17 4 12'></polyline>
+      <svg
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="3"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        aria-hidden="true"
+      >
+        <polyline points="20 6 9 17 4 12"></polyline>
       </svg>
     {/if}
   </span>
@@ -61,7 +68,11 @@
 
   .sp-dropdown-menu-item.checkbox:focus,
   .sp-dropdown-menu-item.checkbox:hover:not([data-disabled]) {
-    background-color: color-mix(in oklch, var(--sp-sys-color-on-surface) calc(var(--sp-sys-state-hover-opacity, 0.08) * 100%), transparent);
+    background-color: color-mix(
+      in oklch,
+      var(--sp-sys-color-on-surface) calc(var(--sp-sys-state-hover-opacity, 0.08) * 100%),
+      transparent
+    );
   }
 
   .sp-dropdown-menu-item.checkbox[data-disabled] {

package/dist/components/dropdown-menu/components/dropdown-menu-checkbox-item.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-checkbox-item.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dropdown-menu/components/dropdown-menu-checkbox-item.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAC;AAyCjE,QAAA,MAAM,wBAAwB,0EAAwC,CAAC;AACvE,KAAK,wBAAwB,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAC5E,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"dropdown-menu-checkbox-item.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dropdown-menu/components/dropdown-menu-checkbox-item.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAC;AAwCjE,QAAA,MAAM,wBAAwB,0EAAwC,CAAC;AACvE,KAAK,wBAAwB,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAC5E,eAAe,wBAAwB,CAAC"}

package/dist/components/dropdown-menu/components/dropdown-menu-content.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { DropdownMenuContentProps } from '../types.js'
   import { DismissibleLayerState } from '../../../internal/dismissible-layer/index.js'
   import { EscapeLayerState } from '../../../internal/escape-layer/index.js'
@@ -47,8 +47,7 @@
     element: null,
     onInteractOutside(event) {
       const target = event.target as Node | null
-      if (ctx.triggerEl && target && ctx.triggerEl.contains(target))
-        return
+      if (ctx.triggerEl && target && ctx.triggerEl.contains(target)) return
       ctx.close()
     },
   })
@@ -94,13 +93,11 @@
   })
 
   $effect(() => {
-    if (contentEl)
-      presence.setElement(contentEl)
+    if (contentEl) presence.setElement(contentEl)
   })
 
   function onkeydown(event: KeyboardEvent) {
-    if (!contentEl)
-      return
+    if (!contentEl) return
 
     const items = Array.from(
       contentEl.querySelectorAll<HTMLElement>('[data-roving-focus-item]:not([data-disabled])'),
@@ -131,11 +128,10 @@
         // Typeahead
         if (event.key.length === 1 && !event.ctrlKey && !event.metaKey) {
           const labels = items.map(
-            el => el.getAttribute('data-text-value') ?? el.textContent?.trim() ?? '',
+            (el) => el.getAttribute('data-text-value') ?? el.textContent?.trim() ?? '',
           )
           const match = typeahead.handleTypeahead(event.key, labels)
-          if (match >= 0)
-            items[match]?.focus()
+          if (match >= 0) items[match]?.focus()
         }
       }
     }
@@ -148,8 +144,8 @@
       bind:this={contentEl}
       class="sp-dropdown-menu-content {className ?? ''}"
       id={ctx.contentId}
-      role='menu'
-      aria-orientation='vertical'
+      role="menu"
+      aria-orientation="vertical"
       tabindex={-1}
       data-state={ctx.open ? 'open' : 'closed'}
       data-side={side}

package/dist/components/dropdown-menu/components/dropdown-menu-content.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-content.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dropdown-menu/components/dropdown-menu-content.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AAuK3D,QAAA,MAAM,mBAAmB,8DAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"dropdown-menu-content.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dropdown-menu/components/dropdown-menu-content.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AAmK3D,QAAA,MAAM,mBAAmB,8DAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}

package/dist/components/dropdown-menu/components/dropdown-menu-item.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { DropdownMenuItemProps } from '../types.js'
   import { getMenuContext } from '../../../internal/menu-context/index.js'
 
@@ -14,17 +14,15 @@
   const menuCtx = getMenuContext()
 
   function handleSelect(event: Event) {
-    if (disabled)
-      return
+    if (disabled) return
     onSelect?.(event)
-    if (closeOnSelect)
-      menuCtx.close()
+    if (closeOnSelect) menuCtx.close()
   }
 </script>
 
 <div
   class="sp-dropdown-menu-item {className ?? ''}"
-  role='menuitem'
+  role="menuitem"
   tabindex={-1}
   data-roving-focus-item
   data-text-value={textValue}

package/dist/components/dropdown-menu/components/dropdown-menu-item.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-item.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dropdown-menu/components/dropdown-menu-item.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAwCxD,QAAA,MAAM,gBAAgB,2DAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"dropdown-menu-item.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dropdown-menu/components/dropdown-menu-item.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAsCxD,QAAA,MAAM,gBAAgB,2DAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/components/dropdown-menu/components/dropdown-menu-label.svelte

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

package/dist/components/dropdown-menu/components/dropdown-menu-root.svelte

@@ -1,9 +1,14 @@
-<script lang='ts'>
+<script lang="ts">
   import type { DropdownMenuProps } from '../types.js'
   import { setMenuContext } from '../../../internal/menu-context/index.js'
   import { createDropdownMenuIds, setDropdownMenuContext } from '../dropdown-menu.svelte.js'
 
-  let { open = $bindable(false), onOpenChange, class: className, children }: DropdownMenuProps = $props()
+  let {
+    open = $bindable(false),
+    onOpenChange,
+    class: className,
+    children,
+  }: DropdownMenuProps = $props()
 
   const ids = createDropdownMenuIds()
   let triggerEl: HTMLElement | null = $state(null)

package/dist/components/dropdown-menu/components/dropdown-menu-root.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-root.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dropdown-menu/components/dropdown-menu-root.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAmDpD,QAAA,MAAM,gBAAgB,2DAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"dropdown-menu-root.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dropdown-menu/components/dropdown-menu-root.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAwDpD,QAAA,MAAM,gBAAgB,2DAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/components/dropdown-menu/components/dropdown-menu-separator.svelte

@@ -1,10 +1,10 @@
-<script lang='ts'>
+<script lang="ts">
   import type { DropdownMenuSeparatorProps } from '../types.js'
 
   const { class: className }: DropdownMenuSeparatorProps = $props()
 </script>
 
-<div class="sp-dropdown-menu-separator {className ?? ''}" role='separator'></div>
+<div class="sp-dropdown-menu-separator {className ?? ''}" role="separator"></div>
 
 <style>
   .sp-dropdown-menu-separator {

package/dist/components/dropdown-menu/components/dropdown-menu-sub-content.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { DropdownMenuSubContentProps } from '../types.js'
   import { isBrowser, kbd } from '../../../internal/helpers/index.js'
   import { getDropdownMenuSubContext } from '../dropdown-menu.svelte.js'
@@ -11,15 +11,12 @@
 
   // Position the sub-content next to the trigger using fixed positioning
   const posStyle = $derived.by(() => {
-    if (!sub.open || !sub.triggerEl || !isBrowser)
-      return ''
+    if (!sub.open || !sub.triggerEl || !isBrowser) return ''
     const rect = sub.triggerEl.getBoundingClientRect()
     const subWidth = 180
     const spaceRight = window.innerWidth - rect.right
     // Open to the right if space allows, otherwise to the left
-    const left = spaceRight >= subWidth
-      ? rect.right + 4
-      : rect.left - subWidth - 4
+    const left = spaceRight >= subWidth ? rect.right + 4 : rect.left - subWidth - 4
     return `position: fixed; left: ${left}px; top: ${rect.top - 4}px; z-index: 60;`
   })
 
@@ -36,8 +33,8 @@
   <div
     bind:this={contentEl}
     class="sp-dropdown-menu-sub-content {className ?? ''}"
-    role='menu'
-    tabindex='-1'
+    role="menu"
+    tabindex="-1"
     style={posStyle}
     onkeydown={onKeyDown}
   >

package/dist/components/dropdown-menu/components/dropdown-menu-sub-content.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-sub-content.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dropdown-menu/components/dropdown-menu-sub-content.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAA;AAgD9D,QAAA,MAAM,sBAAsB,iEAAwC,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"dropdown-menu-sub-content.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dropdown-menu/components/dropdown-menu-sub-content.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAA;AA6C9D,QAAA,MAAM,sBAAsB,iEAAwC,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}

package/dist/components/dropdown-menu/components/dropdown-menu-sub-trigger.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { DropdownMenuSubTriggerProps } from '../types.js'
   import { getDropdownMenuSubContext } from '../dropdown-menu.svelte.js'
 
@@ -10,13 +10,11 @@
   let hoverTimer: ReturnType<typeof setTimeout> | null = null
 
   $effect(() => {
-    if (el)
-      sub.setTriggerEl(el)
+    if (el) sub.setTriggerEl(el)
   })
 
   function onPointerEnter() {
-    if (disabled)
-      return
+    if (disabled) return
     hoverTimer = setTimeout(() => sub.openSub(), 150)
   }
 
@@ -28,8 +26,7 @@
   }
 
   function onKeyDown(e: KeyboardEvent) {
-    if (disabled)
-      return
+    if (disabled) return
     if (e.key === 'ArrowRight' || e.key === 'Enter' || e.key === ' ') {
       e.preventDefault()
       sub.openSub()
@@ -37,8 +34,7 @@
   }
 
   function onClick() {
-    if (disabled)
-      return
+    if (disabled) return
     sub.toggle()
   }
 </script>
@@ -46,8 +42,8 @@
 <div
   bind:this={el}
   class="sp-dropdown-menu-item sp-dropdown-sub-trigger {className ?? ''}"
-  role='menuitem'
-  aria-haspopup='menu'
+  role="menuitem"
+  aria-haspopup="menu"
   aria-expanded={sub.open}
   aria-disabled={disabled || undefined}
   data-disabled={disabled || undefined}
@@ -57,11 +53,20 @@
   onkeydown={onKeyDown}
   onclick={onClick}
 >
-  <span class='sp-dropdown-sub-trigger-label'>
+  <span class="sp-dropdown-sub-trigger-label">
     {#if children}{@render children()}{/if}
   </span>
-  <svg class='sp-dropdown-sub-arrow' 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
+    class="sp-dropdown-sub-arrow"
+    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>
 </div>
 

package/dist/components/dropdown-menu/components/dropdown-menu-sub-trigger.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-sub-trigger.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dropdown-menu/components/dropdown-menu-sub-trigger.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAA;AA6D9D,QAAA,MAAM,sBAAsB,iEAAwC,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"dropdown-menu-sub-trigger.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dropdown-menu/components/dropdown-menu-sub-trigger.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAA;AAyD9D,QAAA,MAAM,sBAAsB,iEAAwC,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}

package/dist/components/dropdown-menu/components/dropdown-menu-sub.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { DropdownMenuSubProps } from '../types.js'
   import { setDropdownMenuSubContext } from '../dropdown-menu.svelte.js'
 
@@ -8,12 +8,24 @@
   let triggerEl: HTMLElement | null = $state(null)
 
   setDropdownMenuSubContext({
-    get open() { return open },
-    get triggerEl() { return triggerEl },
-    toggle() { open = !open },
-    openSub() { open = true },
-    closeSub() { open = false },
-    setTriggerEl(el: HTMLElement) { triggerEl = el },
+    get open() {
+      return open
+    },
+    get triggerEl() {
+      return triggerEl
+    },
+    toggle() {
+      open = !open
+    },
+    openSub() {
+      open = true
+    },
+    closeSub() {
+      open = false
+    },
+    setTriggerEl(el: HTMLElement) {
+      triggerEl = el
+    },
   })
 </script>
 

package/dist/components/dropdown-menu/components/dropdown-menu-sub.svelte.d.ts.map

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

package/dist/components/dropdown-menu/components/dropdown-menu-trigger.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { DropdownMenuTriggerProps } from '../types.js'
   import { getDropdownMenuContext } from '../dropdown-menu.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-dropdown-menu-trigger {className ?? ''}"
-  type='button'
+  type="button"
   id={ctx.triggerId}
-  aria-haspopup='menu'
+  aria-haspopup="menu"
   aria-expanded={ctx.open}
   aria-controls={ctx.open ? ctx.contentId : undefined}
   {disabled}
@@ -26,8 +25,7 @@
   onkeydown={(e) => {
     if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
       e.preventDefault()
-      if (!ctx.open)
-        ctx.toggle()
+      if (!ctx.open) ctx.toggle()
     }
   }}
 >

package/dist/components/dropdown-menu/components/dropdown-menu-trigger.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-trigger.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dropdown-menu/components/dropdown-menu-trigger.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AA8B3D,QAAA,MAAM,mBAAmB,8DAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"dropdown-menu-trigger.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dropdown-menu/components/dropdown-menu-trigger.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AA4B3D,QAAA,MAAM,mBAAmB,8DAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}

package/dist/components/empty-state/empty-state.svelte

@@ -1,24 +1,24 @@
-<script lang='ts'>
+<script lang="ts">
   import type { EmptyStateProps } from './types.js'
 
   const { title, description, class: className, icon, action, children }: EmptyStateProps = $props()
 </script>
 
-<div class="sp-empty-state {className ?? ''}" role='status'>
+<div class="sp-empty-state {className ?? ''}" role="status">
   {#if icon}
-    <div class='sp-empty-state-icon'>{@render icon()}</div>
+    <div class="sp-empty-state-icon">{@render icon()}</div>
   {/if}
   {#if title}
-    <p class='sp-empty-state-title'>{title}</p>
+    <p class="sp-empty-state-title">{title}</p>
   {/if}
   {#if description}
-    <p class='sp-empty-state-description'>{description}</p>
+    <p class="sp-empty-state-description">{description}</p>
   {/if}
   {#if children}
     {@render children()}
   {/if}
   {#if action}
-    <div class='sp-empty-state-action'>{@render action()}</div>
+    <div class="sp-empty-state-action">{@render action()}</div>
   {/if}
 </div>
 

package/dist/components/fab/fab.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { FabProps } from './types.js'
 
   const {
@@ -16,7 +16,7 @@
 <button
   class="sp-fab {variant} {color} {size} {className ?? ''}"
   class:extended
-  type='button'
+  type="button"
   aria-label={label}
   {disabled}
   data-variant={variant}

package/dist/components/field/__tests__/FieldTest.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import * as Field from '../index.js'
 
   const {
@@ -16,7 +16,7 @@
 
 <Field.Root>
   <Field.Label for={id} {required}>Label text</Field.Label>
-  <input {id} type='text' data-testid='input' />
+  <input {id} type="text" data-testid="input" />
   {#if description}
     <Field.Description>{description}</Field.Description>
   {/if}

package/dist/components/field/field-description.svelte

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

package/dist/components/field/field-error.svelte

@@ -1,10 +1,10 @@
-<script lang='ts'>
+<script lang="ts">
   import type { FieldErrorProps } from './types.js'
 
   const { class: className, children }: FieldErrorProps = $props()
 </script>
 
-<p class="sp-field-error {className ?? ''}" role='alert'>
+<p class="sp-field-error {className ?? ''}" role="alert">
   {#if children}{@render children()}{/if}
 </p>
 

package/dist/components/field/field-group.svelte

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