@lostgradient/cinder 0.5.0 → 0.6.0

package/src/components/popover/popover.schema.json

@@ -0,0 +1,88 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "type": "object",
+  "properties": {
+    "id": {
+      "type": "string",
+      "description": "Optional panel id. Defaults to a generated `cinder-popover-*` id."
+    },
+    "open": {
+      "type": "boolean",
+      "description": "Open state. Bindable. Default `false`."
+    },
+    "placement": {
+      "enum": [
+        "top",
+        "bottom",
+        "left",
+        "right",
+        "top-start",
+        "top-end",
+        "bottom-start",
+        "bottom-end"
+      ],
+      "description": "Anchor placement. Default `'bottom-start'`."
+    },
+    "offset": {
+      "type": "number",
+      "description": "Distance in px between trigger and panel. Default `8`."
+    },
+    "showArrow": {
+      "type": "boolean",
+      "description": "Render a directional arrow on the panel. Default `false`."
+    },
+    "label": {
+      "type": "string",
+      "description": "Accessible name. Sets `aria-label` when `ariaLabelledby` is not supplied."
+    },
+    "ariaLabelledby": {
+      "type": "string",
+      "description": "Id of an element labelling the panel. Wins over `label`."
+    },
+    "role": {
+      "enum": ["dialog", "group", "listbox"],
+      "description": "ARIA role for the panel. Default `'dialog'`."
+    },
+    "focusManagement": {
+      "enum": ["panel", "preserve"],
+      "description": "Focus behavior for each open session. Default `'panel'`."
+    },
+    "wireTriggerAria": {
+      "type": "boolean",
+      "description": "Whether Popover owns trigger ARIA wiring. Default `true`."
+    },
+    "closeOnEscape": {
+      "type": "boolean",
+      "description": "Whether Escape closes the Popover. Default `true`. Set `false` when a parent\ncomposite widget (e.g. Combobox) owns Escape for the whole interaction, so the\nPopover does not shadow the parent's handler while its panel is open."
+    },
+    "widthMode": {
+      "enum": ["content", "match-anchor", "menu", "none"],
+      "description": "Floating panel width strategy. Default `'content'`."
+    },
+    "class": {
+      "type": "string",
+      "description": "Extra class merged onto `.cinder-popover`."
+    }
+  },
+  "additionalProperties": false,
+  "metadata": {
+    "unsupportedProps": [
+      {
+        "name": "children",
+        "reason": "function-or-snippet",
+        "required": true,
+        "description": "Panel content. Required."
+      },
+      {
+        "name": "trigger",
+        "reason": "function-or-snippet",
+        "description": "Optional trigger snippet rendered inside a wrapper."
+      },
+      {
+        "name": "triggerRef",
+        "reason": "unknown-shape",
+        "description": "Explicit anchor element. Wins over the snippet-resolved focusable."
+      }
+    ]
+  }
+}

package/src/components/popover/popover.variables.json

@@ -0,0 +1 @@
+[]

package/src/components/portal/portal.schema.json

@@ -0,0 +1,39 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "type": "object",
+  "properties": {
+    "target": {
+      "anyOf": [
+        {
+          "type": "string"
+        },
+        {
+          "type": "null"
+        }
+      ],
+      "description": "CSS selector string or `null` specifying where the portal content is appended. Defaults to `document.body` when `null` or omitted."
+    },
+    "disabled": {
+      "type": "boolean",
+      "description": "When true, renders the content inline in normal document flow instead of teleporting it to the target."
+    },
+    "class": {
+      "type": "string",
+      "description": "Additional class applied to the portal wrapper element."
+    },
+    "inheritAttributes": {
+      "type": "boolean",
+      "description": "When true (default), HTML attributes passed to the portal are forwarded onto the wrapper element inside the target."
+    }
+  },
+  "additionalProperties": false,
+  "metadata": {
+    "unsupportedProps": [
+      {
+        "name": "children",
+        "reason": "function-or-snippet",
+        "required": true
+      }
+    ]
+  }
+}

