sveltacular 0.0.49 → 0.0.51

package/dist/icons/check-icon.svelte

@@ -1,15 +1,15 @@
-<svg
-	class="w-6 h-6 text-gray-800 dark:text-white"
-	aria-hidden="true"
-	xmlns="http://www.w3.org/2000/svg"
-	fill="none"
-	viewBox="0 0 16 12"
->
-	<path
-		stroke="currentColor"
-		stroke-linecap="round"
-		stroke-linejoin="round"
-		stroke-width="2"
-		d="M1 5.917 5.724 10.5 15 1.5"
-	/>
-</svg>
+<svg
+	class="w-6 h-6 text-gray-800 dark:text-white"
+	aria-hidden="true"
+	xmlns="http://www.w3.org/2000/svg"
+	fill="none"
+	viewBox="0 0 16 12"
+>
+	<path
+		stroke="currentColor"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		stroke-width="2"
+		d="M1 5.917 5.724 10.5 15 1.5"
+	/>
+</svg>

package/dist/icons/envelope-icon.svelte

@@ -1,8 +1,8 @@
-<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
-	<path
-		d="m10.036 8.278 9.258-7.79A1.979 1.979 0 0 0 18 0H2A1.987 1.987 0 0 0 .641.541l9.395 7.737Z"
-	/>
-	<path
-		d="M11.241 9.817c-.36.275-.801.425-1.255.427-.428 0-.845-.138-1.187-.395L0 2.6V14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2.5l-8.759 7.317Z"
-	/>
-</svg>
+<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
+	<path
+		d="m10.036 8.278 9.258-7.79A1.979 1.979 0 0 0 18 0H2A1.987 1.987 0 0 0 .641.541l9.395 7.737Z"
+	/>
+	<path
+		d="M11.241 9.817c-.36.275-.801.425-1.255.427-.428 0-.845-.138-1.187-.395L0 2.6V14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2.5l-8.759 7.317Z"
+	/>
+</svg>

package/dist/icons/folder-open-icon.svelte

@@ -1,12 +1,12 @@
-<svg
-	class="w-6 h-6 text-gray-800 dark:text-white"
-	aria-hidden="true"
-	xmlns="http://www.w3.org/2000/svg"
-	fill="currentColor"
-	viewBox="0 0 20 18"
->
-	<path
-		d="M4.09 7.586A1 1 0 0 1 5 7h13V6a2 2 0 0 0-2-2h-4.557L9.043.8a2.009 2.009 0 0 0-1.6-.8H2a2 2 0 0 0-2 2v14c.001.154.02.308.058.457L4.09 7.586Z"
-	/>
-	<path d="M6.05 9 2 17.952c.14.031.281.047.424.048h12.95a.992.992 0 0 0 .909-.594L20 9H6.05Z" />
-</svg>
+<svg
+	class="w-6 h-6 text-gray-800 dark:text-white"
+	aria-hidden="true"
+	xmlns="http://www.w3.org/2000/svg"
+	fill="currentColor"
+	viewBox="0 0 20 18"
+>
+	<path
+		d="M4.09 7.586A1 1 0 0 1 5 7h13V6a2 2 0 0 0-2-2h-4.557L9.043.8a2.009 2.009 0 0 0-1.6-.8H2a2 2 0 0 0-2 2v14c.001.154.02.308.058.457L4.09 7.586Z"
+	/>
+	<path d="M6.05 9 2 17.952c.14.031.281.047.424.048h12.95a.992.992 0 0 0 .909-.594L20 9H6.05Z" />
+</svg>

package/dist/icons/hamburger-icon.svelte

@@ -1,15 +1,15 @@
-<svg
-	class="w-6 h-6 text-gray-800 dark:text-white"
-	aria-hidden="true"
-	xmlns="http://www.w3.org/2000/svg"
-	fill="none"
-	viewBox="0 0 17 14"
->
-	<path
-		stroke="currentColor"
-		stroke-linecap="round"
-		stroke-linejoin="round"
-		stroke-width="2"
-		d="M1 1h15M1 7h15M1 13h15"
-	/>
-</svg>
+<svg
+	class="w-6 h-6 text-gray-800 dark:text-white"
+	aria-hidden="true"
+	xmlns="http://www.w3.org/2000/svg"
+	fill="none"
+	viewBox="0 0 17 14"
+>
+	<path
+		stroke="currentColor"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		stroke-width="2"
+		d="M1 1h15M1 7h15M1 13h15"
+	/>
+</svg>

