kosui 0.1.2 → 0.2.0

package/dist/markdown/markdown-context.svelte.d.ts

@@ -16,7 +16,7 @@ type Renderers = {
 };
 export declare class MarkdownContext {
     #private;
-    constructor(renderers: Renderers, tableCellRenderer: TokenRenderer<Tokens.TableCell>);
+    constructor(renderers: () => Renderers, tableCellRenderer: () => TokenRenderer<Tokens.TableCell>);
     get renderers(): Renderers;
     get tableCellRenderer(): TokenRenderer<Tokens.TableCell>;
     getRenderer<T extends TokenType>(type: T): TokenRenderer<Token[T]> | undefined;

package/dist/markdown/markdown-context.svelte.js

@@ -7,16 +7,17 @@ export class MarkdownContext {
         this.#tableCellRenderer = tableCellRenderer;
     }
     get renderers() {
-        return this.#renderers;
+        return this.#renderers();
     }
     get tableCellRenderer() {
-        return this.#tableCellRenderer;
+        return this.#tableCellRenderer();
     }
     getRenderer(type) {
-        if (!this.#renderers[type]) {
+        const renderer = this.renderers[type];
+        if (!renderer) {
             console.warn("No renderer registered for", type);
         }
-        return this.#renderers[type];
+        return renderer;
     }
 }
 export function setMarkdownContext(state) {

package/dist/markdown/markdown.svelte

@@ -90,7 +90,7 @@
 
   setMarkdownContext(
     new MarkdownContext(
-      {
+      () => ({
         blockquote,
         br,
         code,
@@ -111,8 +111,8 @@
         strong,
         table,
         text,
-      },
-      tableCell,
+      }),
+      () => tableCell,
     ),
   );
 

package/dist/slider/slider-context.svelte.d.ts

@@ -8,18 +8,12 @@ export declare class SliderContext {
     #private;
     onChange: ((value: number) => void) | undefined;
     onChangeEnd: ((value: number) => void) | undefined;
-    handleRenderer: Snippet<[SliderHandleProps]>;
-    handleLabelRenderer: Snippet<[SliderHandleLabelProps]>;
-    handleLabelArrowRenderer: Snippet<[SliderHandleLabelArrowProps]>;
-    markRenderer: Snippet<[SliderMarkProps]>;
-    markDotRenderer: Snippet<[SliderMarkDotProps]>;
-    markLabelRenderer: Snippet<[SliderMarkLabelProps]>;
     sliderEl: HTMLDivElement;
     hovered: boolean;
     clicked: boolean;
     dragging: boolean;
     focused: boolean;
-    constructor(getValue: () => number, setValue: (val: number) => void, min: () => number, max: () => number, step: () => number, marks: () => Mark[], disabled: () => boolean, label: (value: number) => string, labelAlwaysOn: () => boolean, inverted: () => boolean, restrictToMarks: () => boolean, color: () => SliderColor, size: () => SliderSize, radius: () => SliderRadius, onChange: ((value: number) => void) | undefined, onChangeEnd: ((value: number) => void) | undefined, handleRenderer: Snippet<[SliderHandleProps]>, handleLabelRenderer: Snippet<[SliderHandleLabelProps]>, handleLabelArrowRenderer: Snippet<[SliderHandleLabelArrowProps]>, markRenderer: Snippet<[SliderMarkProps]>, markDotRenderer: Snippet<[SliderMarkDotProps]>, markLabelRenderer: Snippet<[SliderMarkLabelProps]>);
+    constructor(getValue: () => number, setValue: (val: number) => void, min: () => number, max: () => number, step: () => number, marks: () => Mark[], disabled: () => boolean, label: (value: number) => string, labelAlwaysOn: () => boolean, inverted: () => boolean, restrictToMarks: () => boolean, color: () => SliderColor, size: () => SliderSize, radius: () => SliderRadius, onChange: ((value: number) => void) | undefined, onChangeEnd: ((value: number) => void) | undefined, handleRenderer: () => Snippet<[SliderHandleProps]>, handleLabelRenderer: () => Snippet<[SliderHandleLabelProps]>, handleLabelArrowRenderer: () => Snippet<[SliderHandleLabelArrowProps]>, markRenderer: () => Snippet<[SliderMarkProps]>, markDotRenderer: () => Snippet<[SliderMarkDotProps]>, markLabelRenderer: () => Snippet<[SliderMarkLabelProps]>);
     get value(): number;
     set value(value: number);
     get min(): number;
@@ -34,6 +28,12 @@ export declare class SliderContext {
     get color(): SliderColor;
     get size(): SliderSize;
     get radius(): SliderRadius;
+    get handleRenderer(): Snippet<[SliderHandleProps]>;
+    get handleLabelRenderer(): Snippet<[SliderHandleLabelProps]>;
+    get handleLabelArrowRenderer(): Snippet<[SliderHandleLabelArrowProps]>;
+    get markRenderer(): Snippet<[SliderMarkProps]>;
+    get markDotRenderer(): Snippet<[SliderMarkDotProps]>;
+    get markLabelRenderer(): Snippet<[SliderMarkLabelProps]>;
     get position(): number;
     get animated(): boolean;
     clamp: (val: number, minVal: number, maxVal: number) => number;

package/dist/slider/slider-context.svelte.js

@@ -17,12 +17,12 @@ export class SliderContext {
     #radius;
     onChange;
     onChangeEnd;
-    handleRenderer;
-    handleLabelRenderer;
-    handleLabelArrowRenderer;
-    markRenderer;
-    markDotRenderer;
-    markLabelRenderer;
+    #handleRenderer;
+    #handleLabelRenderer;
+    #handleLabelArrowRenderer;
+    #markRenderer;
+    #markDotRenderer;
+    #markLabelRenderer;
     sliderEl;
     hovered = $state(false);
     clicked = $state(false);
@@ -45,12 +45,12 @@ export class SliderContext {
         this.#radius = radius;
         this.onChange = onChange;
         this.onChangeEnd = onChangeEnd;
-        this.handleRenderer = handleRenderer;
-        this.handleLabelRenderer = handleLabelRenderer;
-        this.handleLabelArrowRenderer = handleLabelArrowRenderer;
-        this.markRenderer = markRenderer;
-        this.markDotRenderer = markDotRenderer;
-        this.markLabelRenderer = markLabelRenderer;
+        this.#handleRenderer = handleRenderer;
+        this.#handleLabelRenderer = handleLabelRenderer;
+        this.#handleLabelArrowRenderer = handleLabelArrowRenderer;
+        this.#markRenderer = markRenderer;
+        this.#markDotRenderer = markDotRenderer;
+        this.#markLabelRenderer = markLabelRenderer;
     }
     get value() {
         return this.#value.value;
@@ -95,6 +95,24 @@ export class SliderContext {
     get radius() {
         return this.#radius();
     }
+    get handleRenderer() {
+        return this.#handleRenderer();
+    }
+    get handleLabelRenderer() {
+        return this.#handleLabelRenderer();
+    }
+    get handleLabelArrowRenderer() {
+        return this.#handleLabelArrowRenderer();
+    }
+    get markRenderer() {
+        return this.#markRenderer();
+    }
+    get markDotRenderer() {
+        return this.#markDotRenderer();
+    }
+    get markLabelRenderer() {
+        return this.#markLabelRenderer();
+    }
     get position() {
         return this.getPositionFromValue(this.value);
     }

package/dist/slider/slider.svelte

@@ -120,12 +120,12 @@
       () => radius,
       (val) => onChange?.(val),
       (val) => onChangeEnd?.(val),
-      sliderHandle,
-      sliderHandleLabel,
-      sliderHandleLabelArrow,
-      sliderMark,
-      sliderMarkDot,
-      sliderMarkLabel,
+      () => sliderHandle,
+      () => sliderHandleLabel,
+      () => sliderHandleLabelArrow,
+      () => sliderMark,
+      () => sliderMarkDot,
+      () => sliderMarkLabel,
     ),
   );
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kosui",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -35,25 +35,26 @@
     "svelte": "^5.0.0"
   },
   "devDependencies": {
-    "@changesets/cli": "2.31.1",
+    "@changesets/cli": "3.0.3",
     "@eslint/compat": "2.1.1",
     "@eslint/js": "10.0.1",
     "@playwright/test": "1.64.1",
-    "@sveltejs/adapter-static": "3.0.10",
-    "@sveltejs/kit": "2.70.3",
-    "@sveltejs/package": "2.5.8",
+    "@sveltejs/adapter-static": "4.0.1",
+    "@sveltejs/kit": "3.1.1",
+    "@sveltejs/load-config": "0.2.3",
+    "@sveltejs/package": "3.0.2",
     "@sveltejs/vite-plugin-svelte": "7.3.1",
     "@tailwindcss/forms": "0.5.11",
     "@tailwindcss/postcss": "4.3.3",
     "@tailwindcss/vite": "4.3.3",
-    "@types/node": "25.9.9",
+    "@types/node": "26.6.6",
     "eslint": "10.14.0",
     "eslint-config-prettier": "10.1.8",
     "eslint-plugin-svelte": "3.23.1",
     "globals": "17.14.0",
     "highlight.js": "11.12.0",
     "highlight.svelte": "0.1.3",
-    "jsdom": "29.1.1",
+    "jsdom": "30.1.3",
     "postcss": "8.5.32",
     "prettier": "3.9.10",
     "prettier-plugin-svelte": "4.1.1",
@@ -66,16 +67,22 @@
     "typescript": "6.0.3",
     "typescript-eslint": "8.72.1",
     "vite": "8.3.5",
-    "vitest": "4.1.12"
+    "vitest": "5.0.5"
   },
   "keywords": [
     "svelte"
   ],
+  "imports": {
+    "#lib": "./src/lib/index.js",
+    "#lib/*": "./src/lib/*",
+    "#ui": "./src/ui/index.js",
+    "#ui/*": "./src/ui/*"
+  },
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && pnpm prepack",
     "preview": "vite preview",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --fail-on-warnings",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
     "format": "prettier --write .",
     "lint": "prettier --check . && eslint .",