@lostgradient/cinder 0.8.0 → 0.11.0

package/dist/components/invocation-rule-builder/invocation-rule-builder.css

@@ -160,6 +160,34 @@
     }
   }
 
+  /* ---- Typed condition value controls (conditions-only mode) ---- */
+
+  /* Enum values reuse the select chrome but keep the value input's wider flex-basis. */
+  .cinder-invocation-rule-builder__condition-value-select {
+    flex: 2 1 10rem;
+    min-inline-size: 6rem;
+  }
+
+  .cinder-invocation-rule-builder__condition-value-checkbox {
+    flex: 0 0 auto;
+    inline-size: 1.125rem;
+    block-size: 1.125rem;
+    margin: 0;
+    accent-color: var(--cinder-accent);
+    cursor: pointer;
+  }
+
+  .cinder-invocation-rule-builder__condition-value-checkbox:focus-visible {
+    outline: var(--cinder-ring-width) solid transparent;
+    box-shadow: var(--_cinder-focus-ring-shadow);
+  }
+
+  @media (forced-colors: active) {
+    .cinder-invocation-rule-builder__condition-value-checkbox:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+    }
+  }
+
   /* ---- Action rows ---- */
 
   .cinder-invocation-rule-builder__actions {

package/dist/components/invocation-rule-builder/invocation-rule-builder.schema.js

@@ -133,6 +133,32 @@ var schema = {
           label: {
             type: "string",
             description: "The human-readable label shown in the select."
+          },
+          type: {
+            enum: ["string", "number", "boolean", "enum"],
+            description: `The value type this option represents when used as a field option in
+conditions-only mode (\`mode="conditions"\`). Defaults to \`'string'\` when
+omitted. Ignored for operator and action-target options, and ignored
+entirely in full mode.`
+          },
+          options: {
+            type: "array",
+            items: {
+              type: "object",
+              properties: {
+                value: {
+                  type: "string",
+                  description: "The value stored on the condition."
+                },
+                label: {
+                  type: "string",
+                  description: "The human-readable label shown in the select."
+                }
+              },
+              additionalProperties: false,
+              required: ["label", "value"]
+            },
+            description: "Enum choices for this field's value, rendered as a select in\nconditions-only mode when `type` is `'enum'`. Provide these for an enum\nfield; if omitted or empty, the value select renders with no choices.\nIgnored for non-enum field types."
           }
         },
         additionalProperties: false,
@@ -141,6 +167,10 @@ var schema = {
       description: `Options for the condition field selector. Consumer-provided list of
 fields that a condition can test, e.g. "path", "label", "author".`
     },
+    mode: {
+      enum: ["full", "conditions"],
+      description: "Rendering mode. Omit or pass `'full'` for the original conditions +\nactions behavior; pass `'conditions'` to render conditions only. Not\nexpressible as a schema-driven discriminant here because JSON Schema\nvalidation of this component is documented, not enforced at runtime\nagainst `operatorOptions`/`actionOptions` presence; see the component\ntypes for the full mode-discriminated prop shape."
+    },
     operatorOptions: {
       type: "array",
       items: {
@@ -153,13 +183,42 @@ fields that a condition can test, e.g. "path", "label", "author".`
           label: {
             type: "string",
             description: "The human-readable label shown in the select."
+          },
+          type: {
+            enum: ["string", "number", "boolean", "enum"],
+            description: `The value type this option represents when used as a field option in
+conditions-only mode (\`mode="conditions"\`). Defaults to \`'string'\` when
+omitted. Ignored for operator and action-target options, and ignored
+entirely in full mode.`
+          },
+          options: {
+            type: "array",
+            items: {
+              type: "object",
+              properties: {
+                value: {
+                  type: "string",
+                  description: "The value stored on the condition."
+                },
+                label: {
+                  type: "string",
+                  description: "The human-readable label shown in the select."
+                }
+              },
+              additionalProperties: false,
+              required: ["label", "value"]
+            },
+            description: "Enum choices for this field's value, rendered as a select in\nconditions-only mode when `type` is `'enum'`. Provide these for an enum\nfield; if omitted or empty, the value select renders with no choices.\nIgnored for non-enum field types."
           }
         },
         additionalProperties: false,
         required: ["label", "value"]
       },
       description: `Options for the condition operator selector. Consumer-provided list
-of operators, e.g. "matches", "is", "is-not", "contains".`
+of operators, e.g. "matches", "is", "is-not", "contains". Required in
+full mode; optional (and ignored) when \`mode\` is \`'conditions'\`, since
+cinder supplies a fixed operator set in that mode — so a conditions-only
+configuration validates without it.`
     },
     actionOptions: {
       type: "array",
@@ -173,13 +232,38 @@ of operators, e.g. "matches", "is", "is-not", "contains".`
           label: {
             type: "string",
             description: "The human-readable label shown in the select."
+          },
+          type: {
+            enum: ["string", "number", "boolean", "enum"],
+            description: `The value type this option represents when used as a field option in
+conditions-only mode (\`mode="conditions"\`). Defaults to \`'string'\` when
+omitted. Ignored for operator and action-target options, and ignored
+entirely in full mode.`
+          },
+          options: {
+            type: "array",
+            items: {
+              type: "object",
+              properties: {
+                value: {
+                  type: "string",
+                  description: "The value stored on the condition."
+                },
+                label: {
+                  type: "string",
+                  description: "The human-readable label shown in the select."
+                }
+              },
+              additionalProperties: false,
+              required: ["label", "value"]
+            },
+            description: "Enum choices for this field's value, rendered as a select in\nconditions-only mode when `type` is `'enum'`. Provide these for an enum\nfield; if omitted or empty, the value select renders with no choices.\nIgnored for non-enum field types."
           }
         },
         additionalProperties: false,
         required: ["label", "value"]
       },
