sveltekit-ui 1.1.83 → 1.1.84

package/CHANGELOG.md

@@ -9,6 +9,20 @@
 - 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sveltekit-ui",
-  "version": "1.1.83",
+  "version": "1.1.84",
   "description": "A SvelteKit UI component library for building modern web applications",
   "license": "MIT",
   "repository": {