@hkdigital/lib-sveltekit 0.1.21 → 0.1.23

package/dist/components/area/HkArea.svelte.d.ts

@@ -1,18 +1,4 @@
 export default HkArea;
-type HkArea = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<{
-        base?: string;
-        bg?: string;
-        padding?: string;
-        margin?: string;
-        classes?: string;
-        style?: string;
-        children: Snippet<[]>;
-    } & {
-        [attr: string]: any;
-    }>): void;
-};
 declare const HkArea: import("svelte").Component<{
     base?: string;
     bg?: string;

package/dist/components/area/HkGridArea.svelte.d.ts

@@ -1,26 +1,4 @@
 export default HkGridArea;
-type HkGridArea = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<{
-        base?: string;
-        bg?: string;
-        padding?: string;
-        margin?: string;
-        classes?: string;
-        style?: string;
-        boxBase?: string;
-        boxBg?: string;
-        boxPadding?: string;
-        boxMargin?: string;
-        boxClasses?: string;
-        boxAttrs?: {
-            [attr: string]: any;
-        };
-        children: Snippet<[]>;
-    } & {
-        [attr: string]: any;
-    }>): void;
-};
 declare const HkGridArea: import("svelte").Component<{
     base?: string;
     bg?: string;

package/dist/components/buttons/button/Button.svelte.d.ts

@@ -1,25 +1,4 @@
 export default Button;
-type Button = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<{
-        [key: string]: any;
-        base?: string;
-        bg?: string;
-        classes?: string;
-        type?: string;
-        role?: "custom" | "primary" | "secondary" | "tertiary";
-        size?: "sm" | "md" | "lg";
-        variant?: string;
-        active?: boolean;
-        selected?: boolean;
-        loading?: boolean;
-        error?: boolean;
-        disabled?: boolean;
-        snippetLoading?: Snippet<[]>;
-        snippetError?: Snippet<[]>;
-        children: Snippet<[]>;
-    }>): void;
-};
 declare const Button: import("svelte").Component<{
     [key: string]: any;
     base?: string;

package/dist/components/buttons/button-icon-steeze/SteezeIconButton.svelte.d.ts

@@ -1,13 +1,4 @@
 export default SteezeIconButton;
-type SteezeIconButton = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<{
-        [key: string]: any;
-        src: IconSource;
-        iconSize?: string;
-        theme?: string;
-    }>): void;
-};
 declare const SteezeIconButton: import("svelte").Component<{
     [key: string]: any;
     src: import("../../icons/typedef.js").IconSource;

package/dist/components/buttons/button-text/TextButton.svelte.d.ts

@@ -1,11 +1,4 @@
 export default TextButton;
-type TextButton = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<{
-        [key: string]: any;
-        children: Snippet<[]>;
-    }>): void;
-};
 declare const TextButton: import("svelte").Component<{
     [key: string]: any;
     children: import("svelte").Snippet;

package/dist/components/debug/debug-panel-design-scaling/DebugPanelDesignScaling.svelte.d.ts

@@ -1,6 +1,2 @@
 export default DebugPanelDesignScaling;
-type DebugPanelDesignScaling = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<Record<string, never>>): void;
-};
 declare const DebugPanelDesignScaling: import("svelte").Component<Record<string, never>, {}, "">;

package/dist/components/hkdev/blocks/TextBlock.svelte.d.ts

@@ -1,17 +1,4 @@
 export default TextBlock;