package/dist/icons/home-icon.svelte

@@ -1,8 +1,8 @@
 <script>import SvgIcon from "./svg-icon.svelte";
-</script>
-
-<SvgIcon width={20} height={20} fill="currentColor">
-	<path
-		d="m19.707 9.293-2-2-7-7a1 1 0 0 0-1.414 0l-7 7-2 2a1 1 0 0 0 1.414 1.414L2 10.414V18a2 2 0 0 0 2 2h3a1 1 0 0 0 1-1v-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v4a1 1 0 0 0 1 1h3a2 2 0 0 0 2-2v-7.586l.293.293a1 1 0 0 0 1.414-1.414Z"
-	/>
-</SvgIcon>
+</script>
+
+<SvgIcon width={20} height={20} fill="currentColor">
+	<path
+		d="m19.707 9.293-2-2-7-7a1 1 0 0 0-1.414 0l-7 7-2 2a1 1 0 0 0 1.414 1.414L2 10.414V18a2 2 0 0 0 2 2h3a1 1 0 0 0 1-1v-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v4a1 1 0 0 0 1 1h3a2 2 0 0 0 2-2v-7.586l.293.293a1 1 0 0 0 1.414-1.414Z"
+	/>
+</SvgIcon>

package/dist/icons/link-icon.svelte

@@ -1,15 +1,15 @@
-<svg
-	class="w-6 h-6 text-gray-800 dark:text-white"
-	aria-hidden="true"
-	xmlns="http://www.w3.org/2000/svg"
-	fill="none"
-	viewBox="0 0 19 19"
->
-	<path
-		stroke="currentColor"
-		stroke-linecap="round"
-		stroke-linejoin="round"
-		stroke-width="2"
-		d="M11.013 7.962a3.519 3.519 0 0 0-4.975 0l-3.554 3.554a3.518 3.518 0 0 0 4.975 4.975l.461-.46m-.461-4.515a3.518 3.518 0 0 0 4.975 0l3.553-3.554a3.518 3.518 0 0 0-4.974-4.975L10.3 3.7"
-	/>
-</svg>
+<svg
+	class="w-6 h-6 text-gray-800 dark:text-white"
+	aria-hidden="true"
+	xmlns="http://www.w3.org/2000/svg"
+	fill="none"
+	viewBox="0 0 19 19"
+>
+	<path
+		stroke="currentColor"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		stroke-width="2"
+		d="M11.013 7.962a3.519 3.519 0 0 0-4.975 0l-3.554 3.554a3.518 3.518 0 0 0 4.975 4.975l.461-.46m-.461-4.515a3.518 3.518 0 0 0 4.975 0l3.553-3.554a3.518 3.518 0 0 0-4.974-4.975L10.3 3.7"
+	/>
+</svg>

package/dist/icons/mobile-phone-icon.svelte

@@ -1,5 +1,5 @@
-<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
-	<path
-		d="M12 0H2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2ZM7.5 17.5h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2ZM12 13H2V4h10v9Z"
-	/>
-</svg>
+<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
+	<path
+		d="M12 0H2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2ZM7.5 17.5h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2ZM12 13H2V4h10v9Z"
+	/>
+</svg>

package/dist/icons/phone-icon.svelte