package/src/components/portal/portal.variables.json

@@ -0,0 +1 @@
+[]

package/src/components/pricing-card/pricing-card.schema.json

@@ -0,0 +1,50 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "type": "object",
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "Plan name displayed as the card heading."
+    },
+    "price": {
+      "type": "string",
+      "description": "Price string, e.g. \"$9/mo\" or \"Free\"."
+    },
+    "features": {
+      "type": "array",
+      "items": {
+        "type": "string"
+      },
+      "description": "Feature strings to display in the bulleted list."
+    },
+    "cta": {
+      "type": "string",
+      "description": "Label for the call-to-action button."
+    },
+    "caveat": {
+      "type": "string",
+      "description": "Optional footnote or caveat beneath the features list."
+    },
+    "selected": {
+      "type": "boolean",
+      "description": "Whether this card is the currently selected plan.",
+      "default": false
+    },
+    "class": {
+      "type": "string",
+      "description": "Custom class merged with `.cinder-pricing-card`."
+    }
+  },
+  "additionalProperties": false,
+  "required": ["cta", "features", "name", "price"],
+  "metadata": {
+    "unsupportedProps": [
+      {
+        "name": "onselect",
+        "reason": "function-or-snippet",
+        "required": true,
+        "description": "Called when the CTA button is clicked."
+      }
+    ]
+  }
+}

package/src/components/pricing-card/pricing-card.variables.json

@@ -0,0 +1 @@
+[]

package/src/components/pricing-section/pricing-section.css

@@ -2,6 +2,7 @@
 @layer cinder.components {
   .cinder-pricing-section {
     container-type: inline-size;
+    container-name: cinder-pricing-section;
     padding-block: var(--cinder-space-10);
   }
 
@@ -46,7 +47,7 @@
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
 
-  @container (max-width: 64rem) {
+  @container cinder-pricing-section (max-width: 64rem) {
     .cinder-pricing-section__list {
       grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
     }

package/src/components/pricing-section/pricing-section.schema.json

@@ -0,0 +1,82 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "type": "object",
+  "properties": {
+    "as": {
+      "enum": ["section", "div"],
+      "description": "Wrapper element tag.",
+      "default": "section"
+    },
+    "title": {
+      "type": "string",
+      "description": "Optional section title."
+    },
+    "description": {
+      "type": "string",
+      "description": "Optional section description."
+    },
+    "plans": {
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string",
+            "description": "Plan name."
+          },
+          "price": {
+            "type": "string",
+            "description": "Plan price label."
+          },
+          "features": {
+            "type": "array",
+            "items": {
+              "type": "string"
+            },
+            "description": "Included features."
+          },
+          "cta": {
+            "type": "string",
+            "description": "CTA label for the plan action button."
+          },
+          "caveat": {
+            "type": "string",
+            "description": "Optional caveat text."
+          },
+          "selected": {
+            "type": "boolean",
+            "description": "Marks plan as highlighted/selected."
+          }
+        },
+        "additionalProperties": false,
+        "required": ["cta", "features", "name", "price"]
+      },
+      "description": "Plans rendered as PricingCard components."
+    },
+    "columns": {
+      "enum": [1, 2, 3, 4],
+      "description": "Grid column count.",
+      "default": 3
+    },
+    "maxWidth": {
+      "enum": ["prose", "narrow", "wide", "full"],
+      "description": "Max width token forwarded to Container.",
+      "default": "wide"
+    },
+    "class": {
+      "type": "string",
+      "description": "Custom class merged with `.cinder-pricing-section`."
+    }
+  },
+  "additionalProperties": false,
+  "required": ["plans"],
+  "metadata": {
+    "unsupportedProps": [
+      {
+        "name": "onPlanSelect",
+        "reason": "function-or-snippet",
+        "description": "Callback fired when a plan CTA is clicked."
+      }
+    ]
+  }
+}

package/src/components/pricing-section/pricing-section.variables.json

