@loworbitstudio/visor 1.31.0 → 1.34.0

package/dist/CHANGELOG.json

@@ -1,6 +1,6 @@
 {
   "version": "0.4.0",
-  "generated_at": "2026-10-03T23:23:41.697Z",
+  "generated_at": "2026-10-04T04:36:38.223Z",
   "components": {
     "accessibility-specimen": {
       "changeType": "current",
@@ -560,6 +560,12 @@
       "breakingChange": false,
       "migrationNote": null
     },
+    "segmented-control": {
+      "changeType": "current",
+      "files": [],
+      "breakingChange": false,
+      "migrationNote": null
+    },
     "segmented-progress": {
       "changeType": "current",
       "files": [],

package/dist/index.js

@@ -9114,7 +9114,36 @@ var FIXTURES = {
   // 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 }` }
+    invalid: { export: "Input", interactiveTarget: "input", props: `{ defaultValue: "not-an-email", "aria-invalid": true }` },
+    // VI-662: fixed text inside the well, beside the value.
+    suffix: { export: "Input", interactiveTarget: "input", props: `{ "aria-label": "Address", defaultValue: "lowtide", suffix: ".epk.pro" }` },
+    prefix: { export: "Input", interactiveTarget: "input", props: `{ "aria-label": "Amount", inputMode: "decimal", defaultValue: "1,250.00", prefix: "\u20AC" }` },
+    // Descenders and accents: a native input must never clip them (text-box trim does).
+    descenders: { export: "Input", interactiveTarget: "input", props: `{ "aria-label": "Amount", defaultValue: "Typography jpq \xC9\xC5\xD1", prefix: "\u20AC", suffix: "jpy" }` },
+    both: { export: "Input", interactiveTarget: "input", props: `{ "aria-label": "Rate", inputMode: "decimal", defaultValue: "85", prefix: "$", suffix: "/ hr" }` }
+  },
+  // VI-671: a rule, a word and a rule.
+  separator: {
+    default: { export: "Separator", props: `{ style: { width: 360 } }` },
+    labelled: { export: "Separator", props: `{ label: "or", style: { width: 360 } }` }
+  },
+  "number-input": {
+    default: { export: "NumberInput", interactiveTarget: "input", props: `{ "aria-label": "Quantity", defaultValue: 4, min: 0, max: 99 }` },
+    prefix: { export: "NumberInput", interactiveTarget: "input", props: `{ "aria-label": "Fee", defaultValue: 150, prefix: "$" }` },
+    descenders: { export: "NumberInput", interactiveTarget: "input", props: `{ "aria-label": "Fee", defaultValue: 1299, prefix: "\u20AC", suffix: "jpy" }` },
+    suffix: { export: "NumberInput", interactiveTarget: "input", props: `{ "aria-label": "Hours", defaultValue: 2, suffix: "h" }` }
+  },
+  // VI-654: the calendar renders open on the month of `value` (November), not the
+  // device's month; `align-end` shows the popover right-aligned to the trigger.
+  "date-picker": {
+    default: { export: "DatePicker", interactiveTarget: "button", props: `{ value: new Date(2026, 10, 14), defaultOpen: true }` },
+    "align-end": { export: "DatePicker", interactiveTarget: "button", props: `{ value: new Date(2026, 10, 14), defaultOpen: true, align: "end", className: "w-full" }` }
+  },
+  // VI-670: invalid keeps the digits; trailing holds a working indicator or Resend.
+  "otp-input": {
+    default: { export: "OTPInput", interactiveTarget: "input", props: `{ value: "428" }` },
+    invalid: { export: "OTPInput", interactiveTarget: "input", props: `{ value: "428519", invalid: true, errorMessage: "That code didn't work. Check it and try again." }` },
+    trailing: { export: "OTPInput", interactiveTarget: "input", props: `{ value: "428519", trailing: React.createElement("button", { type: "button" }, "Resend") }` }
   },
   // VI-624: `default` is the closed field; the popover fixtures render open so the
   // two-column (24-hour) and three-column (12-hour) anatomy can be inspected.
@@ -9265,13 +9294,63 @@ var FIXTURES = {
     unsaved: { export: "SaveStatus", props: `{ status: "unsaved" }` },
     "unsaved-dot": { export: "SaveStatus", props: `{ status: "unsaved", unsavedAs: "dot" }` },
     refused: { export: "SaveStatus", props: `{ status: "refused" }` },
-    "refused-retry": { export: "SaveStatus", interactiveTarget: "button", props: `{ status: "refused", onRetry: function () {} }` }
+    "refused-retry": { export: "SaveStatus", interactiveTarget: "button", props: `{ status: "refused", onRetry: function () {} }` },
+    dot: { export: "SaveStatus", props: `{ status: "saved", dot: true }` },
+    "dot-unsaved": { export: "SaveStatus", props: `{ status: "unsaved", dot: true }` }
+  },
+  // VI-615: the single-select pill group. `fullwidth` fills the render frame.
+  "segmented-control": {
+    default: {
+      export: "SegmentedControl",
+      interactiveTarget: "[data-slot=toggle-group-item]",
+      props: `{ "aria-label": "Payment status", defaultValue: "paid", options: [{ value: "unpaid", label: "Unpaid" }, { value: "paid", label: "Paid" }, { value: "any", label: "Any" }] }`
+    },
+    fullwidth: {
+      export: "SegmentedControl",
+      props: `{ "aria-label": "Artist scope", fullWidth: true, defaultValue: "active", options: [{ value: "active", label: "Active" }, { value: "archived", label: "Archived" }, { value: "dnb", label: "Do-not-book" }] }`
+    },
+    "disabled-option": {
+      export: "SegmentedControl",
+      props: `{ "aria-label": "View", defaultValue: "day", options: [{ value: "day", label: "Day" }, { value: "week", label: "Week" }, { value: "month", label: "Month", disabled: true }] }`
+    }
+  },
+  // VI-690: the single-select toggle group in both variants; `--state focus` drives the first item.
+  "toggle-group": {
+    default: {
+      export: "ToggleGroup",
+      interactiveTarget: "[data-slot=toggle-group-item]",
+      props: `(function () {
+        var h = React.createElement;
+        return { type: "single", "aria-label": "Text alignment", defaultValue: "center", children: [
+          h(__mod.ToggleGroupItem, { key: "l", value: "left" }, "Left"),
+          h(__mod.ToggleGroupItem, { key: "c", value: "center" }, "Center"),
+          h(__mod.ToggleGroupItem, { key: "r", value: "right" }, "Right"),
+        ] };
+      })()`
+    },
+    outline: {
+      export: "ToggleGroup",
+      interactiveTarget: "[data-slot=toggle-group-item]",
+      props: `(function () {
+        var h = React.createElement;
+        return { type: "single", variant: "outline", "aria-label": "View", defaultValue: "week", children: [
+          h(__mod.ToggleGroupItem, { key: "d", value: "day" }, "Day"),
+          h(__mod.ToggleGroupItem, { key: "w", value: "week" }, "Week"),
+          h(__mod.ToggleGroupItem, { key: "m", value: "month" }, "Month"),
+        ] };
+      })()`
+    }
   },
   "tag-input": {
     default: {
       export: "TagInput",
       interactiveTarget: "input",
       props: `{ defaultValue: ["design", "tokens"], placeholder: "Add a tag" }`
+    },
+    slot: {
+      export: "TagInput",
+      interactiveTarget: "input",
+      props: `{ defaultValue: ["design", "tokens"], placeholder: "Add a tag", entryAs: "slot" }`
     }
   },
   chip: {