@iroco/ui 0.15.3 → 0.17.1

package/lib/index.js

@@ -503,7 +503,7 @@
 
     /* src/Button.svelte generated by Svelte v3.38.2 */
 
-    function create_fragment$h(ctx) {
+    function create_fragment$i(ctx) {
     	let button;
     	let button_class_value;
     	let current;
@@ -583,7 +583,7 @@
     	};
     }
 
-    function instance$g($$self, $$props, $$invalidate) {
+    function instance$h($$self, $$props, $$invalidate) {
     	let { $$slots: slots = {}, $$scope } = $$props;
     	let { type = "button" } = $$props;
     	let { disabled = false } = $$props;
@@ -631,7 +631,7 @@
     	constructor(options) {
     		super();
 
-    		init(this, options, instance$g, create_fragment$h, safe_not_equal, {
+    		init(this, options, instance$h, create_fragment$i, safe_not_equal, {
     			type: 1,
     			disabled: 2,
     			kind: 3,
@@ -644,7 +644,7 @@
 
     /* src/TextInput.svelte generated by Svelte v3.38.2 */
 
-    function create_if_block_2(ctx) {
+    function create_if_block_2$1(ctx) {
     	let label_1;
     	let t;
 
@@ -677,8 +677,8 @@
     	let p;
 
     	function select_block_type(ctx, dirty) {
-    		if (/*htmlError*/ ctx[5]) return create_if_block_1$1;
-    		return create_else_block$1;
+    		if (/*htmlError*/ ctx[5]) return create_if_block_1$2;
+    		return create_else_block$2;
     	}
 
     	let current_block_type = select_block_type(ctx);
@@ -716,7 +716,7 @@
     }
 
     // (45:3) {:else}
-    function create_else_block$1(ctx) {
+    function create_else_block$2(ctx) {
     	let t_value = (/*error*/ ctx[4] !== null ? /*error*/ ctx[4] : "") + "";
     	let t;
 
@@ -737,7 +737,7 @@
     }
 
     // (43:3) {#if htmlError}
-    function create_if_block_1$1(ctx) {
+    function create_if_block_1$2(ctx) {
     	let html_tag;
     	let raw_value = (/*error*/ ctx[4] !== null ? /*error*/ ctx[4] : "") + "";
     	let html_anchor;
@@ -761,14 +761,14 @@
     	};
     }
 
-    function create_fragment$g(ctx) {
+    function create_fragment$h(ctx) {
     	let div;
     	let t0;
     	let input;
     	let t1;
     	let mounted;
     	let dispose;
-    	let if_block0 = /*label*/ ctx[2] && create_if_block_2(ctx);
+    	let if_block0 = /*label*/ ctx[2] && create_if_block_2$1(ctx);
     	let if_block1 = /*error*/ ctx[4] != null && create_if_block$4(ctx);
 
     	return {
@@ -821,7 +821,7 @@
     				if (if_block0) {
     					if_block0.p(ctx, dirty);
     				} else {
-    					if_block0 = create_if_block_2(ctx);
+    					if_block0 = create_if_block_2$1(ctx);
     					if_block0.c();
     					if_block0.m(div, t0);
     				}
@@ -883,7 +883,7 @@
     	};
     }
 
-    function instance$f($$self, $$props, $$invalidate) {
+    function instance$g($$self, $$props, $$invalidate) {
     	var { TextType } = $$props;
 
     	(function (TextType) {
@@ -955,7 +955,7 @@
     	constructor(options) {
     		super();
 
-    		init(this, options, instance$f, create_fragment$g, safe_not_equal, {
+    		init(this, options, instance$g, create_fragment$h, safe_not_equal, {
     			TextType: 11,
     			id: 1,
     			type: 12,
@@ -974,7 +974,7 @@
 
     /* src/RadioButton.svelte generated by Svelte v3.38.2 */
 
-    function create_fragment$f(ctx) {
+    function create_fragment$g(ctx) {
     	let label_1;
     	let input;
     	let t0;
@@ -1070,7 +1070,7 @@
     	};
     }
 
-    function instance$e($$self, $$props, $$invalidate) {
+    function instance$f($$self, $$props, $$invalidate) {
     	let { $$slots: slots = {}, $$scope } = $$props;
     	const label = "";
     	let { value } = $$props;
@@ -1121,7 +1121,7 @@
     	constructor(options) {
     		super();
 
-    		init(this, options, instance$e, create_fragment$f, safe_not_equal, {
+    		init(this, options, instance$f, create_fragment$g, safe_not_equal, {
     			label: 5,
     			value: 2,
     			group: 0,
@@ -1137,7 +1137,7 @@
 
     /* src/NumberInput.svelte generated by Svelte v3.38.2 */
 
-    function create_if_block_1(ctx) {
+    function create_if_block_1$1(ctx) {
     	let label_1;
     	let t;
 
@@ -1190,14 +1190,14 @@
     	};
     }
 
-    function create_fragment$e(ctx) {
+    function create_fragment$f(ctx) {
     	let div;
     	let t0;
     	let input;
     	let t1;
     	let mounted;
     	let dispose;
-    	let if_block0 = /*label*/ ctx[2] && create_if_block_1(ctx);
+    	let if_block0 = /*label*/ ctx[2] && create_if_block_1$1(ctx);
 
     	let input_levels = [
     		{ id: /*id*/ ctx[1] },
@@ -1250,7 +1250,7 @@
     				if (if_block0) {
     					if_block0.p(ctx, dirty);
     				} else {
-    					if_block0 = create_if_block_1(ctx);
+    					if_block0 = create_if_block_1$1(ctx);
     					if_block0.c();
     					if_block0.m(div, t0);
     				}
@@ -1297,7 +1297,7 @@
     	};
     }
 
-    function instance$d($$self, $$props, $$invalidate) {
+    function instance$e($$self, $$props, $$invalidate) {
     	const omit_props_names = ["id","label","placeholder","error","value","min","max"];
     	let $$restProps = compute_rest_props($$props, omit_props_names);
     	let { id } = $$props;
@@ -1347,7 +1347,7 @@
     	constructor(options) {
     		super();
 
-    		init(this, options, instance$d, create_fragment$e, safe_not_equal, {
+    		init(this, options, instance$e, create_fragment$f, safe_not_equal, {
     			id: 1,
     			label: 2,
     			placeholder: 3,
@@ -3801,7 +3801,7 @@
     	};
     }
 
-    function create_fragment$d(ctx) {
+    function create_fragment$e(ctx) {
     	let if_block_anchor;
     	let if_block = /*icon*/ ctx[3] && create_if_block$2(ctx);
 
@@ -3837,7 +3837,7 @@
     	};
     }
 
-    function instance$c($$self, $$props, $$invalidate) {
+    function instance$d($$self, $$props, $$invalidate) {
     	let { name } = $$props;
     	let { stroke } = $$props;
     	let { strokeWidth } = $$props;
@@ -3871,7 +3871,7 @@
     	constructor(options) {
     		super();
 
-    		init(this, options, instance$c, create_fragment$d, safe_not_equal, {
+    		init(this, options, instance$d, create_fragment$e, safe_not_equal, {
     			name: 4,
     			stroke: 5,
     			strokeWidth: 6,
@@ -3884,7 +3884,7 @@
 
     /* src/IconIrocoLogo.svelte generated by Svelte v3.38.2 */
 
-    function create_fragment$c(ctx) {
+    function create_fragment$d(ctx) {
     	let svg;
     	let path0;
     	let path1;
@@ -3926,7 +3926,7 @@
     	};
     }
 
-    function instance$b($$self, $$props, $$invalidate) {
+    function instance$c($$self, $$props, $$invalidate) {
     	let { width = "5rem" } = $$props;
     	let { height = "5rem" } = $$props;
 
@@ -3941,13 +3941,13 @@
     class IconIrocoLogo extends SvelteComponent {
     	constructor(options) {
     		super();
-    		init(this, options, instance$b, create_fragment$c, safe_not_equal, { width: 0, height: 1 });
+    		init(this, options, instance$c, create_fragment$d, safe_not_equal, { width: 0, height: 1 });
     	}
     }
 
     /* src/Loader.svelte generated by Svelte v3.38.2 */
 
-    function create_fragment$b(ctx) {
+    function create_fragment$c(ctx) {
     	let div;
     	let iconirocologo;
     	let current;
@@ -3984,13 +3984,13 @@
     class Loader extends SvelteComponent {
     	constructor(options) {
     		super();
-    		init(this, options, null, create_fragment$b, safe_not_equal, {});
+    		init(this, options, null, create_fragment$c, safe_not_equal, {});
     	}
     }
 
     /* src/IconInfo.svelte generated by Svelte v3.38.2 */
 
-    function create_fragment$a(ctx) {
+    function create_fragment$b(ctx) {
     	let svg;
     	let path;
 
@@ -4031,7 +4031,7 @@
     	};
     }
 
-    function instance$a($$self, $$props, $$invalidate) {
+    function instance$b($$self, $$props, $$invalidate) {
     	let { width = "5rem" } = $$props;
     	let { height = "5rem" } = $$props;
 
@@ -4046,13 +4046,13 @@
     class IconInfo extends SvelteComponent {
     	constructor(options) {
     		super();
-    		init(this, options, instance$a, create_fragment$a, safe_not_equal, { width: 0, height: 1 });
+    		init(this, options, instance$b, create_fragment$b, safe_not_equal, { width: 0, height: 1 });
     	}
     }
 
     /* src/IconMastodon.svelte generated by Svelte v3.38.2 */
 
-    function create_fragment$9(ctx) {
+    function create_fragment$a(ctx) {
     	let svg;
     	let title;
     	let t;
@@ -4100,7 +4100,7 @@
     	};
     }
 
-    function instance$9($$self, $$props, $$invalidate) {
+    function instance$a($$self, $$props, $$invalidate) {
     	let { width = "5em" } = $$props;
     	let { height = "5em" } = $$props;
     	let { fill = "currentColor" } = $$props;
@@ -4117,13 +4117,13 @@
     class IconMastodon extends SvelteComponent {
     	constructor(options) {
     		super();
-    		init(this, options, instance$9, create_fragment$9, safe_not_equal, { width: 0, height: 1, fill: 2 });
+    		init(this, options, instance$a, create_fragment$a, safe_not_equal, { width: 0, height: 1, fill: 2 });
     	}
     }
 
     /* src/IconClose.svelte generated by Svelte v3.38.2 */
 
-    function create_fragment$8(ctx) {
+    function create_fragment$9(ctx) {
     	let svg;
     	let path;
 
@@ -4163,7 +4163,7 @@
     	};
     }
 
-    function instance$8($$self, $$props, $$invalidate) {
+    function instance$9($$self, $$props, $$invalidate) {
     	let { width = "5rem" } = $$props;
     	let { height = "5rem" } = $$props;
 
@@ -4178,7 +4178,7 @@
     class IconClose extends SvelteComponent {
     	constructor(options) {
     		super();
-    		init(this, options, instance$8, create_fragment$8, safe_not_equal, { width: 0, height: 1 });
+    		init(this, options, instance$9, create_fragment$9, safe_not_equal, { width: 0, height: 1 });
     	}
     }
 
@@ -4217,8 +4217,9 @@
     			? /*item*/ ctx[7].hrefOrCallback
     			: "#");
 
-    			attr(a, "class", "svelte-1c8sozl");
-    			attr(li, "class", li_class_value = "nav__" + /*type*/ ctx[1] + "__item" + " svelte-1c8sozl");
+    			attr(a, "class", "svelte-v0jihd");
+    			toggle_class(a, "iroco-ui-button", /*item*/ ctx[7].isButton());
+    			attr(li, "class", li_class_value = "nav__" + /*type*/ ctx[1] + "__item" + " svelte-v0jihd");
     			toggle_class(li, "active", /*active*/ ctx[2] === /*item*/ ctx[7].name);
     		},
     		m(target, anchor) {
@@ -4242,7 +4243,11 @@
     				attr(a, "href", a_href_value);
     			}
 
-    			if (dirty & /*type*/ 2 && li_class_value !== (li_class_value = "nav__" + /*type*/ ctx[1] + "__item" + " svelte-1c8sozl")) {
+    			if (dirty & /*navigationItems*/ 1) {
+    				toggle_class(a, "iroco-ui-button", /*item*/ ctx[7].isButton());
+    			}
+
+    			if (dirty & /*type*/ 2 && li_class_value !== (li_class_value = "nav__" + /*type*/ ctx[1] + "__item" + " svelte-v0jihd")) {
     				attr(li, "class", li_class_value);
     			}
 
@@ -4258,7 +4263,7 @@
     	};
     }
 
-    function create_fragment$7(ctx) {
+    function create_fragment$8(ctx) {
     	let nav;
     	let button;
     	let iconclose;
@@ -4290,10 +4295,10 @@
     				each_blocks[i].c();
     			}
 
-    			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(button, "class", button_class_value = "nav__" + /*type*/ ctx[1] + "__close" + " svelte-v0jihd");
+    			attr(ul, "class", ul_class_value = "nav__" + /*type*/ ctx[1] + "__item-container" + " svelte-v0jihd");
     			attr(nav, "data-testid", /*type*/ ctx[1]);
-    			attr(nav, "class", nav_class_value = "nav__" + /*type*/ ctx[1] + " svelte-1c8sozl");
+    			attr(nav, "class", nav_class_value = "nav__" + /*type*/ ctx[1] + " svelte-v0jihd");
     		},
     		m(target, anchor) {
     			insert(target, nav, anchor);
@@ -4314,7 +4319,7 @@
     			}
     		},
     		p(ctx, [dirty]) {
-    			if (!current || dirty & /*type*/ 2 && button_class_value !== (button_class_value = "nav__" + /*type*/ ctx[1] + "__close" + " svelte-1c8sozl")) {
+    			if (!current || dirty & /*type*/ 2 && button_class_value !== (button_class_value = "nav__" + /*type*/ ctx[1] + "__close" + " svelte-v0jihd")) {
     				attr(button, "class", button_class_value);
     			}
 
@@ -4341,7 +4346,7 @@
     				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")) {
+    			if (!current || dirty & /*type*/ 2 && ul_class_value !== (ul_class_value = "nav__" + /*type*/ ctx[1] + "__item-container" + " svelte-v0jihd")) {
     				attr(ul, "class", ul_class_value);
     			}
 
@@ -4349,7 +4354,7 @@
     				attr(nav, "data-testid", /*type*/ ctx[1]);
     			}
 
-    			if (!current || dirty & /*type*/ 2 && nav_class_value !== (nav_class_value = "nav__" + /*type*/ ctx[1] + " svelte-1c8sozl")) {
+    			if (!current || dirty & /*type*/ 2 && nav_class_value !== (nav_class_value = "nav__" + /*type*/ ctx[1] + " svelte-v0jihd")) {
     				attr(nav, "class", nav_class_value);
     			}
     		},
@@ -4372,7 +4377,7 @@
     	};
     }
 
-    function instance$7($$self, $$props, $$invalidate) {
+    function instance$8($$self, $$props, $$invalidate) {
     	
     	let { navigationItems } = $$props;
     	let { type } = $$props;
@@ -4407,13 +4412,13 @@
     class NavBar extends SvelteComponent {
     	constructor(options) {
     		super();
-    		init(this, options, instance$7, create_fragment$7, safe_not_equal, { navigationItems: 0, type: 1 });
+    		init(this, options, instance$8, create_fragment$8, safe_not_equal, { navigationItems: 0, type: 1 });
     	}
     }
 
     /* src/IconBurger.svelte generated by Svelte v3.38.2 */
 
-    function create_fragment$6(ctx) {
+    function create_fragment$7(ctx) {
     	let svg;
     	let path;
 
@@ -4453,7 +4458,7 @@
     	};
     }
 
-    function instance$6($$self, $$props, $$invalidate) {
+    function instance$7($$self, $$props, $$invalidate) {
     	let { width = "5rem" } = $$props;
     	let { height = "5rem" } = $$props;
 
@@ -4466,6 +4471,110 @@
     }
 
     class IconBurger extends SvelteComponent {
+    	constructor(options) {
+    		super();
+    		init(this, options, instance$7, create_fragment$7, safe_not_equal, { width: 0, height: 1 });
+    	}
+    }
+
+    /* src/IrocoLogo.svelte generated by Svelte v3.38.2 */
+
+    function create_fragment$6(ctx) {
+    	let a;
+    	let svg;
+    	let title;
+    	let t;
+    	let path0;
+    	let path1;
+    	let path2;
+    	let path3;
+    	let path4;
+    	let path5;
+    	let path6;
+
+    	return {
+    		c() {
+    			a = element("a");
+    			svg = svg_element("svg");
+    			title = svg_element("title");
+    			t = text("Iroco");
+    			path0 = svg_element("path");
+    			path1 = svg_element("path");
+    			path2 = svg_element("path");
+    			path3 = svg_element("path");
+    			path4 = svg_element("path");
+    			path5 = svg_element("path");
+    			path6 = svg_element("path");
+    			attr(path0, "fill", "white");
+    			attr(path0, "d", "M412,81.41c-7.34,0-12.07-5.19-12.07-12.37S404.77,56.66,412,56.66,424.17,61.85,424.17,69,419.13,81.41,412,81.41Zm10.7,118.4H401V103.54h21.7Z");
+    			attr(path0, "transform", "translate(-0.44 -0.49)");
+    			attr(path1, "fill", "white");
+    			attr(path1, "d", "M505.77,123.71h-6.72c-18,0-27.2,8.26-27.2,28.43v47.67h-21.7V103.54h21.7v14.21h.3c5.5-9.32,15.44-15.28,28.43-15.28h5.19Z");
+    			attr(path1, "transform", "translate(-0.44 -0.49)");
+    			attr(path2, "fill", "white");
+    			attr(path2, "d", "M566.44,201.34c-33,0-49.21-21.54-49.21-49.66S533.43,102,566.44,102s49.35,21.39,49.35,49.66C615.79,179.64,599.29,201.34,566.44,201.34Zm0-80.22c-19.26,0-27.51,12.68-27.51,30.56,0,17.72,8.4,30.56,27.66,30.56s27.5-12.68,27.5-30.56S585.69,121.12,566.44,121.12Z");
+    			attr(path2, "transform", "translate(-0.44 -0.49)");
+    			attr(path3, "fill", "white");
+    			attr(path3, "d", "M721.23,186.52c-11.77,10.7-24.45,14.82-39.12,14.82-33.62,0-49.51-21.54-49.51-48.9,0-28.11,17.88-50.42,49.81-50.42,15.9,0,28,4.27,38.51,14.21L706.1,131.05c-6.88-6.72-14.21-9.93-23.53-9.93-18.8.15-28.27,13.9-28.27,31.32,0,16.66,8.1,29.8,28,29.8,9.17,0,16.35-2.9,24.3-10.54Z");
+    			attr(path3, "transform", "translate(-0.44 -0.49)");
+    			attr(path4, "fill", "white");
+    			attr(path4, "d", "M783.42,201.34c-33,0-49.21-21.54-49.21-49.66S750.41,102,783.42,102s49.35,21.39,49.35,49.66C832.77,179.64,816.27,201.34,783.42,201.34Zm0-80.22c-19.26,0-27.51,12.68-27.51,30.56,0,17.72,8.41,30.56,27.66,30.56s27.5-12.68,27.5-30.56S802.67,121.12,783.42,121.12Z");
+    			attr(path4, "transform", "translate(-0.44 -0.49)");
+    			attr(path5, "fill", "white");
+    			attr(path5, "d", "M122.8,144.26a30.6,30.6,0,0,0-8.07,1.23,5.53,5.53,0,0,0-3.46,3.53,28,28,0,0,0-.92,8.46v76.24a28,28,0,0,0,.92,8.46,5.53,5.53,0,0,0,3.46,3.53,30.18,30.18,0,0,0,8.07,1.23V250q-7.06-.45-19.52-.46-13.22,0-19.67.46v-3.07a30.33,30.33,0,0,0,8.07-1.23,5.49,5.49,0,0,0,3.45-3.53,27.59,27.59,0,0,0,.93-8.46V157.48a27.59,27.59,0,0,0-.93-8.46,5.49,5.49,0,0,0-3.45-3.53,30.75,30.75,0,0,0-8.07-1.23v-3.08q6.45.47,19.67.47,12.3,0,19.52-.47Z");
+    			attr(path5, "transform", "translate(-0.44 -0.49)");
+    			attr(path6, "fill", "#00D692");
+    			attr(path6, "d", "M64.64,198.52a102.78,102.78,0,1,1,77.13,0l-7.41-18.29a83,83,0,1,0-62.31,0Z");
+    			attr(path6, "transform", "translate(-0.44 -0.49)");
+    			attr(svg, "viewBox", "0 0 832.33 249.52");
+    			attr(svg, "width", /*width*/ ctx[0]);
+    			attr(svg, "height", /*height*/ ctx[1]);
+    			attr(a, "class", "iroco-logo");
+    			attr(a, "href", "/");
+    		},
+    		m(target, anchor) {
+    			insert(target, a, anchor);
+    			append(a, svg);
+    			append(svg, title);
+    			append(title, t);
+    			append(svg, path0);
+    			append(svg, path1);
+    			append(svg, path2);
+    			append(svg, path3);
+    			append(svg, path4);
+    			append(svg, path5);
+    			append(svg, path6);
+    		},
+    		p(ctx, [dirty]) {
+    			if (dirty & /*width*/ 1) {
+    				attr(svg, "width", /*width*/ ctx[0]);
+    			}
+
+    			if (dirty & /*height*/ 2) {
+    				attr(svg, "height", /*height*/ ctx[1]);
+    			}
+    		},
+    		i: noop,
+    		o: noop,
+    		d(detaching) {
+    			if (detaching) detach(a);
+    		}
+    	};
+    }
+
+    function instance$6($$self, $$props, $$invalidate) {
+    	let { width = "10rem" } = $$props;
+    	let { height = "10rem" } = $$props;
+
+    	$$self.$$set = $$props => {
+    		if ("width" in $$props) $$invalidate(0, width = $$props.width);
+    		if ("height" in $$props) $$invalidate(1, height = $$props.height);
+    	};
+
+    	return [width, height];
+    }
+
+    class IrocoLogo extends SvelteComponent {
     	constructor(options) {
     		super();
     		init(this, options, instance$6, create_fragment$6, safe_not_equal, { width: 0, height: 1 });
@@ -4474,7 +4583,81 @@
 
     /* src/Navigation.svelte generated by Svelte v3.38.2 */
 
-    function create_if_block$1(ctx) {
+    function create_else_block_1(ctx) {
+    	let iconirocologo;
+    	let t0;
+    	let h1;
+    	let t1;
+    	let current;
+    	iconirocologo = new IconIrocoLogo({ props: { width: "3em", height: "3em" } });
+
+    	return {
+    		c() {
+    			create_component(iconirocologo.$$.fragment);
+    			t0 = space();
+    			h1 = element("h1");
+    			t1 = text(/*title*/ ctx[2]);
+    			attr(h1, "class", "svelte-lqwgm1");
+    		},
+    		m(target, anchor) {
+    			mount_component(iconirocologo, target, anchor);
+    			insert(target, t0, anchor);
+    			insert(target, h1, anchor);
+    			append(h1, t1);
+    			current = true;
+    		},
+    		p(ctx, dirty) {
+    			if (!current || dirty & /*title*/ 4) set_data(t1, /*title*/ ctx[2]);
+    		},
+    		i(local) {
+    			if (current) return;
+    			transition_in(iconirocologo.$$.fragment, local);
+    			current = true;
+    		},
+    		o(local) {
+    			transition_out(iconirocologo.$$.fragment, local);
+    			current = false;
+    		},
+    		d(detaching) {
+    			destroy_component(iconirocologo, detaching);
+    			if (detaching) detach(t0);
+    			if (detaching) detach(h1);
+    		}
+    	};
+    }
+
+    // (14:2) {#if title == null}
+    function create_if_block_2(ctx) {
+    	let irocologo;
+    	let current;
+    	irocologo = new IrocoLogo({ props: { width: "10em", height: "10em" } });
+
+    	return {
+    		c() {
+    			create_component(irocologo.$$.fragment);
+    		},
+    		m(target, anchor) {
+    			mount_component(irocologo, target, anchor);
+    			current = true;
+    		},
+    		p: noop,
+    		i(local) {
+    			if (current) return;
+    			transition_in(irocologo.$$.fragment, local);
+    			current = true;
+    		},
+    		o(local) {
+    			transition_out(irocologo.$$.fragment, local);
+    			current = false;
+    		},
+    		d(detaching) {
+    			destroy_component(irocologo, detaching);
+    		}
+    	};
+    }
+
+    // (26:1) {#if showMenu}
+    function create_if_block_1(ctx) {
     	let navbar;
     	let current;
 
@@ -4517,33 +4700,121 @@
     	};
     }
 
+    // (40:2) {:else}
+    function create_else_block$1(ctx) {
+    	let iconirocologo;
+    	let t0;
+    	let h1;
+    	let t1;
+    	let current;
+    	iconirocologo = new IconIrocoLogo({ props: { width: "3em", height: "3em" } });
+
+    	return {
+    		c() {
+    			create_component(iconirocologo.$$.fragment);
+    			t0 = space();
+    			h1 = element("h1");
+    			t1 = text(/*title*/ ctx[2]);
+    			attr(h1, "class", "svelte-lqwgm1");
+    		},
+    		m(target, anchor) {
+    			mount_component(iconirocologo, target, anchor);
+    			insert(target, t0, anchor);
+    			insert(target, h1, anchor);
+    			append(h1, t1);
+    			current = true;
+    		},
+    		p(ctx, dirty) {
+    			if (!current || dirty & /*title*/ 4) set_data(t1, /*title*/ ctx[2]);
+    		},
+    		i(local) {
+    			if (current) return;
+    			transition_in(iconirocologo.$$.fragment, local);
+    			current = true;
+    		},
+    		o(local) {
+    			transition_out(iconirocologo.$$.fragment, local);
+    			current = false;
+    		},
+    		d(detaching) {
+    			destroy_component(iconirocologo, detaching);
+    			if (detaching) detach(t0);
+    			if (detaching) detach(h1);
+    		}
+    	};
+    }
+
+    // (38:2) {#if title == null}
+    function create_if_block$1(ctx) {
+    	let irocologo;
+    	let current;
+    	irocologo = new IrocoLogo({ props: { width: "10em", height: "10em" } });
+
+    	return {
+    		c() {
+    			create_component(irocologo.$$.fragment);
+    		},
+    		m(target, anchor) {
+    			mount_component(irocologo, target, anchor);
+    			current = true;
+    		},
+    		p: noop,
+    		i(local) {
+    			if (current) return;
+    			transition_in(irocologo.$$.fragment, local);
+    			current = true;
+    		},
+    		o(local) {
+    			transition_out(irocologo.$$.fragment, local);
+    			current = false;
+    		},
+    		d(detaching) {
+    			destroy_component(irocologo, detaching);
+    		}
+    	};
+    }
+
     function create_fragment$5(ctx) {
     	let div1;
     	let div0;
-    	let iconirocologo0;
+    	let current_block_type_index;
+    	let if_block0;
     	let t0;
-    	let h10;
-    	let t1;
-    	let t2;
     	let button;
     	let iconburger;
-    	let t3;
-    	let t4;
+    	let t1;
+    	let t2;
     	let div3;
     	let div2;
-    	let iconirocologo1;
-    	let t5;
-    	let h11;
-    	let t6;
-    	let t7;
+    	let current_block_type_index_1;
+    	let if_block2;
+    	let t3;
     	let navbar;
     	let current;
     	let mounted;
     	let dispose;
-    	iconirocologo0 = new IconIrocoLogo({ props: { width: "3em", height: "3em" } });
+    	const if_block_creators = [create_if_block_2, create_else_block_1];
+    	const if_blocks = [];
+
+    	function select_block_type(ctx, dirty) {
+    		if (/*title*/ ctx[2] == null) return 0;
+    		return 1;
+    	}
+
+    	current_block_type_index = select_block_type(ctx);
+    	if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
     	iconburger = new IconBurger({ props: { width: "3em", height: "3em" } });
-    	let if_block = /*showMenu*/ ctx[3] && create_if_block$1(ctx);
-    	iconirocologo1 = new IconIrocoLogo({ props: { width: "3em", height: "3em" } });
+    	let if_block1 = /*showMenu*/ ctx[3] && create_if_block_1(ctx);
+    	const if_block_creators_1 = [create_if_block$1, create_else_block$1];
+    	const if_blocks_1 = [];
+
+    	function select_block_type_1(ctx, dirty) {
+    		if (/*title*/ ctx[2] == null) return 0;
+    		return 1;
+    	}
+
+    	current_block_type_index_1 = select_block_type_1(ctx);
+    	if_block2 = if_blocks_1[current_block_type_index_1] = if_block_creators_1[current_block_type_index_1](ctx);
 
     	navbar = new NavBar({
     			props: {
@@ -4556,52 +4827,38 @@
     		c() {
     			div1 = element("div");
     			div0 = element("div");
-    			create_component(iconirocologo0.$$.fragment);
+    			if_block0.c();
     			t0 = space();
-    			h10 = element("h1");
-    			t1 = text(/*title*/ ctx[2]);
-    			t2 = space();
     			button = element("button");
     			create_component(iconburger.$$.fragment);
-    			t3 = space();
-    			if (if_block) if_block.c();
-    			t4 = space();
+    			t1 = space();
+    			if (if_block1) if_block1.c();
+    			t2 = space();
     			div3 = element("div");
     			div2 = element("div");
-    			create_component(iconirocologo1.$$.fragment);
-    			t5 = space();
-    			h11 = element("h1");
-    			t6 = text(/*title*/ ctx[2]);
-    			t7 = space();
+    			if_block2.c();
+    			t3 = space();
     			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);
     			append(div1, div0);
-    			mount_component(iconirocologo0, div0, null);
-    			append(div0, t0);
-    			append(div0, h10);
-    			append(h10, t1);
-    			append(div1, t2);
+    			if_blocks[current_block_type_index].m(div0, null);
+    			append(div1, t0);
     			append(div1, button);
     			mount_component(iconburger, button, null);
-    			append(div1, t3);
-    			if (if_block) if_block.m(div1, null);
-    			insert(target, t4, anchor);
+    			append(div1, t1);
+    			if (if_block1) if_block1.m(div1, null);
+    			insert(target, t2, anchor);
     			insert(target, div3, anchor);
     			append(div3, div2);
-    			mount_component(iconirocologo1, div2, null);
-    			append(div2, t5);
-    			append(div2, h11);
-    			append(h11, t6);
-    			append(div3, t7);
+    			if_blocks_1[current_block_type_index_1].m(div2, null);
+    			append(div3, t3);
     			mount_component(navbar, div3, null);
     			current = true;
 
@@ -4611,32 +4868,81 @@
     			}
     		},
     		p(ctx, [dirty]) {
-    			if (!current || dirty & /*title*/ 4) set_data(t1, /*title*/ ctx[2]);
+    			let previous_block_index = current_block_type_index;
+    			current_block_type_index = select_block_type(ctx);
+
+    			if (current_block_type_index === previous_block_index) {
+    				if_blocks[current_block_type_index].p(ctx, dirty);
+    			} else {
+    				group_outros();
+
+    				transition_out(if_blocks[previous_block_index], 1, 1, () => {
+    					if_blocks[previous_block_index] = null;
+    				});
+
+    				check_outros();
+    				if_block0 = if_blocks[current_block_type_index];
+
+    				if (!if_block0) {
+    					if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    					if_block0.c();
+    				} else {
+    					if_block0.p(ctx, dirty);
+    				}
+
+    				transition_in(if_block0, 1);
+    				if_block0.m(div0, null);
+    			}
 
     			if (/*showMenu*/ ctx[3]) {
-    				if (if_block) {
-    					if_block.p(ctx, dirty);
+    				if (if_block1) {
+    					if_block1.p(ctx, dirty);
 
     					if (dirty & /*showMenu*/ 8) {
-    						transition_in(if_block, 1);
+    						transition_in(if_block1, 1);
     					}
     				} else {
-    					if_block = create_if_block$1(ctx);
-    					if_block.c();
-    					transition_in(if_block, 1);
-    					if_block.m(div1, null);
+    					if_block1 = create_if_block_1(ctx);
+    					if_block1.c();
+    					transition_in(if_block1, 1);
+    					if_block1.m(div1, null);
     				}
-    			} else if (if_block) {
+    			} else if (if_block1) {
     				group_outros();
 
-    				transition_out(if_block, 1, 1, () => {
-    					if_block = null;
+    				transition_out(if_block1, 1, 1, () => {
+    					if_block1 = null;
     				});
 
     				check_outros();
     			}
 
-    			if (!current || dirty & /*title*/ 4) set_data(t6, /*title*/ ctx[2]);
+    			let previous_block_index_1 = current_block_type_index_1;
+    			current_block_type_index_1 = select_block_type_1(ctx);
+
+    			if (current_block_type_index_1 === previous_block_index_1) {
+    				if_blocks_1[current_block_type_index_1].p(ctx, dirty);
+    			} else {
+    				group_outros();
+
+    				transition_out(if_blocks_1[previous_block_index_1], 1, 1, () => {
+    					if_blocks_1[previous_block_index_1] = null;
+    				});
+
+    				check_outros();
+    				if_block2 = if_blocks_1[current_block_type_index_1];
+
+    				if (!if_block2) {
+    					if_block2 = if_blocks_1[current_block_type_index_1] = if_block_creators_1[current_block_type_index_1](ctx);
+    					if_block2.c();
+    				} else {
+    					if_block2.p(ctx, dirty);
+    				}
+
+    				transition_in(if_block2, 1);
+    				if_block2.m(div2, null);
+    			}
+
     			const navbar_changes = {};
     			if (dirty & /*navigationItems*/ 1) navbar_changes.navigationItems = /*navigationItems*/ ctx[0];
     			if (dirty & /*type*/ 2) navbar_changes.type = /*type*/ ctx[1];
@@ -4644,29 +4950,29 @@
     		},
     		i(local) {
     			if (current) return;
-    			transition_in(iconirocologo0.$$.fragment, local);
+    			transition_in(if_block0);
     			transition_in(iconburger.$$.fragment, local);
-    			transition_in(if_block);
-    			transition_in(iconirocologo1.$$.fragment, local);
+    			transition_in(if_block1);
+    			transition_in(if_block2);
     			transition_in(navbar.$$.fragment, local);
     			current = true;
     		},
     		o(local) {
-    			transition_out(iconirocologo0.$$.fragment, local);
+    			transition_out(if_block0);
     			transition_out(iconburger.$$.fragment, local);
-    			transition_out(if_block);
-    			transition_out(iconirocologo1.$$.fragment, local);
+    			transition_out(if_block1);
+    			transition_out(if_block2);
     			transition_out(navbar.$$.fragment, local);
     			current = false;
     		},
     		d(detaching) {
     			if (detaching) detach(div1);
-    			destroy_component(iconirocologo0);
+    			if_blocks[current_block_type_index].d();
     			destroy_component(iconburger);
-    			if (if_block) if_block.d();
-    			if (detaching) detach(t4);
+    			if (if_block1) if_block1.d();
+    			if (detaching) detach(t2);
     			if (detaching) detach(div3);
-    			destroy_component(iconirocologo1);
+    			if_blocks_1[current_block_type_index_1].d();
     			destroy_component(navbar);
     			mounted = false;
     			dispose();
@@ -4678,7 +4984,7 @@
     	
     	let { navigationItems } = $$props;
     	let { type = "topbar" } = $$props;
-    	let { title } = $$props;
+    	let { title = null } = $$props;
     	let showMenu = false;
     	const click_handler = () => $$invalidate(3, showMenu = true);
     	const click_link_handler = () => $$invalidate(3, showMenu = false);
@@ -5437,6 +5743,21 @@
     	}
     }
 
+    class NavigationItem {
+        constructor(name, hrefOrCallback) {
+            this.hrefOrCallback = hrefOrCallback;
+            this.name = name;
+        }
+        isButton() {
+            return typeof this.hrefOrCallback === 'function';
+        }
+    }
+    exports.ButtonKind = void 0;
+    (function (ButtonKind) {
+        ButtonKind["REGULAR"] = "regular";
+        ButtonKind["DANGER"] = "danger";
+    })(exports.ButtonKind || (exports.ButtonKind = {}));
+
     exports.Alert = Alert;
     exports.Button = Button;
     exports.DataTable = DataTable;
@@ -5447,9 +5768,11 @@
     exports.IconMastodon = IconMastodon;
     exports.IconMore = IconMoreSign;
     exports.IconTrashCan = IconTrashCan;
+    exports.IrocoLogo = IrocoLogo;
     exports.Loader = Loader;
     exports.NavBar = NavBar;
     exports.Navigation = Navigation;
+    exports.NavigationItem = NavigationItem;
     exports.NumberInput = NumberInput;
     exports.RadioButton = RadioButton;
     exports.TextInput = TextInput;