@@ -0,0 +1 @@
+[]

package/src/components/progress/progress.schema.json

@@ -0,0 +1,39 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "type": "object",
+  "properties": {
+    "value": {
+      "type": "number",
+      "description": "Current progress value. Omit for indeterminate."
+    },
+    "max": {
+      "type": "number",
+      "description": "Maximum value. Defaults to 100."
+    },
+    "variant": {
+      "enum": ["bar", "ring"],
+      "description": "Visual variant. Default `bar`."
+    },
+    "size": {
+      "enum": ["sm", "md", "lg"],
+      "description": "Size token. Default `md`."
+    },
+    "label": {
+      "type": "string",
+      "description": "Human-readable status, exposed as `aria-valuetext`. NOT the accessible\nname — supply `ariaLabel` or `ariaLabelledby` for that."
+    },
+    "ariaLabel": {
+      "type": "string",
+      "description": "Accessible name applied directly to the progressbar element when no\nvisible label element is present in the page. Required unless\n`ariaLabelledby` is supplied."
+    },
+    "ariaLabelledby": {
+      "type": "string",
+      "description": "Id of a visible element that serves as the accessible name for the\nprogressbar. Prefer this over `ariaLabel` when a visible label exists.\nRequired unless `ariaLabel` is supplied."
+    },
+    "class": {
+      "type": "string",
+      "description": "Additional class names merged with `.cinder-progress`."
+    }
+  },
+  "additionalProperties": false
+}

package/src/components/progress/progress.variables.json

@@ -0,0 +1 @@
+[]

package/src/components/qr-code/qr-code.schema.json

@@ -0,0 +1,36 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "type": "object",
+  "properties": {
+    "value": {
+      "type": "string",
+      "description": "Text payload encoded into the QR code matrix."
+    },
+    "label": {
+      "type": "string",
+      "description": "Accessible label announced for the QR image.",
+      "default": "QR code"
+    },
+    "size": {
+      "type": "number",
+      "description": "Square pixel size of the rendered QR code.",
+      "default": 160
+    },
+    "margin": {
+      "type": "number",
+      "description": "Quiet-zone width in QR modules.",
+      "default": 4
+    },
+    "errorCorrectionLevel": {
+      "enum": ["L", "M", "Q", "H"],
+      "description": "QR error correction level.",
+      "default": "M"
+    },
+    "class": {
+      "type": "string",
+      "description": "Custom class merged with `.cinder-qr-code`."
+    }
+  },
+  "additionalProperties": false,
+  "required": ["value"]
+}

package/src/components/qr-code/qr-code.variables.json

@@ -0,0 +1 @@
+[]

package/src/components/radio-group/radio-group.schema.json

@@ -0,0 +1,54 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "type": "object",
+  "properties": {
+    "value": {
+      "type": "string",
+      "description": "Bound selected value."
+    },
+    "name": {
+      "type": "string",
+      "description": "Shared `name` for all radios in the group; required for native form submission."
+    },
+    "label": {
+      "type": "string",
+      "description": "Visible group caption. Rendered as a `<legend>` inside the `<fieldset>`.\nNamed `label` for consistency with every other form control — the element\nis a `<legend>` because the group is a fieldset."
+    },
+    "description": {
+      "type": "string",
+      "description": "Helper text displayed below the group; wired via `aria-describedby` on the fieldset."
+    },
+    "error": {
+      "type": "string",
+      "description": "Validation error message; sets `aria-invalid=\"true\"` on the group's children."
+    },
+    "disabled": {
+      "type": "boolean",
+      "description": "Disables the entire group."
+    },
+    "required": {
+      "type": "boolean",
+      "description": "When true, marks the group's radios as required for form submission."
+    },
+    "variant": {
+      "enum": ["default", "card"],
+      "description": "Visual layout. 'card' wraps each radio row in a bordered surface."
+    },
+    "class": {
+      "type": "string",
+      "description": "Additional class names merged with `.cinder-radio-group`."
+    }
+  },
+  "additionalProperties": false,
+  "required": ["name"],
+  "metadata": {
+    "unsupportedProps": [
+      {
+        "name": "children",
+        "reason": "function-or-snippet",
+        "required": true,
+        "description": "Radio children."
+      }
+    ]
+  }
+}

