@loworbitstudio/visor 1.27.0 → 1.29.0

package/dist/CHANGELOG.json

@@ -1,6 +1,6 @@
 {
   "version": "0.4.0",
-  "generated_at": "2026-09-23T03:16:40.735Z",
+  "generated_at": "2026-09-24T04:59:55.147Z",
   "components": {
     "accessibility-specimen": {
       "changeType": "current",
@@ -362,6 +362,12 @@
       "breakingChange": false,
       "migrationNote": null
     },
+    "inline-edit": {
+      "changeType": "current",
+      "files": [],
+      "breakingChange": false,
+      "migrationNote": null
+    },
     "input": {
       "changeType": "current",
       "files": [],
@@ -506,6 +512,12 @@
       "breakingChange": false,
       "migrationNote": null
     },
+    "save-status": {
+      "changeType": "current",
+      "files": [],
+      "breakingChange": false,
+      "migrationNote": null
+    },
     "score-indicator": {
       "changeType": "current",
       "files": [],
@@ -740,6 +752,12 @@
       "breakingChange": false,
       "migrationNote": null
     },
+    "tin-input": {
+      "changeType": "current",
+      "files": [],
+      "breakingChange": false,
+      "migrationNote": null
+    },
     "toast": {
       "changeType": "current",
       "files": [],

package/dist/index.js

@@ -8759,6 +8759,7 @@ function spawnCommand(cwd, options) {
 // src/commands/render.ts
 import { existsSync as existsSync31, mkdirSync as mkdirSync14, readFileSync as readFileSync33 } from "fs";
 import { dirname as dirname15, isAbsolute as isAbsolute7, resolve as resolve21 } from "path";
+var ICON_X = `React.createElement("svg", { viewBox: "0 0 256 256", width: "1em", height: "1em", fill: "currentColor", "aria-hidden": true }, React.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))`;
 var FIXTURES = {
   "stat-card": {
     default: {
@@ -8885,13 +8886,190 @@ var FIXTURES = {
       export: "Button",
       interactiveTarget: "button",
       props: `{ children: "Get started" }`
+    },
+    // Edged faces (VI-655): the three button faces that draw a resting edge.
+    outline: {
+      export: "Button",
+      interactiveTarget: "button",
+      props: `{ variant: "outline", children: "Outline" }`
+    },
+    "dlg-ghost": {
+      export: "Button",
+      interactiveTarget: "button",
+      props: `{ size: "dlg", variant: "ghost", children: "Cancel" }`
+    },
+    gated: {
+      export: "Button",
+      interactiveTarget: "button",
+      props: `{ gated: true, children: "Upgrade" }`
+    },
+    // Type tokens (VI-656): one fixture per size, plus the dlg outline face.
+    sm: { export: "Button", interactiveTarget: "button", props: `{ size: "sm", children: "Small" }` },
+    lg: { export: "Button", interactiveTarget: "button", props: `{ size: "lg", children: "Large" }` },
+    dlg: { export: "Button", interactiveTarget: "button", props: `{ size: "dlg", children: "Save" }` },
+    "dlg-outline": {
+      export: "Button",
+      interactiveTarget: "button",
+      props: `{ size: "dlg", variant: "outline", children: "Preview" }`
+    },
+    // Icon-only (VI-659): a bare ghost mark and its outline face.
+    icon: {
+      export: "Button",
+      interactiveTarget: "button",
+      props: `{ size: "icon", variant: "ghost", "aria-label": "Remove", children: ${ICON_X} }`
+    },
+    "icon-outline": {
+      export: "Button",
+      interactiveTarget: "button",
+      props: `{ size: "icon", variant: "outline", "aria-label": "Remove", children: ${ICON_X} }`
+    }
+  },
+  // Type tokens (VI-656). Field label and Text at every step, in both densities.
+  field: {
+    default: {
+      export: "Field",
+      props: `{ children: [React.createElement(__mod.FieldLabel, { key: "l" }, "Display name"), React.createElement(__mod.FieldDescription, { key: "d" }, "Shown on your profile.")] }`
+    },
+    editorial: {
+      export: "Field",
+      props: `{ "data-density": "editorial", children: [React.createElement(__mod.FieldLabel, { key: "l" }, "Display name"), React.createElement(__mod.FieldDescription, { key: "d" }, "Shown on your profile.")] }`
+    }
+  },
+  text: {
+    default: {
+      export: "Text",
+      props: `{ as: "div", children: ["xs", "sm", "md", "lg", "xl"].map(function (s) { return React.createElement(__mod.Text, { key: s, size: s }, "Text " + s) }) }`
+    },
+    colors: {
+      export: "Text",
+      props: `{ as: "div", children: ["primary", "secondary", "tertiary", "warning"].map(function (c) { return React.createElement(__mod.Text, { key: c, size: "sm", color: c }, "Text " + c) }) }`
+    }
+  },
+  // Form controls (VI-655). Each has a resting fixture plus the states that
+  // redraw the edge (invalid, checked, selected), so `visor render` can prove
+  // the edge tokens leave a default theme unchanged.
+  input: {
+    default: { export: "Input", interactiveTarget: "input", props: `{ placeholder: "Email address" }` },
+    invalid: { export: "Input", interactiveTarget: "input", props: `{ defaultValue: "not-an-email", "aria-invalid": true }` }
+  },
+  textarea: {
+    default: { export: "Textarea", interactiveTarget: "textarea", props: `{ placeholder: "Tell us more" }` },
+    invalid: { export: "Textarea", interactiveTarget: "textarea", props: `{ defaultValue: "Too short", "aria-invalid": true }` }
+  },
+  select: {
+    default: {
+      export: "Select",
+      interactiveTarget: "button",
+      props: `{ children: React.createElement(__mod.SelectTrigger, null, React.createElement(__mod.SelectValue, { placeholder: "Pick a plan" })) }`
+    },
+    invalid: {
+      export: "Select",
+      interactiveTarget: "button",
+      props: `{ children: React.createElement(__mod.SelectTrigger, { "aria-invalid": true }, React.createElement(__mod.SelectValue, { placeholder: "Pick a plan" })) }`
+    },
+    borderless: {
+      export: "Select",
+      interactiveTarget: "button",
+      props: `{ children: React.createElement(__mod.SelectTrigger, { variant: "borderless" }, React.createElement(__mod.SelectValue, { placeholder: "Pick a plan" })) }`
+    }
+  },
+  checkbox: {
+    default: { export: "Checkbox", interactiveTarget: "button", props: `{ "aria-label": "Accept" }` },
+    checked: { export: "Checkbox", interactiveTarget: "button", props: `{ "aria-label": "Accept", defaultChecked: true }` },
+    invalid: { export: "Checkbox", interactiveTarget: "button", props: `{ "aria-label": "Accept", "aria-invalid": true }` }
+  },
+  switch: {
+    default: { export: "Switch", interactiveTarget: "button", props: `{ "aria-label": "Notifications" }` },
+    checked: { export: "Switch", interactiveTarget: "button", props: `{ "aria-label": "Notifications", defaultChecked: true }` },
+    invalid: { export: "Switch", interactiveTarget: "button", props: `{ "aria-label": "Notifications", "aria-invalid": true }` },
+    sm: { export: "Switch", interactiveTarget: "button", props: `{ "aria-label": "Notifications", size: "sm" }` },
+    "sm-checked": {
+      export: "Switch",
+      interactiveTarget: "button",
+      props: `{ "aria-label": "Notifications", size: "sm", defaultChecked: true }`
+    }
+  },
+  // VI-658: rest draws no edge; editing draws the shared control edge.
+  // `heading` renders at the 21px display size the editor's titles use.
+  "inline-edit": {
+    default: {
+      export: "InlineEdit",
+      interactiveTarget: "button",
+      props: `{ label: "Rider title", value: "Technical rider", defaultValue: "Rider", onCommit: function () {} }`
+    },
+    "default-value": {
+      export: "InlineEdit",
+      interactiveTarget: "button",
+      props: `{ label: "Rider title", value: "", defaultValue: "Rider", onCommit: function () {} }`
+    },
+    editing: {
+      export: "InlineEdit",
+      interactiveTarget: "input",
+      props: `{ label: "Rider title", value: "Technical rider", defaultValue: "Rider", onCommit: function () {}, defaultEditing: true }`
+    },
+    heading: {
+      export: "InlineEdit",
+      interactiveTarget: "button",
+      props: `{ as: "h2", style: { margin: 0, fontSize: "21px", lineHeight: 1.25, fontWeight: 600 }, label: "Section title", value: "Track record", defaultValue: "Untitled section", onCommit: function () {} }`
+    },
+    "heading-editing": {
+      export: "InlineEdit",
+      interactiveTarget: "input",
+      props: `{ as: "h2", style: { margin: 0, fontSize: "21px", lineHeight: 1.25, fontWeight: 600 }, label: "Section title", value: "Track record", defaultValue: "Untitled section", onCommit: function () {}, defaultEditing: true }`
+    }
+  },
+  // VI-657: the autosave readout in each state. It draws no edge in any of them.
+  "save-status": {
+    default: { export: "SaveStatus", props: `{ status: "saved" }` },
+    saving: { export: "SaveStatus", props: `{ status: "saving" }` },
+    unsaved: { export: "SaveStatus", props: `{ status: "unsaved" }` },
+    refused: { export: "SaveStatus", props: `{ status: "refused" }` },
+    "refused-retry": { export: "SaveStatus", interactiveTarget: "button", props: `{ status: "refused", onRetry: function () {} }` }
+  },
+  "tag-input": {
+    default: {
+      export: "TagInput",
+      interactiveTarget: "input",
+      props: `{ defaultValue: ["design", "tokens"], placeholder: "Add a tag" }`
+    }
+  },
+  chip: {
+    default: { export: "Chip", props: `{ label: "Default" }` },
+    outlined: { export: "Chip", props: `{ variant: "outlined", label: "Outlined" }` },
+    choice: { export: "ChoiceChip", interactiveTarget: "button", props: `{ label: "Choice" }` },
+    selected: { export: "ChoiceChip", interactiveTarget: "button", props: `{ label: "Selected", selected: true }` }
+  },
+  "file-upload": {
+    default: { export: "FileUpload", interactiveTarget: '[tabindex="0"]', props: `{}` }
+  },
+  "empty-state": {
+    default: {
+      export: "EmptyState",
+      props: `{ heading: "No projects yet", description: "Create a project to get started." }`
     }
   },
   badge: {
     default: {
       export: "Badge",
       props: `{ children: "New" }`
-    }
+    },
+    // One fixture per non-default variant (VI-661 reads each variant's ground and ink).
+    ...Object.fromEntries(
+      [
+        "secondary",
+        "outline",
+        "destructive",
+        "success",
+        "warning",
+        "info",
+        "neutral",
+        "filled-destructive",
+        "filled-success",
+        "filled-warning",
+        "filled-info",
+        "filled-neutral"
+      ].map((variant) => [variant, { export: "Badge", props: `{ variant: "${variant}", children: "New" }` }])
+    )
   }
 };
 var VALID_MODES = /* @__PURE__ */ new Set(["light", "dark"]);