@marianmeres/stuic 3.0.0 → 3.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marianmeres/stuic",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "files": [
     "dist",
     "!dist/**/*.test.*",
@@ -26,31 +26,31 @@
     "@marianmeres/icons-fns": "^5.0.0",
     "@marianmeres/random-human-readable": "^1.6.1",
     "@sveltejs/adapter-auto": "^4.0.0",
-    "@sveltejs/kit": "^2.49.5",
+    "@sveltejs/kit": "^2.50.1",
     "@sveltejs/package": "^2.5.7",
-    "@sveltejs/vite-plugin-svelte": "^5.1.1",
+    "@sveltejs/vite-plugin-svelte": "^6.2.4",
     "@tailwindcss/cli": "^4.1.18",
     "@tailwindcss/forms": "^0.5.11",
     "@tailwindcss/typography": "^0.5.19",
     "@tailwindcss/vite": "^4.1.18",
-    "@types/node": "^25.0.9",
+    "@types/node": "^25.0.10",
     "dotenv": "^16.6.1",
     "eslint": "^9.39.2",
     "globals": "^16.5.0",
-    "prettier": "^3.8.0",
+    "prettier": "^3.8.1",
     "prettier-plugin-svelte": "^3.4.1",
-    "publint": "^0.3.16",
-    "svelte": "^5.46.4",
+    "publint": "^0.3.17",
+    "svelte": "^5.48.0",
     "svelte-check": "^4.3.5",
     "tailwindcss": "^4.1.18",
     "tsx": "^4.21.0",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.53.0",
-    "vite": "^6.4.1",
+    "typescript-eslint": "^8.53.1",
+    "vite": "^7.3.1",
     "vitest": "^3.2.4"
   },
   "dependencies": {
-    "@marianmeres/clog": "^3.15.0",
+    "@marianmeres/clog": "^3.15.1",
     "@marianmeres/item-collection": "^1.3.5",
     "@marianmeres/parse-boolean": "^2.0.5",
     "@marianmeres/ticker": "^1.16.5",
@@ -74,23 +74,6 @@
     "rp": "pnpm run build && ./release.sh patch",
     "rpm": "pnpm run build && ./release.sh minor",
     "build:theme": "tsx scripts/generate-theme.ts",
-    "build:theme:rainbow": "pnpm run build:theme --infile=src/lib/themes/rainbow.ts --outfile=src/lib/themes/rainbow.css",
-    "build:theme:neutral": "pnpm run build:theme --infile=src/lib/themes/neutral.ts --outfile=src/lib/themes/neutral.css",
-    "build:theme:gray": "pnpm run build:theme --infile=src/lib/themes/gray.ts --outfile=src/lib/themes/gray.css",
-    "build:theme:indigo-amber": "pnpm run build:theme --infile=src/lib/themes/indigo-amber.ts --outfile=src/lib/themes/indigo-amber.css",
-    "build:theme:teal-rose": "pnpm run build:theme --infile=src/lib/themes/teal-rose.ts --outfile=src/lib/themes/teal-rose.css",
-    "build:theme:violet-lime": "pnpm run build:theme --infile=src/lib/themes/violet-lime.ts --outfile=src/lib/themes/violet-lime.css",
-    "build:theme:blue-orange": "pnpm run build:theme --infile=src/lib/themes/blue-orange.ts --outfile=src/lib/themes/blue-orange.css",
-    "build:theme:emerald-pink": "pnpm run build:theme --infile=src/lib/themes/emerald-pink.ts --outfile=src/lib/themes/emerald-pink.css",
-    "build:theme:sky-amber": "pnpm run build:theme --infile=src/lib/themes/sky-amber.ts --outfile=src/lib/themes/sky-amber.css",
-    "build:theme:fuchsia-emerald": "pnpm run build:theme --infile=src/lib/themes/fuchsia-emerald.ts --outfile=src/lib/themes/fuchsia-emerald.css",
-    "build:theme:slate-cyan": "pnpm run build:theme --infile=src/lib/themes/slate-cyan.ts --outfile=src/lib/themes/slate-cyan.css",
-    "build:theme:purple-yellow": "pnpm run build:theme --infile=src/lib/themes/purple-yellow.ts --outfile=src/lib/themes/purple-yellow.css",
-    "build:theme:cyan-red": "pnpm run build:theme --infile=src/lib/themes/cyan-red.ts --outfile=src/lib/themes/cyan-red.css",
-    "build:theme:rose-teal": "pnpm run build:theme --infile=src/lib/themes/rose-teal.ts --outfile=src/lib/themes/rose-teal.css",
-    "build:theme:red-cyan": "pnpm run build:theme --infile=src/lib/themes/red-cyan.ts --outfile=src/lib/themes/red-cyan.css",
-    "build:theme:cyan-slate": "pnpm run build:theme --infile=src/lib/themes/cyan-slate.ts --outfile=src/lib/themes/cyan-slate.css",
-    "build:theme:pink-emerald": "pnpm run build:theme --infile=src/lib/themes/pink-emerald.ts --outfile=src/lib/themes/pink-emerald.css",
-    "build:theme:red-blue": "pnpm run build:theme --infile=src/lib/themes/red-blue.ts --outfile=src/lib/themes/red-blue.css"
+    "build:theme:all": "pnpm run build:theme --indir=src/lib/themes --outdir=src/lib/themes"
   }
 }

