@loworbitstudio/visor 1.18.1 → 1.20.0

package/dist/visor-manifest.json

@@ -1,6 +1,6 @@
 {
   "version": "0.4.0",
-  "generated_at": "2026-07-15T17:44:38.978Z",
+  "generated_at": "2026-07-21T04:26:48.821Z",
   "components": {
     "accessibility-specimen": {
       "category": "specimen",
@@ -1004,7 +1004,8 @@
         "size": [
           "sm",
           "md",
-          "lg"
+          "lg",
+          "dlg"
         ]
       },
       "props": [
@@ -1015,8 +1016,9 @@
         },
         {
           "name": "size",
-          "type": "'sm' | 'md' | 'lg'",
-          "default": "md"
+          "type": "'sm' | 'md' | 'lg' | 'dlg'",
+          "default": "md",
+          "description": "Standard sizes plus `dlg` — the compact dialog-footer button (dlg-btn) from the Animal dialog substrate (VI-620): 11px/600 text, tokenized ~8/12px padding, radius-lg. Its three intents reuse the variant axis — primary via variant=\"default\", ghost via variant=\"ghost\" (renders a hairline-outlined, secondary-ink face at dlg size), danger via variant=\"destructive\" (renders a subtle-danger face at dlg size).\n"
         },
         {
           "name": "asChild",
@@ -1050,12 +1052,16 @@
         "--border-default",
         "--border-focus",
         "--border-strong",
+        "--destructive",
         "--focus-ring-offset",
         "--focus-ring-width",
+        "--font-size-2xs",
         "--font-size-base",
         "--font-size-sm",
         "--font-size-xs",
         "--font-weight-medium",
+        "--font-weight-semibold",
+        "--hairline",
         "--interactive-destructive-bg",
         "--interactive-destructive-bg-hover",
         "--interactive-destructive-text",
@@ -1071,15 +1077,19 @@
         "--motion-easing-default",
         "--opacity-40",
         "--primary",
+        "--radius-lg",
         "--radius-md",
         "--spacing-2",
         "--spacing-3",
         "--spacing-4",
         "--spacing-6",
         "--surface-card",
+        "--surface-error-subtle",
         "--surface-muted",
         "--surface-subtle",
-        "--text-primary"
+        "--text-error",
+        "--text-primary",
+        "--text-secondary"
       ],
       "example": "<Button variant=\"default\" size=\"md\">Save changes</Button>\n\n<Button variant=\"destructive\">Delete account</Button>\n\n<Button variant=\"ghost\" size=\"sm\">Cancel</Button>\n\n{/* Gated — no reason (tooltip suppressed) */}\n<Button gated>Delete organization</Button>\n\n{/* Gated with reason — tooltip shown on hover/focus */}\n<TooltipProvider>\n  <Button gated gatedReason=\"You can't delete this — you're not an owner\">\n    Delete organization\n  </Button>\n</TooltipProvider>\n"
     },
@@ -2170,6 +2180,7 @@
         "--color-picker-indicator-shadow",
         "--color-picker-indicator-shadow-color",
         "--focus-ring-width",
+        "--font-mono",
         "--font-size-sm",
         "--font-size-xs",
         "--motion-duration-150",
@@ -8736,6 +8747,12 @@
           "type": "boolean",
           "default": false,
           "description": "Animate the indicator dot with a soft pulse. Respects prefers-reduced-motion."
+        },
+        {
+          "name": "mono",
+          "type": "boolean",
+          "default": false,
+          "description": "Render the label in the monospace token face (--font-mono, 11px) — the dot + mono-token treatment from the Animal dialog substrate (VI-620), for ID / code / token-style status readouts.\n"
         }
       ],
       "dependencies": [
@@ -8743,6 +8760,7 @@
       ],
       "tokens_used": [
         "--color-white",
+        "--font-mono",
         "--motion-duration-800",
         "--motion-easing-standard",
         "--radius-full",
@@ -8750,6 +8768,7 @@
         "--surface-info-default",
         "--surface-success-default",
         "--surface-warning-default",
+        "--text-11",
         "--text-inverse",
         "--text-tertiary"
       ],
@@ -11436,6 +11455,43 @@
         "Production user-facing pages"
       ]
     },
+    "dialog-field": {
+      "category": "form",
+      "description": "Compact dialog field block (dlg-field, the Animal dialog substrate VI-620): a flex-column field with a 5px label→control gap, an 11px/600 primary-ink label, and a recessed control \"well\" (a surface deeper than the card in both modes + a hairline border) hosting a leading icon slot, the control, and a trailing control/caret slot. Composes the Label atom; token-driven so the active theme swaps the treatment.\n",
+      "components_used": [
+        "label",
+        "input"
+      ],
+      "when_to_use": [
+        "Form fields inside a DialogForm / admin modal",
+        "Fields that need a leading icon or a trailing caret / stepper / unit control",
+        "Any compact form control that would otherwise hand-roll a recessed input well"
+      ],
+      "when_not_to_use": [
+        "Standard page forms (use the Field component)",
+        "Standalone labels (use Label directly)",
+        "Non-form content grouping (use a div or Card)"
+      ]
+    },
+    "dialog-form": {
+      "category": "overlay",
+      "description": "Compact admin modal shell (the Animal dialog substrate, VI-620) composing the Dialog atom into a backdrop + centered panel + header + footer. Exposes a titled header with a size axis (13px default / 16px), a body stack for DialogField blocks, and a right-aligned dlg-btn footer row. Token-driven — the active theme swaps the surface, hairline, radius, and title scale.\n",
+      "components_used": [
+        "dialog",
+        "button"
+      ],
+      "when_to_use": [
+        "Create / edit modals in an admin app (invite user, edit venue, add artist)",
+        "Confirmation and destructive-action prompts that need a titled shell + actions",
+        "Any pop-up form that would otherwise hand-roll a backdrop + panel + footer"
+      ],
+      "when_not_to_use": [
+        "⌘K command palette (use command-dialog)",
+        "Right-side detail editing (use admin-detail-drawer / Sheet)",
+        "Non-blocking notifications (use Toast)",
+        "A plain full-page form (use a page, not a modal)"
+      ]
+    },
     "export-menu": {
       "category": "admin",
       "description": "Export button + popover composing a format-picker radio group, optional scope checkboxes, and an async-aware Cancel/Export footer. Drop-in for any admin list's export affordance.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loworbitstudio/visor",
-  "version": "1.18.1",
+  "version": "1.20.0",
   "description": "CLI for the Visor design system — add components, hooks, and utilities to your project.",
   "type": "module",
   "bin": {
@@ -46,7 +46,7 @@
   "dependencies": {
     "@aws-sdk/client-s3": "^3.1021.0",
     "@babel/parser": "^7.26.0",
-    "@loworbitstudio/visor-theme-engine": "^0.17.1",
+    "@loworbitstudio/visor-theme-engine": "^0.18.0",
     "commander": "^13.1.0",
     "diff": "^8.0.4",
     "picocolors": "^1.1.1",