sveltacular 0.0.76 → 0.0.77

package/dist/layout/flex-row.svelte

@@ -6,18 +6,12 @@ export let wrap = false;
 export let justifyContent = "space-between";
 export let alignItems = "stretch";
 export let alignContent = "stretch";
-$:
-  _marginTop = typeof marginTop === "number" ? `${marginTop}px` : marginTop;
-$:
-  _marginBottom = typeof marginBottom === "number" ? `${marginBottom}px` : marginBottom;
-$:
-  _justifyContent = ["start", "end"].includes(justifyContent) ? `flex-${justifyContent}` : ["between", "around", "evenly"].includes(justifyContent) ? `space-${justifyContent}` : justifyContent;
-$:
-  _alignContent = ["start", "end"].includes(alignContent) ? `flex-${alignContent}` : ["between", "around"].includes(alignContent) ? `space-${alignContent}` : alignContent;
-$:
-  _alignItems = ["start", "end"].includes(alignItems) ? `flex-${alignItems}` : alignItems;
-$:
-  _gap = typeof gap === "number" ? `${gap}px` : gap;
+$: _marginTop = typeof marginTop === "number" ? `${marginTop}px` : marginTop;
+$: _marginBottom = typeof marginBottom === "number" ? `${marginBottom}px` : marginBottom;
+$: _justifyContent = ["start", "end"].includes(justifyContent) ? `flex-${justifyContent}` : ["between", "around", "evenly"].includes(justifyContent) ? `space-${justifyContent}` : justifyContent;
+$: _alignContent = ["start", "end"].includes(alignContent) ? `flex-${alignContent}` : ["between", "around"].includes(alignContent) ? `space-${alignContent}` : alignContent;
+$: _alignItems = ["start", "end"].includes(alignItems) ? `flex-${alignItems}` : alignItems;
+$: _gap = typeof gap === "number" ? `${gap}px` : gap;
 </script>
 
 <div

package/dist/layout/flex-row.svelte.d.ts

@@ -1,14 +1,14 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        marginBottom?: string | number | undefined;
-        marginTop?: string | number | undefined;
-        gap?: string | number | undefined;
-        size?: "full" | "auto" | undefined;
-        wrap?: boolean | undefined;
-        justifyContent?: "start" | "center" | "end" | "stretch" | "space-between" | "space-around" | "space-evenly" | "baseline" | undefined;
-        alignItems?: "auto" | "start" | "center" | "end" | "stretch" | undefined;
-        alignContent?: "start" | "center" | "end" | "stretch" | "space-between" | "space-around" | undefined;
+        marginBottom?: string | number;
+        marginTop?: string | number;
+        gap?: string | number;
+        size?: "auto" | "full";
+        wrap?: boolean;
+        justifyContent?: "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly" | "stretch" | "baseline";
+        alignItems?: "start" | "center" | "end" | "stretch" | "auto";
+        alignContent?: "start" | "center" | "end" | "space-between" | "space-around" | "stretch";
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -16,6 +16,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type FlexRowProps = typeof __propDef.props;
 export type FlexRowEvents = typeof __propDef.events;

package/dist/layout/grid.svelte.d.ts

@@ -23,5 +23,7 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/modals/alert.svelte.d.ts

