sveltacular 0.0.76 → 1.0.0

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

@@ -1,23 +1,26 @@
-/** @typedef {typeof __propDef.props}  MobilePhoneIconProps */
-/** @typedef {typeof __propDef.events}  MobilePhoneIconEvents */
-/** @typedef {typeof __propDef.slots}  MobilePhoneIconSlots */
-export default class MobilePhoneIcon extends SvelteComponent<{
+export default MobilePhoneIcon;
+type MobilePhoneIcon = SvelteComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type MobilePhoneIconProps = typeof __propDef.props;
-export type MobilePhoneIconEvents = typeof __propDef.events;
-export type MobilePhoneIconSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+}, {}> & {
+    $$bindings?: string | undefined;
 };
-export {};
+declare const MobilePhoneIcon: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/icons/phone-icon.svelte.d.ts

@@ -1,23 +1,26 @@
-/** @typedef {typeof __propDef.props}  PhoneIconProps */
-/** @typedef {typeof __propDef.events}  PhoneIconEvents */
-/** @typedef {typeof __propDef.slots}  PhoneIconSlots */
-export default class PhoneIcon extends SvelteComponent<{
+export default PhoneIcon;
+type PhoneIcon = SvelteComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type PhoneIconProps = typeof __propDef.props;
-export type PhoneIconEvents = typeof __propDef.events;
-export type PhoneIconSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+}, {}> & {
+    $$bindings?: string | undefined;
 };
-export {};
+declare const PhoneIcon: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/icons/svg-icon.svelte

@@ -1,16 +1,50 @@
-<script>export let fill = "none";
-export let width = 16;
-export let height = 16;
-export let x = 0;
-export let y = 0;
-export let aspectRatioBehavior = "meet";
-export let aspectRatioAlign = "xMidYMid";
-$:
-  viewBox = `${x} ${y} ${width} ${height}`;
-$:
-  preserveAspectRatio = `${aspectRatioAlign} ${aspectRatioBehavior}`;
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+
+	let {
+		fill = 'none' as 'none' | 'currentColor',
+		width = 16,
+		height = 16,
+		x = 0,
+		y = 0,
+		aspectRatioBehavior = 'meet' as 'none' | 'meet' | 'slice',
+		aspectRatioAlign = 'xMidYMid' as
+			| 'none'
+			| 'xMinYMin'
+			| 'xMidYMin'
+			| 'xMaxYMin'
+			| 'xMinYMid'
+			| 'xMidYMid'
+			| 'xMaxYMid'
+			| 'xMinYMax'
+			| 'xMidYMax'
+			| 'xMaxYMax',
+		children
+	}: {
+		fill?: 'none' | 'currentColor';
+		width?: number | string;
+		height?: number | string;
+		x?: number | string;
+		y?: number | string;
+		aspectRatioBehavior?: 'none' | 'meet' | 'slice';
+		aspectRatioAlign?:
+			| 'none'
+			| 'xMinYMin'
+			| 'xMidYMin'
+			| 'xMaxYMin'
+			| 'xMinYMid'
+			| 'xMidYMid'
+			| 'xMaxYMid'
+			| 'xMinYMax'
+			| 'xMidYMax'
+			| 'xMaxYMax';
+		children: Snippet;
+	} = $props();
+
+	let viewBox = $derived(`${x} ${y} ${width} ${height}`);
+	let preserveAspectRatio = $derived(`${aspectRatioAlign} ${aspectRatioBehavior}`);
 </script>
 
 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" {fill} {viewBox} {preserveAspectRatio}>
-	<slot />
+	{@render children?.()}
 </svg>

package/dist/icons/svg-icon.svelte.d.ts

@@ -1,24 +1,14 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        fill?: "none" | "currentColor" | undefined;
-        width?: string | number | undefined;
-        height?: string | number | undefined;
-        x?: string | number | undefined;
-        y?: string | number | undefined;
-        aspectRatioBehavior?: "none" | "slice" | "meet" | undefined;
-        aspectRatioAlign?: "none" | "xMinYMin" | "xMidYMin" | "xMaxYMin" | "xMinYMid" | "xMidYMid" | "xMaxYMid" | "xMinYMax" | "xMidYMax" | "xMaxYMax" | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
+import type { Snippet } from 'svelte';
+type $$ComponentProps = {
+    fill?: 'none' | 'currentColor';
+    width?: number | string;
+    height?: number | string;
+    x?: number | string;
+    y?: number | string;
+    aspectRatioBehavior?: 'none' | 'meet' | 'slice';
+    aspectRatioAlign?: 'none' | 'xMinYMin' | 'xMidYMin' | 'xMaxYMin' | 'xMinYMid' | 'xMidYMid' | 'xMaxYMid' | 'xMinYMax' | 'xMidYMax' | 'xMaxYMax';
+    children: Snippet;
 };
