sveltekit-ui 1.1.52 → 1.1.54

package/dist/Components/YoutubeVideo/index.svelte

@@ -28,7 +28,7 @@
       <a href="https://youtu.be/{manager?.video_id}">https://youtu.be/{manager?.video_id}</a>
     </div>
   {/if}
-  <div class="video_container">
+  <div class="video_container" style="border-radius: {manager?.border_radius}rem;">
     <div class="video_inner_container">
       <iframe
         class:is_hidden={!!manager?.error_message}
@@ -48,7 +48,6 @@
     position: relative;
     width: 100%;
     overflow: hidden;
-    margin-top: 2rem;
   }
   .video_inner_container {
     position: relative;

package/dist/Components/YoutubeVideo/index.svelte.js

@@ -48,6 +48,9 @@ export function create_youtube_video_manager(config) {
     get theme() {
       return theme
     },
+    get border_radius() {
+      return config?.border_radius
+    },
     render_video,
     resize_video,
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sveltekit-ui",
-  "version": "1.1.52",
+  "version": "1.1.54",
   "description": "A SvelteKit UI component library for building modern web applications",
   "license": "MIT",
   "type": "module",
@@ -19,19 +19,19 @@
   "dependencies": {
     "context-filter-polyfill": "^0.3.23",
     "qr-code-styling": "^1.9.2",
-    "svelte": "^5.55.0"
+    "svelte": "^5.55.1"
   },
   "peerDependencies": {
     "@sveltejs/kit": "^2.22.2"
   },
   "devDependencies": {
     "@sveltejs/adapter-vercel": "^6.3.3",
-    "@sveltejs/kit": "^2.55.0",
+    "@sveltejs/kit": "^2.56.1",
     "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^7.0.0",
     "@vercel/analytics": "^2.0.1",
     "typescript": "^6.0.2",
-    "vite": "^8.0.2"
+    "vite": "^8.0.6"
   },
   "homepage": "https://www.sveltekit-ui.com",
   "keywords": [

package/src/lib/Components/YoutubeVideo/index.svelte

@@ -28,7 +28,7 @@
       <a href="https://youtu.be/{manager?.video_id}">https://youtu.be/{manager?.video_id}</a>
     </div>
   {/if}
-  <div class="video_container">
+  <div class="video_container" style="border-radius: {manager?.border_radius}rem;">
     <div class="video_inner_container">
       <iframe
         class:is_hidden={!!manager?.error_message}
@@ -48,7 +48,6 @@
     position: relative;
     width: 100%;
     overflow: hidden;
-    margin-top: 2rem;
   }
   .video_inner_container {
     position: relative;

package/src/lib/Components/YoutubeVideo/index.svelte.js

@@ -48,6 +48,9 @@ export function create_youtube_video_manager(config) {
     get theme() {
       return theme
     },
+    get border_radius() {
+      return config?.border_radius
+    },
     render_video,
     resize_video,
   }

package/src/routes/+layout.svelte

@@ -92,7 +92,7 @@
       text_align: "left",
       selected_type: () => (page.params.component === h?.key ? "selected" : null),
       on_click: () => layout_manager.goto_path(`/components/${h?.key}`),
-    })
+    }),
   )
 
   // let show_confetti_button_manager = create_button_manager({
@@ -200,8 +200,7 @@
     src:
       local(""),
       url("/fonts/ProximaVara.woff2") format("woff2 supports variations"),
-      url("/fonts/ProximaVara.woff2") format("woff2-variations"),
-      url("/fonts/ProximaVara.woff") format("woff-variations");
+      url("/fonts/ProximaVara.woff2") format("woff2-variations");
     font-weight: 100 900;
     font-stretch: 50% 100%;
     font-display: swap;

package/src/routes/+page.svelte

@@ -349,7 +349,7 @@ below are the docs for each component individually
 </script>
 
 <div class="container">
-  <div style="max-width: 700px;">
+  <div style="max-width: clamp(20rem, 100%, 100dvw);">
     <YoutubeVideo manager={youtube_video_manager} />
   </div>
   <Content manager={content_manager} />
