@hkdigital/lib-sveltekit 0.1.1 → 0.1.2

package/dist/classes/svelte/audio/AudioScene.svelte.js

@@ -14,7 +14,7 @@ import {
 	LOADED,
 	UNLOAD,
 	INITIAL
-} from '../loading-state-machine/index.js';
+} from '$lib/classes/svelte/loading-state-machine/index.js';
 
 import AudioLoader from './AudioLoader.svelte.js';
 

package/dist/classes/svelte/image/ImageLoader.svelte.js

@@ -6,7 +6,7 @@ import {
   NetworkLoader
   // ERROR_NOT_LOADED,
   // ERROR_TRANSFERRED
-} from '../network-loader/index.js';
+} from '$lib/classes/svelte/network-loader/index.js';
 
 /**
  * ImageLoader instance

package/dist/classes/svelte/image/ImageScene.svelte.js

@@ -16,7 +16,7 @@ import {
   LOADED,
   UNLOAD,
   INITIAL
-} from '../loading-state-machine/index.js';
+} from '$lib/classes/svelte/loading-state-machine/index.js';
 
 import ImageLoader from './ImageLoader.svelte.js';
 

package/dist/classes/svelte/network-loader/NetworkLoader.svelte.js

@@ -14,7 +14,7 @@ import {
   LOADED,
   UNLOAD,
   INITIAL
-} from '../loading-state-machine/index.js';
+} from '$lib/classes/svelte/loading-state-machine/index.js';
 
 import * as expect from '../../../util/expect/index.js';
 

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

@@ -1,4 +1,18 @@
 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,4 +1,26 @@
 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/boxes/game-box/GameBox.svelte.d.ts

@@ -1,4 +1,19 @@
 export default GameBox;
+type GameBox = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<{
+        base?: string;
+        bg?: string;
+        classes?: string;
+        style?: string;
+        aspectOnLandscape?: number;
+        aspectOnPortrait?: number;
+        onLandscape?: Snippet<[]>;
+        onPortrait?: Snippet<[]>;
+    } & {
+        [attr: string]: any;
+    }>): void;
+};
 declare const GameBox: import("svelte").Component<{
     base?: string;
     bg?: string;

package/dist/components/boxes/virtual-viewport/VirtualViewport.svelte.d.ts

@@ -1,4 +1,26 @@
 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;
+        scaleTextContent?: number;
+        scaleTextHeading?: number;
+        scaleTextUI?: number;
+        children?: Snippet<[]>;
+    }>): void;
+};
 declare const VirtualViewport: import("svelte").Component<{
     [attr: string]: any;
     base?: string;

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

@@ -1,4 +1,25 @@
 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?: "primary" | "secondary";
+        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-text/TextButton.svelte.d.ts

@@ -1,4 +1,11 @@
 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/hkdev/blocks/TextBlock.svelte.d.ts

@@ -1,4 +1,17 @@
 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,4 +1,22 @@
 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/icon/HkIcon.svelte.d.ts

@@ -1,4 +1,16 @@
 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/icon/HkTabIcon.svelte.d.ts

@@ -1,4 +1,25 @@
 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/image/ImageBox.svelte.d.ts

@@ -1,4 +1,23 @@
 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;

package/dist/components/image/ResponsiveImage.svelte.d.ts

@@ -1,5 +1,21 @@
 export default ResponsiveImage;
 export type ImageMeta = import("../../config/typedef.js").ImageMeta;
+type ResponsiveImage = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<{
+        base?: string;
+        classes?: string;
+        boxBase?: string;
+        boxClasses?: string;
+        boxAttrs?: {
+            [attr: string]: any;
+        };
+        images: ImageMeta[];
+        alt?: string;
+    } & {
+        [attr: string]: any;
+    }>): void;
+};
 declare const ResponsiveImage: import("svelte").Component<{
     base?: string;
     classes?: string;

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

@@ -1,4 +1,32 @@
 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/HkAppLayout.svelte.d.ts

@@ -1,4 +1,8 @@
 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;
@@ -6,3 +10,10 @@ 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/components/layout/HkGridLayers.svelte.d.ts

@@ -1,4 +1,27 @@
 export default HkGridLayers;
+type HkGridLayers = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<{
+        base?: string;
+        bg?: string;
+        padding?: string;
+        margin?: string;
+        height?: 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 HkGridLayers: import("svelte").Component<{
     base?: string;
     bg?: string;

package/dist/components/panels/plain-panel/PlainPanel.svelte.d.ts

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

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

@@ -1,4 +1,18 @@
 export default PanelGridRow;
+type PanelGridRow = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<{
+        base?: string;
+        bg?: string;
+        justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | "stretch" | "normal";
+        justifyItems?: "center" | "start" | "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,4 +1,18 @@
 export default PanelRow2;
+type PanelRow2 = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<{
+        base?: string;
+        bg?: string;
+        justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | "stretch" | "normal";
+        justifyItems?: "center" | "start" | "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,4 +1,22 @@
 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,4 +1,23 @@
 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/components/widgets/compare-left-right/CompareLeftRight.svelte.d.ts

@@ -1,4 +1,14 @@
 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/design-system/tailwind-theme-extend.d.ts

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

package/dist/util/http/index.js

@@ -5,7 +5,7 @@
 // 	AbortError,
 // 	TimeoutError,
 // 	TypeOrValueError
-// } from '../../constants/errors/index.js';
+// } from '$lib/constants/errors/index.js';
 
 // import { setRequestHeaders } from './headers.js';
 // import { getErrorFromResponse } from './errors.js';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@hkdigital/lib-sveltekit",
-	"version": "0.1.1",
+	"version": "0.1.2",
 	"author": {
 		"name": "HKdigital",
 		"url": "https://hkdigital.nl"
@@ -63,37 +63,37 @@
 		"valibot": "^0.42.1"
 	},
 	"devDependencies": {
-		"@playwright/test": "^1.49.1",
+		"@playwright/test": "^1.50.1",
 		"@skeletonlabs/skeleton": "3.0.0-next.2",
 		"@skeletonlabs/skeleton-svelte": "1.0.0-next.4",
 		"@steeze-ui/heroicons": "^2.4.2",
-		"@sveltejs/adapter-auto": "^3.3.1",
-		"@sveltejs/package": "^2.3.7",
+		"@sveltejs/adapter-auto": "^4.0.0",
+		"@sveltejs/package": "^2.3.10",
 		"@sveltejs/vite-plugin-svelte": "^5.0.3",
 		"@tailwindcss/typography": "^0.5.16",
 		"@types/eslint": "^9.6.1",
 		"autoprefixer": "^10.4.20",
-		"eslint": "^9.18.0",
-		"eslint-config-prettier": "^10.0.1",
-		"eslint-plugin-svelte": "^2.46.1",
-		"globals": "^15.14.0",
+		"eslint": "^9.21.0",
+		"eslint-config-prettier": "^10.0.2",
+		"eslint-plugin-svelte": "^3.0.2",
+		"globals": "^16.0.0",
 		"jsdom": "^26.0.0",
-		"postcss": "^8.5.1",
+		"postcss": "^8.5.3",
 		"postcss-mixins": "^11.0.3",
-		"prettier": "^3.4.2",
+		"prettier": "^3.5.3",
 		"prettier-plugin-svelte": "^3.3.3",
-		"prettier-plugin-tailwindcss": "^0.6.9",
-		"publint": "^0.3.2",
-		"standardized-audio-context-mock": "^9.7.15",
-		"svelte": "^5.17.5",
+		"prettier-plugin-tailwindcss": "^0.6.11",
+		"publint": "^0.3.7",
+		"standardized-audio-context-mock": "^9.7.16",
+		"svelte": "^5.20.5",
 		"svelte-check": "^4.1.4",
 		"tailwindcss": "^3.4.17",
-		"typescript": "^5.7.3",
-		"vite": "^6.0.7",
+		"typescript": "^5.8.2",
+		"vite": "^6.2.0",
 		"vite-imagetools": "^7.0.5",
-		"vitest": "^2.1.8"
+		"vitest": "^3.0.7"
 	},
 	"dependencies": {
-		"zod": "^3.24.1"
+		"zod": "^3.24.2"
 	}
 }