@@ -2,12 +2,12 @@ import { SvelteComponent } from "svelte";
 import type { FormFieldSizeOptions } from '../types/form.js';
 declare const __propDef: {
     props: {
-        open?: boolean | undefined;
+        open?: boolean;
         title?: string | undefined;
-        size?: FormFieldSizeOptions | undefined;
-        buttonText?: string | undefined;
-        buttonStyle?: "primary" | "secondary" | "danger" | undefined;
-        showCloseButton?: boolean | undefined;
+        size?: FormFieldSizeOptions;
+        buttonText?: string;
+        buttonStyle?: "primary" | "secondary" | "danger";
+        showCloseButton?: boolean;
     };
     events: {
         close: CustomEvent<void>;
@@ -17,6 +17,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type AlertProps = typeof __propDef.props;
 export type AlertEvents = typeof __propDef.events;

package/dist/modals/confirm.svelte.d.ts

@@ -2,14 +2,14 @@ import { SvelteComponent } from "svelte";
 import type { FormFieldSizeOptions } from '../types/form.js';
 declare const __propDef: {
     props: {
-        open?: boolean | undefined;
+        open?: boolean;
         title?: string | undefined;
-        size?: FormFieldSizeOptions | undefined;
-        yesText?: string | undefined;
-        noText?: string | undefined;
-        yesStyle?: "primary" | "secondary" | "danger" | undefined;
-        noStyle?: "primary" | "secondary" | "danger" | undefined;
-        showCloseButton?: boolean | undefined;
+        size?: FormFieldSizeOptions;
+        yesText?: string;
+        noText?: string;
+        yesStyle?: "primary" | "secondary" | "danger";
+        noStyle?: "primary" | "secondary" | "danger";
+        showCloseButton?: boolean;
     };
     events: {
         yes: CustomEvent<void>;
@@ -20,6 +20,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ConfirmProps = typeof __propDef.props;
 export type ConfirmEvents = typeof __propDef.events;

package/dist/modals/dialog-body.svelte.d.ts

@@ -23,5 +23,7 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

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

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        show?: boolean | undefined;
+        show?: boolean;
     };
     events: {
         click: CustomEvent<void>;
@@ -9,6 +9,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DialogCloseButtonProps = typeof __propDef.props;
 export type DialogCloseButtonEvents = typeof __propDef.events;

package/dist/modals/dialog-footer.svelte.d.ts

@@ -23,5 +23,7 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/modals/dialog-header.svelte.d.ts

@@ -23,5 +23,7 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/modals/dialog-window.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponent } from "svelte";
 import type { FormFieldSizeOptions } from '../types/form.js';
 declare const __propDef: {
     props: {
-        size?: FormFieldSizeOptions | undefined;
+        size?: FormFieldSizeOptions;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -10,6 +10,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DialogWindowProps = typeof __propDef.props;
 export type DialogWindowEvents = typeof __propDef.events;

package/dist/modals/modal.svelte

@@ -9,13 +9,11 @@ export let size = "md";
 export let showCloseButton = true;
 export let dismissable = true;
 const close = () => {
-  if (!dismissable)
-    return;
+  if (!dismissable) return;
   dispatch("close");
   open = false;
 };
-$:
-  _showCloseButton = dismissable && showCloseButton;
+$: _showCloseButton = dismissable && showCloseButton;
 </script>
 
 {#if open}

package/dist/modals/modal.svelte.d.ts

@@ -2,10 +2,10 @@ import { SvelteComponent } from "svelte";
 import type { FormFieldSizeOptions } from '../types/form.js';
 declare const __propDef: {
     props: {
-        open?: boolean | undefined;
-        size?: FormFieldSizeOptions | undefined;
-        showCloseButton?: boolean | undefined;
-        dismissable?: boolean | undefined;
+        open?: boolean;
+        size?: FormFieldSizeOptions;
+        showCloseButton?: boolean;
+        dismissable?: boolean;
     };
     events: {
         close: CustomEvent<void>;
@@ -15,6 +15,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ModalProps = typeof __propDef.props;
 export type ModalEvents = typeof __propDef.events;

package/dist/modals/prompt.svelte

@@ -26,8 +26,7 @@ const no = () => {
   dispatch("cancel");
 };
 const yes = () => {
-  if (required && !value)
-    return;
+  if (required && !value) return;
   open = false;
   dispatch("ok", value);
 };

package/dist/modals/prompt.svelte.d.ts

@@ -2,17 +2,17 @@ import { SvelteComponent } from "svelte";
 import type { AllowedTextInputTypes, FormFieldSizeOptions } from '../types/form.js';
 declare const __propDef: {
     props: {
-        open?: boolean | undefined;
+        open?: boolean;
         title?: string | undefined;
-        size?: FormFieldSizeOptions | undefined;
-        okText?: string | undefined;
-        cancelText?: string | undefined;
-        okStyle?: "primary" | "secondary" | "danger" | undefined;
-        cancelStyle?: "primary" | "secondary" | "danger" | undefined;
-        showCloseButton?: boolean | undefined;
-        placeholder?: string | undefined;
-        type?: AllowedTextInputTypes | undefined;
-        required?: boolean | undefined;
+        size?: FormFieldSizeOptions;
+        okText?: string;
+        cancelText?: string;
+        okStyle?: "primary" | "secondary" | "danger";
+        cancelStyle?: "primary" | "secondary" | "danger";
+        showCloseButton?: boolean;
+        placeholder?: string;
+        type?: AllowedTextInputTypes;
+        required?: boolean;
     };
     events: {
         ok: CustomEvent<string>;
@@ -23,6 +23,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type PromptProps = typeof __propDef.props;
 export type PromptEvents = typeof __propDef.events;

package/dist/navigation/accordian/accordian.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         title: string;
-        expanded?: boolean | undefined;
+        expanded?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -10,6 +10,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type AccordianProps = typeof __propDef.props;
 export type AccordianEvents = typeof __propDef.events;

package/dist/navigation/app-bar/app-bar.svelte

@@ -30,14 +30,6 @@ setContext("app-bar", {
   height: 3rem;
   font-family: var(--base-font-family, sans-serif);
 }
-header a {
-  color: var(--nav-link, rgb(33, 150, 243));
-  text-decoration: none;
-}
-header a:hover {
-  color: var(--nav-link-hover, rgb(66, 165, 245));
-  text-decoration: underline;
-}
 header.fixed {
   position: fixed;
 }

package/dist/navigation/app-bar/app-bar.svelte.d.ts

@@ -2,10 +2,10 @@ import { SvelteComponent } from "svelte";
 import type { FormFieldSizeOptions } from '../../types/form.js';
 declare const __propDef: {
     props: {
-        isFixed?: boolean | undefined;
-        position?: "top" | "bottom" | undefined;
-        size?: FormFieldSizeOptions | "xs" | undefined;
-        padding?: FormFieldSizeOptions | "none" | undefined;
+        isFixed?: boolean;
+        position?: "top" | "bottom";
+        size?: FormFieldSizeOptions | "xs";
+        padding?: "none" | FormFieldSizeOptions;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -13,6 +13,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type AppBarProps = typeof __propDef.props;
 export type AppBarEvents = typeof __propDef.events;

package/dist/navigation/app-bar/app-branding.svelte.d.ts

@@ -7,6 +7,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type AppBrandingProps = typeof __propDef.props;
 export type AppBrandingEvents = typeof __propDef.events;

package/dist/navigation/app-bar/app-logo.svelte.d.ts

@@ -11,6 +11,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type AppLogoProps = typeof __propDef.props;
 export type AppLogoEvents = typeof __propDef.events;

package/dist/navigation/app-bar/app-nav-item.svelte

@@ -5,8 +5,7 @@ export let title;
 const dispatch = createEventDispatcher();
 const open = getContext("app-nav-state");
 const click = () => {
-  if (href)
-    navigateTo(href);
+  if (href) navigateTo(href);
   dispatch("click");
 };
 </script>

package/dist/navigation/app-bar/app-nav-item.svelte.d.ts

@@ -12,6 +12,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type AppNavItemProps = typeof __propDef.props;
 export type AppNavItemEvents = typeof __propDef.events;

package/dist/navigation/app-bar/app-nav.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        align?: "start" | "center" | "end" | "left" | "right" | undefined;
-        spacing?: "none" | "space-between" | "space-around" | "space-evenly" | "tight" | "loose" | "medium" | undefined;
+        align?: "left" | "center" | "right" | "start" | "end";
+        spacing?: "none" | "tight" | "medium" | "loose" | "space-evenly" | "space-around" | "space-between";
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -10,6 +10,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type AppNavProps = typeof __propDef.props;
 export type AppNavEvents = typeof __propDef.events;

package/dist/navigation/breadcrumbs/breadcrumbs.svelte

@@ -4,8 +4,7 @@ export let crumbs = [];
 export let size = "md";
 export let separator = "/";
 const getCrumLabel = (crumb) => {
-  if (typeof crumb === "string")
-    return crumb;
+  if (typeof crumb === "string") return crumb;
   return crumb.label;
 };
 </script>

package/dist/navigation/breadcrumbs/breadcrumbs.svelte.d.ts

@@ -1,18 +1,20 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        homeUrl?: string | null | undefined;
+        homeUrl?: string | null;
         crumbs?: (string | {
             label: string;
-            href?: string | undefined;
-        })[] | undefined;
-        size?: "sm" | "md" | "lg" | undefined;
-        separator?: string | undefined;
+            href?: string;
+        })[];
+        size?: "sm" | "md" | "lg";
+        separator?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type BreadcrumbsProps = typeof __propDef.props;
 export type BreadcrumbsEvents = typeof __propDef.events;

package/dist/navigation/dropdown-button/dropdown-button.svelte

@@ -7,8 +7,7 @@ export let icon = "arrow";
 const onClick = () => {
   open = !open;
 };
-$:
-  hasText = text && text.length > 0;
+$: hasText = text && text.length > 0;
 </script>
 
 <div class="dropdown-button {style} icon-{icon}" class:open>

package/dist/navigation/dropdown-button/dropdown-button.svelte.d.ts

@@ -1,10 +1,10 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        open?: boolean | undefined;
+        open?: boolean;
         text?: string | undefined;
-        style?: "ghost" | "standard" | undefined;
-        icon?: "none" | "arrow" | undefined;
+        style?: "standard" | "ghost";
+        icon?: "arrow" | "none";
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -12,6 +12,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DropdownButtonProps = typeof __propDef.props;
 export type DropdownButtonEvents = typeof __propDef.events;

package/dist/navigation/pagination/pagination.svelte

@@ -6,31 +6,26 @@ export let style = "default";
 export let size = "md";
 const dispatch = createEventDispatcher();
 const changePage = (page) => {
-  if (page < 1 || page > totalPages)
-    return;
+  if (page < 1 || page > totalPages) return;
   currentPage = page;
   dispatch("page", page);
 };
-$:
-  previousPages = currentPage > 1 ? (() => {
-    const pages = [];
-    for (let i = currentPage - 1; i > 0 && i >= currentPage - 3; i--) {
-      pages.push(i);
-    }
-    return pages.reverse();
-  })() : [];
-$:
-  nextPages = currentPage < totalPages ? (() => {
-    const pages = [];
-    for (let i = currentPage + 1; i <= totalPages && i <= currentPage + 3; i++) {
-      pages.push(i);
-    }
-    return pages;
-  })() : [];
-$:
-  showFirst = currentPage > 4;
-$:
-  showLast = currentPage < totalPages - 3;
+$: previousPages = currentPage > 1 ? (() => {
+  const pages = [];
+  for (let i = currentPage - 1; i > 0 && i >= currentPage - 3; i--) {
+    pages.push(i);
+  }
+  return pages.reverse();
+})() : [];
+$: nextPages = currentPage < totalPages ? (() => {
+  const pages = [];
+  for (let i = currentPage + 1; i <= totalPages && i <= currentPage + 3; i++) {
+    pages.push(i);
+  }
+  return pages;
+})() : [];
+$: showFirst = currentPage > 4;
+$: showLast = currentPage < totalPages - 3;
 </script>
 
 <nav class="{align} {style} {size}">

package/dist/navigation/pagination/pagination.svelte.d.ts

@@ -1,11 +1,11 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        currentPage?: number | undefined;
-        totalPages?: number | undefined;
-        align?: "start" | "center" | "end" | undefined;
-        style?: "default" | "flat" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | undefined;
+        currentPage?: number;
+        totalPages?: number;
+        align?: "center" | "start" | "end";
+        style?: "default" | "flat";
+        size?: "sm" | "md" | "lg" | "xl";
     };
     events: {
         page: CustomEvent<number>;
@@ -13,6 +13,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type PaginationProps = typeof __propDef.props;
 export type PaginationEvents = typeof __propDef.events;

package/dist/navigation/side-bar/side-bar.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        open?: boolean | undefined;
+        open?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -9,6 +9,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SideBarProps = typeof __propDef.props;
 export type SideBarEvents = typeof __propDef.events;

package/dist/navigation/tabs/tab-group.svelte

@@ -15,16 +15,13 @@ const tabExists = (id) => {
 };
 let timeout = null;
 const checkActive = () => {
-  if (timeout)
-    clearTimeout(timeout);
+  if (timeout) clearTimeout(timeout);
   timeout = setTimeout(() => {
     const anchor = getAnchor();
-    if (anchor && tabExists(anchor))
-      active.set(anchor);
+    if (anchor && tabExists(anchor)) active.set(anchor);
     else {
       const defaultActiveTab = $tabs.find((tab) => tab.defaultActive);
-      if (defaultActiveTab)
-        active.set(defaultActiveTab.id);
+      if (defaultActiveTab) active.set(defaultActiveTab.id);
     }
   }, 10);
 };

package/dist/navigation/tabs/tab-group.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponent } from "svelte";
 import { type TabStyle } from './tab-context.js';
 declare const __propDef: {
     props: {
-        style?: TabStyle | undefined;
+        style?: TabStyle;
     };
     events: {
         change: CustomEvent<string | null>;
@@ -12,6 +12,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TabGroupProps = typeof __propDef.props;
 export type TabGroupEvents = typeof __propDef.events;

package/dist/navigation/tabs/tab.svelte

@@ -14,8 +14,7 @@ const _id = getId();
 ctx.register(_id, title, active);
 const unsubscribe = ctx.active.subscribe((selectedId) => {
   active = selectedId === _id;
-  if (active)
-    dispatch("selected", _id);
+  if (active) dispatch("selected", _id);
   if (active && href) {
     console.log("Navigating to", href);
     navigateTo(href);

package/dist/navigation/tabs/tab.svelte.d.ts

@@ -3,7 +3,7 @@ declare const __propDef: {
     props: {
         title: string;
         href?: string | undefined;
-        active?: boolean | undefined;
+        active?: boolean;
         id?: string | undefined;
     };
     events: {
@@ -14,6 +14,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TabProps = typeof __propDef.props;
 export type TabEvents = typeof __propDef.events;

package/dist/navigation/wizard/wizard-step.svelte

@@ -5,10 +5,8 @@ const state = wizard.state;
 export let step;
 export let subtitle;
 wizard.register(step, subtitle);
-$:
-  isCurrentStep = $state.currentStep === step;
-$:
-  errors = $state.errors;
+$: isCurrentStep = $state.currentStep === step;
+$: errors = $state.errors;
 </script>
 
 <div class="step {isCurrentStep ? 'current' : ''}">