@pixerate/editor-svelte 0.216.8 → 0.217.0

package/dist/style/style.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ResolvedStyle, StyleCheckReport, StyleResolver } from "@pixerate/editor/tools";
+import type { ResolvedStyle, StyleCheckReport, StyleChoiceGroup, StyleChoiceResult, StyleResolver } from "@pixerate/editor/tools";
 type MaybeGetter<T> = T | (() => T);
 export interface SvelteStyle {
     /** The resolved house style for the domain, or `null` before the first resolve (or without a resolver) (reactive). */
@@ -23,4 +23,20 @@ export declare function useStyle(styles: MaybeGetter<StyleResolver | null | unde
  * `<StyleFindings>`. Call it during component initialisation. Parity with React's `useStyleFindings`.
  */
 export declare function useStyleFindings(styles: MaybeGetter<StyleResolver | null | undefined>, domain: MaybeGetter<string>, subject: MaybeGetter<unknown>): SvelteStyleFindings;
+export interface SvelteStyleChoices {
+    /** The one-of-a-kind groups (a look, a theme) with the chosen skill and every option, or `null` before the first read (reactive). */
+    readonly groups: StyleChoiceGroup[] | null;
+    /** Why the last read or choice failed, or `null` (reactive). */
+    readonly error: string | null;
+    /** Chooses a skill of its group (see `StyleResolver.choose`); resolves to what changed, or rejects with the reason. */
+    choose(name: string, options?: {
+        layer?: string;
+    }): Promise<StyleChoiceResult>;
+}
+/**
+ * Svelte 5 rune: the house-style choices for a picker, each one-of-a-kind group with the skill
+ * that applies and its options, in `scope` when given. Re-reads when the resolver notifies.
+ * Call it during component initialisation. Parity with React's `useStyleChoices`.
+ */
+export declare function useStyleChoices(styles: MaybeGetter<StyleResolver | null | undefined>, scope?: MaybeGetter<string | undefined>): SvelteStyleChoices;
 export {};

package/dist/style/style.svelte.js

@@ -87,3 +87,37 @@ export function useStyleFindings(styles, domain, subject) {
         },
     };
 }
+/**
+ * Svelte 5 rune: the house-style choices for a picker, each one-of-a-kind group with the skill
+ * that applies and its options, in `scope` when given. Re-reads when the resolver notifies.
+ * Call it during component initialisation. Parity with React's `useStyleChoices`.
+ */
+export function useStyleChoices(styles, scope) {
+    let groups = $state.raw(null);
+    let error = $state.raw(null);
+    resolverTask(() => ({ styles: read(styles), input: scope === undefined ? undefined : read(scope) }), (s, sc) => s.choices(sc !== undefined ? { scope: sc } : {}), (result) => {
+        groups = result.value;
+        error = result.error;
+    });
+    return {
+        get groups() {
+            return groups;
+        },
+        get error() {
+            return error;
+        },
+        async choose(name, options = {}) {
+            const s = read(styles);
+            if (!s)
+                throw new Error("There is no style resolver to choose with.");
+            const sc = scope === undefined ? undefined : read(scope);
+            try {
+                return await s.choose(name, { ...options, ...(sc !== undefined ? { scope: sc } : {}) });
+            }
+            catch (e) {
+                error = message(e);
+                throw e;
+            }
+        },
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixerate/editor-svelte",
-  "version": "0.216.8",
+  "version": "0.217.0",
   "description": "Svelte bindings and prompt/rich-text components for @pixerate/editor",
   "author": "Pixerate",
   "license": "MIT",
@@ -184,7 +184,7 @@
     "**/*.css"
   ],
   "dependencies": {
-    "@pixerate/editor": "0.298.0"
+    "@pixerate/editor": "0.299.0"
   },
   "peerDependencies": {
     "@dagrejs/dagre": "^1.1.4",