@iroco/ui 0.13.1 → 0.15.1

package/lib/index.mjs

@@ -503,19 +503,18 @@ function create_fragment$h(ctx) {
 	let current;
 	let mounted;
 	let dispose;
-	const default_slot_template = /*#slots*/ ctx[8].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[7], null);
+	const default_slot_template = /*#slots*/ ctx[7].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[6], null);
 
 	return {
 		c() {
 			button = element("button");
 			if (default_slot) default_slot.c();
-			attr(button, "id", /*id*/ ctx[6]);
-			attr(button, "class", button_class_value = "" + (null_to_empty(`iroco-ui-button iroco-ui-button--${/*size*/ ctx[4]} iroco-ui-button--${/*kind*/ ctx[3]}`) + " svelte-cdmkz4"));
+			attr(button, "id", /*id*/ ctx[5]);
+			attr(button, "class", button_class_value = "" + (null_to_empty(`iroco-ui-button iroco-ui-button--${/*size*/ ctx[4]} iroco-ui-button--${/*kind*/ ctx[3]}`) + " svelte-5qkkwb"));
 			attr(button, "type", /*type*/ ctx[1]);
 			button.disabled = /*disabled*/ ctx[2];
 			toggle_class(button, "disabled", /*disabled*/ ctx[2]);
-			toggle_class(button, "rounded", /*rounded*/ ctx[5]);
 		},
 		m(target, anchor) {
 			insert(target, button, anchor);
@@ -524,26 +523,26 @@ function create_fragment$h(ctx) {
 				default_slot.m(button, null);
 			}
 
-			/*button_binding*/ ctx[10](button);
+			/*button_binding*/ ctx[9](button);
 			current = true;
 
 			if (!mounted) {
-				dispose = listen(button, "click", /*click_handler*/ ctx[9]);
+				dispose = listen(button, "click", /*click_handler*/ ctx[8]);
 				mounted = true;
 			}
 		},
 		p(ctx, [dirty]) {
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 128)) {
-					update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[7], dirty, null, null);
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 64)) {
+					update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[6], dirty, null, null);
 				}
 			}
 
