@winkintel/bootstrap-svelte 1.0.3 → 1.0.5

package/README.md

@@ -174,7 +174,7 @@ Interactive components are implemented as Svelte components rather than requirin
 
 ## Status and feedback
 
-This package is published as `1.0.3`, but feedback from Svelte developers is still very welcome. Useful feedback includes:
+This package is published as `1.0.5`, but feedback from Svelte developers is still very welcome. Useful feedback includes:
 
 - Component API ergonomics
 - Svelte 5 idioms and runes compatibility

package/dist/Modal/modal-title.svelte

@@ -22,7 +22,6 @@ Title component for the Modal.Header.
 - `level` (number): Optional. Heading level (1-6) for the title element
 -->
 <script lang="ts">import { uniqueClsx } from '../common/css.js';
-import { onDestroy } from 'svelte';
 import { getOptionalModalRootState } from './modal.svelte.js';
 // Generate a unique ID for the modal title element, in case one is not provided...
 const uid = $props.id();
@@ -31,12 +30,13 @@ let elementType = $derived(`h${level}`);
 let classes = $derived(uniqueClsx('modal-title', classValues));
 const rootState = getOptionalModalRootState();
 $effect(() => {
-    if (id)
-        rootState?.registerTitleId(id);
-});
-onDestroy(() => {
-    if (id)
-        rootState?.unregisterTitleId(id);
+    const registeredId = id;
+    if (!registeredId)
+        return;
+    rootState?.registerTitleId(registeredId);
+    return () => {
+        rootState?.unregisterTitleId(registeredId);
+    };
 });
 </script>
 

package/dist/Modal/modal.svelte

@@ -221,7 +221,7 @@ const handleKeydown = (event) => {
 };
 </script>
 
-<svelte:window on:keydown={handleKeydown} />
+<svelte:window onkeydown={handleKeydown} />
 
 {#if rootState.isShown}
     <div

package/dist/common/css.d.ts

@@ -1,5 +1,5 @@
 import { type EasingFunction } from 'bezier-easing';
-import clsx from 'clsx';
+import type clsx from 'clsx';
 /**
  * This easing function will match the CSS `ease-in-out` easing function using a cubic Bezier curve defined by the points (0.25, 0.1, 0.25, 1).
  * @see https://developer.mozilla.org/en-US/docs/Web/CSS/easing-function#ease

package/dist/common/css.js

@@ -1,5 +1,50 @@
 import BezierEasing, {} from 'bezier-easing';
-import clsx from 'clsx';
+const whitespacePattern = /\s/;
+const classTokenPattern = /\S+/g;
+function appendClassTokens(result, value) {
+    const classValue = typeof value === 'string' ? value : String(value);
+    if (!classValue) {
+        return;
+    }
+    if (!whitespacePattern.test(classValue)) {
+        if (result.indexOf(classValue) === -1) {
+            result.push(classValue);
+        }
+        return;
+    }
+    const tokens = classValue.match(classTokenPattern);
+    if (!tokens) {
+        return;
+    }
+    for (let i = 0; i < tokens.length; i++) {
+        const token = tokens[i];
+        if (result.indexOf(token) === -1) {
+            result.push(token);
+        }
+    }
+}
+function appendClassValue(result, value) {
+    if (typeof value === 'string' || typeof value === 'number') {
+        appendClassTokens(result, value);
+        return;
+    }
+    if (!value || typeof value !== 'object') {
+        return;
+    }
+    if (Array.isArray(value)) {
+        for (let i = 0; i < value.length; i++) {
+            if (value[i]) {
+                appendClassValue(result, value[i]);
+            }
+        }
+        return;
+    }
+    for (const key in value) {
+        if (value[key]) {
+            appendClassTokens(result, key);
+        }
+    }
+}
 /**
  * This easing function will match the CSS `ease-in-out` easing function using a cubic Bezier curve defined by the points (0.25, 0.1, 0.25, 1).
  * @see https://developer.mozilla.org/en-US/docs/Web/CSS/easing-function#ease
@@ -42,20 +87,17 @@ export const cubicBezier = (x1, y1, x2, y2) => {
  * @returns A string containing unique class names.
  */
 export function uniqueClsx(...args) {
-    const classString = clsx(...args);
-    // Early return for empty strings
-    if (!classString) {
-        return '';
-    }
-    // Using a regex split will normalize whitespace and split simultaneously...
-    const classes = classString.split(/\s+/);
-    const seen = new Set();
     const result = [];
-    for (let i = 0; i < classes.length; i++) {
-        const cls = classes[i];
-        if (cls && !seen.has(cls)) {
-            seen.add(cls);
-            result.push(cls);
+    for (let i = 0; i < args.length; i++) {
+        const value = args[i];
+        if (!value) {
+            continue;
+        }
+        if (typeof value === 'string' || typeof value === 'number') {
+            appendClassTokens(result, value);
+        }
+        else {
+            appendClassValue(result, value);
         }
     }
     return result.join(' ');

package/package.json

@@ -1,7 +1,7 @@
 {
     "author": "Wink, Inc.",
     "name": "@winkintel/bootstrap-svelte",
-    "version": "1.0.3",
+    "version": "1.0.5",
     "description": "Bootstrap components for Svelte 5 with TypeScript support.",
     "license": "Apache-2.0",
     "repository": {
@@ -23,6 +23,7 @@
         "check-types:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
         "clean": "rimraf --glob --max-retries=10 --retry-delay=250 '{.svelte-kit,.turbo,.vercel,build,dist,node_modules,playwright-mcp,test-results}'",
         "dev": "vite dev --port 5176",
+        "doctor": "svelte-doctor check",
         "format": "prettier --write --ignore-path=.prettierignore $(git diff --name-only --diff-filter d --relative . && git ls-files --others --exclude-standard | sed \"s|^$(git rev-parse --show-prefix)||\")",
         "format-all": "prettier --write --ignore-path=.prettierignore ./src",
         "lint": "prettier --check ./src && eslint ./src",
@@ -88,6 +89,7 @@
         "sass": "1.77.6",
         "svelte": "~5.56.1",
         "svelte-check": "~4.5.0",
+        "svelte-doctor": "~0.3.1",
         "svelte-highlight": "~7.9.0",
         "svelte-preprocess": "~6.0.5",
         "typescript": "~6.0.3",