@spectral_labs/ui 1.2.0 → 1.3.0

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>

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

@@ -1,10 +1,10 @@
-<script lang='ts'>
+<script lang="ts">
   import Toolbar from '../toolbar.svelte'
 </script>
 
-<Toolbar aria-label='Tabstop test'>
-  <button type='button' data-testid='first'>First</button>
+<Toolbar aria-label="Tabstop test">
+  <button type="button" data-testid="first">First</button>
   <!-- svelte-ignore a11y_no_noninteractive_tabindex -->
-  <div tabindex='0' data-testid='container'>Container</div>
-  <button type='button' data-testid='second'>Second</button>
+  <div tabindex="0" data-testid="container">Container</div>
+  <button type="button" data-testid="second">Second</button>
 </Toolbar>

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

@@ -1,22 +1,17 @@
-<script lang='ts'>
+<script lang="ts">
   import type { ToolbarGroupProps } from './types.js'
   import { getToolbarContext } from './toolbar.svelte.js'
 
   const ctx = getToolbarContext()
 
-  const {
-    orientation,
-    class: className,
-    children,
-    ...restProps
-  }: ToolbarGroupProps = $props()
+  const { orientation, class: className, children, ...restProps }: ToolbarGroupProps = $props()
 
   const resolvedOrientation = $derived(orientation ?? ctx?.orientation ?? 'horizontal')
 </script>
 
 <div
   class="sp-toolbar-group {className ?? ''}"
-  role='group'
+  role="group"
   data-orientation={resolvedOrientation}
   {...restProps}
 >

package/dist/components/toolbar/toolbar-group.svelte.d.ts.map

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

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

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { ToolbarSeparatorProps } from './types.js'
   import { getToolbarContext } from './toolbar.svelte.js'
 
@@ -12,8 +12,7 @@
   }: ToolbarSeparatorProps = $props()
 
   const resolvedOrientation = $derived.by(() => {
-    if (orientation)
-      return orientation
+    if (orientation) return orientation
     return ctx?.orientation === 'vertical' ? 'horizontal' : 'vertical'
   })
 </script>

package/dist/components/toolbar/toolbar-separator.svelte.d.ts.map

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

package/dist/components/toolbar/toolbar.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { ToolbarProps } from './types.js'
   import { getDirectionalKeys, kbd } from '../../internal/helpers/index.js'
   import { setToolbarContext } from './toolbar.svelte.js'