package/src/components/radio-group/radio-group.variables.json

@@ -0,0 +1 @@
+[]

package/src/components/rating/rating.schema.json

@@ -0,0 +1,77 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "type": "object",
+  "properties": {
+    "id": {
+      "type": "string",
+      "description": "Stable id used as the radio-group id prefix and as the hidden input id."
+    },
+    "value": {
+      "type": "number",
+      "description": "Bindable rating value. `0` represents an unrated state. External values\nare clamped into `[0, count]` and snapped to the nearest precision step.\n\n**No write-back normalization.** The bound prop reflects exactly what the\nconsumer set — it is NOT mutated back to the clamped/snapped value. The\ndisplayed and submitted value is normalized via `$derived`, but the binding\nitself is left untouched. This is intentional: the consumer owns the source\nof truth, and silent mutation of a bound prop is a surprising side-effect."
+    },
+    "count": {
+      "type": "number",
+      "description": "Number of rating slots. Normalized to an integer in `[1, 10]`; non-finite\nor out-of-range values fall back to `5`."
+    },
+    "precision": {
+      "enum": ["whole", "half"],
+      "description": "Precision of each step. Defaults to `'whole'`."
+    },
+    "label": {
+      "type": "string",
+      "description": "Visible group label rendered above the rating."
+    },
+    "hideLabel": {
+      "type": "boolean",
+      "description": "Visually hide the rendered `label` while keeping it programmatically associated."
+    },
+    "aria-label": {
+      "type": "string",
+      "description": "Group accessible name when no visible `label` is supplied."
+    },
+    "aria-labelledby": {
+      "type": "string",
+      "description": "Space-separated list of ids that label the group when no `label` is supplied."
+    },
+    "description": {
+      "type": "string",
+      "description": "Optional description text rendered below the rating."
+    },
+    "error": {
+      "type": "string",
+      "description": "Optional error message; sets `aria-invalid=\"true\"` on the rating group."
+    },
+    "disabled": {
+      "type": "boolean",
+      "description": "Disable every rating control and the hidden input."
+    },
+    "readonly": {
+      "type": "boolean",
+      "description": "Render a non-interactive display with an accessible text equivalent."
+    },
+    "required": {
+      "type": "boolean",
+      "description": "Mark the group as required for assistive technology."
+    },
+    "name": {
+      "type": "string",
+      "description": "Form-control name applied to the hidden `<input>` that submits with the form."
+    },
+    "class": {
+      "type": "string",
+      "description": "Extra class names appended to the root group element."
+    }
+  },
+  "additionalProperties": false,
+  "required": ["id"],
+  "metadata": {
+    "unsupportedProps": [
+      {
+        "name": "onchange",
+        "reason": "function-or-snippet",
+        "description": "Fires only for user-initiated committed value changes (click, arrow keys,\nSpace/Enter). Never fires for hover preview or external prop synchronization."
+      }
+    ]
+  }
+}

package/src/components/rating/rating.variables.json

@@ -0,0 +1 @@
+[]

package/src/components/resizable-panels/resizable-panels.schema.json

