@hkdigital/lib-core 0.3.14 → 0.4.3

package/dist/ui/components/button-group/index.d.ts

@@ -0,0 +1 @@
+export { default as ButtonGroup } from "./ButtonGroup.svelte";

package/dist/ui/components/button-group/index.js

@@ -0,0 +1 @@
+export { default as ButtonGroup } from './ButtonGroup.svelte';

package/dist/ui/{primitives → components}/drag-drop/DragDropContext.svelte

@@ -5,7 +5,7 @@
 
   /**
    * @type {{
-   *   contextKey?: import('../../../typedef').ContextKey,
+   *   contextKey?: import('../../../state/context/typedef.js').ContextKey,
    *   base?: string,
    *   classes?: string,
    *   children: import('svelte').Snippet,

package/dist/ui/{primitives → components}/drag-drop/DragDropContext.svelte.d.ts

@@ -11,7 +11,7 @@ type DragDropContext = {
 };
 declare const DragDropContext: import("svelte").Component<{
     [key: string]: any;
-    contextKey?: import("../../../typedef").ContextKey;
+    contextKey?: import("../../../state/context/typedef.js").ContextKey;
     base?: string;
     classes?: string;
     children: import("svelte").Snippet;

package/dist/ui/{primitives → components}/drag-drop/Draggable.svelte

@@ -12,7 +12,7 @@
     DROPPING
   } from '../../../constants/states/drag.js';
 
-  /** @typedef {import('../../../typedef').SimulatedDragEvent} SimulatedDragEvent */
+  /** @typedef {import('../../typedef.js').SimulatedDragEvent} SimulatedDragEvent */
 
   /**
    * @type {{
@@ -32,7 +32,7 @@
    *     element: HTMLElement,
    *     rect: DOMRect
    *   }]>,
-   *   contextKey?: import('../../../typedef').ContextKey,
+   *   contextKey?: import('../../../state/context/typedef.js').ContextKey,
    *   isDragging?: boolean,
    *   isDropping?: boolean,
    *   isDragPreview?: boolean,

package/dist/ui/{primitives → components}/drag-drop/Draggable.svelte.d.ts

@@ -65,7 +65,7 @@ declare const Draggable: import("svelte").Component<{
         element: HTMLElement;
         rect: DOMRect;
     }]>;
-    contextKey?: import("../../../typedef").ContextKey;
+    contextKey?: import("../../../state/context/typedef.js").ContextKey;
     isDragging?: boolean;
     isDropping?: boolean;
     isDragPreview?: boolean;

package/dist/ui/{primitives → components}/drag-drop/DropZone.svelte

@@ -1,7 +1,7 @@
 <script>
   import { toStateClasses } from '../../../design/index.js';
   import { createOrGetDragState } from './drag-state.svelte.js';
-  import { GridLayers } from '../layout';
+  import { GridLayers } from '../../components.js';
   import { generateLocalId } from '../../../util/unique';
   import {
     READY,
@@ -10,8 +10,8 @@
     CANNOT_DROP
   } from '../../../constants/states/drop.js';
 
-  /** @typedef {import('../../../typedef').DragData} DragData */
-  /** @typedef {import('../../../typedef').DropData} DropData */
+  /** @typedef {import('../../typedef.js').DragData} DragData */
+  /** @typedef {import('../../typedef.js').DropData} DropData */
 
   /**
    * @type {{
@@ -25,7 +25,7 @@
    *   maxHeight?: string,
    *   heightMode?: 'fixed' | 'flexible' | 'fill',
    *   children?: import('svelte').Snippet,
-   *   contextKey?: import('../../../typedef').ContextKey,
+   *   contextKey?: import('../../../state/context/typedef.js').ContextKey,
    *   dropPreviewSnippet?: import('svelte').Snippet<[DragData]>,
    *   isDragOver?: boolean,
    *   canDrop?: boolean,

package/dist/ui/{primitives → components}/drag-drop/DropZone.svelte.d.ts

@@ -63,8 +63,8 @@ declare const DropZone: import("svelte").Component<{
     maxHeight?: string;
     heightMode?: "fixed" | "flexible" | "fill";
     children?: import("svelte").Snippet;
-    contextKey?: import("../../../typedef").ContextKey;
-    dropPreviewSnippet?: import("svelte").Snippet<[import("../../../typedef").DragData]>;
+    contextKey?: import("../../../state/context/typedef.js").ContextKey;
+    dropPreviewSnippet?: import("svelte").Snippet<[import("../../typedef.js").DragData]>;
     isDragOver?: boolean;
     canDrop?: boolean;
     onDragEnter?: (detail: {
@@ -80,7 +80,7 @@ declare const DropZone: import("svelte").Component<{
         event: DragEvent;
         zone: string;
     }) => void;
-    onDrop?: (detail: import("../../../typedef").DropData) => any | Promise<any>;
+    onDrop?: (detail: import("../../typedef.js").DropData) => any | Promise<any>;
     onDropStart?: (detail: {
         event: DragEvent;
         zone: string;

package/dist/ui/{primitives → components}/drag-drop/DropZoneArea.svelte

@@ -13,8 +13,8 @@
    *   base?: string,
    *   classes?: string,
    *   children?: import('svelte').Snippet,
-   *   contextKey?: import('../../../typedef').ContextKey,
-   *   dropPreviewSnippet?: import('svelte').Snippet<[import('../../../typedef').DragData]>,
+   *   contextKey?: import('../../../state/context/typedef.js').ContextKey,
+   *   dropPreviewSnippet?: import('svelte').Snippet<[import('./typedef.js').DragData]>,
    *   isDragOver?: boolean,
    *   canDrop?: boolean,
    *   onDragEnter?: (detail: {
@@ -30,7 +30,7 @@
    *     event: DragEvent,
    *     zone: string
    *   }) => void,
-   *   onDrop?: (detail: import('../../../typedef').DropData) => any | Promise<any>,
+   *   onDrop?: (detail: import('./typedef.js').DropData) => any | Promise<any>,
    *   onDropStart?: (detail: {
    *     event: DragEvent,
    *     zone: string,

package/dist/ui/{primitives → components}/drag-drop/DropZoneArea.svelte.d.ts

@@ -9,7 +9,7 @@ type DropZoneArea = {
         accepts?: (item: any) => boolean;
         fillContainer?: boolean;
         aspectRatio?: string;
-        overflow?: "scroll" | "auto" | "visible" | "hidden";
+        overflow?: "scroll" | "auto" | "hidden" | "visible";
         base?: string;
         classes?: string;
         children?: Snippet<[]>;
@@ -57,8 +57,8 @@ declare const DropZoneArea: import("svelte").Component<{
     base?: string;
     classes?: string;
     children?: import("svelte").Snippet;
-    contextKey?: import("../../../typedef").ContextKey;
-    dropPreviewSnippet?: import("svelte").Snippet<[import("../../../typedef").DragData]>;
+    contextKey?: import("../../../state/context/typedef.js").ContextKey;
+    dropPreviewSnippet?: import("svelte").Snippet<[import("./typedef.js").DragData]>;
     isDragOver?: boolean;
     canDrop?: boolean;
     onDragEnter?: (detail: {
@@ -74,7 +74,7 @@ declare const DropZoneArea: import("svelte").Component<{
         event: DragEvent;
         zone: string;
     }) => void;
-    onDrop?: (detail: import("../../../typedef").DropData) => any | Promise<any>;
+    onDrop?: (detail: import("./typedef.js").DropData) => any | Promise<any>;
     onDropStart?: (detail: {
         event: DragEvent;
         zone: string;

package/dist/ui/{primitives → components}/drag-drop/DropZoneList.svelte

@@ -14,8 +14,8 @@
    *   base?: string,
    *   classes?: string,
    *   children?: import('svelte').Snippet,
-   *   contextKey?: import('../../../typedef').ContextKey,
-   *   dropPreviewSnippet?: import('svelte').Snippet<[import('../../../typedef').DragData]>,
+   *   contextKey?: import('../../../state/context/typedef.js').ContextKey,
+   *   dropPreviewSnippet?: import('svelte').Snippet<[import('./typedef.js').DragData]>,
    *   isDragOver?: boolean,
    *   canDrop?: boolean,
    *   onDragEnter?: (detail: {
@@ -31,7 +31,7 @@
    *     event: DragEvent,
    *     zone: string
    *   }) => void,
-   *   onDrop?: (detail: import('../../../typedef').DropData) => any | Promise<any>,
+   *   onDrop?: (detail: import('./typedef.js').DropData) => any | Promise<any>,
    *   onDropStart?: (detail: {
    *     event: DragEvent,
    *     zone: string,

package/dist/ui/{primitives → components}/drag-drop/DropZoneList.svelte.d.ts

@@ -59,8 +59,8 @@ declare const DropZoneList: import("svelte").Component<{
     base?: string;
     classes?: string;
     children?: import("svelte").Snippet;
-    contextKey?: import("../../../typedef").ContextKey;
-    dropPreviewSnippet?: import("svelte").Snippet<[import("../../../typedef").DragData]>;
+    contextKey?: import("../../../state/context/typedef.js").ContextKey;
+    dropPreviewSnippet?: import("svelte").Snippet<[import("./typedef.js").DragData]>;
     isDragOver?: boolean;
     canDrop?: boolean;
     onDragEnter?: (detail: {
@@ -76,7 +76,7 @@ declare const DropZoneList: import("svelte").Component<{
         event: DragEvent;
         zone: string;
     }) => void;
-    onDrop?: (detail: import("../../../typedef").DropData) => any | Promise<any>;
+    onDrop?: (detail: import("./typedef.js").DropData) => any | Promise<any>;
     onDropStart?: (detail: {
         event: DragEvent;
         zone: string;

package/dist/ui/{primitives → components}/drag-drop/drag-state.svelte.d.ts

@@ -1,8 +1,8 @@
-export const createOrGetDragState: (contextKey?: import("../../../typedef").ContextKey) => DragState;
-export const createDragState: (contextKey?: import("../../../typedef").ContextKey) => DragState;
-export const getDragState: (contextKey?: import("../../../typedef").ContextKey) => DragState;
-export type SimulatedDragEvent = import("../../../typedef").SimulatedDragEvent;
-/** @typedef {import('../../../typedef').SimulatedDragEvent} SimulatedDragEvent */
+export const createOrGetDragState: (contextKey?: import("../../../state/context/typedef.js").ContextKey) => DragState;
+export const createDragState: (contextKey?: import("../../../state/context/typedef.js").ContextKey) => DragState;
+export const getDragState: (contextKey?: import("../../../state/context/typedef.js").ContextKey) => DragState;
+export type SimulatedDragEvent = import("../../typedef.js").SimulatedDragEvent;
+/** @typedef {import('../../typedef.js').SimulatedDragEvent} SimulatedDragEvent */
 declare class DragState {
     draggables: Map<any, any>;
     draggableIdCount: number;
@@ -61,9 +61,9 @@ declare class DragState {
     handleDropAtPoint(x: number, y: number, event: DragEvent | SimulatedDragEvent): void;
     /**
      * @param {string} draggableId
-     * @param {import('../../../typedef/drag.js').DragData} dragData
+     * @param {import('./typedef.js').DragData} dragData
      */
-    start(draggableId: string, dragData: import("../../../typedef/drag.js").DragData): void;
+    start(draggableId: string, dragData: import("./typedef.js").DragData): void;
     /**
      * @param {string} draggableId
      */
@@ -73,9 +73,9 @@ declare class DragState {
      * Get a drag data by draggable id
      *
      * @param {string} draggableId
-     * @returns {import('../../../typedef/drag.js').DragData|undefined}
+     * @returns {import('./typedef.js').DragData|undefined}
      */
-    getDraggableById(draggableId: string): import("../../../typedef/drag.js").DragData | undefined;
+    getDraggableById(draggableId: string): import("./typedef.js").DragData | undefined;
     /**
      * Get a drag data. Extracts draggable id from the supplied DragEvent
      *
@@ -86,9 +86,9 @@ declare class DragState {
     getDraggable(event: DragEvent | SimulatedDragEvent): any | null;
     /**
      * Get the most recently started drag operation (convenience method)
-     * @returns {import('../../../typedef/drag.js').DragData|undefined}
+     * @returns {import('./typedef.js').DragData|undefined}
      */
-    get current(): import("../../../typedef/drag.js").DragData | undefined;
+    get current(): import("./typedef.js").DragData | undefined;
     /**
      * @returns {boolean}
      */

package/dist/ui/{primitives → components}/drag-drop/drag-state.svelte.js

@@ -1,7 +1,7 @@
 // drag-state.svelte.js
-import { defineStateContext } from '../../../util/svelte/state-context/index.js';
+import { defineStateContext } from '../../../state/context.js';
 
-/** @typedef {import('../../../typedef').SimulatedDragEvent} SimulatedDragEvent */
+/** @typedef {import('../../typedef.js').SimulatedDragEvent} SimulatedDragEvent */
 
 class DragState {
   // Existing draggables map
@@ -216,7 +216,7 @@ class DragState {
 
   /**
    * @param {string} draggableId
-   * @param {import('../../../typedef/drag.js').DragData} dragData
+   * @param {import('./typedef.js').DragData} dragData
    */
   start(draggableId, dragData) {
     // console.debug('DragState.start called:', draggableId, dragData);
@@ -257,7 +257,7 @@ class DragState {
    * Get a drag data by draggable id
    *
    * @param {string} draggableId
-   * @returns {import('../../../typedef/drag.js').DragData|undefined}
+   * @returns {import('./typedef.js').DragData|undefined}
    */
   getDraggableById(draggableId) {
     return this.draggables.get(draggableId);
@@ -303,7 +303,7 @@ class DragState {
 
   /**
    * Get the most recently started drag operation (convenience method)
-   * @returns {import('../../../typedef/drag.js').DragData|undefined}
+   * @returns {import('./typedef.js').DragData|undefined}
    */
   get current() {
     const entries = Array.from(this.draggables.entries());

package/dist/ui/components/drag-drop/typedef.d.ts

@@ -0,0 +1,2 @@
+export * from "./typedef/drag.js";
+export * from "./typedef/drop.js";

package/dist/ui/components/drag-drop/typedef.js

@@ -0,0 +1,2 @@
+export * from './typedef/drag.js';
+export * from './typedef/drop.js';

package/dist/ui/components/game-box/GameBox.svelte

@@ -7,7 +7,7 @@
   } from './gamebox.util.js';
 
   import { enableContainerScaling } from '../../../design/index.js';
-  // import { enableContainerScaling } from '@hkdigital/lib-sveltekit/util/design-system/index.js';
+  // import { enableContainerScaling } from '@hkdigital/lib-core/design/index.js';
 
   /**
    * @typedef {{

package/dist/ui/components/game-box/index.d.ts

@@ -0,0 +1 @@
+export { default as GameBox } from "./GameBox.svelte";

package/dist/ui/components/game-box/index.js

@@ -0,0 +1 @@
+export { default as GameBox } from './GameBox.svelte';

package/dist/ui/components/grid-layers/index.d.ts

@@ -0,0 +1 @@
+export { default as GridLayers } from "./GridLayers.svelte";

package/dist/ui/components/grid-layers/index.js

@@ -0,0 +1 @@
+export { default as GridLayers } from './GridLayers.svelte';

package/dist/ui/{primitives/layout → components}/grid-layers/util.js

@@ -70,5 +70,5 @@ export function measureTargetLayer(container, layerId) {
   // Calculate total height including margins
   const height = rect.height > 0 ? rect.height + marginTop + marginBottom : 0;
   
-  return { element: layerElement, height };
+  return { element: /** @type {HTMLElement} */ (layerElement), height };
 }

package/dist/ui/components/hk-app-layout/HkAppLayout.state.svelte.d.ts

@@ -1,6 +1,6 @@
 export class AppLayoutState {
     landscapeOnSmallScreen: boolean;
 }
-export const createOrGetState: (contextKey?: import("../../../typedef").ContextKey) => AppLayoutState;
-export const createState: (contextKey?: import("../../../typedef").ContextKey) => AppLayoutState;
-export const getState: (contextKey?: import("../../../typedef").ContextKey) => AppLayoutState;
+export const createOrGetState: (contextKey?: import("../../../state/context/typedef").ContextKey) => AppLayoutState;
+export const createState: (contextKey?: import("../../../state/context/typedef").ContextKey) => AppLayoutState;
+export const getState: (contextKey?: import("../../../state/context/typedef").ContextKey) => AppLayoutState;

package/dist/ui/components/hk-app-layout/HkAppLayout.state.svelte.js

@@ -1,7 +1,6 @@
-import { defineStateContext } from '../../../util/svelte/state-context/index.js';
+import { defineStateContext } from '../../../state/context.js';
 
 import { browser } from '$app/environment';
-
 import { MediaQuery } from 'svelte/reactivity';
 
 /* ------------------------------------------------------- Define state class */
@@ -11,10 +10,10 @@ export class AppLayoutState {
 
 	constructor() {
 		if (browser) {
-			let mq = new MediaQuery('(max-height: 400px');
+			let mq = new MediaQuery('(max-height: 400px)');
 
 			$effect(() => {
-				this.landscapeOnSmallScreen = mq.matches ? true : false;
+				this.landscapeOnSmallScreen = mq.current ? true : false;
 			});
 		}
 	}

package/dist/ui/components/hk-app-layout/index.d.ts

@@ -0,0 +1 @@
+export { default as HkAppLayout } from "./HkAppLayout.svelte";

package/dist/ui/components/hk-app-layout/index.js

@@ -0,0 +1 @@
+export { default as HkAppLayout } from './HkAppLayout.svelte';

package/dist/ui/components/image-box/ImageBox.svelte

@@ -13,8 +13,8 @@
 	 *   aspect?: string,
 	 *   overflow?: string,
 	 *   fit?: 'contain' | 'cover' | 'fill',
-	 *   position?: import('../../../network/typedef.js').ObjectPosition,
-	 *   imageSource?: import('../../../network/typedef.js').ImageSource,
+	 *   position?: import('../../../network/loaders/typedef.js').ObjectPosition,
+	 *   imageSource?: import('../../../config/typedef.js').ImageSource,
 	 *   imageLoader?: import('../../../network/loaders.js').ImageLoader,
 	 *   alt?: string,
 	 *   id?: string|Symbol

package/dist/ui/components/image-box/ImageBox.svelte.d.ts

@@ -10,7 +10,7 @@ type ImageBox = {
         height?: string;
         aspect?: string;
         overflow?: string;
-        fit?: "fill" | "contain" | "cover";
+        fit?: "fill" | "cover" | "contain";
         position?: string;
         imageSource?: ImageSource;
         imageLoader?: ImageLoader;
@@ -29,8 +29,8 @@ declare const ImageBox: import("svelte").Component<{
     aspect?: string;
     overflow?: string;
     fit?: "contain" | "cover" | "fill";
-    position?: import("../../../network/typedef.js").ObjectPosition;
-    imageSource?: import("../../../network/typedef.js").ImageSource;
+    position?: import("../../../network/loaders/typedef.js").ObjectPosition;
+    imageSource?: import("../../../config/typedef.js").ImageSource;
     imageLoader?: import("../../../network/loaders.js").ImageLoader;
     alt?: string;
     id?: string | Symbol;

package/dist/ui/components/image-box/index.d.ts

@@ -1,4 +1,4 @@
 export { default as ImageBox } from "./ImageBox.svelte";
 declare const _default: {};
 export default _default;
-export type ImageMeta = any;
+export type ImageMeta = import("../../../config/typedef.js").ImageMeta;

package/dist/ui/components/presenter/ImageSlide.svelte

@@ -3,7 +3,7 @@
 
   /**
    * @type {{
-   *   imageMeta?: import('../../../network/typedef.js').ImageSource,
+   *   imageMeta?: import('../../../config/typedef.js').ImageSource,
    *   slideDuration?: number,
    *   nextSlideLabel?: string,
    *   presenter?: { gotoSlide: (name: string) => void, getCurrentSlideName: () => string },

package/dist/ui/components/presenter/ImageSlide.svelte.d.ts

@@ -14,13 +14,13 @@ type ImageSlide = {
             loaded: () => void;
             cancel: () => void;
         };
-        fit?: "fill" | "contain" | "cover";
+        fit?: "fill" | "cover" | "contain";
         position?: string;
     }>): void;
 };
 declare const ImageSlide: import("svelte").Component<{
     [attr: string]: any;
-    imageMeta?: import("../../../network/typedef.js").ImageSource;
+    imageMeta?: import("../../../config/typedef.js").ImageSource;
     slideDuration?: number;
     nextSlideLabel?: string;
     presenter?: {

package/dist/ui/components/presenter/Presenter.state.svelte.d.ts

@@ -14,9 +14,9 @@ export class PresenterState {
     /** @type {string} */
     nextLayerLabel: string;
     /** @type {HkPromise[]} */
-    transitionPromises: HkPromise[];
+    transitionPromises: HkPromise<any>[];
     /** @type {HkPromise} */
-    slideLoadingPromise: HkPromise;
+    slideLoadingPromise: HkPromise<any>;
     /** @type {boolean} */
     isSlideLoading: boolean;
     /** @type {boolean} */
@@ -71,4 +71,4 @@ export type Layer = import("./typedef").Layer;
 export type PresenterRef = import("./typedef").PresenterRef;
 export type LoadController = import("./typedef").LoadController;
 export type ListenerParams = import("./typedef").ListenerParams;
-import { HkPromise } from '../../../classes/promise/index.js';
+import { HkPromise } from '../../../generic/promises.js';

package/dist/ui/components/presenter/Presenter.state.svelte.js

@@ -4,7 +4,7 @@ import { findFirst } from '../../../util/array/index.js';
 
 import { untrack } from 'svelte';
 
-import { HkPromise } from '../../../classes/promise/index.js';
+import { HkPromise } from '../../../generic/promises.js';
 
 import { STAGE_BEFORE, STAGE_SHOW } from './constants.js';
 

package/dist/ui/components/presenter/Presenter.svelte

@@ -1,7 +1,7 @@
 <script>
   import { onMount } from 'svelte';
 
-  import { GridLayers } from '../../primitives/layout/index.js';
+  import { GridLayers } from '../../components.js';
 
   import { PresenterState } from './Presenter.state.svelte.js';
   import { cssBefore, cssDuring, waitForRender } from './util.js';

package/dist/ui/components/presenter/Presenter.svelte.d.ts

@@ -13,6 +13,6 @@ declare const Presenter: import("svelte").Component<{
     classes?: string;
     slides?: import("./typedef.js").Slide[];
     presenterRef?: import("./Presenter.state.svelte.js").PresenterRef;
-    layoutSnippet: import("svelte").Snippet<[import("./typedef.js").Slide | null, import("./typedef.js").Layer]>;
+    layoutSnippet: import("svelte").Snippet<[import("../../components.js").Slide | null, import("../../components.js").Layer]>;
     loadingSnippet?: import("svelte").Snippet;
 }, {}, "presenterRef">;

package/dist/ui/{primitives → components}/rows/panel-grid-row/PanelGridRow.svelte.d.ts

@@ -4,7 +4,7 @@ type PanelGridRow = {
     $set?(props: Partial<{
         base?: string;
         bg?: string;
-        justify?: "center" | "normal" | "start" | "end" | "between" | "around" | "evenly" | "stretch";
+        justify?: "normal" | "center" | "start" | "end" | "between" | "around" | "evenly" | "stretch";
         justifyItems?: "center" | "start" | "end" | "stretch";
         gap?: string;
         classes?: string;

package/dist/ui/{primitives → components}/rows/panel-row-2/PanelRow2.svelte.d.ts

@@ -4,7 +4,7 @@ type PanelRow2 = {
     $set?(props: Partial<{
         base?: string;
         bg?: string;
-        justify?: "center" | "normal" | "start" | "end" | "between" | "around" | "evenly" | "stretch";
+        justify?: "normal" | "center" | "start" | "end" | "between" | "around" | "evenly" | "stretch";
         justifyItems?: "center" | "start" | "end" | "stretch";
         gap?: string;
         classes?: string;

package/dist/ui/{primitives → components}/tab-bar/HkTabBar.state.svelte.d.ts

@@ -48,7 +48,7 @@ export class HkTabBarState {
      */
     linkTab(index: number, tabElement: HTMLElement): void;
 }
-export const createOrGetState: (contextKey?: import("../../../typedef/context.js").ContextKey) => HkTabBarState;
-export const createState: (contextKey?: import("../../../typedef/context.js").ContextKey) => HkTabBarState;
-export const getState: (contextKey?: import("../../../typedef/context.js").ContextKey) => HkTabBarState;
+export const createOrGetState: (contextKey?: import("../../../state/context/typedef.js").ContextKey) => HkTabBarState;
+export const createState: (contextKey?: import("../../../state/context/typedef.js").ContextKey) => HkTabBarState;
+export const getState: (contextKey?: import("../../../state/context/typedef.js").ContextKey) => HkTabBarState;
 export type Tab = import("./typedef.js").Tab;

package/dist/ui/{primitives → components}/tab-bar/HkTabBar.state.svelte.js

@@ -1,5 +1,7 @@
-import { defineStateContext } from '../../../util/svelte/state-context/index.js';
-import { nav } from '../../../states/navigation.svelte.js';
+
+import { defineStateContext } from '../../../state/context.js';
+
+import { nav } from '../../../browser/navigation.js';
 
 import { goto } from '$app/navigation';
 

package/dist/ui/{primitives → components}/tab-bar/HkTabBar.svelte

@@ -8,7 +8,7 @@
 
 	import { createOrGetState } from './HkTabBar.state.svelte';
 
-	import { HkGridArea } from '../area/index.js';
+	import { HkGridArea } from '../../primitives.js';
 
 	/**
 	 * @type {{
@@ -19,7 +19,7 @@
 	 *   margin?: string,
 	 *   classes?: string,
 	 *   style?: string,
-	 *   contextKey?: Symbol | string,
+	 *   contextKey?: import('../../../state/context/typedef.js').ContextKey,
 	 *   children: import('svelte').Snippet,
 	 *   onmount?: function,
 	 *   domElem?: HTMLElement

package/dist/ui/{primitives → components}/tab-bar/HkTabBar.svelte.d.ts

@@ -9,7 +9,7 @@ type HkTabBar = {
         margin?: string;
         classes?: string;
         style?: string;
-        contextKey?: string | Symbol;
+        contextKey?: ContextKey;
         children: Snippet<[]>;
         onmount?: Function;
         domElem?: HTMLElement;
@@ -25,7 +25,7 @@ declare const HkTabBar: import("svelte").Component<{
     margin?: string;
     classes?: string;
     style?: string;
-    contextKey?: Symbol | string;
+    contextKey?: import("../../../state/context/typedef.js").ContextKey;
     children: import("svelte").Snippet;
     onmount?: Function;
     domElem?: HTMLElement;

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

@@ -0,0 +1,19 @@
+export class HkTabBarSelectorState {
+    /** @type {HTMLElement|undefined} */
+    /** @type {number} */
+    selectorWidth: number;
+    selectorStyle: string;
+    /** @type {DOMRect[]} */
+    iconSizes: DOMRect[];
+    /**
+     * Link the tab bar selector to a tab bar state
+     *
+     * @param {import('./HkTabBar.state.svelte.js').HkTabBarState} tabBarState
+     */
+    linkToTabBarState(tabBarState: import("./HkTabBar.state.svelte.js").HkTabBarState): void;
+    tabBarState: import("./HkTabBar.state.svelte.js").HkTabBarState;
+    #private;
+}
+export const createOrGetState: (contextKey?: import("../../../state/context/typedef.js").ContextKey) => HkTabBarSelectorState;
+export const createState: (contextKey?: import("../../../state/context/typedef.js").ContextKey) => HkTabBarSelectorState;
+export const getState: (contextKey?: import("../../../state/context/typedef.js").ContextKey) => HkTabBarSelectorState;

package/dist/ui/{primitives → components}/tab-bar/HkTabBarSelector.state.svelte.js

@@ -1,4 +1,4 @@
-import { defineStateContext } from '../../../util/svelte/state-context/index.js';
+import { defineStateContext } from '../../../state/context.js';
 
 import { useResizeObserver } from '../../../util/svelte/observe/index.js';
 
@@ -31,7 +31,7 @@ export class HkTabBarSelectorState {
 	/**
 	 * Link the tab bar selector to a tab bar state
 	 *
-	 * @param {import('./HkTabBar.svelte').TabBarState} tabBarState
+	 * @param {import('./HkTabBar.state.svelte.js').HkTabBarState} tabBarState
 	 */
 	linkToTabBarState(tabBarState) {
 		// console.log('setBottomBar', bottomBarState);

package/dist/ui/{primitives → components}/tab-bar/HkTabBarSelector.svelte

@@ -17,7 +17,7 @@
    *   boxMargin?: string,
    *   boxClasses?: string,
    *   boxAttrs?: { [attr: string]: * },
-   *   contextKey?: Symbol | string
+   *   contextKey?: import('../../../state/context/typedef.js').ContextKey
    * } & { [attr: string]: any }}
    */
   let {