@@ -25,52 +25,46 @@
   ].join(', ')
 
   setToolbarContext({
-    get orientation() { return orientation },
+    get orientation() {
+      return orientation
+    },
   })
 
   function onkeydown(event: KeyboardEvent) {
     const { nextKey, prevKey } = getDirectionalKeys('ltr', orientation)
     if (
-      event.key !== nextKey
-      && event.key !== prevKey
-      && event.key !== kbd.HOME
-      && event.key !== kbd.END
+      event.key !== nextKey &&
+      event.key !== prevKey &&
+      event.key !== kbd.HOME &&
+      event.key !== kbd.END
     ) {
       return
     }
 
     const toolbar = event.currentTarget as HTMLElement
     const items = Array.from(toolbar.querySelectorAll<HTMLElement>(itemSelector))
-    if (items.length === 0)
-      return
+    if (items.length === 0) return
 
     const target = event.target as HTMLElement | null
     const current = target?.closest<HTMLElement>(itemSelector)
-    if (!current)
-      return
+    if (!current) return
 
     const idx = items.indexOf(current)
-    if (idx === -1)
-      return
+    if (idx === -1) return
 
     event.preventDefault()
 
     let next: number
     if (event.key === kbd.HOME) {
       next = 0
-    }
-    else if (event.key === kbd.END) {
+    } else if (event.key === kbd.END) {
       next = items.length - 1
-    }
-    else if (event.key === nextKey) {
+    } else if (event.key === nextKey) {
       next = idx + 1
-      if (next >= items.length)
-        next = loop ? 0 : items.length - 1
-    }
-    else {
+      if (next >= items.length) next = loop ? 0 : items.length - 1
+    } else {
       next = idx - 1
-      if (next < 0)
-        next = loop ? items.length - 1 : 0
+      if (next < 0) next = loop ? items.length - 1 : 0
     }
 
     items[next]?.focus()
@@ -79,7 +73,7 @@
 
 <div
   class="sp-toolbar {className ?? ''}"
-  role='toolbar'
+  role="toolbar"
   aria-orientation={orientation}
   tabindex={0}
   data-orientation={orientation}

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

@@ -1 +1 @@
-{"version":3,"file":"toolbar.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/toolbar/toolbar.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AA2F9C,QAAA,MAAM,OAAO,kDAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
+{"version":3,"file":"toolbar.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/toolbar/toolbar.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAqF9C,QAAA,MAAM,OAAO,kDAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}

package/dist/components/tooltip/__tests__/TooltipTest.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import TooltipContent from '../components/tooltip-content.svelte'
   import TooltipRoot from '../components/tooltip-root.svelte'
   import TooltipTrigger from '../components/tooltip-trigger.svelte'

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

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { TooltipContentProps } from '../types.js'
   import { DismissibleLayerState } from '../../../internal/dismissible-layer/index.js'
   import { EscapeLayerState } from '../../../internal/escape-layer/index.js'
@@ -22,14 +22,15 @@
   let contentEl: HTMLElement | undefined = $state()
 
   const presence = new PresenceLayerState({
-    get present() { return ctx.open },
+    get present() {
+      return ctx.open
+    },
   })
 
   const escapeLayer = new EscapeLayerState({
     enabled: true,
     onEscapeKeydown(event) {
-      if (!event.defaultPrevented)
-        ctx.hide()
+      if (!event.defaultPrevented) ctx.hide()
     },
   })
 
@@ -37,19 +38,23 @@
     enabled: true,
     element: null,
     onInteractOutside(event) {
-      if (!closeOnOutsideClick)
-        return
-      if (!event.defaultPrevented)
-        ctx.hide()
+      if (!closeOnOutsideClick) return
+      if (!event.defaultPrevented) ctx.hide()
     },
   })
 
   const floating = new FloatingLayerState({
     reference: null,
     floating: null,
-    get side() { return side },
-    get sideOffset() { return sideOffset },
-    get align() { return align },
+    get side() {
+      return side
+    },
+    get sideOffset() {
+      return sideOffset
+    },
+    get align() {
+      return align
+    },
     avoidCollisions: true,
   })
 
@@ -58,8 +63,7 @@
       floating.setElements(ctx.triggerEl, contentEl)
       floating.startAutoUpdate()
       escapeLayer.mount()
-      if (closeOnOutsideClick)
-        dismissLayer.mount()
+      if (closeOnOutsideClick) dismissLayer.mount()
     }
 
     return () => {
@@ -85,7 +89,7 @@
       bind:this={contentEl}
       class="sp-tooltip-content {className ?? ''}"
       id={ctx.contentId}
-      role='tooltip'
+      role="tooltip"
       data-state={ctx.open ? 'open' : 'closed'}
       data-side={side}
       onmouseenter={() => ctx.show()}
@@ -110,7 +114,8 @@
     white-space: nowrap;
     pointer-events: auto;
     box-shadow: var(--sp-sys-elevation-2);
-    transition: opacity var(--sp-sys-motion-duration-short3, 150ms) var(--sp-sys-motion-easing-effects, ease);
+    transition: opacity var(--sp-sys-motion-duration-short3, 150ms)
+      var(--sp-sys-motion-easing-effects, ease);
   }
 
   .sp-tooltip-content[data-state='closed'] {

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

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

package/dist/components/tooltip/components/tooltip-provider.svelte

@@ -1,11 +1,16 @@
-<script lang='ts'>
+<script lang="ts">
   import type { TooltipProviderProps } from '../types.js'
-  import { createTooltipProviderState, setTooltipProviderContext } from '../tooltip-provider.svelte.js'
+  import {
+    createTooltipProviderState,
+    setTooltipProviderContext,
+  } from '../tooltip-provider.svelte.js'
 
   const props: TooltipProviderProps = $props()
 
   const providerState = createTooltipProviderState({
-    get skipDelayDuration() { return props.skipDelayDuration ?? 300 },
+    get skipDelayDuration() {
+      return props.skipDelayDuration ?? 300
+    },
   })
   setTooltipProviderContext(providerState)
 </script>

package/dist/components/tooltip/components/tooltip-provider.svelte.d.ts.map

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

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

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { TooltipProps } from '../types.js'
   import { getTooltipProviderContext } from '../tooltip-provider.svelte.js'
   import { createTooltipIds, setTooltipContext } from '../tooltip.svelte.js'

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

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import type { TooltipTriggerProps } from '../types.js'
   import { GraceAreaState } from '../../../internal/grace-area/index.js'
   import { isBrowser } from '../../../internal/helpers/index.js'
@@ -10,9 +10,15 @@
   let el: HTMLElement | undefined = $state()
 
   const graceArea = new GraceAreaState({
-    get triggerElement() { return el ?? null },
-    get contentElement() { return ctx.contentEl },
-    get enabled() { return ctx.open },
+    get triggerElement() {
+      return el ?? null
+    },
+    get contentElement() {
+      return ctx.contentEl
+    },
+    get enabled() {
+      return ctx.open
+    },
   })
 
   let graceAreaListener: (() => void) | null = null
@@ -26,8 +32,7 @@
       cleanupGraceListener()
       const handler = (e: MouseEvent) => {
         const point = { x: e.clientX, y: e.clientY }
-        if (graceArea.isPointInGraceArea(point))
-          return
+        if (graceArea.isPointInGraceArea(point)) return
         // Pointer left the grace area without reaching content — close
         cleanupGraceListener()
         ctx.hide()
@@ -42,8 +47,7 @@
           ctx.hide()
         }
       }, 500)
-    }
-    else {
+    } else {
       ctx.hide()
     }
   }