@@ -0,0 +1,53 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "type": "object",
+  "properties": {
+    "orientation": {
+      "enum": ["horizontal", "vertical"],
+      "description": "Direction the panes are arranged. `'horizontal'` (default) places them side by side; `'vertical'` stacks them."
+    },
+    "collapseOnDoubleClick": {
+      "type": "boolean",
+      "description": "When true, double-clicking a separator collapses or expands the adjacent collapsible pane. Default `false`."
+    },
+    "collapseTarget": {
+      "enum": ["leading", "trailing", "nearest-collapsible"],
+      "description": "Which pane to collapse when double-clicking a separator: `'leading'`, `'trailing'`, or `'nearest-collapsible'` (default)."
+    },
+    "class": {
+      "type": "string",
+      "description": "Additional class merged onto the `.cinder-resizable-panels` root element."
+    }
+  },
+  "additionalProperties": false,
+  "metadata": {
+    "unsupportedProps": [
+      {
+        "name": "children",
+        "reason": "function-or-snippet",
+        "required": true
+      },
+      {
+        "name": "keyboardStep",
+        "reason": "unknown-shape"
+      },
+      {
+        "name": "onlayoutchange",
+        "reason": "function-or-snippet"
+      },
+      {
+        "name": "onlayoutcommit",
+        "reason": "function-or-snippet"
+      },
+      {
+        "name": "panes",
+        "reason": "unknown-shape",
+        "required": true
+      },
+      {
+        "name": "snapThreshold",
+        "reason": "unknown-shape"
+      }
+    ]
+  }
+}

package/src/components/resizable-panels/resizable-panels.variables.json

@@ -0,0 +1 @@
+[]

package/src/components/review-editor/review-editor.schema.json

@@ -0,0 +1,83 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "type": "object",
+  "properties": {
+    "id": {
+      "type": "string",
+      "description": "Unique identifier for accessibility (required)."
+    },
+    "original": {
+      "type": "string",
+      "description": "Original/baseline content for diff comparison."
+    },
+    "value": {
+      "type": "string",
+      "description": "Current markdown content (two-way bindable)."
+    },
+    "mode": {
+      "enum": ["edit", "readonly"],
+      "description": "Editor mode."
+    },
+    "currentUserId": {
+      "type": "string",
+      "description": "Current user ID for permissions."
+    },
+    "placeholder": {
+      "type": "string",
+      "description": "Placeholder text when empty."
+    },
+    "name": {
+      "type": "string",
+      "description": "Form field name prefix for hidden inputs (enables form participation)."
+    },
+    "class": {
+      "type": "string",
+      "description": "Additional CSS classes."
+    },
+    "snapshotMode": {
+      "type": "boolean",
+      "description": "Snapshot mode for visual regression testing.\n\nWhen `true`:\n- Applies `caret-color: transparent` and `user-select: none` to the editor\n  root via a `data-snapshot-mode` attribute, producing a stable visual\n  state (no blinking cursor, no selection highlights).\n- Blurs any focused element inside the component on mount so the initial\n  screenshot does not capture a focused ring or active caret.\n- The inner MarkdownEditor instance also receives `snapshotMode={true}`.\n\nThis is a purely visual / CSS concern. It does NOT affect editability,\nProseMirror state, or any prop controlled by `readonly` / `mode`."
+    }
+  },
+  "additionalProperties": false,
+  "required": ["id"],
+  "metadata": {
+    "unsupportedProps": [
+      {
+        "name": "onchange",
+        "reason": "function-or-snippet",
+        "description": "Called when content changes."
+      },
+      {
+        "name": "oncommentcreate",
+        "reason": "function-or-snippet",
+        "description": "Called when a comment is created in an existing thread."
+      },
+      {
+        "name": "oncommentdelete",
+        "reason": "function-or-snippet",
+        "description": "Called when a comment is deleted."
+      },
+      {
+        "name": "oncommentupdate",
+        "reason": "function-or-snippet",
+        "description": "Called when a comment is updated."
+      },
+      {
+        "name": "onthreadcreate",
+        "reason": "function-or-snippet",
+        "description": "Called when user initiates thread creation."
+      },
+      {
+        "name": "onthreaddelete",
+        "reason": "function-or-snippet",
+        "description": "Called when a thread is deleted."
+      },
+      {
+        "name": "threads",
+        "reason": "unknown-shape",
+        "description": "Comment threads (two-way bindable)."
+      }
+    ]
+  }
+}

package/src/components/review-editor/review-editor.variables.json

@@ -0,0 +1 @@
+[]