@@ -1,9 +1,9 @@
-<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
-	<path
-		stroke="currentColor"
-		stroke-linecap="round"
-		stroke-linejoin="round"
-		stroke-width="2"
-		d="m16.344 12.168-1.4-1.4a1.98 1.98 0 0 0-2.8 0l-.7.7a1.98 1.98 0 0 1-2.8 0l-2.1-2.1a1.98 1.98 0 0 1 0-2.8l.7-.7a1.981 1.981 0 0 0 0-2.8l-1.4-1.4a1.828 1.828 0 0 0-2.8 0C-.638 5.323 1.1 9.542 4.78 13.22c3.68 3.678 7.9 5.418 11.564 1.752a1.828 1.828 0 0 0 0-2.804Z"
-	/>
-</svg>
+<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
+	<path
+		stroke="currentColor"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		stroke-width="2"
+		d="m16.344 12.168-1.4-1.4a1.98 1.98 0 0 0-2.8 0l-.7.7a1.98 1.98 0 0 1-2.8 0l-2.1-2.1a1.98 1.98 0 0 1 0-2.8l.7-.7a1.981 1.981 0 0 0 0-2.8l-1.4-1.4a1.828 1.828 0 0 0-2.8 0C-.638 5.323 1.1 9.542 4.78 13.22c3.68 3.678 7.9 5.418 11.564 1.752a1.828 1.828 0 0 0 0-2.804Z"
+	/>
+</svg>

package/dist/icons/svg-icon.svelte

@@ -9,8 +9,8 @@ $:
   viewBox = `${x} ${y} ${width} ${height}`;
 $:
   preserveAspectRatio = `${aspectRatioAlign} ${aspectRatioBehavior}`;
-</script>
-
-<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" {fill} {viewBox} {preserveAspectRatio}>
-	<slot />
-</svg>
+</script>
+
+<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" {fill} {viewBox} {preserveAspectRatio}>
+	<slot />
+</svg>

package/dist/icons/upload-icon.svelte

@@ -1,9 +1,9 @@
-<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 19">
-	<path
-		stroke="currentColor"
-		stroke-linecap="round"
-		stroke-linejoin="round"
-		stroke-width="2"
-		d="M15 15h.01M4 12H2a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-3m-5.5 0V1.07M5.5 5l4-4 4 4"
-	/>
-</svg>
+<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 19">
+	<path
+		stroke="currentColor"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		stroke-width="2"
+		d="M15 15h.01M4 12H2a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-3m-5.5 0V1.07M5.5 5l4-4 4 4"
+	/>
+</svg>

package/dist/images/icon.svelte

@@ -1,9 +1,9 @@
 <script>export let href;
 export let color = "rgb(0, 0, 0)";
-</script>
-
-<span style={`--icon-path: url("${href}"); --icon-color: ${color};`} />
-
+</script>
+
+<span style={`--icon-path: url("${href}"); --icon-color: ${color};`} />
+
 <style>span {
   display: block;
   background-color: var(--icon-color, rgb(0, 0, 0));
@@ -25,4 +25,4 @@ export let color = "rgb(0, 0, 0)";
   mask-image: var(--icon-path);
   mask-repeat: no-repeat;
   mask-position: center;
-}</style>
+}</style>

package/dist/images/image.svelte

@@ -6,33 +6,33 @@ $:
   sources = Array.isArray(src) ? src : typeof src === "string" ? [{ url: src }] : [src];
 $:
   finalSource = sources[sources.length - 1];
