sveltekit-ui 1.1.82 → 1.1.84

package/CHANGELOG.md

@@ -4,9 +4,25 @@
 
 ### Component fixes
 
+- Preserve natural popover height in Safari by giving the scrolling content container a content-based flex basis, while retaining fixed-height and scrolling layouts.
+- Focus the image comparison slider before starting a drag so focus changes cannot cancel the new drag.
 - Preserve native button activation, including popover toggles and form submission, when an `on_click` callback starts an async loading state, while still blocking repeated actions until it settles.
 - Accept Apple's domain-restricted, non-expiring MapKit JS tokens while continuing to reject malformed and expired tokens.
 
+## 1.1.84 - 2026-09-20
+
+### Icons
+
+- Add `users`, `bell`, `ticket`, `credit_card`, `user_check`, `filter`, `repeat`, `receipt`, `globe`, `shield_check`, `list_clock`, `file_signature`, and `bot`.
+- Replace the three-dot menu and nine-dot drag grip with larger filled circles that follow the configured icon color and stroke width.
+- Expose the additions in the icon documentation, showcase, and default icon picker options.
+- Preserve existing icon geometry and runtime styling while importing optimized SVG artwork.
+
+### Maintenance
+
+- Run `ncu -u`; all dependencies already match the configured update targets, including TypeScript 6.
+- Limit test discovery to source and test directories so synced build artifacts do not stall verification.
+
 ## 1.1.75 - 2026-07-25
 
 ### Security and resilience

package/dist/Components/Icon/index.svelte

@@ -62,10 +62,15 @@
         d="M146.7 212.2h135M146.7 292.7h135M146.7 373.3h135M426.8 82.5V356a12 12 0 01-12 12h-71.5V156a12 12 0 00-12-12H168.7V82.5a12 12 0 0112-12h234.1a12 12 0 0112 12z"
       />
     {:else if manager?.icon_id === "drag_grip"}
-      <path d="M97 97h0M97 415h0M415 97h0M415 415h0" />
-      <path d="M256 97h0" />
-      <path d="M256 415h0M415 256h0M97 256h0" />
-      <path d="M256 256h0" />
+      <circle cx="97" cy="97" r={Number(manager?.sw) / 2 + 6} fill={manager?.color} stroke="none" />
+      <circle cx="256" cy="97" r={Number(manager?.sw) / 2 + 6} fill={manager?.color} stroke="none" />
+      <circle cx="415" cy="97" r={Number(manager?.sw) / 2 + 6} fill={manager?.color} stroke="none" />
+      <circle cx="97" cy="256" r={Number(manager?.sw) / 2 + 6} fill={manager?.color} stroke="none" />
+      <circle cx="256" cy="256" r={Number(manager?.sw) / 2 + 6} fill={manager?.color} stroke="none" />
+      <circle cx="415" cy="256" r={Number(manager?.sw) / 2 + 6} fill={manager?.color} stroke="none" />
+      <circle cx="97" cy="415" r={Number(manager?.sw) / 2 + 6} fill={manager?.color} stroke="none" />
+      <circle cx="256" cy="415" r={Number(manager?.sw) / 2 + 6} fill={manager?.color} stroke="none" />
+      <circle cx="415" cy="415" r={Number(manager?.sw) / 2 + 6} fill={manager?.color} stroke="none" />
     {:else if manager?.icon_id === "edit"}
       <path d="M390.4 251.4v129.1a40 40 0 01-40 40H133.6a40 40 0 01-40-40V164a40 40 0 0140-40h124.6" />
       <path
@@ -109,12 +114,9 @@
     {:else if manager?.icon_id === "x"}
       <path d="M75 437 437 75M75 75l362 362" />
     {:else if manager?.icon_id === "three_dots"}
-      <line x1="256" y1="96" x2="256" y2="96" /><line x1="256" y1="415" x2="256" y2="415" /><line
-        x1="256"
-        y1="256"
-        x2="256"
-        y2="256"
-      />
+      <circle cx="256" cy="96" r={Number(manager?.sw) / 2 + 6} fill={manager?.color} stroke="none" />
+      <circle cx="256" cy="256" r={Number(manager?.sw) / 2 + 6} fill={manager?.color} stroke="none" />
+      <circle cx="256" cy="415" r={Number(manager?.sw) / 2 + 6} fill={manager?.color} stroke="none" />
     {:else if manager?.icon_id === "clock"}
       <circle cx="256" cy="256" r="212.9" />
       <path d="M256 125v131l66.1 66.1" />