-type TextBlock = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<{
-        base?: string;
-        bg?: string;
-        classes?: string;
-        title?: Snippet<[]>;
-        content?: Snippet<[]>;
-        footer?: Snippet<[]>;
-    } & {
-        [attr: string]: any;
-    }>): void;
-};
 declare const TextBlock: import("svelte").Component<{
     base?: string;
     bg?: string;

package/dist/components/hkdev/buttons/CheckButton.svelte.d.ts

@@ -1,22 +1,4 @@
 export default CheckButton;
-type CheckButton = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<{
-        checked?: boolean;
-        activeChild?: boolean;
-        inactiveChild?: boolean;
-        iconActiveBase?: string;
-        classes?: string;
-        disabled?: boolean;
-        title: string;
-        iconInactiveBase?: string;
-        inactiveClasses?: string;
-        activeClasses: string;
-        onclick?: () => void;
-        onchange?: () => void;
-        topic?: string;
-    }>): void;
-};
 declare const CheckButton: import("svelte").Component<{
     checked?: boolean;
     activeChild?: boolean;

package/dist/components/icons/HkIcon.svelte.d.ts

@@ -1,16 +1,4 @@
 export default HkIcon;
-type HkIcon = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<{
-        src: IconSource;
-        size?: string;
-        theme?: string;
-        base?: string;
-        classes?: string;
-    } & {
-        [attr: string]: any;
-    }>): void;
-};
 declare const HkIcon: import("svelte").Component<{
     src: import("./typedef.js").IconSource;
     size?: string;

package/dist/components/icons/HkTabIcon.svelte.d.ts

@@ -1,25 +1,4 @@
 export default HkTabIcon;
-type HkTabIcon = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<{
-        src: IconSource;
-        iconTheme?: string;
-        label?: string;
-        route?: string;
-        active?: boolean;
-        base?: string;
-        bg?: string;
-        padding?: string;
-        margin?: string;
-        classes?: string;
-        iconClasses?: string;
-        iconHeight?: string;
-        labelClasses?: string;
-        rect?: DOMRect;
-    } & {
-        [attr: string]: any;
-    }>): void;
-};
 declare const HkTabIcon: import("svelte").Component<{
     src: import("./typedef.js").IconSource;
     iconTheme?: string;

package/dist/components/icons/SteezeIcon.svelte.d.ts

@@ -1,16 +1,4 @@
 export default SteezeIcon;
-type SteezeIcon = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<{
-        src: IconSource;
-        size?: string;
-        theme?: string;
-        base?: string;
-        classes?: string;
-    } & {
-        [attr: string]: any;
-    }>): void;
-};
 declare const SteezeIcon: import("svelte").Component<{
     src: import("./typedef.js").IconSource;
     size?: string;

package/dist/components/inputs/text-input/TextInput.svelte.d.ts

@@ -1,32 +1,4 @@
 export default TextInput;
-type TextInput = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<{
-        base?: string;
-        borderShape?: string;
-        classes?: string;
-        inputBase?: string;
-        inputClasses?: string;
-        legendBase?: string;
-        legendClasses?: string;
-        iconClasses?: string;
-        value?: string;
-        type?: "number" | "url" | "text" | "email";
-        pattern?: string;
-        required?: boolean;
-        title?: string;
-        placeholder?: string;
-        isValid?: boolean;
-        isPristine?: boolean;
-        hasFocus?: boolean;
-        validate?: (value: string) => string;
-        iconRequired?: Snippet<[]>;
-        iconValid?: Snippet<[]>;
-        iconInvalid?: Snippet<[]>;
-    } & {
-        [attr: string]: any;
-    }>): void;
-};
 declare const TextInput: import("svelte").Component<{
     base?: string;
     borderShape?: string;

package/dist/components/layout/grid-layers/GridLayers.svelte.d.ts

@@ -1,27 +1,4 @@
 export default GridLayers;
-type GridLayers = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<{
-        [attr: string]: any;
-        base?: string;
-        bg?: string;
-        padding?: string;
-        margin?: string;
-        height?: string;
-        classes?: string;
-        style?: string;
-        cellBase?: string;
-        cellBg?: string;
-        cellPadding?: string;
-        cellMargin?: string;
-        cellClasses?: string;
-        cellStyle?: string;
-        children: Snippet<[]>;
-        cellAttrs?: {
-            [attr: string]: any;
-        };
-    }>): void;
-};
 declare const GridLayers: import("svelte").Component<{
     [attr: string]: any;
     base?: string;

package/dist/components/panels/panel/Panel.svelte.d.ts

@@ -1,17 +1,4 @@
 export default Panel;
-type Panel = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<{
-        base?: string;
-        bg?: string;
-        classes?: string;
-        width?: "sm" | "md" | "lg";
-        variant?: string;
-        children?: Snippet<[]>;
-    } & {
-        [attr: string]: any;
-    }>): void;
-};
 declare const Panel: import("svelte").Component<{
     base?: string;
     bg?: string;

package/dist/components/rows/panel-grid-row/PanelGridRow.svelte.d.ts

@@ -1,18 +1,4 @@
 export default PanelGridRow;
-type PanelGridRow = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<{
-        base?: string;
-        bg?: string;
-        justify?: "start" | "center" | "end" | "between" | "around" | "evenly" | "stretch" | "normal";
-        justifyItems?: "start" | "center" | "end" | "stretch";
-        gap?: string;
-        classes?: string;
-        children?: Snippet<[]>;
-    } & {
-        [attr: string]: any;
-    }>): void;
-};
 declare const PanelGridRow: import("svelte").Component<{
     base?: string;
     bg?: string;

package/dist/components/rows/panel-row-2/PanelRow2.svelte.d.ts

@@ -1,18 +1,4 @@
 export default PanelRow2;
-type PanelRow2 = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<{
-        base?: string;
-        bg?: string;
-        justify?: "start" | "center" | "end" | "between" | "around" | "evenly" | "stretch" | "normal";
-        justifyItems?: "start" | "center" | "end" | "stretch";
-        gap?: string;
-        classes?: string;
-        children?: Snippet<[]>;
-    } & {
-        [attr: string]: any;
-    }>): void;
-};
 declare const PanelRow2: import("svelte").Component<{
     base?: string;
     bg?: string;

package/dist/components/tab-bar/HkTabBar.svelte.d.ts

@@ -1,22 +1,4 @@
 export default HkTabBar;
-type HkTabBar = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<{
-        cols?: number;
-        base?: string;
-        bg?: string;
-        padding?: string;
-        margin?: string;
-        classes?: string;
-        style?: string;
-        instanceKey?: string | Symbol;
-        children: Snippet<[]>;
-        onmount?: Function;
-        domElem?: HTMLElement;
-    } & {
-        [attr: string]: any;
-    }>): void;
-};
 declare const HkTabBar: import("svelte").Component<{
     cols?: number;
     base?: string;

package/dist/components/tab-bar/HkTabBarSelector.svelte.d.ts

@@ -1,23 +1,4 @@
 export default HkTabBarSelector;
-type HkTabBarSelector = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<{
-        base?: string;
-        bg?: string;
-        classes?: string;
-        boxBase?: string;
-        boxBg?: string;
-        boxPadding?: string;
-        boxMargin?: string;
-        boxClasses?: string;
-        boxAttrs?: {
-            [attr: string]: any;
-        };
-        instanceKey?: string | Symbol;
-    } & {
-        [attr: string]: any;
-    }>): void;
-};
 declare const HkTabBarSelector: import("svelte").Component<{
     base?: string;
     bg?: string;

package/dist/design/tailwind-theme-extend.d.ts

@@ -10,14 +10,14 @@ export const borderRadius: {
     [x: string]: string;
 };
 export const borderWidth: {
-    [key: string]: string;
+    [x: string]: string;
 };
 export const strokeWidth: {
-    [key: string]: string;
+    [x: string]: string;
 };
 export const outlineWidth: {
-    [key: string]: string;
+    [x: string]: string;
 };
 export const outlineOffset: {
-    [key: string]: string;
+    [x: string]: string;
 };

package/dist/server/logger.d.ts

@@ -22,4 +22,3 @@ export type LoggerExtension = {
  */
 /** @type {pino.Logger & LoggerExtension} */
 export const logger: pino.Logger & LoggerExtension;
-import pino from 'pino';

package/dist/util/svelte/index.d.ts

@@ -1,2 +1,3 @@
 export * as observe from "./observe/index.js";
 export * as stateContext from "./state-context/index.js";
+export * as loading from "./loading/loading-tracker.svelte.js";

package/dist/util/svelte/index.js

@@ -1,2 +1,4 @@
 export * as observe from './observe/index.js';
 export * as stateContext from './state-context/index.js';
+
+export * as loading from './loading/loading-tracker.svelte.js';

package/dist/util/svelte/loading/loading-tracker.svelte.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Simple utility for tracking combined loading progress across multiple components
+ *
+ * @typedef {Object} LoadingProgress
+ * @property {number} bytesLoaded - Number of bytes loaded
+ * @property {number} size - Total size in bytes
+ * @property {boolean} loaded - Whether loading is complete
+ */
+/**
+ * Creates a loading tracker that combines progress from multiple sources
+ *
+ * @returns {Object} Loading tracker instance
+ */
+export function createTracker(): any;
+/**
+ * Simple utility for tracking combined loading progress across multiple components
+ */
+export type LoadingProgress = {
+    /**
+     * - Number of bytes loaded
+     */
+    bytesLoaded: number;
+    /**
+     * - Total size in bytes
+     */
+    size: number;
+    /**
+     * - Whether loading is complete
+     */
+    loaded: boolean;
+};

package/dist/util/svelte/loading/loading-tracker.svelte.js

@@ -0,0 +1,108 @@
+/**
+ * Simple utility for tracking combined loading progress across multiple components
+ *
+ * @typedef {Object} LoadingProgress
+ * @property {number} bytesLoaded - Number of bytes loaded
+ * @property {number} size - Total size in bytes
+ * @property {boolean} loaded - Whether loading is complete
+ */
+
+/**
+ * Creates a loading tracker that combines progress from multiple sources
+ *
+ * @returns {Object} Loading tracker instance
+ */
+export function createTracker() {
+  // Store progress for each item by ID
+  const items = new Map();
+
+  // Computed values
+  let totalBytesLoaded = 0;
+  let totalSize = 0;
+  let allLoaded = false;
+  let progressPercent = 0;
+
+  /**
+   * Update the totals based on current items
+   */
+  function updateTotals() {
+    let bytesLoaded = 0;
+    let size = 0;
+    let loaded = items.size > 0;
+
+    // Loop through all items and sum values
+    for (const progress of items.values()) {
+      bytesLoaded += progress.bytesLoaded || 0;
+      size += progress.size || 0;
+
+      if (!progress.loaded) {
+        loaded = false;
+      }
+    }
+
+    // Update state
+    totalBytesLoaded = bytesLoaded;
+    totalSize = size;
+    allLoaded = items.size > 0 ? loaded : false;
+    progressPercent = size > 0 ? Math.round((bytesLoaded / size) * 100) : 0;
+  }
+
+  /**
+   * Track progress for a component
+   *
+   * @param {LoadingProgress} progress - The progress update
+   * @param {string|Symbol} id - The component identifier
+   */
+  function track(progress, id) {
+    if (progress && id) {
+      items.set(id, progress);
+      updateTotals();
+    }
+  }
+
+  /**
+   * Remove an item from tracking
+   *
+   * @param {string|Symbol} id - Item identifier to remove
+   */
+  function remove(id) {
+    if (items.has(id)) {
+      items.delete(id);
+      updateTotals();
+    }
+  }
+
+  /**
+   * Reset the tracker, clearing all items
+   */
+  function reset() {
+    items.clear();
+    updateTotals();
+  }
+
+  // Return the public API
+  return {
+    track,
+    remove,
+    reset,
+
+    // Read-only properties
+    get state() {
+      return {
+        bytesLoaded: totalBytesLoaded,
+        size: totalSize,
+        loaded: allLoaded,
+        percent: progressPercent,
+        itemCount: items.size
+      };
+    },
+
+    get loaded() {
+      return allLoaded;
+    },
+
+    get percent() {
+      return progressPercent;
+    }
+  };
+}

package/dist/widgets/button-group/ButtonGroup.svelte.d.ts

@@ -1,19 +1,4 @@
 export default ButtonGroup;
-type ButtonGroup = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<{
-        [attr: string]: any;
-        base?: string;
-        bg?: string;
-        classes?: string;
-        buttons: ButtonDef[];
-        selected?: ButtonDef;
-        buttonSnippet: Snippet<[{
-            text: string;
-            props: any;
-        }]>;
-    }>): void;
-};
 declare const ButtonGroup: import("svelte").Component<{
     [attr: string]: any;
     base?: string;
@@ -34,8 +19,3 @@ declare const ButtonGroup: import("svelte").Component<{
         props: any;
     }]>;
 }, {}, "selected">;