-</script>
-
-<div class="image {align}">
-	{#if href}
-		<a {href}>
-			<picture>
-				{#each sources as source}
-					<source srcset={source.url} media={source.media} />
-				{/each}
-				<img src={finalSource.url} {alt} />
-			</picture>
-		</a>
-	{:else}
-		<picture>
-			{#each sources as source}
-				<source srcset={source.url} media={source.media} />
-			{/each}
-			<img src={finalSource.url} {alt} />
-		</picture>
-	{/if}
-	{#if $$slots.default}
-		<div class="caption">
-			<slot />
-		</div>
-	{/if}
-</div>
-
+</script>
+
+<div class="image {align}">
+	{#if href}
+		<a {href}>
+			<picture>
+				{#each sources as source}
+					<source srcset={source.url} media={source.media} />
+				{/each}
+				<img src={finalSource.url} {alt} />
+			</picture>
+		</a>
+	{:else}
+		<picture>
+			{#each sources as source}
+				<source srcset={source.url} media={source.media} />
+			{/each}
+			<img src={finalSource.url} {alt} />
+		</picture>
+	{/if}
+	{#if $$slots.default}
+		<div class="caption">
+			<slot />
+		</div>
+	{/if}
+</div>
+
 <style>.image {
   position: relative;
   width: 100%;
@@ -73,4 +73,4 @@ $:
 .image.right picture,
 .image.right img {
   object-position: right;
-}</style>
+}</style>

package/dist/layout/flex-col.svelte

@@ -1,14 +1,14 @@
 <script>export let marginBottom = 0;
 export let marginTop = 0;
 export let gap = "1rem";
-</script>
-
-<div style={`margin-top: ${marginTop}; margin-bottom: ${marginBottom}; gap: ${gap}`}>
-	<slot />
-</div>
-
+</script>
+
+<div style={`margin-top: ${marginTop}; margin-bottom: ${marginBottom}; gap: ${gap}`}>
+	<slot />
+</div>
+
 <style>div {
   display: flex;
   flex-direction: column;
   width: 100%;
-}</style>
+}</style>

package/dist/layout/flex-item.svelte

@@ -1,7 +1,7 @@
-<script>
-	export let grow = false;
-</script>
-
-<div style={`flex: ${grow ? 1 : 0}`}>
-	<slot />
-</div>
+<script>
+	export let grow = false;
+</script>
+
+<div style={`flex: ${grow ? 1 : 0}`}>
+	<slot />
+</div>

package/dist/layout/flex-row.svelte

@@ -4,15 +4,15 @@ export let gap = "1rem";
 export let layout = "stretch";
 export let size = "full";
 export let wrap = false;
-</script>
-
-<div
-	style={`margin-top: ${marginTop}; margin-bottom: ${marginBottom}; gap: ${gap}`}
-	class="{layout} {size} {wrap ? 'wrap' : 'nowrap'}"
->
-	<slot />
-</div>
-
+</script>
+
+<div
+	style={`margin-top: ${marginTop}; margin-bottom: ${marginBottom}; gap: ${gap}`}
+	class="{layout} {size} {wrap ? 'wrap' : 'nowrap'}"
+>
+	<slot />
+</div>
+
 <style>div {
   display: flex;
   width: 100%;
@@ -38,4 +38,4 @@ div.end {
 div.start {
   justify-content: flex-start;
   align-items: flex-start;
-}</style>
+}</style>

package/dist/layout/grid.svelte

@@ -1,17 +1,17 @@
-<div>
-	<slot />
-</div>
-
-<style>
-	div {
-		display: grid;
-		width: 100%;
-		grid-template-columns: repeat(12, 1fr);
-		grid-template-rows: auto;
-		grid-gap: 1rem;
-		justify-content: center;
-		align-items: center;
-		justify-items: center;
-		align-content: center;
-	}
-</style>
+<div>
+	<slot />
+</div>
+
+<style>
+	div {
+		display: grid;
+		width: 100%;
+		grid-template-columns: repeat(12, 1fr);
+		grid-template-rows: auto;
+		grid-gap: 1rem;
+		justify-content: center;
+		align-items: center;
+		justify-items: center;
+		align-content: center;
+	}
+</style>

package/dist/modals/alert.svelte

@@ -17,27 +17,27 @@ const close = () => {
   dispatch("close");
   open = false;
 };
-</script>
-
-{#if open}
-	<Overlay on:click={close}>
-		<Dialog {size}>
-			{#if title}
-				<DialogHeader>
-					{title}
-				</DialogHeader>
-				<Divider />
-			{/if}
-			<DialogCloseButton show={showCloseButton} on:click={close} />
-			<DialogBody>
-				<slot />
-			</DialogBody>
-			<Divider />
-			<DialogFooter>
-				<Button on:click={close} size="full">
-					{buttonText}
-				</Button>
-			</DialogFooter>
-		</Dialog>
-	</Overlay>
-{/if}
+</script>
+
+{#if open}
+	<Overlay on:click={close}>
+		<Dialog {size}>
+			{#if title}
+				<DialogHeader>
+					{title}
+				</DialogHeader>
+				<Divider />
+			{/if}
+			<DialogCloseButton show={showCloseButton} on:click={close} />
+			<DialogBody>
+				<slot />
+			</DialogBody>
+			<Divider />
+			<DialogFooter>
+				<Button on:click={close} size="full">
+					{buttonText}
+				</Button>
+			</DialogFooter>
+		</Dialog>
+	</Overlay>
+{/if}

package/dist/modals/confirm.svelte

@@ -22,30 +22,30 @@ const yes = () => {
   dispatch("yes");
   open = false;
 };
-</script>
-
-{#if open}
-	<Overlay on:click={no}>
-		<Dialog {size}>
-			{#if title}
-				<DialogHeader>
-					{title}
-				</DialogHeader>
-				<Divider />
-			{/if}
-			<DialogCloseButton show={showCloseButton} on:click={no} />
-			<DialogBody>
-				<slot />
-			</DialogBody>
-			<Divider />
-			<DialogFooter>
-				<Button on:click={no} style="secondary" size="full">
-					{noText}
-				</Button>
-				<Button on:click={yes} style="primary" size="full">
-					{yesText}
-				</Button>
-			</DialogFooter>
-		</Dialog>
-	</Overlay>
-{/if}
+</script>
+
+{#if open}
+	<Overlay on:click={no}>
+		<Dialog {size}>
+			{#if title}
+				<DialogHeader>
+					{title}
+				</DialogHeader>
+				<Divider />
+			{/if}
+			<DialogCloseButton show={showCloseButton} on:click={no} />
+			<DialogBody>
+				<slot />
+			</DialogBody>
+			<Divider />
+			<DialogFooter>
+				<Button on:click={no} style="secondary" size="full">
+					{noText}
+				</Button>
+				<Button on:click={yes} style="primary" size="full">
+					{yesText}
+				</Button>
+			</DialogFooter>
+		</Dialog>
+	</Overlay>
+{/if}

package/dist/modals/dialog-body.svelte

@@ -1,9 +1,9 @@
-<div>
-	<slot />
-</div>
-
+<div>
+	<slot />
+</div>
+
 <style>div {
   color: #000;
   margin-top: 1rem;
   margin-bottom: 1rem;
-}</style>
+}</style>

package/dist/modals/dialog-close-button.svelte

@@ -6,12 +6,12 @@ const onClick = (e) => {
   e.stopPropagation();
   dispatch("click");
 };
-</script>
-
-{#if show}
-	<button type="button" on:click={onClick}>X</button>
-{/if}
-
+</script>
+
+{#if show}
+	<button type="button" on:click={onClick}>X</button>
+{/if}
+
 <style>button {
   appearance: none;
   border: none;
@@ -29,4 +29,4 @@ const onClick = (e) => {
 }
 button:hover {
   background-color: #eee;
-}</style>
+}</style>

package/dist/modals/dialog-footer.svelte

@@ -1,9 +1,9 @@
-<script>
-	import FlexRow from '../layout/flex-row.svelte';
-</script>
-
-<footer>
-	<FlexRow layout="stretch">
-		<slot />
-	</FlexRow>
-</footer>
+<script>
+	import FlexRow from '../layout/flex-row.svelte';
+</script>
+
+<footer>
+	<FlexRow layout="stretch">
+		<slot />
+	</FlexRow>
+</footer>

package/dist/modals/dialog-header.svelte

@@ -1,7 +1,7 @@
-<header>
-	<h1><slot /></h1>
-</header>
-
+<header>
+	<h1><slot /></h1>
+</header>
+
 <style>header {
   display: flex;
   justify-content: space-between;
@@ -16,4 +16,4 @@ header h1 {
   flex-grow: 1;
   font-size: 1.25rem;
   line-height: 1.75rem;
-}</style>
+}</style>

package/dist/modals/dialog-window.svelte

@@ -2,14 +2,14 @@
 const captureClick = (e) => {
   e.stopPropagation();
 };
-</script>
-
-<!-- svelte-ignore a11y-click-events-have-key-events -->
-<!-- svelte-ignore a11y-no-static-element-interactions -->
-<div class={size} on:click={captureClick}>
-	<slot />
-</div>
-
+</script>
+
+<!-- svelte-ignore a11y-click-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<div class={size} on:click={captureClick}>
+	<slot />
+</div>
+
 <style>div {
   position: relative;
   border: solid 0.1rem #000;
@@ -45,4 +45,4 @@ div.full {
   div {
     max-width: 100%;
   }
-}</style>
+}</style>