@@ -57,21 +61,19 @@
   }
 
   $effect(() => {
-    if (el)
-      ctx.setTriggerEl(el)
+    if (el) ctx.setTriggerEl(el)
   })
 
   // Clean up grace listener when tooltip closes
   $effect(() => {
-    if (!ctx.open)
-      cleanupGraceListener()
+    if (!ctx.open) cleanupGraceListener()
   })
 </script>
 
 <span
   bind:this={el}
   class="sp-tooltip-trigger {className ?? ''}"
-  role='presentation'
+  role="presentation"
   aria-describedby={ctx.open ? ctx.contentId : undefined}
   onmouseenter={() => {
     cleanupGraceListener()

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

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

package/dist/components/tooltip/index.d.ts

@@ -2,5 +2,5 @@ export { default as Content } from './components/tooltip-content.svelte';
 export { default as Provider } from './components/tooltip-provider.svelte';
 export { default as Root } from './components/tooltip-root.svelte';
 export { default as Trigger } from './components/tooltip-trigger.svelte';
-export type { TooltipContentProps, TooltipProps, TooltipProviderProps, TooltipTriggerProps } from './types.js';
+export type { TooltipContentProps, TooltipProps, TooltipProviderProps, TooltipTriggerProps, } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,qCAAqC,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sCAAsC,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,kCAAkC,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,qCAAqC,CAAA;AACxE,YAAY,EAAE,mBAAmB,EAAE,YAAY,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,qCAAqC,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sCAAsC,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,kCAAkC,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,qCAAqC,CAAA;AACxE,YAAY,EACV,mBAAmB,EACnB,YAAY,EACZ,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,YAAY,CAAA"}

package/dist/components/tooltip/tooltip-provider.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip-provider.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tooltip/tooltip-provider.svelte.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,MAAM,WAAW,oBAAoB;IACnC,oEAAoE;IACpE,aAAa,EAAE,OAAO,CAAA;IACtB,sDAAsD;IACtD,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,sDAAsD;IACtD,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,wBAAgB,0BAA0B,CAAC,MAAM,GAAE,qBAA0B,GAAG,oBAAoB,CA6BnG;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAE3E;AAED,wBAAgB,yBAAyB,IAAI,oBAAoB,GAAG,SAAS,CAO5E"}
+{"version":3,"file":"tooltip-provider.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tooltip/tooltip-provider.svelte.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,MAAM,WAAW,oBAAoB;IACnC,oEAAoE;IACpE,aAAa,EAAE,OAAO,CAAA;IACtB,sDAAsD;IACtD,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,sDAAsD;IACtD,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,wBAAgB,0BAA0B,CACxC,MAAM,GAAE,qBAA0B,GACjC,oBAAoB,CA4BtB;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAE3E;AAED,wBAAgB,yBAAyB,IAAI,oBAAoB,GAAG,SAAS,CAM5E"}

package/dist/components/tree/__tests__/TreeLabelContentTest.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import * as Tree from '../index.js'
 </script>
 
@@ -8,14 +8,14 @@
   built-in plain-text label, so the test can assert that the snippet
   output reaches the DOM exactly where the `label` string used to.
 -->
-<Tree.Root selectionMode='single' aria-label='Label-content tree'>
-  <Tree.Item id='lib' hasChildren textValue='My Library'>
+<Tree.Root selectionMode="single" aria-label="Label-content tree">
+  <Tree.Item id="lib" hasChildren textValue="My Library">
     {#snippet labelContent()}
-      <svg data-testid='lib-icon' aria-hidden='true' width='16' height='16' viewBox='0 0 24 24'>
-        <path d='M3 21h18M5 21V7l7-4 7 4v14' />
+      <svg data-testid="lib-icon" aria-hidden="true" width="16" height="16" viewBox="0 0 24 24">
+        <path d="M3 21h18M5 21V7l7-4 7 4v14" />
       </svg>
-      <span data-testid='lib-label'>My Library</span>
+      <span data-testid="lib-label">My Library</span>
     {/snippet}
-    <Tree.Item id='col-1' label='Design' />
+    <Tree.Item id="col-1" label="Design" />
   </Tree.Item>
 </Tree.Root>

package/dist/components/tree/__tests__/TreeTest.svelte

@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
   import * as Tree from '../index.js'
 
   let {
@@ -14,11 +14,11 @@
   } = $props()
 </script>
 
-<Tree.Root bind:selectedKeys bind:expandedKeys {selectionMode} {disabled} aria-label='Test tree'>
-  <Tree.Item id='root-a' label='Folder A' hasChildren={true}>
-    <Tree.Item id='root-a-1' label='Item A1' />
-    <Tree.Item id='root-a-2' label='Item A2' />
+<Tree.Root bind:selectedKeys bind:expandedKeys {selectionMode} {disabled} aria-label="Test tree">
+  <Tree.Item id="root-a" label="Folder A" hasChildren={true}>
+    <Tree.Item id="root-a-1" label="Item A1" />
+    <Tree.Item id="root-a-2" label="Item A2" />
   </Tree.Item>
-  <Tree.Item id='root-b' label='Item B' />
-  <Tree.Item id='root-c' label='Item C (disabled)' disabled={true} />
+  <Tree.Item id="root-b" label="Item B" />
+  <Tree.Item id="root-c" label="Item C (disabled)" disabled={true} />
 </Tree.Root>