-type ButtonDef = {
-    text: string;
-    disabled?: boolean;
-    props?: any;
-};

package/dist/widgets/compare-left-right/CompareLeftRight.svelte.d.ts

@@ -1,14 +1,4 @@
 export default CompareLeftRight;
-type CompareLeftRight = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<{
-        leftContent?: Snippet<[]>;
-        rightContent?: Snippet<[]>;
-        classes?: string;
-        dividerColor?: string;
-        handleColor?: string;
-    } & Record<string, any>>): void;
-};
 declare const CompareLeftRight: import("svelte").Component<{
     leftContent?: import("svelte").Snippet;
     rightContent?: import("svelte").Snippet;

package/dist/widgets/game-box/GameBox.svelte.d.ts

@@ -1,45 +1,4 @@
 export default GameBox;
-type GameBox = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<{
-        [attr: string]: any;
-        base?: string;
-        bg?: string;
-        classes?: string;
-        style?: string;
-        aspectOnLandscape?: number;
-        aspectOnPortrait?: number;
-        enableScaling?: boolean;
-        designLandscape?: {
-            width: number;
-            height: number;
-        };
-        designPortrait?: {
-            width: number;
-            height: number;
-        };
-        clamping?: {
-            ui: {
-                min: number;
-                max: number;
-            };
-            textBase: {
-                min: number;
-                max: number;
-            };
-            textHeading: {
-                min: number;
-                max: number;
-            };
-            textUi: {
-                min: number;
-                max: number;
-            };
-        };
-        snippetLandscape?: Snippet<[]>;
-        snippetPortrait?: Snippet<[]>;
-    }>): void;
-};
 declare const GameBox: import("svelte").Component<{
     [attr: string]: any;
     base?: string;

package/dist/widgets/hk-app-layout/HkAppLayout.svelte.d.ts

@@ -1,8 +1,4 @@
 export default HkAppLayout;
-type HkAppLayout = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<AppLayoutProps>): void;
-};
 declare const HkAppLayout: import("svelte").Component<{
     bgPageSnippet?: import("svelte").Snippet | undefined;
     bgSnippet?: import("svelte").Snippet | undefined;
@@ -10,10 +6,3 @@ declare const HkAppLayout: import("svelte").Component<{
     bottomSnippet?: import("svelte").Snippet | undefined;
     children: import("svelte").Snippet;
 }, {}, "">;
-type AppLayoutProps = {
-    bgPageSnippet?: import("svelte").Snippet | undefined;
-    bgSnippet?: import("svelte").Snippet | undefined;
-    topSnippet?: import("svelte").Snippet | undefined;
-    bottomSnippet?: import("svelte").Snippet | undefined;
-    children: import("svelte").Snippet;
-};

package/dist/widgets/image-box/ImageBox.svelte

@@ -14,7 +14,7 @@
 	 *   overflow?: string,
 	 *   fit?: 'contain' | 'cover' | 'fill',
 	 *   position?: string,
-	 *   imageMeta: import('../../config/typedef.js').ImageMeta | import('../../config/typedef.js').ImageMeta[],
+	 *   imageMeta?: import('../../config/typedef.js').ImageMeta | import('../../config/typedef.js').ImageMeta[],
 	 *   imageLoader?: import('../../classes/svelte/image/index.js').ImageLoader,
 	 *   alt?: string,
 	 *   onProgress?: (progress: import('../../classes/svelte/network-loader/typedef.js').LoadingProgress) => void,
@@ -49,9 +49,9 @@
 		...attrs
 	} = $props();
 
