uisv 0.0.22 → 0.0.24

package/dist/utilities/useStyle.svelte.js

@@ -0,0 +1,21 @@
+import { extract } from 'runed';
+let uisv_usestyle_id = 0;
+/**
+ * Inject reactive style element in head.
+ * @param css string
+ */
+export function useStyle(css) {
+    const id = `uisv_styletag_${++uisv_usestyle_id}`;
+    let el = $state();
+    $effect(() => {
+        if (!el) {
+            el = (document.getElementById(id) || document.createElement('style'));
+            if (!el.isConnected) {
+                el.id = id;
+                document.head.appendChild(el);
+            }
+        }
+        el.textContent = extract(css);
+    });
+    return { id };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "uisv",
-	"version": "0.0.22",
+	"version": "0.0.24",
 	"description": "ui library for the rest of us",
 	"license": "MIT",
 	"repository": "ui-sv/uisv",
@@ -33,7 +33,6 @@
 		".": {
 			"types": "./dist/index.d.ts",
 			"svelte": "./dist/index.js",
-			"style": "./dist/runtime/index.css",
 			"default": "./dist/index.js"
 		},
 		"./vite": {
@@ -50,45 +49,52 @@
 			"types": "./dist/mode.d.ts",
 			"svelte": "./dist/mode.js",
 			"default": "./dist/mode.js"
+		},
+		"./contexts": {
+			"types": "./dist/contexts.d.ts",
+			"svelte": "./dist/contexts.js",
+			"default": "./dist/contexts.js"
 		}
 	},
 	"peerDependencies": {
 		"svelte": "^5.0.0"
 	},
 	"devDependencies": {
-		"@eslint/compat": "^2.0.5",
+		"@eslint/compat": "^2.1.0",
 		"@eslint/js": "^10.0.1",
-		"@iconify-json/lucide": "^1.2.105",
+		"@iconify-json/lucide": "^1.2.114",
+		"@iconify-json/simple-icons": "^1.2.86",
 		"@sveltejs/adapter-auto": "^7.0.1",
-		"@sveltejs/kit": "^2.59.1",
-		"@sveltejs/package": "^2.5.7",
-		"@sveltejs/vite-plugin-svelte": "^6.2.4",
-		"@types/node": "^25.6.1",
-		"@vitest/browser": "^4.1.5",
-		"eslint": "^10.3.0",
+		"@sveltejs/kit": "^2.66.0",
+		"@sveltejs/package": "^2.5.8",
+		"@sveltejs/vite-plugin-svelte": "^7.1.2",
+		"@types/node": "^25.9.4",
+		"@vitest/browser": "^4.1.9",
+		"eslint": "^10.5.0",
 		"eslint-config-prettier": "^10.1.8",
-		"eslint-plugin-svelte": "^3.17.1",
+		"eslint-plugin-svelte": "^3.19.0",
 		"globals": "^17.6.0",
-		"playwright": "^1.59.1",
-		"prettier": "^3.8.3",
-		"prettier-plugin-svelte": "^3.5.1",
-		"publint": "^0.3.19",
-		"svelte": "^5.55.5",
-		"svelte-check": "^4.4.8",
-		"typescript": "^5.9.3",
-		"typescript-eslint": "^8.59.2",
-		"vite": "^7.3.3",
-		"vitest": "^4.1.5",
+		"mdsvex": "^0.12.7",
+		"playwright": "^1.61.0",
+		"prettier": "^3.8.4",
+		"prettier-plugin-svelte": "^4.1.1",
+		"publint": "^0.3.21",
+		"shiki": "^4.2.0",
+		"svelte": "^5.56.3",
+		"svelte-check": "^4.6.0",
+		"typescript": "^6.0.3",
+		"typescript-eslint": "^8.61.1",
+		"vite": "^8.0.16",
+		"vitest": "^4.1.9",
 		"vitest-browser-svelte": "^2.1.1"
 	},
 	"dependencies": {
-		"@internationalized/date": "^3.12.1",
-		"@unocss/preset-web-fonts": "^66.6.8",
-		"@unocss/svelte-scoped": "^66.6.8",
+		"@internationalized/date": "^3.12.2",
+		"@unocss/preset-web-fonts": "^66.7.2",
 		"bits-ui": "^2.18.1",
 		"colortranslator": "^6.1.1",
 		"defu": "^6.1.7",
-		"devalue": "^5.8.0",
+		"devalue": "^5.8.1",
 		"maska": "^3.2.0",
 		"mlly": "^1.8.2",
 		"mode-watcher": "^1.1.0",
@@ -96,12 +102,16 @@
 		"scule": "^1.3.0",
 		"svelte-sonner": "^1.1.1",
 		"svelte-toolbelt": "^0.10.6",
+		"tailwind-merge": "^3.6.0",
 		"tailwind-variants": "^3.2.2",
 		"theme-colors": "^0.1.0",
-		"unocss": "^66.6.8"
+		"unocss": "^66.7.2"
 	},
 	"keywords": [
 		"svelte",
 		"ui"
-	]
+	],
+	"patchedDependencies": {
+		"svelte-sonner@1.1.1": "patches/svelte-sonner@1.1.1.patch"
+	}
 }

package/dist/utilities.svelte.d.ts

@@ -1,31 +0,0 @@
-import type { Component, Snippet } from 'svelte';
-import { type MaybeGetter, type ElementSizeOptions } from 'runed';
-/**
- * Checks if a value is a Svelte component
- * @param v - The value to check
- * @returns true if the value is a component, false otherwise
- */
-export declare function isComponent(v: unknown): v is Component;
-/**
- * Checks if a value is a Svelte snippet
- * @param v - The value to check
- * @returns true if the value is a snippet, false otherwise
- */
-export declare function isSnippet<T>(v: unknown): v is Snippet<[T]>;
-/**
- * Returns a reactive value holding the dom rect of `node`s.
- *
- * Accepts an `options` object with the following properties:
- * - `initialSize`: The initial size of the element. Defaults to `{ width: 0, height: 0 }`.
- * - `box`: The box model to use. Can be either `"content-box"` or `"border-box"`. Defaults to `"border-box"`.
- *
- * @returns an array of dom rects.
- */
-export declare function useElementRects(nodes: MaybeGetter<HTMLElement[]>, options?: ElementSizeOptions): DOMRect[];
-/**
- * Inject reactive style element in head.
- * @param css string
- */
-export declare function useStyle(css: MaybeGetter<string>): {
-    id: string;
-};