@@ -365,7 +365,7 @@ below are the docs for each component individually
   .container {
     margin: auto;
     padding: 0 2rem 10rem 2rem;
-    max-width: 70rem;
+    max-width: clamp(20rem, 100%, 100dvw);
   }
   p {
     margin-top: 2rem;

package/.vercel/output/config.json

@@ -1,65 +0,0 @@
-{
-	"version": 3,
-	"routes": [
-		{
-			"src": ".*",
-			"continue": true,
-			"transforms": [
-				{
-					"type": "request.query",
-					"op": "delete",
-					"target": {
-						"key": "__pathname"
-					}
-				}
-			]
-		},
-		{
-			"src": "/_app/immutable/.+",
-			"headers": {
-				"cache-control": "public, immutable, max-age=31536000"
-			}
-		},
-		{
-			"handle": "filesystem"
-		},
-		{
-			"src": "/_app/immutable/.+",
-			"status": 404,
-			"continue": false
-		},
-		{
-			"src": "^/?(?:/__data.json)?$",
-			"dest": "/"
-		},
-		{
-			"src": "^/components/([^/]+?)/?(?:/__data.json)?$",
-			"dest": "/components/[component]"
-		},
-		{
-			"src": "^/sitemap\\.xml/?(?:/__data.json)?$",
-			"dest": "/sitemap.xml"
-		},
-		{
-			"src": "^/test2/?(?:/__data.json)?$",
-			"dest": "/test2"
-		},
-		{
-			"src": "^/test3/?(?:/__data.json)?$",
-			"dest": "/test3"
-		},
-		{
-			"src": "^/test/?(?:/__data.json)?$",
-			"dest": "/test"
-		},
-		{
-			"src": "^/trader/?(?:/__data.json)?$",
-			"dest": "/trader"
-		},
-		{
-			"src": "/.*",
-			"dest": "/![-]/catchall"
-		}
-	],
-	"overrides": {}
-}

package/.vercel/output/functions/![-]/catchall.func/.svelte-kit/output/server/chunks/Checkbox.js

@@ -1,284 +0,0 @@
-import { S as escape_html, c as stringify, i as derived, n as attr_style, t as attr_class, x as attr } from "./server.js";
-import { a as Icon, i as LoadingWheel, n as create_icon_manager, o as ErrorX, r as Button, t as create_button_manager } from "./index.svelte.js";
-import { _ as set_closurable_color, g as set_closurable, o as create_unique_id } from "./client2.js";
-//#region src/lib/Components/Checkbox/index.svelte.js
-function create_checkbox_manager(config) {
-	let id = create_unique_id(null, 20);
-	let type = derived(() => set_closurable(config?.type, "checkbox"));
-	let val_initial = null;
-	let val = null;
-	let val_bool = false;
-	let label = derived(() => set_closurable(config?.label, null));
-	let name = derived(() => set_closurable(config?.name, "checkbox"));
-	let on_val = derived(() => set_closurable(config?.on_val, true));
-	let off_val = derived(() => set_closurable(config?.off_val, false));
-	let color = derived(() => set_closurable_color(config?.color, "var(--primary-t)"));
-	let is_required = derived(() => set_closurable(config?.is_required, false));
-	let is_read_only = derived(() => set_closurable(config?.is_read_only, false));
-	let is_disabled = derived(() => set_closurable(config?.is_disabled, false));
-	let is_loading = derived(() => set_closurable(config?.is_loading, false));
-	let size = derived(() => set_closurable(config?.size, 2.4));
-	let ml = derived(() => set_closurable(config?.ml, 0));
-	let mr = derived(() => set_closurable(config?.mr, 0));
-	let mt = derived(() => set_closurable(config?.mt, 0));
-	let mb = derived(() => set_closurable(config?.mb, 0));
-	let is_nullable = derived(() => set_closurable(config?.is_nullable, false));
-	let error_message = derived(() => set_closurable(config?.error_message, null));
-	let toggle_null_button_manager = null;
-	let check_icon_manager = create_icon_manager({
-		icon_id: "check",
-		color: () => is_disabled() ? "var(--g17-t)" : "var(--primary-contrast-t)",
-		size: 1.6,
-		sw: 75
-	});
-	let moon_icon_manager = create_icon_manager({
-		icon_id: "moon",
-		size: 1.4,
-		color: "var(--g6-t)",
-		sw: 50
-	});
-	let sun_icon_manager = create_icon_manager({
-		icon_id: "sun",
-		size: 1.4,
-		color: "var(--g6-t)",
-		sw: 50
-	});
-	function set_val(val_input) {
-		const desired_val = val_input == on_val() ? on_val() : off_val();
-		if (is_nullable() && val_input == null) {
-			val = null;
-			val_bool = false;
-		} else if (val != desired_val) {
-			val = val_input;
-			val_bool = val_input == on_val();
-		}
-	}
-	function set_val_from_bool(val_bool_input, is_trigger_on_change = false) {
-		if (val_bool != !!val_bool_input) {
-			const desired_val = val_bool_input ? on_val() : off_val();
-			val = desired_val;
-			val_bool = !!val_bool_input;
-			if (is_trigger_on_change) {
-				if (config?.on_change) config?.on_change(desired_val);
-			}
-		}
-	}
-	function handle_on_hover_change(input) {
-		if (config?.on_hover_change) config?.on_hover_change(input);
-	}
-	function init(config) {
-		val_initial = set_closurable(config?.val) ?? null;
-		val = set_closurable(config?.val) ?? null;
-		val_bool = val == on_val();
-		if (error_message()) handle_error_trigger();
-		toggle_null_button_manager = create_button_manager({
-			type: "outlined",
-			font_size: 1.2,
-			min_height: 3,
-			is_no_wrap: true,
-			mr: .5,
-			text: () => val == null ? "Select Value" : "Set Null",
-			on_click: () => set_val(val == null ? true : null)
-		});
-	}
-	init(config);
-	return {
-		id,
-		get type() {
-			return type();
-		},
-		get val_initial() {
-			return val_initial;
-		},
-		get val() {
-			return val;
-		},
-		get val_bool() {
-			return val_bool;
-		},
-		get off_val() {
-			return off_val();
-		},
-		get on_val() {
-			return on_val();
-		},
-		get name() {
-			return name();
-		},
-		get label() {
-			return label();
-		},
-		get color() {
-			return color();
-		},
-		get is_required() {
-			return is_required();
-		},
-		get is_read_only() {
-			return is_read_only();
-		},
-		get is_disabled() {
-			return is_disabled();
-		},
-		get is_loading() {
-			return is_loading();
-		},
-		get error_message() {
-			return error_message();
-		},
-		get size() {
-			return size();
-		},
-		get ml() {
-			return ml();
-		},
-		get mr() {
-			return mr();
-		},
-		get mt() {
-			return mt();
-		},
-		get mb() {
-			return mb();
-		},
-		get check_icon_manager() {
-			return check_icon_manager;
-		},
-		get moon_icon_manager() {
-			return moon_icon_manager;
-		},
-		get sun_icon_manager() {
-			return sun_icon_manager;
-		},
-		get is_nullable() {
-			return is_nullable();
-		},
-		get toggle_null_button_manager() {
-			return toggle_null_button_manager;
-		},
-		set_val,
-		set_val_from_bool,
-		handle_on_hover_change
-	};
-}
-//#endregion
-//#region src/lib/Components/Checkbox/index.svelte
-function Checkbox($$renderer, $$props) {
-	$$renderer.component(($$renderer) => {
-		let { manager } = $$props;
-		$$renderer.push(`<div>`);
-		if (manager?.label || manager?.error_message) {
-			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<div style="display: inline-flex;">`);
-			if (manager?.label) {
-				$$renderer.push("<!--[0-->");
-				$$renderer.push(`<p class="label svelte-aesuwu">${escape_html(manager?.label)}:</p>`);
-			} else $$renderer.push("<!--[-1-->");
-			$$renderer.push(`<!--]--> `);
-			if (manager?.error_message) {
-				$$renderer.push("<!--[0-->");
-				$$renderer.push(`<p class="error_text svelte-aesuwu">${escape_html(manager?.error_message)}</p>`);
-			} else $$renderer.push("<!--[-1-->");
-			$$renderer.push(`<!--]--></div>`);
-		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--> <div class="container svelte-aesuwu"${attr_style(`--ml: ${stringify(manager?.ml)}rem; --mr: ${stringify(manager?.mr)}rem; --mt: ${stringify(manager?.mt)}rem; --mb: ${stringify(manager?.mb)}rem; --size:${stringify(manager?.size)}rem;`)}>`);
-		if (manager?.is_nullable) {
-			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<div style="min-width: 9rem;">`);
-			Button($$renderer, { manager: manager?.toggle_null_button_manager });
-			$$renderer.push(`<!----></div>`);
-		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--> `);
-		if (manager?.is_nullable == false || manager?.val != null) {
-			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<label${attr("for", manager?.id)}${attr_class("svelte-aesuwu", void 0, {
-				"checkbox_switch": manager?.type == "checkbox",
-				"toggle_switch": manager?.type == "toggle",
-				"dark_theme_switch": manager?.type == "dark_theme"
-			})}><input${attr("id", manager?.id)}${attr("name", manager?.name)}${attr("required", manager?.is_required, true)}${attr("readonly", manager?.is_read_only, true)}${attr_style(`min-height: ${stringify(manager?.size)}rem; min-width: ${stringify(manager?.size)}rem;`)} type="checkbox"${attr("disabled", manager?.is_disabled, true)}${attr("checked", manager?.val_bool, true)} tabindex="0"${attr_class("svelte-aesuwu", void 0, { "dark_theme_input": manager?.type == "dark_theme" })}/> `);
-			if (manager?.type == "checkbox") {
-				$$renderer.push("<!--[0-->");
-				$$renderer.push(`<span${attr_class("checkbox svelte-aesuwu", void 0, { "checkbox_is_disabled": manager?.is_disabled })}${attr_style(`--color: ${stringify(manager?.color)};`)}>`);
-				if (manager?.val_bool) {
-					$$renderer.push("<!--[0-->");
-					Icon($$renderer, { manager: manager?.check_icon_manager });
-				} else $$renderer.push("<!--[-1-->");
-				$$renderer.push(`<!--]--></span> `);
-				if (manager?.is_loading) {
-					$$renderer.push("<!--[0-->");
-					$$renderer.push(`<div class="checkbox_load svelte-aesuwu">`);
-					LoadingWheel($$renderer, {
-						color: manager?.val ? "var(--primary-contrast-t)" : "var(--g12-t)",
-						sw: .2
-					});
-					$$renderer.push(`<!----></div>`);
-				} else if (manager?.error_message) {
-					$$renderer.push("<!--[1-->");
-					$$renderer.push(`<div class="checkbox_icon svelte-aesuwu">`);
-					ErrorX($$renderer, {
-						color: manager?.val ? "var(--primary-contrast-t)" : "var(--g12-t)",
-						sw: 50
-					});
-					$$renderer.push(`<!----></div>`);
-				} else $$renderer.push("<!--[-1-->");
-				$$renderer.push(`<!--]-->`);
-			} else if (manager?.type == "toggle") {
-				$$renderer.push("<!--[1-->");
-				$$renderer.push(`<span${attr_class("toggle svelte-aesuwu", void 0, { "toggle_is_disabled": manager?.is_disabled })}${attr_style(`--color: ${stringify(manager?.color)}; --border_color: ${stringify(manager?.is_disabled ? "var(--g14-t)" : manager?.val_bool ? manager?.color : "var(--g11-t)")}`)}></span> `);
-				if (manager?.is_loading) {
-					$$renderer.push("<!--[0-->");
-					$$renderer.push(`<div class="toggle_load svelte-aesuwu"${attr_style(`--left: ${stringify(manager?.val_bool ? 1.8 : .4)}rem;`)}>`);
-					LoadingWheel($$renderer, {
-						color: "var(--g4)",
-						sw: .2
-					});
-					$$renderer.push(`<!----></div>`);
-				} else if (manager?.error_message) {
-					$$renderer.push("<!--[1-->");
-					$$renderer.push(`<div class="toggle_icon svelte-aesuwu"${attr_style(`--left: ${stringify(manager?.val_bool ? 1.6 : .2)}rem;`)}>`);
-					ErrorX($$renderer, {
-						color: "var(--g4)",
-						sw: 42
-					});
-					$$renderer.push(`<!----></div>`);
-				} else $$renderer.push("<!--[-1-->");
-				$$renderer.push(`<!--]-->`);
-			} else if (manager?.type == "dark_theme") {
-				$$renderer.push("<!--[2-->");
-				$$renderer.push(`<span${attr_class("dark_theme_toggle svelte-aesuwu", void 0, { "dark_theme_is_disabled": manager?.is_disabled })}${attr_style(`--color: ${stringify(manager?.color)};`)}></span> `);
-				if (manager?.is_loading) {
-					$$renderer.push("<!--[0-->");
-					$$renderer.push(`<div class="dark_theme_load svelte-aesuwu"${attr_style(`--left: ${stringify(manager?.val ? 1.8 : .4)}rem;`)}>`);
-					LoadingWheel($$renderer, {
-						color: "var(--g4)",
-						sw: .2
-					});
-					$$renderer.push(`<!----></div>`);
-				} else if (manager?.error_message) {
-					$$renderer.push("<!--[1-->");
-					$$renderer.push(`<div class="dark_theme_icon svelte-aesuwu"${attr_style(`--left: ${stringify(manager?.val ? 1.6 : .2)}rem;`)}>`);
-					ErrorX($$renderer, {
-						color: "var(--g4)",
-						sw: 42
-					});
-					$$renderer.push(`<!----></div>`);
-				} else if (manager?.val) {
-					$$renderer.push("<!--[2-->");
-					$$renderer.push(`<div class="dark_theme_icon2 svelte-aesuwu" style="--left: 1.5rem;">`);
-					Icon($$renderer, { manager: manager?.moon_icon_manager });
-					$$renderer.push(`<!----></div>`);
-				} else {
-					$$renderer.push("<!--[-1-->");
-					$$renderer.push(`<div class="dark_theme_icon2 svelte-aesuwu" style="--left: 0.5rem;">`);
-					Icon($$renderer, { manager: manager?.sun_icon_manager });
-					$$renderer.push(`<!----></div>`);
-				}
-				$$renderer.push(`<!--]-->`);
-			} else $$renderer.push("<!--[-1-->");
-			$$renderer.push(`<!--]--></label>`);
-		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--></div></div>`);
-	});
-}
-//#endregion
-export { create_checkbox_manager as n, Checkbox as t };