-export type SvgIconProps = typeof __propDef.props;
-export type SvgIconEvents = typeof __propDef.events;
-export type SvgIconSlots = typeof __propDef.slots;
-export default class SvgIcon extends SvelteComponent<SvgIconProps, SvgIconEvents, SvgIconSlots> {
-}
-export {};
+declare const SvgIcon: import("svelte").Component<$$ComponentProps, {}, "">;
+type SvgIcon = ReturnType<typeof SvgIcon>;
+export default SvgIcon;

package/dist/icons/upload-icon.svelte.d.ts

@@ -1,23 +1,26 @@
-/** @typedef {typeof __propDef.props}  UploadIconProps */
-/** @typedef {typeof __propDef.events}  UploadIconEvents */
-/** @typedef {typeof __propDef.slots}  UploadIconSlots */
-export default class UploadIcon extends SvelteComponent<{
+export default UploadIcon;
+type UploadIcon = SvelteComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type UploadIconProps = typeof __propDef.props;
-export type UploadIconEvents = typeof __propDef.events;
-export type UploadIconSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+}, {}> & {
+    $$bindings?: string | undefined;
 };
-export {};
+declare const UploadIcon: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/images/icon.svelte

@@ -1,8 +1,14 @@
-<script>export let href;
-export let color = "rgb(0, 0, 0)";
+<script lang="ts">
+	let {
+		href,
+		color = 'rgb(0, 0, 0)'
+	}: {
+		href: string;
+		color?: string;
+	} = $props();
 </script>
 