@@ -361,6 +363,52 @@
       <path
         d="M209 154.6v190.2c0 58.4 89.5 58.5 89.5 0V112.2c0-89.4-146-85.6-146 0V376c0 110.1 200.7 110.1 200.7 0V154.6"
       />
+    {:else if manager?.icon_id === "users"}
+      <circle cx="176" cy="150" r="60" />
+      <circle cx="360" cy="166" r="50" />
+      <path d="M76 420v-32c0-55.23 44.77-100 100-100s100 44.77 100 100v32" />
+      <path d="M352 290c46.39 0 84 37.61 84 84v46" />
+    {:else if manager?.icon_id === "bell"}
+      <path d="M256 80v28" />
+      <path d="M112 344h288l-32-48v-72c0-61.86-50.14-112-112-112s-112 50.14-112 112v72l-32 48Z" />
+      <path d="M220 416c8 10 21 16 36 16s28-6 36-16" />
+    {:else if manager?.icon_id === "ticket"}
+      <path d="M108 116h296a32 32 0 0 1 32 32v56a52 52 0 0 0 0 104v56a32 32 0 0 1-32 32H108a32 32 0 0 1-32-32v-56a52 52 0 0 0 0-104v-56a32 32 0 0 1 32-32Z" />
+      <path d="M316 180v32m0 88v32" />
+    {:else if manager?.icon_id === "credit_card"}
+      <rect width="360" height="280" x="76" y="116" rx="48" />
+      <path d="M76 212h360M140 316h72" />
+    {:else if manager?.icon_id === "user_check"}
+      <circle cx="184" cy="150" r="60" />
+      <path d="M80 420v-28c0-57 47-104 104-104 26 0 50 10 68 26" />
+      <path d="m300 378 44 44 92-108" />
+    {:else if manager?.icon_id === "filter"}
+      <path d="M76 108h360L296 276v120l-80 36V276L76 108Z" />
+    {:else if manager?.icon_id === "repeat"}
+      <path d="M104 240v-28c0-37.56 30.44-68 68-68h236m-64-64 64 64-64 64" />
+      <path d="M408 272v28c0 37.56-30.44 68-68 68H104m64-64-64 64 64 64" />
+    {:else if manager?.icon_id === "receipt"}
+      <path d="M116 436V112a36 36 0 0 1 36-36h208a36 36 0 0 1 36 36v324l-70-36-70 36-70-36-70 36Z" />
+      <path d="M184 168h144m-144 76h144m-144 76h88" />
+    {:else if manager?.icon_id === "globe"}
+      <circle cx="256" cy="256" r="184" />
+      <ellipse cx="256" cy="256" rx="76" ry="184" />
+      <path d="M72 256h368" />
+    {:else if manager?.icon_id === "shield_check"}
+      <path d="m256 80 144 56v100c0 90-56 160-144 196-88-36-144-106-144-196V136l144-56Z" />
+      <path d="m184 252 48 48 96-96" />
+    {:else if manager?.icon_id === "list_clock"}
+      <path d="M76 112h316M76 224h104M76 336h68" />
+      <circle cx="336" cy="328" r="112" />
+      <path d="M336 282v46l32 24" />
+    {:else if manager?.icon_id === "file_signature"}
+      <path d="M168 436h-28a36 36 0 0 1-36-36V112a36 36 0 0 1 36-36h96l96 96v24M236 76v96h96" />
+      <path d="M168 224h68m-68 80h32" />
+      <path d="m238 438 20-80 116-116a20 20 0 0 1 28 0l28 28a20 20 0 0 1 0 28L314 414l-76 24Z" />
+    {:else if manager?.icon_id === "bot"}
+      <rect width="280" height="236" x="116" y="184" rx="62" />
+      <circle cx="256" cy="100" r="28" />
+      <path d="M256 128v56M64 268v68m384-68v68m-232-58v40m80-40v40" />
     {/if}
   </svg>
 </div>

package/dist/Components/IconInput/index.svelte.js

@@ -64,6 +64,19 @@ export function create_icon_input_manager(config) {
     { key: "rotate", name: "Rotate" },
     { key: "refresh", name: "Refresh" },
     { key: "opposing_arrows", name: "Opposing Arrows" },
+    { key: "users", name: "Users" },
+    { key: "bell", name: "Bell" },
+    { key: "ticket", name: "Ticket" },
+    { key: "credit_card", name: "Credit Card" },
+    { key: "user_check", name: "User Check" },
+    { key: "filter", name: "Filter" },
+    { key: "repeat", name: "Repeat" },
+    { key: "receipt", name: "Receipt" },
+    { key: "globe", name: "Globe" },
+    { key: "shield_check", name: "Shield Check" },
+    { key: "list_clock", name: "List Clock" },
+    { key: "file_signature", name: "File Signature" },
+    { key: "bot", name: "Bot" },
   ]
 
   let icons_prepped = $state(null)

