@pixerate/editor 0.174.0 → 0.175.0

package/dist/parameters/index.cjs

@@ -1359,6 +1359,38 @@ function createParametersEditorDocument(controller) {
   });
 }
 
+// src/parameters/theme.ts
+var parameterThemeStyles = {
+  input: {
+    backgroundColor: "var(--pixerate-parameter-input-bg, var(--background, transparent))",
+    color: "var(--pixerate-parameter-input-fg, var(--foreground, currentColor))",
+    borderColor: "var(--pixerate-parameter-border, var(--input, var(--border, currentColor)))"
+  },
+  select: {
+    backgroundColor: "var(--pixerate-parameter-select-bg, var(--pixerate-parameter-input-bg, var(--background, transparent)))",
+    color: "var(--pixerate-parameter-select-fg, var(--pixerate-parameter-input-fg, var(--foreground, currentColor)))",
+    borderColor: "var(--pixerate-parameter-border, var(--input, var(--border, currentColor)))"
+  },
+  button: {
+    color: "var(--pixerate-parameter-button-fg, var(--foreground, currentColor))",
+    borderColor: "var(--pixerate-parameter-border, var(--input, var(--border, currentColor)))"
+  },
+  range: {
+    accentColor: "var(--pixerate-parameter-accent, var(--primary, currentColor))"
+  }
+};
+function parameterThemeStyleText(part) {
+  return Object.entries(parameterThemeStyles[part]).map(([key, value]) => `${key.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`)}: ${value};`).join(" ");
+}
+
+// src/parameters/options.ts
+function matchParameterOptionValue(options, value) {
+  return _nullishCoalesce(_nullishCoalesce(_optionalChain([options, 'access', _22 => _22.find, 'call', _23 => _23((o) => o.value === value), 'optionalAccess', _24 => _24.value]), () => ( _optionalChain([options, 'access', _25 => _25.find, 'call', _26 => _26((o) => String(o.value) === String(value)), 'optionalAccess', _27 => _27.value]))), () => ( value));
+}
+
+
+
+
 
 
 
@@ -1409,4 +1441,4 @@ function createParametersEditorDocument(controller) {
 
 
 
-exports.PARAMETER_KEY_TOLERANCE = PARAMETER_KEY_TOLERANCE; exports.ParameterSchemaError = ParameterSchemaError; exports.ParametersController = ParametersController; exports.checkParameterSchema = checkParameterSchema; exports.choiceOptionLabel = choiceOptionLabel; exports.clampParameterNumber = clampParameterNumber; exports.cloneValue = cloneValue; exports.coerceParameterValue = coerceParameterValue; exports.createParameterCommands = createParameterCommands; exports.createParameterKeyframeStore = createParameterKeyframeStore; exports.createParametersController = createParametersController; exports.createParametersEditorDocument = createParametersEditorDocument; exports.createRangeMapper = createRangeMapper; exports.evaluateParameterCondition = evaluateParameterCondition; exports.findParameterKeyframe = findParameterKeyframe; exports.formatParameterNumber = formatParameterNumber; exports.formatParameterValue = formatParameterValue; exports.getChoiceOptions = getChoiceOptions; exports.getParameterDefaults = getParameterDefaults; exports.getParameterFields = getParameterFields; exports.getParameterGroups = getParameterGroups; exports.getParameterKeyState = getParameterKeyState; exports.getParameterVisibility = getParameterVisibility; exports.hexToRgba01 = hexToRgba01; exports.humanizeParameterId = humanizeParameterId; exports.isParameterGroup = isParameterGroup; exports.isSliderField = isSliderField; exports.mapRange = mapRange; exports.normalizeHexColor = normalizeHexColor; exports.parameterDecimals = parameterDecimals; exports.parameterFieldFromShaderControl = parameterFieldFromShaderControl; exports.parameterFieldToJsonSchema = parameterFieldToJsonSchema; exports.parameterLabel = parameterLabel; exports.parameterSchemaFromShaderControls = parameterSchemaFromShaderControls; exports.parameterSchemaToJsonSchema = parameterSchemaToJsonSchema; exports.parameterStep = parameterStep; exports.parameterValueFromShaderControl = parameterValueFromShaderControl; exports.parameterValuesEqual = parameterValuesEqual; exports.parseParameterNumberInput = parseParameterNumberInput; exports.planParameterSetPlayback = planParameterSetPlayback; exports.rgba01ToHex = rgba01ToHex; exports.seededRandom = seededRandom; exports.shaderControlValue = shaderControlValue; exports.validateParameterValue = validateParameterValue; exports.validateParameterValues = validateParameterValues; exports.vectorComponentField = vectorComponentField; exports.vectorSize = vectorSize; exports.withParameterKeyframe = withParameterKeyframe; exports.withParameterPlayback = withParameterPlayback; exports.withoutParameterKeyframe = withoutParameterKeyframe;
+exports.PARAMETER_KEY_TOLERANCE = PARAMETER_KEY_TOLERANCE; exports.ParameterSchemaError = ParameterSchemaError; exports.ParametersController = ParametersController; exports.checkParameterSchema = checkParameterSchema; exports.choiceOptionLabel = choiceOptionLabel; exports.clampParameterNumber = clampParameterNumber; exports.cloneValue = cloneValue; exports.coerceParameterValue = coerceParameterValue; exports.createParameterCommands = createParameterCommands; exports.createParameterKeyframeStore = createParameterKeyframeStore; exports.createParametersController = createParametersController; exports.createParametersEditorDocument = createParametersEditorDocument; exports.createRangeMapper = createRangeMapper; exports.evaluateParameterCondition = evaluateParameterCondition; exports.findParameterKeyframe = findParameterKeyframe; exports.formatParameterNumber = formatParameterNumber; exports.formatParameterValue = formatParameterValue; exports.getChoiceOptions = getChoiceOptions; exports.getParameterDefaults = getParameterDefaults; exports.getParameterFields = getParameterFields; exports.getParameterGroups = getParameterGroups; exports.getParameterKeyState = getParameterKeyState; exports.getParameterVisibility = getParameterVisibility; exports.hexToRgba01 = hexToRgba01; exports.humanizeParameterId = humanizeParameterId; exports.isParameterGroup = isParameterGroup; exports.isSliderField = isSliderField; exports.mapRange = mapRange; exports.matchParameterOptionValue = matchParameterOptionValue; exports.normalizeHexColor = normalizeHexColor; exports.parameterDecimals = parameterDecimals; exports.parameterFieldFromShaderControl = parameterFieldFromShaderControl; exports.parameterFieldToJsonSchema = parameterFieldToJsonSchema; exports.parameterLabel = parameterLabel; exports.parameterSchemaFromShaderControls = parameterSchemaFromShaderControls; exports.parameterSchemaToJsonSchema = parameterSchemaToJsonSchema; exports.parameterStep = parameterStep; exports.parameterThemeStyleText = parameterThemeStyleText; exports.parameterThemeStyles = parameterThemeStyles; exports.parameterValueFromShaderControl = parameterValueFromShaderControl; exports.parameterValuesEqual = parameterValuesEqual; exports.parseParameterNumberInput = parseParameterNumberInput; exports.planParameterSetPlayback = planParameterSetPlayback; exports.rgba01ToHex = rgba01ToHex; exports.seededRandom = seededRandom; exports.shaderControlValue = shaderControlValue; exports.validateParameterValue = validateParameterValue; exports.validateParameterValues = validateParameterValues; exports.vectorComponentField = vectorComponentField; exports.vectorSize = vectorSize; exports.withParameterKeyframe = withParameterKeyframe; exports.withParameterPlayback = withParameterPlayback; exports.withoutParameterKeyframe = withoutParameterKeyframe;

package/dist/parameters/index.d.cts

@@ -7,3 +7,5 @@ export * from './shader.cjs';
 export * from './rangeMapper.cjs';
 export * from './playback.cjs';
 export * from './editorDocument.cjs';
+export * from './theme.cjs';
+export * from './options.cjs';

package/dist/parameters/index.d.ts

@@ -7,3 +7,5 @@ export * from './shader.js';
 export * from './rangeMapper.js';
 export * from './playback.js';
 export * from './editorDocument.js';
+export * from './theme.js';
+export * from './options.js';

package/dist/parameters/index.js

@@ -1358,6 +1358,35 @@ function createParametersEditorDocument(controller) {
     }
   });
 }
+
+// src/parameters/theme.ts
+var parameterThemeStyles = {
+  input: {
+    backgroundColor: "var(--pixerate-parameter-input-bg, var(--background, transparent))",
+    color: "var(--pixerate-parameter-input-fg, var(--foreground, currentColor))",
+    borderColor: "var(--pixerate-parameter-border, var(--input, var(--border, currentColor)))"
+  },
+  select: {
+    backgroundColor: "var(--pixerate-parameter-select-bg, var(--pixerate-parameter-input-bg, var(--background, transparent)))",
+    color: "var(--pixerate-parameter-select-fg, var(--pixerate-parameter-input-fg, var(--foreground, currentColor)))",
+    borderColor: "var(--pixerate-parameter-border, var(--input, var(--border, currentColor)))"
+  },
+  button: {
+    color: "var(--pixerate-parameter-button-fg, var(--foreground, currentColor))",
+    borderColor: "var(--pixerate-parameter-border, var(--input, var(--border, currentColor)))"
+  },
+  range: {
+    accentColor: "var(--pixerate-parameter-accent, var(--primary, currentColor))"
+  }
+};
+function parameterThemeStyleText(part) {
+  return Object.entries(parameterThemeStyles[part]).map(([key, value]) => `${key.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`)}: ${value};`).join(" ");
+}
+
+// src/parameters/options.ts
+function matchParameterOptionValue(options, value) {
+  return options.find((o) => o.value === value)?.value ?? options.find((o) => String(o.value) === String(value))?.value ?? value;
+}
 export {
   PARAMETER_KEY_TOLERANCE,
   ParameterSchemaError,
@@ -1387,6 +1416,7 @@ export {
   isParameterGroup,
   isSliderField,
   mapRange,
+  matchParameterOptionValue,
   normalizeHexColor,
   parameterDecimals,
   parameterFieldFromShaderControl,
@@ -1395,6 +1425,8 @@ export {
   parameterSchemaFromShaderControls,
   parameterSchemaToJsonSchema,
   parameterStep,
+  parameterThemeStyleText,
+  parameterThemeStyles,
   parameterValueFromShaderControl,
   parameterValuesEqual,
   parseParameterNumberInput,

package/dist/parameters/options.d.cts

@@ -0,0 +1,7 @@
+/**
+ * The option value a select reported: the option whose value is `value`, else the one whose
+ * string form is (a string-only host select turns `2` into `"2"`), else `value` itself.
+ */
+export declare function matchParameterOptionValue(options: readonly {
+    value: string | number;
+}[], value: string | number): string | number;

package/dist/parameters/options.d.ts

@@ -0,0 +1,7 @@
+/**
+ * The option value a select reported: the option whose value is `value`, else the one whose
+ * string form is (a string-only host select turns `2` into `"2"`), else `value` itself.
+ */
+export declare function matchParameterOptionValue(options: readonly {
+    value: string | number;
+}[], value: string | number): string | number;

package/dist/parameters/theme.d.cts

@@ -0,0 +1,30 @@
+/**
+ * Theme tokens for the parameter controls in `@pixerate/editor-react` and `@pixerate/editor-svelte`.
+ * Each `--pixerate-parameter-*` property falls back to the common host tokens (`--background`,
+ * `--foreground`, `--input`, `--border`, `--primary`) and then to the browser default. The values
+ * are CSS declarations keyed by camelCase property, applied as inline styles by both bindings.
+ *
+ * Buttons set no background so their `hover:` classes keep working.
+ */
+export declare const parameterThemeStyles: {
+    readonly input: {
+        readonly backgroundColor: "var(--pixerate-parameter-input-bg, var(--background, transparent))";
+        readonly color: "var(--pixerate-parameter-input-fg, var(--foreground, currentColor))";
+        readonly borderColor: "var(--pixerate-parameter-border, var(--input, var(--border, currentColor)))";
+    };
+    readonly select: {
+        readonly backgroundColor: "var(--pixerate-parameter-select-bg, var(--pixerate-parameter-input-bg, var(--background, transparent)))";
+        readonly color: "var(--pixerate-parameter-select-fg, var(--pixerate-parameter-input-fg, var(--foreground, currentColor)))";
+        readonly borderColor: "var(--pixerate-parameter-border, var(--input, var(--border, currentColor)))";
+    };
+    readonly button: {
+        readonly color: "var(--pixerate-parameter-button-fg, var(--foreground, currentColor))";
+        readonly borderColor: "var(--pixerate-parameter-border, var(--input, var(--border, currentColor)))";
+    };
+    readonly range: {
+        readonly accentColor: "var(--pixerate-parameter-accent, var(--primary, currentColor))";
+    };
+};
+export type ParameterThemePart = keyof typeof parameterThemeStyles;
+/** One part's declarations as an inline `style` string (`background-color: …; color: …`). */
+export declare function parameterThemeStyleText(part: ParameterThemePart): string;

package/dist/parameters/theme.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Theme tokens for the parameter controls in `@pixerate/editor-react` and `@pixerate/editor-svelte`.
+ * Each `--pixerate-parameter-*` property falls back to the common host tokens (`--background`,
+ * `--foreground`, `--input`, `--border`, `--primary`) and then to the browser default. The values
+ * are CSS declarations keyed by camelCase property, applied as inline styles by both bindings.
+ *
+ * Buttons set no background so their `hover:` classes keep working.
+ */
+export declare const parameterThemeStyles: {
+    readonly input: {
+        readonly backgroundColor: "var(--pixerate-parameter-input-bg, var(--background, transparent))";
+        readonly color: "var(--pixerate-parameter-input-fg, var(--foreground, currentColor))";
+        readonly borderColor: "var(--pixerate-parameter-border, var(--input, var(--border, currentColor)))";
+    };
+    readonly select: {
+        readonly backgroundColor: "var(--pixerate-parameter-select-bg, var(--pixerate-parameter-input-bg, var(--background, transparent)))";
+        readonly color: "var(--pixerate-parameter-select-fg, var(--pixerate-parameter-input-fg, var(--foreground, currentColor)))";
+        readonly borderColor: "var(--pixerate-parameter-border, var(--input, var(--border, currentColor)))";
+    };
+    readonly button: {
+        readonly color: "var(--pixerate-parameter-button-fg, var(--foreground, currentColor))";
+        readonly borderColor: "var(--pixerate-parameter-border, var(--input, var(--border, currentColor)))";
+    };
+    readonly range: {
+        readonly accentColor: "var(--pixerate-parameter-accent, var(--primary, currentColor))";
+    };
+};
+export type ParameterThemePart = keyof typeof parameterThemeStyles;
+/** One part's declarations as an inline `style` string (`background-color: …; color: …`). */
+export declare function parameterThemeStyleText(part: ParameterThemePart): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixerate/editor",
-  "version": "0.174.0",
+  "version": "0.175.0",
   "description": "UI-agnostic rich text and media editing core library",
   "author": "Pixerate",
   "license": "MIT",
@@ -354,9 +354,6 @@
     "THIRD_PARTY_NOTICES.md"
   ],
   "sideEffects": false,
-  "dependencies": {
-    "@pixerate/markdown-conformance": "0.2.0"
-  },
   "devDependencies": {
     "@anthropic-ai/sdk": "1.1.0",
     "@dagrejs/dagre": "^1.1.8",
@@ -395,7 +392,8 @@
     "tiptap-markdown": "^0.8.10",
     "tsup": "^9.0.0",
     "typescript": "^5.7.3",
-    "vitest": "^5.0.5"
+    "vitest": "^5.0.5",
+    "@pixerate/markdown-conformance": "0.2.0"
   },
   "peerDependencies": {
     "@dagrejs/dagre": "^1.1.8",