-<span style={`--icon-path: url("${href}"); --icon-color: ${color};`} />
+<span style={`--icon-path: url("${href}"); --icon-color: ${color};`}></span>
 
 <style>span {
   display: block;

package/dist/images/icon.svelte.d.ts

@@ -1,17 +1,7 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        href: string;
-        color?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+type $$ComponentProps = {
+    href: string;
+    color?: string;
 };
-export type IconProps = typeof __propDef.props;
-export type IconEvents = typeof __propDef.events;
-export type IconSlots = typeof __propDef.slots;
-export default class Icon extends SvelteComponent<IconProps, IconEvents, IconSlots> {
-}
-export {};
+declare const Icon: import("svelte").Component<$$ComponentProps, {}, "">;
+type Icon = ReturnType<typeof Icon>;
+export default Icon;

package/dist/images/image.svelte

@@ -1,11 +1,29 @@
-<script>export let src = "";
-export let alt = "";
-export let href = void 0;
-export let align = "center";
-$:
-  sources = Array.isArray(src) ? src : typeof src === "string" ? [{ url: src }] : [src];
-$:
-  finalSource = sources[sources.length - 1];
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+
+	type Source = {
+		url: string;
+		media?: string;
+	};
+
+	let {
+		src = '',
+		alt = '',
+		href = undefined,
+		align = 'center' as 'left' | 'center' | 'right',
+		children = undefined
+	}: {
+		src?: string | Source | Source[];
+		alt?: string;
+		href?: string;
+		align?: 'left' | 'center' | 'right';
+		children?: Snippet;
+	} = $props();
+
+	let sources = $derived(
+		Array.isArray(src) ? src : typeof src === 'string' ? [{ url: src }] : [src]
+	);
+	let finalSource = $derived(sources[sources.length - 1]);
 </script>
 
 <div class="image {align}">
@@ -26,9 +44,9 @@ $:
 			<img src={finalSource.url} {alt} />
 		</picture>
 	{/if}
-	{#if $$slots.default}
+	{#if children}
 		<div class="caption">
-			<slot />
+			{@render children?.()}
 		</div>
 	{/if}
 </div>

package/dist/images/image.svelte.d.ts

@@ -1,27 +1,15 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        src?: string | {
-            url: string;
-            media?: string | undefined;
-        } | {
-            url: string;
-            media?: string | undefined;
-        }[] | undefined;
-        alt?: string | undefined;
-        href?: string | undefined;
-        align?: "center" | "left" | "right" | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
+import type { Snippet } from 'svelte';
+type Source = {
+    url: string;
+    media?: string;
 };
-export type ImageProps = typeof __propDef.props;
-export type ImageEvents = typeof __propDef.events;
-export type ImageSlots = typeof __propDef.slots;
-export default class Image extends SvelteComponent<ImageProps, ImageEvents, ImageSlots> {
-}
-export {};
+type $$ComponentProps = {
+    src?: string | Source | Source[];
+    alt?: string;
+    href?: string;
+    align?: 'left' | 'center' | 'right';
+    children?: Snippet;
+};
+declare const Image: import("svelte").Component<$$ComponentProps, {}, "">;
+type Image = ReturnType<typeof Image>;
+export default Image;

package/dist/images/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Image } from './image.svelte';
+export { default as Icon } from './icon.svelte';

package/dist/images/index.js

@@ -0,0 +1,2 @@
+export { default as Image } from './image.svelte';
+export { default as Icon } from './icon.svelte';

package/dist/index.d.ts

@@ -1,123 +1,14 @@
-export { default as Button } from './forms/button/button.svelte';
-export { default as CheckBox } from './forms/check-box/check-box.svelte';
-export { default as CheckBoxGroup } from './forms/check-box/check-box-group.svelte';
-export { default as DateBox } from './forms/date-box/date-box.svelte';
-export { default as ListBox } from './forms/list-box/list-box.svelte';
-export { default as BoolBox } from './forms/bool-box/bool-box.svelte';
-export { default as FileBox } from './forms/file-box/file-box.svelte';
-export { default as FileArea } from './forms/file-area/file-area.svelte';
-export { default as NumberBox } from './forms/number-box/number-box.svelte';
-export { default as MoneyBox } from './forms/money-box/money-box.svelte';
-export { default as RadioGroup } from './forms/radio-group/radio-group.svelte';
-export { default as RadioBox } from './forms/radio-group/radio-box.svelte';
-export { default as TextArea } from './forms/text-area/text-area.svelte';
-export { default as TextBox } from './forms/text-box/text-box.svelte';
-export { default as FormField } from './forms/form-field.svelte';
-export { default as FormLabel } from './forms/form-label.svelte';
-export { default as Form } from './forms/form.svelte';
-export { default as FormHeader } from './forms/form-header.svelte';
-export { default as FormFooter } from './forms/form-footer.svelte';
-export { default as FormSection } from './forms/form-section.svelte';
-export { default as InfoBox } from './forms/info-box/info-box.svelte';
-export { default as UrlBox } from './forms/url-box/url-box.svelte';
-export { default as NewOrExistingCombo } from './forms/combo/new-or-existing-combo.svelte';
-export { default as PhoneBox } from './forms/phone-box/phone-box.svelte';
-export { default as Card } from './generic/card/card.svelte';
-export { default as CardContainer } from './generic/card/card-container.svelte';
-export { default as Divider } from './generic/divider/divider.svelte';
-export { default as Link } from './generic/link/link.svelte';
-export { default as Pill } from './generic/pill/pill.svelte';
-export { default as Scorecard } from './generic/scorecard/scorecard.svelte';
-export { default as Overlay } from './generic/overlay.svelte';
-export { default as Image } from './images/image.svelte';
-export { default as Icon } from './images/icon.svelte';
-export { default as Menu } from './generic/menu/menu.svelte';
-export { default as DateTime } from './generic/date/date-time.svelte';
-export { default as Panel } from './generic/panel/panel.svelte';
-export { default as Section } from './generic/section/section.svelte';
-export { default as Header } from './generic/header/header.svelte';
-export { default as Dot } from './generic/dot/dot.svelte';
-export { default as Notice } from './generic/notice/notice.svelte';
-export { default as Empty } from './generic/empty/empty.svelte';
-export { default as Email } from './generic/email/email.svelte';
-export { default as Phone } from './generic/phone/phone.svelte';
-export { default as Address } from './generic/address/address.svelte';
-export { default as Toaster } from './generic/toaster/toaster.svelte';
-export { default as List } from './generic/list/list.svelte';
-export { default as ListItem } from './generic/list/list-item.svelte';
-export { default as FlexCol } from './layout/flex-col.svelte';
-export { default as FlexRow } from './layout/flex-row.svelte';
-export { default as FlexItem } from './layout/flex-item.svelte';
-export { default as Alert } from './modals/alert.svelte';
-export { default as Confirm } from './modals/confirm.svelte';
-export { default as Modal } from './modals/modal.svelte';
-export { default as Prompt } from './modals/prompt.svelte';
-export { default as DialogBody } from './modals/dialog-body.svelte';
-export { default as DialogFooter } from './modals/dialog-footer.svelte';
-export { default as DialogHeader } from './modals/dialog-header.svelte';
-export { default as DialogWindow } from './modals/dialog-window.svelte';
-export { default as Accordian } from './navigation/accordian/accordian.svelte';
-export { default as AppBar } from './navigation/app-bar/app-bar.svelte';
-export { default as Breadcrumbs } from './navigation/breadcrumbs/breadcrumbs.svelte';
-export { default as SideBar } from './navigation/side-bar/side-bar.svelte';
-export { default as TabGroup } from './navigation/tabs/tab-group.svelte';
-export { default as Tab } from './navigation/tabs/tab.svelte';
-export { default as AppLogo } from './navigation/app-bar/app-logo.svelte';
-export { default as AppNav } from './navigation/app-bar/app-nav.svelte';
-export { default as AppNavItem } from './navigation/app-bar/app-nav-item.svelte';
-export { default as AppBranding } from './navigation/app-bar/app-branding.svelte';
-export { default as Wizard } from './navigation/wizard/wizard.svelte';
-export { default as WizardStep } from './navigation/wizard/wizard-step.svelte';
-export { default as Pagination } from './navigation/pagination/pagination.svelte';
-export { default as DropdownItem } from './generic/dropdown-item/dropdown-item.svelte';
-export { default as DataGrid } from './tables/data-grid.svelte';
-export { default as Table } from './tables/table.svelte';
-export { default as TableBody } from './tables/table-body.svelte';
-export { default as TableCell } from './tables/table-cell.svelte';
-export { default as TableHeader } from './tables/table-header.svelte';
-export { default as TableHeaderCell } from './tables/table-header-cell.svelte';
-export { default as TableHeaderRow } from './tables/table-header-row.svelte';
-export { default as TableFooter } from './tables/table-footer.svelte';
-export { default as TableFooterCell } from './tables/table-footer-cell.svelte';
-export { default as TableFooterRow } from './tables/table-footer-row.svelte';
-export { default as TableRow } from './tables/table-row.svelte';
-export { default as Headline } from './typography/headline.svelte';
-export { default as Subtitle } from './typography/subtitle.svelte';
-export { default as Text } from './typography/text.svelte';
-export { default as CodeBlock } from './typography/code-block.svelte';
-export { default as Paragraph } from './typography/paragraph.svelte';
-export { default as Timeline } from './timeline/timeline.svelte';
-export { default as TimelineItem } from './timeline/timeline-item.svelte';
-export { default as Loading } from './placeholders/loading.svelte';
-export { default as SkeletonText } from './placeholders/skeleton-text.svelte';
-export * from './types/data.js';
-export * from './types/date.js';
-export * from './types/form.js';
-export * from './helpers/ago.js';
-export * from './helpers/anchor.js';
-export * from './helpers/capitalize.js';
-export * from './helpers/date.js';
-export * from './helpers/debounce.js';
-export * from './helpers/navigate-to.js';
-export * from './helpers/nobr.js';
-export * from './helpers/random.js';
-export * from './helpers/remove-properties.js';
-export * from './helpers/round-to-decimals.js';
-export * from './helpers/split-new-lines.js';
-export * from './helpers/subscribable.js';
-export * from './helpers/transform.js';
-export * from './helpers/ucfirst.js';
-export * from './helpers/unique-id.js';
+export * from './forms/index.js';
+export * from './generic/index.js';
+export * from './layout/index.js';
+export * from './modals/index.js';
+export * from './navigation/index.js';
+export * from './tables/index.js';
+export * from './typography/index.js';
+export * from './timeline/index.js';
+export * from './placeholders/index.js';
+export * from './images/index.js';
+export * from './icons/index.js';
+export * from './types/index.js';
+export * from './helpers/index.js';
 export * from './data/index.js';
-export { default as AngleRightIcon } from './icons/angle-right-icon.svelte';
-export { default as AngleUpIcon } from './icons/angle-up-icon.svelte';
-export { default as CheckIcon } from './icons/check-icon.svelte';
-export { default as EnvelopIcon } from './icons/envelope-icon.svelte';
-export { default as FolderOpenIcon } from './icons/folder-open-icon.svelte';
-export { default as HambugerIcon } from './icons/hamburger-icon.svelte';
-export { default as HomeIcon } from './icons/home-icon.svelte';
-export { default as LinkIcon } from './icons/link-icon.svelte';
-export { default as MobilePhoneIcon } from './icons/mobile-phone-icon.svelte';
-export { default as PhoneIcon } from './icons/phone-icon.svelte';
-export { default as SvgIcon } from './icons/svg-icon.svelte';
-export { default as UploadIcon } from './icons/upload-icon.svelte';