-			if (!current || dirty & /*id*/ 64) {
-				attr(button, "id", /*id*/ ctx[6]);
+			if (!current || dirty & /*id*/ 32) {
+				attr(button, "id", /*id*/ ctx[5]);
 			}
 
-			if (!current || dirty & /*size, kind*/ 24 && button_class_value !== (button_class_value = "" + (null_to_empty(`iroco-ui-button iroco-ui-button--${/*size*/ ctx[4]} iroco-ui-button--${/*kind*/ ctx[3]}`) + " svelte-cdmkz4"))) {
+			if (!current || dirty & /*size, kind*/ 24 && button_class_value !== (button_class_value = "" + (null_to_empty(`iroco-ui-button iroco-ui-button--${/*size*/ ctx[4]} iroco-ui-button--${/*kind*/ ctx[3]}`) + " svelte-5qkkwb"))) {
 				attr(button, "class", button_class_value);
 			}
 
@@ -558,10 +557,6 @@ function create_fragment$h(ctx) {
 			if (dirty & /*size, kind, disabled*/ 28) {
 				toggle_class(button, "disabled", /*disabled*/ ctx[2]);
 			}
-
-			if (dirty & /*size, kind, rounded*/ 56) {
-				toggle_class(button, "rounded", /*rounded*/ ctx[5]);
-			}
 		},
 		i(local) {
 			if (current) return;
@@ -575,7 +570,7 @@ function create_fragment$h(ctx) {
 		d(detaching) {
 			if (detaching) detach(button);
 			if (default_slot) default_slot.d(detaching);
-			/*button_binding*/ ctx[10](null);
+			/*button_binding*/ ctx[9](null);
 			mounted = false;
 			dispose();
 		}
@@ -588,7 +583,6 @@ function instance$g($$self, $$props, $$invalidate) {
 	let { disabled = false } = $$props;
 	let { kind = "basic" } = $$props;
 	let { size = "regular" } = $$props;
-	let { rounded = false } = $$props;
 	let { id } = $$props;
 	let { node } = $$props;
 
@@ -608,10 +602,9 @@ function instance$g($$self, $$props, $$invalidate) {
 		if ("disabled" in $$props) $$invalidate(2, disabled = $$props.disabled);
 		if ("kind" in $$props) $$invalidate(3, kind = $$props.kind);
 		if ("size" in $$props) $$invalidate(4, size = $$props.size);
-		if ("rounded" in $$props) $$invalidate(5, rounded = $$props.rounded);
-		if ("id" in $$props) $$invalidate(6, id = $$props.id);
+		if ("id" in $$props) $$invalidate(5, id = $$props.id);
 		if ("node" in $$props) $$invalidate(0, node = $$props.node);
-		if ("$$scope" in $$props) $$invalidate(7, $$scope = $$props.$$scope);
+		if ("$$scope" in $$props) $$invalidate(6, $$scope = $$props.$$scope);
 	};
 
 	return [
@@ -620,7 +613,6 @@ function instance$g($$self, $$props, $$invalidate) {
 		disabled,
 		kind,
 		size,
-		rounded,
 		id,
 		$$scope,
 		slots,
@@ -638,8 +630,7 @@ class Button extends SvelteComponent {
 			disabled: 2,
 			kind: 3,
 			size: 4,
-			rounded: 5,
-			id: 6,
+			id: 5,
 			node: 0
 		});
 	}
@@ -655,7 +646,7 @@ function create_if_block_2(ctx) {
 		c() {
 			label_1 = element("label");
 			t = text(/*label*/ ctx[2]);
-			attr(label_1, "class", "iroco-ui-label svelte-11iawkb");
+			attr(label_1, "class", "iroco-ui-label svelte-1y0402x");
 			attr(label_1, "for", /*id*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -692,7 +683,7 @@ function create_if_block$4(ctx) {
 			p = element("p");
 			if_block.c();
 			attr(p, "data-testid", "error");
-			attr(p, "class", "error svelte-11iawkb");
+			attr(p, "class", "error svelte-1y0402x");
 		},
 		m(target, anchor) {
 			insert(target, p, anchor);
@@ -786,11 +777,11 @@ function create_fragment$g(ctx) {
 			attr(input, "type", "text");
 			attr(input, "placeholder", /*placeholder*/ ctx[3]);
 			input.readOnly = /*readonly*/ ctx[8];
-			attr(input, "class", "svelte-11iawkb");
+			attr(input, "class", "svelte-1y0402x");
 			toggle_class(input, "border", /*border*/ ctx[9]);
 			toggle_class(input, "error", /*error*/ ctx[4] !== null);
 			toggle_class(input, "readonlyInput", /*readonly*/ ctx[8] == true);
-			attr(div, "class", "iroco-ui-input svelte-11iawkb");
+			attr(div, "class", "iroco-ui-input svelte-1y0402x");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -4185,27 +4176,28 @@ class IconClose extends SvelteComponent {
 	}
 }
 
-/* src/SideBar.svelte generated by Svelte v3.38.2 */
+/* src/NavBar.svelte generated by Svelte v3.38.2 */
 
 function get_each_context$1(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[6] = list[i];
+	child_ctx[7] = list[i];
 	return child_ctx;
 }
 
-// (23:2) {#each navigationItems as item}
+// (24:2) {#each navigationItems as item}
 function create_each_block$1(ctx) {
 	let li;
 	let a;
-	let t0_value = /*item*/ ctx[6].name + "";
+	let t0_value = /*item*/ ctx[7].name + "";
 	let t0;
 	let a_href_value;
 	let t1;
+	let li_class_value;
 	let mounted;
 	let dispose;
 
 	function click_handler_1() {
-		return /*click_handler_1*/ ctx[4](/*item*/ ctx[6]);
+		return /*click_handler_1*/ ctx[5](/*item*/ ctx[7]);
 	}
 
 	return {
@@ -4215,13 +4207,13 @@ function create_each_block$1(ctx) {
 			t0 = text(t0_value);
 			t1 = space();
 
-			attr(a, "href", a_href_value = typeof /*item*/ ctx[6].hrefOrCallback === "string"
-			? /*item*/ ctx[6].hrefOrCallback
+			attr(a, "href", a_href_value = typeof /*item*/ ctx[7].hrefOrCallback === "string"
+			? /*item*/ ctx[7].hrefOrCallback
 			: "#");
 
-			attr(a, "class", "svelte-12quws1");
-			attr(li, "class", "account__sidebar__item svelte-12quws1");
-			toggle_class(li, "active", /*active*/ ctx[1] === /*item*/ ctx[6].name);
+			attr(a, "class", "svelte-1c8sozl");
+			attr(li, "class", li_class_value = "nav__" + /*type*/ ctx[1] + "__item" + " svelte-1c8sozl");
+			toggle_class(li, "active", /*active*/ ctx[2] === /*item*/ ctx[7].name);
 		},
 		m(target, anchor) {
 			insert(target, li, anchor);
@@ -4236,16 +4228,20 @@ function create_each_block$1(ctx) {
 		},
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
-			if (dirty & /*navigationItems*/ 1 && t0_value !== (t0_value = /*item*/ ctx[6].name + "")) set_data(t0, t0_value);
+			if (dirty & /*navigationItems*/ 1 && t0_value !== (t0_value = /*item*/ ctx[7].name + "")) set_data(t0, t0_value);
 
-			if (dirty & /*navigationItems*/ 1 && a_href_value !== (a_href_value = typeof /*item*/ ctx[6].hrefOrCallback === "string"
-			? /*item*/ ctx[6].hrefOrCallback
+			if (dirty & /*navigationItems*/ 1 && a_href_value !== (a_href_value = typeof /*item*/ ctx[7].hrefOrCallback === "string"
+			? /*item*/ ctx[7].hrefOrCallback
 			: "#")) {
 				attr(a, "href", a_href_value);
 			}
 
-			if (dirty & /*active, navigationItems*/ 3) {
-				toggle_class(li, "active", /*active*/ ctx[1] === /*item*/ ctx[6].name);
+			if (dirty & /*type*/ 2 && li_class_value !== (li_class_value = "nav__" + /*type*/ ctx[1] + "__item" + " svelte-1c8sozl")) {
+				attr(li, "class", li_class_value);
+			}
+
+			if (dirty & /*type, active, navigationItems*/ 7) {
+				toggle_class(li, "active", /*active*/ ctx[2] === /*item*/ ctx[7].name);
 			}
 		},
 		d(detaching) {
@@ -4260,8 +4256,11 @@ function create_fragment$7(ctx) {
 	let nav;
 	let button;
 	let iconclose;
+	let button_class_value;
 	let t;
 	let ul;
+	let ul_class_value;
+	let nav_class_value;
 	let current;
 	let mounted;
 	let dispose;
@@ -4285,10 +4284,10 @@ function create_fragment$7(ctx) {
 				each_blocks[i].c();
 			}
 
-			attr(button, "class", "account__sidebar__close svelte-12quws1");
-			attr(ul, "class", "account__sidebar__item_container svelte-12quws1");
-			attr(nav, "data-testid", "sidebar");
-			attr(nav, "class", "account__sidebar svelte-12quws1");
+			attr(button, "class", button_class_value = "nav__" + /*type*/ ctx[1] + "__close" + " svelte-1c8sozl");
+			attr(ul, "class", ul_class_value = "nav__" + /*type*/ ctx[1] + "__item-container" + " svelte-1c8sozl");
+			attr(nav, "data-testid", /*type*/ ctx[1]);
+			attr(nav, "class", nav_class_value = "nav__" + /*type*/ ctx[1] + " svelte-1c8sozl");
 		},
 		m(target, anchor) {
 			insert(target, nav, anchor);
@@ -4304,12 +4303,16 @@ function create_fragment$7(ctx) {
 			current = true;
 
 			if (!mounted) {
-				dispose = listen(button, "click", /*click_handler*/ ctx[3]);
+				dispose = listen(button, "click", /*click_handler*/ ctx[4]);
 				mounted = true;
 			}
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*active, navigationItems, handleClickLink*/ 7) {
+			if (!current || dirty & /*type*/ 2 && button_class_value !== (button_class_value = "nav__" + /*type*/ ctx[1] + "__close" + " svelte-1c8sozl")) {
+				attr(button, "class", button_class_value);
+			}
+
+			if (dirty & /*type, active, navigationItems, handleClickLink*/ 15) {
 				each_value = /*navigationItems*/ ctx[0];
 				let i;
 
@@ -4331,6 +4334,18 @@ function create_fragment$7(ctx) {
 
 				each_blocks.length = each_value.length;
 			}
+
+			if (!current || dirty & /*type*/ 2 && ul_class_value !== (ul_class_value = "nav__" + /*type*/ ctx[1] + "__item-container" + " svelte-1c8sozl")) {
+				attr(ul, "class", ul_class_value);
+			}
+
+			if (!current || dirty & /*type*/ 2) {
+				attr(nav, "data-testid", /*type*/ ctx[1]);
+			}
+
+			if (!current || dirty & /*type*/ 2 && nav_class_value !== (nav_class_value = "nav__" + /*type*/ ctx[1] + " svelte-1c8sozl")) {
+				attr(nav, "class", nav_class_value);
+			}
 		},
 		i(local) {
 			if (current) return;
@@ -4354,11 +4369,12 @@ function create_fragment$7(ctx) {
 function instance$7($$self, $$props, $$invalidate) {
 	
 	let { navigationItems } = $$props;
+	let { type } = $$props;
 	let active;
 	const dispatch = createEventDispatcher();
 
 	const handleClickLink = menuItem => {
-		$$invalidate(1, active = menuItem.name);
+		$$invalidate(2, active = menuItem.name);
 
 		if (typeof menuItem.hrefOrCallback === "function") {
 			menuItem.hrefOrCallback();
@@ -4376,15 +4392,16 @@ function instance$7($$self, $$props, $$invalidate) {
 
 	$$self.$$set = $$props => {
 		if ("navigationItems" in $$props) $$invalidate(0, navigationItems = $$props.navigationItems);
+		if ("type" in $$props) $$invalidate(1, type = $$props.type);
 	};
 
-	return [navigationItems, active, handleClickLink, click_handler, click_handler_1];
+	return [navigationItems, type, active, handleClickLink, click_handler, click_handler_1];
 }
 
-class SideBar extends SvelteComponent {
+class NavBar extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$7, create_fragment$7, safe_not_equal, { navigationItems: 0 });
+		init(this, options, instance$7, create_fragment$7, safe_not_equal, { navigationItems: 0, type: 1 });
 	}
 }
 
@@ -4452,42 +4469,44 @@ class IconBurger extends SvelteComponent {
 /* src/Navigation.svelte generated by Svelte v3.38.2 */
 
 function create_if_block$1(ctx) {
-	let sidebar;
+	let navbar;
 	let current;
 
-	sidebar = new SideBar({
+	navbar = new NavBar({
 			props: {
+				type: /*type*/ ctx[1],
 				navigationItems: /*navigationItems*/ ctx[0]
 			}
 		});
 
-	sidebar.$on("click_link", /*click_link_handler*/ ctx[4]);
-	sidebar.$on("click", /*click_handler_1*/ ctx[5]);
+	navbar.$on("click_link", /*click_link_handler*/ ctx[5]);
+	navbar.$on("click", /*click_handler_1*/ ctx[6]);
 
 	return {
 		c() {
-			create_component(sidebar.$$.fragment);
+			create_component(navbar.$$.fragment);
 		},
 		m(target, anchor) {
-			mount_component(sidebar, target, anchor);
+			mount_component(navbar, target, anchor);
 			current = true;
 		},
 		p(ctx, dirty) {
-			const sidebar_changes = {};
-			if (dirty & /*navigationItems*/ 1) sidebar_changes.navigationItems = /*navigationItems*/ ctx[0];
-			sidebar.$set(sidebar_changes);
+			const navbar_changes = {};
+			if (dirty & /*type*/ 2) navbar_changes.type = /*type*/ ctx[1];
+			if (dirty & /*navigationItems*/ 1) navbar_changes.navigationItems = /*navigationItems*/ ctx[0];
+			navbar.$set(navbar_changes);
 		},
 		i(local) {
 			if (current) return;
-			transition_in(sidebar.$$.fragment, local);
+			transition_in(navbar.$$.fragment, local);
 			current = true;
 		},
 		o(local) {
-			transition_out(sidebar.$$.fragment, local);
+			transition_out(navbar.$$.fragment, local);
 			current = false;
 		},
 		d(detaching) {
-			destroy_component(sidebar, detaching);
+			destroy_component(navbar, detaching);
 		}
 	};
 }
@@ -4511,18 +4530,19 @@ function create_fragment$5(ctx) {
 	let h11;
 	let t6;
 	let t7;
-	let sidebar;
+	let navbar;
 	let current;
 	let mounted;
 	let dispose;
 	iconirocologo0 = new IconIrocoLogo({ props: { width: "3em", height: "3em" } });
 	iconburger = new IconBurger({ props: { width: "3em", height: "3em" } });
-	let if_block = /*showMenu*/ ctx[2] && create_if_block$1(ctx);
+	let if_block = /*showMenu*/ ctx[3] && create_if_block$1(ctx);
 	iconirocologo1 = new IconIrocoLogo({ props: { width: "3em", height: "3em" } });
 
-	sidebar = new SideBar({
+	navbar = new NavBar({
 			props: {
-				navigationItems: /*navigationItems*/ ctx[0]
+				navigationItems: /*navigationItems*/ ctx[0],
+				type: /*type*/ ctx[1]
 			}
 		});
 
@@ -4533,7 +4553,7 @@ function create_fragment$5(ctx) {
 			create_component(iconirocologo0.$$.fragment);
 			t0 = space();
 			h10 = element("h1");
-			t1 = text(/*title*/ ctx[1]);
+			t1 = text(/*title*/ ctx[2]);
 			t2 = space();
 			button = element("button");
 			create_component(iconburger.$$.fragment);
@@ -4545,16 +4565,16 @@ function create_fragment$5(ctx) {
 			create_component(iconirocologo1.$$.fragment);
 			t5 = space();
 			h11 = element("h1");
-			t6 = text(/*title*/ ctx[1]);
+			t6 = text(/*title*/ ctx[2]);
 			t7 = space();
-			create_component(sidebar.$$.fragment);
-			attr(h10, "class", "svelte-1uu9ytm");
-			attr(div0, "class", "account__navigation--mobile__title-container svelte-1uu9ytm");
-			attr(button, "class", "account__navigation--mobile__button svelte-1uu9ytm");
-			attr(div1, "class", "account__navigation--mobile svelte-1uu9ytm");
-			attr(h11, "class", "svelte-1uu9ytm");
-			attr(div2, "class", "account__navigation__title-container svelte-1uu9ytm");
-			attr(div3, "class", "account__navigation svelte-1uu9ytm");
+			create_component(navbar.$$.fragment);
+			attr(h10, "class", "svelte-lqwgm1");
+			attr(div0, "class", "navigation--mobile__title-container svelte-lqwgm1");
+			attr(button, "class", "navigation--mobile__button svelte-lqwgm1");
+			attr(div1, "class", "navigation--mobile svelte-lqwgm1");
+			attr(h11, "class", "svelte-lqwgm1");
+			attr(div2, "class", "navigation__title-container svelte-lqwgm1");
+			attr(div3, "class", "navigation svelte-lqwgm1");
 		},
 		m(target, anchor) {
 			insert(target, div1, anchor);
@@ -4576,22 +4596,22 @@ function create_fragment$5(ctx) {
 			append(div2, h11);
 			append(h11, t6);
 			append(div3, t7);
-			mount_component(sidebar, div3, null);
+			mount_component(navbar, div3, null);
 			current = true;
 
 			if (!mounted) {
-				dispose = listen(button, "click", /*click_handler*/ ctx[3]);
+				dispose = listen(button, "click", /*click_handler*/ ctx[4]);
 				mounted = true;
 			}
 		},
 		p(ctx, [dirty]) {
-			if (!current || dirty & /*title*/ 2) set_data(t1, /*title*/ ctx[1]);
+			if (!current || dirty & /*title*/ 4) set_data(t1, /*title*/ ctx[2]);
 
-			if (/*showMenu*/ ctx[2]) {
+			if (/*showMenu*/ ctx[3]) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 
-					if (dirty & /*showMenu*/ 4) {
+					if (dirty & /*showMenu*/ 8) {
 						transition_in(if_block, 1);
 					}
 				} else {
@@ -4610,10 +4630,11 @@ function create_fragment$5(ctx) {
 				check_outros();
 			}
 
-			if (!current || dirty & /*title*/ 2) set_data(t6, /*title*/ ctx[1]);
-			const sidebar_changes = {};
-			if (dirty & /*navigationItems*/ 1) sidebar_changes.navigationItems = /*navigationItems*/ ctx[0];
-			sidebar.$set(sidebar_changes);
+			if (!current || dirty & /*title*/ 4) set_data(t6, /*title*/ ctx[2]);
+			const navbar_changes = {};
+			if (dirty & /*navigationItems*/ 1) navbar_changes.navigationItems = /*navigationItems*/ ctx[0];
+			if (dirty & /*type*/ 2) navbar_changes.type = /*type*/ ctx[1];
+			navbar.$set(navbar_changes);
 		},
 		i(local) {
 			if (current) return;
@@ -4621,7 +4642,7 @@ function create_fragment$5(ctx) {
 			transition_in(iconburger.$$.fragment, local);
 			transition_in(if_block);
 			transition_in(iconirocologo1.$$.fragment, local);
-			transition_in(sidebar.$$.fragment, local);
+			transition_in(navbar.$$.fragment, local);
 			current = true;
 		},
 		o(local) {
@@ -4629,7 +4650,7 @@ function create_fragment$5(ctx) {
 			transition_out(iconburger.$$.fragment, local);
 			transition_out(if_block);
 			transition_out(iconirocologo1.$$.fragment, local);
-			transition_out(sidebar.$$.fragment, local);
+			transition_out(navbar.$$.fragment, local);
 			current = false;
 		},
 		d(detaching) {
@@ -4640,7 +4661,7 @@ function create_fragment$5(ctx) {
 			if (detaching) detach(t4);
 			if (detaching) detach(div3);
 			destroy_component(iconirocologo1);
-			destroy_component(sidebar);
+			destroy_component(navbar);
 			mounted = false;
 			dispose();
 		}
@@ -4650,19 +4671,22 @@ function create_fragment$5(ctx) {
 function instance$5($$self, $$props, $$invalidate) {
 	
 	let { navigationItems } = $$props;
+	let { type = "topbar" } = $$props;
 	let { title } = $$props;
 	let showMenu = false;
-	const click_handler = () => $$invalidate(2, showMenu = true);
-	const click_link_handler = () => $$invalidate(2, showMenu = false);
-	const click_handler_1 = () => $$invalidate(2, showMenu = false);
+	const click_handler = () => $$invalidate(3, showMenu = true);
+	const click_link_handler = () => $$invalidate(3, showMenu = false);
+	const click_handler_1 = () => $$invalidate(3, showMenu = false);
 
 	$$self.$$set = $$props => {
 		if ("navigationItems" in $$props) $$invalidate(0, navigationItems = $$props.navigationItems);
-		if ("title" in $$props) $$invalidate(1, title = $$props.title);
+		if ("type" in $$props) $$invalidate(1, type = $$props.type);
+		if ("title" in $$props) $$invalidate(2, title = $$props.title);
 	};
 
 	return [
 		navigationItems,
+		type,
 		title,
 		showMenu,
 		click_handler,
@@ -4674,7 +4698,7 @@ function instance$5($$self, $$props, $$invalidate) {
 class Navigation extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$5, create_fragment$5, safe_not_equal, { navigationItems: 0, title: 1 });
+		init(this, options, instance$5, create_fragment$5, safe_not_equal, { navigationItems: 0, type: 1, title: 2 });
 	}
 }
 
@@ -5354,7 +5378,7 @@ function create_fragment(ctx) {
 		c() {
 			div = element("div");
 			t = text(/*content*/ ctx[1]);
-			attr(div, "class", div_class_value = "" + (null_to_empty(`alert alert--${/*type*/ ctx[0]}`) + " svelte-1oun6o6"));
+			attr(div, "class", div_class_value = "" + (null_to_empty(`alert alert--${/*type*/ ctx[0]}`) + " svelte-itln7g"));
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -5372,7 +5396,7 @@ function create_fragment(ctx) {
 			ctx = new_ctx;
 			if (dirty & /*content*/ 2) set_data(t, /*content*/ ctx[1]);
 
-			if (dirty & /*type*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(`alert alert--${/*type*/ ctx[0]}`) + " svelte-1oun6o6"))) {
+			if (dirty & /*type*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(`alert alert--${/*type*/ ctx[0]}`) + " svelte-itln7g"))) {
 				attr(div, "class", div_class_value);
 			}
 		},
@@ -5407,4 +5431,4 @@ class Alert extends SvelteComponent {
 	}
 }
 
-export { Alert, Button, DataTable, Icon, IconFloppyDisk, IconInfo, IconMastodon, IconMoreSign as IconMore, IconTrashCan, Loader, Navigation, NumberInput, RadioButton, SideBar, TextInput };
+export { Alert, Button, DataTable, Icon, IconFloppyDisk, IconInfo, IconMastodon, IconMoreSign as IconMore, IconTrashCan, Loader, NavBar, Navigation, NumberInput, RadioButton, TextInput };