package/dist/components/Switch/SwitchButton.svelte

@@ -1,134 +0,0 @@
-<script lang="ts" module>
-	import type { Snippet } from "svelte";
-	import type { FormEventHandler, HTMLButtonAttributes } from "svelte/elements";
-
-	export interface Props extends Omit<HTMLButtonAttributes, "children"> {
-		button?: HTMLButtonElement;
-		checked?: boolean;
-		size?: "xs" | "sm" | "md" | "lg" | "xl" | string;
-		class?: string;
-		dotClass?: string;
-		label?: string;
-		disabled?: boolean;
-		tabindex?: number;
-		on?: Snippet;
-		off?: Snippet;
-		onclick?: (event: MouseEvent) => void;
-		onchange?: FormEventHandler<HTMLButtonElement> | null | undefined;
-		preHook?: (current: boolean) => Promise<false | any>;
-	}
-</script>
-
-<script lang="ts">
-	import { tick } from "svelte";
-	import { twMerge } from "../../utils/tw-merge.js";
-
-	import "./index.css";
-
-	let {
-		button = $bindable(),
-		size = "md",
-		class: classProp,
-		dotClass,
-		checked = $bindable(),
-		disabled,
-		tabindex = 0,
-		label,
-		on,
-		off,
-		onclick,
-		preHook,
-		...rest
-	}: Props = $props();
-
-	const _preset: any = {
-		size: {
-			xs: `h-4 w-7`,
-			sm: `h-5 w-9`,
-			md: `h-6 w-11`,
-			lg: `h-7 w-13`,
-			xl: `h-8 w-15`,
-		},
-		dot: {
-			size: {
-				xs: `size-2 data-[checked=true]:translate-x-4`,
-				sm: `size-3 data-[checked=true]:translate-x-5`,
-				md: `size-4 data-[checked=true]:translate-x-6`,
-				lg: `size-5 data-[checked=true]:translate-x-7`,
-				xl: `size-6 data-[checked=true]:translate-x-8`,
-			},
-		},
-	};
-</script>
-
-<!-- <div class="inline-block relative"> -->
-<button
-	bind:this={button}
-	class={twMerge(
-		"stuic-switch",
-		`m-2 
-			relative inline-flex flex-shrink-0 items-center
-			rounded-full cursor-pointer
-	
-			transition-colors duration-100
-	
-			hover:brightness-105 active:brightness-95
-			disabled:!cursor-not-allowed disabled:!opacity-50 disabled:hover:brightness-100
-	
-			bg-neutral-400 dark:bg-neutral-400
-
-			aria-[checked=true]:bg-(--stuic-switch-accent)
-
-			focus:outline-0
-			focus:ring-(--stuic-switch-accent)/20
-			focus:ring-4`,
-		size,
-		_preset.size[size],
-		classProp
-	)}
-	type="button"
-	role="switch"
-	aria-checked={checked}
-	value={`${!!checked}`}
-	{tabindex}
-	{disabled}
-	onclick={async (e) => {
-		if (typeof preHook === "function" && (await preHook(checked ?? false)) === false) {
-			return false;
-		}
-		checked = !checked;
-
-		await tick();
-
-		if (typeof onclick === "function") onclick(e);
-
-		button!.dispatchEvent(
-			new CustomEvent("change", { bubbles: true, cancelable: true, detail: checked })
-		);
-	}}
-	{...rest}
->
-	{#if label}<span class="sr-only">{@html label}</span>{/if}
-	<span
-		aria-hidden="true"
-		data-checked={checked}
-		class={twMerge(
-			"dot",
-			`flex items-center justify-center
-				translate-x-1 rounded-full  
-				transition-all duration-100
-				shadow
-				bg-neutral-50 dark:bg-neutral-50
-				text-neutral-950 dark:text-neutral-950`,
-			size,
-			_preset.dot.size[size],
-			dotClass
-		)}
-	>
-		{#if checked}
-			{@render on?.()}
-		{:else}
-			{@render off?.()}
-		{/if}
-	</span>
-</button>

package/dist/components/Switch/SwitchButton.svelte.d.ts

@@ -1,21 +0,0 @@
-import type { Snippet } from "svelte";
-import type { FormEventHandler, HTMLButtonAttributes } from "svelte/elements";
-export interface Props extends Omit<HTMLButtonAttributes, "children"> {
-    button?: HTMLButtonElement;
-    checked?: boolean;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | string;
-    class?: string;
-    dotClass?: string;
-    label?: string;
-    disabled?: boolean;
-    tabindex?: number;
-    on?: Snippet;
-    off?: Snippet;
-    onclick?: (event: MouseEvent) => void;
-    onchange?: FormEventHandler<HTMLButtonElement> | null | undefined;
-    preHook?: (current: boolean) => Promise<false | any>;
-}
-import "./index.css";
-declare const SwitchButton: import("svelte").Component<Props, {}, "button" | "checked">;
-type SwitchButton = ReturnType<typeof SwitchButton>;
-export default SwitchButton;