-	if (!imageMeta) {
-		throw new Error('Missing [imageMeta]');
-	}
+	// if (!imageMeta) {
+	// 	throw new Error('Missing [imageMeta]');
+	// }
 
 	/** @type {HTMLDivElement|undefined} */
 	let containerElem = $state();

package/dist/widgets/image-box/ImageBox.svelte.d.ts

@@ -1,23 +1,4 @@
 export default ImageBox;
-type ImageBox = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<{
-        [attr: string]: any;
-        base?: string;
-        bg?: string;
-        classes?: string;
-        width?: string;
-        height?: string;
-        aspect?: string;
-        overflow?: string;
-        fit?: "fill" | "contain" | "cover";
-        position?: string;
-        imageMeta: ImageMeta | ImageMeta[];
-        imageLoader?: ImageLoader;
-        alt?: string;
-        onProgress?: (progress: LoadingProgress) => void;
-    }>): void;
-};
 declare const ImageBox: import("svelte").Component<{
     [attr: string]: any;
     base?: string;
@@ -29,7 +10,7 @@ declare const ImageBox: import("svelte").Component<{
     overflow?: string;
     fit?: "contain" | "cover" | "fill";
     position?: string;
-    imageMeta: import("../../config/typedef.js").ImageMeta | import("../../config/typedef.js").ImageMeta[];
+    imageMeta?: import("../../config/typedef.js").ImageMeta | import("../../config/typedef.js").ImageMeta[];
     imageLoader?: import("../../classes/svelte/image/index.js").ImageLoader;
     alt?: string;
     onProgress?: (progress: import("../../classes/svelte/network-loader/typedef.js").LoadingProgress) => void;

package/dist/widgets/presenter/ImageSlide.svelte.d.ts

@@ -1,6 +1,2 @@
 export default ImageSlide;
-type ImageSlide = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<Record<string, any>>): void;
-};
-declare const ImageSlide: import("svelte").Component<Record<string, any>, {}, "">;
+declare const ImageSlide: import("svelte").Component<Record<string, unknown>, {}, "">;

