uisv 0.0.16 → 0.0.18

package/dist/components/icon.svelte

@@ -54,5 +54,5 @@
 	<div {...rest as SvelteHTMLElements['div']} class={[name, classname]}></div>
 {:else if isComponent(name)}
 	{@const Icon = name}
-	<Icon {...rest} />
+	<Icon {...rest} class={classname} />
 {/if}

package/dist/components/input.svelte

@@ -41,8 +41,8 @@
 		value?: string;
 		icon?: string | Component;
 		iconposition?: 'leading' | 'trailing';
-		leading?: string | Component;
-		trailing?: string | Component;
+		leading?: string | Component | Snippet;
+		trailing?: string | Component | Snippet;
 		loading?: boolean;
 		loadingicon?: string | Component;
 		mask?: string | MaskInputOptions;
@@ -259,11 +259,11 @@
 			{#if !!trailing}
 				{#if typeof trailing === 'string'}
 					{trailing}
-				{:else if isSnippet(trailing)}
-					{@render trailing()}
 				{:else if isComponent(trailing)}
 					{@const Trailing = trailing}
 					<Trailing />
+				{:else if isSnippet(trailing)}
+					{@render trailing()}
 				{/if}
 			{:else if typeof icon === 'string'}
 				<div

package/dist/components/input.svelte.d.ts

@@ -1,5 +1,5 @@
 import { type PropColor, type PropVariant } from '../index.js';
-import type { Component } from 'svelte';
+import type { Component, Snippet } from 'svelte';
 import type { SvelteHTMLElements } from 'svelte/elements';
 import type { ClassNameValue } from 'tailwind-merge';
 import { type MaskInputOptions } from 'maska';
@@ -37,8 +37,8 @@ export type InputProps = Omit<SvelteHTMLElements['input'], 'size'> & {
     value?: string;
     icon?: string | Component;
     iconposition?: 'leading' | 'trailing';
-    leading?: string | Component;
-    trailing?: string | Component;
+    leading?: string | Component | Snippet;
+    trailing?: string | Component | Snippet;
     loading?: boolean;
     loadingicon?: string | Component;
     mask?: string | MaskInputOptions;

package/dist/utilities.svelte.js

@@ -5,7 +5,7 @@ import { extract, useMutationObserver, useResizeObserver, } from 'runed';
  * @returns true if the value is a component, false otherwise
  */
 export function isComponent(v) {
-    return typeof v === 'function' || (typeof v === 'object' && v !== null && !('$$render' in v));
+    return typeof v === 'function' && 'render' in v;
 }
 /**
  * Checks if a value is a Svelte snippet
@@ -13,7 +13,7 @@ export function isComponent(v) {
  * @returns true if the value is a snippet, false otherwise
  */
 export function isSnippet(v) {
-    return typeof v === 'object' && v !== null && '$$render' in v;
+    return typeof v === 'function' && !('render' in v);
 }
 /**
  * Returns a reactive value holding the dom rect of `node`s.

package/dist/vite.js

@@ -106,17 +106,7 @@ export function uisv(options) {
                 presetWebFonts(_opts.fonts),
                 presetIcons(_opts.icons),
             ],
-            transformers: [
-                transformerVariantGroup(),
-                transformerCompileClass(),
-                transformerDirectives(),
-                {
-                    name: 'transformer-test',
-                    transform(code, id, ctx) {
-                        console.log(id);
-                    },
-                },
-            ],
+            transformers: [transformerVariantGroup(), transformerCompileClass(), transformerDirectives()],
             extendTheme: (theme) => {
                 if (!('colors' in theme) || typeof theme.colors !== 'object')
                     theme.colors = {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "uisv",
-	"version": "0.0.16",
+	"version": "0.0.18",
 	"description": "ui library for the rest of us",
 	"license": "MIT",
 	"repository": "ui-sv/uisv",