@sveltia/ui 0.32.2 → 0.33.0

package/dist/typedefs.d.ts

@@ -720,6 +720,60 @@ export type SelectedItemDetail = {
      */
     value: any;
 };
+export type ResizablePaneDefinition = {
+    /**
+     * ResizablePane element ID (generated via `$props.id()` in the pane
+     * component).
+     */
+    id: string;
+    /**
+     * Default size as a percentage (0–100).
+     */
+    defaultSize: number | undefined;
+    /**
+     * Minimum size as a percentage.
+     */
+    minSize: number;
+    /**
+     * Maximum size as a percentage.
+     */
+    maxSize: number;
+};
+export type PaneGroupContext = {
+    /**
+     * Layout direction of the panes.
+     */
+    direction: "horizontal" | "vertical";
+    /**
+     * Current pane sizes as percentages.
+     */
+    sizes: number[];
+    /**
+     * Register a pane and
+     * return its index.
+     */
+    registerPane: (def: ResizablePaneDefinition) => {
+        index: number;
+    };
+    /**
+     * Register a resize handle and return its index.
+     */
+    registerHandle: () => number;
+    /**
+     * Resize panes around a
+     * handle by the given delta.
+     */
+    resize: (handleIndex: number, deltaPercent: number) => void;
+    /**
+     * Toggle collapse of the primary pane
+     * before the given handle.
+     */
+    toggleCollapse: (handleIndex: number) => void;
+    /**
+     * Registered pane definitions.
+     */
+    paneDefs: ResizablePaneDefinition[];
+};
 import type { Snippet } from 'svelte';
 import type { LexicalNode } from 'lexical';
 import type { Transformer } from '@lexical/markdown';

package/dist/typedefs.js

@@ -301,4 +301,27 @@
  * @property {any} value The `data-value` attribute on the element. Casted to the `valueType`.
  */
 
+/**
+ * @typedef {object} ResizablePaneDefinition
+ * @property {string} id ResizablePane element ID (generated via `$props.id()` in the pane
+ * component).
+ * @property {number | undefined} defaultSize Default size as a percentage (0–100).
+ * @property {number} minSize Minimum size as a percentage.
+ * @property {number} maxSize Maximum size as a percentage.
+ */
+
+/**
+ * @typedef {object} PaneGroupContext
+ * @property {'horizontal' | 'vertical'} direction Layout direction of the panes.
+ * @property {number[]} sizes Current pane sizes as percentages.
+ * @property {(def: ResizablePaneDefinition) => { index: number }} registerPane Register a pane and
+ * return its index.
+ * @property {() => number} registerHandle Register a resize handle and return its index.
+ * @property {(handleIndex: number, deltaPercent: number) => void} resize Resize panes around a
+ * handle by the given delta.
+ * @property {(handleIndex: number) => void} toggleCollapse Toggle collapse of the primary pane
+ * before the given handle.
+ * @property {ResizablePaneDefinition[]} paneDefs Registered pane definitions.
+ */
+
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltia/ui",
-  "version": "0.32.2",
+  "version": "0.33.0",
   "license": "MIT",
   "type": "module",
   "repository": {
@@ -29,7 +29,7 @@
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^7.0.1",
-    "@sveltejs/kit": "^2.53.0",
+    "@sveltejs/kit": "^2.53.4",
     "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^6.2.4",
     "@vitest/coverage-v8": "^4.0.18",
@@ -46,11 +46,11 @@
     "prettier": "^3.8.1",
     "prettier-plugin-svelte": "^3.5.0",
     "sass": "^1.97.3",
-    "stylelint": "^17.3.0",
+    "stylelint": "^17.4.0",
     "stylelint-config-recommended-scss": "^17.0.0",
     "stylelint-scss": "^7.0.0",
-    "svelte": "^5.53.3",
-    "svelte-check": "^4.4.3",
+    "svelte": "^5.53.6",
+    "svelte-check": "^4.4.4",
     "svelte-preprocess": "^6.0.3",
     "tslib": "^2.8.1",
     "vite": "^7.3.1",