package/dist/widgets/presenter/Presenter.svelte.d.ts

@@ -1,15 +1,4 @@
 export default Presenter;
-type Presenter = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<{
-        classes?: string;
-        slides?: Slide[];
-        autostart?: boolean;
-        startSlide?: string;
-        instanceKey?: string | Symbol;
-        layoutSnippet: Snippet<[Slide, Layer]>;
-    }>): void;
-};
 declare const Presenter: import("svelte").Component<{
     classes?: string;
     slides?: import("./typedef.js").Slide[];

package/dist/widgets/virtual-viewport/VirtualViewport.svelte.d.ts

@@ -1,26 +1,4 @@
 export default VirtualViewport;
-type VirtualViewport = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<{
-        [attr: string]: any;
-        base?: string;
-        bg?: string;
-        classes?: string;
-        width?: string;
-        height?: string;
-        overflow?: string;
-        designWidth?: number;
-        designHeight?: number;
-        scaleViewport?: number;
-        scaleW?: number;
-        scaleH?: number;
-        scaleUI?: number;
-        scaleTextBase?: number;
-        scaleTextHeading?: number;
-        scaleTextUI?: number;
-        children?: Snippet<[]>;
-    }>): void;
-};
 declare const VirtualViewport: import("svelte").Component<{
     [attr: string]: any;
     base?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@hkdigital/lib-sveltekit",
-	"version": "0.1.21",
+	"version": "0.1.23",
 	"author": {
 		"name": "HKdigital",
 		"url": "https://hkdigital.nl"