package/dist/Components/ImageSlider/index.svelte.js

@@ -79,9 +79,9 @@ export function create_image_slider_manager(config) {
     const container_rect = container_el?.getBoundingClientRect()
     if (!container_rect?.width) return
     if (type == "down") {
+      event.currentTarget?.focus?.({ preventScroll: true })
       is_dragging = true
       active_pointer_id = event.pointerId ?? null
-      event.currentTarget?.focus?.({ preventScroll: true })
     }
     event.preventDefault()
     touch_start_x = event.clientX

package/dist/Components/Popover/index.svelte

@@ -379,7 +379,7 @@
     display: flex;
     flex-direction: column;
     justify-content: space-between;
-    flex: 1;
+    flex: 1 1 auto;
     width: 100%;
     overflow: scroll;
   }

package/dist/client/mapkit.js

@@ -43,6 +43,25 @@ export function get_mapkit_api() {
   return Reflect.get(globalThis, "mapkit") ?? Reflect.get(globalThis.window ?? {}, "mapkit") ?? null
 }
 
+function mapkit_libraries_are_ready(mapkit_api) {
+  // The core SDK's unloaded constructor getters throw. Its library list is safe to read.
+  const loaded_libraries = mapkit_api?.loadedLibraries
+  if (Array.isArray(loaded_libraries)) {
+    const has_full_map = loaded_libraries.includes("full-map") ||
+      ["map", "annotations", "overlays", "user-location"].every((name) => loaded_libraries.includes(name))
+    return has_full_map && loaded_libraries.includes("services")
+  }
+
+  // The full SDK has no library list; inspect values without invoking property getters.
+  return ["Map", "Search", "PlaceLookup"].every((name) => {
+    for (let object = mapkit_api; object; object = Object.getPrototypeOf(object)) {
+      const descriptor = Object.getOwnPropertyDescriptor(object, name)
+      if (descriptor) return typeof descriptor.value === "function"
+    }
+    return false
+  })
+}
+
 export function load_mapkit_script(token) {
   const window_ref = globalThis.window
   const document_ref = globalThis.document
@@ -51,7 +70,7 @@ export function load_mapkit_script(token) {
   }
 
   const ready_api = get_mapkit_api()
-  if (ready_api) return Promise.resolve(ready_api)
+  if (mapkit_libraries_are_ready(ready_api)) return Promise.resolve(ready_api)
   if (shared_mapkit_load_promise) return shared_mapkit_load_promise
 
   const token_error = get_mapkit_token_error(token)
@@ -74,7 +93,7 @@ export function load_mapkit_script(token) {
 
     const finish_if_ready = () => {
       const mapkit_api = get_mapkit_api()
-      if (!mapkit_api) return false
+      if (!mapkit_libraries_are_ready(mapkit_api)) return false
       window_ref.init_map_kit_loaded = true
       cleanup()
       resolve(mapkit_api)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sveltekit-ui",
-  "version": "1.1.82",
+  "version": "1.1.84",
   "description": "A SvelteKit UI component library for building modern web applications",
   "license": "MIT",
   "repository": {
@@ -57,12 +57,12 @@
     "@sveltejs/package": "^2.5.8",
     "@sveltejs/vite-plugin-svelte": "^7.3.0",
     "@vercel/analytics": "^2.0.1",
-    "jsdom": "^30.0.1",
-    "svelte": "^5.57.0",
+    "jsdom": "^30.1.0",
+    "svelte": "^5.57.1",
     "svelte-check": "^4.7.6",
     "typescript": "^6.0.3",
-    "vite": "^8.2.2",
-    "vitest": "^5.0.0"
+    "vite": "^8.3.0",
+    "vitest": "^5.0.1"
   },
   "homepage": "https://www.sveltekit-ui.com",
   "keywords": [
@@ -79,7 +79,7 @@
     "access": "public"
   },
   "overrides": {
-    "brace-expansion": "^5.0.8",
+    "brace-expansion": "^5.0.12",
     "cookie": "^0.7.2",
     "tar": "^7.5.22"
   }