-      description: `Options for the action target selector. Consumer-provided list of
-targets, e.g. review-agent slugs or step identifiers.`
+      description: "Options for the action target selector. Consumer-provided list of\ntargets, e.g. review-agent slugs or step identifiers. Required in full\nmode; optional (and ignored) when `mode` is `'conditions'`, since actions\nare not rendered — so a conditions-only configuration validates without it."
     },
     readonly: {
       const: true,
@@ -207,7 +291,7 @@ targets, e.g. review-agent slugs or step identifiers.`
     }
   },
   additionalProperties: false,
-  required: ["actionOptions", "fieldOptions", "operatorOptions", "readonly", "rules"],
+  required: ["fieldOptions", "readonly", "rules"],
   metadata: {
     unsupportedProps: [
       {
@@ -226,4 +310,4 @@ export {
   invocation_rule_builder_schema_default as default
 };
 
-//# debugId=78128BAE3A5D4D5864756E2164756E21
+//# debugId=460ECA6757B9EF0964756E2164756E21

package/dist/components/invocation-rule-builder/invocation-rule-builder.svelte.d.ts

@@ -6,10 +6,11 @@
  * @tag automation
  * @tag rules
  * @useWhen Building a UI for configuring which agents or services run based on event conditions.
+ * @useWhen You only need conditions (no actions) — pass mode="conditions" for a constrained operator set and typed value inputs.
  * @avoidWhen You need to execute, validate, or persist rules — cinder owns none of that logic.
  * @related capability-gate, steps, review-editor
  */
-export type { InvocationRule, InvocationRuleAction, InvocationRuleBuilderProps, InvocationRuleBuilderSchemaProps, InvocationRuleChange, InvocationRuleCondition, InvocationRuleOption, } from './invocation-rule-builder.types.ts';
+export type { InvocationRule, InvocationRuleAction, InvocationRuleBuilderMode, InvocationRuleBuilderProps, InvocationRuleBuilderSchemaProps, InvocationRuleChange, InvocationRuleCondition, InvocationRuleConditionsOnlyOperator, InvocationRuleFieldType, InvocationRuleOption, } from './invocation-rule-builder.types.ts';
 import type { InvocationRuleBuilderProps } from './invocation-rule-builder.types.ts';
 declare const InvocationRuleBuilder: import("svelte").Component<InvocationRuleBuilderProps, {}, "">;
 type InvocationRuleBuilder = ReturnType<typeof InvocationRuleBuilder>;

package/dist/components/invocation-rule-builder/invocation-rule-builder.types.d.ts

@@ -44,6 +44,25 @@ export type InvocationRule = {
     /** Zero or more actions to invoke when conditions match. */
     actions: InvocationRuleAction[];
 };
+/**
+ * The value type a condition field represents. Determines which typed value
+ * control renders for that field in conditions-only mode (`mode="conditions"`).
+ * Ignored in full mode, where the condition value is always a free-text input.
+ */
+export type InvocationRuleFieldType = 'string' | 'number' | 'boolean' | 'enum';
+/**
+ * A single selectable choice for an `'enum'`-typed field's value, rendered as
+ * a select in conditions-only mode. A flat value/label pair — enum choices do
+ * not nest further.
+ *
+ * @schemaObject
+ */
+export type InvocationRuleValueChoice = {
+    /** The value stored on the condition. */
+    value: string;
+    /** The human-readable label shown in the select. */
+    label: string;
+};
 /**
  * An option in a field, operator, or action-target select list.
  *
@@ -54,7 +73,38 @@ export type InvocationRuleOption = {
     value: string;
     /** The human-readable label shown in the select. */
     label: string;
+    /**
+     * The value type this option represents when used as a field option in
+     * conditions-only mode (`mode="conditions"`). Defaults to `'string'` when
+     * omitted. Ignored for operator and action-target options, and ignored
+     * entirely in full mode.
+     */
+    type?: InvocationRuleFieldType;
+    /**
+     * Enum choices for this field's value, rendered as a select in
+     * conditions-only mode when `type` is `'enum'`. Provide these for an enum
+     * field; if omitted or empty, the value select renders with no choices.
+     * Ignored for non-enum field types.
+     */
+    options?: InvocationRuleValueChoice[];
 };
+/**
+ * Rendering mode for InvocationRuleBuilder.
+ *
+ * - `'full'` (default) renders both conditions and actions, matching the
+ *   component's original behavior exactly.
+ * - `'conditions'` renders conditions only: action controls are hidden
+ *   entirely, rules never emit action descriptors, the operator set is
+ *   fixed to {@link InvocationRuleConditionsOnlyOperator}, and condition
+ *   value controls are inferred from each field option's `type`.
+ */
+export type InvocationRuleBuilderMode = 'full' | 'conditions';
+/**
+ * The fixed operator vocabulary used in conditions-only mode
+ * (`mode="conditions"`). Cinder supplies these five operators with default
+ * labels; the `operatorOptions` prop is not accepted in this mode.
+ */
+export type InvocationRuleConditionsOnlyOperator = 'eq' | 'gt' | 'lt' | 'gte' | 'lte';
 /**
  * Describes the change that caused an `onchange` call.
  * Consumers use the type to determine what to persist.
@@ -118,6 +168,29 @@ type InvocationRuleBuilderBaseProps = Omit<HTMLAttributes<HTMLElement>, 'class'
      * fields that a condition can test, e.g. "path", "label", "author".
      */
     fieldOptions: InvocationRuleOption[];
+    /**
+     * Label for the "Add rule" button. Defaults to "Add rule".
+     */
+    addRuleLabel?: string;
+    /**
+     * Label for the "Add condition" button. Defaults to "Add condition".
+     */
+    addConditionLabel?: string;
+    /** Accessible label for the entire rule builder region. */
+    label?: string;
+    /** Additional CSS classes applied to the root element. */
+    class?: string;
+};
+/**
+ * Mode-specific props for `mode="full"` (the default). Behavior and prop
+ * shape are unchanged from before conditions-only mode existed.
+ */
+type InvocationRuleBuilderFullModeProps = {
+    /**
+     * Rendering mode. Omit or pass `'full'` to render both conditions and
+     * actions — the component's original, unchanged behavior.
+     */
+    mode?: 'full';
     /**
      * Options for the condition operator selector. Consumer-provided list
      * of operators, e.g. "matches", "is", "is-not", "contains".
@@ -129,24 +202,35 @@ type InvocationRuleBuilderBaseProps = Omit<HTMLAttributes<HTMLElement>, 'class'
      */
     actionOptions: InvocationRuleOption[];
     /**
-     * Label for the "Add rule" button. Defaults to "Add rule".
+     * Label for the "Add action" button. Defaults to "Add action".
      */
-    addRuleLabel?: string;
+    addActionLabel?: string;
+};
+/**
+ * Mode-specific props for `mode="conditions"`. Actions are not rendered, so
+ * action-related props are not accepted — cinder owns the operator
+ * vocabulary and there is nothing to configure for actions.
+ */
+type InvocationRuleBuilderConditionsOnlyModeProps = {
     /**
-     * Label for the "Add condition" button. Defaults to "Add condition".
+     * Renders conditions only: action controls are hidden entirely and rules
+     * never emit action descriptors.
      */
-    addConditionLabel?: string;
+    mode: 'conditions';
     /**
-     * Label for the "Add action" button. Defaults to "Add action".
+     * Not accepted in conditions-only mode. Cinder supplies the fixed
+     * eq/gt/lt/gte/lte operator set internally; see
+     * {@link InvocationRuleConditionsOnlyOperator}.
      */
-    addActionLabel?: string;
-    /** Accessible label for the entire rule builder region. */
-    label?: string;
-    /** Additional CSS classes applied to the root element. */
-    class?: string;
+    operatorOptions?: never;
+    /** Not accepted in conditions-only mode — action controls are not rendered. */
+    actionOptions?: never;
+    /** Not accepted in conditions-only mode — action controls are not rendered. */
+    addActionLabel?: never;
 };
+type InvocationRuleBuilderModeProps = InvocationRuleBuilderFullModeProps | InvocationRuleBuilderConditionsOnlyModeProps;
 type InvocationRuleBuilderChangeHandler = (nextRules: InvocationRule[], change: InvocationRuleChange) => void;
-export type InvocationRuleBuilderProps = (InvocationRuleBuilderBaseProps & {
+export type InvocationRuleBuilderProps = InvocationRuleBuilderBaseProps & InvocationRuleBuilderModeProps & ({
     /**
      * Called whenever the user makes any edit. Required for editable runtime
      * usage because editable controls must commit controlled state changes.
@@ -159,7 +243,7 @@ export type InvocationRuleBuilderProps = (InvocationRuleBuilderBaseProps & {
      * `onchange` so controls cannot become interactive-but-no-op.
      */
     readonly?: false;
-}) | (InvocationRuleBuilderBaseProps & {
+} | {
     /**
      * Optional in readonly usage because no edit controls are rendered.
      * Runtime consumers may still pass it when sharing props between modes.
@@ -188,16 +272,30 @@ export type InvocationRuleBuilderSchemaProps = {
      * fields that a condition can test, e.g. "path", "label", "author".
      */
     fieldOptions: InvocationRuleOption[];
+    /**
+     * Rendering mode. Omit or pass `'full'` for the original conditions +
+     * actions behavior; pass `'conditions'` to render conditions only. Not
+     * expressible as a schema-driven discriminant here because JSON Schema
+     * validation of this component is documented, not enforced at runtime
+     * against `operatorOptions`/`actionOptions` presence; see the component
+     * types for the full mode-discriminated prop shape.
+     */
+    mode?: InvocationRuleBuilderMode;
     /**
      * Options for the condition operator selector. Consumer-provided list
-     * of operators, e.g. "matches", "is", "is-not", "contains".
+     * of operators, e.g. "matches", "is", "is-not", "contains". Required in
+     * full mode; optional (and ignored) when `mode` is `'conditions'`, since
+     * cinder supplies a fixed operator set in that mode — so a conditions-only
+     * configuration validates without it.
      */
-    operatorOptions: InvocationRuleOption[];
+    operatorOptions?: InvocationRuleOption[];
     /**
      * Options for the action target selector. Consumer-provided list of
-     * targets, e.g. review-agent slugs or step identifiers.
+     * targets, e.g. review-agent slugs or step identifiers. Required in full
+     * mode; optional (and ignored) when `mode` is `'conditions'`, since actions
+     * are not rendered — so a conditions-only configuration validates without it.
      */
-    actionOptions: InvocationRuleOption[];
+    actionOptions?: InvocationRuleOption[];
     /**
      * Must be true for schema-driven usage because editable mode requires
      * the unsupported `onchange` callback. Runtime consumers may omit this

package/dist/components/json-schema-editor/index.js

@@ -2402,7 +2402,10 @@ function Tab($$anchor, $$props) {
   let disabled = $5.prop($$props, "disabled", 3, false);
   const tabs = getTabsContext();
   const tabId = $5.derived(() => $$props.id ?? `${tabs.baseId}-tab-${$$props.value}`);
-  const panelId = $5.derived(() => `${tabs.baseId}-panel-${$$props.value}`);
+  const panelId = $5.derived(() => {
+    const controlsId = $$props.controls?.trim();
+    return controlsId ? controlsId : `${tabs.baseId}-panel-${$$props.value}`;
+  });
   const isActive = $5.derived(() => tabs.isActive($$props.value));
   const isFocusable = $5.derived(() => tabs.isFocusable($$props.value));
   let buttonElement = $5.state(undefined);
@@ -9933,4 +9936,4 @@ export {
   Json_schema_editor as JsonSchemaEditor
 };
 
-//# debugId=39E74F814CF9901264756E2164756E21
+//# debugId=01EFCA11A848DB9964756E2164756E21

package/dist/components/json-viewer/index.js

@@ -73,7 +73,7 @@ var root_1 = $.from_html(`<span class="cinder-json-viewer__key"> </span>`);
 var root_2 = $.from_html(`<span class="cinder-json-viewer__summary"> </span> <span class="cinder-json-viewer__brace"> </span>`, 1);
 var root_3 = $.from_html(`<li role="none"><!></li>`);
 var root_4 = $.from_html(`<ul class="cinder-json-viewer__children" role="group"></ul> <span class="cinder-json-viewer__brace"> </span>`, 1);
-var root_5 = $.from_html(`<span role="treeitem"><button type="button" class="cinder-json-viewer__toggle" tabindex="-1"><!> <span class="cinder-json-viewer__caret"></span> <span class="cinder-json-viewer__brace"> </span> <!></button> <!></span>`);
+var root_5 = $.from_html(`<span role="treeitem"><button type="button" class="cinder-json-viewer__toggle" tabindex="-1"><!> <svg class="cinder-json-viewer__caret" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" focusable="false"><path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06z" clip-rule="evenodd"></path></svg> <span class="cinder-json-viewer__brace"> </span> <!></button> <!></span>`);
 var root_6 = $.from_html(`<span class="cinder-json-viewer__node" role="treeitem"><!> <span class="cinder-json-viewer__too-deep">…</span></span>`);
 var root_7 = $.from_html(`<span class="cinder-json-viewer__node" role="treeitem"><!> <span class="cinder-json-viewer__value"><!></span></span>`);
 function _json_viewer_node($$anchor, $$props) {
@@ -125,20 +125,20 @@ function _json_viewer_node($$anchor, $$props) {
             $$render(consequent);
         });
       }
-      var span_2 = $.sibling(node_1, 2);
-      var span_3 = $.sibling(span_2, 2);
-      var text_1 = $.child(span_3, true);
-      $.reset(span_3);
-      var node_2 = $.sibling(span_3, 2);
+      var svg = $.sibling(node_1, 2);
+      var span_2 = $.sibling(svg, 2);
+      var text_1 = $.child(span_2, true);
+      $.reset(span_2);
+      var node_2 = $.sibling(span_2, 2);
       {
         var consequent_1 = ($$anchor3) => {
           var fragment_1 = root_2();
-          var span_4 = $.first_child(fragment_1);
-          var text_2 = $.child(span_4);
+          var span_3 = $.first_child(fragment_1);
+          var text_2 = $.child(span_3);
+          $.reset(span_3);
+          var span_4 = $.sibling(span_3, 2);
+          var text_3 = $.child(span_4, true);
           $.reset(span_4);
-          var span_5 = $.sibling(span_4, 2);
-          var text_3 = $.child(span_5, true);
-          $.reset(span_5);
           $.template_effect(() => {
             $.set_text(text_2, `${$.get(itemCount) ?? ""} ${$.get(itemCount) === 1 ? "item" : "items"}`);
             $.set_text(text_3, $.get(isArray) ? "]" : "}");
@@ -193,9 +193,9 @@ function _json_viewer_node($$anchor, $$props) {
             $.append($$anchor4, li);
           });
           $.reset(ul);
-          var span_6 = $.sibling(ul, 2);
-          var text_4 = $.child(span_6, true);
-          $.reset(span_6);
+          var span_5 = $.sibling(ul, 2);
+          var text_4 = $.child(span_5, true);
+          $.reset(span_5);
           $.template_effect(() => $.set_text(text_4, $.get(isArray) ? "]" : "}"));
           $.append($$anchor3, fragment_2);
         };
@@ -214,22 +214,22 @@ function _json_viewer_node($$anchor, $$props) {
         $.set_attribute(span, "aria-setsize", $$props.setSize);
         $.set_attribute(span, "tabindex", root() ? 0 : -1);
         $.set_attribute(button, "aria-label", $.get(toggleLabel));
-        $.set_attribute(span_2, "data-cinder-collapsed", $.get(collapsed) || undefined);
+        $.set_attribute(svg, "data-cinder-collapsed", $.get(collapsed) || undefined);
         $.set_text(text_1, $.get(isArray) ? "[" : "{");
       }, [() => $.clsx(classNames("cinder-json-viewer__node"))]);
       $.delegated("click", button, () => $.set(collapsed, !$.get(collapsed)));
       $.append($$anchor2, span);
     };
     var consequent_5 = ($$anchor2) => {
-      var span_7 = root_6();
-      var node_5 = $.child(span_7);
+      var span_6 = root_6();
+      var node_5 = $.child(span_6);
       {
         var consequent_4 = ($$anchor3) => {
-          var span_8 = root_1();
-          var text_5 = $.child(span_8);
-          $.reset(span_8);
+          var span_7 = root_1();
+          var text_5 = $.child(span_7);
+          $.reset(span_7);
           $.template_effect(() => $.set_text(text_5, `${$$props.keyName ?? ""}:`));
-          $.append($$anchor3, span_8);
+          $.append($$anchor3, span_7);
         };
         $.if(node_5, ($$render) => {
           if ($$props.keyName !== undefined)
@@ -237,33 +237,33 @@ function _json_viewer_node($$anchor, $$props) {
         });
       }
       $.next(2);
-      $.reset(span_7);
+      $.reset(span_6);
       $.template_effect(() => {
-        $.set_attribute(span_7, "tabindex", root() ? 0 : -1);
-        $.set_attribute(span_7, "aria-level", $$props.depth + 1);
-        $.set_attribute(span_7, "aria-posinset", $$props.position);
-        $.set_attribute(span_7, "aria-setsize", $$props.setSize);
+        $.set_attribute(span_6, "tabindex", root() ? 0 : -1);
+        $.set_attribute(span_6, "aria-level", $$props.depth + 1);
+        $.set_attribute(span_6, "aria-posinset", $$props.position);
+        $.set_attribute(span_6, "aria-setsize", $$props.setSize);
       });
-      $.append($$anchor2, span_7);
+      $.append($$anchor2, span_6);
     };
     var alternate_1 = ($$anchor2) => {
-      var span_9 = root_7();
-      var node_6 = $.child(span_9);
+      var span_8 = root_7();
+      var node_6 = $.child(span_8);
       {
         var consequent_6 = ($$anchor3) => {
-          var span_10 = root_1();
-          var text_6 = $.child(span_10);
-          $.reset(span_10);
+          var span_9 = root_1();
+          var text_6 = $.child(span_9);
+          $.reset(span_9);
           $.template_effect(() => $.set_text(text_6, `${$$props.keyName ?? ""}:`));
-          $.append($$anchor3, span_10);
+          $.append($$anchor3, span_9);
         };
         $.if(node_6, ($$render) => {
           if ($$props.keyName !== undefined)
             $$render(consequent_6);
         });
       }
-      var span_11 = $.sibling(node_6, 2);
-      var node_7 = $.child(span_11);
+      var span_10 = $.sibling(node_6, 2);
+      var node_7 = $.child(span_10);
       {
         var consequent_7 = ($$anchor3) => {
           var text_7 = $.text();
@@ -282,16 +282,16 @@ function _json_viewer_node($$anchor, $$props) {
             $$render(alternate, -1);
         });
       }
-      $.reset(span_11);
-      $.reset(span_9);
+      $.reset(span_10);
+      $.reset(span_8);
       $.template_effect(($0) => {
-        $.set_attribute(span_9, "tabindex", root() ? 0 : -1);
-        $.set_attribute(span_9, "aria-level", $$props.depth + 1);
-        $.set_attribute(span_9, "aria-posinset", $$props.position);
-        $.set_attribute(span_9, "aria-setsize", $$props.setSize);
-        $.set_attribute(span_11, "data-cinder-type", $0);
+        $.set_attribute(span_8, "tabindex", root() ? 0 : -1);
+        $.set_attribute(span_8, "aria-level", $$props.depth + 1);
+        $.set_attribute(span_8, "aria-posinset", $$props.position);
+        $.set_attribute(span_8, "aria-setsize", $$props.setSize);
+        $.set_attribute(span_10, "data-cinder-type", $0);
       }, [() => valueClass($$props.value)]);
-      $.append($$anchor2, span_9);
+      $.append($$anchor2, span_8);
     };
     $.if(node, ($$render) => {
       if ($.get(isObject) && !$.get(tooDeep))
@@ -446,4 +446,4 @@ export {
   Json_viewer as JsonViewer
 };
 
-//# debugId=CF93420DAAE7D7FE64756E2164756E21
+//# debugId=015E0D207D81A13964756E2164756E21

package/dist/components/json-viewer/json-viewer.css

@@ -80,12 +80,10 @@
   }
 
   .cinder-json-viewer__caret {
-    display: inline-block;
-    width: 0;
-    height: 0;
-    border-inline-start: 0.25rem solid transparent;
-    border-inline-end: 0.25rem solid transparent;
-    border-top: 0.375rem solid currentColor;
+    flex: 0 0 auto;
+    width: 0.75rem;
+    height: 0.75rem;
+    color: var(--cinder-text-muted);
     transition: transform var(--cinder-duration-fast) var(--cinder-ease-standard);
   }
 
@@ -93,6 +91,12 @@
     transform: rotate(-90deg);
   }
 
+  @media (prefers-reduced-motion: reduce) {
+    .cinder-json-viewer__caret {
+      transition: none;
+    }
+  }
+
   .cinder-json-viewer__brace {
     color: var(--cinder-text-muted);
   }

package/dist/components/payload-inspector/index.d.ts

@@ -1,5 +1,5 @@
 import './payload-inspector.css';
 import PayloadInspector from './payload-inspector.svelte';
 export default PayloadInspector;
-export type { PayloadInspectorMeta, PayloadInspectorProps, PayloadInspectorSchemaProps, PayloadInspectorSchemaValue, PayloadInspectorView, } from './payload-inspector.types.ts';
+export type { PayloadInspectorProps, PayloadInspectorSchemaProps, PayloadInspectorSchemaValue, } from './payload-inspector.types.ts';
 export { PayloadInspector };